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

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

/* DEFAULT */
TABLE, P, UL, OL, DIV, SPAN, A, H1, H2, H3, H4 LEGEND{font: normal 1em "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #1a1f33;}
H1{font-size: 22px; font-weight: normal; margin: 0 0 10px 0; padding-left: 10px; text-align: left; color: #1a1f33;}
H2{font-family: 'Dosis', Arial, Tahoma, sans-serif; font-size: 2.6em; font-weight: normal; color: #1a1f33; margin: 0; padding: 10px 0 10px 0;}
H3{font-family: 'Dosis', Arial, Tahoma, sans-serif; font-size: 2.1em; font-weight: normal; color: #1a1f33; margin: 0; padding: 10px 0;}
H4{font-size: 14px; font-weight: bold; color: #000; margin: 0; padding: 10px 0;}
A{color: #d71e1e; text-decoration: none;}
A:hover{color: #ab0303; text-decoration: underline;}
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;}
/* KONEC DEFAULT */

.btn{background: #e51c24 url('/pic/bgBtn.png') repeat-x left top; border: 1px solid #e51c24; color: #fff;}
.btn:hover{background-color: #d50b13; background-image: none; color: #fff; border: 1px solid #d50b13;}
.btn .glyphicon{color: #fff;}

/* 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;
}
/* KONEC FORMULAR DEFAULT*/

/* formular begin */
#form-kontakt .has-feedback .form-control-feedback {
    top: 22px !important;
    right: 15px !important;
}
#form-kontakt .form-horizontal .has-feedback .form-control-feedback {
    top: 20px !important;
    right: 15px !important;
}

#form-comment .form-group{padding: 0 15px;}

.form-control{color: #666 !important;}
.form-control:focus {
  border-color: #888;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(1, 175, 233, .6);
          box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(136, 136, 136, .6);
}
.has-success .form-control {
  border-color: #888 !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}

.form-control::-moz-placeholder {
  color: #999 !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
/* formular end */

/* EFEKTY BEGIN */
/* kulate rohy begin */
.xxx
{
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
/* kulate rohy end*/

/* EFEKTY END */

/* 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 !important;}
TH.center, TD.center{text-align: center !important;}
TH.right, TD.right{text-align: right !important;}

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;}
/* KONEC TABULKY */

/* 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: 13px; 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: bold; 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;}
/* KONEC NAVIGACNI MENU */

/* AKTUALITY BEGIN */
#aktuality{}
.aktualita{text-align: center; margin-bottom: 15px;}
.aktualitaIn{margin: auto; padding: 0 0 15px 0; text-align: left; border-bottom: 1px solid #e6e6e6;}
.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: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.aktualitaIn .boxFoto IMG:hover{border: 1px solid #fc333b;}
.aktualitaIn H2{margin: 0 auto; padding: 0 0 5px 0; font-size: 1.6em;}
.aktualitaIn H2 A{font-family: 'Dosis', 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;}
/* 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{background: url('/pic/icons/quote.png') no-repeat left 15px; 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 */

.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;}
/*.fotoGallery IMG{border: 1px solid #2B4B2B;}*/

/* 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;}

.povinne{font-weight: bold; color: red;}

.odkazTabVelikosti{background-color: #eceaea; padding: 10px; margin: 10px 0 0 0;}

/* LOGIN FORM BEGIN */
#form-signin {max-width: 360px; padding: 15px; margin: 0 auto;}
#form-signin button[type="submit"]{margin-bottom: 10px;}
/* 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: 5px;}
#form-registration .selecter .selecter-selected{padding: 8px 30px 8px 10px;}
#form-registration button[type="submit"]{margin-bottom: 10px;}

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

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

/* 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 */

/* 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 */

.topIndexBox{width: 100%; text-align: center;}
.topIndexBox .thumbnail{color: #fff; text-decoration: none; padding: 0px 15px 15px 15px; text-align: center; min-height: 240px; color: #fff;}
.topIndexBox SPAN{font-family: 'Dosis', Arial, Tahoma, sans-serif; font-size: 1.9em; color: #fff; font-weight: bold;}
.thumbnail.indexBox01{background-color: #98c507; border: 1px solid #81b53c;}
.thumbnail.indexBox01:hover{background-color: #5caf02; border: 1px solid #81b53c;}
.thumbnail.indexBox02{background-color: #a31a22; border: 1px solid #910d15;}
.thumbnail.indexBox02:hover{background-color: #910d15; border: 1px solid #910d15;}
.thumbnail.indexBox03{background-color: #4cb5e9; border: 1px solid #3da6da;}
.thumbnail.indexBox03:hover{background-color: #3da6da; border: 1px solid #3da6da;}
/* --------------- uvodni stranka ---------------------------*/

/* LAYOUTY BEGIN */
.topLista{background-color: #171928; width: 100%; padding: 5px 0;}
.topLista .fastTopContact{padding: 8px 10px; text-align: left;}
@media screen and (max-width: 768px) {
  .fastTopContact{display: none;}
}
.topLista *{color: #fff;}
.topLista *:hover{color: #fff;}
.topLista .topButtons{text-align: right;}
.topLista .topBtnLogin{text-decoration: none; font-weight: bold; margin: 0; background-color: #e51c24; border: 1px solid #e51c24;}
.topLista .topBtnLogin:hover{background-color: #d50b13; border: 1px solid #d50b13;}
.topLista .topBtnRegistrace{text-decoration: none; font-weight: bold; margin: 0;}

@media screen and (max-width: 768px) {
  .headBoxLogo{text-align: center; width: 100%;}
}
@media screen and (max-width: 768px) {
  .headBoxVyhledavani{text-align: center; width: 100%;}
}
@media screen and (max-width: 768px) {
  .headBoxKosik{text-align: center; width: 100%;}
}

.topNavbar{margin-bottom: 0; background-color: #fff;}
@media (min-width: 768px) {
  .topNavbar{display: none;}
}

#listaSLogem{background: #202339 url('/pic/bgLista.png') repeat left top;}

#logo{background: url('/pic/logo.png') no-repeat; width: 313px; height: 76px; margin: 3% 5px; float: left; position: relative;}
#logo A {border: 0 none; display: block; float: left; position: absolute; text-indent: -5000px; left: 0; top: 0; width: 313px; height: 76px;}
@media screen and (max-width: 992px) {
  #logo{background: url('/pic/logo-sm.png') no-repeat; width: 150px; height: 32px; margin: 7px 5px; float: left; position: relative;}
  #logo A {border: 0 none; display: block; float: left; position: absolute; text-indent: -5000px; left: 0; top: 0; width: 150px; height: 32px;}
}
@media screen and (max-width: 768px) {
  #logo{background: url('/pic/logo-xs.png') no-repeat center; width: 100%; margin: 7px auto; position: relative;}
  #logo A {border: 0 none; display: block; position: absolute; text-indent: -5000px; left: 0; top: 0; width: 100%;}
}

@media screen and (max-width: 768px) {
  .groupSearch{width: 270px; height: 40px; margin: 0 auto;}
}

/* box vyhledavani */
#boxSearch{margin: 35px 5px; float: left; text-align: left; padding: 0; max-width: 190px;}
@media screen and (max-width: 992px) {
  #boxSearch{margin: 0 5px; padding: 5px 0;}
}
@media screen and (max-width: 768px) {
  #boxSearch{margin: 5px 5px; padding: 0;}
}
@media screen and (max-width: 468px) {
  #boxSearch{margin: 5px 5px; padding: 0;}
}

/* box vlajky begin */
.groupFlags{margin: 0; padding: 0;}
#boxFlags{margin: 35px 10px; float: left; text-align: left;}
#boxFlags button{margin: 0; color: #fff !important;}
#boxFlags button .caret{color: #fff;}

@media screen and (max-width: 992px) {
  #boxFlags{margin: 5px 0;}
  #boxFlags button{margin: 0;}
}
@media screen and (max-width: 768px) {
  #boxFlags{margin: 5px 0;}
  #boxFlags button{margin: 0;}
}
.dropdown-menu{background-color: #e51c24; border: 0 none; top: 35px;}
.dropdown-menu li a{padding: 1px 20px 3px 20px !important;}
.dropdown-menu li a:hover{background-color: #d50b13;}
.dropdown-menu:before {
  content: '';
  position: absolute;
  left: 20px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e51c24;
}
@media screen and (max-width: 768px) {
  .dropdown-menu{background-color: #e51c24 !important; z-index: 2000 !important; position: absolute !important; top: 35px;}
  .dropdown-menu:before{top: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #e51c24;}
}
/* box vlajky begin */

/* box kosik begin */
#boxKosik{padding: 25px 0 0 0; float: right; text-align: right; font-size: 1.6em;}
#boxKosik .cena{padding-right: 10px; color: #fff;}
#boxKosik .btnKosik{}
@media screen and (max-width: 992px) {
  #boxKosik{background: none; padding: 5px 0 0 0;}
  #boxKosik .btnKosik{padding: 2px 10px 0 10px; margin-top:-5px;}
}
@media screen and (max-width: 768px) {
  #boxKosik{padding: 0 0 10px 0; margin: 0 auto !important; width: 100%; text-align: center;}
  #boxKosik .btnKosik{padding: 2px 10px 0 10px; margin-top:-3px;}
  #boxKosik .cena{padding: 0;}
}

.boxMena{padding: 10px 10px 5px 10px; font-size: 0.6em;}
.boxMena STRONG{color: #515151;}
.boxMena A{font-weight: bold; padding: 3px; text-decoration: underline;}
.boxMena A.menaActive{text-decoration: none; color: #515151;}
/* box kosik end */

.header{width: 100%; text-align: center; margin-bottom: 25px;}
/* LAYOUTY END */

.colSide{text-align: left; padding: 0 0 0 15px;}
.colMain{text-align: left; padding-bottom: 45px;}
.colMainIn{padding: 0 15px; margin: 0;}

/* HORNI MENU BEGIN */
.navbar{margin-bottom: 0; border: 0 none; padding: 0; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.navbar.navbar-default{background: url('/pic/bgMenuTop.png') repeat-x center bottom;}
@media screen and (max-width: 768px) {
  .navbar{}
}

/* nastaveni barvy pri odjeti z tlacitka pri otevrenem submenu */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #cfcfcf;
}

.navbar-default .navbar-toggle {
  border-color: #d71e1e;
  background-color: #d71e1e;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ab0303;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #fff;
}
/* HORNI MENU END */

/* INFO PANEL BEGIN */
#infopanel{margin: 0 auto 25px auto; text-align: left; padding: 0 10px;}
#infopanel .infopanelBody{padding: 0;}
#infopanel P, #infopanel .telo DIV, #infopanel .telo A{font-size: 1em; text-align: justify; margin: 0; padding: 0 0 10px 0;}
/* INFO PANEL END */

/* ANKETA PANEL BEGIN */
#anketa{text-align: left; margin: 0 auto 25px auto; padding: 0 10px;}
#anketa .telo{padding: 0;}
/* ANKETA PANEL END */

/* BOCNI MENU */
#menu{padding: 0; width: 100%; margin: 0 auto 25px auto; position: relative;}
#menu UL.nav{width: 100%; list-style: none; margin: 0 auto; padding: 0 3px; text-align: center;}
#menu UL.nav LI.foldout{background: url('/pic/btn/btnFoldout.gif') no-repeat 13px 8px; margin: 0 0 1px 0; padding: 0;}
#menu UL.nav LI.notFoldout{background: url('/pic/btn/btnFoldout.gif') no-repeat 13px 8px; margin: 0 0 1px 0; padding: 0;}
#menu UL.nav LI A{font-size: 1em; font-weight: normal; color: #d71e1e; text-decoration: none; display: block; text-align: left; padding: 10px 15px 10px 25px; margin: 0; border-bottom: 1px solid #e6e6e6;}
#menu UL.nav LI A:hover{color: #ab0303; background-color: #fed6d6;}

#menu UL.nav LI A .badge{padding: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 11px; margin-left: 10px; margin-right: 0; background-color: transparent; color: #ab0303;}

#menu UL.subnav{list-style: none; margin: 0; padding: 0; text-align: left;}
#menu UL.subnav LI{margin: 0; padding: 0; width: 100%;}
#menu UL.subnav LI A{background: url('/pic/btn/btnFoldout.gif') no-repeat 22px 7px; font-weight: normal; color: #d71e1e; font-size: 0.9em; padding: 10px 15px 10px 35px;}
#menu UL.subnav LI A:hover{color: #ab0303; background-color: #fed6d6;}

#menu UL.subnav2{list-style: none; margin: 0; padding: 0; text-align: left;}
#menu UL.subnav2 LI{margin: 0; padding: 0; width: 100%;}
#menu UL.subnav2 LI A{background: url('/pic/btn/btnFoldout.gif') no-repeat 22px 7px; font-weight: normal; color: #d71e1e; font-size: 0.9em; padding: 10px 15px 10px 45px;}
#menu UL.subnav2 LI A:hover{color: #ab0303; background-color: #fed6d6;}

UL.navSingl{width: 100%; list-style: none; margin: 0 auto; padding: 0 3px;}
UL.navSingl LI{background: transparent url('/pic/btn/btnFoldout.gif') no-repeat 13px 8px; margin: 0 0 1px 0; padding: 0;}
UL.navSingl LI A{font-size: 1em; font-weight: bold; text-decoration: none; display: block; width: 100%; text-align: left; padding: 10px 15px 10px 25px; margin: 0; border-bottom: 1px solid #e6e6e6; text-transform: uppercase; background-repeat: no-repeat; background-position: left center;}
UL.navSingl LI A:hover{color: #ab0303; background-color: #fed6d6;}
UL.navSingl LI A.akce{color: #c55441;}
UL.navSingl LI A.novinky{color: #44afe8;}
UL.navSingl LI A.vyprodej{color: #ba4194;}
/* KONEC BOCNI MENU */

/* SEZNAM PODKATEGORIE BEGIN - vypise seznam odkazu podkategorii */
.rowCategory{margin-bottom: 15px;}
.boxCategory{margin-bottom: 0;}
.boxCategory A.btn-block{margin-bottom: 2px; padding-right: 5px; padding-left: 5px; white-space: normal !important; }

/* SEZNAM PODKATEGORIE END */

/* SEZNAM FILTR VYROBCI BEGIN  */
.filterProducer{}
.filterProducer .picker .picker-label{color: #d71e1e;}
.filterProducer .picker .picker-label:hover{color: #ab0303; text-decoration: underline;}

/* SEZNAM FILTR VYROBCI END  */

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

.filterCat{padding: 5px 0; margin: 0; width: 100%;}
.filterCat .razeni{float: left; margin-left: 12px; padding: 0 !important; margin: 0 !important;}
.filterCat .razeni LABEL{float: left; margin-left: 12px; margin-right: 3px; padding-top: 9px;}
.filterCat .razeni .selecter {display: inline-block;}
.filterCat .razeni .selecter .selecter-selected{padding: 7px 30px 6px 10px;}

.filterCat{padding: 5px 0; margin: 0; width: 100%;}
.filterCat .polozek{float: left; margin-left: 12px; padding: 0 !important; margin: 0 !important;}
.filterCat .polozek LABEL{float: left; margin-left: 12px; margin-right: 3px; padding-top: 9px;}
.filterCat .polozek .selecter {display: inline-block;}
.filterCat .polozek .selecter .selecter-selected{padding: 7px 30px 6px 10px;}

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

.filterCat .showPages{padding: 0; float: left;}
.filterCat .showPages .stranek{float: left; padding-top: 8px; margin-right: 3px;}

.filterBar{margin-bottom: 10px; text-align: center;}
.filterBar .form-group{margin-bottom: 10px; text-align: center;}
.filterBar .pricebar{padding: 5px 15px;}
/* CATEGORY BODY FILTER END */

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

.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: 2px; display: block; text-align: left;}
.productBox .baseFoto SPAN.icons .label{padding: 4px 10px; margin-bottom: 2px; margin-right: 2px;}
.productBox .baseFoto SPAN.icons .label:hover{padding: 4px 10px; background-color: #e6e6e6; margin-bottom: 2px;}
.productBox .baseFoto SPAN.icons .label.akce{background-color: #c55441;}
.productBox .baseFoto SPAN.icons .label.novinka{background-color: #44afe8;}

.productBox H3{margin: 0 auto; padding: 0; text-align: center; line-height: 0%; min-height: 60px;}
.productBox H3 A{font-size: 0.5em; font-weight: bold; text-decoration: none; margin: 0; padding: 0;}
.productBox H3 A:hover{text-decoration: underline;}

.productBox .boxCena{color: #b02929; font-size: 1.2em; padding: 0.6em 0; font-weight: bold; margin: 0; width: auto;}
.productBox .boxBtn{padding: 5px 0; margin: 0;}
.productBox .boxBtn .btnDetail{padding: 0.4em 1.5em;}
.productBox .dostupnost{margin: 0 auto; text-align: center; padding-top: 5px; color: #999;}
/* PRODUKTY END */

/* STRANKA DETAIL VYROBKU */
.detailProductBox{background-color: transparent;}
.detailProductBox .layoutBoxFoto{border: 1px solid #e6e6e6; text-align: center; padding: 15px 10px; margin: 0 0 10px 0; position: relative;}
.detailProductBox .layoutBoxFoto SPAN.icons{position: absolute; left: 4px; top: 6px; text-align: left;}
.detailProductBox .layoutBoxFoto SPAN.icons .label{padding: 4px 10px; margin-bottom: 2px; margin-right: 2px;}
.detailProductBox .layoutBoxFoto SPAN.icons .label:hover{background-color: #e6e6e6;}
.detailProductBox .layoutBoxFoto SPAN.icons .label.akce{background-color: #c55441;}
.detailProductBox .layoutBoxFoto SPAN.icons .label.novinka{background-color: #44afe8;}
.detailProductBox .layoutBoxFoto IMG{margin: 0 auto;}
.detailProductBox .no-foto {border: 0 none;}
.detailProductBox #bgFotosGallery{padding: 10px 0 0 0;}
.detailProductBox #bgFotosGallery .img-thumbnail{margin-bottom: 10px; border: 0 none;}

.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: center;}
.detailProductBox #iconsTiskMail{padding: 10px 0 10px 0; margin: 0 auto; text-align: center;}

#containerParams{width: 100%; padding: 0;}
TABLE#params{width: 100%; border: 1px solid #e6e6e6; padding: 0; margin: 0;}
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 5px 0 8px; text-align: left;}
TABLE#params TD.velikosti{padding: 0; background-color: transparent;}

TABLE#paramsVelikosti{margin-bottom: 0;}

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

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

.detailProductBox .boxCeny{margin: 0; padding: 10px 0 0 0;}
.detailProductBox .beznaCenaKc{font-weight: bold; text-align: right; text-decoration: none;}
.detailProductBox .beznaCenaKc STRONG{text-decoration: line-through;}
.detailProductBox .cenaKc{font-size: 2em; color: #92bb09; text-align: right; font-weight: bold; padding: 10px;}

.detailProductBox .mnozstvi{margin-top: 20px;}

/* tabs detail produktu begin */
.nav-tabs{margin: 0;}
.video{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video iframe, .video object, .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* tabs detail produktu end */
/* KONEC STRANAKA DETAIL VYROBKU */

/* STRANKA KOSIK BEGIN */
#buttonsKosik{padding: 5px 0;}

.legenda{padding: 15px 0 0 0;}
#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;}
.buttonsPokladna A{margin-right: 3px; margin-bottom: 9px;}
.buttonsPokladna .btn{}

.souhlasObchodniPodminky{padding: 0;}
/* 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;}
/*
#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: #202439 url('/pic/bgLista.png') repeat left top; text-align: left; padding: 1.2em 0;}
.footerMenuLine p, .footerMenuLine address, .footerMenuLine ul{color: #b5b8cc;}
.footerMenuLine .mapaPobocky{padding: 0;}
.footerMenuLine H3{font-size: 2.1em; color: #fff;}
.footerMenuLine A{color: #fff;}
.footerMenuLine .bottomMail{font-size: 1.2em;}
.footerMenuLine .bottomTel{font-size: 1.2em;}
.footerMenuLine button span{color: #fff;}
.footerLineCreated{background-color: #121523; border-top: 1px solid #10131d; padding: 1.2em 0;}
.footerLineCreated p{color: #b5b8cc;}
.footerLineCreated a{color: #fff;}

.infoAktualizace{font-size: 0.9em; color: #b5b8cc;}
/* CUSTOM THEME BOOTSTRAP BEGIN */
/*
@media screen and (min-width: 1200px) {
  .container {
    width: 980px;
  }
}
*/

.navbar-collapse {
  /*max-height: 340px;*/
  max-height: 100% !important;
}


.brand{font-size: 1.5em; font-weight: bold; text-align: right; padding: 0.5em 10px; float: right;}

/* 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;
    width: 25%;
    text-align: left;
    border: 1px solid;
    border-top-color: #cacaca;
    border-bottom-color: #9a9a9a;
    border-right-color: #b7b7b7;
    border-left-width: 0px; 
  }
    @media (max-width: 767px) {
      ul.step li {
        width: 100%;
        border-left-width: 1px; 
      } 
    }
    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: #333333;
      font-size: 17px;
      line-height: 21px;
      font-weight: bold;
      text-shadow: 1px 1px white;
      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 (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: #b7b7b7; 
    }
      @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;
        padding-left: 13px !important; }
        @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 {
      font-weight: bold;
      background: rgb(218,69,69); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(218,69,69,1) 0%, rgba(164,2,2,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,69,69,1)), color-stop(100%,rgba(164,2,2,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(218,69,69,1) 0%,rgba(164,2,2,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(218,69,69,1) 0%,rgba(164,2,2,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(218,69,69,1) 0%,rgba(164,2,2,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(218,69,69,1) 0%,rgba(164,2,2,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da4545', endColorstr='#a40202',GradientType=0 ); /* IE6-9 */
    }
    ul.step li.step_current span {
      color: white;
      text-shadow: 1px 1px #208931;
      border: 1px solid;
      position: relative; }
      @media (min-width: 992px) {
        ul.step li.step_current span {
          padding-left: 38px; 
        }
        ul.step li.step_current span:after {
          background: url("../images/red/order-step-a.png") no-repeat scroll right 1px 
        } 
      }
    ul.step li.step_current_end {
      font-weight: bold; 
    }
    ul.step li.step_todo {
      background: #f7f7f7;
      background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
      background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
      background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
      background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
      background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); 
    }
    ul.step li.step_todo span {
      display: block;
      border: 1px solid;
      border-color: white;
      color: #333333;
      position: relative; 
    }
    @media (min-width: 992px) {
      ul.step li.step_todo span {
        padding-left: 38px; 
      }
      ul.step li.step_todo span:after {
        background: url(../img/order-step-current.png) right 0 no-repeat; 
      } 
    }
   
    @media (min-width: 992px) {
      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:40px; height:40px; text-indent:-9999px; opacity:0.3; position:fixed; bottom:110px; right:50px; display:none; background: url('/pic/icons/icon_top.png') no-repeat; overflow: hidden;}
/* scrolovani nahoru end */