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

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

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


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

/*clearfix
------------------------------------*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/*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
------------------------------------*/
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center;background:url(../img/tlo.jpg) repeat-x #fff; margin:0; padding:0;}

/*strona
------------------------------------*/
#wrapper, #wrapper_footer  {margin: 0 auto; padding: 0px; width: 970px;text-align: left; color:#fff;}
	#top {background:url(../img/top_pl.jpg) no-repeat; height:76px; position:relative;}
		.logo {display:block; float:left; width:345px; height:76px; text-indent: -9999px;}
		#promocje {width:625px; height:36px; position:absolute; top:14px; left:338px; color:#fff;}
	#flagi {height: 32px; text-align:right;}
		.jezyk {border:none;}
	#flash {height:280px;width:970px; clear:both;}
#content {padding-bottom:109px; color: #343232}
	#content_in {padding:19px 5px;}
		.naglowek {padding:3px 0; margin:0;}
		.kolor {color:#5F122E;}
		.galeria {padding: 6px; border: 1px solid #D9D9D9; background: #f2f2f2;}

#footer {background: #5f122e ;color: #bbb;position: relative;margin-top: -109px;height: 100px;clear:both; border-top: 9px solid #d9d9d9;}
	.linie {line-height:16px; float:left; font-size:11px;}

/*menu
------------------------------------*/
#nav {background:url(../img/menu_tlo.jpg) right no-repeat; width:970px; height:49px;}
	#nav_ul li { display: inline; padding:0; margin:0; }
	#stopka_ul {padding:0; margin:0;}
	#stopka_ul li { display: inline; padding:0 2px; margin:0;}
		.prawa {float:right;}
	#nav_ul { list-style:none;padding:0; margin:0; } 
	#nav_ul a {background: url(../img/menu_pl.jpg); display:block; height:49px; text-indent: -9999px; float:left; width:970px;}
		#nav_ul li a.firma {width:111px; background-position:0 0;}
			#nav_ul li a.firma:hover, ul#nav_ul li a.firma_active {width:111px; background-position:0 -49px;}
			#nav_ul li a.firma:active {width:111px; background-position:0 -98px;}	
		#nav_ul li a.sklep {width:122px; background-position:-111px 0;}
			#nav_ul li a.sklep:hover, ul#nav_ul li a.sklep_active {width:122px; background-position:-111px -49px;}	
			#nav_ul li a.sklep:active {width:122px; background-position:-111px -98px;}
		#nav_ul li a.club {width:111px; background-position:-233px 0;}
			#nav_ul li a.club:hover, ul#nav_ul li a.club_active {width:111px; background-position:-233px -49px;}
			#nav_ul li a.club:active {width:111px; background-position:-233px -98px;}
		#nav_ul li a.sklep_online {width:128px; background-position:-344px 0;}
			#nav_ul li a.sklep_online:hover, ul#nav_ul li a.sklep_online_active {width:128px; background-position:-344px -49px;}	
			#nav_ul li a.sklep_online:active {width:128px; background-position:-344px -98px;}
		#nav_ul li a.reklamowa {width:243px; background-position:-472px 0;}
			#nav_ul li a.reklamowa:hover, ul#nav_ul li a.reklamowa_active {width:243px; background-position:-472px -49px;}
			#nav_ul li a.reklamowa:active {width:243px; background-position:-472px -98px;}	
		#nav_ul li a.praca {width:79px; background-position:-715px 0;}
			#nav_ul li a.praca:hover, ul#nav_ul li a.praca_active {width:79px; background-position:-715px -49px;}	
			#nav_ul li a.praca:active {width:79px; background-position:-715px -98px;}
		#nav_ul li a.kontakt {width:90px; background-position:-794px 0;}
			#nav_ul li a.kontakt:hover, ul#nav_ul li a.kontakt_active {width:90px; background-position:-794px -49px;}	
			#nav_ul li a.kontakt:active {width:90px; background-position:-794px -98px;}		
		
/*linki
------------------------------------*/
a{outline:none;}

a:link, a:visited, a:active {font-size: 12px; text-decoration: none; color:#5F122E;}
a:hover {text-decoration: underline; color:#5F122E;}

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

a:link.artneo, a:visited.artneo, a:active.artneo  {text-decoration: none; color:#fff; font-size:11px;}
a:hover.artneo {text-decoration: underline;color:#fff}


/*dodatkowe
------------------------------------*/

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