/* nacteme externi styly begin */
@import url("./fonts.css");
@import url("./font-awesome.min.css");
/* nacteme externi styly end */

BODY{background-color: #2c2c2c; text-align: center; margin: 0; padding: 0;}

@media (min-width: 1230px) {
  .container {width: 1200px;}
}

@media screen and (max-width: 768px) {
  body{padding-top: 52px;}
}

/* DEFAULT */
TABLE, P, UL, OL, DIV, SPAN, A, H1, H2, H3, H4 LEGEND{font: 300 1em 'Oswald', "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #515151; letter-spacing: 1px;}
H1{font-family: 'Oswald', Arial, Tahoma, sans-serif; font-size: 2.6em; font-weight: 700; margin: 0 0 10px 0; text-align: center; color: #000;}
h1.homeTitle{font-size: 3.4em; padding-bottom: 0; margin-bottom: 25px; letter-spacing: 3px;}
h1.homeTitle img{padding-top: 0;}
H2{font-family: 'Oswald', Arial, Tahoma, sans-serif; font-size: 2.4em; font-weight: normal; color: #000; margin: 0; padding: 10px 0 0 0; text-align: center;}
h2.homeSubtitle{color: #515151; font-size: 1.8em; padding-bottom: 0;}
h2.homeSubtitle2{color: #515151; font-size: 1.4em;}
h2.homeSubtitle2 strong{color: #ff9000;}
H3{font-family: 'Oswald', Arial, Tahoma, sans-serif; font-size: 2.1em; font-weight: normal; color: #737373; margin: 0; padding: 10px 0;}
H4{font-family: 'Oswald', Arial, Tahoma, sans-serif; font-size: 1.6em; font-weight: normal; color: #737373; margin: 0; padding: 10px 0;}
A{color: #ff9000; text-decoration: underline; outline: none !important;}
A:hover{color: #ff9000; text-decoration: none;}
HR{background-color: #e6e6e6; border: 0 none; color: #c3d678; height: 1px; clear: left;}
UL{margin: 0 15px 15px 15px; padding: 0 0 0 25px; list-style: square; line-height: 150%;}
OL{margin: 0 15px 15px 15px; padding: 0 0 0 15px; list-style: decimal; line-height: 150%;}
P{margin-top: 0; margin-bottom: 10px; line-height: 150%;}
IMG{vertical-align: middle;}
IMG.help{cursor: help;}
.clear{clear: both; height: 1px; overflow: hidden;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.disabled{color: #ccc;}
li.disabled DIV {color: #ccc;}
.noscreen{display: none;}
.colorText{color: #ff6666 !important;}
.colorText2{color: #000 !important;}
.colorUrlCat{color: #000; font-weight: 900; font-size: .9em;}
.colorUrlCat:hover{color: #e80101 !important;}
.colorUrlCat2{font-weight: bold; color: #000;}
.colorUrlCat2:hover{color: #0063bd !important;}
@media screen and (max-width: 768px) {
  h1{font-size: 1.8em;}
  h2{font-size: 1.6em;}
}

/* KONEC DEFAULT */

/* NADPISKY BEGIN */
.titleGroup{font-size: 18px; font-weight: normal; margin: 0; padding: 5px 15px; background-color: #000; color: #fff;}
/* NADPISKY END */

.btn{background-color: #ff9000; color: #fff; border: 1px solid #ff9000; text-decoration: none; font-weight: 300; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
.btn:hover, .btn:focus{background-color: #d87a01; color: #fff; border-color: #ff9000;}
.btn .glyphicon{color: #fff;}
.btn span{color: #fff;}

.btn.lightBackground{background-color: #0fc006;}
.btn.lightBackground:hover{background-color: #0faf07;}

button{border: 0 none !important;}
button:active {outline: none !important; border: none !important;}
button:focus {outline: none !important;}

.bootstrap-select > .dropdown-toggle {padding-top: 8px; padding-bottom: 4px;}
.bootstrap-select .btn{background-color: transparent; border-color: #ccc; color: #666 !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}

/* FORMULAR DEFAULT */
.formPoznamka{color: #ff0000; font-weight: bold;}
.valignTop{vertical-align: top;}
.control-label{padding-left: 5px;}
.has-feedback .form-control-feedback {top: -5px !important; right: 15px !important;}
#form-comment .form-group{padding: 0 15px;}

.form-control{color: #666; font: 300 1em "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #ddd; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
.form-control:focus {border-color: #888; outline: 0 !important;-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;}
.has-success .form-control {border-color: #888 !important;}
.form-control::-moz-placeholder {color: #999 !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}

.help-block{background-color: red; color: #fff !important; display: inline-block; padding: 3px 8px; margin-top: 1px !important; margin-left: 3px !important;}
/* KONEC FORMULAR DEFAULT*/

.alert{color: #fff; border: 0 none; font-weight: bold;}
.alert a{color: #fff; font-weight: bold;}
.alert i{vertical-align: middle; margin-right: 10px;}
.alert-info{background-color: #cf8f04; color: #fff;}
.alert-danger{background-color: #d91804; color: #fff;}
.alert-danger *{color: #fff;}
.alert-success{color: #403a3a; font-size: 1.2em; text-align: center;}
@media screen and (max-width: 768px) {
  .alert-success{font-size: 14px;}
}
/* sirka boxu v procentech begin */
.width10{width:10%}.width15{width:15%}.width20{width:20%}.width30{width:30%}.width40{width:40%}.width50{width:50%}.width60{width:60%}.width70{width:70%}.width80{width:80%}.width90{width:90%}.width95{width:95%}.width100{width:100%}
/* sirka boxu v procentech end*/

/* TABULKY */
TH.left, TD.left{text-align: left;}
TH.center, TD.center{text-align: center;}
TH.right, TD.right{text-align: right;}

TABLE.tabSendByEmail{border: 0px solid #5b5958; width: 100%; margin-bottom: 0; margin-top: 10px; border-collapse: collapse;}
TABLE.tabSendByEmail TH{background-color: #5b5958; padding: 3px; color: #f9f4e1;}
TABLE.tabSendByEmail TD{background-color: transparent; padding: 0 3px 2px 3px; border: 0px solid #5b5958;}

/* pro zobrazeni a skryti obsahu begin */
.noscreen{display: none;}
/* pro zobrazeni a skryti obsahu end */

/* NAVIGACNI MENU */
.navigace{margin: 0; padding: 0; text-align: left;}
.navigace UL{margin: 4px 0 0 0; padding: 0;}
.navigace UL LI{font-size: 0.9em; font-weight: 300; margin-left: 3px; color: #999; float: left; list-style: none;}
.navigace UL LI:before {content: '/'; margin: 0 4px 0 2px; color: #bbb;}
.navigace UL LI:first-child {margin: 0;}
.navigace UL LI:first-child:before {content: ''; margin: 0;}
.navigace UL LI A {font-weight: normal; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
@media screen and (max-width: 768px) {
  .navigace{text-align: center;}
  .navigace ul{text-align: center; margin: 10px auto;}
  .navigace ul li{float: none; display: inline-block;}
}
/* KONEC NAVIGACNI MENU */

/* AKTUALITY BEGIN */
#aktuality{width: 100%;}
.aktualita{text-align: center; margin: 5px auto 0 auto; width: 100%; border-bottom: 1px solid #e6e6e6;}
.aktualitaIn{margin: auto; padding: 5px; text-align: left;}
.aktualitaIn .boxFoto{text-align: center; float: left; padding-top: 0; margin: 3px 10px 0 0;}
.aktualitaIn .boxFoto IMG{border: 1px solid #e6e6e6; padding: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.aktualitaIn .boxFoto IMG:hover{border: 1px solid #92be02;}
.aktualitaIn H2{margin: 0 auto; padding: 0 0 5px 0; font-size: 1.6em;}
.aktualitaIn H2 A{font-family: 'Oswald', Arial, Tahoma, sans-serif; margin: 0 auto; padding: 0 0 5px 0; font-weight: normal;}
.aktualitaIn .text{margin: 0; padding: 0; line-height: 150%;}
.aktualitaIn .text P, .aktualitaIn .text DIV{margin: 0 0 10px 0; padding: 0; line-height: 150%; text-align: left;}
.aktualitaIn .soubory{margin: 0; padding: 0;}
.aktualitaIn .soubory IMG{vertical-align: middle; padding: 0 3px;}

.aktualitaStyleTop{background-color: #f8f8f8; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.aktualitaStyleTop .aktualitaIn{margin: auto; padding: 15px;}
.aktualitaStyleTop .aktualitaIn H2{font-size: 1.8em;}
.aktualitaStyleTop .aktualitaIn .text P, .aktualitaStyleTop .aktualitaIn .text DIV{color: #515151;}
/* AKTUALITY END */

/* KOMENTARE BEGIN */
.btnPrechodForm{display:block; width: 150px; padding: 0; text-align: right; float: right;}
.btnPrechodForm IMG{cursor: pointer;}
TABLE.commentForm{width: 100%; margin-top: 2px;}
#comments{text-align: left;}
.commentsRow{border-bottom: 1px solid #e6e6e6; padding: 10px 0 10px 40px;}
.commentsRowAdmin{border-left: 1px solid #ddd; padding: 5px 5px 5px 10px; margin-top: 5px; margin-left: 20px;}
.commentAutor{padding: 0; font-weight: bold;}
.commentAutor A{font-weight: bold; font-style: italic;}
.commentAutor .noWeb{color: #515151; font-weight: bold; font-style: italic;}
.commentAutor SPAN.datum{font-style: italic; color: #515151;}
.commentText{padding-bottom: 0px;}
.commentText P{padding: 0 !important; margin: 0;}
.commentInfo{text-align: center; font-size: 11px;}
/* KOMENTARE END */

.colFoto{margin-bottom: 2em;}
.fotoLeft{float: left; margin: 3px 10px 0 0;}
.fotoRight{float: right; margin: 3px 0 0 10px;}
/*.fotoGallery{width: 224px; height: 224px; float: left; text-align: center; margin: 5px 2px 20px 25px; padding-top: 2px;}*/

.fotogalerie{margin: 0; padding: 0; list-style: none;}
.fotogalerie li{float: left; margin: 0 3px 6px 3px;}

.fotoGallery{margin: 0; padding: 0; list-style: none;}
.fotoGallery li{float: left; margin: 0 3px 6px 3px;}
/*.fotoGallery IMG{border: 1px solid #2B4B2B;}*/

.boxVideo{margin-bottom: 2em;}

/* KROKY U OBJEDNAVKY BEGIN */
UL#labelKroky{margin: 0 0 10px 0; padding: 0; list-style: none;}
UL#labelKroky LI{float: left; margin-bottom: 10px;}
/* KROKY U OBJEDNAVKY END */

#legenda{margin: 15px 0 0 0;}

.color{color: #ff0000;}
.color2{color: #ff9000; font-weight: 700;}
.color3{color: #000; font-weight: 700;}
.povinne{font-weight: bold; color: red;}

.sponzoring{}
.sponzoring > .row .row{margin-bottom: 1em;}
@media screen and (max-width: 992px) {
  .sponzoring > .row .row{margin-bottom: 1em;}
}

/* LOGIN FORM BEGIN */
#form-signin {max-width: 360px; padding: 15px; margin: 0 auto;}
#form-signin button[type="submit"]{margin-bottom: 10px;}

.login .btn{padding: 10px 20px; font-size: 2em; margin-bottom: 1px;}
/* LOGIN FORM END */

/* ZAPOMENUTE HESLO BEGIN */
#form-get-pass{max-width: 360px; padding: 15px; margin: 0 auto;}
#form-get-pass .form-control{margin-bottom: 2px;}
#form-get-pass button[type="submit"]{margin-bottom: 10px;}
/* ZAPOMENUTE HESLO END */

/* REGISTRACE BEGIN */
#form-registration{text-align: left; margin: 0; padding: 0;}
#form-registration .form-group{padding: 0 15px; margin-bottom: 0;}
#form-registration .selecter .selecter-selected{padding: 7px 30px 7px 10px;}
#form-registration button[type="submit"]{margin-bottom: 10px;}
#form-registration h3{padding: 15px 0 0 0;}

@media screen and (max-width: 768px) {
  #form-registration .form-group{padding: 0 15px; margin-bottom: 10px;}
  #form-registration .selecter .selecter-selected{margin: 0 0 -15px 0;}
}

/* formular v pokladne */
#form-registration .halfLayout .colControlPokladna{padding: 0 7px;}
#form-registration .halfLayout .infoDodAdresa{padding: 20px 0 10px 10px;}
/* REGISTRACE END */

/* form benefit */
.formBenefit{margin-bottom: 10px;}
.formBenefit label{display: inline-block; line-height: 180%; vertical-align: middle;}
.formBenefit input{display: inline-block; width: 150px !important; margin-bottom: 5px;}
.formBenefit button{display: inline-block; margin-bottom: 5px;}

/* SEND PRODUKT BEGIN */
#form-send-produkt{text-align: left; margin: 0; padding: 0;}
#form-send-produkt .form-group{padding: 0 15px; margin-bottom: 5px;}
#form-send-produkt .btn{margin-bottom: 10px;}
/* SEND PRODUKT END */

/* refernce begin */
.reference{padding-bottom: 15px;}
.reference h2{font-size: 2em; margin-bottom: 0; padding-bottom: 0;}
.reference p{text-align: center; min-height: 60px;}
/* refernce end */

/* KONTAKT FORM BEGIN */
#form-kontakt{text-align: left; margin: 0; padding: 0;}
#form-kontakt .form-group{padding: 0 15px; margin-bottom: 5px;}
#form-kontakt .btn{margin-bottom: 10px;}
/* KONTAKT FORM END */

/* ICON REQUIRED BEGIN */
.icon-addon{position: relative; display: block;}
.icon-addon .glyphicon{position: absolute; z-index: 2; width: 7px; padding: 12px 0; margin-right: -10px;}
.icon-addon.iconRequired .glyphicon{right: 0;}
.icon-addon.iconRequired .glyphicon-ok,
.icon-addon.iconRequired .glyphicon-remove,
.icon-addon.iconRequired .glyphicon-refresh
{
  right: 12px; padding: 6px 12px 6px 20px; margin: 0;
}
/* ICON REQUIRED end */

/* LAYOUTY BEGIN */
#listaSLogem{background-color: #2c2c2c;}
#listaSLogem .container{padding-bottom: 6px;}
@media screen and (max-width: 768px) {
  #listaSLogem{height: 0px;}
}
/* logo begin */
.logo{padding: 10px 30px 5px 30px;}
@media screen and (max-width: 768px) {
  .headBoxLogo{text-align: center; width: 100%; height: 46px; display: none;}
}
/* logo end */

/* top telefon begin */
.headBoxPhone{font-size: 2em; font-weight: 300; padding: 25px 0 15px 0; color: #fff; letter-spacing: 2px;}
@media screen and (max-width: 992px) {
  .headBoxPhone{display: none;}
}
@media screen and (max-width: 768px) {
  .headBoxPhone{padding: 15px 0; font-size: 1.4em; text-align: left;}
}
@media screen and (max-width: 480px) {
  .headBoxPhone{padding: 0; font-size: 1.4em; text-align: left;}
}
.headSearch{padding: 30px 0 10px 0;}
.headSearch button{border: 1px solid #0faf07 !important;}
.headSearch .btnFacebook{float: left; margin-right: 30px; margin-left: 10px;}
@media screen and (max-width: 768px) {
  .headSearch{display: none;}
}
/* top telefon end */

.headBoxKosik{}
@media screen and (max-width: 768px) {
  .headBoxKosik{text-align: right; padding: 0;}
}

/* box kosik begin */
.headKosik{padding: 8px 0 5px 0; text-align: right; font-size: 1.4em;}
.headKosik .cena{padding-top: 4px; color: #fff; display: inline-block;}
.headKosik .btnKosik{padding: 0 10px; margin-left: 10px; margin-top: 4px; vertical-align: top; border-color: transparent;}
.headKosik .btnKosik:hover{background-color: transparent; color: #ff9000;}
.headKosik .btnKosik .glyphicon{color: #fff;}
.headKosik .btnKosik:hover .glyphicon{color: #ff9000;}
.headKosik .btnKosik span.ks{display: none;}
@media screen and (max-width: 992px) {
  .headKosik .cena{padding-top: 0px; color: #fff; display: inline-block;}
  .headKosik{padding: 10px 0 5px 0;}
  .headKosik .btnKosik{padding: 2px 5px 0 5px; margin-top: 0; text-align: center;}
}
@media screen and (max-width: 768px) {
  .headKosik{margin: 0 auto; padding: 0 0 2px 0; text-align: center; float: right;}
  .headKosik .btnKosik{padding: 4px 5px 0 5px; vertical-align: bottom; position: fixed; z-index: 99; top: 12px; right: 70px; background-color: transparent; border: 1px solid #ff9000;}
  .headKosik .btnKosik:hover{background-color: transparent; color: #ff9000; border-color: transparent;}
  .headKosik .btnKosik .glyphicon{color: #fff;}
  .headKosik .btnKosik span.ks{display: block; position: absolute; background-color: red; font-size: 11px; min-width: 19px; height: 19px; line-height: 19px; top: -5px; right: -4px; color: #fff; border-radius: 50%;}
  .headKosik strong{position: absolute; z-index: 99; top: 0; right: 60px;}
  .headKosik .cena{display: none;}
}
/* box kosik end */

.topButtons{float: right; width: 100%; text-align: right;}
.topButtons .textPartner{color: #0fc006; padding: 0 10px;}
.topButtons .btn.user {padding: 2px 0; background-color: transparent;}
.topButtons .btn strong{font-weight: 300; color: #ff9000;}
.topButtons .btn i{display: none;}
.topBtnRegistrace{text-decoration: none; margin: 0; color: #ff9000; font-weight: 300;}
.topBtnLogin{text-decoration: none; margin: 0; background-color: transparent; background-image: none; color: #ff9000; font-weight: 300; border: 0 none;}
.topBtnLogin i{display: inline-block;}
.topBtnLogin span{color: #ff9000;}
.topBtnLogin:hover span{color: #fff;}
.topBtnLogOut{padding: 4px 5px; margin-left: 5px; vertical-align: bottom; letter-spacing: 1px;}
@media screen and (max-width: 768px) {
  .topButtons{float: right; position: fixed; top: 12px; right: 160px; z-index: 99; max-width: 50px;}
  .topButtons .btn.user{padding: 2px 5px; background-color: #ff9000;}
  .topButtons .btn.user strong{display: none;}
  .topButtons .btn i{display: inline-block; color: #fff;}

  .topButtons span, .topButtons .topBtnLogin:last-child{display: none;}
  .topBtnLogin{background-color: #ff9000;}
  .topBtnLogin i.fa{color: #fff; font-size: 1.6em;}
  .topBtnLogin:hover{background-color: transparent; color: #ff9000;}
  .topBtnLogin:hover i{color: #ff9000;}
}

.topMenu{background-color: #ff9000; padding-top: 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.menu{width: 100%; text-align: center;}
.menu .colBox{margin: -1px 0; padding: 0;}
.menu .colBox a{background-color: #ff9000; border: 1px solid #fff; font-size: 3em; font-weight: bold; color: #fff; text-decoration: none; min-height: 3em; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; line-height: 3em; text-transform: uppercase; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.menu .colBox a:hover{background-color: #d87a01; color: #fff;}
.menu .colBox.active a{background-color: #515151; color: #fff;}
.menu .colBox a STRONG{color: #fff; left: 10px; position: absolute; top: 5px; font-size: .5em; line-height: 180%; font-weight: 700;}
.menu .colBox.active a STRONG{color: #fff;}
.menu .colBox.active a:hover STRONG{color: #fff;}
.menu .colBox a:hover STRONG{color: #fff;}
.menu .colBox a.jinaBarva{background-color: #ff9000;}
.menu .colBox a.jinaBarva:hover{background-color: #d87a01; color: #fff;}

.topNavbar{display: none;}
@media screen and (max-width: 1240px) {
  .menu .colBox a{font-size: 2.5em;}
}

/* mobilni menu begin */
@media screen and (max-width: 768px) {
  .navbar-collapse {max-height: 100%;}
  .topNavbar{display: block; position: fixed; width: 100%; z-index: 98; top: 0; text-align: left; background-color: #2c2c2c; border: 0 none;}
  .topNavbar .logo{height: 45px; padding: 8px 0 0 15px;}
  
  .topNavbar .navbar-toggle{border: 0 solid transparent; background-color: transparent; margin: 2px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center;}
  .topNavbar .navbar-toggle .icon-bar {background-color: #fff; margin: 2px auto;}
  .topNavbar .navbar-toggle .btnText {color: #fff;}
  .topNavbar .navbar-toggle:hover, .topNavbar .navbar-toggle:focus {background-color: #ff9000; color: #000; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
  .topNavbar .navbar-toggle:hover .icon-bar {background-color: #fff;}
  
  .topNavbar .btnSearch{padding: 5px 10px 6px 10px; margin-top: 12px; margin-right: 33px; background-color: #ff9000;}
  .topNavbar .btnSearch .fa{color: #fff;}
  .topNavbar .btnSearch:hover{background-color: transparent;}
  .topNavbar .btnSearch:hover .fa{color: #ff9000;}
  
  .topMenu{position: fixed; top: 51px; z-index: 99; width: 100%;}
  .topSearch{position: fixed; top: 51px; z-index: 99; width: 100%; background-color: #ff9000; padding-top: 1px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
  
  .menu .colBox a{font-size: 2em; min-height: inherit; display: block; line-height: 1em; text-transform: uppercase; padding-top: 15px; padding-bottom: 25px;}
  .menu .colBox a STRONG{color: #fff; left: 10px; position: static; top: 5px; font-size: .5em; line-height: 180%; font-weight: 700; display: block;}
  .menu .colBox a{font-size: 1.5em; font-weight: 700; min-height: inherit; padding-top: 10px; padding-bottom: 15px;}
}
/* mobilni menu end */
/* menu end */

/* slider begin */
.header{text-align: center; padding-bottom: 0; background-color: #fff;}
@media screen and (max-width: 768px) {
  .header{padding-bottom: 5px;}
}
/* slider end */

/*bannery top begin */
.bgBannery{background: #fff; width: 100%;}
.bannerTop{padding-bottom: 0; padding-top: 1px;}

/*@media screen and (max-width: 768px) {*/
  .bgBannery .slick-arrow{width: 30px !important;}
  .bgBannery .slick-arrow:before{font-size: 40px; padding-left: 2px;}
  .bgBannery .slick-prev{margin-left: 55px; top: 45%; z-index: 999; display: block; padding: 0 37px 0 13px; height: 50px;}
  .bgBannery .slick-next{margin-right: 55px; top: 45%; z-index: 999; display: block; padding: 0 33px 0 17px; height: 50px;}
/*}*/
  /*bannery top end */

.colMain{background-color: #fff;}
.colMainIn{text-align: left; padding-bottom: 45px; padding-top: 7px;}
/* LAYOUTY END */

/* HOME BEGIN */
p.homeText{margin-bottom: 25px;}
.cicles{margin-bottom: 25px;}
.cicles .cicleTitle{padding-top: 20px; padding-bottom: 10px; text-align: center; font-size: 1.2em; vertical-align: top; font-weight: bold;}
.cicles img:hover{opacity: .3; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
/* HOME END */

/* RECENZE BEGIN */
.bgRecenzeZakazniku{background-color: #ececec;}
.recenzeZakazniku{background-color: #ececec; margin-bottom: 0; margin-top: 0; text-align: center; padding: 0 15px 10px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative;}
.recenzeZakazniku.home{margin-bottom: 25px;}
.recenzeZakazniku .recenzeTitle{padding-top: 20px; padding-bottom: 10px; text-align: center; font-size: 1.2em; float: left; vertical-align: top;}
.recenzeZakazniku .recenzeTitle a{color: #000;}
.recenzeZakazniku .recenzeTitle a:hover{text-decoration: none;}
.recenzeZakazniku .recenzeCol{text-align: center; min-height: 72px;}
.recenzeZakazniku .btnVice{margin-top: 15px; float: right; font-weight: 700;}
@media screen and (max-width: 768px) {
  .bgRecenzeZakazniku .container{padding-top: 10px;}
  .recenzeZakazniku{height: 115px !important; overflow: hidden; text-align: center;}
  .recenzeZakazniku .recenzeTitle{text-align: center; width: 100%; padding-top: 10px;}
  .recenzeZakazniku .text{display: inline; padding-left: 10px;}
  .recenzeZakazniku .btnVice{position: absolute; top: 65px; right: 40px; z-index: 5;}
}
@media screen and (max-width: 480px) {
  .recenzeZakazniku{height: 130px !important;}
  .recenzeZakazniku .recenzeTitle{font-size: 1em;}
  .recenzeZakazniku .recenzeTitle strong{display: block;}
  .recenzeZakazniku .btnVice{position: absolute; top: 94px !important; display: none;}
}
@media screen and (max-width: 350px) {
.recenzeZakazniku img{width: 80px;}
}
/* RECENZE END */

.categoryText{text-align: center; padding: 25px 0 15px 0;}

/* SEZNAM PODKATEGORIE BEGIN - vypise seznam odkazu podkategorii */
.baseRowCategory{margin-left: -15px; margin-right: -15px;}
.baseRowCategory .baseColCategory{}
.baseRowCategory .baseColCategory .thumbnail{padding-top: 4px; padding-bottom: 10px;}
.baseRowCategory .baseColCategory .thumbnail:hover{border-color: #b3b3b3;}
.baseRowCategory .baseColCategory .thumbnail H2{font-size: 1em; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; margin-bottom: 5px; text-align: center; min-height: 54px;}
.baseRowCategory .baseColCategory .thumbnail h2 A{font-weight: bold; text-decoration: none; color: #000;}
.baseRowCategory .baseColCategory .thumbnail h2 A:hover{color: #d87a01;}
.baseRowCategory .baseColCategory .thumbnail .boxSubCat{min-height: 325px;}
.baseRowCategory .baseColCategory .thumbnail A{display: block; text-decoration: none; color: #000;}
.baseRowCategory .baseColCategory .thumbnail A:hover{color: #d87a01;}
.baseRowCategory .baseColCategory .thumbnail A.listCat{padding: 3px 15px; text-align: left;}
.baseRowCategory .baseColCategory .thumbnail A.btn{margin: 15px 15px 5px 15px; color: #fff;}
.baseRowCategory .baseColCategory .thumbnail A.btn:hover{color: #fff;}
@media screen and (max-width: 767px) {
  .baseRowCategory{display: none;}
}

.rowCategory{margin-bottom: 15px; margin-left: -1px; margin-right: -1px;}
.boxCategory{padding: 0 1px 2px 1px;}
.boxCategory A{white-space: normal !important; display: block; background-color: #ff9000; color: #fff; font-weight: 700; text-decoration: none; padding: 5px 10px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.boxCategory A:hover{background-color: #d87a01;}
.boxCategory STRONG{background-color: #515151; color: #fff; display: block; text-align: center; padding: 5px 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

.menuSubcategory{border-color: transparent; background-color: #fff; padding: 0; margin: 0;}

@media screen and (max-width: 992px) {
  .menuSubcategory{border-color: #ccc; background-color: #fff; margin-bottom: 15px;}
  .menuSubcategory .navbar-toggle{border: 0 none; background-color: #ff9000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .menuSubcategory .navbar-toggle:hover, .menuSubcategory .navbar-toggle:focus{border: 0 none; background-color: #d87a01;}
  .menuSubcategory .navbar-toggle span{color: #fff;}
  .menuSubcategory .navbar-toggle span.icon-bar{background-color: #fff; height: 3px;}
  .menuSubcategory .navbar-header span.btnText{display: block; float: left; padding-left: 30px;}
  
  .menuSubcategory .btnFiltr{padding: 8px 15px 7px 15px; height: auto; margin-top: 8px; margin-right: 10px; font-size: 14px; font-weight: 300;}
  .menuSubcategory .btnFiltr:hover, .menuSubcategory .btnFiltr:focus{color: #fff;}
}
/* mobilni menu pro kategorie */
.baseRowCategoryMobile {display: none;}

@media screen and (max-width: 767px) {
  .baseRowCategoryMobile {margin-bottom: 35px; display: block;}
  .baseRowCategoryMobile .panel{box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
  .baseRowCategoryMobile .panel-default{border: 0; margin: 0 0 1px 0 !important;}
  .baseRowCategoryMobile .panel-collapse{border: 0 !important;}
  .baseRowCategoryMobile .panel-heading {text-align: left; padding: 0; border: 0;}
  .baseRowCategoryMobile h2.panel-title {text-align: left; padding: 0; background-color: transparent; border: 0;}
  .baseRowCategoryMobile h2.panel-title a{display: block;padding: 1px 15px 1px 6px; text-decoration: none; font-weight: 900; background-color: #fff; border: 1px solid #ddd; color: #000;}
  .baseRowCategoryMobile h2.panel-title a:hover, .baseRowCategoryMobile h2.panel-title a:focus  {display: block; text-decoration: none; font-weight: 900; min-height: 40px;}
  .baseRowCategoryMobile h2.panel-title a .imgThumb{display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-right: 5px;}
  .baseRowCategoryMobile h2.panel-title a img{display: block; width: 100%;}

  .baseRowCategoryMobile .catTitle .submenu-toggle {position: absolute; top: 50%; right: 11px; margin-top: -17.5px; width: 32px; height: 32px; font: 400 10px "FontAwesome"; line-height: 32px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; z-index: 1;}
  .baseRowCategoryMobile .catTitle .submenu-toggle:after {content: '\f077'; color: #000;}
  .baseRowCategoryMobile .catTitle .submenu-toggle:hover {color: #000;}
  .baseRowCategoryMobile .catTitle {position: relative; display: block;}
  .baseRowCategoryMobile .collapsed .submenu-toggle {-moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

  .baseRowCategoryMobile .list-group {border-top: 0 solid #fff !important;}
  .baseRowCategoryMobile li.list-group-item {padding: 0; border: 0; border: 1px solid #ddd;}
  .baseRowCategoryMobile li.list-group-item a {display: block; padding: 6px 10px; text-decoration: none; position: relative; color: #000;}
  .baseRowCategoryMobile li.list-group-item a:hover {color: #d87a01;}
  .baseRowCategoryMobile li.list-group-item a:before {content: '\f105'; position: absolute; left: 0; top: 0; width: 32px; height: 32px; font: 400 10px "FontAwesome"; line-height: 32px;}
}

/* SEZNAM PODKATEGORIE END */

/* SEZNAM FILTR VYROBCI BEGIN  */
.filterProducer{}
.filterProducer .picker .picker-label{color: #515151; text-decoration: underline;}
.filterProducer .picker .picker-label:hover{color: #403a3e; text-decoration: none;}
/* SEZNAM FILTR VYROBCI END  */

/* CATEGORY BODY FILTER BEGIN */
.nalezeno{padding: 6px 5px 3px 0; text-align: right; float: right;}

.filterCat{padding: 0; margin: 0 0 15px 0; width: 100%; background-color: #fff; position: relative; display: table;}
.filterCat .row{height: 100%; display: table-row;}
.filterCat .labelFiltry{
  background: #515151 url('/pic/labelFiltryVertical.png') no-repeat center center; float: none; display: table-cell; border-right: 40px solid #ececec;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.filterCat .filtry{
  background-color: #ececec; display: table-cell; float: none; padding: 15px 15px 15px 0;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.filterCat .labelFiltry2{
  background: #515151; float: none; display: table-cell; border: 0 solid #ececec; padding: 0; text-align: center; border-left: 40px solid #ececec; vertical-align: middle;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.filterCat .labelFiltry2 form{}
.filterCat .labelFiltry2 .btnZrusFiltr{vertical-align: top; float: none; display: inline; min-width: 35px; padding: 0; margin: 5% 0; background-color: #515151; border: 0 none;}

.filterCat .btnZrusFiltr{display: none;}
.filterCat .btnZrusFiltr span{display: none;}

@media screen and (max-width: 768px) {
  .filterCat .filtry{width: 100%; padding: 10px;}
  .filterCat .labelFiltry{display: none;}
  .filterCat .labelFiltry2{display: none;}
  .filterCat .labelFiltry2 .btnZrusFiltr{display: none;}
  .filterCat .btnZrusFiltr img{display: none;}
  .filterCat .btnZrusFiltr{background-color: #0fc006; text-decoration: none; font-weight: 300; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: none; padding: 8px 20px; display: block; height: auto; margin: 10px 1px;}
  .filterCat .btnZrusFiltr span{display: block; height: auto; color: #fff;}
  .filterCat .btnZrusFiltr:hover, .filterCat .btnZrusFiltr:focus{background-color: #0faf07; color: #fff;}
}

/*
@media screen and (max-width: 992px) {
  .filterCat{margin-top: 34px;}
  .filterCat .labelFiltr{background: url('/pic/labelFiltryHorizontal.png') no-repeat center center; width: 244px; height: 24px; position: absolute; left: 8px; top: -24px; text-indent: -9999px;}
}
@media screen and (max-width: 480px) {
  .filterCat .labelFiltr{left: 5px;}
}
*/
.filterCat .clearfix.odsazeni{margin-bottom: 1px;}
.filterCat .razeni{float: left; padding: 0 !important; margin-bottom: 5px;}
.filterCat .razeni LABEL{float: left; margin-left: 0; margin-right: 3px; padding-top: 5px;}
.filterCat .razeni .selecter {display: inline-block;}
.filterCat .razeni .selecter .selecter-selected{padding: 4px 30px 4px 10px;}
.filterCat .razeni .active{background-color: #515151; color: #fff; opacity: 1;}

.filterCat .urovenHrace{float: left; padding: 0 20px 0 0; line-height: 220%; padding-top: 5px;}
.filterCat .urovenHrace LABEL{float: left; margin-left: 0; margin-right: 3px; padding-top: 3px;}
.filterCat .urovenHrace .btn-info{background-color: #515151; color: #fff; border: 1px solid #515151;}

.filterCat .polozek{float: right; margin-left: 12px; padding: 0 !important; margin: 0 !important;}
.filterCat .polozek LABEL{float: left; margin-left: 12px; margin-right: 3px; padding-top: 5px;}
.filterCat .polozek .selecter {display: inline-block;}
.filterCat .polozek .selecter .selecter-selected{padding: 5px 30px 5px 10px;}
.filterCat .polozek .dropdown-toggle.btn-default span{color: #000; line-height: 120%;}

.filterCat SPAN.noActive{color: #b6e021;}

.showPages{padding: 0;}
.showPages .stranek{padding: 5px 5px; margin-right: 5px;}
.showPages .btn{background-color: transparent; color: #ff9000; padding-left: 2px; padding-right: 2px;}
.showPages .btn:hover{color: #d87a01;}

.filterBar{margin-bottom: 0; text-align: center;}
.filterBar .form-group{margin-bottom: 10px; text-align: center;}
.filterBar .pricebar{padding: 0; }
.filterBar .pricebar .inputCena{border: 0 none; padding: 0; box-shadow: transparent 0 0 0; font-weight: 700; font-size: 1em; text-align: right; width: 40px; background-color: #ececec;}
.filterBar .pricebar .inputCena.lastChild{text-align: right; margin-left: 20px;}
@media screen and (max-width: 992px) {
  .slider.slider-horizontal {width: 110px;}
}
@media screen and (max-width: 768px) {
  .slider.slider-horizontal {width: 50%;}
  .pricebar .inputCena{border: 0 none; padding: 0; display: inline-block; width: 50px;}
}
@media screen and (max-width: 480px) {
  .slider.slider-horizontal {width: 30%;}
}
/* CATEGORY BODY FILTER END */

/* PRODUKTY BEGIN */
.productsAll{width: 100%;}
.productsAll .row{}
.productBox{text-align: center; margin-bottom: 10px;}
.productBox .thumbnail{padding-top: 4px; padding-bottom: 10px; min-height: 380px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.productBox .thumbnail:hover{border: 1px solid #ff9000;}

.productBox .caption{margin: 0 auto; padding: 0.3em; text-align: center; overflow: hidden;}
.productBox .caption H2{margin: 0; padding: 0; text-align: center; line-height: 0%; height: 72px; overflow: hidden;}
.productBox .caption H2 A{font-size: 0.5em; font-weight: bold; margin: 0; padding: 0; text-decoration: none; color: #000;}
.productBox .caption H2 A:hover{text-decoration: underline;}

.productBox .logoVyrobce{width: 200px; height: 60px;}

.productBox .baseFoto{width:100%; height: auto; text-align: center; position: relative; padding: 4px 0; margin: 0 auto 5px auto; min-height: 190px;}
.productBox .baseFoto IMG{border: 0 none; margin: 0 auto;}
.productBox .baseFoto SPAN.icons{position: absolute; left: 0; top: 0; display: block; text-align: left;}
.productBox .baseFoto SPAN.icons .label{padding: 0; display: block; margin-bottom: 1px; margin-left: -8px; text-align: left;}
.productBox .baseFoto SPAN.icons .label.sleva{left: 0; background-color: red; width: 56px; height: 17px; }
.productBox .baseFoto SPAN.icons .label.skladem{left: 0; background-color: #25d035; width: 44px; height: 17px; }
.productBox .baseFoto SPAN.icons .label.extraprice{left: 0; background-color: #0062c3; width: 52px; height: 17px; }
.productBox .baseFoto SPAN.icons .label .iconText{position: absolute; z-index: 2; color: #fff; font-weight: 400; display: block; padding: 0; text-align: center; margin: 0 0 0 6px; letter-spacing: 0; font-size: 10px;}

/*.productBox .baseFoto SPAN.icons .label.dostupnost{background-color: #25d035;}
.productBox .baseFoto SPAN.icons .label.dostupnost span.iconText{color: #fff; font-size: 10px; font-weight: 400; padding: 2px 0; display: block; margin: 0 6px;}*/

.productBox .baseFoto SPAN.icons2{position: absolute; width: 65px; z-index: 1; bottom: 0; left: 0; display: block; text-align: left;}
.productBox .baseFoto SPAN.icons2 .label{padding: 0; display: block; margin-bottom: 1px; margin-left: -8px; text-align: left; background-color: #7b7070; width: 50px; height: 17px;}
.productBox .baseFoto SPAN.icons2 .label .iconText{position: absolute; z-index: 2; color: #fff; font-weight: 400; display: block; padding: 0; text-align: center; margin: 0 0 0 6px; letter-spacing: 0; font-size: 10px;}

.productBox .baseFoto SPAN.stars{position: absolute; right: 0; top: 0; display: block; text-align: right; background: url('/pic/icons/stars.png'); width: 48px; height: 9px;}
.productBox .baseFoto SPAN.stars.stars0{display: none;}
.productBox .baseFoto SPAN.stars.stars1{width: 9px;}
.productBox .baseFoto SPAN.stars.stars2{width: 19px;}
.productBox .baseFoto SPAN.stars.stars3{width: 29px;}
.productBox .baseFoto SPAN.stars.stars4{width: 39px;}

.productBox .baseFoto SPAN.logoVyrobce{display: inline-block; position: absolute; right: 0; top: 0; width: auto; height: auto;}
.productBox .baseFoto SPAN.logoVyrobce img{height: 15px;}

.productBox .boxCeny{padding-bottom: 15px; padding-top: 15px;}
.productBox .boxCeny .beznaCenaKc{font-size: .8em;}
.productBox .boxCeny .beznaCenaKc STRONG{text-decoration: line-through; color: #aaa;}
.productBox .nase-cena{} /* zbytek v /css/discount_form.css */
.productBox .dostupnost{margin: 0 auto; text-align: center; padding-top: 5px; color: #999;}

#params .selecter .selecter-selected{padding: 7px 30px 6px 10px;}

.productBox .dopravaZdarma, .productBox .dopravaZdarmaBlank{background-color: #0063bd; width: 146px; color: #fff; font-weight: bold; font-size: .8em; padding: 4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 auto 2px auto;}
.productBox .dopravaZdarmaBlank{background-color: transparent;}

.addProduct{text-align: center; width: 100%; margin-bottom: 15px;}
.btnAddProducts{margin-top: 40px;}
.btnAddProducts .btn{background-color: #03cf08;}
.btnAddProducts .btn:hover{background-color: #04b808;}

@media (max-width: 768px) {
  .productBox .baseFoto SPAN.icons .label.sleva{left: 0; background-color: red; width: 47px; height: 15px; }
  .productBox .baseFoto SPAN.icons .label.skladem{left: 0; background-color: #25d035; width: 38px; height: 15px; }
  .productBox .baseFoto SPAN.icons .label .iconText{position: absolute; z-index: 2; color: #fff; font-weight: 400; display: block; padding: 0; text-align: center; margin: 0 0 0 6px; letter-spacing: 0; font-size: 8px;}
}

@media (max-width: 480px) {
  .productsAll > .row{margin: -3px;}
  .productBox{padding: 0 3px 6px 3px; margin-bottom: 0;}
  .productBox .thumbnail{margin-bottom: 0;}
}
/* PRODUKTY END */

/* STRANKA DETAIL VYROBKU */
.detailProductBox{background-color: transparent;}
.detailProductBox .layoutBoxFoto{text-align: center; padding: 15px 0; margin: 0 0 10px 0; position: relative;}
.detailProductBox .layoutBoxFoto SPAN.icons{position: absolute; left: 0; top: 0; display: block; text-align: left;}
.detailProductBox .layoutBoxFoto SPAN.icons .label{padding: 0; display: block; margin-bottom: 1px; margin-left: -8px; text-align: left;}
.detailProductBox .layoutBoxFoto SPAN.icons .label.sleva{position: relative; left: 0; background-color: red; width: 66px; height: 18px;}
.detailProductBox .layoutBoxFoto SPAN.icons .label.novinka{position: relative; left: 0; background-color: #0f0f0f; width: 66px; height: 18px;}
.detailProductBox .layoutBoxFoto SPAN.icons .label.skladem{left: 0; background-color: #25d035; width: 52px; height: 18px;}
.detailProductBox .layoutBoxFoto SPAN.icons .label.extraprice{left: 0; background-color: #0062c3; width: 64px; height: 18px;}
.detailProductBox .layoutBoxFoto SPAN.icons .label span.iconText{position: absolute; z-index: 2; color: #fff; font-weight: 400; padding: 0; display: block; text-align: center; margin: 0 0 0 6px; letter-spacing: 1px;}
.detailProductBox .layoutBoxFoto IMG{margin: 0 auto;}
.detailProductBox .layoutBoxFoto IMG:hover{opacity: .5;}
.detailProductBox .no-foto {border: 0 none;}

.detailProductBox .layoutBoxFoto SPAN.icons .label.dostupnost{background-color: #25d035;}
.detailProductBox .layoutBoxFoto SPAN.icons .label.dostupnost span.iconText{color: #fff; font-size: 12px; font-weight: 400; display: block; padding: 2px 0; margin: 0 6px; letter-spacing: 1px;}

.detailProductBox .layoutBoxFoto SPAN.icons2{position: absolute; width: 65px; z-index: 1; bottom: 0; left: -8px; display: block; text-align: left;}
.detailProductBox .layoutBoxFoto SPAN.icons2 .label{padding: 4px 6px 5px 6px; display: block; margin-bottom: 1px; text-align: left; background-color: #7b7070; display: inline-block;}

.detailProductBox .layoutBoxFoto SPAN.stars{position: absolute; right: 0; top: 0; display: block; text-align: right; background: url('/pic/icons/starsBig.png'); width: 94px; height: 18px;}
.detailProductBox .layoutBoxFoto SPAN.stars.stars0{display: none;}
.detailProductBox .layoutBoxFoto SPAN.stars.stars1{width: 18px;}
.detailProductBox .layoutBoxFoto SPAN.stars.stars2{width: 37px;}
.detailProductBox .layoutBoxFoto SPAN.stars.stars3{width: 56px;}
.detailProductBox .layoutBoxFoto SPAN.stars.stars4{width: 75px;}

.dalsiFoto{position: relative;}
.dalsiFoto .pocetHiddenFoto{position: absolute; background-color: #fff; padding: 10px 30px; opacity: .8; right: 10px; bottom: 0; font-weight: 700; font-size: 1.5em;}
.dalsiFoto img:hover{opacity: .5;}

.detailProductBox .boxMnozstvi{padding: 0 5px 0 0;}
.detailProductBox .boxMnozstvi strong{max-width: 120px; text-align: center; display: block;}
.detailProductBox .boxMnozstvi .input-group{max-width: 120px;}
.detailProductBox .boxMnozstvi .input-group input{padding: 0; text-align: center;}
.detailProductBox .boxMnozstvi .input-group .minus-button-detail, .detailProductBox .boxMnozstvi .input-group .plus-button-detail{padding: 14px 10px; text-align: center;}
.detailProductBox .boxBtnKoupit{padding: 0 0 5px 0;}

.detailProductBox .layoutBoxText h2{text-align: left;}
@media screen and (max-width: 768px) {
  .detailProductBox .layoutBoxText h2{text-align: center;}
}

.detailProductBox .shortPopis,
.detailProductBox .longPopis
{
	padding: 10px 10px 15px 10px; text-align: justify; line-height: 150%;
}
.detailProductBox .shortPopis P, .detailProductBox .shortPopis DIV,
.detailProductBox .longPopis P, .detailProductBox .longPopis DIV
{
	padding-left: 0 !important; padding-right: 0 !important; text-align: justify; line-height: 150%;
}
.detailProductBox #priloha{padding: 0 10px 15px 10px; text-align: left;}
#iconsTiskMail{padding: 10px; margin: 0 auto; float: right; text-align: right;}

TABLE#params{width: 100%; border: 1px solid #e6e6e6;}
TABLE#params TH{padding: 8px 10px; border: 0 none; text-align: left; width: 50%;}
TABLE#params TD{border: 0 none; /*border-bottom: 1px solid #e6e6e6;*/ padding: 8px 10px; text-align: left;}
TABLE#params TD.velikosti{padding: 0; background-color: transparent;}

.detailProductBox .dopravaZdarma{background-color: #0063bd; padding: 5px; color: #fff; font-weight: bold; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
@media screen and (max-width: 480px) {
  .detailProductBox .dopravaZdarma{margin-bottom: 10px;}
}

.detailProductBox .shortText{padding: 10px 0 10px 0;}
.detailProductBox .longText{padding: 0 0 25px 0;}

.detailProductBox .boxCeny{margin: 0; padding: 0;}
.detailProductBox .beznaCenaKc{font-weight: bold; text-align: right; text-decoration: none;}
.detailProductBox .beznaCenaKc STRONG{text-decoration: line-through;}
.detailProductBox .blokCenaZaKus{margin-bottom: 5px; text-align: right;}
.detailProductBox .blokCenaZaKus .naseCena{text-align: right;}
.detailProductBox .blokCenaZaKus .naseCena strong{font-size: 3em; color: #000; text-align: right; font-weight: bold; margin-left: 20px; white-space: nowrap;}
.detailProductBox .blokMnozCena{font-weight: bold; text-align: right; text-decoration: none;}
.detailProductBox .blokMnozCena .mnozstevniCena{padding-bottom: 10px;}
.detailProductBox .blokMnozCena .mnozstevniCena strong{font-size: 1.2em; padding-left: 20px;}

.detailProductBox .form_lepsi_cena_detail{padding: 0 15px; margin-top: 10px; margin-bottom: 30px;}
.detailProductBox .form_lepsi_cena_detail .bgLepsiCenaDetail{background-color: #ececec;}
.detailProductBox .form_lepsi_cena_detail .textLepsiCena{padding-bottom: 5px; text-align: center;}
.detailProductBox .form_lepsi_cena_detail .textLepsiCena h3{padding: 0 0 10px 0; margin: 0; color: #515151;}
.detailProductBox .form_lepsi_cena_detail .form-group{padding: 0 15px; margin-bottom: 5px;}

.cenaPrihlaseniLabel{font-size: 1em;}
strong.cena_vip{font-size: 1.6em !important;}
.cenaVip{font-size: 1em !important;}

.gift{text-align: right; font-size: 14px; font-weight: 700; color: #d90c1d;}

/* KONEC STRANAKA DETAIL VYROBKU */

/* STRANKA VYHLEDAVANI BEGIN */
.formSearch input, .formSearch button{margin-bottom: 10px;}
/* STRANKA VYHLEDAVANI END */

/* STRANKA KOSIK BEGIN */
.formKolik{display: inline; white-space: nowrap;}
.formKolik input[type="text"]{width: 35px; display: inline-block; padding: 0;}
.formKolik .btn{margin: 0 0 3px 0; display: inline-block; padding: 6px 10px;}
.formKolik .btn.btnRemove{background-color: transparent; padding: 0 2px; text-align: center;}
.formKolik .btn.btnRemove span{color: #ff9000 !important;}

.tableObj .photo{text-align: center; width: 60px; padding: 6px 0 0 0;}
.tableObj img.imgProduct{width: 100%; margin: 5px auto !important; display: block;}
.tableObj .price{white-space: nowrap; text-align: right; padding-top: 15px;}
.tableObj .totalPriceBasket{text-align: right;}
.tableObj .removeCol{width: 28px; padding: 15px 0 0 0;}

.benefitCode input.form-control{text-align: left;}
.benefitCode .btn{padding: 5px 15px 5px 15px; vertical-align: bottom;}
@media (max-width: 500px) {
  .benefitCode label{display: block;}
}

#buttonsKosik{padding: 5px 0;}
#buttonsKosik .buttonsLeft{float: left;}
#buttonsKosik .buttonsRight{float: right;}
#buttonsKosik form{ display: inline-block; margin-left: 1px;}
#buttonsKosik .btn i{display: none;}
@media screen and (max-width: 768px) {
  #buttonsKosik {text-align: center;}
  #buttonsKosik .buttonsLeft{float: none;}
  #buttonsKosik .buttonsRight{float: none;}
  #buttonsKosik a.btn{display: inline-block; float: none; margin: 0 auto 2px auto;}
  #buttonsKosik form{text-align: center; margin: 0 auto;}
  #buttonsKosik .btn{margin: 0 1px 1px 1px;}
}
@media screen and (max-width: 480px) {
  /*#buttonsKosik .btn span{display: none;}*/
  #buttonsKosik .btn{width: 100%; margin: 0 0 1px 0;}
  #buttonsKosik form{display: block; text-align: center;}
}

#legenda{margin: 15px 0 25px 10px;}
#kosikBottomInfo{margin-bottom: 10px; padding: 5px 0;}
/* STRANKA KOSIK END */

/* STRANKA POKLADNA BEGIN */
.paymentsMethods{margin-left: 0;}
.paymentsMethods li{list-style: none; padding-bottom: 15px;}
.paymentsMethods li .picker{margin-bottom: 0;}

.buttonsPokladna{text-align: center; padding-top: 25px;}
.buttonsPokladna A{margin-right: 3px; margin-bottom: 9px;}
.buttonsPokladna .btn{}
/* STRANKA POKLADNA END */

/* STRANKA OBJEDNAVKA BEGIN */
.konCenaCelkemLabel{font-size: 1.4em; font-weight: bold; color: #ff0000;}
.konCenaCelkem{font-size: 1.4em; font-weight: bold; color: #ff0000; padding-left: 20px;}

.buttonsObj{}
.buttonsObj .btn{margin-bottom: 3px;}

.informationBox{padding: 25px; background-color: #f8f8f8; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 25px;}

/*
#buttonsObj .btnPokladna{margin: 0 5px 0 0; float: left;}
#buttonsObj .btnDokoncitObj{margin: 0; float: left;}
*/
/* STRANKA OBJEDNAVKA END */

/* STRANKA VELIKOSTI BEGIN */
.seznam{font-size: 1.4em;}
/* STRANKA VELIKOSTI END */

#sprateleneWeby{padding: 15px 0 0 0;}
#sprateleneWeby A{font-size: 10px; color: #8e8e8e;}

#mapa{float: right;}
#mapa IMG{border: 10px solid #faedbf;}
#mapa IMG:hover{border: 10px solid #fff;}

.footerMenuLine{background-color: #000; border-top: 1px solid #000; text-align: left; padding: 1.5em 0 2em 0;}
.footerMenuLine *{color: #fff;}
.footerMenuLine a{color: #ff9000;}
.footerMenuLine input{color: #000;}
.footerMenuLine .boxLogoFooter{text-align: center; padding-top: 5px;}
.footerMenuLine .logoFooter{padding: 8px 30px 8px 30px; text-align: center; margin: 0 auto 10px auto;}
.footerMenuLine .boxLogoFooter p{font-size: 1em;}
.footerMenuLine .boxLogoFooter strong{font-size: 1.2em; display: block; padding-bottom: 10px;}
.footerMenuLine .boxLogoFooter strong span{font-size: 14px; color: #777;}
.footerMenuLine h4{font-size: 1.8em; text-transform: uppercase;}
.footerMenuLine address{font-size: 1.6em; text-align: center;}
.footer-links{list-style: none; margin-left: 0; padding: 0;}

@media screen and (max-width: 768px) {
  .footerMenuLine .logoFooter{margin: 0 auto 10px auto;}
  .footerMenuLine address{margin: 0 auto 25px auto; font-size: 1.2em;}
}
@media screen and (max-width: 480px) {
  .footerMenuLine .logoFooter{margin: 0 auto 10px auto;}
  .footerMenuLine h4{text-align: center;}
  .footerMenuLine address{margin: 0 auto 25px auto; text-align: center;}
  .footerMenuLine .footer-links{margin: 0 auto 15px auto; text-align: center;}
  .footerMenuLine .footer-links li{display: inline; padding: 10px;}
}

.footerMenuLine .btn{padding-top: 4px; color: #fff;}

.footerLineCreated{background-color: #2c2c2c; padding: 1.5em 0;}
.footerLineCreated *{color: #fff; font-size: 1em;}
.footerLineCreated a{color: #fff; text-decoration: underline; font-size: 1em;}
.footerLineCreated a:hover{color: #fff; text-decoration: none;}

@media screen and (max-width: 768px) {
  #form-odber-novinek .form-control:last-of-type{margin: 0 auto 20px auto;}
}

.footerLineCreated .infoAktualizace{padding: 0;}

/* CUSTOM THEME BOOTSTRAP BEGIN */
/*
@media screen and (min-width: 1200px) {
  .container {
    width: 980px;
  }
}
*/


/* kroky objednavky begin */
ul.step {margin-bottom: 30px; overflow: hidden; }
@media (min-width: 768px) {
  ul.step {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
}

ul.step li {float: left; display: inline-block; width: 25%; text-align: center; border: 1px solid; border-top-color: #ccc; border-bottom-color: #ccc; border-right-color: #ccc; border-left-width: 0px;}
@media (max-width: 767px) {
  ul.step li {border-left-width: 1px; border-left-color: transparent;}
}

ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {display: block; padding: 13px 10px 14px 13px; color: #ccc; font-size: 17px; line-height: 21px; font-weight: bold; position: relative;}
@media (max-width: 992px) {
  ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {font-size: 15px;}
}
@media (max-width: 767px) {
  ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span{font-size: 12px; padding: 5px 5px 0 5px; font-weight: 300; text-align: center;}
  ul.step li a, ul.step li span i{font-size: 20px; display: block;}
}
@media (min-width: 992px) {
  ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {content: "."; position: absolute; top: 0; right: -31px; z-index: 0; text-indent: -5000px; display: block; width: 31px; height: 52px; margin-top: -2px;}
}

ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus {text-decoration: none; outline: none;}
ul.step li.first {border-left-width: 1px; border-left-color: #ccc;}
@media (min-width: 768px) {
  ul.step li.first {-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;}
}

ul.step li.first span, ul.step li.first a {z-index: 5;}
@media (min-width: 768px) {
  ul.step li.first span, ul.step li.first a {-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;}
}

ul.step li.second span, ul.step li.second a {z-index: 4;}
ul.step li.third span, ul.step li.third a {z-index: 3;}
ul.step li.four span, ul.step li.four a {z-index: 2;}
ul.step li.last span {z-index: 1; }
@media (min-width: 768px) {
  ul.step li.last {-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
  ul.step li.last span {-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
}

ul.step li.step_current {background-color: #d1f9f8; font-weight: bold;}
ul.step li.step_current span {color: #403a3e; border: 1px solid #fff; position: relative;}
  @media (min-width: 992px) {
    ul.step li.step_current span {padding-left: 0;}
  }

ul.step li.step_current_end {font-weight: bold;}
ul.step li.step_todo {background-color: #fff;}
ul.step li.step_todo span {display: block; border: 1px solid #fff; color: #ccc; position: relative;}
@media (min-width: 992px) {
  ul.step li.step_todo span {padding-left: 38px;}
  ul.step li#step_end span:after {display: none;}
}

ul.step li em {font-style: normal;}
@media (min-width: 768px) and (max-width: 991px) {
  ul.step li em {display: none;}
}
/* kroky objednavky end */

/* CUSTOM THEME BOOTSTRAP END */

/* scrolovani nahoru begin */
.scrollup{width:60px; height:60px; text-indent:-9999px; opacity:0.3; position:fixed; bottom:50px; right:20px; display:none; background: url('/pic/icons/icon_top.png') no-repeat; overflow: hidden;}
/* scrolovani nahoru end */

/* popup layer begin */
#mycontent{padding: 0;}
/* popup layer end */

#ajax_load{position:fixed; left:50%; top:50%; width: 54px; height: 55px; margin-left: -27px; margin-top: -27px; overflow: auto; background:url('/pic/ajax-loader.gif') no-repeat; z-index: 10000; text-indent: -9999px;}

/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
.timeline {list-style: none; padding: 10px 0; position: relative;}
.timeline:before {top: 0; bottom: 0; position: absolute; content:" "; width: 2px; background: #8c8b8b; left: 50%; margin-left: -1px;}
.timeline > li {margin-bottom: 20px; position: relative; width: 50%; float: left; clear: left;}
.timeline > li:before, .timeline > li:after {content:" "; display: table;}
.timeline > li:after {clear: both;}
.timeline > li:before, .timeline > li:after {content:" "; display: table;}
.timeline > li:after {clear: both;}
.timeline > li > .timeline-panel {width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); float: left; border: 1px solid #dcdcdc; background: #fff; position: relative;}
.timeline > li > .timeline-panel:before {position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #dcdcdc; border-right: 0 solid #dcdcdc; border-bottom: 15px solid transparent; content:" ";}
.timeline > li > .timeline-panel:after {position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content:" ";}
.timeline > li > .timeline-badge {color: #fff; width: 24px; height: 24px; line-height: 50px; text-align: center; position: absolute; top: 17px; right: -13px; z-index: 100;}
.timeline > li.timeline-inverted > .timeline-panel {float: right;}
.timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0; border-right-width: 15px; left: -15px; right: auto;}
.timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;}
.timeline-badge > a {color: #8c8b8b !important;}
.timeline-badge a:hover {color: #dcdcdc !important;}
.timeline-title {margin-top: 0; color: inherit;}
.timeline-heading h2 {padding: 10px 15px 0 15px; /*color: #4679bd;*/ font-size: 1.2em; text-align: left;}
.timeline-heading .stars{float: right; padding: 5px 10px;}
.timeline-body > p, .timeline-body > ul {padding: 10px 15px; margin-bottom: 0; text-align: justify;}
.timeline-footer {padding: 5px 15px; background-color:#f4f4f4;}
.timeline-footer p {margin-bottom: 0; text-align: right;}
.timeline-footer > a {cursor: pointer; text-decoration: none;}
.timeline > li.timeline-inverted {float: right; clear: right;}
.timeline > li:nth-child(2) {margin-top: 60px;}
.timeline > li.timeline-inverted > .timeline-badge {left: -11px;}
.no-float {float: none !important;}
@media (max-width: 767px) {
  ul.timeline:before {left: 12px;}
  ul.timeline > li {margin-bottom: 0; position: relative; width:100%; float: left; clear: left;}
  ul.timeline > li > .timeline-panel {width: calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px);}
  ul.timeline > li > .timeline-badge {left: 0; margin-left: 0; top: 34px;}
  ul.timeline > li > .timeline-panel {float: right;}
  ul.timeline > li > .timeline-panel:before {border-left-width: 0; border-right-width: 15px; left: -15px; right: auto;}
  ul.timeline > li > .timeline-panel:after {border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;}
  .timeline > li.timeline-inverted {float: left; clear: left; margin-top: 30px; margin-bottom: 30px;}
  .timeline > li.timeline-inverted > .timeline-badge {left: 0; top: 34px;}
}
/*
.bx-wrapper{margin-bottom: 0; padding-bottom: 20px;}
.bxslider{padding: 0 !important; margin-left: 0; max-width: 1170px;}
.bx-default-pager{padding: 0 !important; bottom: -5px !important;}
.bx-wrapper .bx-controls-direction a {text-indent: unset;}
.bx-wrapper .bx-prev:before {content: '\f104'; font-family: 'FontAwesome';}
.bx-wrapper .bx-next:before {content: '\f105'; font-family: 'FontAwesome';}
.bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before {color: #fff; font-size: 76px; line-height: 1;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(178, 178, 178, .8); text-decoration: none;}
.bx-wrapper .bx-prev{margin-left: 15px; top: 50%; margin-top: -40px !important; z-index: 1 !important; display: block; padding: 0 58px 0 24px; height: 80px !important;}
.bx-wrapper .bx-next{margin-right: 15px; top: 50%; margin-top: -40px !important; z-index: 1 !important; display: block; padding: 0 48px 0 32px; height: 80px !important;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{background: rgba(178, 178, 178, .4);}

.bx-wrapper a i{display: none !important;}
*/
/* === Naseptavac === */
.ui-menu { text-align: left; border: 0 none;}
.ui-menu li { border-color: #fff; }
.ui-menu li:hover { background-color: #ff9000; border-color: #ff9000; }
.ui-menu li:hover a { color: #fff; }
.ui-menu a { text-decoration: none!important; text-overflow: ellipsis; display: block; }
/*.ui-menu a:hover { color: #fff; }*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover{background-color: #fff;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fff;
	background-color: #fff;
  background-image: none;
}

.filtr-span-label { padding-left: 8px; padding-right: 5px; }
.btn-padd { margin: 0 1px; }
.hide-content { display: none; }
.nav-custom { padding-left: 0px; padding-right: 0px; }
.navbar-filter { float: right; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; display: none; }
@media (max-width: 767px) {
  .rowCategory { margin-left: 0px!important; margin-right: 0px!important; }
  .navbar-filter { display: block; }
  .filterCat { display: none; }
}


/* Doporucene vyrobky*/
.productsAll.doporucene{padding-top: 45px; padding-bottom: 45px;}
.productsAll.doporucene h2{text-transform: uppercase; margin-bottom: 15px;}
.productsAll.doporucene .beznaCenaKc{text-align: center; font-weight: 300;}
.productsAll.doporucene .beznaCenaKc strong{text-decoration: line-through; color: #aaa;}
.slick-prev:before, .slick-next:before {color: #fff; font-size: 40px;}
.slick-prev:before {content: '\f104'; font-family: 'FontAwesome';}
.slick-next:before {content: '\f105'; font-family: 'FontAwesome';}
.slick-prev, .slick-next{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(178, 178, 178, .8);}
.slick-prev{margin-left: 55px; top: 45%; z-index: 999; display: block; padding: 0 33px 0 17px; height: 50px;}
.slick-next{margin-right: 52px; top: 45%; z-index: 999; display: block; padding: 0 29px 0 21px; height: 50px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background: rgba(178, 178, 178, .4);}

.slick-prev.slick-disabled, .slick-next.slick-disabled{background-color: #777; cursor: default; opacity: .15;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 1;}

/* tabs detail produktu begin */
.buttonsForTabs {padding: 30px 0;}
.buttonsForTabs .row {margin: 0;}
.buttonsForTabs [class*="col-"] {padding: 0 1px; margin-bottom: 1px;}
.buttonsForTabs button {padding: 3px 5px; font-size: 13px; font-weight: 700; background-color: #7b7070;}
.buttonsForTabs button:hover {background-color: #655e5e;}
.buttonsForTabs button span {font-size: 12px; font-weight: 700; color: yellow;}

@media (max-width: 767px) {
  .buttonsForTabs {margin: 0; padding: 10px;}
  .buttonsForTabs button {display: none;}
}

.tabContainer .bgRecenzeZakazniku {padding-left: 15px; padding-right: 15px; background-color: #fff;}
.tabContainer .bgRecenzeZakazniku .recenzeZakazniku {background-color: #fff;}
.tabContainer .bgRecenzeZakazniku .recenzeCol {padding-top: 20px; padding-bottom: 20px;}

.mResAccordion .mResTabNav {display:none;}
.tabNav:before, .tabNav:after { content: " "; display: table; }
.tabNav:after { clear: both; }
.tabNav { list-style:none; padding:0 15px; margin:0;}
.tabNav li {padding: 0; display: inline-block;  width: 24.5%;}
.mResTabAccordA { display: block; text-decoration:none; font-size: 18px; padding:18px 30px; color:#fff; background-color:#7b7070;}
.mResTabAccordA strong{color: yellow; font-size: 14px;}
.tabNav li.active > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active {text-decoration:none; color: #fff;}
.mResTabAccordA:hover{background-color: #655e5e;-webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.tabNav li.active > .mResTabAccordA{padding-top: 30px; padding-bottom: 30px; margin-top: -25px; border: 1px solid #ccc; border-bottom: 0; background-color: #fff; color: #655e5e; font-weight: 700;}
.tabNav li.active > .mResTabAccordA strong{color: #000;}
.tabContainer .tabContent {border:0 solid #ccc; padding:20px; background-color:#fff; opacity:0; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.tabContainer .tabContent.mTabActive {opacity:1;  display:block; }

@media (max-width: 991px) {
  .mResTabAccordA{padding:20px 20px;}
}

.mResTabbing .mResAccordAnchor { display:none; }
.mResAccordAnchor { display:block; margin-bottom:1px; position:relative;}
.mResAccordAnchor > span { display:block;  color: #fff;}
.mResAccordAnchor.active {background-color: #ff9000;}
.mResAccordAnchor.active > span strong { color: #fff;}
.mResAccordAnchor > span:after { display:block; position:absolute; right:0; top:0; bottom:0; width:30px; padding:5px; text-align:center; font-size:20px; content:'+' }
.mResAccordAnchor.active > span:after {content:'--';}
.mTabAnimated .tabContainer {position:relative;}
.mTabSimple .tabContent, .mTabAnimated .hideAfterAnim {display:none;}
.defaultState {position:absolute; left:0; top:0;}

.animBlock {-webkit-transition: all 600ms ease-in; -moz-transition: all 600ms ease-in; -ms-transition: all 600ms ease-in; -o-transition: all 600ms ease-in; transition: all 600ms ease-in;}
.mTabAnimated .hideAfterAnim {
  -moz-transform: translateX(0px) translateY(0px);
  -webkit-transform: translateX(0px) translateY(0px);
  -o-transform: translateX(0px) translateY(0px);
  -ms-transform: translateX(0px) translateY(0px);
  transform: translateX(0px) translateY(0px);}

.mTabAnimated .defaultState { -moz-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);}

.mTabAnimated .mTabActive { -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);}

@media (min-width: 1200px) {
  .slick-slider{max-width: 1230px !important; margin: 0 auto;}
}
.slick-dotted{margin: 0 auto !important; padding-bottom: 15px;}
.slick-dots{bottom: -5px;}

@media (max-width: 767px) {
  .sliderTopScreen {display: none;}
}
@media (min-width: 768px) {
  .sliderTopMobile {display: none;}
}

/* tabulky v mobilni verzi begin */
@media only screen and (max-width: 768px){
  /* Force table to not be like tables anymore */
  .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr {display: block;}
  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr {position: absolute; top: -9999px; left: -9999px;}
  .no-more-tables tr {border: 0px solid #000; border-bottom: 1px solid #ddd;}
  .no-more-tables td {border: 0 none !important; border-bottom: 1px solid #eee; /*position: relative;*/ padding-left: 35%; white-space: normal;}
  .no-more-tables td:before {/*table header*/position: absolute; top: 3px;/*odsazeni*/ left: 6px;/*odsazeni*/ width: 35%; padding-right: 10px; white-space: normal; text-align: left; font-weight: bold;}
  .no-more-tables td.checkboxSelect {padding-bottom: 12px !important;} /*vlastni nastaveni*/
  /* Label the data */
  .no-more-tables td:before {content: attr(data-title);}

  .no-more-tables .tableObj{}
  .no-more-tables .tableObj tr{border-top: 3px solid #ccc;}
  .no-more-tables .tableObj tr:last-child{border-bottom: 0 none;}
  .no-more-tables .tableObj tr.productRow{position: relative;}
  .no-more-tables .tableObj tr th{display: none !important;}
  .no-more-tables .tableObj td{padding-top: 6px; padding-bottom: 1px; border-bottom: 0 !important; padding-left: 0 !important; text-align: left; }
  .no-more-tables .tableObj td.photo{float: left; text-align: center; padding: 6px 0; width: 60px;}
  .no-more-tables .tableObj td.photo imgProduct{margin: 0 auto;}
  .no-more-tables .tableObj td.product{margin-left: 70px; padding-right: 25px;}
  .no-more-tables .tableObj td.mnozstvi{width: 100%; text-align: right;}
  .no-more-tables .tableObj td:before {display: none;}
  .no-more-tables .tableObj td.price{margin-right: 5px; text-align: right;}
  .no-more-tables .tableObj td.totalPriceProduct{font-weight: 700;}
  .no-more-tables .tableObj td.totalPriceBasketLabel{font-weight: 700; float: left; margin-left: 10px; font-size: 18px;}
  .no-more-tables .tableObj td.totalPriceBasket{font-weight: 700; text-align: right; padding-bottom: 8px; font-size: 18px;}
  .no-more-tables .tableObj .btnRemove{position: absolute; top: 10px; right: 10px; z-index: 1;}



  .no-more-tables td.hidden-ms{display: none !important;}

  /* tabulka zakaznika u objednavky */
  .tableObjCustomer{margin-bottom: 40px;}
  .tableObjCustomer tr{position: relative; border-bottom: 0 none; border-bottom: 0 none !important;}
  .tableObjCustomer tr:after{content: ''; display: block; clear: both; border-bottom: 1px solid #ddd !important;}
  .tableObjCustomer th{display: inline-block; float: left; width: 30%; min-height: 40px; line-height: 40px; padding: 0 10px; border-bottom: 1px solid #ddd !important; border-top: 0 none !important;}
  .tableObjCustomer td{display: inline-block; float: right; width: 70%; min-height: 40px; line-height: 40px; padding: 0 10px; border-bottom: 1px solid #ddd !important;}
  .tableObjCustomer.dalsiIfo th, .tableObjCustomer.dalsiIfo td{border-bottom: 0 none !important;}
}

/* tabulky v mobilni verzi end */
/* KONEC TABULKY */

.modal-body { padding-bottom: 0; }
.modal-footer { border: none; }
.btn-continue { float: left; }
table.modal-table { margin-bottom: 0; }
tr.modalRow td { border: none!important; }
table.modal-table td.product .product a{ font-weight: 900; }
.modal-dialog { margin-top: 150px; }
.modal-info { font-weight: 900; margin-top: 10px; margin-bottom: 15px; padding: 10px 15px; background-color: #e0f0da; color: #403a3a; }

.modalDoprava .modal-body .close-button{display: none;}
.modalDoprava .modal-body {padding-bottom: 15px;}
@media (max-width: 991px) {
  .modalDoprava{padding: 0;}
  .modalDoprava .modal-dialog {width: 100%; height: 100%; margin: 0; padding: 0;}
  .modalDoprava .modal-content {height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none;}
  .modalDoprava .modal-body {position: relative; padding: 30px 0 0 0;}
  .modalDoprava .modal-body .embed-responsive-4by3 {height: 100%; padding-bottom: 97vh;}
  .modalDoprava .modal-body .close-button {position: absolute; display: block; top: 10px; right: 20px;}
  .modalDoprava .modal-body .close-button button {font-size: 16px;}
}

/* Cookies lista */
.cc_container{padding: 5px !important;}
.cc_banner .cc_message{padding: 0px !important; margin: 0 !important; font-size: 15px !important;}
.cc_banner .cc_more_info{color: #ff9000 !important;}
.cc_banner .cc_btn_accept_all{background-color: #ff9000 !important; color: #000 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; vertical-align: middle !important; padding: 5px !important; font-size: 12px !important;}

.boxPlatebniUdaje{width: 100%; padding: 30px 45px 50px 45px; margin-bottom: 25px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); text-align: center;}
.boxPlatebniUdaje h2{}
.boxPlatebniUdaje table {width: 100%;}
.boxPlatebniUdaje table td{padding: 6px 3px; width: 50%;}
.boxPlatebniUdaje table td:first-of-type{text-align: right}
.boxPlatebniUdaje table td:last-of-type{text-align: left;}
@media (max-width: 400px) {
  .boxPlatebniUdaje{padding: 30px 15px 50px 15px;}
}