/* 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: 72%/1.5 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #000000; background: #e7e7e7 url(img/sys/bg_body.gif) no-repeat 50% 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #000000; padding: 0; line-height: normal }
h1 { font-size: 210%; clear: both; margin: 0 0 0.5em 0; padding: 0; width: 100% }
h2 { font-size: 150%; font-weight: normal; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 110%; 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% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #1f527b }
a:link { color: #1f527b }
a:hover { color: #9a0000 }
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 #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 }
.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: 92% }
.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-color: #ffffff
}
html>body #main { min-height: 100%; height: auto }

#header { position: absolute; left: 0; top: 0; width: 990px }
#header-in {
    height: 106px;
    margin: 0 10px;
    position: relative;
    background: transparent url(img/sys/bg_header.gif) repeat-x 0 0
}

#content {
    float: right;
    width: 785px;
    overflow: hidden
}

#m-content { float: left; width: 540px; padding: 116px 0 130px 0 }
#r-content { float: right; width: 220px; padding: 116px 10px 130px 0 }

#panel {
    float: left;
    width: 190px
}
#panel-in { padding: 116px 0 130px 10px }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 990px
}
#footer-in { height: 80px; margin: 0 10px; position: relative; background-color: #646464 }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; width: 429px; height: 81px; 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 }
#logo span.en { background-image: url(img/sys/bg_logo_en.jpg) }

#top-links { margin: 0; padding: 0 0 0 20px; list-style: none; background: #9a0000 url(img/sys/bg_top_links.jpg) no-repeat 0 0; width: 940px; height: 25px; position: absolute; left: 0; top: 81px }
#top-links li { display: inline; height: 25px; line-height: 22px; margin: 0 20px 0 0 }
#top-links a { color: #ffffff; font-size: 92%; font-weight: bold; text-decoration: none }
#top-links a:hover { text-decoration: underline }

#menu { margin: 0 0 8px 0; padding: 0; list-style: none }
#menu li { border-bottom: 2px solid #ffffff }
#menu a { display: block; font-size: 92%; font-weight: bold; width: 174px; padding: 1px 0 2px 6px; background-color: #e5e5e5; text-decoration: none }
#menu a:hover { color: #1f527b; background-color: #d8d8d8 }
#menu .active a { color: #ffffff; background-color: #665f6e }
#menu .active a:hover { color: #ffffff; background-color: #665f6e }

#menu ul { margin: 0; padding: 0; list-style: none; background-color: #d3d3d3 }
#menu ul li { border: 0 }
#menu .active ul a { color: #1f527b; font-weight: normal; padding: 1px 5px 3px 10px; width: 165px; background: transparent }
#menu .active ul a:hover { color: #1f527b; background-color: #c0bfbf; text-decoration: underline }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 200px;}
#searchform { position: absolute; width:200px; top: 83px; left: 752px; /*right: 5px*/ }
#searchform fieldset { width:210px;}
#searchform input { border:1px solid #FFF; font-size:11px;}


#langs { position:absolute; left:705px; padding:5px 0 0}

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

#top-banner { position: absolute; right: 10px; top: 10px; width: 468px; height: 60px; overflow: hidden }
#panel-banner, #r-content-banner { margin: 0 0 10px 0; line-height: 0 }

#footer p { color: #ffffff; margin: 0; padding: 10px 15px }
#footer .a-top { font-size: 92%; position: absolute; right: 0; top: -25px; text-decoration: none; text-transform: uppercase; padding: 0 0 0 14px; background: transparent url(img/sys/ico_a_top.gif) no-repeat 0 50% }
#footer p a { color: #e5e5e5 }
#footer p a:hover { color: #ffffff }
/* /layout - special */

