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

body { font: 75%/1.4 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #fff; background-color: #000 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0 0 0 12px; /*border-left: 3px solid #ff0000;*/ background: transparent url(img/sys/h_back.gif) no-repeat 0 6px; line-height: normal; text-transform: uppercase }
h1 { font-size: 180%; clear: both; margin: 0.2em 0 1em 0; padding: 0 0 0.3em 0; border: 1px solid #999; border-width: 0 0 1px 0; color: #fff; background: none }
h2 { font-size: 150%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 140%; margin: 2.1em 0 0.5em 0; background-position: 0 4px }
h4 { font-size: 120%; margin: 1.1em 0 0.5em 0; background-position: 0 3px }
input, select, textarea { vertical-align: middle; font: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #ff0000 }
a:link { color: #ff0000 }
a:hover { color: #999; 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 #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 }
.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 {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    position: relative
}

#header { position: absolute; left: 0; top: 0; width: 900px; background-color: #000 }
#header-in {
    height: 380px;
    margin: 0 10px;
    position: relative
}

#content {
    float: left;
    width: 635px;
    overflow: hidden
}
#content-in { padding: 400px 15px 45px 10px }

#panel {
    float: right;
    width: 265px
}
#panel-in { padding: 405px 10px 45px 15px }

#footer { width: 900px; background-color: #000 }
#footer-in { margin: 0 10px; border-top: 1px solid #999; padding: 1em 0 3em 0 }
/* /layout - zaklad */

/* layout - special */
#main.grey { background: transparent url(img/sys/bg_main_grey.gif) repeat-y 10px 0 }
#main.grey #content-in { color: #000; padding: 100px 35px 45px 30px }
#main.grey #panel-in { padding-top: 125px }
#main.grey #content-in h2, #main.grey #content-in h3, #main.grey #content-in h4, #main.grey #content-in h5, #main.grey #content-in h6 { color: #000 }
#main.grey h1.nadpis { margin: 0 0 1em 0; padding: 0.2em 0 1.5em 20px; border: 0; width: 590px; background-color: #666; position: relative; left: -20px }
#main.grey #navbox { background-color: #666; color: #fff; position: relative; left: -20px; width: 570px; padding: 7px 20px }
#main.grey #navbox #cesta { color: #fff }
#main.grey #navbox a { color: #fff }
#main.grey #navbox a:hover { color: #ff0000 }
#main.grey #header-in { height: 99px; border-bottom: 1px solid #fff }
#main.grey #tema { display: none }

#logo, #logo span { display: block; position: relative; left: 19px; top: 19px; width: 119px; height: 62px; 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 }

#menu-wrapper { position: absolute; right: 0; top: 57px; z-index: 100 }
#menu { margin: 0; padding: 0; list-style: none }
#menu li { float: left; height: 42px; margin: 0 0 0 10px; position: relative }
#menu a { color: #fff; font-size: 120%; display: inline-block; height: 24px; padding: 18px 40px 0 10px; line-height: normal; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; background-color: #666 }
#menu a:hover, #menu a:focus, #menu .menuhover { background-color: #ff0000 }

#menu ul { position: absolute; left: 0; top: 42px; width: 190px; display: none; margin: 0; padding: 0; list-style: none; z-index: 100 }
#menu ul li { float: none; width: 190px; height: auto; margin: 0; border-top: 1px solid #9b9b9b; border-bottom: 1px solid #565656; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 50% }
#menu ul a { font-size: 90%; padding: 2px 10px 2px 12px; float: none; width: 168px; height: auto; line-height: 1.4; letter-spacing: normal; text-transform: none; background: #848484 url(img/sys/bg_menu_a.gif) repeat-y 0 0 }
#menu ul a:hover { color: #fff; background-color: #d73b41; background-position: -190px 0 }
#menu ul ul { left: 190px; top: -1px; z-index: 100 }

#top-links { position: absolute; left: 170px; top: 12px }
#top-links a { color: #fff; font-size: 80%; margin: 0 1.3em 0 0; text-decoration: none }
#top-links a:hover { color: #ff0000 }

#top-links2 { position: absolute; right: 0; top: 0 }
#top-links2 a { color: #b3b3b3; font-size: 90%; font-weight: bold; display: inline-block; margin: 0 0 0 1px; padding: 8px 25px 2px 7px; text-decoration: none; background-color: #666 }
#top-links2 a:hover { color: #fff; background-color: #ff0000 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { margin: 0 0 25px 0; padding: 7px 10px; border-top: 1px solid #999; background-color: #666 }
#searchform input { width: 135px; font-size: 90%; padding: 2px; border: 1px solid #fff; background-color: #fff }
#searchform .button-vyhledat { color: #fff; font-weight: bold; font-size: 11px; border: 1px solid #fff; margin: 0; padding: 0; width: 28px; height: 17px; /*background-color: #666;*/ position: relative; top: 0; cursor: pointer }

#navbox { width: 100%; overflow: hidden }
#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#tema { position: absolute; left: 0; top: 99px; width: 880px; height: 280px; border-top: 1px solid #fff; overflow: hidden }
#tema { background: transparent url(img/sys/tema-01.jpg) no-repeat 0 0 }

#copyright { margin: 0; font-size: 90%; text-align: right }
#copyright a { color: #999 }

#links { margin: 0; font-size: 90%; text-align: left }
#links a { color: #999 }
/* /layout - special */

/* aktuality */
#aktuality {  }
#aktuality h3 { padding: 0; border: 0 }
#aktuality .news { padding-bottom: 20px; clear: both }
#aktuality h4 a { color: #fff; text-decoration: none }
#aktuality h4 a:hover { color: #ff0000 }
#aktuality .nw_date { color: #999 }
#aktuality .nw_more { text-align: right }
/* /aktuality */

/* productform */
#productform { margin: 0 0 25px 0; padding: 0 10px 10px 10px; border-top: 1px solid #999; background-color: #666 }
#productform p { margin: 10px 0 0 0 }
#productform select { width: 170px; border: 1px solid #fff }
#productform img { position: relative; top: 4px; padding-left: 5px }
/* /productform*/

/* ostatni tridy pro web */
.blok { margin: 0 0 25px 0 }
.img-sekce { display: block; margin: 0 0 5px 0; border-top: 1px solid #999 }
.a-vice { color: #fff !important; font-size: 90%; font-weight: bold; padding: 0 0 0 15px; text-decoration: none; background: transparent url(img/sys/bullet.gif) no-repeat 0 3px }
.a-vice:hover { color: #ff0000 !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% }

#sitemap { margin: 0 0 0 1em; padding: 0; list-style: none }
#sitemap ul { list-style: none; color: #40bdf7 }
#sitemap li ul { padding-left: 1em }
#sitemap ul li { padding: 0 5px; list-style: none; background: transparent url(img/sys/bullet2.gif) no-repeat 0 4px }
#sitemap ul ul li ul li { padding-left: 15px; background-position: 0 6px }
#sitemap ul ul li ul li ul li { background: none }
#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6 { font-size: 100%; text-transform: none; margin: 0.5em 0; border: 0; background: none }

#content .t-rozcestnik td { padding: 0 0 8px 0; border: 6px solid #f1f1f1; background-color: #fff }
#content .t-rozcestnik td h2 { margin: 0; padding: 5px 8px; font-size: 110%; font-weight: bold; border: 0; background: #666 }
#content .t-rozcestnik td h2 a { color: #fff }
#content .t-rozcestnik td ul { margin-top: 1em; padding: 0 8px }
#content .t-rozcestnik td li { font-size: 80%; padding: 3px 0 4px 15px; border-bottom: 1px solid #ececec; text-transform: uppercase; background: transparent url(img/sys/bullet3.gif) no-repeat 0 6px }
#content .t-rozcestnik td ul a { text-decoration: none; color: #000 }
#content .t-rozcestnik td ul a:hover { text-decoration: underline; color: #ff0000 }

#content .t-rozcestnik-2 td { padding: 10px; border: 6px solid #f1f1f1; background-color: #fff; text-align: center }
#content .t-rozcestnik-2 td img { border: 0 !important }
#content .t-rozcestnik-2 td a { font-size: 90%; font-weight: bold }

/* /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 { 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(img/ico/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(img/ico/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 }
#page-attachment .dwn_ico_pdf { background-position: top right }
#page-attachment .dwn { margin-top: 25px }
/* /prilohy */

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

/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */
div.nadpis { background-color: #666666; color: #ffffff; font-weight: bold; font-size: 120% }

.produkty { margin: 0 0 0 0; padding: 0; list-style: none }
.skupina { font-size: 130%; background-position: 0 4px }
.produkty li { padding-left: 12px; background: transparent url(img/sys/bullet2.gif) no-repeat 0 5px }

.sprava { background: none }

.clen { background-color: #666; padding: 5px 15px 15px 15px; margin: 50px 0 0 0 }

.news { padding-top: 10px }
.news .nw_date { font-weight: bold }
.news h4 { margin: 0; font-weight: bold }

#address div table tr { background-color: #f1f1f1; border-bottom: 1px solid #bfbfbf }
#address div table tr td { padding: 10px 0 }