/* 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: 70%/1.4 "Trebuchet MS", "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #000000; background: #ffffff url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #cc3300; line-height: normal; font-style: italic }
h1 { font-size: 195%; clear: both; margin: 0.2em 0 1em 0; padding: 0 0 0.2em; border-bottom: 1px solid #C4D7E7 }
h2 { font-size: 171%; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 151%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 151%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Trebuchet MS", "Geneva CE", lucida, sans-serif }
a { color: #cc3300 }
a:link { color: #cc3300 }
a:hover { color: #0067A2; text-decoration: none }
p { margin: 1.3em 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 #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: 810px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto; /*border-bottom: 1px solid #f4f4f4*/ }

#zahlavi { position: absolute; display:block; height:236px; left: 0; top: 0; width: 100%; background: url(img/sys/bg_zahlavi.jpg) no-repeat 20px 25px }
#zahlavi-in {
    border-top: 15px solid #483936;
    position: relative
}

#content {
    float: left;
    width: 555px;
    overflow: hidden
}
#content-in { padding: 230px 0 120px 20px; text-align: justify }

#panel {
    float: right;
    width: 255px
}
#panel-in { padding: 240px 20px 120px 26px }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    color: #ffffff;
    background-color: #483936
}
#zapati-in { padding: 0 35px }
/* /layout - zaklad */

/* layout - special */
#logo {display: block; text-decoration: none; position: absolute; left: 320px; top: 110px; width: 245px; height: 60px; overflow: hidden; cursor: pointer; overflow:hidden; text-indent:-9999px;}

#menu ul {list-style: none; margin: 0 0 2em 0; padding: 0; width: 100%; overflow: hidden; font-size: 135% }
#menu li { padding: 5px 0 7px 0; background: transparent url(img/sys/bg_dashed.gif) repeat-x left bottom  }
#menu a { color: #000000; padding: 0 0 0 15px; display: block; text-decoration: none; font-style: italic; font-weight: bold; background: transparent url(img/sys/ico-arrow.gif) no-repeat 0 50% }
#menu a:hover, #menu li.submenu a { color: #cc3300; background-position: 2px 50% }
#menu ul ul { list-style: none; margin: 7px 0 10px 0; padding: 0; font-size: 85% }
#menu li li { padding: 3px 0 4px 0; margin: 0 0 0 15px; line-height: 1.2; background: transparent url(img/sys/bg_submenu_li.gif) no-repeat left bottom }
#menu .li-submenu li a { display: inline; padding: 0; color: #757575; background: none }
#menu .li-submenu li a:hover { color: #cc3300 }
#menu a.active { color: #cc3300 !important; background-position: 2px 4px }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#search_form { 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% }

#zapati p { margin: 16px 0 0 0 }
#zapati small { font-size: 100%; float: right }
#zapati a { color: #CBE3EC }
/* /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: #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% }

.portrait { position: absolute; right: 45px; top: 90px; z-index: 100 }
.portret { margin: 0 0 2em 0 }
.welcome { margin: 1.3em 0; padding: 0 0 2.1em 0; border-bottom: 1px solid #cac4c1; font-size:13px; font-family: Arial, Helvetica, sans-serif; }
.reklama { margin: 2.5em 0 2em 0; padding: 1em; text-align: center; background-color: #EAE7E6 }
.reklama a { font-size: 110% }

.menu-top { margin: 0; position: absolute; right: 50px; top: 25px }
.menu-top a { color: #5f4c34; padding: 0 3px }
.menu-top a:hover { color: #cc3300 }

.titulka { height: 185px; margin: 0 20px; position: relative; color: #3258AA; background: #E5F1FA url(img/sys/bg_titulka.jpg) no-repeat 0 0 }
.titulka p { margin: 0; padding: 30px 30px; font-size: 155% }
.titulka .a-vice { position: absolute; left: 425px; bottom: 10px; width: 95px; height: 25px; line-height: 23px; padding: 0 0 0 10px; font-size: 110%; color: #ffffff; text-decoration: none; background: #483936 url(img/sys/ico-arrow2.gif) no-repeat 92px 50% }
.titulka .a-vice:hover { color: #ffffff; background-color: #6e5854 }

.ico-top { position: absolute; right: 227px; top: -16px; width: 31px; height: 31px; text-indent: -9999px; background: transparent url(img/sys/ico-top.gif) no-repeat 0 0 }
.ico-top:hover { background-position: 0 -31px }

#content .table-cv { margin: 1em 0 }
#content .table-cv td { padding: 5px 10px 6px 0; background: transparent url(img/sys/bg_linie.gif) no-repeat left bottom; vertical-align: top }
#content .table-cv .year { width: 80px }

.vyhledavani { padding: 7px 13px; background-color: #eae7e6 }
.vyhledavani input { width: 126px; border: 1px solid #483936 }
.b-vyhledat { width: 50px !important; height: 20px !important; margin: 0 0 0 5px }

#acsef { height: 703px; padding: 165px 0 0 110px; background: transparent url(img/sys/bg_apcr.gif) no-repeat 0 0 }
html>body #apcr { min-height: 538px; height: auto }

p em { color: #5d5d5d }
.list { list-style: none; margin: 1em 0 1.2em 0; padding: 0 0 0 15px }
.list li { margin: 0 0 0.5em 0; padding-left: 18px; color: #483936; background: transparent url(img/sys/bullet.gif) no-repeat 0 3px }
.js-vice { background-color: #EDF5F9; font-weight: bold; text-align: center; padding: 1em }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.news { margin: 1.5em 0 }
.news h4 { font-size: 115%; margin: 0.1em 0 0.1em 0; font-style: normal }
.nw_date { display: block; font-weight: bold; font-size: 90% }
.nw_title { display: block; margin: 0; padding: 0; font-size: 115%; font-style: normal; font-weight: bold }
.nw_text { margin: 0.5em 0 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_anotace { font-size: 90% }
.rubrika_datum { font-weight: bold }
.rubrika_title { padding: 7px 10px; background: #eeeeee }
.rubrika-media { padding: 0 0 2.1em 0; margin: 0 0 2.1em 0; border-bottom: 1px solid #cac4c1 }
.rubrika-media em { font-size: 110%; color: #cc3300 }
/* /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 { color: #ffffff; background-color: #483936 !important; text-decoration: none }
#sitemap ul { list-style: none }
#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6 { color: #000000; font-weight: normal; text-transform: none; margin: 0.5em 0; font-size: 110% }
/*
#sitemap h3 { font-size: 100% }
#sitemap h4 { font-size: 100% }
*/
/* /sitemap */

/* vtipna bublina */
#bubliny-dialog { position: relative; padding: 0; margin: 0; width: 530px; height: 376px; }
#bubliny-dialog p { position: absolute; padding: 0; margin: 0; text-align: center }
#bubliny-dialog img { position: absolute; padding: 0; margin: 0 }
#bublina-klaus { top: 24px; left: 269px; width: 160px; height: 45px }
#bublina-svejnar { top: 34px; left: 30px; width: 165px; height: 45px }
#bublina-klaus { top: 30px }
#bublina-svejnar { top: 40px }
/* /vtipna bublina */

#moto { text-indent:-9999px; overflow:hidden; position:absolute; display:block; width:360px; height:30px; top:55px; left:65px}
#moto h2 { margin:0; padding:0; }