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

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

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

/*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, div, p, h1, h2, h3, h4, h5, h6 {border: none;font-weight: normal; margin: 0;padding: 0;}
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 #000;color: #fff; margin:0; padding:0;}

/*strona
------------------------------------*/
#wrapper {margin: 0; padding: 0; width: 980px;text-align: left; float:left;}
	#top {background:url(../img/top.jpg) no-repeat; height:132px;}
		.logo {display:block; height:132px; width:260px; float:left; text-indent:-9999px;}
		#nav {float:right; padding:54px 0 0 0;}
	#naglowki {background:url(../img/naglowek_tlo.jpg) no-repeat; height:47px; position:relative; padding:3px 7px 0 0;}
		#naglowki p {color: #4f4f50; position:absolute; top: 12px; left:120px; font-size:11px;}
		.naglowek {color:#fff; font-weight:bold; margin:0; padding:0; float:right; text-align:right;}
	#content {min-height:560px; float:right; width:580px;}
		#content_in {padding:35px 0 0 5px;}
#footer {height:80px;color: #bbb; clear:both; font-size:11px;}
	#footer_left {float:left; width:360px; height:45px; background: #EB1C24; padding:5px 0 0 0;}
	#footer_right {float:right; text-align:right; padding:5px; color: #6E6E6E; border:1px solid #212121;}
		#footer_right a {font-size:11px; color: #6e6e6e;}

/*menu
------------------------------------*/
	#nav_ul li, #stopka_ul li { display: inline; padding:0; margin:0; }
	#nav_ul { list-style:none;padding:0; margin:0;} 
	#nav_ul a {background: url(../img/menu.jpg); display:block; height:39px; text-indent: -9999px; float:left; width:692px;}
		#nav_ul li a.salon {width:94px; background-position:0 0;}
			#nav_ul li a.salon:hover, ul#nav_ul li a.salon_active {width:94px; background-position:0 -39px;}	
		#nav_ul li a.oferta {width:91px; background-position:-94px 0;}
			#nav_ul li a.oferta:hover, ul#nav_ul li a.oferta_active {width:91px; background-position:-94px -39px;}
		#nav_ul li a.cennik {width:60px; background-position:-185px 0;}
			#nav_ul li a.cennik:hover, ul#nav_ul li a.cennik_active {width:60px; background-position:-185px -39px;}	
		#nav_ul li a.kosmetyki {width:80px; background-position:-245px 0;}
			#nav_ul li a.kosmetyki:hover, ul#nav_ul li a.kosmetyki_active {width:80px; background-position:-245px -39px;}
		#nav_ul li a.kerastase {width:77px; background-position:-325px 0;}
			#nav_ul li a.kerastase:hover, ul#nav_ul li a.kerastase_active {width:77px; background-position:-325px -39px;}
		#nav_ul li a.promocje {width:71px; background-position:-405px 0;}
			#nav_ul li a.promocje:hover, ul#nav_ul li a.promocje_active {width:71px; background-position:-405px -39px;}		
		#nav_ul li a.certyfikaty {width:86px; background-position:-480px 0;}
			#nav_ul li a.certyfikaty:hover, ul#nav_ul li a.certyfikaty_active {width:86px; background-position:-480px -39px;}	
		#nav_ul li a.galeria {width:63px; background-position:-563px 0;}
			#nav_ul li a.galeria:hover, ul#nav_ul li a.galeria_active {width:63px; background-position:-563px -39px;}	
		#nav_ul li a.kontakt {width:67px; background-position:-626px 0;}
			#nav_ul li a.kontakt:hover, ul#nav_ul li a.kontakt_active {width:67px; background-position:-626px -39px;}
			
/*slide showw
------------------------------------*/
#slideshow-container { width:393px; height:548px; position:relative; float:left;}
	#slideshow-container img {display:block; position:absolute; top:10px; left:0px; z-index:1; }
.toc { position:absolute; left:0px; top:6px; z-index:2; display:block; width:18px; background:#0D0D0D; color:#fff; text-align:center; padding:1px; text-decoration:none; border:1px solid #4D4D4D;}
.toc-active	{ background:#ED1B24; color:#6D84B4; border:1px solid #4D4D4D;}
#next { position:absolute; top:170px; right:-380px; z-index:2; display:block; width:43px; height:34px; background: url(../img/next_out.png) no-repeat; text-indent:-9999px;}
	#next:hover { position:absolute; top:170px; right:-380px; z-index:2; display:block; width:43px; height:34px; background: url(../img/next_on.png) no-repeat; text-indent:-9999px;}
#previous { position:absolute; top:170px; left:80px; z-index:2; display:block; width:43px; height:34px; background: url(../img/left_out.png) no-repeat; text-indent:-9999px;}
	#previous:hover { position:absolute; top:170px; left:80px; z-index:2; display:block; width:43px; height:34px; background: url(../img/left_on.png) no-repeat; text-indent:-9999px;}		
		
/*linki
------------------------------------*/
a {outline:none;}

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

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

/*Dodatkowe od Mariana--*/
#box1 {
	background-image: url(../images/box1.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 171px;
	width: 249px;
}
#box1_tresc {
	background-repeat: no-repeat;
	float: right;
	height: 131px;
	width: 120px;
	margin-top: 40px;
	margin-right: 12px;
}
#box2 {
	background-image: url(../images/box2.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 171px;
	width: 249px;
}

.czinka_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 9px;
}