/* 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 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #57575A; background-color: #ffffff }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #F68938; line-height: normal }
h1 { font-size: 190%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 160%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 140%; 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% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #F4712D }
a:hover { color: #D70000; 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 }
.fri { float: right; margin: 0 0 1em 1.3em }
.fli { float: left; margin: 0 1.3em 1em 0 }
.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 }
.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: 980px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-x 0 438px
}
html>body #main { min-height: 100%; height: auto; /*border-bottom: 1px solid #f4f4f4*/ }

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

#content {
    float: left;
    width: 650px;
    overflow: hidden
}
#content-in { padding: 451px 15px 100px 14px; text-align: justify }

#panel {
    float: right;
    width: 330px;
    margin: 451px 0 0 0;
    background: transparent url(img/sys/bg_dotted.gif) repeat-y 0 0
}
#panel-in { padding: 0 15px 100px 15px }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: transparent url(img/sys/bg_zapati.gif) repeat-x 0 0
}
#zapati-in { padding: 0 10px }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 18px; top: 280px; z-index: 10; width: 307px; height: 93px; text-indent: -9999px; overflow: hidden; 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: 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% }

#menu { margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 405px; width: 100%; height: 33px; background-color: #808285 }
#menu li { float: left; position: relative; height: 33px; background: transparent url(img/sys/bg_menu_a.gif) no-repeat right 0 }
#menu li a { display: inline; float: left; margin: 0 14px; color: #ffffff; font-size: 14px; height: 33px; line-height: 33px; font-weight: bold; text-transform: uppercase; text-decoration: none }
#menu li a:hover { color: #FF9D55 }
#menu .m-last { background: none }
/* submenu */
#menu li ul { z-index: 99; position: absolute; left: 0; top: 32px; display: none; margin: 0; padding: 0; list-style: none; border: 1px solid #808285; background: #C1C1C1 url(img/sys/bg_submenu.gif) repeat-x 0 0 }
#menu li ul li { clear: left; height: auto; background: none }
#menu li ul .m-divider { border-bottom: 1px solid #808285 }
#menu li ul li a { width: 200px; font-size: 100%; height: auto; line-height: normal; margin: 0; padding: 5px 14px; text-transform: none }
#menu li ul li a:hover { color: #ffffff; background-color: #F4712D }
#menu ul .a-black { color: #000000 }
#menu li:hover ul, #menu .over ul { display: block }

#panel h3 { color: #57575A; margin-top: 0.8em }

#zapati p { margin: 1em 0 0 0; font-size: 87%; line-height: normal }
#zapati img { position: absolute; top: 6px; right: 8px }

.short #zahlavi-in { height: 322px; background: transparent url(img/sys/bg_zahlavi.jpg) no-repeat 0 30px }
.short #logo { top: 164px }
.short .zahlavi-info { top: 135px }
.short #menu { top: 289px }
.short .searchform { top: 294px }
.short #content-in { padding-top: 342px }
.short #panel { margin-top: 342px }
#main.short { background-position: 0 322px }
/* /layout - special */

