/* 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: 75%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }

body.body { text-align: center; color: #000000; background: #E2F1FF url(img/sys/bg_body.jpg) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #004A91; font-family: Georgia, "New York CE", utopia, serif; padding: 0; line-height: normal; font-variant: small-caps; font-weight: normal }
h1 { font-size: 260%; color: #E2001A; clear: both; margin: 0.6em 0 0.5em 0 }
h2 { font-size: 195%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 145%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 125%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #E2001A }
a:link { color: #E2001A }
a:hover { color: #004A91; 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: 92% }
/* /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; border: 1px solid #d7d7d7 }
.fri { float: right; margin: 0 0 1em 1.3em; border: 1px solid #d7d7d7 }
.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: 92% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 800px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background-color: #ffffff
}
html>body #main { min-height: 100%; height: auto }

#zahlavi { position: absolute; left: 0; top: 0; width: 100%; background: #004A91 url(img/sys/bg_zahlavi.jpg) no-repeat left bottom }
#zahlavi-in {
    height: 330px;
    position: relative;
    background: transparent url(img/sys/bg_zahlavi_in.gif) repeat-x 0 0
}

#content {
    width: 800px;
    height: 750px
}
#main.panel #content { width: 580px; float: left; overflow: hidden }
html>body #content {  min-height: 750px; height: auto }
#content-in { padding: 330px 30px 130px 30px }


#panel {
    float: right;
    width: 200px;
    right: 10px;
    position: relative
}
#panel-in { margin: 380px 0 0 0; padding: 0 10px 0 10px/*; padding: 380px 15px 10px 10px*/ }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #E2F1FF url(img/sys/bg_zapati.gif) no-repeat 0 0
}
#zapati-in { height: 80px; position: relative }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; top: 24px; width: 410px; height: 55px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 54px; left: 550px; width: 230px; height: 44px; background: transparent url(img/sys/bg_searchform.gif) no-repeat left bottom }
#searchform input { float: left; display: inline; margin: 1px 0 0 1px; border: 0; background-color: #ffffff; padding-left: 4px; width: 183px }
.button-search { float: right !important; width: 29px !important; height: 22px !important }

#menu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 104px }
#menu li { float: left; margin: 0 1px 0 0 }
#menu a { color: #003399; display: block; float: left; height: 26px; line-height: 26px; padding: 0 14px 0 13px; text-decoration: none; border-left: 1px solid #A3C4E3; background: #C6DEF4 url(img/sys/bg_menu.gif) no-repeat right top }
#menu a:hover { background-color: #BDD3E8; background-position: right -26px }
#menu a.active, #menu a.active:hover { color: #ffffff; background-color: #71637D; border-left: 1px solid #554A60; background-position: right -52px }

.submenu ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 14px; top: 136px }
.submenu li { display: inline; margin: 0 1.5em 0 0 }
.submenu a { color: #E2F1FF; text-decoration: none }
.submenu a:hover, #submenu a b { color: #fff }

#welcome { position: absolute; left: 30px; top: 175px; width: 430px }
#welcome h3 { color: #FFCC00; font-size: 195%; margin-top: 0 }
#welcome p { color: #ffffff; line-height: 1.7 }

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

#zapati p { color: #ffffff; margin: 0; padding: 1.2em 30px 0 30px }
#zapati p small { float: right; font-style: normal }
#zapati a { color: #E2F1FF }
/* /layout - special */

/* ostatni tridy pro web */
.ul-bullet { margin: 1em 0; padding: 0 0 0 1.4em; list-style: none }
.ul-bullet li { padding: 0 0 0.4em 1.7em; background: transparent url(img/sys/ico_bullet.gif) no-repeat 0 4px }

#content-left { float: left; width: 490px }

#aktualne { margin-top: 2em; padding: 0 0 0 0 /*200px*/; height: 150px; /*background: transparent url(img/sys/bg_aktualne.jpg) no-repeat 0 0*/ }
html>body #aktualne { min-height: 150px; height: auto }
#aktualne h1 { margin-top: 0 }

#akce-seminare { float: right; width: 230px; margin-top: 2.5em; background: #E2F1FF url(img/sys/bg_akce_seminare.gif) repeat-x 0 0 }
#akce-seminare-in { height: 355px; background: transparent url(img/sys/bg_akce_seminare_in.gif) no-repeat left bottom }
html>body #akce-seminare-in { min-height: 355px; height: auto }
#akce-seminare h3 { margin-top: 10px; padding: 3px 0 3px 14px; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 140%; background-color: #CCE1F4 }
#akce-seminare p { margin: 0 14px; padding: 1em 0; font-size: 92%; border-bottom: 1px solid #8EB3D7 }
#akce-seminare p strong { font-size: 110%; text-indent:17px; background: url(img/sys/ico_akce.gif) 0 3px no-repeat; display:block; margin:0; padding:0;}

#partneri { float: right; width: 200px; margin-top: 0em; text-align: center; border-bottom: 5px solid #554A60; background-color: #E2F1FF }
#partneri h3 { margin-top: 10px; padding: 3px 0 3px 14px; text-align: left; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 140%; background-color: #CCE1F4 }
#partneri img { margin: 0.5em 0 }

#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% }

/*#content #address #partneri table, #content #address .kont_filtry { width: 200px }
#content #address table { width: 500px }*/
/* /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 }

.nw_datum { float: right; font-size: 80%; font-style: italic; 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 5px 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 }

h2.dwn, h3.dwn { margin-top: 20px }
/* /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 */

/*  clenove */
.kont_nazev b { float:left; margin-right:5px;}
a.certifikat { margin-left:10px; float:left; margin:0; padding:0; display:block; width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:url(img/sys/cert.gif) 0 0 no-repeat;}
/* /clenove */

.ramecek-obr { border: 1px solid #d7d7d7 }

/* novinky */
.nw_date { font-style: italic;}
.news h4 { font-family: sans-serif; font-weight: bold; font-variant: normal; font-size: 110% }
/* /novinky */