body {margin: 0px; padding: 0px; background: #063770 url('../img/pozadi.gif') top repeat-x; color: #333333; font-family: sans-serif; font-style: normal; font-size: 75%;} 

/* text ---------------------------------------------------------------------- */
p, h1, h2, h3 {margin: 0; padding: 10px 0 10px 0; text-align: left;}
p {text-align: justify; line-height: 1.4;}
a, #leva li a.podmenu {color: #2087d8; }
a:hover, #leva li a:hover.podmenu {color: #81ae01; text-decoration: none;}
h1{color: #2087d8; font-size: 120%; text-transform: uppercase; padding: 0px 0 10px 0;}
h2 {color: #81ae01; font-size: 100%; text-transform: none;}
h3 {color: #000000; font-size: 100%; padding: 10px 0px 0px 0px;}
.modra {color: #2087d8; font-weight: bold; padding-left: 8px; padding-right: 8px;}
.zelena {color: #81ae01; font-weight: bold;}
.stred {text-align: center;}
a.adobe { background: url('../img/adobe.gif') no-repeat left center; padding: 4px 15px 6px 30px; line-height: 2.0;}
.odstup { width: 100px; padding-right: 20px; font-weight: bold; display: block; float: left;}

/* bloky ---------------------------------------------------------------------- */
#celek {position: relative; width: 940px; top: 0; height: auto; margin: 0 auto;}
#ikony, #vrchmenu, #logo, #flash {position: absolute; margin: 0; padding: 0;}
#hlava, #animace, #flash, #obsah, #paticka, #leva, .levau, .prava {position: relative; margin: 0; padding: 0; top: 0; left: 0;}
#hlava {position: relative; top: 0; left: 0; width: 940px; height: 40px; background: url('../img/pozadivrch.gif');}
#ikony {right: 20px; top: 15px; width: 100px; text-align: right;}
#logo {top: 75px; left: 30px; width: 159px;, height: 42px;}
#flash {top: 0px; left: 200px; width: 360px;, height: 113px;}
#obsah {width: 880px; padding: 30px; background: #ffffff url('../img/pozadistred.gif') repeat-x top;}
#leva, .levau {width: 293px; float: left;}
.prava, .pravau {width: 560px; float: right; text-align: center;}
.prava {width: 625px;}
.pravau ul, .prava ul {text-align: left; line-height: 1.5; list-style-image: url('../img/sipka.gif'); list-style-position: inside; margin: 0; padding: 0;}
#stat {width: 1px; height: 1px; display: none;}

/* menu ---------------------------------------------------------------------- */
#vrchmenu { top: 15px; left: 10px; width: 700px; height: 30px;}
#vrchmenu ul {list-style: none; margin: 0px; padding: 0px; border: none; width: 700px; }
#vrchmenu li {float: left; margin: 0px; padding: 0px; border: none;}
#vrchmenu li a {display: block; background: url('../img/teckys.gif') no-repeat top right; color: #2087d8; text-decoration: none; padding-left: 12px; padding-right: 12px; text-align: center;}
#vrchmenu li a:hover, #vrchmenu li a.cerna {color: #000000;}
#leva {width: 220px;}
#leva ul {list-style: none; margin: 0px; padding: 0px; border: none; text-align: center;}
#leva li {float: left; margin: 0px; padding: 0px; border: none;}
#leva li a {display: block; background: url('../img/menu01.gif') no-repeat; color: #ffffff; text-decoration: none; width: 220px; height: 39px; line-height: 3.3; font-weight: bold;}
#leva li a:hover {background: url('../img/menu02.gif') no-repeat; color: #000000;}
#leva li.neaktiv, #leva li.neaktiva {background: url('../img/menu.gif') no-repeat; height: 40px; width: 220px; line-height: 3.3; color: #000000; font-weight: bold;}
#leva li.neaktiva {background: url('../img/menu02.gif') no-repeat; color: #ffffff;}
#leva li.podmenu, #leva li a.podmenu, #leva li a.podmenub, #leva li.aktiv, #leva li.aktivp { background: url('../img/tecky.gif') repeat-x bottom; width: 190px; height: 30px; line-height: 2.4; text-align: left; padding-left: 30px; font-weight: normal;}
#leva li a:hover.podmenu, #leva li a:hover.podmenub { background: url('../img/teckyn.gif') repeat-x bottom; color: #5d7e00;}
#leva li a.podmenub, #leva li.aktiv {font-weight: bold; color: #5d7e00; padding-left: 20px; width: 200px; }
#leva li a:hover.podmenub {color: #81ae01;}
#leva li.aktiv, #leva li.aktivp { color: #000000;}

/* uvodni animace ---------------------------------------------------------------------- */
#animace, #animacep, #animacep02, #animacep03, #animacep04, #animace01, #animace02, #animace03, #animace04 {width: 940px; height: 232px; margin: 0; padding: 0; color: #ffffff; overflow: hidden;}
#animace01 {background: url('../img/animace01.jpg');}
#animace02 {background: url('../img/animace02.jpg');}
#animace03 {background: url('../img/animace03.jpg');}
#animace04 {background: url('../img/animace04.jpg');}
#animacep, #animacep02, #animacep03, #animacep04 {height: 113px; background: url('../img/gvts01.jpg');}
#animacep02 {background: url('../img/gvts02.jpg');}
#animacep03 {background: url('../img/gvts03.jpg');}
#animacep04 {background: url('../img/gvts04.jpg');}
.text {margin-top: 130px; margin-left: 40px; width: 430px; text-align: left; line-height: 1.5;}
.slideshow { margin: auto }
.slideshow a { color: #000000; text-decoration: none; }
.slideshow a:hover { color: #81ae01;}

/* formulare ---------------------------------------------------------------------- */
label, input, select, textarea {display: block; width: 200px; height: 16px; float: left; margin: 2px; font-family: sans-serif; font-size: 9pt;}
label {text-align: right; width: 190px; padding-right: 10px; text-align: right;}
input, textarea, .formular {margin-right: 10px; padding-left: 2px; border: 1px solid #b2b2b2; 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: sans-serif; font-size: 8pt; padding: 0px; padding-left: 2px;}
.tlacitko, .formularm .tlacitko {padding: 5px; width: 140px; height: 26px; border: 0 none; text-align: left; background: #ffffff; color: #2087d8; font-weight: bold; cursor: hand; cursor: pointer;}
.formularm label, .formularm input, .formularm select, .formularm textarea {display: block; width: 100px; height: 16px; float: left; margin: 2px; font-family: sans-serif; font-size:9pt;}
.formularm label {text-align: right; width: 50px; padding-right: 10px; text-align: right;}
.formularm input, .formularm textarea {margin-right: 10px; padding-left: 2px; border: 1px solid #b2b2b2; background: #ffffff; width: 120px;}
.formularm textarea {width: 520px; height: 60px; overflow: hidden;}

/* paticka ---------------------------------------------------------------------- */
#paticka {width: 880px; height: 80px; color: #ffffff; text-align: right; padding: 15px 30px 15px 30px; line-height: 1.8;}
#paticka a.nic {color: #ffffff; background: none; padding: 0; text-decoration: underline;}
#paticka a:hover.nic {color: #81ae01;}
#paticka a {background: url('../img/teckym.gif') no-repeat top right; color: #758fab; text-decoration: none; padding-left: 8px; padding-right: 8px;}
#paticka a:hover {color: #ffffff;}

/* ostatni ---------------------------------------------------------------------- */
.noram  {padding: 0px; border: 0px; margin: 0px;}
#nic  {display: none;}
.ram, .ramp, .gallery img {padding: 1px; border: 3px solid #e0e0e0; margin: 2px; background: #ffffff;}
.ramp {float: right; margin-left: 25px; margin-bottom: 10px;}
.linka  {background: url('../img/tecky.gif') repeat-x center; width: 100%; height: 15px;}
.clearboth {clear: both; padding: 10px; margin: 0;}

/* galerie ---------------------------------------------------------------------- */
.prvky .galerie {list-style: none; padding: 0px; border: 0px; margin: 0px;}
.prvky .galerie li {padding: 0;	margin: 0; float: left; position: relative; width: 154px; height: 112px; }
.prvky .galerie img {border-color: #e0e0e0; padding: 1px; border: 3px solid #e0e0e0; margin: 2px;}
.prvky .galerie li a:hover img {border-color: #81ae01;}
.prvky .galerie em {position: absolute; top: 70px; left: 6px; width: 141px; height: 30px; background: url('../img/modra.jpg') no-repeat center bottom; 
	display: none; font-style: normal; text-align: center; line-height: 1.0; padding-top: 6px;}
.prvky .galerie a { text-decoration: none; color: #ffffff; cursor: help;}
.prvky .galerie a:hover em {display: block;}