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

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

body.body { text-align: center; color: #646464; padding: 0 0 50px 0; background: #fff url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #000f64; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 300%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 170%; color: #001432; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 130%; margin: 1.7em 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: #000f64 }
a:link { color: #000f64 }
a:hover { color: #ed1c24; text-decoration: none }
p { margin: 1em 0 1.5em 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 #a0a0a0 }
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 }
.cistic { clear: both }
.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-wrapper { background: #fff url(img/sys/bg_main_wrapper.gif) repeat-x 0 0 }

#main {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: transparent url(img/sys/bg_main.jpg) no-repeat 0 114px
}

#header { position: absolute; left: 0; top: 0; width: 980px; height: 114px; background: transparent url(img/sys/bg_header.jpg) no-repeat 0 0 }

#content {
    float: left;
    width: 661px;
    overflow: hidden
}
#content-in { padding: 230px 15px 60px 10px }

#panel {
    float: right;
    width: 319px
}
#panel-in { padding: 211px 23px 50px 0 }

#footer {
    width: 100%;
    background: #001432 url(img/sys/bg_footer.jpg) no-repeat 50% 0
}
#footer-in { color: #fff; width: 940px; margin: 0 auto; text-align: left }
/* /layout - zaklad */

/* layout - special */
#main.home #header { height: 435px }
#main.home #content-in { padding: 450px 28px 50px 21px }
#main.home #panel-in { padding: 450px 23px 50px 0 }

#columns { width: 100%; overflow: hidden }
#column-l { float: left; width: 286px }
#column-r { float: right; width: 298px }

#logo, #logo span { display: block; position: relative; left: 10px; top: 36px; width: 349px; height: 52px; overflow: hidden; text-decoration: none; cursor: pointer; outline: none }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#menu-wrapper { position: absolute; right: 0; top: 60px; z-index:10 }

#menu ul { margin: 0; padding: 0; list-style: none }
#menu li { float: left }
#menu a { color: #fff; font-weight: bold; float: left; display: block; height: 25px; padding: 0 14px 0 5px; text-decoration: none; background: transparent url(img/sys/bullet2.gif) no-repeat right 4px; margin-right: 5px }
#menu a:hover, #menu a.active { color: #4c7ced }

/* submenu panel */
.submenu ul { margin: 1em 0 1.5em 0; padding: 0; list-style: none }
.submenu ul li { padding: 0 0 4px 11px; background: transparent url(img/sys/bullet3.gif) no-repeat 0 5px }
.submenu ul ul { margin: 0.5em 0 0 0; }
.submenu a.active { font-weight: bold }
/* /submenu panel */

#langs { position: absolute; right: 0; top: 18px }
#langs img { border: 1px solid #001432; margin: 0 0 0 2px }
#langs a:hover img { border: 1px solid #2750c0 }

#top-links { font-size: 90%; color: #fff; position: absolute; right: 50px; top: 17px }
#top-links a { color: #fff }
#top-links em a { color: #ed1c24; font-weight: bold }

#meta { color: #fff; font-size: 90%; width: 936px; position: absolute; left: 21px; top: 190px }
#meta a { color: #fff }
#meta span { float: right }

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

/*#navbox { width: 100%; overflow: hidden }*/
#navbox { color: #fff; position: absolute; left: 21px; top: 190px; margin: 0; width: 945px }
#navbox a { color: #fff }
#cesta { float: left; font-size: 90%; margin: 0 0 5px 0; color: #fff }
#navigace { float: right; margin: 2px 3px 0 0; font-size: 90%; color: #fff }

#slideshow { width: 100%; height: 321px; line-height: normal; font-size: 0; position: absolute; left: 0; top: 114px; z-index: 1 }
#flash { position: absolute; height: 300px; width: 330px; top: 155px; right: 0; z-index: 2 }
#flashheadline { position:absolute; color:#FFF; left:665px; top:130px; z-index:3; font-size:15px; font-weight:bold;}

#f-kalkulator { float: left; width: 470px }
#f-kalkulator h4 { color: #fff; font-size: 170%; margin: 0; padding: 1em 0 }
#f-kalkulator td { padding: 0 1em 0.4em 0 }
#f-kalkulator input { /*width: 129px;*/ height: 24px; line-height: 24px; border: 0; margin: 0 0.5em 0 0; padding: 0 5px; background: transparent url(img/sys/input.gif) no-repeat 0 0 }
#f-kalkulator .button-spocitat { width: 139px !important; height: 33px !important; padding: 0 !important }

#kontakt { float: right; width: 345px; margin: 10px 0 0 0; padding: 0 0 0 20px; border-left: 1px solid #808ca2; font-size: 90% }
#kontakt a { color: #fff }
#kontakt table { margin: 1em 0 }
#kontakt td { padding: 0 1.5em 0.3em 0; vertical-align: top }

