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

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

body.body { text-align: center; color: #4e4e4e; background: #e3e3e4 url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #65924c; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 230%; clear: both; margin: 0 0 1em 0 }
h2 { font-size: 160%; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 160%; margin: 1.7em 0 0.5em 0 }
h4 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #65924c }
a:link { color: #65924c }
a:hover { color: #35a2c5; 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: 965px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #fff url(img/sys/bg_main.gif) repeat-y 0 0
}

#main-in { height: 450px; background: transparent url(img/sys/bg_main_in.gif) no-repeat 0 230px }
html>body #main-in { min-height: 450px; height: auto }

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

#content {
    float: left;
    width: 720px;
    overflow: hidden
}
#content-in { padding: 285px 30px 20px 50px }

#panel {
    float: right;
    width: 245px
}
#panel-in { padding: 231px 30px 20px 0 }

#footer {
    width: 965px;
    height: 90px;
    background: #575857 url(img/sys/bg_footer.gif) no-repeat 0 0
}
/* /layout - zaklad */

/* layout - special */
#main.home #header { height: 446px; background: transparent url(img/sys/bg_header_home.jpg) no-repeat 0 0 }
#main.home #content-in { padding: 446px 30px 20px 50px }
#main.home #panel-in { margin: 436px 0 0 0; padding: 0 30px 20px 0; position: relative; z-index: 10 }

#logo, #logo span { display: block; position: relative; left: 55px; top: 0; width: 178px; height: 101px; 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 { position: absolute; left: 271px; top: 115px; width: 676px; height: 55px; background: transparent url(img/sys/bg_menu.gif) no-repeat 0 5px; z-index: 100 }
#menu ul { margin: 0; padding: 0 0 0 10px; list-style: none }
#menu ul ul { display: none; position: absolute; left: 4px; top: 55px; background: #035b85 }
#menu li { float: left; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 20px; position: relative }
#menu li li { float: none; background: none }
#menu a { color: #425b2c; display: block; float: left; height: 51px; line-height: 51px; padding: 4px 11px 0 11px; text-decoration: none; text-transform: uppercase; background: transparent url(img/sys/bg_menu_a.gif) no-repeat 0 -55px }
#menu li.m-last a { background: transparent url(img/sys/bg_menu_a_last.gif) no-repeat 0 0; color: #fff }
#menu li.m-last li a { background: none; color: #fff }
#menu li li a { white-space: nowrap; float: none; text-transform: none; text-decoration: underline; padding: 0 10px 0 0; height: 35px; line-height: 35px }
#menu li li a:hover { color: #fff; background: none; text-decoration: none; }
#menu a:hover, #menu li.active a { color: #fff; background-position: 0 0 }
#menu .m-last { background: none }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; left: 720px; top: 73px; width: 225px; height: 22px; background: #fff url(img/sys/bg_searchform.gif) no-repeat 0 0 }
#searchword { font-size: 90%; color: #8a8a8a; width: 185px; padding: 3px 2px 4px 2px; border: 0; background: none; position: absolute; left: 6px; top: 1px; outline: none }
.button-vyhledat { width: 26px !important; height: 20px !important; position: absolute; left: 198px !important; top: 1px !important; padding: 0 !important }

#stiebel { position: absolute; right: 20px; top: 26px }

#rozcestnik { position: absolute; left: 37px; top: 192px; z-index: 10 }
#rozcestnik div { float: left; margin: 0 10px 0 0/*; text-indent: -999em*/ }
#rozcestnik div a { display: block; width: 282px; height: 211px; position: relative; text-decoration: none; overflow: hidden }
#rozcestnik div a span { display: block; width: 100%; height: 211px; position: absolute; left: 0; top: 0; z-index: 100; overflow: hidden }
#rozcestnik #s1 a span { background: transparent url(img/sys/bg_s1.jpg) no-repeat 0 0 }
#rozcestnik #s1 a:hover span, #rozcestnik #s1 a:focus span { background-position: 0 -211px !important }
#rozcestnik #s2 a span { background: transparent url(img/sys/bg_s2.jpg) no-repeat 0 0 }
#rozcestnik #s2 a:hover span, #rozcestnik #s2 a:focus span { background-position: 0 -211px !important }
#rozcestnik #s3 a span { background: transparent url(img/sys/bg_s3.jpg) no-repeat 0 0 }
#rozcestnik #s3 a:hover span, #rozcestnik #s3 a:focus span { background-position: 0 -211px !important }


#navbox { font-size: 80%; width: 640px; overflow: hidden; position: absolute; left: 50px; top: 227px }
#cesta { float: left; margin: 5px 0; color: #525251; width: 580px }
#navigace { float: right; margin: 6px 3px 0 0 }
#navbox a { color: #525251 }

