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

body { font: 75%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #707172; background-color: #fff }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #000; padding: 0; line-height: normal }
h1 { font-size: 200%; clear: both; margin: 0.2em 0 1em 0 }
h2 { font-size: 150%; margin: 1.5em 0 0.5em 0 }
h3 { font-size: 130%; margin: 1.7em 0 0.5em 0 }
h4 { font-size: 110%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #d20e20 }
a:link { color: #d20e20 }
a:hover { color: #50b848; text-decoration: none }
p { margin: 1em 0 1.5em 0; line-height: 1.6 }
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 #e9e9e9; padding: 3px; background-color: #fff }
.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: 980px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #fff url(img/sys/bg_main.png) repeat-y right top
}

#header { width: 100%; padding: 30px 0 15px 0; position: relative; background-color: #fff }

#content {
    float: right;
    width: 704px;
    overflow: hidden;
    background: transparent url(img/sys/bg_content.png) no-repeat 8px 0
}
#content-in { padding: 0 35px 30px 29px }

#panel {
    float: left;
    width: 276px;
    position: relative;
    z-index: 9
}
#panel-in { padding: 0 0 0 14px }

#footer {
    width: 980px;
    height: 160px;
    position: relative;
    top: -3px;
    background: #fff url(img/sys/bg_footer.png) no-repeat 0 0
}
/* /layout - zaklad */

/* layout - special */
#main.home { background: none }
#main.home #content { float: none; width: 100%; padding: 0 0 15px 0; background: none }
#main.home #header { padding: 30px 0 0 0 }
#main.home #footer { height: 120px; top: 0; background: #fff url(img/sys/bg_footer_home.png) no-repeat 0 0 }

#logo, #logo span { display: block; position: relative; width: 244px; height: 79px; overflow: hidden; text-decoration: none; cursor: pointer; outline: none }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.png) no-repeat 0 0 }

#slogan { position: absolute; left: 244px; top: 59px }

#menu { width: 100%; height: 50px; background: #fff url(img/sys/bg_menu.png) no-repeat 0 0 }
#menu ul { margin: 0; padding: 1px 16px 0 16px; list-style: none }
#menu li { float: left; padding: 0 2px 0 0; background: transparent url(img/sys/bg_menu_li.png) no-repeat right top }
#menu .m-last { background: none; padding: 0 }
#menu .m-last a { padding-right: 19px }
#menu a { color: #fff; font-size: 100%; font-weight: bold; float: left; display: block; height: 33px; line-height: 32px; padding: 0 17px 0 35px; background: transparent url(img/sys/bg_menu_a.png) no-repeat 0 0; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px #2a2a2b }
#menu a:hover, #menu a.active { color: #fff; text-shadow: none; background-position: 0 -38px }

