body {margin: 0px; padding: 0px; background: #b2b3b2 url('../img/pozadi.jpg') top center fixed; color: #333333; 
font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif; font-style: normal; font-size: 70%;} 

/* text ---------------------------------------------------------------------- */
p {text-align: justify; line-height: 1.5;}
a {color: #1960af;}
a:hover {color: #ff6600; text-decoration: none;}
p, h1, h2, h3 {margin: 15px 0px 15px 0px; padding: 0;}
h1, h2, h3 {color: #1960af; font-size: 100%; text-transform: uppercase;}
h2, h3 {color: #ff6600; text-transform: none; font-weight: bold;}
.seda, a.seda {color: #8a8a8a; text-transform: none; padding-right: 15px; text-decoration: none;}
a:hover.seda {color: #cccccc;}
.stred, .stredm {text-align: center;}
.stredm {margin: 10px; color: #666666;}
.patickam, .patickam a {color: #cccccc; font-size: 7pt;}
.patickam a {color: #999999;}
.patickam a:hover {color: #666666;}
.cervena {color: #ff6600}
a.adobe { background: url('../img/ikonadobe.gif') no-repeat left center; padding: 4px 15px 6px 30px; line-height: 2.0;}

/* bloky ---------------------------------------------------------------------- */
#celek {position: relative; width: 930px; top: 0; height: auto; margin: 0 auto;}
#ikony, #obsahu, #obsah, #vrchtext, #duvody, #vrchmenu, #prava {position: absolute; left: 0; top: 0;}
#ikony {float: right; left: 600px; top: 33px; width: 300px; height: 20px; color: #8a8a8a; text-align: right;}
#logo {left: 0; top: 0; width: 240px; height: 59px;}
#vrchu {left: 0; top: 0; width: 930px; height: 330px; background: #2a76ca url('../img/vrch.jpg') no-repeat;}
#vrch {left: 0; top: 0; width: 930px; height: 214px; background: #2a76ca url('../img/vrch2.jpg') no-repeat;}
#vrchtext {left: 60px; top: 240px; width: 500px; height: 70px; color: #a9c7e7;}
#duvody {left: 60px; top: 351px; width: 500px; height: 21px;}

#obsahu {left: 270px; top: 400px; width: 390px;}
#obsah {left: 270px; top: 283px; width: 630px;}
#prava {left: 690px; top: 400px; width: 240px; text-align: left;}
#paticka {width: 390px; height: 30px; text-align: right; float: right; background: url('../img/linka.gif') repeat-x top; line-height: 4.5;}

.linka {background: url('../img/linka.gif') repeat-x; width: 100%; height: 10px; padding: 0; margin: 0; clear: both;}

/* vrchmenu ---------------------------------------------------------------------- */
#vrchmenu {left: 30px; top: 72px; width: 930px; height: 20px;}
#vrchmenu a {display: block; background: url('../img/teckyb.gif') no-repeat right center; color: #ffffff; text-decoration: none; width: 120px; height: 20px; line-height: 1.5; text-align: center; float: left;}
#vrchmenu a:hover {height: 20px; color: #000000;}
#vrchmenu .neaktiv {height: 20px; width: 120px; font-weight: bold; color: #000000;}

/* menu ---------------------------------------------------------------------- */
#menu {left: 0; top: 0; width: 240px; padding-top: 12px;}
#menu ul {list-style: none; margin: 0px; padding: 0px; border: none;}
#menu li a, #menu li a.negativ, .tlacitko {display: block; background: url('../img/oranzova.gif') no-repeat; color: #000000; font-weight: bold; text-decoration: none; width: 240px; height: 41px; line-height: 3.5; padding-left: 25px; text-align: left;}
#menu li a:hover, #menu li a:hover.negativ {background: url('../img/modra.gif') no-repeat; height: 41px; color: #ffffff;}
#menu li.neaktiv {background: url('../img/modra2.gif') no-repeat; height: 41px; width: 240px; padding-left: 25px; font-weight: bold; line-height: 3.5; color: #ffffff;}
#menu li a.negativ {background: url('../img/modra.gif') no-repeat; color: #ffffff;}
#menu li a:hover.negativ {background: url('../img/modra2.gif') no-repeat;}

/* tabulky ---------------------------------------------------------------------- */
.tabulka, #tabulka { border: 0px; width: 100%;}
td, th {text-align: center; border: 0px; padding: 3px; margin: 0;} 
#obsah td { background: #dfd0ac; color: #67645d;}
#obsah th { background: #cc3300; color: #ffffff; font-weight: normal;}
#tabulka td { background: #ffffff; color: #67645d; text-align: left; padding-left: 10px; border: 0px; margin: 0;}

/* foto ---------------------------------------------------------------------- */
.blok {float: left;}
.ramb {margin: 0;}
.noram {padding: 0px; border: 0px; margin: 0px;}
.ram, .ramp, .ramb {padding: 3px; border: 1px solid #b0b0b0; margin: 3px; background: #e4e4e4;}
.ramp {margin: 10px; margin-left: 20px; float: right;}
.clearboth {clear: both;}

/* formulare ---------------------------------------------------------------------- */
label, input, select, textarea {display: block; width: 200px; height: 16px; float: left; margin: 2px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt;}
label {text-align: right; width: 190px; padding-right: 10px; text-align: right;}
input, textarea, .formular {margin-right: 10px; padding-left: 2px; border: 1px solid #999999; background: #ffffff; width: 300px;}
textarea {width: 300px; height: 170px; overflow: hidden;}
.formular { margin: 2px; color: #333333; width: 200px; height: 20px; max-height: 20px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px; padding-left: 2px;}
.tlacitko {text-align: center; font-weight: bold; border: none; color: #ffffff; margin: 2px;}