/* clear all*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {


	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
	

body { text-align: center; font-size: 11px; font-family: Tahoma, Verdana, Arial, "Trebuchet MS", "Georgia"; color: #000; }
	
a { cursor: pointer; font-size: 11px; font-weight: normal; text-decoration: none; color: #909090; }
a:hover  { text-decoration: underline; }	
a.wyrozniony, a.wyrozniony:link, a.wyrozniony:visited, a.wyrozniony:active { cursor: pointer; font-size: 11px; font-weight: normal; text-decoration: none; color: #f80000; }
a.wyrozniony:hover  { text-decoration: underline; }	
	
div { 
	text-align: left; }

#wrapper { margin: auto; width: 722px; }

	.copy {float: right; color: #5f5f5f; font-size: 11px; margin-top: 10px; margin-right: 30px; margin-bottom: 50px;}
	.ie7 .copy {font-weight: normal;}

.clear { clear: both; width: 100%; }

.sep { padding-left: 10px; padding-right: 10px; }

/*#s p { text-align: justify; padding: 10px 0px; }*/
#s ul { padding-left: 30px; padding-top: 10px; padding-bottom: 10px; }

table.tabelka { text-align: center; vertical-align: middle; }

/* *********************************************************  HEADER  *********************************************************** */

#header { position: relative; float: left; width: 722px; height: 145px; }
	
	h1#logo a {width: 180px; height: 75px; background: url(../images/logo.png) no-repeat; float: left; margin-top: 38px; margin-left: 40px; cursor: pointer;}
	
#navigation {position: absolute; top: 120px; left: 507px; }

	#navigation .green {color: #6daf00; font-weight: bold;}
	#navigation a { white-space: nowrap; }
	
/* *********************************************************  MENU  *********************************************************** */

#menu {float: left; width: 100%; height: 34px; background: url(../images/menu.jpg) repeat-x; }

	.left_menu { float: left; width: 14px; height: 34px; background: url(../images/left_menu.jpg) no-repeat;}
	
	.right_menu { float: right; width: 14px; height: 34px; background: url(../images/right_menu.jpg) no-repeat;}
	
	#menu p {float: left; padding-top: 10px; }
		
		#menu a {color: #fff; font-weight: bold; padding-left: 15px;}
	

/* *********************************************************  BANNER *********************************************************** */

#banner {float: left; position: relative; width: 100%; height: 253px; background: url(../images/baner.jpg) no-repeat;}
	#banner-internet { position: absolute; z-index: 5; top: 5px; left: -50px; width: 232px; height: 63px; background: url(../images/banner-internet.png) no-repeat; }
	#banner-telefon { position: absolute; z-index: 5; top: 68px; left: -50px; width: 232px; height: 54px; background: url(../images/banner-telefon.png) no-repeat; }
	#banner-airdsl { position: absolute; z-index: 5; top: 122px; left: -50px; width: 232px; height: 55px; background: url(../images/banner-airdsl.png) no-repeat; }
	#banner-telewizja { position: absolute; z-index: 5; top: 177px; left: -50px; width: 232px; height: 68px; background: url(../images/banner-telewizja.png) no-repeat; }
/* *********************************************************  SITEMAP  *********************************************************** */