#copyright { color: #001432; font-size: 90%; margin: 0; position: relative; bottom: -25px }
#copyright a { color: #001432 }
#copyright span { float: right }
/* /layout - special */

/* ostatni tridy pro web */
h1.nadpis { color: #fff; position: absolute; left: 21px; top: 140px; margin: 0 }

.infobox { padding: 10px; border-left: 10px solid #ff0000; background-color: #d2d2d2 }
.infobox h3 { color: #ff0000; margin: 0 }
.infobox ol { margin: 1em 0 0 0; padding: 0 0 0 20px }

.blok { margin-bottom: 1.2em }
.blok ul { margin: 0.5em 0 0 0; padding: 0; list-style: none }
.blok li { padding: 0 0 4px 11px; background: transparent url(img/sys/bullet.gif) no-repeat 0 6px }
.blok li a { color: #808080; font-size: 90% }
.blok li a:hover { color: #ed1c24 }
.blok h3 { margin-top: 0; font-size: 150% }

h2 em { font-size: 55%; font-weight: bold; position: relative; right: -5px; top: -10px }
h2 em a { color: #ed1c24 }

.bullet { margin: 1em 0 1.5em 0; padding: 0; list-style: none }
.bullet li { padding: 0 0 4px 11px; background: transparent url(img/sys/bullet3.gif) no-repeat 0 5px }

#content .t-vypocet {  }
#content .t-vypocet td { padding: 0 10px 5px 0 }
#content .t-vypocet td span { color: #63a70a; font-size: 150% }
#content .t-vypocet td span b { font-size: 130% }

.red, .red a { color: #ed1c24; font-weight: bold }

#f-kalkulator2 { margin: 1em 0 1.5em 0; padding: 1em; background-color: #f0f0f0 }
#f-kalkulator2 h4 { color: #fff; font-size: 170%; margin: 0; padding: 1em 0 }
#content #f-kalkulator2 td { color: #000; padding: 0 1em 0.4em 0 }
#f-kalkulator2 input { /*width: 129px;*/ height: 25px; line-height: 25px; border: 0; margin: 0 0.5em 0 0; padding: 0 5px; background: transparent url(img/sys/input2.gif) no-repeat 0 0 }
#f-kalkulator2 .button-spocitat { width: 139px !important; height: 33px !important; padding: 0 !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% }

#kalk-vysledeky { display: none }
#kalk-vysledeky small { font-size: 70% }
#kalk-vysledeky table td.kalk-b { color: #EE1C23; font-size: 160%; font-weight: bold }
#kalk-vysledeky tabel td.kalk-b small { font-size: 80% }
/* /ostatni tridy pro web */

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

/* novinky */
.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, .nw_date, .nwc_date { font-size: 90%; color: #646464; font-style: italic }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }

.news { padding: 0 0 /*0.6em*/0 0; /*border-bottom: 1px solid #a0a0a0*/ }
.news h4 { font-size: 150%; margin: 0 0 0.3em 0 }
.news h4 a { text-decoration: none }
.news img { padding-bottom: 5px }
.news .nw_text { font-size: 100% }
.news hr { border-bottom: 1px solid #a0a0a0; /*padding-top: 10px*/ }
/* /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_rtf { background: url(cms/img/ico/rtf.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 }
#page-attachment .thumb { float: left; margin: 2px 5px 2px 2px }
#page-attachment .thumb img { border: 1px solid #cccccc }
/* /prilohy */

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

.blog { color: #ed1c24 !important }

#content .t-01 {  margin: 0.5em 0; padding: 1px; line-height: normal }
#content .t-01 th { padding: 7px 10px; border: 1px solid #fff; border-width: 1px; text-align: center; background-color: #000f64; vertical-align: middle; color: #fff }
#content .t-01 td { padding: 4px 10px; border: 1px solid #fff; border-width: 1px 1px 1px 0; background-color: #f0f0f0; text-align: center; vertical-align: top }

#columns h2 { margin-bottom: 33px }
#column-l p { line-height: 1.65 }
#column-r h2 a { text-decoration: none; color: #001432 }
#column-r h2 a:hover { text-decoration: underline; color: #ed1c24 }

#question-form { margin: 1em 0 1.5em 0; padding: 1em; background-color: #f0f0f0 }
#content #question-form td { color: #000; padding: 0 1em 0.4em 0 }
#question-form input { height: 25px; line-height: 25px; /*border: 0;*/ margin: 0 0.5em 0 0; padding: 0 5px; /*background: transparent url(img/sys/input2.gif) no-repeat 0 0*/ }
#question-form .button-odeslat { width: 139px !important; height: 33px !important; padding: 0 !important }
/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */