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

body.body { text-align: center; color: #cfcfcf; background: #000 url(img/sys/bg_body.jpg) no-repeat 50% 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #ff0900; padding: 0; line-height: normal }
h1 { color: #fff; font-size: 190%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 140%; 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 }
input, select, textarea { vertical-align: middle; font: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #ff0b00 }
a:link { color: #ff0b00 }
a:hover { color: #c20800; 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: transparent }
.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: 950px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: transparent url(img/sys/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto }

#main-in { height: 850px; background: transparent url(img/sys/bg_body.jpg) no-repeat 50% 0 }
html>body #main-in { min-height: 850px; height: auto }

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

#content { float: right; width: 726px; overflow: hidden }
#content-l { float: left; width: 515px; padding: 310px 4px 150px 5px }
#content-r { float: right; width: 202px; padding: 310px 0 150px 0 }
#content-wide { float: right; width: 717px; padding: 310px 4px 150px 5px }
#panel { float: left; width: 224px; padding: 310px 0 150px 0; overflow: hidden }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 950px;
    height: 150px;
    background: transparent url(img/sys/bg_footer.jpg) no-repeat left bottom
}
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 0; top: 65px; width: 252px; height: 239px; 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 }

#menu-wrapper { position: absolute; left: 0; top: 9px; width: 950px; height: 52px; background: transparent url(img/sys/bg_menu.jpg) no-repeat 0 0 }
#menu { margin: 0; padding: 0 0 0 12px; list-style: none }
#menu li { float: left; height: 52px; line-height: 52px; position: relative; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 50% }
#menu .m-last { background: none }
#menu a { color: #fff; float: left; display: block; padding: 0 30px; font-weight: bold; text-decoration: none; text-transform: uppercase }
#menu a:hover, #menu a:focus, #menu .menuhover { text-decoration: underline }

#menu ul { position: absolute; left: 0; top: 52px; width: 220px; display: none; margin: 0; padding: 0; list-style: none; z-index: 20; background: #6e0901 url(img/sys/bg_submenu.gif) repeat-x 0 0 }
#menu ul li { float: none; width: 220px; height: auto; line-height: 1.4; margin: 0; background: none; border-bottom: 1px solid #810a01 }
#menu ul a { float: none; padding: 4px 10px 4px 22px; width: 188px; height: auto; line-height: 1.5; letter-spacing: normal; text-transform: none; background: transparent url(img/sys/bullet.gif) no-repeat 10px 10px }
#menu ul a:hover { color: #fff; background-color: #3e0500; text-decoration: none }
#menu ul ul { left: 190px; top: -1px }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { width: 224px; height: 70px; margin: 0 0 6px 0; background: #464d4f url(img/sys/bg_searchform.gif) no-repeat 0 0 }
#searchform form { padding: 22px 0 0 13px }
#searchword { color: #b3b3b3; width: 150px; padding: 4px 2px 3px 2px; border: 1px solid #b3b3b3; background-color: #fff }
.button-vyhledat { width: 36px !important; height: 24px !important }

#kosik { height: 108px; margin: 0 0 3px 0; padding: 0 12px; background: transparent url(img/sys/bg_kosik.gif) no-repeat 0 0 }
#kosik h2 { color: #fff }
#kosik td { color: #fff; padding: 8px 0 8px 0 !important }
#kosik td small { text-transform: uppercase; margin: 0 15px 0 0 }

#loginform { height: 145px; margin: 0 0 3px 0; padding: 0 12px; background: transparent url(img/sys/bg_loginform.gif) no-repeat 0 0 }
#loginform h2 { color: #282828 }
#loginform p { margin: 0.6em 0 0 0 }
#loginform .tar { line-height: normal }
#loginform a { color: #cfcfcf }
#loginform label { font-size: 90%; text-transform: uppercase }
#loginform input { width: 169px; padding: 2px 2px; border: 1px solid #fff; background-color: #fff }
.button-prihlasit { width: 66px !important; height: 29px !important; position: relative; top: -2px }

#kontakt { height: 316px; margin: 0 0 3px 0; padding: 0 12px; background: transparent url(img/sys/bg_kontakt.gif) no-repeat 0 0 }
#kontakt h2 { color: #979696; margin: 0 0 15px 0 }
#kontakt p { margin: 2em 0 1em 0 }
#kontakt table { margin: 1em 0 0 0 }
#kontakt td { padding: 0 10px 0 0 !important }
#kontakt td span { color: #777676 }
#kontakt .t-pd td { padding: 0 !important }

.box h2 { margin: 0; padding: 10px 0 0 0; font-size: 100%; text-transform: uppercase }

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

#copyright { color: #959595; font-size: 90%; margin: 0; padding: 88px 15px 0 0; text-align: right; text-transform: uppercase }
#copyright a { color: #ff7508; text-decoration: none }
#copyright a:hover { color: #fff }
/* /layout - special */

/* kategorie menu */
#menu-akce, #menu-produkty { border-bottom: 5px solid #000 }
h2.menu-title-akce, h2.menu-title-produkty { color: #fff; font-size: 100%; margin: 0; padding: 0 0 0 10px; height: 43px; line-height: 41px; text-transform: uppercase; background: transparent url(img/sys/h3-kat01.gif) no-repeat 0 0 }
#menu-akce ul, #menu-produkty ul { margin: 0; padding: 7px 3px 15px 3px; list-style: none; background: transparent url(img/sys/bg_kategorie.gif) no-repeat left bottom }
#menu-akce li, #menu-produkty li { background: transparent url(img/sys/dotted.gif) repeat-x left bottom }
#menu-akce a, #menu-produkty a { color: #fff; font-weight: bold; display: block; width: 200px; padding: 3px 0 5px 18px; text-decoration: none; background: transparent url(img/sys/bullet.gif) no-repeat 3px 8px }
#menu-akce a:hover, #menu-produkty a:hover, #menu-akce a.active, #menu-produkty a.active { color: #ff0000 }

#menu-akce ul li ul, #menu-produkty ul li ul { margin: 0; padding: 0 3px 5px 6px; list-style: none; background: none }
#menu-akce ul li ul li, #menu-produkty ul li ul li { background: none }
#menu-akce ul li ul a, #menu-produkty ul li ul a { color: #fff; display: block; width: 200px; padding: 3px 0 5px 18px; text-decoration: none; background: transparent url(img/sys/bullet.gif) no-repeat 3px 8px }

h2.menu-title-produkty { background: transparent url(img/sys/h3-kat02.gif) no-repeat 0 0 }
#menu-produkty a { font-weight: normal; background: transparent url(img/sys/bullet2.gif) no-repeat 3px 8px }
#menu-produkty a:hover, #menu-produkty a.active { color: #55a0c2 }
#menu-produkty ul li ul a { background: transparent url(img/sys/bullet2.gif) no-repeat 6px 8px }
/* /kategorie menu */

/* kategorie produktu */
.filtr-vypisu { margin: 1.5em 0 }
.filtr-vypisu fieldset { padding: 5px 15px 10px 15px; border: 1px solid #7d7d7d }
.filtr-vypisu legend span { color: #fff; margin: 0; padding: 0 10px }
.filtr-vypisu select { width: 130px; margin: 0 20px 0 0 }
.button-filtrovat { width: 66px !important; height: 23px !important }

.filtr-razeni { line-height: normal; font-size: 90%; margin: 0 0 1em 0; padding: 1em; color: #939393 }
.filtr-razeni fieldset { float: right; position: relative; top: 5px }
.filtr-razeni select { width: 60px; margin: 0 10px 0 0 }
.filtr-razeni .fl { margin: 0 2em 0 0; position: relative; top: -5px }
.filtr-razeni b { color: #ff0900 }

.strankovani { color: #939393; line-height: normal; margin: 1.5em 0 0 0 }
.strankovani p span { float: right }
.strankovani b { color: #ff0900 }
.strankovani a { color: #8a8a8a; font-weight: bold; margin: 0 0.1em }
.strankovani span b { font-size: 120%; margin: 0 0.1em }
.strankovani a:hover { color: #fff }
.strankovani .s-page { color: #8a34a0d; font-weight: bold; border: 0; background: none }
.strankovani .s-page:hover { color: #a34a0d; background-color: transparent; text-decoration: underline }
.strankovani .s-page img { position: relative; top: -2px }
/* /kategorie produktu */

/* filtr */
#filtr { width: 100%; height: 111px; overflow: hidden; background: transparent url(img/sys/bg_filtr.jpg) no-repeat 0 0; margin: 0 0 1em 0}
#filtr h2 { color: #fff; font-weight: normal; margin: 0; padding: 10px 0 13px 10px }
#filtr form { padding: 0 0 0 10px }
#filtr p { float: left; margin: 0 7px 0 0 }
#filtr select { width: 120px; border: 1px solid #fff }
#filtr #filter_page { width: 160px }
#filtr label { font-size: 90%; color: #fff; text-transform: uppercase }
.button-najit { width: 66px !important; height: 29px !important; position: relative; top: 9px }
/* /filtr */

/* detail produktu */
/*
#tab-detail { background-color: #1e2223 }
#tab-detail .cena { color: #d00202; font-size: 140% }
.td-produkt-detail { padding: 0.8em 0; width: 240px }
#content .produkt-detail td { padding: 0.5em 1em 0.3em 0.5em }
.produkt-detail b { color: #bababa }
.produkt-detail input { border: 1px solid #d7d7d7 }
.produkt-detail select { width: 130px }
.produkt-detail .ks { width: 35px; padding: 5px 2px }
.td-produkt-foto { vertical-align: top }
.produkt-foto { position: relative; padding: 8px 1.5em 1em 1.5em; text-align: center }
.produkt-foto img { border: 1px solid #d7d7d7 }
.produkt-foto p img { margin: 0 2px }
.produkt-foto a { text-decoration: none }
.produkt-foto span { position: absolute; left: 2em; top: 1.5em; width: 28px; line-height: 0 }
.produkt-foto span img { padding: 0 0 3px 0 }
.produkt-detail .td-links { height: 5em; vertical-align: middle; text-align: left; border-bottom: none }
.button-kosik { width: 47px !important; height: 25px !important }
*/

div.c_tdetail div.c_typ-in { background-color: #1e2223; padding: 5px }
div.c_tdetail div.c_typ-in th { color: #bababa }
#content div.c_tdetail div.c_typ-in td, #content div.c_tdetail div.c_typ-in th { padding: 0.5em 1em 0.3em 0.5em; text-align: left }
div.c_tdetail div.c_typ-in input { border: 1px solid #d7d7d7 }
div.c_tdetail div.c_typ-in input.kosik { border: none }
div.c_tdetail div.c_photo img { padding: 5px 15px 0 0; border: none }
hr.c_typ { display: none }
/* /detail produktu */

/* produkty */
/*
.produkty { width: 100%; margin: 1em 0; overflow: hidden }
.produkt { float: left; width: 163px; margin: 0 4px 4px 0; padding: 3px; overflow: hidden; background-color: #1e2223 }
.produkt.p-last { margin-right: 0 }
.p-foto { margin: 0; padding: 15px 0 0 0; height: 91px; background: #fff url(img/sys/bg_pfoto.gif) no-repeat 0 0; text-align: center }
html>body .p-foto { min-height: 91px; height: auto }
.p-info { padding: 6px 5px 10px 5px; color: #757575 }
.dostupnost { color: #3d84a7 }
.p-info .kod { color: #595959 }
.p-popis { margin: 0.5em 0 2em 0; font-size: 90%; line-height: normal; height: 65px }
html>body .p-popis { min-height: 65px; height: auto }
.p-popis .p-nazev { font-weight: bold; text-transform: uppercase }
.p-detail { position: relative; width: 100%; margin: 0 }
.cena { color: #ff0b00; font-size: 140% }
.p-detail em { font-size: 90%; position: absolute; left: 0; top: -12px }

.button-kosik { width: 54px !important; height: 29px !important }
*/

div.produkt { float: left; width: 163px; margin: 0 4px 4px 0; padding: 3px; overflow: hidden; background-color: #1e2223 }
div.produkt.p-last { margin-right: 0 }
div.produkt h2 { font-size: 100%; margin: 0 }
div.produkt h3 { font-size: 100%; color: #595959; margin: 0.4em 0; font-weight: normal }
div.produkt div.c_photo a { display: block; background: #ffffff; text-align: center; height: 91px }
html>body div.produkt div.c_photo a { min-height: 91px; height: auto }
div.produkt div.c_photo table { width: 100% }
div.produkt div.c_photo img { padding: 0; border: none }

div.c_photo { position: relative; background: #ffffff; }
div.c_akcni-zbozi { position: absolute; width:43px; height:43px; right: 0; top: 0; background-color:#0F0; background: url(img/sys/bg_c_akcni-zbozi.gif) 0 0 no-repeat; overflow:hidden; text-indent:-9999px; }
div.c_akcni-zbozi span {}
div.c_tdetail div.c_photo { float: right }

div.produkt div.p-info h2 { line-height: normal; height: 3.8em }
html>body div.produkt div.p-info h2 { min-height: 3.8em; height: auto }

div.produkt div.p-info p { font-size: 90%; line-height: normal; height: 6em }
html>body div.produkt div.p-info { min-height: 6em; height: auto }

div.produkt .cena { color: #ff0b00; font-size: 140% }
/* /produkty */

/* ostatni tridy pro web */
#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #1e2223; color: #fff }
#content table tfoot td, #content table tfoot th { background-color: transparent }
#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_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 }
/* /prilohy */

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

/* eshop */
#content table.eshop_zbozi { width: 100% }
#content table#eshop_soucet_cen td { border: none; background: transparent }
#content table#eshop_soucet_cen { border: none;  width: 100% }
td.eshop_cena_celkem { font-size: 120%; font-weight: bold }
/* /eshop */

/* uzivatelsky definovane styly - pokud uzivatel pridava styly, necht je pise pod tento radek */