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

 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 #1a201e;color: #889591; margin:0; padding:0;text-shadow: #000 1px 1px 0px;}

/*strona
------------------------------------*/
#kontener {margin: 0 auto; padding: 0px; width: 971px;text-align: left;}
#stopka_in {margin: 0 auto; padding: 0px; width: 971px;text-align: right;}
	#top {background: url(../img/top.jpg) no-repeat; height: 515px; position:relative;}
		.logo {display:block; height:157px; width:150px; text-indent: -9999px;}
	/*#babiczka {position:absolute; background: url(../img/babiczka.png) no-repeat; height:213px; width:150px; top:-2px; left:160px;} */
	#tlo {background:url(../img/tlo_mac.png) no-repeat; width:971px; height:280px; position:absolute; z-index:-10; top:180px; }
		#tlo_txt {position:absolute; width:460px; height:300px; top:220px; left:17px; color:#fff; line-height:27px; text-shadow: #000 1px 1px 0px;}
	#txt {clear:both;}
	#txt_in {padding:3px 17px 0 ;}
		#aktualnosci {border-right: solid 1px #434E4A; width:339px; float:left;height:260px;color:#fff; font-weight:bold;}
		#oferta {width: 317px; float:left; border-right: solid 1px #434E4A; height:260px;color:#fff; font-weight:bold;}
		#kontakt {background: url(../img/kontakt.jpg) no-repeat right;width: 285px; float:left;height:260px; color:#fff; font-weight:bold;}
		
	#belka {background:url(../img/belka.jpg) no-repeat; height: 74px; margin:-3px 0; clear:both;}



#stopka {height:100px;color: #fff; border-top: 1px solid #676968; clear:both;}

/*menu
------------------------------------*/
#menu {position:absolute; text-transform:uppercase; top:1px; left:400px;}
	#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.gif); display:block; height:160px; text-indent: -9999px; float:left; width:537px;}
		#menu_ul li a.home {width:108px; background-position:0 0;}
			#menu_ul li a.home:hover {width:108px; background-position:0 -160px;}	
			#menu_ul li a.home_active {width:108px; background-position:0 -320px;}	
		#menu_ul li a.oferta {width:104px; background-position:-104px 0;}
			#menu_ul li a.oferta:hover {width:104px; background-position:-104px -160px;}	
			#menu_ul li a.oferta_active {width:104px; background-position:-104px -320px;}
		#menu_ul li a.projekty {width:120px; background-position:-212px 0;}
			#menu_ul li a.projekty:hover {width:120px; background-position:-212px -160px;}	
			#menu_ul li a.projekty_active {width:120px; background-position:-212px -320px;}
		#menu_ul li a.klienci {width:106px; background-position:-332px 0;}
			#menu_ul li a.klienci:hover {width:106px; background-position:-332px -160px;}	
			#menu_ul li a.klienci_active {width:106px; background-position:-332px -320px;}
		#menu_ul li a.kontakt {width:99px; background-position:-438px 0;}
			#menu_ul li a.kontakt:hover {width:99px; background-position:-438px -160px;}	
			#menu_ul li a.kontakt_active {width:99px; background-position:-438px -320px;}
			
			
/*easy slider
------------------------------------*/
#holder {position:absolute; top:215px; left:510px;}
#content{ position:relative;}
	#slider ul, #slider li,#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ width:450px;height:200px;overflow:hidden; }	
	#prevBtn, #nextBtn,#slider1next, #slider1prev{ display:block;width:18px;height:18px;position:absolute;left:-10px;top:165px;z-index:1000; text-indent: -9999px;}	
	#nextBtn, #slider1next{ left:-10px;top: 20px;}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  display:block;position:relative;width:18px;height:18px;background:url(../img/down.png) no-repeat 0 0;	}	
	#prevBtn a:hover { display:block;position:relative;width:18px;height:18px;background:url(../img/down_o.png) no-repeat 0 0;	}	
	#nextBtn a, #slider1next a{ background:url(../img/up.png) no-repeat 0 0;	}	
	#nextBtn a:hover, #slider1next a:hover{ background:url(../img/up_o.png) no-repeat 0 0;	}
	
	
	
/*klienci
------------------------------------*/
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#outerContainer { width:932px; height:227px; margin:auto; position:relative; }
#imageScroller { width:932px; height:227px; position:relative; }
#viewer { width:952px; height:247px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:232px; height:47px; background:url(images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color: #90C746; font-family:arial; font-size:18px; font-weight:bold; width:100%; text-align:left; margin-top:4px;  }
#rtl {left:100px;}
#rtl:hover { left:99px; }
#ltr {right:100px; }
#ltr:hover {}	

						
/*linki
------------------------------------*/
a {outline:none;}

a:link, a:visited, a:active {font-size: 12px; text-decoration: none; color:#CCC471;}
a:hover {text-decoration: underline; color:#CCC471;}
a:link.artneo, a:visited.artneo, a:active.artneo {font-size: 15px; text-decoration: none; color:#fff;}
a:hover.artneo {text-decoration: underline; color:#fff;}
a:link.czytaj, a:visited.czytaj, a:active.czytaj {font-size: 12px; text-decoration: none; color:#89AD0D;}
a:hover.czytaj {text-decoration: underline; color:#89AD0D;}
a:link.zolty, a:visited.zolty, a:active.zolty  {text-decoration: none; color:#687F77; }
a:hover.zolty {text-decoration: underline;color:#687F77}
a:link.stopa, a:visited.stopa, a:active.stopa  {text-decoration: none; color:#72817C; }
a:hover.stopa {text-decoration: underline;color:#72817C}

/*dodatkowe
------------------------------------*/
ol {font: italic 1em Georgia, Times, serif;color: #999999;}
ol p {font: normal .8em Arial, Helvetica, sans-serif;color: #000000;}
li {color:#889490; font-weight: normal; list-style: url(../img/lista.gif);}
.naglwek_glowna {padding:5px; margin:5px; font-size:13px; font-weight: bold;}
td.news {color:#869590; font-weight: normal;}
span.txt {color: #CCC471;}
.galeria {background: #fff; padding: 5px; margin:0 4px;}
h2 {color: #fff; padding:0; margin:0;}
span.kolor {color: #9ED242;}
span.bialy {color: #fff;}
h3, h1 {margin:0; padding:0;}
td.art_logo {background:url(../img/artneo.png) no-repeat center right;}

/*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 #9ED241;}
input {border: 1px solid #bebebe; padding:4px 2px; margin: 7px 0px; font-family:Arial, Helvetica, sans-serif; color: #474747;}
input:focus {border: 1px solid #9ED241;}
.input_submit {background: #BAE967; border:none; height:27px; text-align:center;font-size: 1em; font-family:Arial, Helvetica, sans-serif; color: #000;}
.input_submit:focus {border:none;}