.submenu-title { margin: 0; padding: 20px 20px 15px 20px; background: transparent url(img/sys/h3_submenu_title.png) no-repeat 0 0 }
.submenu-title a { color: #000; text-decoration: none }
.submenu { margin: 0 0 10px 0; padding: 0 10px 15px 10px; background: transparent url(img/sys/bg_submenu2.png) no-repeat left bottom; list-style: none }
.submenu ul { margin: 0; padding: 0; list-style: none }
.submenu li { padding: 0 0 2px 0; background: transparent url(img/sys/bg_submenu_li.png) repeat-x left bottom }
.submenu li a { display: block; padding: 4px 0 5px 30px; color: #000; font-size: 120%; text-decoration: none; background: transparent url(img/sys/bullet4.png) no-repeat 10px 11px }
.submenu li a:hover { background-color: #e1e1e1; text-decoration: underline }
/*.submenu li.active { border: 1px solid #d4d4d4; background: #e1e1e1 }*/
.submenu li.active a.active { color: #d20e20; font-weight: bold }
.submenu li.active ul { padding: 0 10px 10px 13px }
.submenu li.active li { border: 0; background: none }
.submenu li.active li a { font-size: 90%; padding: 2px 0 3px 12px; background: transparent url(img/sys/bullet5.png) no-repeat 0 6px }
.submenu li.active li a:hover { color: #d20e20 }
.submenu li.active li.active ul { padding: 5px 0 10px 18px }
.submenu li.active li.active li a { width: 146px; padding: 2px 0 0 9px; background: transparent url(img/sys/bullet6.png) no-repeat 0 6px }

#submenu { margin: 0 0 13px 0; padding: 0 15px }
#submenu ul { margin: 0; padding: 0 10px; list-style: none; width: 930px; overflow: hidden; background: transparent url(img/sys/bg_submenu.png) repeat-y 0 0 }
#submenu li { float: left; height: 33px }
#submenu li a { color: #fff; font-weight: bold; font-size: 120%; float: left; height: 28px; line-height: 27px; padding: 0 14px 0 24px; white-space: nowrap; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px #940814; background: transparent url(img/sys/bullet3.png) no-repeat 12px 11px }
#submenu li a:hover, #submenu li a.active { background-color: #50b848; text-shadow: none }

#tabs { margin: 0; padding: 0 0 0 20px; list-style: none; width: 242px; height: 40px; position: relative; top: 1px; overflow: hidden }
#tabs li { float: left; position: relative; background: transparent url(img/sys/bg_tabs_li.png) no-repeat right top }
#tabs li a { color: #000; font-size: 120%; float: left; display: block; height: 40px; line-height: 46px; background: transparent url(img/sys/bg_tabs_a.png) no-repeat 0 -1px }
#tabs li.active { background-position: right -40px; z-index: 9 }
#tabs li.active a { color: #d20e20; font-weight: bold; background-position: 0 -41px }
#tabs .t1 a { padding: 0 27px 0 15px }
#tabs .t1.active a { padding: 0 25px 0 15px }
#tabs .t2 { left: -20px }
#tabs .t2.active { left: -20px }
#tabs .t2 a { padding: 0 25px 0 25px }
#tabs .t2.active a { padding: 0 25px 0 15px }

.tabs ul { margin: 0; padding: 0; list-style: none; height: 40px; position: relative; top: 1px }
.tabs li { float: left; position: relative; background: transparent url(img/sys/bg_tabs_li.png) no-repeat right top; margin-right: -10px }
.tabs li a { padding: 0 20px; color: #000; font-size: 120%; display: block; height: 40px; line-height: 46px; background: transparent url(img/sys/bg_tabs_a.png) no-repeat 0 -1px }
.tabs li.selected { background-position: right -40px; z-index: 101 !important }
.tabs li.selected a { color: #d20e20; font-weight: bold; background-position: 0 -41px; padding-left: 10px }
.tabs li.last { margin-right: 0 }

.tabs-content { border: 1px solid #e4e4e4; margin-bottom: 2em; padding: 1em }

.tabs-content.tabs-menu { padding: 0; border: none }
.tabs-content.tabs-menu .submenu-title { background-image: url(img/sys/h3_submenu_title_tabs.png) }

#top-links { position: absolute; right: 13px; top: 29px; text-align: right; width: 500px; padding-right: 10px }
#top-links * { text-align: left }
#top-links a { color: #000; font-size: 90%; margin: 0 0.7em }
#top-links form { display: inline }
#top-links option { padding-left: 16px }
#top-links .cz { background: transparent url(img/sys/ico_cz.png) no-repeat 0 0 }

/*#top-links .dd { width: 35px !important; height: 15px; padding: 3px 0 0 6px; background: transparent url(img/sys/bg_langs.png) no-repeat 0 0; margin: 0; position: absolute; top: 0; right: 0; z-index: 20 }
#top-links .ddTitle .arrow { background: transparent url(img/sys/bullet.png) no-repeat center !important; width: 15px; height: 15px; cursor: pointer; position: absolute; right: 0px }
#top-links .ddTitle { margin: 0; padding: 0; height: 10px }
#top-links .ddTitle span { position: absolute }
#top-links .ddTitle .ddTitleText .ddTitleText { display: none }
#top-links .ddChild {
    display: none; width: auto !important; border: 1px solid #c3c3c3; position: absolute; padding: 3px 5px; left: 0; top: 17px !important; border-radius: 3px; z-index: 20;
    border-radius: 4px; background: #f4f4f4; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ededed));
    background-image: -webkit-linear-gradient(top, #fff, #ededed); background-image: -moz-linear-gradient(top, #fff, #ededed);
    background-image: -ms-linear-gradient(top, #fff, #ededed); background-image: -o-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
#top-links .ddChild a { display: block; white-space: nowrap; margin: 2px 0; text-decoration: none }
#top-links .ddChild a:hover { color: #d20e20 }*/
#top-links-logged { display: inline-block; padding: 0 20px 2px 0; position: relative; top: -2px }

/*#langs { display: inline-block; width: 35px; height: 15px; padding: 2px 0 0 6px; background: transparent url(img/sys/bg_langs.png) no-repeat 0 0 }*/
/*#langs a { padding: 0 19px 0 0; background: transparent url(img/sys/bullet.png) no-repeat right 4px }*/
/*#langs img { border: 1px solid #d6d6d6 }*/
#langs { display: inline-block; /*width: 35px;*/ height: 15px; padding: 3px 2px 0 2px; background: transparent url(img/sys/bg_langs.png) no-repeat 0 0 }
#langs a { padding: 0 19px 0 0; background: transparent url(img/sys/bullet.png) no-repeat right 4px }
#langs-select { background: #f5f5f5 }
#langs-select a { color: #000 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; right: 35px; top: 63px; width: 181px; height: 29px; background: transparent url(img/sys/bg_searchform.png) no-repeat 0 0; z-index: 10 }
#searchword { color: #707172; width: 135px; padding: 5px 2px; border: 0; background: none; position: absolute; left: 5px; top: 2px; outline: none }
.button-vyhledat { width: 24px !important; height: 23px !important; position: absolute; left: 154px !important; top: 3px !important; padding: 0 !important; outline: none }

#navbox { width: 640px; padding: 10px 20px 25px 20px; position: relative; left: -20px; overflow: hidden; background: transparent url(img/sys/bg_navbox.png) no-repeat left bottom }
#cesta { float: left; font-size: 85%; margin: 0; color: #000 }
#navigace { float: right; margin: 0; font-size: 85% }
#navbox a { color: #000 }

#copyright { margin: 0; padding: 39px 40px 0 40px; color: #fff; font-size: 90%; text-align: right }
#main.home #copyright { padding-top: 27px }
#copyright span { float: left; position: relative; top: -4px }
#copyright a { color: #fff }
#copyright .a-doporucit { color: #dcdcdc; margin: 0 0.5em 0 0; padding: 0 52px 0 0; display: inline-block; height: 25px; line-height: 25px; background: transparent url(img/sys/ico-doporucit.png) no-repeat right top }
/* /layout - special */

/* welcome + slideshow */
#welcome { width: 952px; padding: 0 14px; overflow: hidden; position: relative }

#slideshow { float: left; padding: 5px; position: relative; width: 672px; height: 342px; overflow: hidden; background: transparent url(img/sys/bg_slideshow.png) no-repeat 0 0 }
#slideshow a { display: block }
#slideshow ul, #slideshow ol { list-style: none; margin: 0; padding: 0 }
#slideshow ul.pagination { display: block; height: 17px; position: absolute; right: 15px; bottom: 15px; z-index: 99 }
#slideshow ul.pagination li { display: block; float: left; width: 17px; height: 17px; margin: 0 0 0 5px; background: transparent url(img/sys/bg_sstep.png) no-repeat 0 0; cursor: pointer }
#slideshow ul.pagination li:hover, #slideshow ul.pagination li.current { background-position: 0 -17px }
#slideshow ul.pagination a { text-indent: -999em; outline: none }

#zabak { width: 262px; height: 206px; margin: 0 0 8px 0; float: right; position: relative; background: transparent url(img/sys/bg_zabak_poradna.png) no-repeat 0 0 }
#zabak ul { height: 114px; margin: 0; padding: 17px 0 0 136px; list-style: none; background: transparent url(img/sys/bg_zabak.png) no-repeat 5px 7px; }
#zabak li { height: 46px; padding: 12px 10px 0 25px; line-height: normal; background: transparent url(img/sys/bg_bublina.png) no-repeat 0 0 }
#zabak li a { color: #449040; font-size: 120%; font-weight: bold }
.modra-linka, .modra-linka-inside { margin: 0; padding: 7px 0 0 10px; width: 242px; height: 63px; position: absolute; left: 5px; top: 131px; color: #fff; font-size: 90%; line-height: 1.2; text-shadow: 1px 1px #506c86; background: #799dbf url(img/sys/bg_ml.png) no-repeat 0 0 }
.modra-linka-inside { position: relative; left: 0; top: 0; }
.modra-linka small, .modra-linka-inside small { text-transform: uppercase }
.modra-linka a, .modra-linka-inside a { color: #fff; font-weight: bold }
.modra-linka b, .modra-linka-inside b, .modra-linka strong, .modra-linka-inside strong { font-size: 210% }

#welcome #katalog { position: absolute; right: 14px; top: 214px }
#katalog { width: 262px; height: 65px; margin: 0 0 8px 0; position: relative; line-height: normal; background: transparent url(img/sys/bg_box.png) no-repeat 0 0 }
#katalog h3 { font-size: 120%; margin: 0; padding: 24px 0 0 20px; line-height: 1 }
#katalog h3 a { color: #707172; text-shadow: 1px 1px #fff; text-transform: uppercase; outline: none }
#katalog h3 a:hover { color: #000 }
#katalog img { position: absolute; left: 158px; top: -6px }

#welcome #konfigurator { position: absolute; right: 14px; top: 287px; margin: 0 }
#konfigurator { width: 262px; height: 65px; margin: 0 0 8px 0; position: relative; line-height: normal; background: transparent url(img/sys/bg_box.png) no-repeat 0 0 }
#konfigurator h3 { font-size: 120%; margin: 0; padding: 24px 0 0 20px; line-height: 1 }
#konfigurator h3 a { color: #707172; text-shadow: 1px 1px #fff; text-transform: uppercase; outline: none }
#konfigurator h3 a:hover { color: #000 }
#konfigurator img { position: absolute; left: 172px; top: -6px }

/* /welcome + slideshow */

/* rozcestnik */
#rozcestnik { width: 100%; height: 180px; position: relative }
#rozcestnik .sekce { width: 227px; height: 167px; margin: 0 8px 0 0; padding: 5px 0 0 5px; line-height: 0; position: absolute; background: transparent url(img/sys/bg_sekce.png) no-repeat 0 0 }
#rozcestnik .sekce:hover { background-position: 0 -189px; width: 257px; height: 183px; z-index: 99; top: 9px !important }
#rozcestnik .sekce h3 { margin: 0; width: 222px; height: 40px; font-size: 120%; background: transparent url(img/sys/bg_sekce_h3.png) no-repeat 0 0; text-transform: uppercase }
#rozcestnik .sekce h3 a { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 0 0 37px; color: #707172; text-decoration: none; text-shadow: 1px 1px #fff; background: transparent url(img/sys/bullet2.png) no-repeat 9px 11px }
#rozcestnik .sekce h3 a:hover { background-position: 9px -29px }
#rozcestnik .sekce.s1 { left: 14px; top: 8px }
#rozcestnik .sekce.s2 { left: 254px; top: 8px }
#rozcestnik .sekce.s3 { left: 494px; top: 8px }
#rozcestnik .sekce.s4 { left: 734px; top: 8px }
/* /rozcestnik */

/* rubriky */
#rubriky { border: 1px solid #e4e4e4; margin: 0 14px; padding: 8px; background-color: #fff }
#rubriky .in { width: 100%; overflow: hidden; background: transparent url(img/sys/bg_rubriky.png) repeat-y 0 0 }
#rubriky #novinky { float: left; padding: 20px; width: 427px }
#rubriky #clanky { float: right; padding: 20px; width: 427px }
#rubriky h3 { color: #707172; margin: 0 0 0.5em 0; text-shadow: 1px 1px #fff; font-weight: normal; text-transform: uppercase }
p.button { margin: 1em 0 0 0 }

#novinky .news { padding: 12px 0 14px 0; width: 100%; overflow: hidden; background: transparent url(img/sys/divider.png) no-repeat left bottom }
#novinky .news img { float: left; border: 2px solid #fff }
#novinky .news h4 { font-size: 120%; margin: 2px 0 3px 115px }
#novinky .news .nw_text, #novinky .news .nw_date { margin: 0 0 0 115px; line-height: 1.4; font-size: 90% }
/*.nw-hr { display: none }*/

#clanky .clanek { float: left; width: 193px; padding: 12px 20px 14px 0 }
#clanky .clanek h4 { font-size: 120%; margin: 2px 0 3px 0 }
#clanky .clanek h4 a { color: #707172 }
#clanky .clanek .c_text { font-size: 90% }
#clanky .clear { background: transparent url(img/sys/divider.png) no-repeat 0 0; height: 2px; width: auto }
/* /rubriky */

.tlacitko:link, .tlacitko:hover { color: #000 }
.tlacitko { display: inline-block; margin: 0 16px; line-height: 24px; position: relative; text-align: center; background: transparent url(img/sys/button.png) repeat-x 0 -24px; text-transform: uppercase; color: #000; font-size: 90%; text-decoration: none; padding-top: 1px }
.tlacitko .tl, .tlacitko .tr { position: absolute; top: 0; width: 16px; height: 24px; background: transparent url(img/sys/button.png) no-repeat 0 0; }
.tlacitko .tl { left: -16px }
.tlacitko .tr { background-position: 0 -48px; right: -16px }
.tlacitko.ts { padding-right: 12px }
.tlacitko.ts em { position: absolute; width: 9px; height: 7px; background: transparent url(img/sys/bullet4.png) no-repeat 0 0; top: 9px; right: -3px }

/* buttony */
.buttony { margin: 0 0 5px 0; padding: 0; list-style: none }
.buttony li { margin: 0 0 3px 0 }
.buttony li a { color: #fff; font-size: 120%; text-shadow: 1px 1px #000; text-align: center; text-transform: uppercase; font-weight: bold; display: block; height: 40px; line-height: 37px; background: transparent url(img/sys/bg_button.png) no-repeat 0 0 }
.buttony li a:hover { background-position: 0 -40px }
/* /buttony */

/* tip */
#tip { margin: 0 0 8px 0; height: 162px; background: transparent url(img/sys/bg_tip.png) no-repeat 0 0 }
#tip p { color: #231f20/*449040*/; font-size: 100%; line-height: 1.2; margin: 0; position: relative; left: 116px; top: 16px; width: 131px; background: transparent url(img/sys/bg_bublina_down.png) no-repeat left bottom }
#tip p strong { display: block; padding: 13px 13px 13px 23px; background: transparent url(img/sys/bg_bublina_up.png) no-repeat 0 0 }
/* /tip */

/* doplnky */
#doplnky, .product-doplnky { width: 100%; overflow: hidden }
#doplnky .doplnek, .product-doplnky .doplnek { display: inline-block; margin: 0 16px 20px 0; text-align: center; font-size: 90%; width: 108px; height: 148px; overflow: hidden; }
#doplnky .doplnek a, .product-doplnky .doplnek a { color: #000 }
.doplnek a:hover img, .product-doplnky .p-photo a:hover img { border: 1px solid #ecb3b8; vertical-align: bottom }
.doplnek .p-photo { position: relative }
.doplnek .p-photo a { position: absolute; bottom: 0; left: 0; width: 100% }

/* doplnky produktu */
.product-doplnky img { border: 1px solid #e9e9e9; background-color: #fff; padding: 3px }
.product-doplnky .p-photo { margin-bottom: 8px; width: 108px; height: 108px; position: relative }
/*.product-doplnky img { margin-bottom: .5em }
.product-doplnky .doplnek { float: left; margin: .5em; width: 102px; height: 140px; overflow: hidden; text-align: center }
.product-doplnky .doplnek div { margin: 0 0 .5em 0 }
.product-doplnky .p-photo img { border: 1px solid black }
.product-doplnky .p-photo a:hover img { border: 1px solid black }*/
/* /doplnky produktu */
/* /doplnky*/

/* detail */

/*
#p-detail { width: 100%; overflow: hidden }
#p-gallery { float: left; width: 240px; text-align: center; border: 1px solid #e5e5e5; padding: 4px; background-color: #fff; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
#p-gallery .in { padding: 10px; background-color: #eee }
#p-gallery div.gallery { overflow: scroll; white-space: nowrap; overflow-y: auto; }
#p-gallery div.gallery img { border: 1px solid #fff }
#p-gallery div.gallery a:hover img { border: 1px solid #eaeaea }
#p-main-photo { margin: 0 0 5px 0 }
*/
#p-info { float: right; width: 378px }
.p-novinka { position: absolute; right: 11px; top: 11px; width: 87px; height: 19px; overflow: hidden; background: transparent url("img/sys/novinka.png") no-repeat 0 0; text-align: center; font-weight: bold; color: #000; text-transform: uppercase; font-size: 110%; padding-top: 2px }

#social { margin: 3em 0 0 0; position: relative }
#social img { margin: 0 5px 0 0 }
#social .fb-like { position: absolute; right: 0; top: 6px }
/* /detail */

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

.t01 { border: 1px solid #e5e5e5; margin: 1.5em 0 1em 0; padding: 4px; background-color: #fff; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
#content .t01 table { border: 0; width: 100% }
#content .t01 th { color: #fff; font-size: 90%; text-align: center; text-shadow: 1px 1px #4c4d4e; border: 1px solid #fff; padding: 5px 10px; background: #757677 url(img/sys/bg_th.png) repeat-x 0 0 }
#content .t01 td.tac, #content .t01 th.tac { text-align: center }
#content .t01 td.tal, #content .t01 th.tal { text-align: left }
#content .t01 td { font-size: 90%; padding: 5px 10px; border: 1px solid #fff; background-color: #eee; vertical-align: middle }

#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: #eeeeee }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }


#content .support table, .support table { border: 0; width: 100% }
#content .support th, .support th { color: #fff; font-size: 85%; text-align: center; text-shadow: 1px 1px #4c4d4e; border: 1px solid #fff; padding: 5px 10px; background: #757677 url(img/sys/bg_th.png) repeat-x 0 0 }
#content .support td.tac, .support td.tac, #content .t01 th.tac, .t01 th.tac { text-align: center }
#content .support td.tal, .support td.tal, #content .t01 th.tal, .t01 th.tal { text-align: left }
#content .support td, .support td { font-size: 90%; padding: 5px 10px; border: 1px solid #fff; background-color: #eee; vertical-align: middle }
#content .support tr.headline td { background-color: #959799; color: #fff }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
.highlight { background: #FFFF00 }
/* /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_date { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
#page-attachment h2 { border-bottom: 1px solid #d7d7d7; font-size: 130%; margin: 2em 0 .5em 0; padding-bottom: .3em }
.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_title { font-weight: bold }
.dwn_title_meta { height: 54px; overflow: hidden }
.dwn_tile { float: left; width: 25%; height: 330px; overflow: hidden }
.dwn_thumb img { border: 1px solid #000 }
.dwn_ico { margin: 0 0 3px 0; padding: 0 0 0 20px; background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_doc, .dwn_ico_docx { background: url(cms/img/ico/ico-doc.gif) no-repeat top left }
.dwn_ico_avi, .dwn_ico_wmv, .dwn_ico_mp4, .dwn_ico_mpg { background: url(cms/img/ico/video.png) 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, .dwn_ico_xlsx { 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 }
#p-left { float: left; width: 230px; margin-right: 1em }
#p-gallery { text-align: center; border: 1px solid #e5e5e5; padding: 4px; background-color: #fff; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; position: relative }
#p-gallery p { margin: 0; overflow: hidden }
#p-info .icons-photo { margin-left: 2px }
#p-icons a { margin-right: 4px; float: left; display: block; border: 2px solid #fff; padding: 2px }
#p-icons a:hover { border: 2px solid #6D6D6F; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px }
/*#p-left .icons-photo div { display: inline-block;  }*/
#local-fotogalerie { padding: 2px; /*background-color: #eee*/ }
#local-fotogalerie strong { font-size: 12px }
#local-fotogalerie img { border: 1px solid #eaeaea; padding: 2px; }
#local-fotogalerie .foto-show { margin-top: 6px; height: 127px; overflow: auto; overflow-y: hidden; white-space: nowrap }
#local-fotogalerie .foto-show img { margin: 0 3px 0 0; border: 1px solid #eaeaea }
/* /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 */

/* mapy */
.google-map { margin: 3em 0; text-align: center }
/* /mapy */

/*
a.tlacitko span { color: #d20e20; font-weight: bolder; font-family: monospace; letter-spacing: -3px; font-size: 110% }
a.tlacitko {
    color: #000; text-decoration: none; line-height: normal; display: inline-block; padding: 3px 15px 1px 15px; font-weight: normal;
    border-radius: 7px; background: #eeeeee; text-transform: uppercase; font-size: 90%;
    -moz-box-shadow: 0 2px 2px #5d5d5d;
    -webkit-box-shadow: 0 2px 2px #5d5d5d;
    box-shadow: 0 2px 2px #5d5d5d;
    border: 1px solid #c4c4c4;
    letter-spacing: 0;
    font-weight: 500;
    background-image: linear-gradient(top, #ebebeb 25%, #cccccc 50%, #ebebeb 75%, #fff 90%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(.25, #ebebeb), color-stop(.5, #cccccc), color-stop(.75, #ebebeb), color-stop(.9, #fff));
    background-image: -webkit-linear-gradient(top, #ebebeb 25%, #cccccc 50%, #ebebeb 75%, #fff 90%);
    background-image: -moz-linear-gradient(top, #ebebeb 25%, #cccccc 50%, #ebebeb 75%, #fff 90%);
    background-image: -ms-linear-gradient(top, #ebebeb 25%, #cccccc 50%, #ebebeb 75%, #fff 90%);
    background-image: -o-linear-gradient(top, #ebebeb 25%, #cccccc 50%, #ebebeb 75%, #fff 90%), -o-linear-gradient(top, red 25%, #cccccc 50%, #ebebeb 75%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1370bc', endColorstr='#5ba8e6');
}
*/

/* hlasky */
.status-ok, .status-error, .status-warning, .status-info { text-align: left; padding: 15px 15px 15px 60px; position: relative; margin: 8px 0; border-width: 1px; border-style: solid; font-weight: bold }
.status-ok { border-color: #dce6c9; color: #1db83c; background-color: #f0f5e6 }
.status-error { border-color: #ead5d5; color: #de1700; background-color: #f5e6e6 }
.status-warning { border-color: #faeabd; color: #e47c33; background-color: #ffffd9 }
.status-info { border-color: #cee4f2; color: #0077ca; background-color: #e4f2f9 }
.status-debug { border-color: #e5e5e5; color: #7a7a7a; background-color: #f1f1f1 }

.status-ok span, .status-error span, .status-warning span, .status-info span { display: block; position: absolute; width: 32px; height: 100%; top: 0; left: 15px; background: transparent url("img/sys/statuslist.png") no-repeat 0 center }
.status-error span { background-position: -128px center }
.status-warning span { background-position: -96px center }
.status-info span { background-position: -32px center }
.status-debug span { background-position: -64px center }
/* hlasky */

table.product .price { text-align: right }
table.product .rozmery { white-space: nowrap }
table.product .typ, table.product .price { white-space: nowrap }
#content table.product .group { font-weight: bold; color: #000; padding-left: 2em }
table.product .bg0 td { background: #f4f4f4 }
table.product .group-rozmery { color: #707172; padding-left: 1em; font-weight: normal }

/* icopanel */
.icopanel { margin: 1em 0 }
.icopanel a, .icopanel span { display: block; float: left; width: 70px; height: 70px; overflow: hidden; position: relative; margin: 2px }
.icopanel em { display: block; position: absolute; width: 100%; height: 100% }

.ico-psk em { background: transparent url(img/sys/ikonografie/psk.png) no-repeat 0 0 }
.ico-psv em { background: transparent url(img/sys/ikonografie/psv.png) no-repeat 0 0 }
.ico-baterie em { background: transparent url(img/sys/ikonografie/baterie.png) no-repeat 0 0 }
.ico-phm em { background: transparent url(img/sys/ikonografie/phm.png) no-repeat 0 0 }
.ico-nabytek em { background: transparent url(img/sys/ikonografie/nabytek.png) no-repeat 0 0 }
.ico-elektronika em { background: transparent url(img/sys/ikonografie/elektronika.png) no-repeat 0 0 }
.ico-ppv em { background: transparent url(img/sys/ikonografie/ppv.png) no-repeat 0 0 }
.ico-ppu em { background: transparent url(img/sys/ikonografie/ppu.png) no-repeat 0 0 }
.ico-pvz em { background: transparent url(img/sys/ikonografie/pvz.png) no-repeat 0 0 }

#content .ico-b1 { background-position: -70px 0 }
#content .ico-c1 { background-position: -140px 0 }
#content .ico-d1 { background-position: -210px 0 }
#content .ico-e1 { background-position: -280px 0 }
#content .ico-f1 { background-position: -350px 0 }
#content .ico-g1 { background-position: -420px 0 }
#content .ico-h1 { background-position: -490px 0 }
#content .ico-i1 { background-position: -560px 0 }
#content .ico-j1 { background-position: -632px 0 }
#content .ico-k1 { background-position: -702px 0 }
#content .ico-l1 { background-position: -772px 0 }
#content .ico-m1 { background-position: -842px 0 }
#content .ico-n1 { background-position: -912px 0 }
#content .ico-o1 { background-position: -982px 0 }
#content .ico-p1 { background-position: -1053px 0 }

#content .ico-a2 { background-position: 0 -70px }
#content .ico-b2 { background-position: -70px -70px }
#content .ico-c2 { background-position: -140px -70px }
#content .ico-d2 { background-position: -210px -70px }
#content .ico-e2 { background-position: -280px -70px }
#content .ico-f2 { background-position: -350px -70px }
#content .ico-g2 { background-position: -420px -70px }
#content .ico-h2 { background-position: -490px -70px }
#content .ico-i2 { background-position: -560px -70px }

#content .ico-b3 { background-position: -70px -140px }
#content .ico-c3 { background-position: -140px -140px }
#content .ico-d3 { background-position: -210px -140px }
#content .ico-g3 { background-position: -420px -140px }
#content .ico-i3 { background-position: -560px -140px }

#content .ico-b4 { background-position: -70px -210px }
#content .ico-c4 { background-position: -140px -210px }
#content .ico-d4 { background-position: -210px -210px }
#content .ico-i4 { background-position: -560px -210px }

#content .ico-b5 { background-position: -70px -280px }
#content .ico-c5 { background-position: -140px -280px }
#content .ico-d5 { background-position: -210px -280px }
#content .ico-i5 { background-position: -560px -280px }

#content .ico-b6 { background-position: -70px -350px }
#content .ico-c6 { background-position: -140px -350px }
#content .ico-d6 { background-position: -210px -350px }

#content .ico-b7 { background-position: -70px -420px }
#content .ico-c7 { background-position: -140px -420px }
#content .ico-d7 { background-position: -210px -420px }

#content .ico-b8 { background-position: -70px -490px }
#content .ico-c8 { background-position: -140px -491px }
#content .ico-d8 { background-position: -210px -491px }

#content .ico-b9 { background-position: -70px -560px }
#content .ico-c9 { background-position: -140px -562px }
#content .ico-d9 { background-position: -210px -561px }

#content .ico-b10 { background-position: -70px -630px }
#content .ico-c10 { background-position: -140px -635px }
#content .ico-d10 { background-position: -210px -632px }

#content .ico-b11 { background-position: -70px -700px }
#content .ico-c11 { background-position: -140px -705px }
#content .ico-d11 { background-position: -210px -702px }

#content .ico-b12 { background-position: -70px -770px }
#content .ico-c12 { background-position: -140px -775px }
#content .ico-d12 { background-position: -210px -772px }
#content .ico-e12 { background-position: -280px -770px }
#content .ico-f12 { background-position: -350px -770px }

#content .ico-b13 { background-position: -70px -840px }
#content .ico-c13 { background-position: -140px -845px }
#content .ico-d13 { background-position: -210px -843px }
#content .ico-e13 { background-position: -280px -843px }
#content .ico-f13 { background-position: -350px -843px }

#content .ico-b14 { background-position: -70px -910px }
#content .ico-c14 { background-position: -140px -915px }
#content .ico-d14 { background-position: -210px -913px }
#content .ico-e14 { background-position: -280px -913px }
#content .ico-f14 { background-position: -350px -913px }

#content .ico-b15 { background-position: -70px -980px }
#content .ico-c15 { background-position: -140px -985px }
#content .ico-d15 { background-position: -210px -984px }
#content .ico-e15 { background-position: -280px -983px }
#content .ico-f15 { background-position: -350px -983px }

#content .ico-b16 { background-position: -70px -1050px }
#content .ico-c16 { background-position: -140px -1055px }
#content .ico-d16 { background-position: -210px -1054px }
#content .ico-e16 { background-position: -280px -1053px }
#content .ico-f16 { background-position: -350px -1053px }

#content .ico-c17 { background-position: -140px -1125px }
#content .ico-d17 { background-position: -210px -1125px }
#content .ico-f17 { background-position: -350px -1125px }

#content .ico-c18 { background-position: -140px -1195px }
#content .ico-f18 { background-position: -350px -1195px }

#content .ico-c19 { background-position: -140px -1266px }
#content .ico-d19 { background-position: -213px -1266px }

.colorpanel { margin: 1em 0 }
.colorpanel a, .icopanel span { display: block; float: left; width: 46px; height: 33px; overflow: hidden; position: relative; margin: 2px }
.colorpanel em { display: block; position: absolute; width: 100%; height: 100%; background: transparent url(img/sys/ikonografie/barvy.png) no-repeat 0 0 }

#content .colorpanel .ico-b1 { background-position: -46px 0 }
#content .colorpanel .ico-c1 { background-position: -92px 0 }
#content .colorpanel .ico-d1 { background-position: -137px 0 }
#content .colorpanel .ico-e1 { background-position: -183px 0 }
#content .colorpanel .ico-f1 { background-position: -229px 0 }
#content .colorpanel .ico-g1 { background-position: -274px 0 }
#content .colorpanel .ico-h1 { background-position: -320px 0 }
#content .colorpanel .ico-i1 { background-position: -365px 0 }
#content .colorpanel .ico-j1 { background-position: -411px 0 }
#content .colorpanel .ico-k1 { background-position: -457px 0 }

.colorpanel1 { margin: 1em 0 }
.colorpanel1 a, .icopanel span { display: block; float: left; width: 33px; height: 66px; overflow: hidden; position: relative; margin: 2px }
.colorpanel1 em { display: block; position: absolute; width: 100%; height: 100%; background: transparent url(img/sys/ikonografie/barvy1.png) no-repeat 0 0 }

#content .colorpanel1 .ico-b1 { background-position: -32px 0 }
#content .colorpanel1 .ico-c1 { background-position: -64px 0 }
#content .colorpanel1 .ico-d1 { background-position: -96px 0 }
#content .colorpanel1 .ico-e1 { background-position: -128px 0 }
#content .colorpanel1 .ico-f1 { background-position: -160px 0; }
/* /icopanel */

/* vypis rozcestniku produktu */
.produkty { width: 100%; overflow: hidden }
.produkty .produkt { width: 320px; float: left; font-size: 90% }
.produkty .produkt .p-img { position: relative; width: 158px }
.produkty .produkt .p-novinka { top: 6px; right: 6px }
.produkty .produkt .produkt-in { padding: 0 10px }
.produkty .p-photo { float: left; padding-top: 0 !important; margin: 0 20px 10px 0 }
.produkty .p-photo img { border: 1px solid #e9e9e9; padding: 3px !important; background-color: #fff; }
/*.produkty .p-info { float:right; }*/
.produkty h2 { margin: 1em 0 1em 0; font-size: 130% }
.produkty .p-cena { font-weight: bold }
.produkty .p-info { margin-left: 170px }

#produkty-rozc #gr .link-black { width: 141px; float: left; }
#gr { width: 100%; overflow: hidden }
#gr .gr-item  { display: inline-block; margin: 0 15px 5px 0 !important; text-align: center; font-size: 90% }
#gr .gr-item .gr-img { padding: 0 !important; }
#gr .gr-item img { border: 1px solid #e9e9e9; padding: 3px !important; background-color: #fff; }
#gr .gr-item h2 { font-size: 110%; margin-top: 10px; font-weight: normal }
#gr .gr-item a { color: #000 }
#gr .gr-item a:hover img { border: 1px solid #ecb3b8 }

/*#gr .gr-item { float: left; width: 25% }
#gr .gr-item-in {  margin: 5px; padding: 5px; font-size: 90% }
#gr .gr-img img { border: 1px solid black }
#gr h2 { margin: .5em 0 .5em 0; font-size: 130% }
#gr ul { padding-left: 2em }
#gr .link-black a { color: #333 }
#gr .link-black a:hover { color: #50b848 }*/
/* /vypis rozcestniku produktu */

/* support */
table.support th { font-size: 80% }
.support td a.ico { display: block; width: 16px; height: 16px; text-decoration: none }
/* /support */

#koncept-foto { float: right; width: 250px; margin-left: 25px; }
#koncept-foto #local-fotogalerie { padding: 1px 10px 1px 10px; }

/*.news .imgb { display: none }*/

/* oblibene */
.favorite-box { margin: 1em 0; border: 1px solid #e9e9e9 }
.favorite-in { margin: 0; padding: 5px }
.favorite-box .button-box { margin: 3em 0 0 3em; white-space: nowrap; width: 150px }
.favorite-box p { display: block; width: 470px }
.favorite-box .poslat-znamemu, .favorite-box .vymazat {  }
/* /oblibene */

#international .mensi { display: block; font-size: 90% }

/* seznamy adres firem */
#address div.nadpis { background: #ff0000; color:#ffffff; font-weight:bold; font-size:9pt; text-align:left; padding:1px 4px }
#address h2 { background: #ff0000; color:#ffffff; padding:1px 4px }

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