html, body, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100%; min-height: 100% }
body { font: .75em/1.4 Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif /*70%/1.4*/ }
body.body { text-align: center; color: #000; background: #fff }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS","Bitstream Vera Sans",verdana,lucida,arial,helvetica,sans-serif; color: #0067a9; color: #0066cc; margin: 1em 0 .3em 0; font-weight: bold; padding: 0; line-height: normal; display: block }
h1 { font-size: 200% }
h2 { font-size: 130%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #266A9F }
a:link { color: #266A9F }
a:hover { color: #266A9F; color: #ff4100; text-decoration: none }
p { margin: 1em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
/* /zakladni prvky */
/* pomocne classy */
.left{ text-align: left }
.right{ text-align: right }
.center{ text-align: center }
.nowrap{ white-space: nowrap }
.float-right{ float: right }
.float-left{ float: left }
.nevid{ display: none }
.center{ text-align: center }
.red{ color: #f00 }
.nove{ color: #f00; font-style: normal }
.help{ cursor: help }
.clearboth{ clear: both; line-height: 1px; font-size: 1px; height: 1px; display: block }
.slogan{ background: #FFFAE6; padding: 3px; margin: 0px; border: 1px solid #BFAC60 }
.hlaska{ padding: 0.5em; text-align: center; color: #f00; margin: 0.5em 0; clear: both }
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clearboth{ clear: both; line-height: 1px; font-size: 1px; height: 1px; display: block }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(../obr/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */
/* layout - zaklad */
#main { width: 840px; height: 100%; margin: 0 auto; text-align: left; position: relative; /* border: 1px solid blue;*/ background: #ffffff url(../obr/pozadi-hlavni.gif) no-repeat 0 0; padding: 0 }
html>body #main { min-height: 100%; height: auto }
/**/
#hlavicka-telo { position: absolute; left: 0; top: 0; width: 100%; z-index: 20; background: transparent url(../obr/pozadi-zahlavi-r4.jpg) no-repeat 10px 0 /**/ }
#hlavicka { height: 275px; margin: 0 10px; position: relative }
#sloup-obsah-telo { float: left; width: 620px; overflow: visible; position: relative; z-index: 10; /*background: transparent url(../obr/pozadi-tecky.gif) right repeat-y;
min-height:100%; height: 100%;*/ color: #333; z-index: 1 /*
border: 1px solid red;
padding-bottom: 50px;
clear: both;*/ }
/*html>body #main, html>body #sloup-obsah-telo { min-height: 100%; height: auto }
*/
#sloup-obsah { padding: 270px 20px 1px 30px; background: transparent url(../obr/pozadi-tecky.gif) right repeat-y }
/*body[class] #sloup-obsah-in{height:auto;}*/
#sloup-navig-telo { float: right; width: 220px; position: relative; z-index: 10; color: #333 }
#sloup-navig { padding: 270px 22px 70px 17px }
#paticka-telo { position: relative; left: 0; bottom: 0; width: 100%; height: 181px; /* height: 161px;*/ margin: 0; /* background: #fff url(../obr/pozadi-zapati.gif) no-repeat left bottom;*/ background: #fff url(../obr/pozadi-zapati.gif) no-repeat left top; font-size: 92%; border: 0 }
/*#paticka {
padding: 0 10px;
padding: 0;
}*/
#paticka { margin: 0; /*padding: 1.1em 10px;*/ width: 820px; /*width: 100%;*/ position: absolute; left: 10px; bottom: 0; /*z-index: 99 !important;*/ background-color: #0067a9; /*border: 1px solid red;*/ clear: both }
/* /layout - zaklad */
/* layout - special */
.home #sloup-obsah { background: transparent url(../obr/bg_sloup-obsah_home.gif) no-repeat 12px 170px }
#logo, #logo span { display: block; position: relative; left: 28px; top: 16px; width: 202px; height: 41px; overflow: hidden; cursor: pointer; text-indent: -9999px }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(../obr/pozadi-logo.gif) no-repeat 0 0 }
#logo span:hover { background: transparent url(../obr/pozadi-logo-hover.gif) no-repeat 0 0; z-index: 888 }
/*horni viceurovnove menu*/
#navigace { width: 100%; color: #fff; height: 40px; position: absolute; left: 0; top: 75px /* border: 1px solid red; */ }
#menu { margin: 0; padding: 0; list-style: none; width: 820px; height: 40px; background: #0067a9 url(../obr/pozadi-menu-r1.gif) repeat-x 0 0 /* border: 1px solid red; */ }
#menu li { float: left; display: inline-block; position: relative; /*padding: 5px 2px 0 1px; */ background: transparent url(../obr/pozadi-menu-separ.gif) no-repeat right 0 }
#menu .m-last { background: none }
#menu a { color: #fff; font-weight: bold; /* font-size: 90%; */ display: block; height: 40px; line-height: 40px; width: 164px; text-align: center; float: left; text-decoration: none; background: transparent url(../obr/pozadi-menu-hover.gif) repeat-x 0 -40px }
#menu a:hover, #menu a:focus, #menu .menuhover { background-position: 0 0 }
#menu ul { position: absolute; left: 0; top: 40px; width: 180px; height: auto; display: none; opacity: 0; margin: 0; padding: 0; list-style: none; background-color: #0268a9 }
#menu ul li { float: none; width: 180px; text-align: left; padding: 0; /* border-bottom: 1px solid #00436E;*/ border-top: 1px solid #00436E; background: none }
#menu ul a { padding: 4px 5px 5px 10px; width: 165px; float: none; font-weight: normal; height: auto; line-height: 1.4; text-align: left; color: #fff /* background: transparent url(img/sys/bullet.gif) no-repeat 10px 10px*/ }
#menu ul a:hover { color: #fff; background: #00436E url(img/sys/bullet.gif) no-repeat 10px 10px /* display: block; */ }
/*----------*/
/*#sloup-obsah ul li{padding:0 0 3px 13px;line-height:1.2em; background: transparent url(../obr/li-sipka.gif) no-repeat 0 8px; }*/
#navbox { position: absolute; right: 20px; top: 20px; z-index: 90; /*border: 1px solid red;*/ text-align: right; width: 620px }
#paticka p { text-align: right; margin: 0; padding: 1.1em 10px; /**/ /*width: 820px;
width: 100%; position: absolute; left: 10px; bottom: 0;*/ z-index: 99 !important }
#paticka p em { float: right; font-style: normal }
#paticka p span { float: right; font-style: normal }
#paticka p a { color: #ffffff; position: relative; z-index: 999 !important }
/* /layout - special */
/* tabulka */
table{ border: 0px solid #cccccc; border-spacing: 0px; font-size: .9em; width: 100%; margin: 1em 0 1em; color: #555 }
thead,tfoot{ }
tr{ background: #fdfdfd }
tfoot td{ font-weight: bold }
th{ padding: 4px 2px; text-align: left }
tbody th,tbody td, thead th{ padding: 3px 8px; /**/ color: #555; border: 1px solid #ccc; border-left: 0; border-right: 0 }
table thead th{ padding: 5px 8px; border-bottom: 2px solid #ccc; border-top: 0 none; background: #eee; text-align: center; font-weight: normal }
td{ text-align: left }
td.s150{ width: 150px }
table td em{ float: right; font-style: normal; white-space: nowrap }
table tbody tr:hover, table tbody td:hover{ /*background: #ff9*/ : }
#sloup-obsah img{ margin-left: 1em; border: 1px solid #ffe680; padding: 2px }
/* seznamy ul dl --> */
/*ul li{ list-style: none }
#sloup-obsah ul{ list-style: none; padding-left: 10px; _width: 387px }
#sloup-obsah ul li{ padding: 0 0 3px 13px; line-height: 1.2em; background: url(../obr/sipky-m2.gif) no-repeat 0 8px }*/
#sloup-obsah ul, /*#sloup-obsah ol, */#sloup-navig ul { margin-top: 1em; margin-bottom: 1.2em; margin-left: 0; list-style: none; padding-left: 10px }
#sloup-obsah ul li { padding: 3px 0 3px 10px; line-height: 1.2; background: transparent url(../obr/li-sipka.gif) no-repeat 0 8px }
#sloup-navig li { padding: 3px 0 3px 0; line-height: 1.2 }
#sloup-obsah ol li { /**/ padding: 3px 0 3px 10px; line-height: 1.3 }
#sloup-navig ul{ font-size: 92% }
#mapa ul{ margin-left: 2em }
#mapa ul li{ padding: 0 0 3px 5px; background: none; list-style: disc }
#mapa ul li ul li{ background: none; list-style: circle }
#mapa ul li ul{ margin-left: 0 }
#sloup-obsah dl{ margin-bottom: 1em }
#sloup-obsah dl dd{ margin: 0; padding: 0 1em 0; /*border-bottom: 1px solid #ffe680; */ display: block; width: auto }
#sloup-obsah dl.dlkont dd{ width: 420px }
#sloup-obsah dl dt span{ display: block }
#sloup-obsah dl dt{ font-weight: bold }
#sloup-obsah dl dd span{ float: left }
#sloup-obsah dl img{ border: none; /* padding:2px;*/ float: right; margin-top: 10px }
#sloup-obsah dl dd img{ float: none; margin: 0 }
/* <-- seznamy ul dl */
#mawe ul { margin-left: 1.5em }
/* formular */
form{ display: block }
/*fieldset{ text-align: left; border: none; width: 460px }*/
#kontform{ font-size: 100%; padding: 15px 50px; text-align: right; visibility: visible }
/*#kontform fieldset{ border: 1px solid #00436E; border-top: 2px solid #00436E; padding: 4px 9px }*/
#kontform legend{ padding: 2px 13px }
#kontform input.text,#kontform input.hvezd, #kontform input.formred,#kontform textarea.formred,#kontform input.captcha, #kontform textarea { width: 300px; padding: 2px 0; margin: 2px; font-size: 100%; border: 1px solid #06c; font-family: "Courier New",Courier,monospace; clear: both }
#kontform input.hvezd, #kontform input.captcha,#kontform input.formred, #kontform textarea, #kontform textarea.formred{ background: url(../obr/red-star.gif) no-repeat 270px 0 }
#kontform input.captcha{ width: 110px; float: left; clear: both /* height: 90px; */ }
#kontform input.button{ text-align: center; margin: 3px; float: right /**/ }
#kontform textarea{ /*width: 220px; _float: none; clear: both; */ height: 90px }
#kontform label{ width: 120px; /*color: #000; */ margin: 2px auto 0; float: left; padding: 1px; /*color: #0067a9; border: 1px solid red*/ font-weight: normal }
#kontform label.zpr{ margin: 2px auto -4px /*_float: none */ }
#kontform input.text:hover, #kontform input.captcha:hover, #kontform input.hvezd:hover,
#kontform textarea:hover{ background-color: #fff; border-color: #ff4100; padding: 2px 0; margin: 2px }
#kontform input.text:focus, #kontform input.captcha:focus,
#kontform textarea:focus{ background-color: #fff; border: 1px solid #ff4100; font-size: 100%; padding: 2px 0; margin: 2px }
#kontform input.formred,#kontform textarea.formred{ border: 1px solid #f00 }
#kontform img{ /*margin: 0;*/ padding: 0; border: none; /*float: left; */ margin-top: 1px; margin-left: 10px; /* clear: both; */ margin-right: 80px }
/* tabulka formul */
#kontform table{ border: 0px solid #bfac60; border-collapse: collapse; border-spacing: 0px; font-size: 100%; width: 100%; margin: .5em 0 1em; background: #fff }
#kontform thead,tfoot{ }
#kontform tr{ background: #fdfdfd }
#kontform tfoot td{ font-weight: bold }
#kontform th{ padding: 4px 2px; text-align: left; /* background: #bfe9ff;*/ vertical-align: top }
#kontform th,#kontform td{ padding: 2px 4px; /**/ color: #06c; background-color: #fff; border: 0 }
#kontform td{ text-align: left }
#kontform td.s150{ width: 150px }
#kontform table td em{ float: right; font-style: normal; white-space: nowrap }
#kontform table tbody tr:hover{ }
#sloup-obsah img.kont-foto{ margin-left: 0; border: 1px solid #ccc; padding: 0px; position: absolute; right: 230px; border: 1px solid red }
#mapa{ width: 515px; height: 400px; border: 1px solid #bfac60; margin: 5px auto; background: url(../obr/mapa.png) top left }
#mapa *{ color: #000000; font-size: 10px; text-align: left; padding: 0 }
#map_canvas { width: 565px; height: 423px; border: 2px solid #06c; text-align: left }
#cesta { font-size: 90% }