html, body, div, img, #conainer {margin: 0; padding: 0;}

   html, body {height: 100%;  width: 100%;}
  html{
  	height: 760px;
  }
body {text-align: center; 	background: url(../images/tlo.jpg) repeat-x ;
		background-color: #E0E0E0;
    /* background-attachment: fixed;*/}   
a {
	text-decoration: none;	
   
}
a {
	color: black;
}
a:hover{
	color: Red;
}
img{
	border: 0;
}
.galeria {
	margin: 7px 0 10px 5px ;
 	text-indent: 0px;
	float: left;
	display: inline;
	width: 510px;
	border-bottom: 1px solid silver;
	text-align: center;
}

.miniaturka{
	float: right;
	margin: 0px;
}

	td.thumb{
		float:left;
		padding:2px;
	}
	td.thumb a{
		display:block;
		float:left;
		width:100px;
		margin-left: 17px;
		display: inline;
		height:95px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	td.thumb a img{
		float:left;
		position:absolute;
		top:-15px;
		left:-10px;	
	}
	
	/* mouse over */
	
		td.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		td.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	



p{
	text-indent: 25px;
	margin: 0px;
}

h5{
	color: #5B2E05;
	width: 100%;
	text-align: center;
	float: left;
	margin: 0px;
	font: 16px, verdana, microsoft sans serif, verdana, arial, lucida grande, Monotype Corsiva, sans-serif;
	font-weight: bolder;
}
h3{
	color: Red;
	margin:10px 0 0 8px;
	font:  12px verdana, microsoft sans serif, verdana, arial ,lucida grande, sans-serif;
	font-weight: bolder;
	line-height: 22px;
	float: left;
}
h3 a{
color: Red;
}
h3 a:hover{
color: black;
}
h4{
	color: #9a4c0a;
	margin: 0px;
	font:  18px verdana, microsoft sans serif, verdana, arial ,lucida grande, sans-serif;
}
.miniaturka img {
	border: 1px solid #A4A4FF;
	padding: 3px;
}
.left_txt{
	float: left;
	width: 100%;
	text-align: right;
}
#container {
	text-align: left;
	font:  11px verdana, microsoft sans serif, verdana, arial ,lucida grande, sans-serif;
	overflow:hidden; /*pudelko oblewa zawartosc*/
	width: 938px;
	height: auto;	
	position: relative;
	margin-left: auto;
	margin-right: auto;		
	background: White;
}
#menu{
	width: 100%;
   height: 40px;
	float: left;
}
#baner {
	width: 100%;
	height: 241px;
	float: left;
	background: url(../images/baner.jpg) no-repeat 0px 5px ;
}


#menu a {
float: right;
color: #491F0F;
text-align:left;
display: block;
width: 100px;
padding-left: 15px;
font: 13px  arial, verdana, Tahoma, arial,  sans-serif;	
margin-top: 25px;
background: url(../images/punkt.jpg) no-repeat 0px 5px ;
}
#menu a:hover {
color: #DB342E;
background: url(../images/punkt_h.jpg) no-repeat 0px 5px ;
}

#lewa{
   float: left;
	width: 190px;
	overflow: hidden;
	height: 350px;
	background: url(../images/tlo_l.jpg) ;
	padding: 0px;
}
#prawa{
   float: right;
	width: 196px;
	overflow: hidden;
	padding: 0px;
}
.textSize{
	font-family: arial;
	float:right;
	text-align: right;
	width: 170px;
}
.textSize a:hover{
font-weight: normal;
}
.textSize span{
	font-size: 10px;
	color: #666;
}
.textSize a{
	color:black;
	border-right:1px solid silver;
	padding-right: 4px;
}
.textSize #size1 {
	font-size: 12px;
	color:#FF6805;
}
.textSize #size2 {
	font-size: 15px;
}
.textSize #size3 {
	font-size: 18px;
	border-right:0;
}
#textinfo{
	width: 750px;
	height: 19px;
	position: absolute; top: 285px;
	font: 14px verdana ,arial ,lucida grande, sans-serif;
	font-weight: bolder;
	text-align: left;
	text-indent: 0px;
	padding-left: 5px;
	color: black;
	z-index: 5;
	border-bottom: 2px solid #FF8C00;
}

#tresc{
   text-align: justify;
	float: left;
	width: 530px;
	height: auto;	
	line-height: 22px;
	display: inline;
	overflow: hidden;
	background: White;
	margin: 20px 0 0 0;
	padding: 15px 10px 0 10px;
	}
.foto-ofer{
	width: 200px;
	border-top: 1px solid #eee;
	text-align: center;

}
.opis-ofer{
	width: 490px;
	border-top: 1px solid #eee;

}

.foto_tresc{
	float: right;
	margin: 8px;
	overflow: hidden;
}
.foto_tresc img{
	border: 1px solid #CDE6AD;
	padding: 1px;
}
#stopka{
	width: 938px;
	height: 50px;	
	background: url(../images/stopka.jpg) repeat-x ;
	margin: 0px auto 0 auto;
	position: relative;
	font:  11px verdana, microsoft sans serif, verdana, arial ,lucida grande, sans-serif;
}
#stopka #klient{
   float: left;
	margin: 50px 0 0 0;
}
#stopka #intellect{
   float: right;
	margin: 50px 0px 0 0;
}
#stopka #klient a{
color: black;

}
#stopka #intellect a{
  color: black;
}

#stopka em {
	color: orange;

}
#intellect img{
	vertical-align: -4px;
}
#stopka #intellect a:hover{
	color: black;
}
#stopka #klient a:hover{
	color: #E27820;
}
#top  {position: absolute; top: 40px;	right:25px;  }
#start {position: absolute; top: 40px;	right: 8px; }

.wciecie{
	margin-left: 30px;	
}
.center{
	text-align: center;
	width: 100%;
	line-height: 30px;
}
.center img{
	vertical-align: -3px;
}
address{
	width: 100%;
	float: left;
	font-style: normal;
	padding: 10px;
	font: 12px verdana, tahoma;
	line-height: 23px;
	display: inline;
	color: black;
}
address strong{
	color: #5B2E05;
}
address a:hover{
	font-weight: bolder;
	color: Red;
}
address img{
	vertical-align: -3px;
}
.left{
	float: left;
	width: 220px;
	text-align: left;
}
.right{
	float: left;
	width: 270px;
}
