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

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

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


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

/*css restet
------------------------------------*/
body, 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: .75em; font-family: Arial, Helvetica, sans-serif; text-align: center;background:url(../img/tlo.jpg) repeat-x #fafbfa ;color: #2f2f2f;}

/*strona
------------------------------------*/
#kontener, #stopka_in {margin: 0 auto; padding: 0px; width: 894px;text-align: left;}
	#top {background:url(../img/top.jpg) no-repeat; height:183px;} 
		a:link.logo, a:visited.logo {display: block; height: 183px; width: 894px;text-indent: -9999px; }
	#txt_top {background: url(../img/txt_top.jpg) no-repeat; height: 38px;}
	#txt {background:url(../img/txt_bg.png) repeat-y; width:894px; min-height:500px;}
		#box_txt {position:absolute; top:130px; width:300px; max-height:300px; left: 540px; line-height:20px;}
			img.napis {position:absolute; top: 10px; left:500px;}
		#box {background:url(../img/box.png) no-repeat; width: 549px; height: 195px; margin: 0 25px; }	
			#firma {background: url(../img/firma_tlo.png) center no-repeat; float:left; width: 177px; height:190px; padding:3px;}
			.center {text-align:center; border:none;}
		.td_realizacje {witdh:80%; border-top: solid 0px #3B5998; border-bottom: solid 1px #D8DFEA; padding:2px; color: #666666;}
		.data {color: #999999; float:right; font-size: x-small; margin-right: 3px;}
		img.realizacja {border-bottom: solid 1px #D8DFEA;}
		#menu {position:absolute; left:3px; width: 256px;}
		#menu_2 {position:absolute; left:3px;  top: 320px; width: 256px;}
		#txt_in {background: url(../img/txt_tlo.jpg) no-repeat; background-position: 270px 10px; padding:0 270px; width:596px; padding-right:0px; position:relative; min-height:500px;}
	#txt_dol {background:url(../img/txt_dol_bg.png) no-repeat; height:17px;}
#stopka {background: #413b3b; height:80px;color: #c5c3c4; border-top: 2px solid #1a89c1;}
	span.prawa {float:right; text-align:right;}
	span.lewa {float:left; text-align:left;}

/*menu
------------------------------------*/
#menu {text-transform:uppercase;}
	#menu_ul li, #menu_ul_2 li,  #stopka_ul li { display: inline; padding:0; margin:0; }
	#menu_ul, #menu_ul_2 { list-style:none;padding:0; margin:0; } 
	#menu_ul a {background: url(../img/menu.gif); display:block; height:37px; text-indent: -9999px; float:left; width:256px;}
		#menu_ul li a.home {width:256px; background-position:0 0;}
			#menu_ul li a.home:hover, ul#menu_ul li a.home_active {height:37px; background-position:-256px 0;}	
		#menu_ul li a.onas {width:256px; background-position:0 -38px;}
			#menu_ul li a.onas:hover, ul#menu_ul li a.onas_active {height:37px; background-position:-256px -38px;}
		#menu_ul li a.projektanci {width:256px; background-position:0 -76px;}
			#menu_ul li a.projektanci:hover, ul#menu_ul li a.projektanci_active {height:37px; background-position:-256px -76px;}	
		#menu_ul li a.realizacje {width:256px; background-position:0 -114px;}
			#menu_ul li a.realizacje:hover, ul#menu_ul li a.realizacje_active {height:37px; background-position:-256px -114px;}	
		#menu_ul li a.kontakt {width:256px; background-position:0 -152px;}
			#menu_ul li a.kontakt:hover, ul#menu_ul li a.kontakt_active {height:37px; background-position:-256px -152px;}	
		#menu_ul li a.polec {width:256px; background-position:0 -190px;}
			#menu_ul li a.polec:hover, ul#menu_ul li a.polec_active {height:37px; background-position:-256px -190px;}	

	#menu_ul_2 a {background: url(../img/menu_2.gif); display:block; height:37px; text-indent: -9999px; float:left; width:256px;}
		#menu_ul_2 li a.kompleksowe {width:256px; background-position:0 0;}
			#menu_ul_2 li a.kompleksowe:hover, ul#menu_ul_2 li a.kompleksowe_active {height:37px; background-position:-256px 0;}	
		#menu_ul_2 li a.architektura {width:256px; background-position:0 -38px;}
			#menu_ul_2 li a.architektura:hover, ul#menu_ul_2 li a.architektura_active {height:37px; background-position:-256px -38px;}	
		#menu_ul_2 li a.konstrukcje {width:256px; background-position:0 -76px;}
			#menu_ul_2 li a.konstrukcje:hover, ul#menu_ul_2 li a.konstrukcje_active {height:37px; background-position:-256px -76px;}
		#menu_ul_2 li a.elektryczne {width:256px; background-position:0 -114px;}
			#menu_ul_2 li a.elektryczne:hover, ul#menu_ul_2 li a.elektryczne_active {height:37px; background-position:-256px -114px;}	
		#menu_ul_2 li a.sanitarne {width:256px; background-position:0 -152px;}
			#menu_ul_2 li a.sanitarne:hover, ul#menu_ul_2 li a.sanitarne_active {height:37px; background-position:-256px -152px;}	
		#menu_ul_2 li a.typowe {width:256px; background-position:0 -190px;}
			#menu_ul_2 li a.typowe:hover, ul#menu_ul_2 li a.typowe_active {height:37px; background-position:-256px -190px;}	

/*inne
------------------------------------*/
li {color: #1a99c0;}
span.tekst {color:#2f2f2f;}
h1, h2, h3 {margin:0;}
.naglowek {font-weight: bold; color:#2f2f2f;}
h1 {font-size: 18px; font-weight: normal; margin-bottom: 10px; color:#1A88C0;}
blockquote {padding: 1px;}
.nasze_realizacje {position:absolute; left:15px; top:-30px;}
		
/*linki
------------------------------------*/
a {outline:none;}
a:link, a:visited, a:active {font-size: 12px; text-decoration:none; color:#1a88c0; font-weight:bold;}
a:hover {text-decoration: underline; color:#1a88c0;font-weight:bold;}

a:link.stopa, a:visited.stopa, a:active.stopa  {text-decoration: none; color:#c5c3c4; font-weight:normal;}
a:hover.stopa {text-decoration: underline;color:#c5c3c4}

/*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: 0px 0px; font-family:Arial, Helvetica, sans-serif; color: #474747;}
input:focus {border: 1px solid #4aa5d8;}
.input_submit {background: #413B3B; border:none; height:27px; text-align:center;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #fff;}
.input_submit:focus {border:none;}