body {
margin: 0; 
padding: 0;
font: 75%/150% Georgia,"Times CE","Times New Roman CE","Times New Roman", Times, serif;
color: #cbc39a;
background: #dbd3b1 url("IMAGES/pozadi.jpg") repeat-y 50% 0;
}

#div {padding: 0; margin: 0; border: 0;}

#hlavni {
width: 770px;
margin: 0 auto;
padding-top: 50px;
background: #302d1e url("IMAGES/poz_hlavni.jpg") no-repeat;
position: relative;
}

#hlavicka-null {
background: transparent url("IMAGES/poz_hlavicka.jpg") no-repeat;
}

#hlavicka {
height: 200px;
}

#jazyky {
position: absolute;
right: 10px;
top: 10px;
}

#menu {
position:relative;
left: 28px;
top: 6px;
z-index:100;
height: 40px;
}

#obal-null {
background: transparent url("IMAGES/poz_obal.jpg") repeat-y;
}

#vrh-null {
_height: 21px;
background: transparent url("IMAGES/poz_vrh.jpg") no-repeat;
padding-top: 10px;
}

#vrh {
position: relative;
height: 85px;
text-align: center;
background: #aaa380 url("IMAGES/vrh.jpg") no-repeat 100% 0;
margin: 10px 30px 20px 30px;
_margin-top: 20px;
padding: 10px 215px 5px 5px;
color: #252115;
font-size: 110%;
}

/* Začátek pravý sloupek */
#pravy-null {
float: right;
width: 215px;
background: transparent url("IMAGES/poz_pravy.jpg") no-repeat;
}

#pravy {
margin: 0 25px 0 20px;
font-size: 95%;
color: #9D9675;
}

/* Začátek obsah */
#obsah-null {
margin: 0 215px 0 0; 
padding: 0;
}

#obsah {
margin: 0 5px 0 0;
padding: 0px 5px 0px 30px;
}

#dolozka-null {
width: 540px;
}

#dolozka {
font-size: 90%;
margin-top: 10px;
text-align: right;
}

.nahoru {color: #565656}

/* Začátek patka */
#patka {
height: 60px;
background: transparent url("IMAGES/poz_patka.jpg") no-repeat;
}

/* Začátek menu */
ul#hlavnimenu, ul.menu
{
padding: 0;
margin: 0;
list-style-type: none;
}

ul#hlavnimenu ul.menu
{
margin-top: 6px;
}

ul#hlavnimenu li
{
float: left;
padding: 6px 9px;

}

ul#hlavnimenu a
{
color: #B49620;
display: block;
text-decoration: none;
font-weight: bold;
}

ul#hlavnimenu ul.menu a
{
width: 120px;
background-color: #302d1e;
padding: 2px 5px;
border: 1px solid #ccc49c;
}

ul#hlavnimenu ul.menu a:hover, ul#hlavnimenu a:hover
{
color: #FFE57A; 
}

ul#hlavnimenu ul.menu
{
position: absolute;
visibility: hidden;
}

ul#hlavnimenu li:hover ul.menu, ul#hlavnimenu li.hover ul.menu
{
visibility: visible;
}

ul#hlavnimenu li li
{
float: none;
border: none;
padding: 0;
}

ul#hlavnimenu li
{
behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}

/* Konkrétní styly */
img {padding: 0; margin: 0; border: 0;}
img.mapa {position: absolute; right: 0; top: 0;}
.foto-hlavni {padding: 10px; text-align: right; float: right; width: 200px;}
.foto {padding: 10px 5px; text-align: center;}
.foto-hlavni img, .foto img {border: 1px solid #4a4531; padding: 2px; background-color: #4a4531;}

/* IE */
.foto img.hover,.foto img:hover {border: 1px solid #B49620;}
.foto img {behavior: url(hover.htc);}
.foto-hlavni img.hover,.foto-hlavni img:hover {border: 1px solid #B49620;}
.foto-hlavni img {behavior: url(hover.htc);}

hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}

h1, h2, h3, h4 {color: #85A69C; margin: 0; padding: 0;}

h1 {font-size: 150%;}
h1.hlavicka {text-align: right;}
h2 {font-size: 130%; background: url("IMAGES/poz_nadpis.jpg") no-repeat left center; padding-left: 30px; margin: 0 0 10px 10px; line-height: 26px;}
h3 {font-size: 110%; padding: 5px; margin: 5px;}
h4 {font-size: 100%; color: #847c58;}

#vrh h3 {color: #302d1e}
p {text-align: left; margin-bottom: 0px; margin-top: 5px;}
p.pravy {margin-bottom: 15px;}

a:link {color: #B49620;}
a:visited {color: #a4751d; text-decoration: none;}
a:hover {color: #FFE57A;}
a.hlavicka {color: #85A69C; text-decoration: none;}
#jazyky img {margin: 1px;}
a.print {background:url("IMAGES/print.gif") no-repeat left center; padding-left: 23px;}
a.doporucit {background:url("IMAGES/mail.gif") no-repeat left center; padding-left: 22px;}
a.pridat {background:url("IMAGES/fav.gif") no-repeat left center; padding-left: 23px;}

.motto {text-align: right; width: 50%; margin: 15px 10px -2px auto;}

table {width: 99%; text-align: left;}
td,th {border: 0; border-collapse: collapse; text-align: left; vertical-align: top;}
th {text-align: center;}
table.rodokmen {border: 1px solid #a9a381; border-collapse: collapse;}
.rodokmen td {vertical-align: middle; text-align: center; border: 1px solid #a9a381; border-collapse: collapse; padding: 2px; font-weight: bold;}
.rodokmen th {vertical-align: middle; text-align: center; border: 1px solid #a9a381; border-collapse: collapse; padding: 2px; background-color: #cbc39a; color: #252115;}

textarea.kontakt, input.kontakt {border: 1px solid #a9a381; background: url("IMAGES/poz_input.jpg") left center;}
.tituly {font-weight: normal; padding: 5px 0; font-size: 85%;}