/*
Author: Jakub Beránek
Studio: www.vindi.cz
*/
html, body {
background: url("/images/background2.jpg") no-repeat center 0 #fdfdfd;
height: 100%;
font-size: 0.9em; 
padding: 0; 
margin: 0;
color: #000;
font-family: Verdana, Arial, Tahoma;
}

* {margin: 0; padding: 0;}
ul {margin: 0 20px;}
p {margin: 0 0 10px 0; line-height: 1.6em;}

img {border: none;}
a {outline: none; cursor: pointer; color: #990000;}
a:hover {color: #000; text-decoration: none;}

/* HEADLINE */
h1 {font-size: 24px; font-weight: normal; margin: 0 0 10px 0; font-style: italic;}
h2 {font-size: 18px; font-weight: normal; margin: 0 0 10px 0; font-style: italic;}
h3 {font-size: 16px; font-weight: normal; margin: 0 0 10px 0; font-style: italic;}
.main_nadpis {line-height: 46px; color: white; padding: 0 10px; background: #C20000 url('/images/main_nadpis.png') no-repeat 0 0; font-size: 18px; font-style: italic;}
.main_nadpis2 {line-height: 57px; color: white; margin: -5px 0 10px; padding: 0 15px; background: url('/images/main_nadpis2.png') no-repeat 0 0; font-size: 18px; font-style: italic; width: 705px; position: relative; left: -5px;}

/* OTHERS */
.fl_right {float: right;}
.ta_center {text-align: center;}
.black {color: #000;}
#prihlaseniKosik .sub, .soutez_info input[type=submit] {background: #2a2a2a; padding: 2px 7px; border: 1px solid #2a2a2a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; cursor: pointer;}
.bl_none {border-left: none;}
.ml_103 {margin-left: 103px;}
.d_none {display: none;}
.img_float_margin {float: left; margin: 0 10px 10px 0;}
.margin_11_0 {margin: 11px 0;}
.va_top {vertical-align: top;}
.width_160 {width: 160px;}
.width_210 {width: 210px;}
.p_kosik-fakturacni {border-bottom: 1px solid #dadada;}
.display_block {display: block !important;}
.display_none {display: none !important;}
.zbozi_fb {border:none; width:315px; height:50px; margin: 10px 0 5px 0;}

.drobecky {line-height: 30px; padding: 0 0 0 30px; background: url('/images/drobecky.png') no-repeat 0 0;}

/* PAGE KODING */
#wrap {min-height: 100%; height:auto !important; height: 100%;/*IE*/ position: relative;}
#box {position: relative; width: 980px; margin: 0px auto; padding: 198px 0 133px 0; overflow: hidden; background: url('/images/header2.png') no-repeat right 160px;}
#page {float: left; width: 980px;background:url('/images/shadow3.png') repeat-y center 0;_background:url('/images/shadow2.png') repeat-y center 0;}

#logo {position: absolute; left: 6px; top: 25px; height: 105px; width: 390px; display: block; z-index: 10;color:transparent}
#logo span {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url('/images/logo.jpg') no-repeat 0 0;}

#main {float: right; width: 715px; padding: 0 10px 0 10px; margin: -10px 0 0;/* color: #3a3a3a;*/}
#main strong {font-style: italic;}

#left {float: left; width: 243px; padding: 0;}
#left h3 {padding: 0 5px 0 15px; line-height: 48px; height: 48px; color: #fefefe; background: #c20000 url('/images/left_h3.png') repeat-x 0 0; font-style: italic; margin: 0;}
#left h3.news img {float: right; padding: 6px 0 0;}
#left h3.chart img {float: right; padding: 8px 0 0;}
#left h3.private-info img {float: right; padding: 5px 0;}
#left h3.log img {float: right; padding: 5px 0;}
#left h3.newsletter img {float: right; padding: 9px 0 0;}
#left h3.nejprodavanejsi img {float: right; padding: 5px 10px 0 0;}
#left .menu {list-style: none; width: 222px; padding: 0; margin: 0 0 -1px 0;}
#left .menu li {width: 222px; margin: 0 10px;}
#left .menu li a {width: 184px; display: block; border-bottom: 1px dashed #c2bcb8; line-height: 28px; padding: 0 5px 0 33px; color: #990000; text-decoration: none; background: url('/images/menu-arrow.png') no-repeat 13px 9px;}
#left .menu li a:hover, #left .menu li a.aktivni {background: #ddd url('/images/menu-arrow.png') no-repeat 13px 9px;}
#left .menu .menu {margin: 0 0 0 -10px; display: none;}
#left .menu li li a {background: none; padding: 0 5px 0 43px; width: 174px; color: #000;}
#left .menu li li a:hover, #left .menu li li a.aktivni {background: none; text-decoration: underline;}
#left .menu li li li a {background: none; padding: 0 5px 0 53px; width: 164px; color: #000;}
#left .menu li li li a:hover {background: none;}
.left_news {padding: 10px 15px 0 15px; border-bottom: 1px solid #ebebeb; color: #3e3e3e; font-size: 0.9em;}
.left_news h4 a {color: #000;}
.news_grey {background: #dfdfdf;}
.left_contact {padding: 10px; background: url('/images/left_contact.png') no-repeat right 70px; min-height: 56px; _height: 56px; font-size: 0.9em;}
.left_contact p {margin: 0 0 8px; line-height: 18px;}
.left_contact p strong {color: #c20000; font-size: 1.1em;}
.left_contact p a {font-size: 1.1em; font-weight: bold;}
.poll {padding: 10px;}
.poll .question {color: black; padding: 0 0 8px 0; border-bottom: 1px solid #e1e1e1;}
.poll .answer {padding: 10px 0 0; color: #555;}
.poll a {color: #555;}
.poll_bar {width: 227px; height: 8px; padding: 1px; background: #f2f5f7 url('/images/poll_bar.png') no-repeat 0 0; margin: 3px 0 0; position: relative;}
.poll_bar img {height: 8px !important; position: relative; %top: -5px;}
.over-poll_bar {position: absolute; right: 1px; top: 1px; height: 8px; display: block; background: url('/images/over-poll_bar.png') no-repeat 0 -1px;}
.login {padding: 10px 5px;}
.login label {display: none;}
.login #email {width: 199px; height: 43px; background: #f3f7f8 url('/images/left_input-text.png') no-repeat 0 0; padding: 0 17px; border: 0; margin: 0 0 10px 0; color: #aeaeae; padding: 13px 17px 0 17px\9; height: 30px\9;}
.login #heslo {width: 199px; height: 43px; background: #f3f7f8 url('/images/left_input-pass.png') no-repeat 0 0; padding: 0 17px; border: 0; margin: 0 0 10px 0; color: #aeaeae; padding: 13px 17px 0 17px\9; height: 30px\9;}
.login .active, .newsletter .active {background-position: 0 -43px !important;}
.login .text-pass {background: #f3f7f8 url('/images/left_input-text.png') no-repeat 0 0 !important;}
.login .sub, .newsletter .sub  {float: right; width: 75px; height: 22px;  background: #262626 url('/images/left_input-submit.png') no-repeat 0 0; border: 0; color: white; cursor: pointer; font-size: 0.9em; padding: 0 0 3px 0;}
ul#osobni-udaje {margin: 0 0 -1px 0;}
ul#osobni-udaje li {background: #a4a1a1;}
ul#osobni-udaje li.first {background: #e6e6e6 url('/images/osobni-udaje_first.png') repeat-x 0 0;;}
ul#osobni-udaje li a {color: #000; display: block; padding: 0 0 0 50px; line-height: 37px; font-size: 0.9em;}
ul#osobni-udaje li a.a1 {background: url('/images/osobni-udaje_a-editovat.png') no-repeat 9px center;}
ul#osobni-udaje li a.a2 {background: url('/images/osobni-udaje_a-kosik.png') no-repeat 9px center;}
ul#osobni-udaje li a.a3 {background: url('/images/osobni-udaje_a-objednavky.png') no-repeat 9px center;}
ul#osobni-udaje li a.a4 {background: url('/images/osobni-udaje_a-odhlasit.png') no-repeat 9px center;}
.newsletter {padding: 10px 5px;}
.newsletter_p {color: #2d2d2d; font-size: 0.85em; margin: 10px 5px 0 5px;}
#news_text {width: 199px; height: 43px; background: #f3f7f8 url('/images/left_input-text.png') no-repeat 0 0; padding: 0 17px; border: 0; margin: 0 0 10px 0; color: #777; padding: 13px 17px 0 17px\9; height: 30px\9;}
.nejprodavanejsi {border-bottom: 1px solid #efefef; padding: 10px 10px 10px 9px; position: relative; margin: 0 0 0 1px;}
.nejprodavanejsi_grey {background: #eee;}
.nejprodavanejsi h4 {color: #c20000; font-family: Verdana; font-size: 14px; font-style: italic;}
.nejprodavanejsi h4 a {color: #000; text-decoration: none;}
#left .grey {background: #efefef;}

#top {position: absolute; left: 0; top: 0; width: 100%; height: 90px; background: url('/images/top.png') no-repeat center 0;}
#footer {position: absolute; left: 0; bottom: 0; width: 100%; height: 133px;}
#footer_in {position: relative; margin: 0px auto; width: 980px; height: 104px; background: url('/images/footer.png') no-repeat center 0; padding: 29px 0 0 0; color: white; line-height: 52px;}
#footer_in p:first-child {line-height: 50px; margin: 0 10px; text-align: right;}
#footer_in p:first-child a {display: inline-block; color: #fff; text-decoration: none; margin: 0 10px;}
#footer_in p:first-child a:hover {text-decoration: underline;}
#footer_in p.sign {line-height: 20px; height: 40px; color: #000; font-size: 11px; padding: 10px 0 0;}
#footer_in p.sign span {float: right;}
#footer_in p.sign a {font-weight: bold; color: #000; text-decoration: none;}
#footer_in p.sign a:hover {text-decoration: underline;}
#footer_in .f_gopay {position: absolute; left: 384px; top: 44px;}
#footer_in .f_facebook {position: absolute; left: 529px; top: 44px;}
#footer .zakon {position: absolute; right: 10px; top: 0; color: #000; line-height: 20px; font-size: 10px;}

#menu {position: absolute; right: 0; top: 50px; height: 28px; list-style: none; margin: 0;}
#menu li {float: left; margin: 0 0 0 10px;}
#menu li a {float: left; line-height: 28px; padding: 0; width: 103px; text-align: center; color: #990000; background: url('/images/top-menu.png') no-repeat 0 0; font-size: 1em; text-decoration: none;}
#menu li a.first {width: 67px; background: url('/images/top-menu_first.png') no-repeat 0 0;}
#menu li a.op {width: 160px; background: url('/images/top-menu_op.png') no-repeat 0 0;}
#menu li a:hover {color: #000;}
#image_top {position: absolute; left: -3px; top: 52px;}
#search_text {position: absolute; left: 242px; top: 122px; background: url('/images/search_text.png') no-repeat 0 0; width: 205px; height: 30px; padding: 0 10px; border: 0; color: #777; z-index: 11;}
#search_submit {position: absolute; left: 457px; top: 122px; background: url('/images/search_submit.png') no-repeat 0 0; width: 32px; height: 30px; border: 0; text-indent: -9999px; cursor: pointer;}
#cart {position: absolute; right: 0; top: 109px; width: 152px; height: 51px; background: url('/images/cart.png') no-repeat 0 0; padding: 0 46px 0 19px; color: #515151;}
#cart a.kosik {position: absolute; right: 0; top: 0; width: 46px; height: 51px; display: block; text-indent: -9999px;}
#cart .vas-kosik {display: block; margin: 7px 0 0;}
#cart span {font-size: 0.85em; letter-spacing: -1px; line-height: 25px;}
#cart span a {color: #515151;}
.cart-ico2 {background: url('/images/cart2.png') no-repeat 0 0 !important; color: #fff !important;}
.cart-ico2 a {color: #fff !important;}

/* boxik */
.boxik {float: left; width: 218px; height: 370px; background: white url('/images/boxik.png') no-repeat 0 0; padding: 6px; margin: 0 12px 15px 0; position: relative;}
.boxik3 {margin-right: 0;}
.boxik .image {padding: 1px; display: table; width: 160px; height: 370px; text-align: center;}
.boxik .image_in {display: table-cell; vertical-align: middle; width: 160px; height: 370px;}
.boxik .image_in img {max-width: 160px; max-height: 370px;}
.boxik .nadpis {position: absolute; left: -5px; top: 274px; width: 227px; height: 84px; background: url('/images/boxik-nadpis.png') no-repeat 0 0;}
.boxik h3 {line-height: 27px; font-style: italic; font-size: 1.0em; font-weight: bold; padding: 5px 25px 0 15px; margin: 0;}
.boxik h3 a {color: #fff; text-decoration: none;}
.boxik h3 a:hover {text-decoration: underline;}
.boxik .vyr {display: block; line-height: 26px; color: #fff; margin: 0 0 0 15px;}
.boxik .odruda {display: block; line-height: 20px; color: #000; margin: 0 0 0 15px;}
.boxik .dostupnost {color: #3a3a3a; position: absolute; right: 15px; top: 224px; font-size: 0.8em;}
.boxik .prize {color: #c20000; position: absolute; right: 15px; top: 240px; font-size: 1.2em; text-align: right;}
.boxik .prize small {display: block; color: #000; font-weight: normal; font-size: 0.6em;}
.boxik .sub {position: absolute; right: 9px; bottom: 9px;/* width: 75px; height: 22px; background: #262626 url('/images/left_input-submit.png') no-repeat 0 0; border: 0; color: white; cursor: pointer; font-size: 0.9em; padding: 0 0 3px 0;*/}

/* clanek */
#clanek {padding: 10px; background: white; border: 1px solid #e8e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 0;}
.clanek-anotace {font-weight: bold;}
#soutez {border: 3px double #eee; padding: 10px;}

/* index */
#rozcestnik {position: relative; background: url('/images/rozcestnik.png') no-repeat right bottom; width: 555px; padding: 0 160px 0 0;}
#rozcestnik_in {position: relative; border: 1px solid #e9e9e9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; min-height: 112px; padding: 10px; color: #565656;}
#rozcestnik_in table {border-collapse: collapse; width: 100%;}
#rozcestnik_in table td {padding: 5px 10px 5px 0;}
#rozcestnik_in a {color: #a5a5a5; text-decoration: none;}
#rozcestnik_in a:hover {color: #565656; text-decoration: underline;}
.index_news {float: left; width: 177px; height: 102px; background: url('/images/index_news.png') no-repeat 0 0; margin: 0 5px 10px -2px; padding: 35px 30px 10px 30px; color: #686a6b; position: relative; line-height: 22px;}
.index_news_l {margin-right: 0;}
.index_news span {font-style: italic;}
.index_news a {position: absolute; right: 30px; bottom: 20px; color: #686a6b !important; font-weight: bold; font-size: 0.9em;}
.titulka_text {/*color: #8f8f8f; */margin: 0 0 10px 0;}

.i_limit-akce-div {position: relative; top: -15px; margin-bottom: -15px; width: 693px; border: 1px solid #990000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; background: #9b0000 url('/images/i_limit-akce-div.png') repeat-x 0 0; color: #fff;}
.i_limit-akce-div h2 {border-bottom: 1px dashed #fff; margin-top: -5px; line-height: 40px;}
.i_limit-akce-div h2 a {color: #fff;font-weight: bold;}
.i_limit-akce-div .i_limit-a {float: left; width: 390px; height: 190px; border: 1px solid #990000; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 10px 0 0; display: block; text-align: center; background: #fff;}
.i_limit-akce-div .i_limit-a img {max-width: 390px; max-height: 190px;}
.i_limit-akce-div table {width: 251px; border-collapse: collapse; font-size: 15px; margin: 20px 0;}
.i_limit-akce-div table td {height: 25px;}
.i_limit-akce-div table td:first-child {width: 100px; padding-left: 30px;}
.i_limit-akce-div table .td_puvodne {text-decoration: line-through;}
.i_limit-akce-div table .td_sleva {}
.i_limit-akce-div table .td_usetrite {}
.i_limit-akce-div table .td_cena {font-size: 25px; font-weight: bold; height: 30px;}
.i_limit-akce-div .cas {position: absolute; bottom: 11px; left: 420px; width: 259px; border: 2px dashed #fff; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center;}
.i_limit-akce-div .cas span {display: block; font-size: 25px;}
.i_limit-akce-div .sub {position: absolute; right: 10px; top: 8px; line-height: 30px; padding: 0 30px; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold;}

#jezditko{margin: 10px 0; padding-bottom: 21px; background: url('../images/slider.png') no-repeat 0 180px; position: relative; width: 715px; height: 180px;}
#s6 { width: 713px; height: 180px; border: 1px solid #d1d1d1; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
#s6 div { width: 713px; height: 180px; color: #333; text-align: center; font-size: 13px; }
#s6 div a{text-align:center;display:block}
#s6 div img { background: #fff;margin: 0 auto }
#s6 div { top: 0; left: 0;text-align:center }

#nav {position: absolute; left: 0; bottom: 0; z-index: 5; text-align: center; width: 715px;}
#nav a{display: inline-block; height: 14px; line-height: 14px; text-align: center; width: 14px; background: url('/images/slider_nonactive.png') no-repeat 0 0; color: #ff9000; text-indent: -9999px; margin: 0 2px;}
#nav a.activeSlide { background: url('/images/slider_active.png') no-repeat 0 0; color: #447700; font-weight: bold;}

/* kosik-tpl */
.povinne {color: #e68989;}
label.error {color: #e68989; display: block;}
#kosik-tabulkazbozi {width: 715px; border-collapse: collapse; margin: 10px 0 11px 0; font-size: 0.9em; background: #fff url('/images/kosik-tabulka.png') repeat-y 0 0;}
#kosik-tabulkazbozi th, #kosik-tabulkazbozi td {padding: 0 0 0 20px; text-align: left;}
#kosik-tabulkazbozi th {background: #272727; color: white; height: 38px;}
#kosik-tabulkazbozi th:first-child {background: #272727 url('/images/kosik-tabulka_th1.png') no-repeat 0 0;}
#kosik-tabulkazbozi th.last-child {background: #272727 url('/images/kosik-tabulka_th1.png') no-repeat right 0;}
#kosik-tabulkazbozi td {border-bottom: 1px solid #c2c2c2; height: 51px;}
#kosik-tabulkazbozi td .arrow {position: relative; top: 3px; margin: 0 10px 0 3px;}
#kosik-tabulkazbozi td .button_ulozit {position: relative; top: 3px; left: 3px;}
#kosik-tabulkazbozi .second td {background: #f5f5f5;}
#kosik-tabulkazbozi .second td:first-child {background: url('/images/kosik-tabulka_tr2.png') repeat-y 0 0;}
#kosik-tabulkazbozi .second td.last-child {background: url('/images/kosik-tabulka_tr2.png') repeat-y right 0;}
#kosik-tabulkazbozi a {color: #000; font-weight: bold;}
#kosik-tabulkazbozi tfoot td {height: 48px; border: none;}
#kosik-tabulkazbozi .tfoot {width: 240px; height: 50px; margin: -2px -1px -4px -20px; background: url('/images/kosik-tabulka_tfoot.png') no-repeat 0 bottom; padding: 0 0 0 475px; border-top: 1px solid #c2c2c2;}
#kosik-tabulkazbozi .tfoot .p1 {float: left; width: 110px; line-height: 50px; font-weight: bold; margin: 0;}
#kosik-tabulkazbozi .tfoot .p2 {float: left; width: 120px; line-height: 20px; padding: 5px 0 0; margin: 0;}
#kosik-tabulkazbozi input.ks {padding: 1px 2px; border: 1px solid #676767; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; width: 20px;}
#js_tr-dodani td {font-weight: bold; background: url('/images/kosik-tabulka_dvojitalinka.png') repeat-x 0 6px; padding-top: 6px; border: none;}
.log_reg {width: 615px; line-height: 70px; background:#fff url('/images/kosik_vyhody-registrace.png') no-repeat 0 0; padding: 0 0 0 100px; color: #134f67; font-weight: bold;}
.log_reg label {margin: 0 15px 0 0; %margin: 0 15px 0 0 !important; color: #000; font-size: 0.85em;}
.log_reg a { color: #134f67; font-weight: normal !important;}
#prihlaseniKosik {width: 695px; margin: -4px 0 0 -100px; padding: 0 10px; background: #d4f0fb url('/images/registraceKosik.png') no-repeat 0 bottom; line-height: 35px;}
#prihlaseniKosik #regemail, #prihlaseniKosik #regheslo {padding: 2px 5px; border: 1px solid #676767; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin: 0 0 0 10px; width: 180px;}
#registraceKosik {width: 695px; line-height: 35px; background: #d4f0fb url('/images/registraceKosik.png') no-repeat 0 bottom; padding: 0 10px 0 10px; margin: -4px 0 0;}
#registraceKosik table input {padding: 2px 5px; border: 1px solid #676767; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; width: 247px; margin: 0 0 0 10px;}

.dodaci_adresa {float: left; width: 379px; margin: 11px 0; position: relative;}
.fakturacni_adresa {float: left; width: 325px; margin: 11px 0 11px 11px; position: relative;}
.dodaci_adresa h2, .fakturacni_adresa h2 {background: #272727 url('/images/dodaci_adresa-h2.png') no-repeat 0 0; color: white; padding: 0 10px; line-height: 38px; font-size: 1.15em; margin: 0;}
.fakturacni_adresa h2 {background: #272727 url('/images/fakturacni_adresa-h2.png') no-repeat 0 0; margin: 0;}
.dodaci_adresa table, .fakturacni_adresa table {border-collapse: collapse; width: 100%;}
.js_fakturacni {border-top: 1px solid #fbfbfb; margin-top: -1px;}
.dodaci_adresa table td, .fakturacni_adresa table td {padding: 6px 10px; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada;}
.dodaci_adresa td:first-child, .fakturacni_adresa td:first-child {border-right: none; border-left: 1px solid #dadada;}
.pro-firmy td {border-right: 1px solid #dadada !important;}
.dodaci_adresa .second td:first-child, .fakturacni_adresa .second td:first-child {background: #f5f5f5;}
.dodaci_adresa .second td.last-child, .fakturacni_adresa .second td.last-child {background: #f5f5f5;}

.dodaci_adresa .spodek, .fakturacni_adresa .spodek {position: absolute; left: 0; bottom: 0; width: 449px; height: 4px; display: block; background: url('/images/dodaci_adresa-spodek2.png') no-repeat 0 bottom;}
.fakturacni_adresa .spodek {width: 337px; background: url('/images/fakturacni_adresa-spodek2.png') no-repeat 0 bottom;}
.dodaci_adresa .js_firma_spodek {position: absolute; left: 0; bottom: 0; width: 449px; height: 4px; display: block; background: url('/images/dodaci_adresa-spodek.png') no-repeat 0 bottom;}

.dodaci_adresa table input, .fakturacni_adresa table input, .dodaci_adresa table select, .fakturacni_adresa table select, .dodaci_adresa table textarea {padding: 2px 5px; border: 1px solid #676767; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; width: 230px;}
.fakturacni_adresa table input, .fakturacni_adresa table select {width: 207px;}
.fakturacni_adresa p {margin: 0; padding: 0 10px; line-height: 20px; border-left: 1px solid #dadada; border-right: 1px solid #eae9e9;}
.js_slevkod {display: none;}
a.js_slevkod_zobrazit {position: relative; left: -120px;}
.js_firma {display: none;}
a.js_firma_zobrazit {position: relative; left: -120px;}

#dodani {width: 715px; border-collapse: collapse; margin: 12px 0; background: #fff url('/images/kosik-dodani.png') repeat-y 0 0;}
#dodani thead th {background: #02a1e2; color: white; padding: 0 0 0 10px; height: 38px; font-size: 1.1em; text-align: left;}
#dodani thead th:first-child {background: #272727 url('/images/kosik-dodani_nadpis.png') no-repeat 0 0;}
#dodani thead th.last-child {background: #272727 url('/images/kosik-dodani_nadpis.png') no-repeat right 0;}
#dodani .dodani td {background: #f5f5f5;}
#dodani .dodani td:first-child {background: url('/images/kosik-dodani_2.png') repeat-y 0 0;}
#dodani .dodani td.last-child {background: url('/images/kosik-dodani_2.png') repeat-y right bottom;}
#dodani td {padding: 5px 0 5px 20px; border-bottom: 1px solid #dadada;}
#dodani tfoot td {color: #2a2a2a; height: 38px; font-size: 1.1em; border: none; padding: 5px 0 5px 10px; text-align: center; font-weight: bold;}
#dodani tfoot td:first-child {background: url('/images/kosik-dodani_bottom.png') no-repeat 0 bottom;}
#dodani tfoot td.last-child {background: url('/images/kosik-dodani_bottom.png') no-repeat right bottom;}

/* objednavky */
#moje-objednavky {border-collapse: collapse; width: 100%;}
#moje-objednavky td {padding: 5px;}
#moje-objednavky thead td {border-bottom: 1px solid #2c2c2c;}
#moje-objednavky tbody td {border-bottom: 1px solid #cfcfcf;}

/* pokladna */
.pozor-nedokonceno {width: 629px; height: 55px; line-height: 20px; background: #fff url('/images/pozor-nedokonceno.png') no-repeat 0 0; color: #272727; font-weight: bold; padding: 15px 0 0 86px; font-size: 0.9em; margin: 0 0 0 0;}
.boxpokladna {float: left; width: 379px; background: url('/images/boxpokladna.png') repeat-y 0 0; position: relative;}
.boxpokladna2 {margin: 0 0 0 10px; width: 325px; background: url('/images/boxpokladna2.png') repeat-y 0 0;}
.boxpokladna h2 {line-height: 38px; padding:0 10px; background: #048dc7 url('/images/boxpokladna-h2.png') no-repeat 0 0; color: white; font-size: 1.15em; margin: 0;}
.boxpokladna2 h2 {background: #048dc7 url('/images/boxpokladna2-h2.png') no-repeat 0 0;}
.boxpokladna table {border-collapse: collapse; width: 379px; border-bottom: 1px solid #e8e6e6;}
.boxpokladna2 table {width: 325px;}
.boxpokladna table td {height: 26px; padding: 0 10px;}
.boxpokladna .second td:first-child {background: url('/images/kosik-dodani_2.png') repeat-y 0 0;}
.boxpokladna .second td.last-child {background: url('/images/kosik-dodani_2.png') repeat-y right 0;}
.boxpokladna .spodekSVETLY {position: absolute; left: 0; bottom: 0; width: 379px; height: 4px; display: block; background: url('/images/boxpokladna_spodek.png') no-repeat 0 bottom;}
.boxpokladna .spodekTMAVY {position: absolute; left: 0; bottom: 0; width: 379px; height: 4px; display: block; background: url('/images/boxpokladna_spodek2.png') no-repeat 0 bottom;}

/* registrace */
.table_registrace {border-collapse: collapse; width: 100%;}
.table_registrace td {padding: 2px 0;}
.table_registrace td input, .table_registrace td select {border: 1px solid #e8e6e6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding: 1px;}
.registrace_tlacitko {background: #2a2a2a; padding: 2px 7px; border: 1px solid #2a2a2a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; cursor: pointer;}

/* tema */
.clanek {padding: 10px; background: white; border: 1px solid #e8e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 0;}
.clanek2 {background: #f7f7f7;}
.clanek h2 {border-bottom: 1px solid #e8e6e6;}
.clanek h2 a {text-decoration: none;}

/* vypis */
.vypis_img {float: right; margin: 0 10px 10px 0;}
.vyr_znacka {display: inline-block; width: 130px;}
.strankovani {line-height: 22px; margin: 0 0 10px;}
.strankovani select {display: inline-block; border: 1px solid #d0cece; padding: 1px;}
.oddelovatko {display: none;}
.strankovani a {width: 20px; height: 20px; text-align: center; border: 1px solid #d4d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; background: #fff; text-decoration: none;}
.strankovani a:hover, .strankovani b {width: 20px; height: 20px; text-align: center; border: 1px solid #2a2a2a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; background: #2a2a2a; color: #fff;}
.kat_popis {color: #000; margin: 0 0 10px 0;}
.filtrovani_1 {width: 594px; height: 76px; background: url('/images/filtrovani_1.png') no-repeat 0 0; position: relative; padding: 7px 110px 1px 10px; margin: 10px 0;}
.filtrovani_1 form {display: inline;}
.filtrovani_1 .sub {position: absolute; right: 0 ; top: 0;}
.filtrovani_1 .reset {position: absolute; right: 0 ; bottom: 0;}
.filtrovani_1 .radit-dle {display: inline-block; line-height: 44px; height: 44px; padding: 0 10px; margin: 0 0 5px 0; border-left: 1px dashed #eee;}
.filtrovani_1 span {color: #428fc4; text-transform: uppercase;}
.filtrovani_1 .radit-dle img {position: relative; top: 8px;}
.filtrovani_1 .radit-dle input {border: 1px solid #dedede; padding: 1px;}
.filtrovani_1 select {border: 1px solid #dedede; padding: 1px; width: 200px;}
#filtrovani_2 {border: 1px solid #e8e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: white; padding: 10px; margin: 0 0 10px 0; position: relative;}
#filtrovani_2 .js_filtr-top {border-bottom: 1px solid #e8e6e6; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#filtrovani_2 .js_filtr-bottom {line-height: 1.4em;}
#filtrovani_2 .js_filtr-bottom strong {display: inline-block; width: 130px;}
#filtrovani_2 .js_zrusit-filtr {position: absolute; right: 10px; bottom: 15px;}
.vyr-span {display: inline-block; width: 120px; line-height: 18px;}

/* vypis_sud */
table.sud {width: 100%; border-collapse: collapse; background: #f1f1f1; border-bottom: 2px solid white;}
table.sud td {padding: 5px;}
table.sud td input.ks {width: 24px; padding: 1px; border: 1px solid #000;}
table.sud td input.vypis_sud {padding: 2px 5px; border: 0; background: #aa0000; cursor: pointer; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 10px;}

/* SLIDER-RANGE */
#slider-range {width: 326px; margin: 5px 25px 10px 5px; display: inline-block;}
.filtr-toggle {background: url("../images/toggle-skryt.png") no-repeat scroll right 0 transparent; color: #c00101; cursor: pointer; display: none; float: right; line-height: 27px; padding-right: 30px; margin: -5px 0 0;}
.js_filtr-top .filtr-toggle {display: block;}
.filtr-toggle-ne {background: url("../images/toggle-zobrazit.png") no-repeat scroll right 0 transparent; color: #c00101; cursor: pointer; display: block; float: right; line-height: 27px; padding-right: 30px; margin: -5px 0 0;}
.js_filtr-top .filtr-toggle-ne {display: none;}
#filtr-cena em {position: relative; top: -12px;}

#filtr .ui-widget-content {background: #434343 url('/images/slider-range.jpg') no-repeat 50% 50%; border: none;}
#filtr .ui-widget-header {background: #a57405 url('/images/slider-range_center.jpg') repeat-x 50% 50%; border: none;}
#filtr .ui-state-default, .ui-widget-content .ui-state-default {background: #a57405 url('/images/slider-range_a-normal.jpg') no-repeat 0% 0%; border: none; width: 24px; height: 21px; margin-top: -1px}

/* zbozi */
#detailInfo {float: right; width: 312px;}
#detailInfo h2 {font-size: 14px; font-weight: bold;}
.detailLeft {float: left; width: 390px; position: relative;}
.detailLeft .js_dostupnost {position: absolute; right: -7px; top: 18px; display: block; width: 150px; height: 62px; line-height: 62px; text-align: center; font-weight: bold; color: white; background: url('/images/detailLeft_dodani.png') no-repeat 0 0;}
.div-koupit {width: 290px; margin: 0 0 15px; padding: 10px; border: 1px solid #dcdcdc; background: #eaeaea; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; color: #000; line-height: 26px;}
.div-koupit span {font-weight: bold;}
.div-koupit span.js_cena {color: #c20000;}
.div-koupit input.ks {background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dcdcdc; font-weight: bold; padding: 2px; text-align: center;}
.div-koupit .sub {position: absolute; right: 10px; bottom: 10px;}
#malvik {display: block; width: 290px; padding: 10px; border: 1px solid #C20000; color: #C20000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 15px 0; text-decoration: none;}
#malvik:hover {text-decoration: underline;}
.detailLeft .obrazek {display: table; width: 388px; height: 510px; text-align: center; background: white; border: 1px solid #e8e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 0; %display: block;}
.detailLeft .div_in {display: table-cell; vertical-align: middle; width: 388px; height: 510px;}
.detailLeft .varianta {float: left; display: table; width: 88px; height: 88px; text-align: center; background: white; border: 1px solid #e8e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 9px 9px 0; %display: block;}
.detailLeft .fourth {margin-right: 0;}
.detailLeft .varianta span {display: table-cell; vertical-align: middle; width: 88px; height: 88px;}

table.parametry {border-collapse: collapse; width: 312px; margin: 0 0 10px 0;}
table.parametry td {padding: 0 0 0 10px; line-height: 24px;}
table.parametry .head td {line-height: 28px; background: #2b2b2b url('/images/zbozi-parametry.png') no-repeat 0 0; color: white; font-weight: bold; font-style: italic;}
table.parametry .head td.second {background-position: right 0;}
table.parametry .odd td {background: #ededed;}
table.parametry td.pnazev {padding: 0 0 0 10px; border-left: 1px solid #e8e6e6; width: 150px; font-weight: bold;}
table.parametry td.phodnota {padding: 0 0 0 10px; border-right: 1px solid #e8e6e6;}
table.parametry .last td {border-bottom: 1px solid #e8e6e6;}

.diskuze_nadpis {line-height: 46px; color: white; padding: 0 10px 0 55px; background: #252525 url('/images/zbozi-diskuze_nadpis.png') no-repeat 0 0; font-size: 18px; font-style: italic;}
.diskuze_nadpis a {float: right; width: 97px; line-height: 23px; display: block; margin: 13px 0 0; font-size: 0.55em !important; color: #000 !important; text-decoration: none; text-align: center;}
.prispevek p {color: #000; margin: 0 0 5px 0;}
.prispevek_bottom {line-height: 30px; background: url('/images/prispevek.png') no-repeat 0 0; color: #acacac; padding: 0 0 0 30px; font-size: 0.85em; margin: 0 0 5px 0;}
.diskuse-in table {border-collapse: collapse;}
.diskuse-in table td {padding: 5px 0; vertical-align: top;}
.diskuse-in table td label {font-style: italic;}
.diskuse-in table input, .diskuse-in table textarea {width: 300px; padding: 1px; border: 1px solid #bcbccb;}
.diskuse-in table .sub {width: auto; padding: 0; border: none; float: right;}

/* zbozi_slevomat */
.detailLeft2 {float: left; width: 450px; position: relative;}
.detailLeft2 .js_dostupnost {position: absolute; right: -7px; top: 18px; display: block; width: 150px; height: 62px; line-height: 62px; text-align: center; font-weight: bold; color: white; background: url('/images/detailLeft_dodani.png') no-repeat 0 0;}
.detailLeft2 .obrazek {display: table; width: 448px; height: 306px; text-align: center; background: white; border: 1px solid #e8e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 0; %display: block;}
.detailLeft2 .div_in {display: table-cell; vertical-align: middle; width: 448px; height: 306px;}
.detailLeft2 .div_in img {max-width: 440px; max-height: 298px;}

#detailInfo2 {float: right; width: 240px;}
#detailInfo2 h2 {font-size: 14px; font-weight: bold;}
#detailInfo2 .div-koupit {width: 218px; margin: 0 0 15px; padding: 10px 10px 50px; border: 1px solid #dcdcdc; background: #eaeaea; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; color: #000; line-height: 26px;}
#detailInfo2 .zbozi_fb {width: 240px;}
#detailInfo2 .div-koupit span {font-size: 1.1em;}

/* carousel */
div#foto-carousel {width: 718px !important; height: 382px !important; position: relative; padding: 0; margin: 0px auto;}
div#foto-carousel .carousel-wrap {width: 718px !important; height: 382px !important; margin: 0px auto !important; position: absolute; top: 0px; left: 0; display: inline-block; vertical-align: middle;}
div#foto-carousel .IE .js .carousel-wrap {display: inline;}
div#foto-carousel ul {height: 382px !important; margin: 0; padding: 0; list-style: none;}
div#foto-carousel ul li {float: left !important; width: 715px !important; height: 382px !important; padding: 0 0 0 3px;}
div#foto-carousel .js ul li{display: inline; width: 715px !important; height: 382px !important; float: left; text-align: center; padding: 0 0 0 3px;}
div#foto-carousel .carousel ul li {position: relative; width: 715px !important; height: 382px !important;}
/*div#foto-carousel ul li a {display: block; margin: 0 15px 0 0;}*/
div#foto-carousel .carousel-control {overflow: hidden; display: inline-block; vertical-align: middle; width: 19px; height: 28px !important; cursor: pointer; line-height: 999px; zoom: 1; z-index: 100;}
div#foto-carousel .carousel-next {position: absolute;	top: 177px; right: 0; background: url("../images/arrow.png") 0 0 no-repeat;}
.disabled {display: none !important;}
div#foto-carousel .carousel-previous {position: absolute; top: 177px; left: 0; background:url("../images/arrow2.png") 0 0 no-repeat;}

/*             styles for the star rater                */
#hodnoceni {padding-left: 3px;float: left;width: 250px;}
#hodnoceni span.hodnocen {float: left; display: block; margin-right: 10px; font-weight: bold;}
#hodnoceni span.js_hlasodeslan {line-height: 13px;padding: 3px 0;}
#hodnoceni .stars {float: left; display: block; margin: 0;}
#hodnoceni ul {padding: 0px; margin: 3px 10px 0 0;}
#hodnoceni ul li {padding: 0px; margin: 0; background: none;}
.star-rating {list-style:none; padding: 0px; width: 80px; height: 16px; position: relative; background-image: url('/images/star_rating2.png'); background-repeat: repeat-x; background-position: left top; margin-right: 0px; margin-bottom: 5px; margin-left: 222px;}
.star-rating li {padding:0px; margin:0px;	float: left;}
.star-rating li a {display: block; width: 16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px;}
.star-rating li span {display: block; width: 16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px;}
.star-rating li a:hover, .star-light {z-index: 1; left: 0px; background-image: url('/images/star_rating2.png'); background-position: left bottom;}
.star-rating li span:hover {z-index: 1; left: 0px; background-image: url('/images/star_rating2.png'); background-position: left bottom;}
.star-rating a.one-star, .star-rating span.one-star{left: 0px;}
.star-rating a.one-star:hover, .star-rating span.one-star:hover{width:16px;}
.star-rating a.two-stars, .star-rating span.two-stars{left:16px;}
.star-rating a.two-stars:hover, .star-rating span.two-stars:hover{width: 32px;}
.star-rating a.three-stars, .star-rating span.three-stars{left: 32px;}
.star-rating a.three-stars:hover, .star-rating span.three-stars:hover{width: 48px;}
.star-rating a.four-stars, .star-rating span.four-stars{left: 48px;}
.star-rating a.four-stars:hover, .star-rating span.four-stars:hover{width: 64px;}
.star-rating a.five-stars, .star-rating span.five-stars{left: 64px;}
.star-rating a.five-stars:hover, .star-rating span.five-stars:hover{width: 80px;}