/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 65%/1.4 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #ffffff; background: #BAE2FF url(img/sys/bg_body.jpg) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #0E1B52; padding: 0; font-weight: normal; line-height: normal }
h1 { font-size: 220%; color: #FFCA08; clear: both; margin: 0.8em 0 1em 0 }
h2 { font-size: 170%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 160%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 150%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #FFCA08 }
a:link { color: #FFCA08 }
a:hover { color: #0E1B52; text-decoration: none }
p { margin: 1em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /zakladni prvky */

/* zakladni tridy */
.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 }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/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: 990px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: transparent url(img/sys/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto }
#main-in { background: transparent url(img/sys/bg_main_in.jpg) no-repeat 0 0 }

#zahlavi { position: absolute; left: 0; top: 0; width: 100%; background: transparent url(img/sys/bg_zahlavi.jpg) no-repeat 108px 0 }
#zahlavi-in {
    height: 332px;
    margin: 0 107px 0 108px;
    position: relative
}

#content {
    width: 775px;
    height: 827px;
    margin: 0 107px 0 108px;
    background: transparent url(img/sys/bg_content.gif) repeat-x 0 332px
}
html>body #content { min-height: 827px; height: auto }
#content-in { padding: 342px 30px 80px 30px }

#panel {
    float: left;
    width: 200px
}
#panel-in { padding: 332px 10px 80px 10px }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px
}
#zapati-in { margin: 0 107px 0 108px; background-color: #7CABDE }
/* /layout - zaklad */

/* layout - special */
.home #content { background: transparent url(img/sys/bg_content_home.jpg) no-repeat 0 332px }
#main.home { background: none }
#logo, #logo span { display: block; position: relative; left: 54px; top: 102px; width: 139px; height: 66px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.jpg) no-repeat 0 0 }



#menu {background: #E9B503 url(img/sys/bg_menu.jpg) no-repeat 0 0;  margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 266px; width: 100%; height: 66px;}
#menu li { float:left; display:block; width:111px; height:66px; }

#menu a { position:relative;display:block; width:109px; height:66px; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-transform:uppercase; text-decoration:none; color: #000000;}
#menu a:hover { color:#FFFFFF;}
#menu #m4 { width: 109px}
#menu span { position:absolute; margin:25px 0 0 0; display:block; width:109px; text-align:center; cursor:pointer;}
.twolines { margin-top:18px !important;}

/*
#menu li { float:left; display:block; width:111px; text-align:center; position: relative;}
#menu #m4 { width: 109px}

#menu a { display:block;  width:109px; height:66px; font-weight: bold; text-transform:uppercase; text-decoration:none; color: #000000; background-color:#00CC00;}
#menu a span{}
#menu a { display:block; height:66px; vertical-align:middle;}
#menu>li a{  display:table-cell; vertical-align:middle;}
#menu a:hover { color: #ffffff }

/*
#menu { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 266px; width: 100%; height: 66px }
#menu li { float: left; width: 111px; text-indent: -999em; overflow: hidden }
#menu #m4 { width: 109px }
#menu a { color: #000000; background: #E9B503 url(img/sys/bg_menu_a.gif) no-repeat 0 0; display: block; width: 100%; height: 66px; line-height: 66px; font-weight: bold; text-align: center }
#menu a:hover { color: #ffffff }

#m1 a:hover, #m1 a:focus, #m1.active a { background-position: 0 -66px !important }
#m2 a { background-position: -111px 0 !important }
#m2 a:hover, #m2 a:focus, #m2.active a { background-position: -111px -66px !important }
#m3 a { background-position: -222px 0 !important }
#m3 a:hover, #m3 a:focus, #m3.active a { background-position: -222px -66px !important }
#m4 a { background-position: -333px 0 !important }
#m4 a:hover, #m4 a:focus, #m4.active a { background-position: -333px -66px !important }
#m5 a { background-position: -442px 0 !important }
#m5 a:hover, #m5 a:focus, #m5.active a { background-position: -442px -66px !important }
#m6 a { background-position: -553px 0 !important }
#m6 a:hover, #m6 a:focus, #m6.active a { background-position: -553px -66px !important }
#m7 a { background-position: -664px 0 !important }
#m7 a:hover, #m7 a:focus, #m7.active a { background-position: -664px -66px !important }
*/
#langs { position: absolute; right: 10px; top: 25px }
#langs img { border: 1px solid #4C81CB }
#langs a:hover img { border: 1px solid #ffffff }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 10px; right: 10px }