#sitemap {float: left; width: 100%; height: 35px; background: url(../images/tlo_sitemap.jpg) no-repeat; padding-bottom: 20px;}

	#sitemap p {float: left; padding-top: 10px;}

		#sitemap a {color: #808080; font-size: 10px; padding-left: 10px; float: left;}
		
		.podstrona {color: #534d68; font-size: 10px;}
	
		.strzalka { background:transparent url(../images/strzalka.gif) no-repeat scroll 0 0; float:left; height:9px; margin:2px 0 0 10px; width:7px;}

/* ********************************************************* CONTENT *********************************************************** */

#content {float: left; width: 100%; padding-bottom: 20px;}

/* **************************************************** CONTENT STRONA GŁÓWNA *********************************************************** */

#oferty {float: left; width: 318px; background: url(../images/kropka.gif) repeat-y top right; margin-right: 0px; padding-right: 20px; margin-left: 10px; } 
#oferty .wiadomosc_1 { width: 100% !important; }
.oferta_dla_firmy {float: left; width: 348px;}

	.photo {float: left; width: 142px; padding-right: 10px; }
	
	.lista_ofert {float:left; width: 196px;}
		
		 .lista_ofert h1 {font-size: 14px; color: #51418a; font-weight: bold; font-family: Verdana; padding-top: 15px; padding-bottom: 10px;}
	
		 .lista_ofert ul {padding-left: 20px; list-style-image: url(../images/strzalka.gif);}
		
			 .lista_ofert li {padding-top: 5px; color: #686868; font-family: Verdana; font-size: 11px;}
			 
				.lista_ofert a {padding-top: 5px; color: #686868; font-family: Verdana; font-size: 11px;}
	
.oferta_dla_ciebie {float: left; width: 348px; padding-top: 10px;}

#funkcjonalnosci {float: left; width: 348px; padding-left: 20px; }

	#funkcjonalnosci h1  {padding-top: 15px; padding-bottom: 15px;font-size: 14px; color: #51418a; font-weight: bold; font-family: Verdana;}
		#funkcjonalnosci h1 a {font-size: 14px; color: #51418a; font-weight: bold; font-family: Verdana; }
	
	#funkcjonalnosci h2, #oferty h2 {padding-left: 10px;font-size: 12px; color: #534d68; font-weight: bold; font-family: Verdana;}
		#funkcjonalnosci h2 a, #oferty h2 a {font-size: 12px; color: #534d68; font-weight: bold; font-family: Verdana;   }
	
	#funkcjonalnosci p, #oferty p {font-size: 11px; color: #676767; font-family: Verdana; padding-left: 10px; padding-top: 10px;}
	
	.wiadomosc_1 {float: left; width: 348px; padding-bottom: 25px; background: url(../images/kropka.gif) repeat-x left bottom;}
		.wiadomosc_1 p { text-align: justify; }
	
	.wiadomosc_2 {float: left; width: 348px; padding-top: 25px; }
	
	.guzik_more_news {float: right; padding-top: 10px; }	
		
		.more-news {float: left; height: 24px; background: url(../images/border.jpg) repeat-x;}
		
			.more-news-left {float: left; height: 24px; width: 14px; background: url(../images/left_border.jpg) no-repeat;}
			
			.more-news-right {float: right; height: 24px; width: 14px; background: url(../images/right_border.jpg) no-repeat;}
			
			.more-news a {float: left; font-size: 11px; font-family: Verdana; padding-top: 5px;}
			
			.more-news span {float: left; color: #6d6d6d; padding-left: 2px; padding-right: 2px;}
			
			.more-news .green {float: left; color: #64a301;}
			
#art-item { float: left; width: 98%; margin: 0px 1%; }
	#art-item h1 { font-size: 14px; color: #51418a; font-weight: bold; font-family: Verdana; padding-top: 15px; padding-bottom: 15px; }
	#art-item h2, #artpage h2  {padding-left: 10px; padding-bottom: 15px; padding-top: 20px; }
		#art-item h2 a, #artpage h2 a {font-size: 12px; color: #534d68; font-weight: bold; font-family: Verdana;   }
	#art-item span.data, #artpage span.data { color: #6BAE00; font-size: 11px; padding-bottom: 10px; display: block; }
	#art-item a.more, #artpage a.more { color: #524D63; font-size: 11px; padding-bottom: 10px; display: block; padding-top: 10px; }
	#artpage .wiadomosc_1 { width: 46%; margin-right: 2%; margin-left: 2%; float: left; margin-bottom: 10px; height: 180px; }
div.pagination { float: left; width: 100%; padding: 10px 0px; }
div.pagination p.pagination { float: right; }	
		
#animated-banner { width: 478px; height: 88px; float: right; margin-top: 20px; }
		
/* ******************************************************* CONTENT O NAS *********************************************************** */

#o_nas {float: left; width: 100%;}

	#o_nas h2 {float: left; color: #51418a; font-family: Trebuchet MS; font-size: 15px; padding-bottom: 20px; padding-left: 10px; padding-top: 30px; font-weight: bold; background: url(../images/kropka.gif) repeat-x left bottom;} 
	
	.o_firmie {float: left; width: 380px;  }
	
		.o_firmie p {float: left; padding-bottom: 10px; width: 100%; padding-left: 10px; padding-top: 10px; }
		
		.dziedziny_dzialalnosci {color: #51418a; font-size: 13px; font-weight: bold; background: url(../images/kropka.gif) repeat-x left top;}
		
		.o_firmie ul {float: left; padding-left: 30px;}
		
			.o_firmie li { list-style-image: url(../images/strzalka.gif); padding-top: 10px;}
			
	.klienci {float: left; width: 250px; margin-left: 40px; background: url(../images/kropka.gif) repeat-y top left; padding-left: 30px;}
	
		.klienci p {float: left; padding-bottom: 10px; width: 100%; padding-left: 10px; padding-bottom: 10px; font-weight: bold;}
		
		.blue_bold {font-weight: bold; color: #51418a; font-size: 13px;}
		
		.klienci ul {float: left; padding-left: 30px;}
		
			.klienci li { list-style-image: url(../images/strzalka.gif); padding-bottom: 5px;}
			
	#o_nas span {float: left; font-size: 9px; padding-left: 30px; padding-top: 5px;}
	
	
/* ******************************************************* CONTENT KONTAKT *********************************************************** */
	
#kontakt {float: left; width: 650px; padding-left: 50px;}

	#kontakt h2 {float: left;  color: #51418a; font-size: 15px; padding: 10px; font-weight: bold; width: 100%;}
	
	#kontakt h3 {float: left;  font-weight: bold; font-size: 13px; padding: 10px; width: 100%;}
	
	#kontakt p {float: left; padding-top: 15px; width: 100%; padding-left: 10px;}
	
		#kontakt a { text-decoration: underline;}
		
		#kontakt a:hover { text-decoration: none;}
	
	#kontakt ul {float: left; list-style: none;}
	
		#kontakt li { padding-left: 50px; padding-top: 5px;}
	
	.bold {font-weight: bold;}

/* ********************************************************* FOOTER *********************************************************** */

#footer {  width: 100%; float: left; padding-bottom: 30px; }

	#footer .nav {float: left; width: 100%; padding-top: 10px; border-top: 1px solid #00638c;}
	
		#footer p {float: right; }
		
		#footer a {float: left; }
		
		#footer span {float: left; }

.form { float: left; width: 100%; }
	.form dl { float: left; margin: 5px 0px; width: 100%; }
		.form dt { float: left; width: 20%; }
		.form dd { float: left; width: 80%; }
		.form .error { float: left; width: 40%; color: red; text-align: right; }
		.form input[type=text] { border: 1px solid #e5e5e5; width:  }
		.form img { display: block; margin-bottom: 5px; }
		.form input[type=submit] { background: #94CB39; color: #fff; font-weight: bold; border: 0px; margin-left: 145px; padding: 2px 9px; }
		
		
		.wiadomosc_1 { margin-bottom: 10px; }
		#oferty img, #funkcjonalnosc img { margin-bottom: 10px; }