/* ostatni tridy pro web */
.titulka { color: #665f6e; font-size: 92%; padding: 0 0 0.3em 0; border-bottom: 1px solid #9a0000 }
.titulka .a-rss { color: #9a0000; float: right; padding: 0 23px 0 0; text-decoration: none; background: transparent url(img/sys/ico_rss.gif) no-repeat right 0 }
.titulka .a-rss:hover { color: #000000 }

#clanky { width: 100%; overflow: hidden }
#clanky h4 { margin: 0 }
#clanky .headline { margin: 1.3em 0; padding: 0 0 1.3em 0; border-bottom: 1px solid #dfdfdf; width: 100%; overflow: hidden }
#clanky .headline .thumb { float: left; margin: 0 0.9em 0.2em 0; border: 1px solid #665f6e }
#clanky .headline h4 a { font-size: 160%; line-height: normal; font-weight: bold; text-decoration: none }
#clanky .headline p { margin: 1em 0 0 0; padding: 0 }
#clanky .news { float: left; width: 260px }
#clanky .news.fr { float: right }
#clanky .news .thumb { float: left; margin: 0 0.9em 0.2em 0; border: 1px solid #665f6e }
#clanky .news a { font-weight: bold; text-decoration: none }
#clanky .news p { line-height: 1.4; clear: both; margin: 0 }
#clanky .wrapper { clear: both; margin: 0 0 1.3em 0; padding: 0 0 1.3em 0; border-bottom: 1px solid #dfdfdf }

.block { margin: 0 0 10px 0; border-top: 2px solid #c1c1c1 }
.block h3 { color: #9a0000; font-size: 110% !important; font-weight: normal; margin: 0.5em 0; text-transform: uppercase }
.block h3 a { color: #9a0000; text-decoration: none }
.block h3 a:hover { text-decoration: underline }

#anketa form { margin: 1em 0 0.5em 0; font-size: 92% }
.hlaska { color: #f00; font-weight: bold }
.anketa .odpoved { padding-left: 3px; font-weight: bold; clear:both }
.anketa .otazka { padding: 3px; margin-bottom: 10px }
.anketa .sloupec { padding-left: 3px; width:130px; float:left }
.anketa .bar { margin-top:3px; font-size:7px; float:left }
.anketa .procenta { color: #9c9c9c; padding-left: 3px; float:left }
.anketa .pocet { padding-right: 3px; float: right }
.anketa .celkem { clear: both; text-align: right; font-weight: bold; background-color: #ffffff; padding-top: 3px; padding-right: 3px; }


.kurzy-men { width: 100% }
.kurzy-men tr td { font-size: 92%; border-bottom: 1px dashed #D3D3D3 }
.kurzy-men tr td.kurz { text-align: right }
.kurzy-men tr td.zmena { text-align: right; color: #9d9d9d }
.kurzy-men tr.last td { border-bottom: 0 }
.kurzy-men a { color: #000000 }

.akcie { width: 100% }
.akcie tr td { font-size: 92%; border-bottom: 1px dashed #D3D3D3 }
.akcie tr td.kurz { text-align: right }
.akcie tr td.zmena { text-align: right; color: #9d9d9d }
.akcie tr td.plus {color: #79a700}
.akcie tr td.minus {color: #ef544d}
.akcie tr.last td { border-bottom: 0 }
.akcie a { color: #000000 }

.ukazatele { width: 100% }
.ukazatele tr td { font-size: 85%}
.ukazatele a { font-size: 120%; font-weight: bold; color: #1f527b; text-decoration: none }
.ukazatele a:hover { color: #1f527b; text-decoration: underline }
.ukazatele tr td.zmena { font-size: 100%; text-align: right; color: #9d9d9d}
.ukazatele tr td.plus {color: #79a700}
.ukazatele tr td.minus {color: #ef544d}
.ukazatele tr.obdobi {border-bottom: 1px dashed #D3D3D3}
.ukazatele tr.last { border-bottom: 0 }

#burza ul { margin: 8px 0 1.2em 0; padding: 0; list-style: none }
#burza li { font-size: 92%; padding: 1px 0 3px 0; text-align: right; background: transparent url(img/sys/dashed.gif) repeat-x left bottom }
#burza .last { background: none }
#burza li a { color: #000000; float: left; text-transform: uppercase }

#tabs { border: 0 }
#tabs .bullet li { padding: 0 0 7px 9px }
#tabs .headline { line-height: 1.4; padding: 0 0 0.8em 0 }
#tabs .headline p { margin: 0.5em 0 0 0; font-size: 92%; line-height: 1.3 }
#tabs .headline a { color: #000000; font-weight: bold; text-decoration: none }
#tabs .headline a:hover { color: #9a0000; text-decoration: underline }
#tabs .headline .thumb { float: left; margin: 0 0.9em 0.2em 0; border: 1px solid #665f6e }
#tabs .news { padding: 0 0 3px 9px; line-height: 1.4; background: transparent url(img/sys/bullet.gif) no-repeat 0 5px }
#tabs h4 { margin: 0; display: inline; font-weight: normal; line-height: 1.4 }

#ul-tabs { margin: 0; padding: 0; list-style: none; width: 100%; height: 45px; overflow: hidden; background: transparent url(img/sys/bg_ul_tabs.gif) repeat-x 0 -5px }
#ul-tabs li { float: left }
#ul-tabs .active { border: 1px solid #d3d3d3; border-bottom: 2px solid #f1f1f1; background: #f1f1f1 url(img/sys/bg_tabs_li.gif) repeat-x 0 0 }
#ul-tabs a { font-size: 92%; font-weight: bold; display: block; padding: 5px 10px 3px 10px; text-decoration: none; text-transform: uppercase }

#komentare { display: none }

#best-practice .news { padding: 10px 0; width: 100%; overflow: hidden; border-bottom: 1px dashed #D3D3D3 }
#best-practice .news.last { border-bottom: 0 }
#best-practice .news p { margin: 0.5em 0 0 0; font-size: 92%; line-height: 1.3 }
#best-practice .news a { color: #000000; font-weight: bold; text-decoration: none }
#best-practice .news a:hover { color: #9a0000; text-decoration: underline }
#best-practice .news .thumb { float: left; margin: 0 0.9em 0.2em 0; border: 1px solid #665f6e }
#best-practice h4 { display: inline; margin: 0; line-height: 1.4 }

#diskuze .news { padding: 0 0 3px 9px; line-height: 1.4; background: url(img/sys/bullet.gif) no-repeat 0 5px }
#diskuze .news h4 { color: #9d9d9d; margin: 0 }
#diskuze .news h4 a { text-decoration: none }
#diskuze .news h4 a:hover { text-decoration: underline }

/* diskuze old */
#content table.diskuze { margin: 1em 0 0 0 }
#content table.diskuze td { border: 1px solid #fff; line-height: normal }
#content table.diskuze tr.dith td { font-size: 85%; background-color: #665f6e; font-weight: bold; color: #fff; padding: 2px 8px }
#content table.diskuze tr.diblok td { background: #d3d3d3; font-weight: bold; color: #000; padding: 2px 8px }
#content table.diskuze tr.diforum td { color: #000; font-size: 92%; vertical-align: middle; padding: 2px 8px }
td.diforum1 { background: #d3d3d3 }
td.diforum2 { background: #eee }
td.diforum3 { background: #d3d3d3; text-align: center; white-space: nowrap }
td.diforum4 { background: #eee;	text-align: center; white-space: nowrap }
#content table.diskuze tr.ditopic td { color: #000; vertical-align: top; font-size: 92%; vertical-align: middle; padding: 2px 8px }
td.ditopic1 { background: #eee }
td.ditopic2 { background: #ccc }
td.ditopic3 { background: #eee;	text-align: center }
td.ditopic4 { background: #ccc;	text-align: center }
#content table.diskuze tr.dibg0 td { background: #d3d3d3; vertical-align: top; padding: 2px 8px }
#content table.diskuze tr.dibg1 td { background: #eee; vertical-align: top; padding: 2px 8px }
.dinormal { }
.dibold { font-weight: bold }
.dismall { font-size: 85% }
.dicas { color:#000080 }
.dinahled { margin: 1ex 0 0 0 }
.dinahled tr.dith { font-size: 120% }
.diinfo { font-weight: bold; margin: 5px 3px }
/* /diskuze old*/

/* diskuze */
#di .block1, #di .block2 { margin: 8px 0 }
#di .block1 { background: #eee }
#di .block2 { border-left: 2px solid #d3d3d3 }
#di h4.text { padding: 5px }
#di div.text { padding: 0 5px 2px 5px }
#di .bottom { background: #d3d3d3; padding: 2px 8px; text-align: right }
#di .bottom ul { margin: 0; padding: 0; list-style: none; background-color: #d3d3d3 }
#di .bottom ul li { display: inline; margin: 0 5px }
#di .time, #di .user, #di .userplus { font-size: 85% }
#di .user { color: #9a0000 }
#di .time, #di .loged { color: #000080 }
/* /diskuze */

#hot-tips .news { padding: 0 0 10px 9px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 5px }
#hot-tips .news a { color: #000000; font-weight: bold; text-decoration: none }
#hot-tips .news a:hover { color: #9a0000; text-decoration: underline }
#hot-tips h4 { display: inline; margin: 0 }

.bullet { margin: 1em 0; padding: 0; list-style: none }
.bullet li { padding: 0 0 3px 9px; line-height: 1.4; background: transparent url(img/sys/bullet.gif) no-repeat 0 5px }
.bullet a { text-decoration: none }
/*.bullet a:hover { text-decoration: underline }*/

#pozvanky { background-color: #efefef }
#pozvanky h3 { padding: 0 10px }
#pozvanky h4 { margin: 1.1em 0 0.1em 0 }
#pozvanky .news { padding: 0 10px 10px 10px; border-bottom: 1px dashed #D3D3D3 }
#pozvanky .news p { font-size: 92% }

.a-vice { font-weight: bold; margin: 1em 0 1.2em 0; padding: 0 19px 0 0; line-height: normal; text-align: right; background: transparent url(img/sys/ico_a_next.gif) no-repeat right 5px }

#top10 { margin: 0 0 1.3em 0; border-bottom: 1px solid #dfdfdf }
#top10 h3 { color: #9a0000; font-size: 110% !important; font-weight: normal; margin: 0.5em 0; text-transform: uppercase }
#top10 ul { margin: 1em 0 1.3em 0; padding: 0; list-style: none }
#top10 li { padding: 2px 0 2px 25px; line-height: 1.4 }
#top10 .top1 { background: transparent url(img/sys/bullet_top1.gif) no-repeat 0 3px }
#top10 .top2 { background: transparent url(img/sys/bullet_top2.gif) no-repeat 0 3px }
#top10 .top3 { background: transparent url(img/sys/bullet_top3.gif) no-repeat 0 3px }
#top10 .top4 { background: transparent url(img/sys/bullet_top4.gif) no-repeat 0 3px }
#top10 .top5 { background: transparent url(img/sys/bullet_top5.gif) no-repeat 0 3px }
#top10 .top6 { background: transparent url(img/sys/bullet_top6.gif) no-repeat 0 3px }
#top10 .top7 { background: transparent url(img/sys/bullet_top7.gif) no-repeat 0 3px }
#top10 .top8 { background: transparent url(img/sys/bullet_top8.gif) no-repeat 0 3px }
#top10 .top9 { background: transparent url(img/sys/bullet_top9.gif) no-repeat 0 3px }
#top10 .top10 { background: transparent url(img/sys/bullet_top10.gif) no-repeat 0 3px }
#top10 li a { text-decoration: none }
#top10 h4 { display: inline; font-weight: normal; margin: 0 }

#blogy { background-color: #efefef; margin: 0 0 1.3em 0; width: 100%; overflow: hidden }
#blogy #b-title { background-color: #e5650e; padding: 0 10px; height: 25px; line-height: 23px; text-align: right }
#blogy #b-title h3 { color: #ffffff; font-weight: normal; margin: 0; float: left; position: relative; top: 4px; text-transform: uppercase }
#blogy #b-title a { color: #ffffff; font-size: 92%; font-weight: bold; text-decoration: none; padding: 0 19px 0 0; background: transparent url(img/sys/ico_a_next2.gif) no-repeat right 4px }
#blogy #b-title a:hover { text-decoration: underline }
#blogy .blog { margin: 0; padding: 10px; float: left; width: 250px; line-height: 1.4 }
#blogy .blog img { border: 1px solid #665f6e; float: left; margin: 0 0.9em 0.2em 0 }
#blogy .blog a { font-weight: bold; text-decoration: none }
#blogy .blog small a { font-weight: normal }
#blogy h4 { margin: 0 }

.sekce-wrapper { width: 100%; overflow: hidden; border-top: 1px solid #dfdfdf }
.sekce { float: left; width: 260px; padding: 0 10px 5px 0 }
.sekce h3 { font-size: 150%; font-weight: normal; margin: 0.6em 0 }
.sekce h3 a { text-decoration: none }
.sekce h3 a:hover { text-decoration: underline }
.sekce .headline { padding: 0 0 0.8em 0 }
.sekce .headline .thumb { float: left; margin: 0 0.9em 0.2em 0; border: 1px solid #665f6e }
.sekce .headline a { color: #000000; font-weight: bold; text-decoration: none }
.sekce .headline a:hover { color: #9a0000 }
.sekce .headline p { line-height: 1.4; clear: both; margin: 0; padding: 3px 0 1em 0; border-bottom: 1px dashed #D3D3D3 }
.sekce .news { padding: 0 0 3px 9px; line-height: 1.4; background: transparent url(img/sys/bullet.gif) no-repeat 0 5px }
.sekce h4 { display: inline; margin: 0; font-weight: normal }

#zpravodajstvi { border-top: 1px solid #9a0000 }
#zpravodajstvi .news { width: 100%; margin: 0; padding: 10px 0; line-height: normal; overflow: hidden; background: transparent url(img/sys/dashed.gif) repeat-x left bottom }
#zpravodajstvi .last { background: none }
#zpravodajstvi .news .thumb { float: left; margin: 0 0.9em 0.2em 0; border: 1px solid #665f6e }
#zpravodajstvi .news a { text-decoration: none }
#zpravodajstvi h4 { margin: 0; font-weight: normal }

.navigace { font-size: 92%; padding: 0.6em 1.2em; background-color: #efefef }

#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: 92% }
/* /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_date { font-size: 90%; color: #665f6e }
.nw_date a { text-decoration: underline !important; font-weight: normal !important; color: #1f527b !important }
.nw_date a:hover { text-decoration: none !important }
.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 */

#r-content #login { font-size: 85% }