body{
   background: #f5e2d1 url(images/tlo.jpg) repeat-x;
   margin: 0px;
   padding: 0px;
}

/*------------ div ------------*/
#container{
   width: 776px;
   /*height: 768px; !!!!!!!*/
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
}
#top{
   width: 776px;
   height: 320px;		
   /*background: url(images/top.jpg);*/
}
#top2{
   width: 776px;
   height: 239px;		
   /*background: url(images/top2.jpg); 	*/
}
#area{
   width: 776px;
   /*height: 361px; !!!!!!!*/
   background: #fef0e3 url(images/tlo_area.jpg) top no-repeat;
}
#area2{
   width: 776px;
   /*height: 442px; !!!!!!!*/
   background: #fef0e3 url(images/tlo_area2.jpg) top no-repeat;
}

#left{
   width: 185px;
   /*height: 361px; !!!!!!!*/ 
   float: left;
}
#right{
   width: 591px;
   /*height: 331px; !!!!!!!!!!*/
   float: left;
   padding: 30px 0px 0px 0px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #1c0f06;
}
#left2{
   width: 185px;
   /*height: 442px; !!!!!!!*/
   float: left;
}
#right2{
   width: 591px;
   /*height: 421px; !!!!!!!*/
   float: left;
   padding: 20px 0px 0px 0px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 12px;
   color: #1c0f06;
}
#menu{
   width: 185px;
   height: 216px;
}
#menu2{
   width: 185px;
   /*height: 338px;*/
   height: 210px;
}
#newsletter{
   width: 142px;
   height: 121px;
   background: url(images/newsletter.jpg) top center no-repeat;
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #27190c;
   text-align: center;
   padding: 24px 15px 0px 28px; 
}
#polecamy{
   width: 185px;
   height: 122px;
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #b4733b;
   text-align: center; 
}

#stopka{
   width: 776px;
   height: 87px;
}
#stopka_left{
   width: 297px;
   height: 57px;
   float: left;
   background: url(images/stopka_left.jpg);
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #bb7a42;
   padding: 30px 0px 0px 15px;
}
#stopka_middle{
   width: 154px;
   height: 87px;
   float: left;
   background: url(images/stopka_middle.jpg);
}
#stopka_right{
   width: 310px;
   height: 57px;
   float: left;
   background: url(images/stopka_right.jpg);
   font-family: Verdana, Tahoma, Arial;
   font-size: 10px;
   color: #bb7a42;
   padding: 30px 0px 0px 0px;
}
#banery{
  clear: both;
  height: 80px;
  width: 548px;
  font-family: Verdana, Tahoma, Arial;
  font-size: 10px;
  color: #b4733b;
  padding: 20px 0px 5px 0px;
}
.kontakt{
   float: left;
   width: 205px;
}
.clear{
   clear: both;
   margin: 0px;
   padding: 0px;
   height: 20px;
}
.clear2{
   clear: both;
   margin: 0px;
   padding: 0px;
   height: 10px;
}
.scroll{
	/*overflow: auto;*/
	width: 554px;
	/*height: 369px;*/
	margin: 15px 0px 0px 0px;
	padding: 0px 18px 0px 18px; 
}
.scroll_g{
	overflow: auto;
	width: 557px;
	/*height: 217px; !!!!!!!*/
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 18px; 
	text-align: justify;
}
/*------------ ul,li ------------*/
#menu ul, #menu2 ul{
   margin: 10px 0px 0px 21px;
   padding: 0px;
}
#menu ul li, #menu2 ul li{
   display: block;
   list-style-type: none;
   width: 151px;
   /*height: 15px;*/
   text-align: center;
   font-family: Verdana, Tahoma, Helvetica;
   font-size: 11px;
   line-height: 12px;
   border-bottom: 1px solid #897366;
   /*padding-top: 4px;*/
}
html>body #menu ul li, html>body #menu2 ul li{
  /* padding-top: 7px;
   height: 19px;*/
}
#menu ul li.pakiety, #menu2 ul li.pakiety{
   height: 35px; 
}
#menu2 ul li.main{
   background: #f1d2b6;
}
#menu2 ul.podmenu{
   margin: 0px;
   padding: 0px;
   background: #efdac7;
}
#menu2 ul.podmenu li{
   display: block;
   list-style-type: none;
   text-align: center;
   font-family: Verdana, Tahoma, Helvetica;
   font-size: 10px;
   line-height: 11px;
   padding: 1px 0px 2px 0px;
   margin: 0px;
   border: none;
   color: #7f532e;
}
/*------------ a ------------*/
#menu ul a,#menu2 ul a{
   display: block;	
   width: 151px;
  /* height: 20px;*/
   color: #2b190d;
   text-decoration: none;
   padding-top: 5px;
   padding-bottom: 5px;
}
#menu2 ul.podmenu a{
   color: #7f532e;
   text-decoration: none;
   padding: 0px;
}
html>body #menu ul a, html>body #menu2 ul a{
   /*height: 25px;*/
}
a.mail{
    color: #1c0f06;
}
a.mail_s{
   color: #bb7a42;
   text-decoration: none;
}
a.l_filorga{
	color:#8B5B37;
	text-decoration: none;
	font-size: 10px;
}
/*------------ p ------------*/
#right p{
	float: left;
	width: 403px;
	margin: 0px;
	padding: 0px;
}
#right2 p.punkty{
	float: left;
	width: 507px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: justify;
}
#right2 p.punkty2{
	float: left;
	width: 507px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: justify;
}
#right2 p.zabieg{
	float: left;
	width: 405px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	font-size: 11px;
	color: #8b5b37;
}
html>body #right2 p.zabieg{
	margin: 0px 0px 0px 29px;
}
#right2 p.zabieg2{
	float: left;
	width: 193px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	font-size: 11px;
	color: #8b5b37;
}
html>body #right2 p.zabieg2{
	margin: 0px 0px 0px 29px;
}
#right2 p.cena{
	float: left;
	width: 80px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #8b5b37;
	text-align: right;
}
#right2 p.cena2{
	float: left;
	width: 110px;
	margin: 0px 0px 0px 40px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #8b5b37;
	text-align: left;
}
#right2 p.cena3{
	float: left;
	width: 110px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #8b5b37;
	text-align: left;
}

/*------------ span ------------*/
span.title{
   font-weight: bold;
   font-size: 13px;
   float: left; 
   width: 507px;
   font-weight: bolder;
   font-stretch: wider;
}
span.czerwony{
   font-size: 10px;
   color: #FF0000;
}
span.podkreska{
   display: block;
   border-top: 1px solid #8B5B37;
}
span.filorga{
	margin:10px 0px 0px 30px;
	color:#8B5B37;
	font-family:Verdana,Tahoma,Arial;
}
/*------------ h1 ------------*/
h1{
   margin: 0px 0px 0px 18px;
   padding: 0px;
   font-family: Verdana, Tahoma, Helvetica;
   font-size: 18px;
   color: #010100;
   font-stretch: narrower;
   font-weight: lighter;
}
h2{
   margin: 0px 0px 10px 18px;
   padding: 0px;
   font-family: Verdana, Tahoma, Helvetica;
   font-size: 15px;
   color: #010100;
   font-stretch: narrower;
   font-weight: lighter;
}
h3{
   margin: 0px 0px 20px 18px;
   padding: 0px;
   font-family: Verdana, Tahoma, Helvetica;
   font-size: 12px;
   color: #010100;
   font-stretch: narrower;
   font-weight: bold;
}

/*------------ img ------------*/
img.strzalka{
   float: left;
   margin-right: 10px;
}
img.news_min{
   float: left;
   margin-right: 10px;
}
#banery img{
   float: left;
   margin-top: 7px;
}
#polecamy img{
   margin-top: 5px;
}
/*------------ table ------------*/
table.zdjecia img{
   border: 1px solid #aaaaaa;
   margin: 0px 14px 15px 0px;
}
table.zdjecia td{
   text-align: center;
}


.kontakt input, .kontakt textarea{
   margin: 3px 0px 3px 0px;
   width: 190px;
}
.kontakt input.guzik{
   width: 50px;
   height: 25px;
   float: right;
   margin-right: 3px;
}