body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #0d0d0d; 
 font-family: trebuchet ms,geneva, arial, times,serif;
 
} 
 
#pagewidth{ 
 width:766px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 font-family: trebuchet ms,geneva, arial, times,serif;
 background-image: url('img/tlo.gif');
 background-position:  160px 120px;
 background-repeat: no-repeat;
 color: #fff;
} 
 
#header{
 position:relative; 
 height:150px; 
 width:100%;
 background: url('img/top2.gif');
 background-repeat: no-repeat;
} 


#logo{
 width:260px; 
 height: 120px;
 float:left; 
 cursor: pointer;
 position:relative;
}
 
#h_menu{
 display:inline; 
 position: absolute; 
 right: 0px;
 bottom: 40px;
 }
 
#h_koszyk{
 display:inline; 
 position: absolute; 
 font-size: 11px;
 right: 10px;
 top: 20px;
 }
 
#leftcol{
 width:250px; 
 float:left; 
 position:relative; 
 background: #292929;
}

#newsletter{
	background: #e8d6b0;
	padding: 10px;
	font-size: 11px;
 	color: #fff;
}
 
#tresc{
 float: right; 
 display:inline; 
 position: relative; 
 width:500px; 
 margin-left: 10px;
 font-family: Arial;
 font-size: 12px;
 color: #fff;
 text-align: justify;
 
 }

#footer{
 clear:both;
 margin-top: 20px;
 margin-bottom: 20px;
 width:766px;
 } 
 
#leftcol_f{
 border-top: 3px solid #6E6E6E; 	
 width:250px; 
 float:left; 
 position:relative; 
 font-size: 11px;
 color: #8A8A8A;
 text-align: left;
}
 
#maincol_f{
 border-top: 3px solid #6E6E6E;  
 float: right; 
 display:inline; 
 position: relative; 
 width:505px; 
 font-size: 11px;
 color: #8A8A8A;
 text-align: right;
}

#footer a {
	color: #8A8A8A;
}

#footer a:hover {
	color: #871600;
}
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
/*.clearfix{display: inline-block;} */

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#header{display:none;} 
#footer{display:none;} 
#tresc, #wrapper{width:80%; float:none;}
}




#cellulit{
	position: absolute;	
	left: 62px;
	top: 30px;	
}

#zabiegi{
	position: absolute;	
	left: 205px;
	top: 30px;	
}

#metody{
	position: absolute;	
	left: 135px;
	top: 30px;	
}

#dieta{
	position: absolute;	
	left: 271px;
	top: 30px;	
}

#kosmetyki{
	position: absolute;	
	left: 328px;
	top: 30px;	
}

#sklep{
	position: absolute;	
	left: 411px;
	top: 30px;	
}

#sklep_id{
	padding: 0;
	margin: 0;
}

#sklep_id .prod{
	width:220px;	
	display: inline;
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;
	text-align: center;
}

#sklep_id .prod_m{
	width:110px;	
	display: inline;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
}

#sklep_id .prod_opis{
	text-align: left;
	font-size: 11px;
	line-height: 12px;
	
}

#sklep_id h3{
	text-align: center;
	margin: 5px 0;
	
}

#sklep_id .nag{
	text-align: center;
	margin: 5px 0;
	
}

#sklep_id .btn{
	border: 1px solid #5d4020;
	background: #440000;
	color: #fff;
	margin: 10px 0;
}

#sklep_id a.more{
	display: block;
	text-align: right;
	color: #B30000;
}


#sklep_id .prod_box{	
	
}

.newsletter {
	background: #440000; 
}

.newsletter div.nag {
	padding: 2px 5px;
	display: block; 
	font-family: Arial;
	font-weight: normal; 
	font-size: 18px;
	color: #fff; 
	background: #660000;
}

.newsletter .body form { 
	margin: 0;
	padding: 0; 
}

     
