/* 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 Tahoma, "Lucida Grande 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: #000000; padding: 0; line-height: normal }
h1 { font-size: 210%; margin: 2.5em 0 1.2em 0 }
h2 { font-size: 130%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0; color: #3579AA }
input, select, textarea { vertical-align: middle; font: 100% Tahoma, "Lucida Grande CE", lucida, sans-serif }
a { color: #266A9F }
a:link { color: #266A9F }
a:hover { color: #266A9F; text-decoration: none }
p { margin: 1em 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 }
.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: 975px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) no-repeat 0 0
}
html>body #main { min-height: 100%; height: auto }

#zahlavi { position: absolute; left: 0; top: 0; width: 100%; z-index: 20; background: transparent url(img/sys/bg_zahlavi.jpg) no-repeat 12px 0 }
#zahlavi-in {
    height: 170px;
    margin: 0 12px;
    position: relative   
}

#content {
    float: left;
    width: 727px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    background: transparent url(img/sys/bg_content.gif) no-repeat 12px 170px
}
#content-in { padding: 170px 20px 70px 30px }

#panel {
    float: right;
    width: 248px;
    position: relative;
    z-index: 10
}
#panel-in { padding: 180px 22px 70px 17px }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 181px;
    background: #ffffff url(img/sys/bg_zapati.gif) no-repeat left bottom
}
#zapati-in { padding: 0 13px }
/* /layout - zaklad */

/* layout - special */
.home #content { background: transparent url(img/sys/bg_content_home.gif) no-repeat 12px 170px }

#logo, #logo span { display: block; position: relative; left: 30px; top: 41px; width: 202px; height: 41px; overflow: hidden; cursor: pointer; text-indent:-9999px; }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0; }

/*
#menu { margin: 0; padding: 0; list-style: none; width: 100%; height: 42px; position: absolute; left: 0; top: 123px; border-bottom: 5px solid #EFBA18; background-color: #0D2D48 }
#menu li { float: left; width: 118px; height: 42px; text-align: center; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right bottom }
#menu .m-last { background: none }
#menu a { display: block; width: 100%; height: 42px; line-height: 42px; color: #ffffff; font-weight: bold; text-decoration: none }
#menu a:hover { color: #EDB215 }
*/

/* css menu 3-level menu */
#menu { position: absolute; left: 0; top: 123px; width: 100%; height: 47px; background: #0D2D48 url(img/sys/bg_menu.gif) repeat-x 0 0; z-index: 999 }
#nav, #nav ul { margin: 0; padding: 0; list-style: none; width: 100% }
#nav ul { border: 1px solid #EFBA18; border-width: 5px 0 4px 0 }

#nav a { display: block; text-align: center; width: 118px; height: 42px; line-height: 42px; background: transparent url(img/sys/bg_menu_a.gif) no-repeat right bottom; color: #fff; font-weight: bold; text-decoration: none }
#nav li ul a { width: 180px; height: auto; line-height: normal; padding: 8px 12px }
#nav ul a { background: none }

#nav a:hover, #nav a.active { background-color: #2F4241; color: #EFBA18 !important; text-decoration: none }
/* #nav a.active { background-color: transparent } */

#nav li { float: left; display: block; width: 118px }
#nav .m-last { width: 125px }
#nav .m-last a { width: 125px; background-image: none }
#nav li ul li { float: left; display: block; width: 200px }

#nav li ul { position: absolute; width: 200px; left: -999em }

#nav li ul li a { color: #000 !important; background-color: #FEFBF3; background: #FEFBF3 url(img/sys/bg_submenu_a.gif) repeat-y right 0; text-decoration: none; text-align: left !important; width: 176px }
#nav li ul li a:hover { background-color: #FCF1D1; color: #0D2D48 !important }
#nav li ul li { border-bottom: 1px solid #F7DC8B }
#nav li ul li ul li { border-bottom: 1px solid #F7DC8B; font-size: 100% }

#nav li ul { margin: 0; top: 42px }
#nav li ul ul { top: auto; margin: -25px 0 0 195px; border-top: 0; border-bottom: 4px solid #F7DC8B }
#nav li ul ul a { background-color: #FEFDF8 }

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto }
/* /css 3-level menu */

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 50px; right: 17px; width: 300px; text-align: right }
#searchform input { width: 160px; height: 16px; border: 1px solid #ffffff }
.b-hledat { width: 58px !important; height: 28px !important }

#cesta { float: left; font-size: 90%; margin: 1.1em 0; color: #000000 }
#cesta a { color: #76746C }
#navigace { float: right; margin: 1.1em 0; font-size: 90% }
#navigace a { color: #76746C }

#zapati p { text-align:right; margin: 0; padding: 1.2em 15px; width: 919px; position: absolute; left: 13px; bottom: 0; z-index: 99 !important; background-color: #266A9F }
#zapati p em { float: right; font-style: normal }
#zapati p span { float: right; font-style: normal }

