html, body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; background: #ffffff; font-size: 12px; behavior: url(hover.htc); }
/*---------- obecne --------------*/
h1,h2,h3,h4,h5,h6 { color: #aa3632; }
p { color: #666666; padding: 0px; margin: 10px 0 20px 0; font-size: 12px; text-align: justify; line-height: 18px; z-index: 1; }
h1 { font-size: 22px; font-weight: normal; margin: 0 0 20px 0; padding: 0px; }
h2 { font-size: 18px; font-weight: normal; margin: 20px 0 10px 0; }
h3 { font-size: 16px; font-weight: normal; padding: 0; margin: 25px 0 5px 0px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
ul { list-style-type: none; line-height: 18px;}
li { list-style-type: none; padding: 0; margin: 0; }
a { color: #aa3632; border: 0; text-decoration: underline;}
a:hover { text-decoration: none;}
/*---------- layout --------------*/
#background {background: #ffffff;}
#obsah { margin: 0 auto; width: 900px; text-align: left; padding: 0; position: relative; }
#nadhlavicka { margin: 0 auto; width: 900px; height: 110px; padding: 0; background: url(img/nadhlavicka.jpg) right bottom no-repeat #ffffff; }
#hlavicka { margin: 0; background: url(img/hlavicka.jpg) left top no-repeat #ffffff; width: 900px; height: 241px; padding: 0; }
#logo { width: 250px; height: 82px; position: absolute; left: 20px; top: 25px; }
#logo img { border: 0px;}
#header_nadpisy { font-family: Tahoma, Arial, Helvetica, sans-serif; width: 590px; position: absolute; right: 25px; top: 25px; }
#header_nadpisy .radek_prvni { font-size: 20px; color: #003e7e; font-weight: normal; margin: 0; padding: 0px; text-align: right; }
#header_nadpisy .radek_druhy { font-size: 15px; color: #aa3632; font-weight: bold; margin: 0; padding: 0px; text-align: right; }
#adresa { width: 150px; height: 20px; position: absolute; left: 430px; top: 5px; }
#adresa a { font-size: 15px; color: #ababab; font-weight: bold; margin: 0; padding: 0px; text-decoration: none; }
#adresa a:hover { font-size: 15px; color: #ababab; font-weight: bold; margin: 0; padding: 0px; text-decoration: underline; }
/*---- levé menu -----*/
.lm { font-size: 12px; padding: 0px; margin: 20px 0 0 0; text-align: left; }
.lm ul { list-style: none; }
.lm ul li { float: left; display: block; text-align: left; position: relative; padding: 3px 20px 3px 20px; background: none; }
.lm li { /* all list items */ float: left; display: block; padding: 3px 20px 3px 20px; margin: 0px; width: 180px; background: url(img/li.jpg) 195px center no-repeat; position: relative; text-align: left; border-bottom: 1px solid #e2e2e2; z-index: 10; }
.lm li a { font-size: 12px; font-weight: normal; color: #003e7e; margin: 0px; padding: 0; font-weight: normal; text-decoration: none; }
.lm li a:hover { font-size: 12px; font-weight: normal; color: #aa3632; font-weight: normal; text-decoration: none; }
.lm li ul { /* second-level lists */ position: absolute; top: -2px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers *//* using left instead of display to hide menus because display: none isn't read by screen readers */
opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; }
.lm li ul ul { /* third-and-above-level lists */ }
.lm li ul ul { /* third-and-above-level lists */ left: -999em; }
.lm li a:hover { color : #aa3632; top: 0px; }
.lm li:hover ul ul, .lm li:hover ul ul ul, .lm li:hover ul ul ul ul, .lm li.sfhover ul ul, .lm li.sfhover ul ul ul , .lm li.sfhover ul ul ul ul
{ left: -999em; top: -10px; }
.lm li:hover ul, .lm li li:hover ul, .lm li li li:hover ul, .lm li li li li:hover ul, .lm li.sfhover ul, .lm li li.sfhover ul, .lm li li li.sfhover ul, .lm li li li li.sfhover ul
{ /* lists nested under hovered list items */ left: 205px; top: 0px; padding: 0px; margin: 0px; background: #efefef; border: 1px solid #d6d6d6; }
.lm li li:hover ul, .lm li li li:hover ul, .lm li li li li:hover ul, .lm li li.sfhover ul, .lm li li li.sfhover ul, .lm li li li li.sfhover ul
{ /* lists nested under hovered list items */ background: none; top: -1px; }
.toplist {margin: 20px 0 10px 0; padding: 10px 0 0 0; background: url(img/prvni.png) left top no-repeat; width: 221px; height: 45px; position: relative; text-align: center;}
.toplist ilayer { position: absolute; top: 0px; left: 88px; width: 40px; height: 20px;}
.toplist .visitors { position: absolute; bottom: 10px; left: 0px; width: 220px; height: 20px; text-align: center;}
/*---------- links --------------*/
#links { width: 300px; height: 28px; position: absolute; right: 20px; top: 85px; }
#links a { color: #C1C1C1; text-decoration: none; }
#links a:hover { color: #C1C1C1; text-decoration: underline; }
.links_uvod { margin: 0px; width: 75px; height: 13px; padding: 0 0 0 15px; background: url(img/domek.jpg) 0px 2px no-repeat; position: absolute; right: 190px; top: 5px; }
.links_mapy { margin: 0px; width: 60px; height: 13px; padding: 0 0 0 15px; background: url(img/mapa.jpg) 0px 2px no-repeat; position: absolute; right: 100px; top: 5px;}
.links_kontakty { margin: 0px; width: 75px; height: 13px; padding: 0 0 0 15px; background: url(img/obalka.jpg) 0px 2px no-repeat; position: absolute; right: 0px; top: 5px; }
/*---------- vyhledavani --------------*/
#hledat { width: 200px; height: 20px; margin: 12px 0 0 8px; position: relative; float: left; text-align: left;}
#textik_hledat { position: absolute; left: 5px; top: 5px; float: left; width: 60px;}
#hledat form { width: 220px; position: absolute; top: 0px; left: 0px; }
#hledat form .pole_hledani { width: 110px;}
.tlacitko { position: absolute; right: 40px; top: 0px; width: 59px; height: 21px; margin: 0px; background: url(img/hledej.jpg) left 0px no-repeat; border: 0;}
/*---- menu levá nabídka -----*/
#leva { float: left; width: 234px; padding: 0; margin: 0; background: url(img/bg-leva.jpg) left top no-repeat;}
#leva_in { margin: 0px; padding: 30px 0px 20px 0px;}
#stredni { float: right; width: 666px; background: url(img/bg-stredni.jpg) right top no-repeat; min-height: 165px; _height: 165px; padding: 0; margin: 0; position: relative; }
#stredni_in { margin: 0; padding: 50px 00px 30px 15px; font-size: 12px; color: #424242;}
#stredni_in li { padding: 0px 0px 0px 15px; color: #666666; margin: 0 0 0 20px; width: 400px; line-height: 18px; background: url(img/li.jpg) left 6px no-repeat;}
#nadpaticka { width: 900px; height: 50px; background: url(img/hrad.jpg) right bottom no-repeat; margin: 0 auto; padding: 0; }
#paticka { width: 900px; height: 25px; text-align: center; background: #003e7e; margin: 0 auto; padding: 0; position: relative; font-size: 9px; }
#paticka_in { padding: 6px 0 0 0px; color: #4781be; }
#paticka a { color: #4781be; text-decoration: underline;}
#paticka a:hover { color: #4781be; text-decoration: none;}
#paticka_text { width: 900px; line-height: 18px; text-align: center; margin: 5px auto 20px auto; font-size: 10px; }
#paticka_text a { color: #aa3632; text-decoration: underline; }
#paticka_text a:hover { color: #aa3632; text-decoration: none; }
#paticka img { border: 0px;}
#websoul { width: 64px; height: 24px; position: absolute; right: 70px; top: 55px; }
span.clearboth { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }
/************ gallery ********/
.gallery {float: right; width: 250px; margin: 20px 0px 0px 00px; padding: 5px; background: #ffffff; }
.gallery img { border: 0; }
.gallery .photomain { width: 250px; margin-bottom: 0px;}
.gallery img.doprava {float: left; border: 0;}
.gallery .photomain .photo { width: 250px; text-align: center; }
.gallery .male_nahledy { width: 80px; text-align: center; float: left;}
.gallery .vsechny_nahledy { width: 250px; margin: 0px 0px 0 00px; text-align: center; }
.gallery .male_nahledy img.small { margin: 10px 0px 0 5px; padding: 0 5px;}
.gallery2_male_nahledy { width: 162px; text-align: center; float: left; }
.gallery2_male_nahledy a { border: none; }
.gallery2_male_nahledy a img { margin: 10px 0px 15px 0px; padding: 4px; border: 1px solid #DEE1E8; background: #ffffff;}
/*------------ FILES ------------*/
table.files_t { width: 620px; border-collapse: collapse; margin: 10px 0 20px 0px; }
table.files_t th { background: #003E7E; color: #ffffff; padding: 3px 3px 3px 5px; text-align: left; font-size: 11px;}
table.files_t th.nazev { width: 50%; }
table.files_t td { padding: 3px 3px 3px 5px; border-bottom: 1px solid #003E7E; font-size: 11px; color: #666666;}
table.files_t td a { font-size: 11px; color: #aa3632; text-decoration: underline;}
table.files_t td a:hover { font-size: 11px; color: #aa3632; text-decoration: none;}
table.files_t td a img {border: none;}
/*------------- novinka --------------------*/
.novinka { float: left; width: 300px; height: 170px; margin: 10px 10px 0px 0px; padding: 0px; background: none; border: 1px solid #e2e2e2; position: relative; }
.novinka:hover { float: left; width: 300px; height: 170px; margin: 10px 10px 0px 0px; padding: 0px; background: #fafafa; border: 1px solid #e2e2e2; position: relative; }
.novinka_in { padding: 15px 15px 55px 15px; }
.kalendar { float: left; width: 45px; height: 40px; margin: 0 10px 6px 0; padding: 0px; background: url(img/kalendar.jpg) left top no-repeat; position: relative;}
.datum { color: #452a08; font-size: 9px; line-height: 10px; position: absolute; left: 4px; top: 15px; text-align: center; }
.nadpis_novinka { font-size: 12px; font-weight: normal; margin: 0; padding: 0; }
.nadpis_novinka a { font-size: 12px; font-weight: bold; margin: 0; padding: 0; color: #003E7E; text-decoration: underline; }
.nadpis_novinka a:hover { text-decoration: none; font-weight: bold; text-decoration: none; }
.novinka p { padding: 5px 0 0 0; margin: 0; color: #666666; text-align: left; }
.vice { position: absolute; bottom: 15px; right: 15px; }
.vice a { float: right; font-size: 12px; margin: 0; padding: 0 0 0 15px; color: #003E7E; background: url(img/li.jpg) left 5px no-repeat; text-decoration: underline;}
.vice a:hover { text-decoration: none; }
/*---------- vysledky vyhledavani -------------*/
.results { margin-top: 40px; }
.results h3 { padding: 0; margin: 0 0 8px 0; font-size: 1em;}
.results h3 span { color: #A4A4A4; font-weight: normal;}
.results h4 { padding: 5px 0 5px 15px; margin: 0 0 0 10px; font-size: 1.1em; background: url(img/pozadi_odrazka_hledani.gif) no-repeat 0 50%; }
.results h4 a.pod { color: #A4A4A4; font-size: .8em; }
/* ----------- MAPA ----------------------------*/
div.level_0 { padding-left: 15px; }
div.level_0 a { padding-left: 15px; line-height: 22px; background: url(img/li.jpg) 0px 1px no-repeat; color: #aa3632; text-decoration: none; }
div.level_0 a:hover { color: #5C9B16; text-decoration: underline; }
div.level_1 { padding-left: 15px; }
div.level_1 a { padding-left: 15px; line-height: 22px; background: url(img/li.jpg) 0px 4px no-repeat; color: #aa3632; }
div.level_2 { padding-left: 10px; }
div.level_2 a { padding-left: 10px; line-height: 22px; background: url(img/li.jpg) 0px 4px no-repeat; color: #aa3632; }
/*----------kontaktni formular ------------*/
.form_r fieldset { width: 230px; color: #666666; font-size: 12px; padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
h2.napiste_nam { color: #f07e2b; font-size: 18px; font-weight: normal; margin: 20px 0 0px 0; }
.form_r label { float: left; margin-top: 3px; width: 200px; font-size: 12px; }
fieldset .form_r select { float: left; margin-top: 3px; width: 150px; font-size: 12px; }
.form_r input { font-size: 12px; float: left; width: 265px; margin: 2px 0 2px 0; }
.form_r br { clear: both;}
.form_r textarea { margin: 3px 0 2px 0; float: left; width: 265px; }
.form_r select { margin: 3px 0 2px 0; float: left; width: 265px; }
.form_r .red, .form_r em { color: #f07e2b; margin: 0px; }
.form_r img { border: 0px; float: left; padding: 5px 5px 5px 0px; }
input.zprava { float: right; width: 59px; height: 21px; margin: 0px; background: url(img/odeslat.jpg) left center no-repeat; border: 0;}
.uspesne_odeslani { width: 270px; color: #ffffff; font-size: 12px; background: green; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatne_udaje { width: 270px; color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatny_kod { width: 270px; color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.prvni {width: 221px; height: 45px; margin: 10px 0 10px 0; padding: 0px 0 0 0; background: url(img/prvni.png) left top no-repeat; text-align: center; line-height: 16px;}
.druhy {width: 221px; height: 45px; margin: 10px 0 10px 0; padding: 8px 0 0 0; background: url(img/druhy.png) left top no-repeat; text-align: center;}
.druhy strong {color: black;}
.treti {width: 221px; height: 56px; margin: 10px 0 10px 0; padding: 5px 0 0 0; background: url(img/treti.png) left top no-repeat; text-align: center;}
.treti strong {color: black;}
.form_app fieldset { width: 600px; color: #666666; font-size: 12px; padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
.form_app label { float: left; margin-top: 3px; width: 200px; font-size: 12px; }
.form_app label.big { float: left; margin-top: 3px; width: 600px; font-size: 12px; }
.form_app input { font-size: 13px; float: left; width: 380px; margin: 2px 0 2px 0; }
.form_app input.small { font-size: 13px; float: left; width: 30px; margin: 2px 0 2px 0; }
.form_app span { font-size: 12px; float: left; margin: 2px 0 2px 0; }
.form_app input.sub { font-size: 13px; float: left; width: 120px; margin: 2px 0 2px 0; }
.form_app br { clear: both;}
.form_app textarea { margin: 3px 0 2px 0; float: left; width: 580px; }
#tisk {float: right;}
#tisk a {text-decoration: none;}
#tisk a:hover {text-decoration: underline;}
#tisk a img {margin: 5px 0 0 0; text-decoration: none; border: 0;}