/* TAG */

HTML, BODY { margin: 0px; padding: 0px; border: 0px; width: 100%; }
BODY, P, DIV, UL, OL, LI { font-family: "Arial CE", Arial, Helvetica, sans-serif; color: #656668; font-size: 11px; font-weight: 300; }
H1, H2, H3, H4, H5, H6, P { margin: 0px 0px 3px 0px; }
IMG { border: 0px; }
SELECT, OPTION, TEXTAREA, INPUT { color: #898989; font-size: 9px; line-height: 10px; margin: 0px; padding: 0px;}
A, A:active, A:link, A:visited { color: #656668; text-decoration: none; font-weight: 900; }
A:hover, A.active { color: #C1272D; }
FORM { margin: 0px; padding: 0px; border: 0px; display: inline; }
B { font-weight: 900; }
BODY { background: #D5D5D5; }

A.more { color: #C1272D; background: url(../img/arrow_red.gif) no-repeat 3px 5px; padding: 0px 3px 1px 13px; font-size: 10px; }
A:hover.more, #general A.active { color: #FFFFFF; background: #656668 url(../img/arrow_white.gif) no-repeat 3px 5px; }
#general A.red { background: #C1272D url(../img/arrow_white.gif) no-repeat 3px 5px; color: #FFFFFF; }
#general A:hover.red { background: #656668 url(../img/arrow_white.gif) no-repeat 3px 5px; color: #FFFFFF; }

#lang A { margin: 1px 2px 1px 2px; color: #B2B3B4; font-size: 10px; }
#lang A:hover, #lang A.active, #lang .cur A { background-color: #C1272D; color: #FFFFFF; }
#lang A.none, #lang A:hover.none { margin: 0; padding: 0; background-color: none !important; }
#mainmenu A { color: #B2B3B4; padding: 2px; font-weight: 900; font-size: 11px; }
#mainmenu A:hover, #mainmenu A.active { color: #C1272D; }
#topbar A { font-size: 11px; color: #656668; margin: 0px 10px 0px 5px; }
#topbar A.active { font-weight: 900; }
#tools-left A { font-size: 9px; color: #656668; }
#tools-left A:hover, #tools-left A.active { color: #C1272D; }
#tools-right A { font-size: 9px; color: #656668; margin: 0px 0px 0px 10px; }
#tools-right A:hover, #tools-right A.active { color: #C1272D; }
#bottommenu A { font-size: 9px; color: #656668; }
#bottommenu A:hover, #bottommenu A.active { color: #C1272D; }
#copyright A { font-size: 9px; color: #656668; }
#copyright A:hover, #copyright A.active { color: #C1272D; }

H1, H2 { font-size: 11px; }
H6, DIV.h1 { position: relative; font-size: 11px; margin: 0px 0px 3px 0px; padding: 0px 0px 4px 12px; font-weight: 900; }
H6 DIV.kolor, DIV.h1 DIV.kolor { position: absolute; width: 9px; height: 9px; top: 3px; left: 0px; }
#homenews DIV.kolor { display: none; }
#homenews DIV.h1 { padding: 0px; }

#right .h1hr, #hometop .h1hr { width: 18px; height: 1px; background: url(../img/dots_hor_gray.gif) repeat-x; }
#text .h1hr, #homebottom .h1hr { width: 18px; height: 1px; background: url(../img/dots_hor_red.gif) repeat-x; }
.hr { height: 2px; background: url(../img/hr.gif) repeat-x bottom; margin: 5px 0px 3px 0px; width: auto; }
DIV.line HR { display: none; }
DIV.line { height: 2px; background: url(../img/hr.gif) repeat-x bottom; margin: 5px 0px 3px 0px; width: auto; }
#menu .hr { height: auto; padding-bottom: 2px; margin: 0px; }
#homebottom H2 { color: #C1272D; }

TABLE.rozwiazania TD { vertical-align: top; padding: 0px 10px 10px 10px; }
IMG.rozwiazania-img { text-align: left; margin: 0px 10px 10px 0px; }

/* KOLORY */
.gray1 { color: #070707; }
.gray2 { color: #434343; }
.gray3 { color: #656668; }
.gray4 { color: #898989; }
.gray5 { color: #B2B3B4; }
.gray6 { color: #D5D5D5; }
.gray7 { color: #E7E7E7; }
.red { color: #C1272D; }

.kolor { background-color: #B8B8B8; }
.oferta { background-color: #C1272D; }
.telekomunikacja { background-color: #834242; }
.pamieci { background-color: #567A1A; }
.infrastruktura { background-color: #434343; }
.oprogramowanie { background-color: #00A8D7; }
.mobilne { background-color: #FF0000; }
.bankowosc { background-color: #2F4A86; }
.sieci { background-color: #00AE8F; }
.video { background-color: #FF8A00; }
.archiwizacja { background-color: #7BC500; }
.sprzet { background-color: #FFBA00; }

SPAN.more A { color: #C1272D; background: url(../img/arrow_red.gif) no-repeat 3px 5px; padding: 0px 3px 1px 13px; font-size: 10px; }
A.redmore { background: #C1272D url(../img/arrow_white.gif) no-repeat 3px 5px; color: #FFFFFF; padding: 0px 3px 1px 13px; font-size: 10px;}
A:hover.redmore { background: #656668 url(../img/arrow_white.gif) no-repeat 3px 5px; color: #FFFFFF; }

/* ALL */
#all_1280 { margin: 0 auto; min-width: 770px; max-width: 1250px; width: expression(document.body.clientWidth < 760 ? "770px" : document.body.clientWidth > 1240 ? "1250px" : "auto"); background: #FFFFFF; }
#all_1024 { margin: 0 auto; min-width: 770px; max-width: 1000px; width: expression(document.body.clientWidth < 760 ? "770px" : document.body.clientWidth > 990 ? "1000px" : "auto"); background: #FFFFFF; }
#all { margin: 0 auto; min-width: 770px; max-width: 1000px; width: expression(document.body.clientWidth < 760 ? "770px" : document.body.clientWidth > 990 ? "1000px" : "auto"); background: #FFFFFF; }

/* HEADER */
#header { position: relative; width: 100%; height: 115px; background-color: #FFFFFF; clear: both; }
	#topright { position: absolute; top: 0px; right: 0px; width: 500px; height: 115px; }
		#links { position: relative; width: 100%; height: 24px; background-color: #656668; border-bottom: 4px solid #D5D5D5; padding-top: 3px; clear: both; }
			#links IMG { margin: 5px 15px 0px 0px; vertical-align: top; }
			#search { position: relative; border: 1px solid #898989; margin: 0px 0px 0px 0px; width: 116px; vertical-align: top; }
			#submit { position: relative; border: 0px; margin: 1px 55px 0px 4px; padding: 0px; width: 18px; height: 18px; vertical-align: top; background: url(../img/search.gif) no-repeat; }
		#mainmenu { position: relative; width: 100%; padding-top: 25px; text-transform: uppercase; vertical-align: bottom; clear: both; }
			#mainmenu IMG { padding: 0px 10px 0px 10px; vertical-align: text-bottom; }
	#topleft { height: 115px; }
		#lang { height: 20px; background-color: #656668; border-bottom: 4px solid #FFFFFF; padding: 7px 0px 0px 20px; font-size: 9px; clear: both; }
			#lang IMG { padding: 1px 5px 0px 5px; vertical-align: top; }
			#lang IMG.home { padding: 1px 0px 0px 0px; vertical-align: top; }
		#logo { width: 180px; padding: 10px 0px 0px 20px; clear: both; }

/* TOP BAR */
#topbar { position: relative; height: 20px; background-color: #E7E7E7; border-top: 1px solid #D5D5D5; padding: 7px 0px 0px 20px; clear: both; }
	#topbar IMG { margin: 5px 0px 0px 2px; vertical-align: top; }

/* GENERAL */
#general { position: relative; width: 100%; background: #FFFFFF; clear: both; }
	#right { position: absolute; top: 0px; right: 0px; width: 240px; border-left: 1px solid #D5D5D5; background-color: #FFFFFF; }
		#news { position: relative; border: 0px; padding: 10px 10px 10px 10px; color: #656668; background-color: #F4F4F4; clear: both; }
		#menu { position: relative; border: 0px; padding: 10px 10px 10px 10px; background-color: #F4F4F4; clear: both; }
		#innerbox { position: relative; margin: 0px; padding: 0px 0px 20px 10px; background-color: #F4F4F4; clear: both; }
			#box { padding: 20px; background-color: #D5D5D5; min-width: 190px; clear: both; }
				#box DIV { display: inline; }
		#banner { position: relative; padding: 20px 0px 75px 10px; clear: both; }
		#menuend { position: absolute; bottom: 0px; right: 0px; width: 69px; height: 56px; background-image: url(../img/logo_hmmm.gif); clear: both; }
	#main { position: relative; width: auto; }
		#text { position: relative; width: auto; padding: 20px 20px 30px 20px; color: #656668; clear: both; }
		#tools { position: absolute; width: 100%; height: 17px; bottom: 0px; text-transform: uppercase; clear: both; }
			#tools-right { position: absolute; top: 0px; right: 20px; }
			#tools-left { position: relative; }
			#tools-right A IMG, #tools-left A IMG { margin: -5px 5px 0px 0px; vertical-align: bottom; }

/* MENU */
#menu LI A { font-size: 11px; padding: 5px 0px 5px 20px; background: url(../img/nosubmenu.gif) no-repeat 3px 8px; color: #434343; display: block; }
#menu LI A.active { background: url(../img/nosubmenu.gif) no-repeat 3px 8px; color: #434343; }
#menu LI A.submenu { background: url(../img/submenu.gif) no-repeat 3px 8px; }
#menu UL, #menu LI { position: relative; width: 220px; margin: 0px; padding: 0px; display: block; }
#menu LI { list-style: none; background-color: #F4F4F4; }
#menu LI LI A {	color: #656668; background: url(../img/submenu_arrow.gif) no-repeat 3px 8px; }
#menu LI LI LI A { background: url(../img/subsubmenu_arrow.gif) no-repeat 3px 8px; margin: 0px 0px 0px 15px; }
#menu LI LI LI LI A { background: url(../img/subsubmenu_arrow.gif) no-repeat 3px 8px; margin: 0px 0px 0px 30px; }
#menu SPAN { position: relative; background: url(../img/hr.gif) repeat-x bottom; display: block; }
#menu UL LI { behavior: url(IEmen.htc); /* the behaviour to mimic the li:hover rules in IE 5+ */ }
#menu UL LI:hover, #menu UL LI.IEFix, #menu UL LI.active { background-color: #E7E7E7; }
#hometop #menu LI { background-color: #E7E7E7; }
#hometop #menu UL LI:hover, #hometop #menu UL LI.IEFix, #hometop #menu UL LI.active { background-color: #D5D5D5; }
#menu LI DIV.kolor { position: absolute; width: 9px; height: 9px; top: 8px; left: 3px; }

/* BOTTOM */
#bottom { position: relative; height: 3px; clear: both; }
	#bottominside { position: relative; height: 3px; margin-left: 20px; background: #D5D5D5; }

/* FOOTER */
#footer { position: relative; width: 100%; height: 40px; border-top: 1px solid #D5D5D5; background: #FFFFFF; clear: both; }
	#copyright { position: absolute; top: 13px; right: 10px; font-size: 9px; color: #898989; }
	#footermenu { position: absolute; top: 10px; left: 0px; padding-left: 20px; vertical-align: bottom; font-size: 9px; }
		#footermenu IMG { margin: 0px 10px 0px 10px; vertical-align: text-bottom; }

/* GENERAL @ HOME */
	#hometop { position: relative; width: 100%; background: #E7E7E7; clear: both; }
		.hometext { position: relative; width: auto; color: #656668; clear: both; }
			.hometextleft { position: relative; }
				#homeimage { height: 320px; }
			.hometextright { position: absolute; top: 0px; right: 0px; }
				#homenews { position: relative; padding: 10px 20px 10px 10px; color: #656668; }
		.homeright { position: absolute; top: 0px; right: 0px; width: 240px; height: 100%; }
	#homebottom { position: relative; width: 100%; background: #FFFFFF; min-height: 100px; clear: both; }
				#homefirma { position: relative; padding: 10px 5px 10px 20px; }
				#homeoferta { position: relative; padding: 10px 20px 10px 10px; } 
				#homebottomright { padding: 10px 20px 10px 60px;}
.homeright #menu, .homeright #innerbox { background: none; }
.homeright #innerbox { position: absolute; bottom: 0px; padding-bottom: 0px; }

#rozwiazania { position: relative; width: auto; background-image: url(../img/rozwiazania.jpg); background-repeat: no-repeat; background-position: 0px 3px; height: 33px; }
.rozwiazania_right { position: absolute; top: 3px; right: 0px; height: 30px; }

.hometext .h1hr, #text .h1hr, #homebottomright .h1hr { margin-bottom: 14px; }
#homeoferta H6 { position: absolute; top: 42px; left: 20px; }
#homeoferta > H6 { position: absolute; top: 42px; left: 10px; }
/* #homeoferta P.bodytext { margin-left: 18px; }
#homeoferta A.redmore { margin-left: -18px; }  */

/*************************************************************************************************/
/* M$ IE 6.0 FIX: 3px MARGIN, HEIGHT, POSITION */
/*************************************************************************************************/

/* VARIA */
#menu LI SPAN { height: 26px; }
#menu LI > SPAN { min-height: 26px; height: auto; }
H6 DIV.kolor, DIV.h1 DIV.kolor { top: 2px; left: -12px; }
H6 > DIV.kolor, DIV.h1 > DIV.kolor { top: 3px; left: 0px; }

/* TOP */
#search { margin: -1px 0px 0px 0px; padding: 4px 1px 1px 2px; height: 13px; }
#searchform > #search { margin: 0px 0px 0px 0px; padding: 1px 1px 1px 1px; height: 16px; }

/* GENERAL */
#main { min-width: 517px; margin-right: 240px; }
DIV > #main { min-width: 520px; margin-right: 240px; }
#right { margin-left: -3px; }
DIV > #right { margin-left: 0px; }
#tools-left { margin-left: 15px; }
DIV > #tools-left { margin-left: 12px; }

/* BOTTOM */
#bottom { float: left; width: 100%; }
DIV > #bottom { float: none; width: auto; }

/* HOME GENERAL */
#hometop { height: 320px; }
DIV > #hometop { height: auto; min-height: 320px; }
.hometext { min-width: 517px; margin-right: 253px; }
DIV > .hometext { min-width: 520px; margin-right: 250px; }
#homeimage { background: url(../img/home.jpg) no-repeat -36px 10px; }
DIV > #homeimage { background: url(../img/home.jpg) no-repeat right 10px; min-width: 260px; max-width: 303px; }
.hometextright { margin-right: 250px; width: expression(this.parentNode.offsetWidth / 2 + 'px'); }
DIV > .hometextright { margin-right: 0px; width: 50%; }
.hometextleft { width: expression(this.parentNode.offsetWidth / 2 + 'px'); }
DIV > .hometextleft { width: 50%; }
.homeright { margin-left: -3px; }
DIV > .homeright { margin-left: 0px; }

/*************************************************************************************************/
/* TYPO3 EXTENSIONS */
/*************************************************************************************************/

DIV.tx-srlanguagemenu-pi1, DIV.tx-ahbookmark-pi1 { display: inline; }

/* NICE TABLE */
TABLE.kolumna, TABLE.kolumny, TABLE.kolumny_1, TABLE.kolumny_2, TABLE.kolumny_3, TABLE.kolumny_4, TABLE.kolumny_5, TABLE.csc-uploads { width: 100%; border: 0; margin: 0; padding: 0; empty-cells: show; border-collapse: collapse; }
TABLE.csc-uploads { border-top: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; border-left: 1px solid #D7D7D7; }
TABLE.kolumna TH, TABLE.kolumny TH, TABLE.kolumny_1 TH, TABLE.kolumny_2 TH, TABLE.kolumny_3 TH, TABLE.kolumny_4 TH, TABLE.kolumny_5 TH, TABLE.csc-uploads TH { background-color: #656668; color: #FFFFFF; border: 0; margin: 0; padding: 2px 10px 2px 10px; text-align: left; }
TABLE.kolumna TD, TABLE.kolumny TD, TABLE.kolumny_1 TD, TABLE.kolumny_2 TD, TABLE.kolumny_3 TD, TABLE.kolumny_4 TD, TABLE.kolumny_5 TD, TABLE.csc-uploads TD { background-color: #F4F4F4; color: #656668; border: 0; border-bottom: 1px solid #D7D7D7; margin: 0; padding: 2px 10px 2px 10px; border-right: 1px solid #D7D7D7; }
TABLE.csc-uploads TD { vertical-align: top; }
TABLE.kolumna TR TD:last-child, TABLE.kolumny TR TD:last-child, TABLE.kolumny TR TD.td-last, TABLE.kolumny_1 TR TD:last-child, TABLE.kolumny_2 TR TD:last-child, TABLE.kolumny_3 TR TD:last-child, TABLE.kolumny_4 TR TD:last-child, TABLE.kolumny_5 TR TD:last-child, TABLE.csc-uploads TR TD:last-child { border-right: none; }
TABLE.kolumny TR TD:first-child, TABLE.kolumny TR TD.td-0, TABLE.csc-uploads TR TD:first-child { width: 130px; }
TABLE.kolumny_1 TD { width: 100%; }
TABLE.kolumny_2 TD { width: 50%; }
TABLE.kolumny_3 TD { width: 33%; }
TABLE.kolumny_4 TD { width: 25%; }
TABLE.kolumny_5 TD { width: 20%; }

#text DIV.csc-header DIV.h1 { margin-top: 20px; }
#text DIV.csc-header-n1 DIV.h1 { margin-top: 0px; }

FIELDSET { border-collapse: collapse; border: 0; margin: 0; padding: 0; }
FIELDSET.csc-mailform INPUT, FIELDSET.csc-mailform TEXTAREA { width: 100%; height: 17px; border: 1px solid #D7D7D7; margin: 5px 10px 5px 0px; font-size: 11px; line-height: 13px; }
FIELDSET.csc-mailform TEXTAREA { height: 55px; }
DIV.csc-mailform-field { color: #898989; font-size: 11px; line-height: 13px; margin: 3px 10px 5px 0px; padding: 0px; border: 0px; clear: both; }
FIELDSET.csc-mailform INPUT.csc-mailform-check { width: 13px; height: 13px; text-align: left; vertical-align: middle; }
FIELDSET.csc-mailform INPUT.csc-mailform-submit { width: auto; height: 17px; text-align: left; }

/* EXTRA */
TABLE.rozwiazania TD P IMG { border: 0px; margin: 0px 10px 10px 0px; }

#frmPbSurvey input, #frmPbSurvey textarea { font-size: 1.1em; border-width: 1px; border-color: #656668; }
p.bodytext img { padding: 6px; }