#zapati p a { color: #ffffff; position: relative; z-index: 99 !important }
/* /layout - special */

/* ostatni tridy pro web */
#welcome { height: 210px; margin: 0 0 25px 0; padding: 30px 0 0 335px; color: #76746C; background: transparent url(img/sys/bg_welcome.jpg) no-repeat 0 0 }
#welcome h1, #welcome h1 span { margin: 0; display: block; position: relative; width: 258px; height: 38px; overflow: hidden }
#welcome h1 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h1_welcome.gif) no-repeat 0 0 }

#h2-produkty-nabidka, #h2-produkty-nabidka span { margin: 0; display: block; position: relative; width: 429px; height: 31px; overflow: hidden }
#h2-produkty-nabidka span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h2_produkty_nabidka.gif) no-repeat 0 0 }

#produkty { margin: 18px 0 0 0; width: 100%; /*overflow: hidden*/ }
.kategorie { float: left; width: 220px; margin: 0 8px 2px 0; background: transparent url(img/sys/bg_kategorie.gif) no-repeat left bottom }
.kategorie-in { height: 275px; padding: 0 25px }
html>body .kategorie-in { min-height: 275px; height: auto }
.k-a .kategorie-in { top: -10px; position: relative; background: transparent url(img/sys/bg_kategorie_a.gif) no-repeat 0 0 }
.k-b .kategorie-in { top: -10px; position: relative; background: transparent url(img/sys/bg_kategorie_b.gif) no-repeat 0 0 }
.k-c .kategorie-in { top: -10px; position: relative; background: transparent url(img/sys/bg_kategorie_c.gif) no-repeat 0 0 }
.k-c { margin: 0 }
.kategorie h3 { margin: 0; padding: 20px 0 0 0; color: #ffffff; font-size: 130%; height: 50px }
.kategorie h3 a { color: #ffffff; text-decoration: none }
.kategorie h3 a:hover { text-decoration: underline !important }
html>body .kategorie h3 { min-height: 50px; height: auto }
.kategorie h3 em { font-style: normal; font-weight: normal; font-size: 75%; color: #000000 }
.kategorie p { padding: 1.2em 0 0 0; font-size: 90%; height: 56px }
html>body .kategorie p { min-height: 70px; height: auto }
.kategorie p a { color: #000000; font-weight: bold }
.kategorie p a:hover { color: #000000 }
.kategorie p img { float: left; margin: 0 1.3em 0 0 }
.kategorie .p-border { margin: 1.9em 0 0 0; border-top: 1px solid #8FA8B2 }
.k-d, .k-d-b, .k-d-a, .k-d-c { width: 676px; margin: 0; background: transparent url(img/sys/bg_kategorie_big.gif) no-repeat left bottom }
.k-d .kategorie-in { height: 92px; padding-right: 0; background: transparent url(img/sys/bg_kategorie_d.gif) no-repeat 0 0 }
.k-d-b .kategorie-in { height: 92px; padding-right: 0; background: transparent url(img/sys/bg_kat_b.gif) no-repeat 0 0 }
.k-d-a .kategorie-in { height: 92px; padding-right: 0; background: transparent url(img/sys/bg_kat_a.gif) no-repeat 0 0 }
.k-d-c .kategorie-in { height: 92px; padding-right: 0; background: transparent url(img/sys/bg_kat_c.gif) no-repeat 0 0 }
html>body .k-d .kategorie-in, html>body .k-d-b .kategorie-in, html>body .k-d-a .kategorie-in, html>body .k-d-c .kategorie-in { min-height: 92px; height: auto }
.k-d h3, .k-d-b h3, .k-d-a h3, .k-d-c h3 { height: auto; float: left; padding: 20px 20px 0 0 }
.k-d p, .k-d-b p, .k-d-a p, .k-d-c p { width: 100px; height: 57px; float: left; margin: 15px 0 0 0; padding: 8px 20px; border-left: 1px solid #8FA8B2 }
html>body .k-d p, html>body .k-d-b p, html>body .k-d-a p, html>body .k-d-c p { min-height: 57px !important; height: auto }

.box { width: 676px; margin: 0 0 2.5em 0; background: transparent url(img/sys/bg_kategorie_big.gif) no-repeat left bottom }
.box-in { height: 92px; padding: 0 25px; position: relative; top: -11px; background: transparent url(img/sys/bg_box_in.gif) no-repeat 0 0 }
html>body .box-in { min-height: 92px; height: auto }
.box h2 { margin: 0; padding: 20px 0 0 0; color: #ffffff; font-size: 130%; height: 30px }
.box h2 a { color: #ffffff; text-decoration: none }
.box h2 a:hover { text-decoration: underline !important }
html>body .box h2 { min-height: 30px; height: auto }
.box h2 em { font-style: normal; font-weight: normal; font-size: 75%; color: #000000 }
.box p { padding: 1.2em 0 0 0; font-size: 90%; height: 56px; width: 100%; overflow: hidden }
html>body .box p { min-height: 56px; height: auto }
.box p a { color: #000000; font-weight: bold }
.box p a:hover { color: #000000 }
.box p img { float: left; margin: 0 1.3em 0 0 }
.box .p-border { margin: 1.9em 0 0 0; border-top: 1px solid #8FA8B2 }



#pro-firmy { width: 194px; height: 66px; margin: 0 0 2.5em 0; padding: 15px 0 0 15px; background: transparent url(img/sys/bg_pro_firmy.gif) no-repeat 0 0 }
#pro-firmy h3, #pro-firmy h3 span { margin: 0; display: block; position: relative; width: 70px; height: 19px; overflow: hidden; cursor: pointer }
#pro-firmy h3 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h3_pro_firmy.gif) no-repeat 0 0 }
#pro-firmy a { font-size: 90%; color: #000000; font-weight: bold; margin: 0 1em 0 0 }

#novinky { margin: 0 0 2.5em 0 }
#novinky h3, #novinky h3 span { margin: 0; display: block; position: relative; width: 154px; height: 19px; overflow: hidden; cursor: pointer }
#novinky h3 span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/h3_novinky.gif) no-repeat 0 0 }
#novinky small { color: #EEB516 }
#novinky a { color: #EEB516; font-weight: bold }
#novinky p { color: #76746C; line-height: normal }

#bannery img { margin: 0.5em 0 0 0 }

.a-tp { float: right; display: inline; margin: 0 1em 0 0; font-size: 90% }
.a-tp em { font-style: normal; color: #F0BE1A }
.a-detail { font-size: 90%;}
.a-detail img { padding:2px; background-color:#fff;}
.popis { font-size: 110% }
#p-foto { width: 237px; height: 197px; padding: 0.5em 0 0 0; text-align: center; float: right; background: transparent url(img/sys/bg_p_foto.gif) no-repeat 0 0 }

#produkt-info { float: left; width: 415px; margin: 0 0 2em 0 }
#produkt-detail { float: right; width: 237px; margin: 0 0 2em 0 }

#p-odkazy { width: 237px; height: 90px; float: right; margin: 1.5em 0; background: transparent url(img/sys/bg_p_odkazy.gif) no-repeat left bottom }
html>body #p-odkazy { min-height: 90px; height: auto }
#p-odkazy-in { padding: 1em; background: transparent url(img/sys/bg_p_odkazy_in.gif) no-repeat 0 0 }
#p-odkazy h4 { margin: 0 0 1em 0 }
#p-odkazy ul { margin: 0; padding: 0; list-style: none; font-size: 90% }
#p-odkazy li { color: #F0BE1A;  background: transparent url(img/sys/bg_p_odkazy_li.gif) no-repeat 0 center }
#p-odkazy a { margin: 0 0 0 1em }

.doporucene { width: 100%; overflow: hidden; margin: 0 0 4em 0 }
.produkt { float: left; width: 217px; margin: 0 8px 12px 0; color: #76746C; background: transparent url(img/sys/bg_produkt.gif) no-repeat left bottom }
.produkt p { font-size: 90% }
.produkt .p-last { margin-right: 0 }
.produkt img { float: right; display: inline; margin: 1em 0.7em 1.5em 0.5em }
.produkt span { color: #000000; margin: 0 0 0 1em }
.produkt-in { padding: 1.2em 0 1.2em 0.8em; background: transparent url(img/sys/bg_produkt_in.gif) no-repeat 0 0 }
.produkt-in strong .a-detail{ padding: 0 10px 0 0;}

#dokumenty { margin: 1.5em 0; color: #76746C; width: 425px; height: 140px; float: left; background: transparent url(img/sys/bg_dokumenty.gif) no-repeat left bottom }
html>body #dokumenty { min-height: 140px; height: auto }
#dokumenty-in { padding: 1.8em; background: transparent url(img/sys/bg_dokumenty_in.gif) no-repeat 0 0 }
#dokumenty td { vertical-align: top }
#dokumenty .td-popisek { width: 130px }

#content .t-typ td, #content .t-typ th { padding: 3px 10px; border: 1px solid #DFDFDF }

#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% }
/* /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(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 */

div.nadpis { background-color: #478BB7; color: #ffffff; font-weight: bold }

/* katalog */
table.c_zbozi { margin-bottom: 1.5em }
/* /katalog */

/* kontakty */
div.p_card2 { border-bottom: 1px solid #eeeeee; margin-bottom: 1.5em; padding-bottom: 5px }
/* /kontakty */