/* -----------------------------------------------------------------------

 CSS 
 http://www.artneo.pl
 
   * autor: Dominik Zak (dominik@artneo.pl)

----------------------------------------------------------------------- */


/*png fix
------------------------------------*/
img, div { behavior: url(js/iepngfix.htc);}

/*css reset
------------------------------------*/
div, dl, dt, dd, p, pre, code, del,fieldset, legend, blockquote, th, {margin: 0;padding: 0;}
div, p, h1, h2, h3, h4, h5, h6 {border: none;font-weight: normal;}
fieldset, img {border: 0;}

/*body
------------------------------------*/
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center;background:url(../img/tlo.jpg) repeat-x #fff;color: #000000; margin:0; padding:0;}

/*strona
------------------------------------*/
#kontener {margin: 0 auto; padding: 0px; width: 955px;text-align: left;}
	#top {position: relative; background:url(../img/top.png) no-repeat; height: 148px; z-index:3}
		.logo {dispaly: block; width:357px; height:148px; float: left; text-indent: -9999px;}
		.pompka {display:block; height:80px; width:320px; position:absolute; top:215px; left:140px; text-indent:-9999px;}
		#naglowki {position: absolute; width: 300px; height:40px; top:384px; left:645px; text-align:right;}
			.naglowek {color: #053f58;}
			#flash {position:absolute; top: 90px; left: 298px; width: 352px; height:205px;}
			#fotka {position:absolute; top: 180px; left: 596px; width: 352px; height:205px;}
	#flash_tlo {background:url(../img/flash_tlo.png) left no-repeat; height: 295px; clear:both;}
		#test {float:right; background:url(../img/tlo_test.png); height:295px; width: 483px;}
	#txt {}
	#txt_in {padding:10px 0; color:#0F0E0E; line-height:20px;}
		#lewa {float:left; width:515px;}
			.eu {text-align:center;}
		#prawa {float:right; width:430px; padding:0 5px;}
			.data {color: #afafaf;}
			img.news {padding:0 7px;}
			img.news2 {border:0;}
			td.tlo {background: #fff; height:70px; width:70px; padding:5px; border: 1px solid #d8ebf2;}
	#rozwin_up {background:url(../img/rozwijane_top.png) no-repeat; height:3px; width:186px;}
	#rozwin_center {background:url(../img/rozwijane__tlo.png) repeat-y; width:186px;}
		.rozwin {padding:5px; margin:0; list-style: none;}
	#rozwin_dol {background:url(../img/rozwijane_dol.png) no-repeat; height:11px; width:186px;} 


#stopka {background: #E6E6E6;height:100px;color: #666666; clear:both; text-align:center; border-bottom: 5px solid #D5D5D5;}

/*menu
------------------------------------*/
#menu {position:absolute; top:60px; left:348px; z-index:300;}
	#menu_ul li, #stopka_ul li { display: inline; padding:0; margin:0; }
	#menu_ul { list-style:none;padding:0; margin:0; } 
	#menu_ul a {background: url(../img/menu.jpg); display:block; height:26px; text-indent: -9999px; float:left; width:606px;}
		#menu_ul li a.home {width:111px; background-position:0 0;}
			#menu_ul li a.home:hover, ul#menu_ul li a.home_active {width:111px; background-position:0 -26px;}	
		#menu_ul li a.firma {width:69px; background-position:-111px 0;}
			#menu_ul li a.firma:hover, ul#menu_ul li a.firma_active {width:69px; background-position:-111px -26px;}		
		#menu_ul li a.oferta {width:63px; background-position:-180px 0;}
			#menu_ul li a.oferta:hover, ul#menu_ul li a.oferta_active {width:63px; background-position:-180px -26px;}	
		#menu_ul li a.realizacje {width:80px; background-position:-243px 0;}
			#menu_ul li a.realizacje:hover, ul#menu_ul li a.realizacje_active {width:80px; background-position:-243px -26px;}	
		#menu_ul li a.galeria {width:65px; background-position:-323px 0;}
			#menu_ul li a.galeria:hover, ul#menu_ul li a.galeria_active {width:65px; background-position:-323px -26px;}		
		#menu_ul li a.faq {width:146px; background-position:-388px 0;}
			#menu_ul li a.faq:hover, ul#menu_ul li a.faq_active {width:146px; background-position:-388px -26px;}	
		#menu_ul li a.kontakt {width:72px; background-position:-534px 0;}
			#menu_ul li a.kontakt:hover, ul#menu_ul li a.kontakt_active {width:72px; background-position:-534px -26px;}							
/*linki
------------------------------------*/
a {outline:none;}
a:link, a:visited, a:active {font-size: 12px; text-decoration: none; color:#2686ab; font-weight: bold;}
a:hover {text-decoration: underline; color:#2686ab;font-weight: bold;}

a:link.menu_roz, a:visited.menu_roz, a:active.menu_roz {font-size: 12px; text-decoration: none; color:#fff; font-weight:normal;}
a:hover.menu_roz {text-decoration: underline; color:#fff;font-weight:normal;}

a:link.stopa, a:visited.stopa, a:active.stopa  {text-decoration: none; color:#bfb7b7; }
a:hover.stopa {text-decoration: underline;color:#bfb7b7}

/*dodatkowe
------------------------------------*/
ol {margin:0; padding: 5px 17px;}


/*kontakt 
------------------------------------*/
textarea { background: #fff; border: 1px solid #bebebe; padding:4px 2px; height: 18px;width: 130px;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #474747; 				vertical-align: middle; height:200px; width:250px; }
textarea:focus {border: 1px solid #4aa5d8;}
input {border: 1px solid #bebebe; padding:4px 2px; margin: 7px 0px; font-family:Arial, Helvetica, sans-serif; color: #474747;}
input:focus {border: 1px solid #4aa5d8;}
.input_submit {background: #02519E; border:none; height:27px; text-align:center;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #fff;}
.input_submit:focus {border:none;}