body {
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size:10pt;
background: #7fb803 url('images/body_bg.jpg') repeat-x top left ;
margin:0;
padding:0;
}

h1,h2,ul {
margin:0;
padding:0;
border:0;
}

h1,h2,h3 {
font-family: Arial, Helvetica, sans-serif;
}


.page {
width:710px;
height:auto;
margin:0px auto;
padding:10px;
background: white;
border:1px solid #4d7002;
position:relative;
margin-top:43px;
}

#vrsek {
width:710px;
height:310px;
overflow:hidden
}

.menu {
width:100%;
height:37px;
position:absolute;
top:260px;
left:20px;
z-index:2;
clear:both;
}


#vrsek li {
list-style-type:none;
width:150px;
height:37px;
float:left;
font-size:10pt;
margin-left:10px;
}

#vrsek li a {
display:block;
width:100%;
height:37px;
text-align:center;
padding-top:10px;
font-size:12pt;
color:black;
font-weight:bold;
text-decoration:none;
background:url("images/lioff.gif") 0 0 no-repeat;
}

#vrsek li a:hover {
background:url("images/lion.gif") 0 0 no-repeat;
color:white;
}

.trpaslik {
width:176px;
height:201px;
position:absolute;
left:-92px;
top:-22px;
background:url("images/trpaslik.jpg") 0 0 no-repeat;
z-index:2;
}

#reference {
width:200px;
height:400px;
position:absolute;
right:-210px;
top:-185px;
color:white;
text-align:left;
}

#reference h2 {
font-size:12pt;
width:150px;
margin:0;
border:0;
padding:0;
color:#f90;
margin-bottom:10px;
}

#reference h3 {
font-size:9pt;
width:150px;
font-weight:normal;
margin:0;
border:0;
padding:0;
margin-bottom:5px;
}

#reference a {
color:white;
}

#reference .list-div {
width:94px;
height:74px;
background: white;
border:1px solid #333;
margin:2px;
}

#reference .list-img {
width:84px;
height:64px;
margin:4px;
border:1px solid #ccc;
}

.logo {
width:438px;
height:155px;
position:absolute;
left:-44px;
top:-27px;
background:url("images/logo.jpg") 0 0 no-repeat;
z-index:2;
}

#zahrada {
display:block;
margin:0;
padding:0;
position:relative;
width:710px;
height:310px;
overflow:hidden
}

#zahrada span {
display:block;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
z-index:1;
width:710px;
height:310px;
background:url("images/zahrada.jpg") 0 0 no-repeat;
cursor:hand;
}

.clear {
border: 0px none; 
margin: 0px; 
padding: 0px; 
float: none; 
clear: both; 
width: 0px; 
height: 0px; 
line-height: 0px; 
font-size: 0px;
}

#vlevo {
width:463px;
height:auto;
float:left;
position:relative;
}

#vlevo h2 {
width:100%;
font-size:12pt;
color:#f90;
border-bottom:1px solid #f2f2e5;
}

#vlevo h2 a {
color:#f90;
}

#vlevo p {
width:97%;
}

#vpravo {
width:230px;
height:auto;
float:right;
background: white url('images/pravy.jpg') no-repeat top left;
}

#vpravo h1,h2 {
margin-top:15px;
}

#vpravo h2 {
width:100%;
font-size:11pt;
margin-left:10px;
color:#7fb803;
border-bottom:1px solid #f2f2e5;
}

#vpravo li {
list-style-type:none;
width:95%;
float:left;
font-size:8pt;
color:#333;
border-bottom:1px solid #efefef;
padding-top:5px;
padding-bottom:5px;
margin-left:10px;
}

.list-div {
width:168px;
height:128px;
margin:5px;
background: white;
border:1px solid #efefef;
float:left;
}

.list-img {
margin:4px;
border:1px solid #ccc;
}

.list-p {
height:190px;
width:100%;
overflow:hidden;
margin:0;
padding:0;
border:0;
}

/* fotogalerie */

.foto-lista {
width:98%;
height:40px;
background: white url('images/foto_bg.jpg') repeat-x top left;
}

.foto-box {
width:97px;
height:75px;
border:1px solid #efefef;
margin:10px;
float:left;
}

.foto-box img {
border:0;
margin:5px;
padding:0;
}

h3 {
font-size:12pt;
font-weight:normal;
color:#ccc;
margin:0;
padding:0;
border:0;
margin-top:15px;
}

#ref {
color:black;
}

.ref-box {
float:left;
width:185px;
height:170px;
margin-left:10px;
margin-top:10px;
background:#fc0;
color:black;
overflow:hidden;
}

#ref .ref-h2 {
font-size:10pt;
margin:0;
padding:0;
border:0;
text-align:center;
}

#ref .ref-a {
color:black;
}