#copyright { color: #fff; font-size: 90%; margin: 0; padding: 44px 40px 0 40px; text-align: right }
#copyright span { float: left }
#copyright a { color: #fff }
/* /layout - special */

/* rubriky */
#rubriky { width: 675px; overflow: hidden; position: relative; left: -10px; padding: 0 0 15px 0; background: transparent url(img/sys/bg_rubriky.gif) no-repeat left bottom }
.rubrika { float: left; width: 210px; margin: 0 15px 0 0 }
.rubrika h3 { margin: 0 0 0.5em 0; padding: 0 0 0 16px; height: 43px; line-height: 44px; color: #fff; background: #427f1f/*#dee8ce*/ url(img/sys/bg_h3_rubrika.gif) no-repeat 0 0 }
.home .news { margin: 0 1px 0.8em 1px; padding: 0 15px 1.2em 15px; background: transparent url(img/sys/divider.gif) repeat-x left bottom }
.news h4 { font-size: 90%; font-weight: bold; margin: 0 }
.nw_date { font-weight: bold; font-size: 80% }
.home .nw_text { font-size: 90%; line-height: normal }
p.a-archiv { margin: 0; padding: 0 }
p.a-archiv a { color: #262626 !important; font-size: 80%; font-weight: bold; margin: 0 0 0 15px; padding: 0 10px 0 0; background: transparent url(img/sys/bullet.gif) no-repeat right 5px }
.nwc_date { font-size: 90% }
/* /rubriky */

/* kategorie */
.kategorie { padding: 0 0 0.1em 0; background-color: #d8d8d7 }
.kategorie h3 { margin: 0.5em 0 0.8em 0; padding: 0 0 0 16px; height: 40px; line-height: 40px; color: #fff; background: #808080 url(img/sys/bg_h3_kategorie.gif) no-repeat 0 0 }
.kategorie h4 { color: #fff; font-size: 90%; font-weight: bold; margin: 0; padding: 6px 8px; background-color: #acc584; text-transform: uppercase }
.kategorie ul { margin: 0.4em 0 1em 0; padding: 0; list-style: none }
.kategorie li { border-bottom: 1px solid #ccccca; line-height: normal }
.kategorie li a { color: #4e4e4e; font-size: 90%; display: block; width: 189px; padding: 4px 8px 5px 18px; text-decoration: none; background: transparent url(img/sys/bullet2.gif) no-repeat 8px 8px }
.kategorie li a:hover { color: #000; background-color: #ccccca }
/* /kategorie */

/* submenu */
.submenu { padding: 0 0 0.1em 0; background-color: #d8d8d7 }
.submenu-title { margin: 0.5em 0 0 0; padding: 0 0 0 16px; height: 40px; line-height: 40px; color: #fff; background: #808080 url(img/sys/bg_h3_kategorie.gif) no-repeat 0 0 }
.submenu-title a { text-decoration: none; color: #fff }
.submenu-title a:hover { text-decoration: underline }
.submenu ul { margin: 0 0 1em 0; padding: 0; list-style: none }
.submenu li { border-bottom: 1px solid #ccccca; line-height: normal }
.submenu li a { color: #4e4e4e; font-size: 90%; display: block; width: 189px; padding: 4px 8px 5px 18px; text-decoration: none; background: transparent url(img/sys/bullet2.gif) no-repeat 8px 8px; background-color: #d8d8d7 }
.submenu li a:hover { color: #608948; background-color: #ccccca; text-decoration: underline }
.submenu li a.active { font-weight: bold }

.submenu li a.a-submenu { margin: 0.4em 0 1em 0; padding: 6px 13px; color: #fff; font-size: 90%; font-weight: bold; background-color: #608948/*#acc584*/; background-image: none; text-transform: uppercase }

.submenu li.li-submenu { border-bottom: none }
/* /submenu */

/* produkty */
.produkty { margin: 1.5em 0 }
.produkt { padding: 0 0 0 200px; position: relative; height: 140px; background: transparent url(img/sys/bg_produkt.gif) no-repeat 0 0 }
.produkt h2 { font-size: 150%; margin: 0; padding: 0.5em 0 0 0; text-shadow: 1px 1px #fff }
.produkt h2 a { text-decoration: none }
.produkt p { font-size: 90%; margin: 0.5em 0 }
.produkt a.a-vice { position: absolute; background: url(img/sys/bg_produkt-more.gif) center no-repeat; width: 25px; height: 21px; right: 26px; bottom: 30px; outline: none; }
.produkt a.a-vice span { display: none; }
.produkt .i-produkt { position: absolute; left: 1px; top: 1px }
/* /produkty */

/* detail */
.t-01 { width: 300px; padding: 0 0 15px 0; background: transparent url(img/sys/bg_t01.gif) no-repeat left bottom }
#content .t-01 td { color: #65924c; font-size: 90%; padding: 4px 10px; border: 1px solid #fff; vertical-align: top; background-color: #e6f0d5 }
.t-01 td img { vertical-align: middle }

.t-02 { width: 640px; padding: 0 0 15px 0; background: transparent url(img/sys/bg_t02.gif) no-repeat left bottom }
#content .t-02 th { color: #65924c; font-size: 90%; padding: 4px 10px; border: 1px solid #fff; vertical-align: top; background-color: #e6f0d5 }
#content .t-02 td { color: #4e4e4e; font-size: 90%; padding: 6px 10px 4px 10px; border: 1px solid #fff; vertical-align: top; background-color: #ececeb }
.t-02 td img { vertical-align: middle }
.t-02 td a { color: #4e4e4e }
/* /detail */

/* kontakty */
#kontakty { margin: 0 15px }
#kontakty h3 { color: #4e4e4e }
#kontakty p { font-size: 90% }
#kontakty a { color: #4e4e4e }
/* /kontakty */

/* reference */
.reference { width: 100%; overflow: hidden }
.reference .ref-typ { float: left; width: 315px; height: 140px; position: relative; background: transparent url(img/sys/bg_reference.jpg) no-repeat 0 0 }
.reference .ref-typ.fr { float: right }
.reference h4 { font-size: 150%; margin: 0; padding: 1.5em 16px 0 194px; text-shadow: 1px 1px #fff }
.reference h4 a { text-decoration: none }
.reference .i-ref { position: absolute; left: 2px; top: 2px }
/* /reference */

/* ostatni tridy pro web */
.nadpis { padding: 0 0 0.3em 0; background: transparent url(img/sys/border.gif) repeat-x left bottom }

#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 2em; padding: 0 }
#sitemap ul ul li { padding: 0 }
#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6 { font-size: 100%; text-transform: none; margin: 0.5em 0 }
/* /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: 100% }*/
.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: 5px 0 5px 40px; border-bottom: 1px solid #ffffff; background-position: 10px 50%; background-repeat: no-repeat; }
.dwn_ico_doc { background-image: url(cms/img/ico/doc.gif) }
.dwn_ico_file { background-image: url(cms/img/ico/file.gif) }
.dwn_ico_gif { background-image: url(cms/img/ico/gif.gif) }
.dwn_ico_html { background-image: url(cms/img/ico/html.gif) }
.dwn_ico_jpg { background-image: url(cms/img/ico/jpg.gif) }
.dwn_ico_pdf { background-image: url(cms/img/ico/pdf.gif) }
.dwn_ico_pps { background-image: url(cms/img/ico/pps.gif) }
.dwn_ico_ppt { background-image: url(cms/img/ico/ppt.gif) }
.dwn_ico_rtf { background-image: url(cms/img/ico/rtf.gif) }
.dwn_ico_txt { background-image: url(cms/img/ico/txt.gif) }
.dwn_ico_xls { background-image: url(cms/img/ico/xls.gif) }
.dwn_ico_zip { background-image: url(cms/img/ico/zip.gif) }
/* /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; background: #ececeb; }
#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 */

/* catalog */
div.c_tdetail img.border { border: none; }
/* /catalog */

div.nadpis { background-color: #e6f0d5; color: #65924c; font-weight: bold; font-size: 120% }
#address div table tr { background-color: #fff }
#address div table tr td { background-color: #ececeb; padding: 10px 5px; border-bottom: 1px #fff solid }

#content #frm-poptavka { font-size: 90% }
#content #frm-poptavka table { width: 100% }
#content #frm-poptavka td { /*vertical-align: middle;*/ background-color: #fff; padding-bottom: 10px }
#frm-poptavka td input { background-color: #f9f9f9; border: 1px solid #dbdbdb; padding: 3px }
#frm-poptavka td textarea { background-color: #f9f9f9; border: 1px solid #dbdbdb; padding: 3px }

.headline { font-size: 160%; margin: 1.5em 0 0.5em 0 }

#flash { padding: 10px 0; margin: 0; text-align: center }
/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */

#akcni-nabidka { background: url(img/sys/bg_akcni-nabidka.gif) 0 0 repeat-x; border: 1px solid #1a6b94; color: #fff; width: 643px; height: 38px; margin: 7px 0 10px -10px; padding: 5px 5px 5px 10px;}
#akcni-nabidka a { color: #fff; display: block; font-weight: bold;}