/* CSS ITPOL */
/* zerowanie marginesów */
html, body, div, table, p, ul, a, li, form, input, img, hr, br, h1, h2, h3, h4, h5, h6, label, td, tr, th {margin:0px; padding:0px; font-family:"Myriad Pro";}

html {background: url('../images/bg.png') repeat-x #f4f4f4;}
body {margin: 0 auto; padding:0; width:1040px; height:100%;} /* <---------------- określenie szerokości strony! */
img {border:none;}


/* nagłówki */
h1 {font-size:0.3em; color:#999999!important;}
h2 {font-size:1.3em; color:#000;}
h3 {font-size:0.9em; color:#000;}
h4 {font-size:0.88em; color:#000;}
h5 {font-size:0.88em; color:#000;}


/* text */
p {font-size: 0.88em; color: #000;}								/* czcionka bazowa */
p.biger {font-size:1.1em; color: #000;}							/* czcionka bazowa - większa */
p.second {font-size:0.88em; color:#fff;}						/* czcionka druga */
p.second-biger {font-size:1.1em; color:#fff;}					/* czcionka druga - większa */

span.black {color:#232323; font-size:1em; font-weight:bold;}

/* link bazowy */
a:link, a:visited {margin: 0 5px 0 5px; font-size: 1em; color: #8d8d8d; text-decoration: none;}
a:hover, a:active {font-size: 1em; color: #666666; text-decoration: underline;}


/*powierzchnie*/
#top {width:1040px; height:100px; overflow:hidden; background:url('../images/top-screen.png') no-repeat; position:relative;}
	#logo {overflow:hidden; float:left; position:relative; width:320px; height:67px; margin: 40px 0 0 30px;} 
	#logo a {width:320px; height:67px; position:absolute; text-indent:-3000em; background:url('../images/itpol-logo.png') no-repeat;}
	#nn {float:right; overflow:hidden; margin:60px 30px 0 0;} #nn ul {list-style-type:none; overflow:hidden;} #nn li {float:left; display:block; margin: 0 10px;}
	#nn a {color:#8d8d8d!important; font-size:0.875em!important;}
	
	#baner {width:inherit; height:250px; position:relative; background:url('../images/baner.png') no-repeat; overflow:hidden;}
	#menu-poziome {width:inherit; height:43px; position:relative; overflow:hidden; background: url('../images/menu-poziome-bg.png') no-repeat;}
		#menu-poziome ul {overflow:hidden; list-style-type:none; margin:2px 0 0 27px;} #menu-poziome li {float:left; list-style-type:none; margin:0 30px;}
		#menu-poziome a {color:#FFFFFF!important; font-size:1.500em!important; letter-spacing:1px;}
		
	#kontener {overflow:hidden; position:relative; background:url('../images/bg-kontener.png') repeat-y; height:auto;}
		#kolumna-lewa {width:245px; height:auto; float:left; overflow:hidden;}
					#menu-pionowe { position:relative;}
					#menu-pionowe ul {list-style-type:none; margin: 20px 0 0 40px;} 
					#menu-pionowe li {color:#ff0000!important; list-style-type:none; background:url('../images/ptaszek.png') left no-repeat; display:block; height:30px; padding-left:34px; margin:5px 0;}
					#menu-pionowe a {color:#ff0000; font-size:0.875em;}
			
		#kolumna-prawa {width:795px; height:auto; float:right; overflow:hidden; margin-top:10px;}
			#top-prawa {width:inherit; height:60px; overflow:hidden; background:url('../images/bg-top-prawa.png') no-repeat;}
				#rabat {width:764px; height:36px; background:url('../images/bg-rabat.png') no-repeat left; margin: 17px 0 0 15px;}
				#rabat p {color:#FF0000; font-size:1.36em; padding:8px 0 0 10px; height:36px!important;}
				#rabat a {background:url('../images/ptaszek-rabat.png') right no-repeat; padding-right:33px; height:36px!important;}
			#zaw {background:url('../images/bg-prawa.png') repeat-y; overflow:hidden; width:inherit;}
				#bottom-prawa {width:inherit; height:100px; overflow:hidden; background:url('../images/bg-bottom-prawa.png') no-repeat;}

		#add-start {width:inherit; height:178px; overflow:hidden; margin: 10px 0 10px 0; padding-left:15px;} #add-start div {margin-right:15px;}
		#strony-www {width:188px; height:178px; overflow:hidden; position:relative; float:left; }				
		#strony-www a {background:url('../images/strony-www.png') no-repeat; text-indent:-3000em; position:absolute; width:179px; height:178px;}
		#sieci-komputerowe {width:188px; height:178px; overflow:hidden; position:relative; float:left;}
		#sieci-komputerowe a {background:url('../images/sieci-komputerowe.png') no-repeat; text-indent:-3000em; position:absolute; width:179px; height:178px;}
		#uslugi-informatyczne  {width:305px; height:178px; overflow:hidden;  position:relative; float:left;}
		#uslugi-informatyczne a {background:url('../images/uslugi-informatyczne.png') no-repeat;  text-indent:-3000em; position:absolute; width:298px; height:178px;}
		
		#zaw p {width:700px; text-align:justify; text-indent:10px; margin-left:30px;}
		
	#bottom {width:1040px; height:100px; overflow:hidden; background:url('../images/bottom-screen.png') no-repeat; position:relative;}
	#bottom a {color:#FFFFFF!important; margin-left:30px;} #bottom strong {color:#FFFFFF!important;}
		
		
#klienci {width:750px; margin-left:30px;}
		
#klient1 {float:left; position:relative;}
#klient2 {float:left; position:relative;}
#klient3 {float:left; position:relative;}
#klient4 {float:left; position:relative;}
#klient5 {float:left; position:relative;}

.lajn {position:relative; float:left; overflow:hidden; margin: 15px 0 20px 0; width:170px; }
.lajn img { padding-left:40px; margin-bottom:5px;} .lajn p {width:120px; padding-right:50px; text-indent:0!important; text-align:left!important; }