#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#zapati p { margin: 0 2em; height: 40px; line-height: 40px; color: #ffffff }
#zapati a { color: #ECCF04; text-decoration: none }
#zapati p em { float: right; font-style: normal }
/* /layout - special */

/* ostatni tridy pro web */
#welcome { width: 400px; float: left }
#welcome h1, #welcome h1 span { display: block; clear: none; position: relative; width: 239px; height: 21px; overflow: hidden; text-indent: -999em }
#welcome h1 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h1_welcome.gif) no-repeat 0 0 }
#welcome img { border: 1px solid #10307B; margin-top: 3em }
#welcome.w-cz h1, #welcome.w-cz h1 span { width: 197px; height: 28px }
#welcome.w-cz h1 span { background: transparent url(img/sys/h1_welcome_cz.gif) no-repeat 0 0 }

#aktualne { float: right; width: 280px }
#aktualne h2, #aktualne h2 span { display: block; margin-bottom: 1.2em; position: relative; width: 110px; height: 15px; overflow: hidden; text-indent: -999em }
#aktualne h2 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h2_aktualne.gif) no-repeat 0 0 }
/*#aktualne span { color: #FFCA08 }*/
/*#aktualne a { color: #FFCA08; font-weight: bold; text-decoration: none }*/
/*#aktualne a:hover { color: #0E1B52; text-decoration: none }*/
#aktualne span { color: #0E1B52 }
#aktualne a { color: #0E1B52; font-weight: bold; text-decoration: none }
#aktualne a:hover { color: #FFCA08; text-decoration: none }
#aktualne p { color: #0E1B52; line-height: normal }
#aktualne.a-cz h2, #aktualne.a-cz h2 span { width: 142px; height: 17px }
#aktualne.a-cz h2 span { background: transparent url(img/sys/h2_aktualne_cz.gif) no-repeat 0 0 }

#flotila { float: left; width: 410px; position: relative }
#flotila h2, #flotila h2 span { display: block; margin-bottom: 1.2em; position: relative; width: 87px; height: 15px; overflow: hidden; text-indent: -999em }
#flotila h2 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h2_flotila.gif) no-repeat 0 0 }
#flotila ul { margin: 0 0 0 1em; padding: 0; list-style: none }
#flotila li { float: left; width: 116px; display: inline; margin: 0 0.3em; text-align: center; color: #0E1B52 }
#flotila img { border: 3px solid #ffffff }
#flotila a:hover img { border: 3px solid #FFCA08 }
#flotila.f-cz h2, #flotila.f-cz h2 span { width: 87px; height: 16px }
#flotila.f-cz h2 span { background: transparent url(img/sys/h2_flotila_cz.gif) no-repeat 0 0 }
.f-cz a { color: #0E1B52; font-weight: bold; text-decoration: none }
.f-cz a:hover { color: #FFCA08; text-decoration: none }

#button-prev, #button-next { position: absolute; top: 56px; border: 1px solid #ffffff !important }
#button-prev { left: 0 }
#button-next { right: 0 }
a:hover #button-prev, a:hover #button-next { border: 1px solid #FFCA08 !important }

#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.news h4 { margin-top: 0.1em }
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
/*.rubrika_title { background: #eeeeee }*/
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip 
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root br { display: none;}
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */


.ohraniceni { border: 1px solid #ffffff; float: left; margin: 0 1.3em 1em 0 }

#air-banner { float: right; background: #0d1647 url(img/sys/bg_banner.jpg) repeat-x 0 0; width: 300px; margin-top: 30px; padding: 0 0 10px 10px; font-size: 110% }
#air-banner h2 { color: #FFCA08; font-size: 120% }
#air-banner h2 span { color: #fff }
#air-banner a { color: #FFCA08 }
#air-banner a:hover { color: #fff }