﻿html, body {
	height: 100%;
	background: #545454 url('gfx/layout/bg.jpg') repeat;
}

body{
	display: table;
	width: 802px;
	margin: 0 auto;
	background-color: #545454;
	overflow:hidden;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}
a{
	color:#fff;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
a:visited{
	color:#fff;
}
div#tlo{
	border: 1px solid #FFFFFF; 
	z-index: 1; 
	position: absolute; 
	width: 800px; 
	height: 550px; 
	background-image: url('gfx/layout/background.jpg');
	background-repeat: repeat-x;
}
div#logo{
	position: absolute; 
	z-index: 3; 
	padding-top: 15px; 
	padding-left: 15px;
	behavior: url("iepngfix.htc");
}
div#logo img{
	behavior: url("iepngfix.htc");
}
div#left_back{
	position: absolute; 
	width: 100px; 
	height: 100px; 
	z-index: 2
}
div#right_back{
	position: absolute; 
	z-index: 3; 
	width: 100px; 
	height: 100px; 
	left: 370px;
}
div#menu{
	position: absolute; 
	width:800px; 
	z-index: 4; 
	top: 530px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10.5pt;
	font-weight:normal;
	color:#fff;	
	text-align:center;
}
div#menu ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div#menu ul li{
	display:inline;
}
.active{
	text-decoration:underline;
}
div#przedluzanie-racoon{
	position:absolute;
	top: 102px;
	left:121px;
	z-index:4;
}
#przedluzanie-racoon h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;	
	margin:0;
	letter-spacing:2px;
	
}
#wrapper {
	display: table-cell;
	vertical-align: middle;
}		
div#layout{
	position:relative;
	width:800px;
	height:570px;
}
div#textbox{
	position:absolute;
	z-index:5;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;	
	width:357px;
	height:220px;
	top:228px;
	left:20px;	
	overflow:auto;
	padding-bottom:5px;	
	padding-left:5px;
}
div#textbox.kontakty{
	height:310px;
	top:160px;
	width:400px;
}
div#tytul.kontakty{
	top: 130px;
}
div.kont{
	float:left;
	width:150px;
	padding-top:10px;
	padding-right:25px;
}
div.szkolenie{
	padding-left:5px;
	padding-top:5px;
}
div#galeria_mini{
	position:absolute;
	z-index:5;		
	width:368px;
	height:327px;
	top:184px;
	left:35px;	
	margin:0;
	padding-left:2px;
	padding-top:2px;
}
div#galeria_big{
	position:absolute;
	z-index:5;		
	width:350px;
	height:467px;
	top:33px;
	left:419px;	
	border:1px #fff solid;
	background-color:#fff;
}
div#galeria_mini img{
	float:left;
	margin:2px;
	border:1px #fff solid;
}
div#galeria_mini img:hover{
	border:1px maroon solid;
}
#textbox.news{
	width:320px;
}
#text{
	padding:5px;
}
div#textbox.kosmetyki{
	height:138px;
}
span.title{
	padding-right:20px;
}
#menu_kosm{
	position:absolute;
	z-index:6;
	top:370px;
	left:25px;
	width:357px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;	
}
#menu_kosm ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
img{
	border:0;
}
#textbox p{
	padding:5px; 
	padding-right:10px;
	
	margin:0px
}
div#tytul{
	position:absolute;
	z-index:6;
	top:195px;
	left:0px;
	width:360px;
	height:39px;
	background-image:url('gfx/layout/back_title.png');
	background-repeat:no-repeat;
	text-transform: uppercase;	
	behavior: url("iepngfix.htc");
}
div#tytul h2{
	margin:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;	
	color:#fff;
	padding-left:25px;
	padding-top:10px;
	letter-spacing:1px;
	
}
ul{
	list-style-type: square;
	margin:0;
	padding:5px;
	list-style-position:inside;

}
#podmenu{
	position:absolute;
	z-index:6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:white;
	top:470px;
	left:25px;
	width:357px;
	padding:0px;
	line-height:13px;
	
}
#hair{
	position:absolute;
	z-index:6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:white;
	top:460px;
	left:25px;
	width:357px;
	padding:0px;
	
}
.vad{

	text-align:center;

}
#podmenu, #hair ul{
	list-style-type:none;
	margin:0px;
	padding:0px;

}
#podmenu ul li{
	list-style-type:none;	
}
span.data{
	
	text-decoration:underline;
	}
p.news{
	padding:0px;
	margin:0;
}
#zakupy{
	
	position:absolute;
	z-index:7;
	top:480px;
	left:350px;
	width:200px;
}
#lynk{
	
	float:left;
	font-size:10px;
	padding-top:3px;
	padding-left:3px;
	width:80px;
}
#kosz{
	float:left;
	
}
#kosz img{
	behavior: url("iepngfix.htc");
}
#stopka{
	position:absolute;
	z-index:6;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#c1bebe;
	width:800px;
	height:20px;
	top:550px;
	padding-top:3px;
}
#stopka a{
	color:#c1bebe;
}
.left{
	float:left;
}
.right{
	float:right;
}
#nawigator{
	z-index:6;
	position:absolute;
	top:470px;
	left:25px;
	font-size:11px;
	width:300px;
	
}
.nieaktywny{
	color: #990000;
	text-decoration:underline;
}
#bg{
	z-index:6;
	position:absolute;
	top:150px;
	left:450px;
	
	width:260px;
	height:320px;
}
#sender{
	position:absolute;
	z-index:7;
	top:150px;
	left:460px;
	width:260px;
	height:315px;
	font-size:11px;
	font-weight:bold;	
	padding-left:3px;
	background-color: #1f1e1e;
	border:1px #fff solid;
}
#sender p{
	padding-top:20px;
	text-align:center;
}
#sender div.mess{
	padding-top:90px;
}
label {
    display: block;
    width: 200px;
   	padding-bottom:3px;
   	padding-top:3px;
    float:left;   
  }
input, textarea {  
    font-size:11px;
    font-family:  Arial, Helvetica, sans-serif;
 	width:240px;
 	border-color:#808080 #D3D0C7 #D3D0C7 #808080;   
 	display:inline;
  }
input#token{
	width:60px;
}
textarea{
	height:150px;
}
input.pic{
	float:left;
	width:60px;
	height:20px;
	margin-right:10px;
}
label.token{
	float:left;
	width:70px;
}
fieldset{
	border:0;
	padding:5px;
	
}
fieldset img{
	
	margin:0;

}
#submit{
	margin-left:10px;
	width:95px;
}
.error{
	color:red;	
}
.red{
	color:red;
	font-size:13px;
}
div#newspic{
	position:absolute;
	z-index:7;
	top:70px;
	left:70px;
	width:296px;
	height:405px;
	background-color: #fff;
	border:1px #fff solid;

}
#vad_tresc{
	background-color:#fff;
	width:860px;
}
#top_vad{
	padding:5px 5px 5px 5px;
}
#shop{
	z-index:100;
	width:160px;
	height:43px;
	position:absolute;
	top:0px;
	left:640px;

}
#shop h3{
	font-size:11px;
	font-weight:bold;
	
	width:130px;
	text-align:right;
	padding:5px 0px 0px 20px;
	margin:0;
	}	

#shop_d{
	z-index:100;
	width:160px;
	height:43px;
	position:absolute;
	top:450px;
	left:640px;

}
#shop_d h3{
	font-size:11px;
	font-weight:bold;
	
	width:130px;
	text-align:right;
	padding:5px 0px 0px 20px;
	margin:0;
	}