body{
background-image: url(tlo.jpg);
background-repeat: repeat-x;
text-align: center;
background-color: white
}
div.page
{
text-align: left;
	font-family:Verdana;
	font-size:small;
	width: 821px;
	margin: auto auto auto auto;
	background-color: white
}
div.top
{
	float: left;
top: 0px;
left: 0px;
width: 561px;
height: 353px;

background-color: #CCCCCC;

}
div.foto
{
	float: right;
top: 0px;
left: 562px;
width: 260px;
height: 353px;

background-color: #CCCCCC;
}
#top_left
{
	float: left;
	top: 180px;
	left: 130px;
	width: 249px;
	height:291px;
	background-image: url(tlo_top_left.jpg);
	background-repeat: repeat-x;
}
#white_stripe_top1
{
	float: left;
	top: 180px;
	left: 379px;
	width: 3px;
	height:291px;
	background-color: White
}
#top_main
{
	float: left;
	top: 180px;
	left: 130px;
	width: 309px;
	height:291px;
	color: Black;
	background-image: url(tlo_top_center.jpg);
	background-repeat: repeat-x;
}
#top_menu
{ 
	float: left;
	top: 318px;
	left: 10px;
	width: 561px;
	height:62px;
	
	color: Blue;
	background-color: #9e9b8d;
}

#white_stripe_top2
{
	float: left;
	top: 0px;
	left: 379px;
	width: 3px;
	height:353px;
	background-color: White
}
#top_foto
{
	background-image: url(foto_01.jpg);
	float:right;
	top: 0px;
	left: 379px;
	width: 257px;
	height:353px;
	background-color: White
}


#content
{
	float: left;
	top: 380px;
	width: 821px;
	height:640px;
	background-color: #f4f4f2
}
#footer	
{
	float: left;
	bottom: 10 px;
	left: 0px;
	width: 100%;
	height: 21px;
	background-color: #a6a396
}
#info
{
	float: left;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 21px;
	background-color: #f4f4f2
}

#top_menu ul{
	list-style: none;
	margin-top: 17px;

}
#top_menu ul li
{
 float:left;
 
}
#top_menu ul li a{
  text-decoration:none; 
  color: #FBCE9A;
  font-size: 16;
  font-weight: bold;
  
	border: 0px solid Black;
	cursor:pointer;
	display:block;
	width: 100px;
	text-align: center;
}
#footer ul{
	list-style: none;
	margin: 3px auto 0 auto;
	display: block;
	height: 21px;
	width: 500px;
}
#footer ul li
{
 float:left;
 text-indent:35px	
}
#footer ul li a{
	 text-decoration:none;
	background:#a6a396 none repeat scroll 0%;
	border-right: 0px solid Black;
	text-align:center;
	color: Black;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:123px;
}
#footer ul li a.last{
	text-decoration:none;
	background:#a6a396 none repeat scroll 0%;
	border-right: 0px solid Black;
	text-align:left;
	color: Black;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:123px;
}
.clear {
	clear: both;
}
#logo{
	margin: 11% auto 0 auto;
	text-align:center;
}
#short_name
{
	margin: 10% auto 0 auto;
	text-align:center;
	
}
#main_text
{
	  margin-top: 20.5%;
	 margin-left:10px;
	 text-align:left;
}
#content_text
{
	margin: 10px 10px 10px 10px;
	text-align:justify;
	text-align:center;
}
#info_text
{
	text-align:right;
}
#contact_header
{
	margin: 10px auto 10px auto;	
 text-align:center;	
}
#contact_text1
{
		float: left;
		top: 0px;
		left: 0px;
		width: 400px;
		text-align:center;	
}
#contact_text2
{
	float: right;
	top: 0px;
	left: 0px;
	width: 400px;
	text-align:center;	
}
#referencje_text1
{
}
#o_firmie_header
{
 margin: 10px auto 20px auto;	
 text-align:center;
}
#o_firmie_text1
 {
 	margin: 0 auto 0 auto;
 	text-align:left;
 }
#o_firmie_img1
{
	margin: 20 auto 20 auto;
}
##o_firmie_text2
{
	margin: 0 auto 0 auto;
	text-align:left;
}
#o_firmie_img2
{
	margin: 20 auto 0 auto;
}
#oferta_header
{
 margin: 10px auto 20px auto;	
 text-align:center;
}
#oferta_text1
{
	float: left;
		top: 0px;
		left: 0px;
		width: 300px;
		text-align: left;
}
#oferta_text2
{
	float: left;
	top: 0px;
	left: 300px;
	width: 300px;
	text-align:left;
}
#oferta_img
{
	float: right;
	top: 0px;
	
	width:auto;
	
}
#tabela
{
	 font-family:Verdana;
	 font-size:small;	
	width:700;
}
