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

body { font: 70%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #6D6E71; background-color: #ffffff }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #0095D9; padding: 0; line-height: normal }
h1 { font-size: 236.5%; font-weight: normal; clear: both; margin: 0 0 0.5em 0; padding: 0.2em 0 0 0 }
h2 { font-size: 155%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #000000 }
a:link { color: #000000 }
a:visited { color: #000000 }
a:hover { color: #0095D9; 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 #969494; 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;
    margin: 30px auto 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.jpg) repeat-x left bottom
}
#main-in { height: 825px; background: transparent url(img/sys/bg_main_in.jpg) repeat-x 0 0 }
html>body #main-in { min-height: 825px; height: auto }

/*#zahlavi { position: absolute; left: 0; top: 0; width: 990px; background: transparent url(img/sys/bg_zahlavi.gif) no-repeat right 38px }*/
#zahlavi { position: absolute; left: 0; top: 0; width: 990px; background: transparent url(img/sys/bg_zahlavi.jpg) no-repeat right -29px }
#zahlavi-in {
    height: 115px;
    position: relative;
    background: transparent url(img/sys/bg_zahlavi_in.gif) no-repeat 254px 69px
}

#content {
    float: right;
    width: 736px;
    height: 545px;
    margin: 0 0 165px 0;
    background: transparent url(img/sys/bg_content.gif) no-repeat left bottom
}
html>body #content { min-height: 545px; height: auto }
#content-in { margin: 115px 38px 30px 0; padding: 0 30px; height: 313px; background: #ffffff url(img/sys/bg_content_in.gif) no-repeat 0 0 }
html>body #content-in { min-height: 313px; height: auto }

#panel {
    float: left;
    width: 254px
}
#panel-in { padding: 120px 30px 150px 44px }
#panel h4 { font-size: 105%; color: #ffffff }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 990px;
    background: transparent url(img/sys/bg_zapati.gif) no-repeat left bottom
}
#zapati-in { height: 150px; margin: 0 38px 0 44px; position: relative }
/* /layout - zaklad */

/* layout - special */
.home #content { margin-bottom: 0 }
.home #content-in { padding: 0; background: none }
.full #content-in { padding: 0 }

#logo, #logo span { display: block; position: relative; left: 22px; top: 0; width: 221px; height: 95px; 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 }

#langs { position: absolute; right: 38px; top: 20px; font-size: 90% }
#langs a { text-decoration: none }

#menu { margin: 0; padding: 0; list-style: none; position: absolute; right: 38px; top: 80px }
#menu li { display: inline; margin: 0 0 0 11px }
#menu a { color: #ffffff }
#menu a:hover { color: #6CCAFF }

#panel h3 { font-size: 155%; line-height: 0.9; margin-top: 1em }
#panel h3 a{ color: #0095D9; text-decoration: none }
#panel h3 a:hover { color: #000000; text-decoration: underline }
#panel h3 span { font-size: 72% }

#kategorie { margin: 0; padding: 0; height: 313px; list-style: none }
#kategorie li { border-bottom: 1px solid #ffffff }
#kategorie a { color: #ffffff; font-weight: bold; display: block; width: 175px; padding: 3px 0 3px 5px; text-decoration: none; font-size: 95% }
#kategorie a:hover, #kategorie .selected { color: #6CCAFF }

#newsletter { margin: 0 0 2.5em 0 }
#newsletter input { color: #828282; padding: 2px 1px 2px 2px; width: 174px; border: 1px solid #B4B3B3; background-color: #ffffff }
#newsletter p { margin: 0.3em 0 }
#newsletter .tar { margin: 0.5em 0; line-height: 1 }
#newsletter .tar small { float: left; text-align: left }
.button-odeslat { width: 66px !important; height: 18px !important }

#reference { margin: 0; padding: 0; line-height: normal; list-style: none }
#reference li { padding: 0 0 0.6em 0 }
#reference a { color: #0095D9; font-weight: bold } 

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

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

#z-box { position: absolute; right: 0; width: 708px }
#z-box .box { float: left; width: 226px; margin: 0 0 0 10px; display: inline }
#z-box h3 { color: #6D6E71; font-size: 155%; margin: 0 0 0.5em 0 }
#z-box p { margin: 0.5em 0 0 0; line-height: normal }

#copyright { margin: 0; position: absolute; left: 0; top: 125px; font-size: 90%; width: 908px }
#copyright em { float: right; font-style: normal }
/* /layout - special */

/* ostatni tridy pro web */
.blue { color: #0095D9 }
#full-size { padding: 0 30px }
#zero-sekce { margin: 0; line-height: 0 }
#zero-sekce img { margin: 0 4px 0 0; position: relative; top: 10px }

.panel-kontakt { float: left; width: 200px }
.tab-kontakt { float: right; width: 400px }

.t-01 { margin: 0 0 2em 0 }
#content .t-01 th { color: #0095D9; font-weight: normal; line-height: normal; text-align: right; border-bottom: 1px solid #0095D9; background-color: #ffffff }
#content .t-01 .tal { text-align: left }
.t-01 .black { color: #58585A }
#content .t-01 td { padding: 8px 0; border-bottom: 1px solid #BBBDC0 }
.t-01 a { color: #0095D9; font-size: 110%; font-weight: bold; text-decoration: none }
.t-01 a:hover { color: #58585A; text-decoration: underline }

.p-border { border-bottom: 1px solid #BBBDC0; padding: 0 0 0.5em 0 }

#panel-left { float: left; width: 495px }
#content #panel-left table td { vertical-align: top }
#panel-right { float: right; width: 121px; border-left: 1px solid #808285; padding: 0 0 0 10px; text-align: right }
#panel-right ul { margin: 1em 0; padding: 0; list-style: none }
#panel-right li { padding: 0 0 1em 0 }
#panel-right li a { text-decoration: none }

#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-in ul.subpages { list-style:none; font-size:14px; font-weight:bold;}
#content-in ul.subpages a{text-decoration:none;}
#content-in ul.subpages a:hover{text-decoration: underline;}
#content-in ul.subpages li{ background:url(img/sys/bg_pagelist-li.gif) 0 2px no-repeat; padding-left:25px; margin-bottom:10px}

div.c_typ table tr { vertical-align: top }
div.c_typ table th { color: #0095D9; font-weight: bold; text-align: left }
div.panel-prilohy { float: right; width: 125px }
div.panel-prilohy-in { border-left: 1px solid #000000; padding: 0 0 0 5px; text-align: right }
div.panel-prilohy-odkazy { font-weight: bold }

.odkaz-modry { color: #0095D9 !important; font-weight: bold; text-decoration: none }
.odkaz-modry:hover { color: #58585A !important; text-decoration: underline }
/* /ostatni tridy pro web */

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

/* novinky */
.news h4 { font-size: 120% }
.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; font-size: 120%; color: #0095D9 }
.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 */

.logo-vychova { margin: 30px 0 65px 0; padding: 0; left: -30px; position: relative; z-index: 1 }
#vychova { background: transparent url(img/vychova/vychova_mistr.gif) top right no-repeat; width: 100%; height: 100% }
#vychova span { color: #0095D9 }