.wizard #content { width: 1310px; }
/*#container.wizard { background-image: url(../images/container-w-bckg.gif); }*/

#wizardmenu { height: 110px; margin: 24px 0 22px; }
#wizardmenu ul {display: flex; justify-content: center; overflow: hidden;}
#wizardmenu li { height: 110px; width: 262px; position: relative; }
#wizardmenu li.last { width: 156px; }

#wizardmenu a { background-position: center center; background-repeat: no-repeat; width: 144px; display: block; /*vertical-align: text-bottom;*/ text-decoration: none; }

#wizardmenu span.arrow { position: absolute; width: 15px; height: 25px; background: url(../images/wiz-step-dlm.png) no-repeat left top; right: 49px; top: 44px; }
#wizardmenu span.arrow.active {background: url(../images/wiz-step-dlm-a.png)}

.stavok {color: #84c900;}

.cont-cart {border: 1px solid #d9d9d9; -webkit-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
-moz-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
border-radius: 10px;
padding: 15px; 
overflow: hidden;
}

.cart input, .cont-voucher input {width: 70px;
border: 0;
font-size: 20px;
padding: 4px 15px 4px;
border-radius: 30px;
margin-right: 5px;
height: 40px;
background-color: #f5f5f5;
text-align: center;
}
.cont-voucher input {width: 390px; border-radius: 10px;}
#content .cont-voucher label {color: #551b4e; font-weight: bold;}

.cart p.avail {font-size: 1.2em;
padding: 8px 20px 8px 20px;
border: 1px solid #84C900;
border-radius: 20px;
text-align: center;
/*width: 140px;*/
}
.cart p.avail.ne {border-color: red; }
.cart p.avail.bude {border-color: #297DDB; }

.cart, .trans { width: 100%; }
.cart, .trans2 { width: 100%; }
.cart td { border-bottom: solid #d9d9d9; border-width: 1px 0; padding: 4px 0; }
.cart td .kod {color:gray;}
.cart tr.only-product td {padding-bottom: 15px;}
.cart tr.nob td {border: none;}
.cart tr.nob.gift { font-size: 1.2em;}
.cart tr.nob td span.zdarma {color: #e2007a;}
.cart tr.nob td.gift {padding-left: 10px;}
.cart tr.nob.gift .price {font-size: 1.2em;}
.cart tr.empty td {padding: 10px;}
/*.cart tr.nob td.ks {padding: 6px 0; padding-right: 15px;}*/
.cart th, .trans td { padding: 10px 0 8px; font-weight: normal; text-align: center; font-size: 0.9em;/*border: solid #DDD; border-width: 1px 0;*/ }
.cart td.wavail {padding: 0 50px 0 50px;}
/*.cart th.rem { background: #E6E6E6 url(../images/ico-14-kos.png) no-repeat center center; }*/

.cart .first { padding-left: 10px; }
.cart td.first { color: #969696; }
.cart td.price { font-size: 1.8em; color: #e2007a; text-align: center; font-weight: lighter; }

.cart td.sum {font-weight: bold; font-size: 1.2em;}
.cart .sumborder td {border-width:0;}
.cart img {max-width: 90px; padding-left: 10px;}

/*#content .cart a { color: #E1007A; }*/
.cart a img { border:0; }

/*.cart .total th { background: #551B4E; color: white; border-top: 1px solid #7F4278; border-bottom: 1px solid #461240; }*/
/*#content .cart button { font-size: 11px; color: #333; background: #DAD2CA; border: 1px outset #DAD2CA; width: 68px; padding: 2px 0; }*/
#content .cont-cart #wizardform button {display: none;}

.cart .popis { line-height: 150%; }
.cart .popis a {font-size: 1.5em; }
.cart span { padding: 3px; }
.cart .ano { color: #84C900; }
.cart .bude { color: #297DDB;}
.cart .ne { color: red; }
.cart .odber {font-weight: bold;}

.cont-voucher {width: 420px; float: left; }
#content .cont-voucher button {text-transform: uppercase; float: right; }

.cont-voucher .bonus-list {margin-bottom: 20px; color: gray; line-height: 1.6em; font-size: 1.1em;}
.cont-voucher .bonus-list .kod {font-weight: normal; }
.cont-voucher .bonus-list .active {color:green;}
.cont-voucher .bonus-list a.remove img {vertical-align: middle;}

.cont-total {float: right; width: 530px; font-size: 1.4em;}
.cont-total .cart-total th {padding: 5px 0 5px; }
.cont-total .cart-total th.price {font-weight: normal; padding-left: 30px; font-size: 1.2em; text-align: left;}
.cont-total .cart-total th.price.total {font-size: 1.9em; color: #e2007a; font-weight: lighter;}
.cont-total.sum {margin-top: 40px;}

#wizardform {margin-bottom: 40px;}

/*#discountform { margin-top: -24px; }*/
/*#discountform fieldset { padding: 0 10px 10px; }
#discountform #code { width: 250px; }*
#discountform .cart button { color: white; background: #551B4E; font-size: 11px; padding: 1px 3px; border-color: #93568B #461240 #461240 #93568B; margin-top: 16px; }*/

#content .data a.cmd, #content .data button.cmd {height: 55px; line-height: 55px; width: 260px; text-transform: uppercase; font-size: 22px; 
                              background: url(../images/ico-button-next.png) no-repeat right 25px center, linear-gradient(to bottom, #e20079 5%, #a20656 100%);}
#content .data a.cmd:hover, #content .data button.cmd:hover {background: url(../images/ico-button-next.png) no-repeat right 25px center, linear-gradient(to bottom, #a20656 5%, #e20079 100%);}
#content .data a.btn {height: 55px; line-height: 55px; width: 260px; text-transform: uppercase; font-size: 22px; padding: 0; color: white; 
         background: url(../images/ico-button-prev.png) no-repeat left 25px center, #e8e8e8; text-align: center; border-color: transparent;
}
#content .data a.btn:hover{background: url(../images/ico-button-prev.png) no-repeat left 25px center, #d8d8d8}

.wizard .data { margin-top: 35px; }
.wizard .op {margin-top: 40px; padding-left: 40px; padding-right: 40px; text-align: center;}

#popup { width: 700px; }

.bonussum { margin: 24px 0; }

#fcustomer { margin-top: 5px; }

#fcustomer .reg { margin-bottom: 28px; }

#fcustomer h3 { margin-bottom: 15px; font-size: 1.3em; margin-top: 28px; }
#fcustomer h3 label {font-size: 1em;}
#fcustomer h3.first { margin-top: 0; }
#fcustomer h3 b { color:#551B4E; }
#fcustomer fieldset.white { background: none; padding: 0; border: 0; }

table.form { width: 100%; }
table.form td { padding: 4px 0; }
table.form td.asnw { vertical-align: middle; }

#fcustomer textarea { width: 99%; }

#fcustomer .dlm {border-bottom: 1px solid #d9d9d9; margin-bottom: 24px;}
#fcustomer .total {text-align: center; margin-top: 20px; font-size: 1.2em;}
#fcustomer h3.note {font-weight: normal; margin-bottom: 0;}
#fcustomer fieldset {padding: 5px 0;}
#fcustomer fieldset textarea {width: 100%; border: 0; resize: none;}
#fcustomer fieldset.note {width: 623px;}

#fcustomer table.form input {width: 90%;}

#fcustomer a {text-decoration: underline;}
#fcustomer a:hover {text-decoration: none;}

.trans .skladem {font-size: 13px; color: #919e55;}
.trans td { vertical-align: top; text-align: left; }
.trans2 td { vertical-align: top; }
.trans .first { width: 26px; text-align: center; padding-top: 12px; }
.trans .price { width: 140px; padding-right: 9px; text-align: right; font-size: 1.1em; }
.trans .price img {vertical-align: middle; margin-left: 10px;}
.trans .icon { width: 65px; padding-right: 9px; }
.trans .icon-trans { width: 60px; padding-right: 5px; }
.trans .info { width: 70px; padding-right: 9px; font-size: 1.1em; color: #E1007A;}
.trans .icon img { max-height: 25px; float: left; }
.trans .icon-trans img { max-height: 25px; float: left; }
.trans input, .trans label {cursor: pointer;}
.trans label.sel {color: #551b4e; font-size: 14px;}
.trans .chooseTrans {display: none; margin-top: 5px;}
.textinline {display:inline;}
#content .trans a {color: #e6e6e6; }
#content .trans .chooseTrans a, #content .trans tr:hover td .chooseTrans a  {color: black;}
#content .trans tr:hover td a {color: #333;}

#tchilddesc .desc { margin: 2px 0 5px 0; border: 1px solid #CCC; padding: 5px; }

#content #fcustomer .trans label {color: #551b4e;}
#content #fcustomer .trans label.norm {margin-left: 0;}

#fcustomer .trans input[type="radio"] {
    position: absolute;
    left: -999em;
}

#fcustomer .trans input[type="radio"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#fcustomer .trans input[type="radio"] + label::before {
   content: "";
   display: inline-block;
   vertical-align: -15%;
   height: 1.7ex;
   width: 1.7ex;
   background-color: white;
   border: 1px solid rgb(166, 166, 166);
   margin-right: 0.5em;
}

#fcustomer .trans input[type="radio"]:checked + label::after {
   content: '';
   position: absolute;
   width: 0.9ex;
   height: 0.4ex;
   background: rgba(0, 0, 0, 0);
   top: 0.6ex;
   left: 0.4ex;
   border: 3px solid #e2007a;
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

#fcustomer .trans input[type="radio"]:disabled + label{
    cursor: default; color: #ebebeb;
}
#fcustomer .trans input[type="radio"]:disabled + label::before{
    background-color: #ebebeb; border: 1px solid #ebebeb;
}

.btnVice {background: url(../images/ico-sipka-dolu-dropdown.png) no-repeat right 30px center;
    padding: 15px;
    font-size: 1.2em;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    /*width: 506px;*/
    cursor: pointer;
    margin-bottom: 25px;
    position: relative;
    -webkit-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    -moz-box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    box-shadow: 5px 6px 5px -4px rgba(226,226,226,1);
    margin-top:20px;
}

.btnVice:hover {
    background-color: #f7f7f7;
}
a.btnViceA:hover {text-decoration: none;}

/* summary */
#summary { background: #C7F06C url(../images/summary-dlm.gif) repeat-x left bottom; width: 220px; margin-top: 227px; }
#summary h3 { background: #9CE100 url(../images/summary-dlm.gif) repeat-x left bottom; padding: 10px; font-size: 14px; }
#summary table { width: 100%; }
#summary a { color: #333; }
#summary td { padding: 5px 10px; }
#summary tr.suda td { border-bottom: 1px dotted #96C136; }

/* vcarousel */
.vcarouselbox { width: 161px; margin: 0 0 0 31px; height: 612px; border: solid #DADADA; border-width: 0 1px; padding: 15px 0; position: relative; }
.vcarousel { height: 612px; width: 154px; margin: 0 auto; overflow: hidden; }
.vcarouselscroll { width: 154px; height: 2000px; }

.vccontrol-t, .vccontrol-b, .vcarouselbox a.prev, .vcarouselbox a.next { display: block; position: absolute; z-index: 2;}

.vccontrol-t, .vccontrol-b { height: 17px; background: url(../images/carousel-top.gif) no-repeat center top; text-align: center; width: 163px; left: -1px;  top: 0; }
.vccontrol-b { background: url(../images/carousel-bottom.gif) no-repeat center bottom; top: 625px;}
.vcarouselbox a.prev, .vcarouselbox a.next { left: 5px; width: 154px; height: 12px; top: 5px; }
.vcarouselbox a.prev { background: url(../images/vcarousel-prev.gif) no-repeat left top; }
.vcarouselbox a.next { background: url(../images/vcarousel-next.gif) no-repeat left top; top: 0px; }
.vcarouselbox a.noact { background-position: right top; }

.vcarouselbox .carproduct { width: 154px; height: 200px; border: dotted #E9E9E9; border-width: 2px 0; }
.vcarouselbox .carproduct h4 { padding: 4px; height: 3.5em;  font-size: 12px; }
#left .vcarouselbox .carproduct a { text-decoration: none;  color: #333; }

.payment { padding: 10px 0; border: solid #EAEAEA; border-width: 2px 0 2px 0; margin: 30px 0; display: inline-block; width: 100%; }
.payment table td { padding: 10px; }
.payment .online {float: left; width: 50%; margin-right: 40px;}
.payment .logo-media {display: flex; }

.payment p { line-height: 150%; }

#content .payment h3 { font-weight: bold; }
#content .payment .payment-logo {float: left; max-height: 50px; margin-right:20px;}
#kartaform input.radio { vertical-align: 7px; }
#kartaform button { font-size: 20px; width: 208px; height: 40px; }

.transinfo {border: solid #EAEAEA; border-width: 0px 0;}
.transinfo p {font-size: 13px}

.pokus {width: 500px;}

.infosleva {width: 99%; font-size: 1.2em; text-align: center; background: #fff9d7; font-family: sans-serif; border: 1px #eae3b8 solid; padding: 9px 0 9px 10px; margin: 0 auto; margin-bottom: 10px; margin-top: 10px; border-radius: 4px;}
.inforezer {width: 99%; font-size: 1.2em; text-align: left; background: #f7f7f7; font-family: sans-serif; padding: 15px 0 15px 15px; margin: 0 auto; margin-bottom: 20px; margin-top: 10px; line-height: 1.6em; border-radius: 4px;}
.inforezer h3 {font-size: 1.3em; color: #77a80b;}

/*#wizardform .wavail a {text-decoration: none;}*/

.offer .accessories input, .offer .accessories label, h3 input, h3 label {cursor:pointer;}

.offer .accessories input[type="checkbox"], h3 input[type="checkbox"] {
    position: absolute;
    left: -999em;
}

.offer .accessories input[type="checkbox"] + label, h3 input[type="checkbox"] + label {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.offer .accessories input[type="checkbox"] + label::before, h3 input[type="checkbox"] + label::before {
   content: "";
   display: inline-block;
   vertical-align: -25%;
   height: 2ex;
   width: 2ex;
   background-color: white;
   border: 1px solid rgb(166, 166, 166);
   /*border-radius: 4px;
   box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);*/
   margin-right: 0.5em;
}

.offer .accessories input[type="checkbox"]:checked + label::after, h3 input[type="checkbox"]:checked + label::after {
   content: '';
   position: absolute;
   width: 1.2ex;
   height: 0.4ex;
   background: rgba(0, 0, 0, 0);
   top: 0.9ex;
   left: 0.4ex;
   border: 3px solid #e2007a;
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

#bio_ep iframe {
    width: 100%;
    height: 100%;
}