body {font:75%/150% arial,sans-serif; _line-height:140%; color:#222; margin:0; padding:0; background:#EAF2FA; _text-align:center}

a {color:#05a}
a:hover {color:#3a0}

h2 {margin-top:10px; color:#3a0; margin-bottom:7px; font:200% Georgia,Serif}
h3 {font-size:120%; color:#05a}
h4 {font-size:110%}

hr {height:1px; color:#C1D8F0; background:#C1D8F0; border:0px solid #C1D8F0; clear:both}

dl dt {font-weight:bold}

fieldset {border:1px solid #B0CBE9; _padding:0 10px}
legend {font-size:120%; font-weight:bold; color:#05a}

#kontakt {background:url("../design/mapa.gif") 90% 0 no-repeat; font-size:110%}

#main {width:750px; margin:0 auto; background:#fff url("../design/hlavicka.jpg") 0 0 no-repeat; position:relative; _text-align:left}
#main:after {content:"."; display:block; line-height:1px; font-size:1px; visibility:hidden; clear:both}

#hlavicka {height:200px; position:relative}

#logo-obal {position:absolute; top:35px; left:20px}
#logo {margin:0; padding:0; position:relative; width:244px; height:59px; overflow:hidden; font-size:150%}
#logo span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:244px; height:59px; background:url("../design/logo.png") 0 0 no-repeat; _cursor:hand}

#slogan {position:absolute; top:155px; left:20px; font-weight:bold; color:#05a; font-size:110%}

#obsah {float:left; width:510px; padding:0 20px 30px 20px; _width:550px}
#obsah ul, #obsah ol {margin:20px 0 20px 20px; padding:0}
#obsah ol {_margin-left:25px}
#obsah ul li {margin:0; padding:0; list-style:none; background:url("../design/li.gif") 0 7px no-repeat; padding-left:15px}
#obsah p {text-align:justify}

#menu {float:right; width:180px; padding:0 20px 30px 0; _width:200px}
#menu:after {content:"."; display:block; line-height:1px; font-size:1px; visibility:hidden; clear:both}

.menu-top {width:180px; height:18px; background:url("../design/menu-top.gif") 0 0 no-repeat}
.menu-bottom {width:180px; height:18px; background:url("../design/menu-bottom.gif") 0 0 no-repeat; margin-bottom:15px}

.menu2-top {width:180px; height:18px; background:url("../design/menu2-top.gif") 0 0 no-repeat}
.menu2-bottom {width:180px; height:18px; background:url("../design/menu2-bottom.gif") 0 0 no-repeat; margin-bottom:15px}
.box2 {border-left:1px solid #7FCF00; border-right:1px solid #7FCF00; background:#EBFEE6; padding:0 5px}
.box2 p {margin:0}
.box2 a {color:#000}
.box2 a:hover {color:#F50}

#menu ul {margin:0; padding:0; list-style:none; border:1px solid #b0cbe9; border-top:0; border-bottom:0}

#menu ul li a {display:block; padding:2px 7px 2px 30px; text-decoration:none; background:url("../design/li3.gif") 7px 50% no-repeat; font-size:100%; _height:1px}
#menu ul li a.aktivni {font-weight:bold; color:#05a; background:#E2F1F9 url("../design/li2.gif") 7px 50% no-repeat}
#menu ul li a.aktivni:hover {color:#05a}
#menu ul li a:hover {color:#05a}

#menu ul li ul {border:0}
#menu ul li ul li a {font-size:95%; line-height:140%; font-weight:normal; color:#05a; padding:3px 10px; background:none; border-bottom:1px solid #D7E4F4}
#menu ul li ul li a.aktivni {font-weight:normal; color:#3a0; text-decoration:none; background:#E8FCE8}
#menu ul li ul li a.aktivni:hover {color:#3a0}
#menu ul li ul li a:hover {color:#3a0}

#menu ul li ul li ul {margin-left:10px}
#menu ul li ul li ul li a {font-size:95%; color:#666; font-weight:normal; padding:2px 8px; background:none}
#menu ul li ul li ul li a.aktivni {background:#f4f4f4; color:#444}
#menu ul li ul li ul li a:hover, #menu ul li ul li ul li a.aktivni:hover {color:#666}

#menu ul li a:hover {text-decoration:underline !important}

#menu h4 {margin:15px 0}

#drobecky {background: url("../design/bg2.gif") bottom left repeat-x; padding-bottom:15px; margin-bottom:15px; font-size:95%; color:#222}
#drobecky a {color:#05a}
#drobecky a:hover {color:#3a0}
#drobecky strong {color:#05a}

#subnav {font-size:95%; background:url("../design/bg.gif") 0 0 repeat-x; padding-top:5px; color:#222}
#subnav p {margin-top:5px; text-align:center !important}
#subnav a {color:#05a}
#subnav a:hover {color:#3a0}

#paticka {clear:both; font-size:95%; line-height:140%; background:#EAF2FA url("../design/paticka.png") 0 0 no-repeat; height:100px; position:relative; text-align:right}
#paticka p {position:absolute; margin:0; right:20px; top:30px; color:#6DA4DC}
#paticka a {color:#6DA4DC}
#paticka a:hover {color:#3a0}

table {_font-size:100%}

.tabulka01 {border:1px solid #B3E6B3; font-size:100%; border-collapse:collapse}
.tabulka01 th {border:1px solid #B3E6B3; background:#E8FCE8 url("../design/th.jpg") 0 0 repeat-x; color:#3a0; font-weight:bold; text-align:center; padding:5px 8px; font-size:110%}
.tabulka01 .th2 {border:1px solid #B3E6B3; color:#3a0; font-weight:normal; text-align:center; padding:3px 8px}
.tabulka01 td {border:1px solid #B3E6B3; padding:3px 8px}
.tabulka01 tr.sudy td {background:#F1FDF1}

.img01 {width:150px; height:113px; border:1px solid #ddd; padding:5px; margin:0 1px}
.img01:hover {border:1px solid #B0CBE9; background:#F3F7FC}

#img02 {width:480px; height:360px; border:1px solid #ddd; padding:10px; margin-left:7px}
#img02 img {width:480px; height:360px; border:0}

.img03 {border:1px solid #ddd; padding:5px; margin-bottom:10px}
.img03.vpravo {margin-left:10px; clear:both}

.box {border-left:1px solid #B0CBE9; border-right:1px solid #B0CBE9; padding:0 10px}
.box p {margin:0}

.img-vpravo {float:right; margin-left:15px; margin-bottom:10px; border:1px solid #ddd; padding:7px; padding-bottom:3px; _padding-bottom:7px}
.img-vlevo {float:left; margin-right:15px; margin-bottom:10px; border:1px solid #ddd; padding:7px; padding-bottom:3px; _padding-bottom:7px}
.foto {float:left; _margin:3px 1px; _border:1px solid #ddd; _padding:5px; _padding-bottom:7px}

#pokracovat-otazky {margin:0; margin-left:130px; padding:0; position:relative; width:239px; height:30px; overflow:hidden; font-size:100%}
#pokracovat-otazky a span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:239px; height:30px; background:url("../design/btn-otazky.png") -239px 0 no-repeat}
#pokracovat-otazky a:hover span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:239px; height:30px; background:url("../design/btn-otazky.png") 0 0 no-repeat}

#ico-sluzby {background:url("../design/ico-sluzby.gif") 0 50% no-repeat; padding:5px 0 0 23px}
#ico-telefon {background:url("../design/ico-telefon.gif") 0 0 no-repeat; padding-left:20px}
#ico-email {background:url("../design/ico-email.gif") 0 2px no-repeat; padding-left:20px}
#ico-ulozit {background:url("../design/ico-ulozit.gif") 0 2px no-repeat; padding-left:23px}
#ico-katalog {background:url("../design/ico-katalog.gif") 0 2px no-repeat; padding-left:23px}
#ico-tisk {background:url("../design/ico-tisk.gif") 0 2px no-repeat; padding-left:23px}
#ico-mapa {background:url("../design/ico-mapa.gif") 0 2px no-repeat; padding-left:23px}

#status-ok {margin:15px 0; clear:both; background:url("../design/ico-ok.gif") 0 50% no-repeat; padding:5px 10px 5px 23px; font-size:120%; font-weight:bold; color:#3a0}
#status-error {margin:15px 0; clear:both; background:url("../design/ico-error.gif") 0 50% no-repeat; padding:5px 10px 5px 23px; font-size:120%; font-weight:bold; color:#d00}

ol.clear li {clear:both}

/* #stavar {position:absolute; bottom:101px; right:0; width:177px; height:188px; background:url("../design/stavar.png") 0 0 no-repeat} */

.male {font-size:95% !important}

.vyrazne {background:#DFFBDF; padding:3px 0}

.vyrazne2, .vyrazne2 a {color:#3a0}
.vyrazne2 a:hover {color:#05a}

.vyrazne3, .vyrazne3 a {color:#05a}
.vyrazne3 a:hover {color:#3a0}

.noborder {border:0}

.velke {font-size:110%}
.velke2 {font-size:120%}

.siroke {font-weight:bold} 

.stred {text-align:center !important}

.vlevo {float:left}
.vpravo {float:right}

.tar {text-align:right}

.clear {clear:both}

.nomt {margin-top:0 !important}
.nom {margin:0 !important}

.noscreen {display:none}