/* ostatni tridy pro web */
#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: #eeeeee }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }
.slogan { position: absolute; left: 0; top: 0; width: 100%; height: 30px; color: #ffffff; background: #F25C24 url(img/sys/bg_slogan.gif) repeat-y 0 0 }
.slogan p { margin: 0; padding: 7px 18px 0 18px; line-height: normal; text-align: right }
.slogan em { float: left; font-style: normal }
.slogan a { font-weight: bold; font-size: 95%; color: #ffffff; text-decoration: none }
.slogan a:hover { color: #f2f2f2 }
.zahlavi-info { position: absolute; top: 251px; width: 100%; height: 154px; z-index: 0; background: transparent url(img/sys/bg_zahlavi_info.gif) repeat-x 0 0 }
.titulek-info { position: absolute; left: 345px; width: 290px; height: 124px; margin: 15px 0; padding: 0 0 0 15px; line-height: normal; background: transparent url(img/sys/bg_dotted.gif) repeat-y 0 0 }
.titulek-info h3 { margin-top: 0.5em }
.titulek-info .taj { font-size: 90%; margin: 0; padding-right: 15px }
.titulek-odkazy { position: absolute; right: 15px; width: 299px; height: 124px; margin: 15px 0 0 0; padding: 0 0 0 15px; background: transparent url(img/sys/bg_dotted.gif) repeat-y 0 0 }
.titulek-odkazy ul { list-style: none; margin: 0.3em 0 0 0; padding: 0 }
.titulek-odkazy li { padding: 4px 0; background: transparent url(img/sys/bg_dotted2.gif) repeat-x left bottom }
.titulek-odkazy .l-last { background: none }
.titulek-odkazy a { color: #57575A; font-size: 130%; text-decoration: none }
.titulek-odkazy a:hover { color: #F68938 }

li.zelena-usporam a { background:url(img/sys/bg_li-zelena-usporam.gif) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-9999px;}
li.zelena-usporam a:hover { background-position: 0 -28px}
div#zelena-usporam-headline { position:absolute; width:300px; left:670px; top:-80px;}
div#zelena-usporam-headline span, div#zelena-usporam-headline i { margin:5px 0 0;}
div#zelena-usporam-headline i {font-style:normal;}
div#zelena-usporam-headline a {display:block; width:300px; height:55px; text-decoration:none; color:#000; }
div#zelena-usporam-headline span { display:block; color: #F4712D; font-size:14px; font-weight:bold;}

.p-novinka { margin-bottom: 2em }
.h3-kontakt { padding: 1em 0 0 0; background: transparent url(img/sys/bg_dotted2.gif) repeat-x 0 0 }
.searchform { position: absolute; right: 15px; top: 410px; text-align: right }
html>body .searchform { top: 411px }
.searchform input { width: 140px; height: 17px; padding-left: 3px; border: 1px solid #696B6F; background: #ffffff url(img/sys/bg_input.gif) repeat-x left bottom }
.searchform .b-hledat { width: 21px; height: 21px }
#content .table-01 { border: 1px solid #F1F1F1 }
#content .table-01 th { background: #FEFEFE url(img/sys/bg_table_01.gif) repeat-x 0 0 }
.table-01 td, .table-01 th { border: 1px solid #F1F1F1; padding: 8px 10px !important }
.news-title { color: #F4712D }
.diskuse { margin: 1.3em 0; font-size: 110%; font-style: italic; color: #808285; background: #FAFAFB url(img/sys/bg_diskuse.gif) no-repeat 0 0 }
.diskuse p { margin: 0; padding: 15px 18px 35px 18px; background: transparent url(img/sys/bg_p_diskuse.gif) no-repeat left bottom }
/* /ostatni tridy pro web */

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

/* novinky */
.nw-hr { display: none }
.nw_text { padding: 0 0 1em 0; background: transparent url(img/sys/bg_dotted2.gif) repeat-x left bottom }
.nw_title { margin: 0 0 0.5em 0 }
.nw_title a {  }
.nw_title a:hover {  }
.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 { padding: 7px 10px; font-size: 90%; background-color: #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 */

/* sitemap */
#sitemap { margin: 0 0 0 1em; padding: 0; list-style: none }
#sitemap a:hover { background-color: #FFECDD !important; text-decoration: none }
#sitemap ul li { list-style: url(img/sys/bg_sitemap_li.gif) }
#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6 { color: #808285; font-weight: bold; text-transform: none; margin: 0.5em 0; font-size: 100% }
/*
#sitemap h2 {font-size: 18px !important }
#sitemap h3 {font-size: 15px !important }
#sitemap h4 {font-size: 13px !important }
*/
/* /sitemap */

/* formulare */
#form-status { padding: 5px; border: 1px solid #ff3300; background: #eeeeee; }
/* /formulare */ 

#loader { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(cms/img/loader_40x40.gif) 50% 50% no-repeat; z-index: 1000000 }
#main-banner { display:block; width:621px; height:260px}