html { height: 100%; font-size: 62.5%;} /* 16 px × 62,5 % = 10 px */
body { height: 100%; font: 1em Georgia, "Times New Roman", Times, serif; } /* 10 px × 1,2 em = 12 px */ 
.bgrd1 { background-color: #cb9; background-image: url(imgs/bgrd5.jpg); background-repeat: repeat-x; background-position: left top; }
.bgrd2 { background-color: white; background-image: url(imgs/bgrd2.jpg); background-repeat: repeat-x; background-position: left top; }
.navlinka { position: absolute; top: 190px; width: 100%; height: 5px; border-top: 1px dashed black; }
.line { border-top: 1px solid black; }
.line2 { border-top: 10px solid #B39B7E; }
.logo { position: absolute; top: 20px; right: 20px; }
.nav { position: absolute; width: 85em; top: 190px; left: 45px; }
.nav ul { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #600; position: relative; float: left;  margin: 0px; padding-top: 10px; padding-left: 6px; padding-right: 15px; border-left: #000 solid 1px; }
/*.nav li { font-size: 0.8em; line-height: 1.7em; padding-right: 20px; }*/
.nav a { font-size: 1em; line-height: 1.7em; padding-right: 22px; }
.nav a:hover { color: #600 ; padding-right: 22px; background-image: url(imgs/nav.gif); background-repeat: no-repeat; background-position: right center; }
.txtblok { text-align: left; position: relative; top: 310px; width: 800px; }
.txtblok2 { text-align: left; position: relative; top: 310px; width: 800px; }
.txtblok2 img { position: relative; left: 50px; }
.gallblok { text-align: left; position: relative; top: 310px; width: 800px; }
.txtbarva { color: #600; font-weight: bold; }
.txtbarva2 { font-size: 38px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #600; }
p { color: black; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; }
h3 { color: black; font-size: 16px; font-family: sans-serif; }
h2 { color: black; font-size: 20px; font-family: sans-serif; }
h1 { color: black; font-size: 28px; font-family: sans-serif; font-weight: bold; font-style: normal; }
a:link { color: black ; text-decoration: underline; }
a:visited { color: black ; text-decoration: underline; }
a:hover { color: #600 ; text-decoration: underline; }
a:active { color: black ; text-decoration: underline; }
a:hover img { filter:alpha(opacity=40, style=0); opacity:0.4 }
ul { font-size: 1em; font-family: sans-serif; list-style-type: none; }
ol { font-size: 1em; font-family: sans-serif; }
.gallerfoto { position: relative; top: 0; left: 0; width: 200px; height: auto; float: left; padding-bottom: 20px; }
.fotopruh { background-color: #ccc; position: relative; width: 80%; height: 130px; overflow: auto; border: solid 20px #600; }
.fotopruh2 { background-color: #ccc; position: relative; width: 80%; height: 130px; overflow: auto; border: solid 20px #600; }
.fotopruh3 { background-color: #600; position: relative; width: 80%; height: 130px; overflow: auto; border: solid 20px #333; }
.fotopruh4 { position: relative; width: 600px; margin-bottom: 0; padding-bottom: 0; }
.fotopruh4 img { border: 0px; padding-bottom: 8px; }
.fotopruh4 a { background-color: #cb9; }
.fotopruh4 a:hover { background-color: #600; }
.ifra { position: relative; width: 100%; height: 800px; }
.upoz { font-size: 0.9em; font-family: sans-serif; background-color: #fff; background-image: url(imgs/papir2.gif); background-repeat: no-repeat; background-position: left top; position: relative; width: 250px; height: auto; padding: 30px 30px 8px 25px; float: left; }
.upoz2 { font-size: 0.9em; font-family: sans-serif; position: relative; width: 230px; height: auto; padding: 10px; border: #000 dotted 1px; margin-left: 10px; float: left; background-image: url(imgs/upoznak.gif); background-repeat: no-repeat; background-position: top right; }
.upoz2 .upoz3, img { border: 0px; }
.upoz3 { font-size: 0.9em; font-family: sans-serif; position: relative; width: 160px; height: auto; padding: 10px; border: #000 dotted 1px; margin-left: 30px; float: left; }
.kontaktbgrd { background-color: #8099a1; background-image: url(imgs/kontaktbgrd.gif); background-repeat: no-repeat; background-position: center; padding: 5px; border-top: 1px solid #000; }
table { background-color: #d9caac; border-bottom: 1px solid #cb9; }
td { color: black; font-size: 10px; font-family: sans-serif; vertical-align: top; padding: 3px 2px 3px 2px; border-bottom: 1px solid #c5b594; border-right: #c5b594 dotted 1px; }
table a { background-image: url(imgs/linkmail.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
a.externi:visited { background-image: url(imgs/linkout.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
a.externi:link { background-image: url(imgs/linkout.gif); background-repeat: no-repeat; background-position: right top; margin-right: 3px; padding-right: 12px; }
.red { background-color: #ddd; }
.ulinky li { padding-top: 4px; padding-bottom: 4px; border-bottom:#000 dotted 1px; }
.ramecek { color: black; font-weight: bold; font-size: 2.3em; line-height: 2.5em; font-family: sans-serif; position: relative; border: #000 solid 1px; padding: 4px; margin: 4px; }
.pozn { color: black; font-size: 90%; position: absolute; width: 75em; top: 295px; left: 40px; }
.clear { clear: left; }
.negat { font-size: 1.5em; color: #fff; background-color: #666; padding: 4px; text-transform: uppercase; }