BODY
{
  background: url('img/logo_s-pozadim.jpg');
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 12px;
	margin: 0px; padding: 0px;
}

div.main {
  width: 910px;
  background: #CABB9C;
  display: block;
  border-left: 3px #A48976 solid;
  border-right: 3px #A48976 solid;
	border-bottom: 3px #A48976 solid;
  padding-top: 10px;
  padding-bottom: 20px;
  height: 830px;
  
  

}


div.levy
{
  width: 230px;
  display: block;
  float: left;
  


}

div.pravy
{
  width: 625px;
  display:block;
  float: left;
  background: white;
  text-align: left;
  padding: 20px 5px 20px 20px;
  margin-left: 5px;
  height: 630px;
  overflow: auto;
	#width: 645px;
}

#navigace
{
  width: 204px;
  padding: 0px;
  margin: 0px;
  display:block;
  float: right;
  margin-right: 0px;
	margin-top: 20px;

}

#navigace li {
  width:204px;
  height: 28px;
  display:block;
  
  margin-bottom: 10px;  

}




#navigace li a {
  display: block;
  width: 200px;
  height: 25px;
  

}



#navigace li.uvod {background: url('img/uvod.gif') 0px -29px no-repeat;}
#navigace li.kdojsme {background: url('img/zal2.gif') 0px -29px no-repeat;}
#navigace li.oprojektu {background: url('img/zal3.gif') 0px -29px no-repeat;}
#navigace li.prokoho {background: url('img/zal4.gif') 0px -29px no-repeat;}
#navigace li.jak {background: url('img/zal5.gif') 0px -29px no-repeat;}
#navigace li.materialy {background: url('img/zal6.gif') 0px -29px no-repeat;}
#navigace li.kontakt {background: url('img/zal7.gif') 0px -29px no-repeat;}
#navigace li.oppa {background: url('img/zal8.gif') 0px -29px no-repeat;}

#navigace li:hover {
  background-position: 0px -57px;


}

ul#navigace li.kdojsme:hover {background-position: 0px -57px !important; }


ul#navigace li.uvod:hover { background-position: 0px -57px; }


#navigace li.aktiv {
  background-position: 0px 0px;


}