/* ----- Definice navigace košik----- */


.navigaceKosik {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    /**/
}


.navigaceKosik .navigaceKosikKrok {
    display: inline-block;
    width: 20%;
    margin: 0px;
    padding: 0px 5px 0px 5px;
    text-align: center;
    vertical-align: middle;
    height: 54px;
border-right: 1px solid #96A6AD;
transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out;	
background: #425763;
display: -ms-flexbox;      
display: -webkit-flex;     
display: flex; 
float: left;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}


.navigaceKosik .navigaceKosikKrok.aktivni {
background: none;	
border-right: 1px solid #fff;
}

.navigaceKosik .navigaceKosikKrok.aktivni + .navigaceKosikKrok{  
}

.navigaceKosik a {
    color: #fff;
    margin: 0px;
    padding: 2px 0px 2px 0px;
    font-size: 15px;
    line-height: 1.3;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: inline-block;
	text-align: center;	

}

.navigaceKosik .aktivni a {
font-weight: bold;
    color: #425763;
}

.navigaceKosik .aktivni a:hover {
    color: #00ABC5;
}

.navigaceKosik a span{
text-align: center;
display: inline-block;
}

.navigaceKosik a span.cisloKroku {
    display: inline-block;
    background: #fff;
    border-radius: 12px;
    width: 24px;
    text-align: center;
    margin-right: 8px;
    color: #425763;
    font-weight: bold;
    flex-basis: 24px;
    flex-shrink: 0;
    height: 24px;
line-height: 23px;
}

.navigaceKosik .aktivni a span.cisloKroku {
    background: #425763;
    color: #fff;
}





/*------------------------- telo košíku -------------------------*/





div.obsah div.kosikTelo {

  width: 96%;
  float: left;
  display: block;
	margin: 20px 1% 10px 2%;
	padding: 0px 0% 0px 0%;
  box-sizing:border-box;
}


div.obsah div.kosikTelo div.vypisProduktu {

  width: 100%;
  float: left;
  display: block;
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
  box-sizing:border-box;
}

div.obsah div.kosikTelo div.vypisProduktu.vypisProduktuKosikPrehled{
	margin-top: 20px;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek{

  width: 100%;
  float: left;
	margin: 0px 0% 0px 0%;
	padding: 15px 1% 15px 1%;
  box-sizing:border-box;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek.oddelovac{
height: 30px;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek.dopravaPlatba{

  
	margin: 0px 0% 0px 0%;
	padding: 5px 1% 5px 1%;
border-bottom: 1px solid #00ABC5;
border-top: 1px solid #00ABC5;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek.dopravaPlatba div.sloupec{

line-height: 25px !important;
margin: 0px 1% 0px 1% !important;
	padding: 0px 0% 0px 0% !important;
}


div.obsah div.kosikTelo div.vypisProduktu div.radek.suda{

background-color: #e0e0e0;
}


div.obsah div.kosikTelo div.vypisProduktu div.radek.nadpis{
border-bottom: 1px solid #D9D9D9;
	padding: 20px 1% 5px 1%;
}


div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec{
position: relative;
  color:  #4a4a4a;
  width: 15%;
  float: left;
  display: table-cell;
	margin: 0px 1% 0px 1%;
	padding: 5px 0% 5px 0%;
  box-sizing:border-box;
line-height: 25px;
font-size: 13px;
/*text-shadow: 1px 1px 0px #fff;*/
}


div.obsah div.kosikTelo div.vypisProduktu div.radek.nadpis div.sloupec.nazev,
div.obsah div.kosikTelo div.vypisProduktu div.radek.nadpis div.sloupec.cenaKs,
div.obsah div.kosikTelo div.vypisProduktu div.radek.nadpis div.sloupec.ks,
div.obsah div.kosikTelo div.vypisProduktu div.radek.nadpis div.sloupec.cenaCelkem,
div.obsah div.kosikTelo div.vypisProduktu div.radek.nadpis div.sloupec.odstranit{
color: #4a4a4a;
line-height: 12px;
padding: 0px 0% 0px 0%;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.obr{
  width: 8%;
	padding: 0px 0% 0px 0%;
 min-height: 5px;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.nazev{
  width: 49%;
  color:  #00ABC5;
	padding: 0px 0% 0px 0%;
  line-height: 16px;
}


div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek div.sloupec.nazev{
  width: 57%;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.cenaKs{
  width: 9%;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.ks{
  width: 7%;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.cenaCelkem{
  width: 9%;
  color:  #00ABC5;
  font-weight: bold
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.slevaCelkem {
    width: auto;
    color: #b40909;
    font-size: 14px;
    font-weight: bold;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.odstranit{
  width: 6%;
text-align: center;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.odstranit a {
width: 30px;
height: 100%;
display: inline-block;
text-align: center;

}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.odstranit a img {
  width: auto;
height: 100%
}


div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.obr img{
  width: 100%;
  max-width: 70px;
}




div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec.nazev span{
  color:  #4a4a4a;
font-size: 10px;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek div.sloupec input.pocetProduktu{
width: 30px;
height: 30px;
border: 0px solid #fff;
}


div.kosikTelo div.vypisProduktu .ui-spinner {
    margin-top: -5px;
}


div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn{
width: 100%;
margin: 30px 0% 0px 0%;
padding: 10px 0% 10px 0%;

}


div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec {

	padding: 0px 0% 0px 0%;
  line-height: 39px;
	
}

div.obsah div.kosikTelo div.radek.jednotlivy.slevovyKod {

margin-top: 20px;
}

div.obsah div.kosikTelo .textSlevovyKod {
float: left;
line-height: 27px;
margin-right: 10px;

}

div.obsah div.kosikTelo .obalSlevovyKod {
float: left;

}


div.obsah div.kosikTelo div.radek.jednotlivy.slevovyKod  input[type="text"] {

}

div.obsah div.kosikTelo div.radek.jednotlivy.slevovyKod  input[type="submit"] {
height: 26px;
line-height: 18px;
}


div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec.prepocitatKosik{
width: auto;
	margin: 0px 0% 0px 2%;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec.prepocitatKosik input{

}

div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec.prepocitatKosik input:hover{

}


div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec.vymazatKosik{
width: auto;
	margin: 0px 0% 0px 2%;	
}

div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec.vymazatKosik input{

}

div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec.vymazatKosik input:hover{

}



div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn div.sloupec.konecnaCena {
    width: auto;
    float: right;    
    text-align: right;
	margin: 0px 2% 0px auto;
	font-family: robotobold;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec.konecnaCena span.cena{
color: #00ABC5;
font-size: 30px;
line-height:40px 
}

div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn  div.sloupec.konecnaCena span.text{
font-size: 14px;
line-height:40px;
color: #262626;
font-family: robotoregular; 
}

div.obsah div.kosikTelo div.radek.jednotlivy,div.obsah div.kosikTelo div.vypisProduktu div.radek.jednotlivy{
  width: 100%;
display: block;
float:left;
	margin: 20px 0% 10px 0%;
	padding: 0px 1% 0px 1%;
  
  box-sizing:border-box;
}

div.obsah div.kosikTelo div.radek.jednotlivy a.tlacitko{

display: inline-block;
}

div.obsah div.kosikTelo div.radek.jednotlivy a.tlacitko:hover{

  
}


div.obsah div.kosikTelo .tlacitko.tlacitkoPokracovat{
padding: 10px 50px;
height: auto;
float: right;
}

div.obsah div.kosikTelo .tlacitko.tlacitkoZpet{
  float: left;
padding: 10px 30px;
height: auto;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../../grafika/ui-icons_222222_256x240.png") !important;
}





/* --------------- kosik pravy -------------*/

div.kosikTelo .kosikPravy  {
width: 20%;
    padding: 0px 0px 0px 0px;
    float: left;
}




div.kosikTelo .kosikPravy .souhrnKosiku {
float: left;
    padding: 0px 0px 0px 0px;
width: 100%;
background: #efeded;
margin: 0px 0px 20px 0px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .blok{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
    float: left;
}

div.kosikTelo .kosikPravy .souhrnKosiku .blokProduktu{
max-height: 400px;
overflow-y: auto;
z-index: 1;
position: relative;
}


div.kosikTelo .kosikPravy .souhrnKosiku ul{
width: 100%;
float: left;
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .kosikProdukt {
float: left;
	width: 100%;
	padding: 10px 10px 5px 10px;
	border-bottom: 1px solid #d0cfcf;
}

div.kosikTelo .kosikPravy .souhrnKosiku .kosikProduktA {
float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .kosikProdukt .obr {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0px 0px 5px 0px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .kosikProdukt .obr img{
	float: left;
	max-width: 100%;
max-height: 100%;
	height: auto;
}

div.kosikTelo .kosikPravy .souhrnKosiku .kosikProdukt .texty {
float: right;
	width: 70%;
	width: calc(100% - 60px);
	margin: 0px 0px 5px 10px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .kosikProdukt .nazev {
	width: 100%;
	line-height: 1.3;
	text-align: left;
	margin-bottom: 5px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .kosikProdukt .mnozstvi {
	float: left;
	color: #000;
	font-size: 12px;
font-weight: bold;
line-height: 24px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .kosikProdukt .cena {
	float: right;
	color: #000;
	font-size: 12px;
font-weight: bold;
line-height: 24px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .blokSouhrn{
	border-top: 1px solid #d0cfcf;
}


div.kosikTelo .kosikPravy .souhrnKosiku .radek {
	float: left;
width: 100% ;
margin: 0px 0px 5px 0px;
padding: 0px 10px;;
}


div.kosikTelo .kosikPravy .souhrnKosiku .prubeznaCena {
	color: #000;
	font-size: 12px;
line-height: 24px;
}


div.kosikTelo .kosikPravy .souhrnKosiku .prubeznaCena .nadpis {
float: left;
width: 100%;
line-height: 14px;
font-weight: bold;
}

div.kosikTelo .kosikPravy .souhrnKosiku .prubeznaCena .nazev {
float: left;
width: auto;
line-height: 24px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .prubeznaCena .cena {
font-weight: bold;
float: right;

	font-size: 14px;
}



div.kosikTelo .kosikPravy .souhrnKosiku .radekCelkem {
text-align: center;
font-size: 16px;
font-weight: bold;
padding: 10px 0px 0px 0px;
}

div.kosikTelo .kosikPravy .souhrnKosiku .radekTL {
border-top: 1px solid #d0cfcf;
padding: 10px 0px 10px 0px;
color: #00ABC5;
}


div.kosikTelo .kosikPravy div.souhrnKosiku .tlDoKosiku {
	text-align: center;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
background: #004b7f;
color: #fff;
padding: 10px 10px 10px 10px;
display: inline-block;
}



div.kosikTelo .kosikPravy .souhrnKosiku .dopravaZdarma {
	font-size: 13px;
font-weight: bold;
line-height: 20px;
text-align:center;
padding-bottom: 10px;
	border-bottom: 1px solid #d0cfcf;
}

div.kosikTelo .kosikPravy .souhrnKosiku .dopravaZdarma span.color{
color: #b40909;
}


div.kosikTelo .kosikPravy .souhrnKosiku .dopravaZdarma span.podminky{
font-size: 11px;
font-weight: normal;
line-height: 1.3;
display: inline-block;
}

/*----------- kosik doprava a platba --------------------*/


  .popisDopravy {
	  width:96%;
	  margin: 5px 2%;
	  float: left;
    display:none;
  }
  
  .vydejniMista {
    display:none;
  }
  
  
  .ikonySluzby{
	  width:100%;
	  margin: 0px 0px 10px 0px;
	  float: left;
  }
  
   .ikonySluzby img{
	  margin: 0px 10px 0px 0px;
	  float: left;
  }
  
  .oteviraciDobyRadek{
	  width:100%;
	  margin: 5px 0px;
	  float: left;
  }
  
  .oteviraciDobysloupec {
	  min-width:60px;
	  margin: 0px 5px 0px 0px;
	  float: left;
  }  
  .oteviraciDobysloupec1 {
	  font-weight:bold;
	  
	  margin: 2px 10px 2px 0px;
  }
  
  .casDoruceniVyber {
	margin: 2px 0px 2px 10px;
	line-height: 14px;
  }
  
  .casDoruceniVyber input[type="radio"]{
	margin: 1px 10px 0px 0px;
	vertical-align: bottom;
  }
  


div.obsah div.kosikTelo .kosikLeva {
    width: 63%;
    display: block;
    float: left;
    margin: 0px 2% 0px 10%;
}




div.obsah div.kosikTelo div.tabulkaAdresa{
  width: 98%;
  float:left;
  display: block;
	margin: 10px 0% 10px 0%;
	padding: 0px 1% 0px 1%;
  display: block;  
  box-sizing:border-box;
}

div.obsah div.kosikTelo div.tabulkaAdresa div.radek{
  width: 100%;
float:left;
  display: block;
	margin: 1px 0% 1px 0%;
	padding: 0px 0% 0px 0%;
  
  box-sizing:border-box;
}


div.obsah div.kosikTelo div.tabulkaAdresa div.radek input[type="checkbox"]{
  display: inline-block;
	margin: 0px  10px 0px 10px;
	padding: 0px 0% 0px 0%;
  
  box-sizing:border-box;
}



div.obsah div.kosikTelo div.tabulkaAdresa.fakturacni{
  width: 45.5%;  
	margin: 10px 2% 10px 2%;
	padding: 10px 0% 10px 0%;

background-color: #F5F4F4;
border: 1px solid #eee;
}





div.obsah div.kosikTelo div.tabulkaAdresa.vyberAdres{
  width: 45.5%;  
	margin: 10px 2% 10px 2%;
	padding: 5px 0% 0px 0%;
}


div.obsah div.kosikTelo div.tabulkaAdresa.dodaci{
  width: 45.5%;  
	margin: 10px 2% 10px 2%;
	padding: 10px 0% 10px 0%;
background-color: #F5F4F4;
border: 1px solid #eee;
}




div.obsah div.kosikTelo div.tabulkaAdresa div.radek div.sloupec{
  width: 48%;
float:left;
  display: block;
	margin: 3px 0% 3px 0%;
	padding: 0px 1% 0px 1%;
  
  box-sizing:border-box;
}


div.obsah div.kosikTelo div.tabulkaAdresa div.radek div.sloupec.nazevPolozky{
  width: 38%;
  text-align: right;
font-size: 12px;
}

div.obsah div.kosikTelo div.tabulkaAdresa div.radek div.sloupec.udaje{
  width: 58%;
font-size: 12px;
}


div.obsah div.kosikTelo div.tabulkaAdresa div.radek input[type="text"],
div.obsah div.kosikTelo div.tabulkaAdresa div.radek input[type="email"],
div.obsah div.kosikTelo div.tabulkaAdresa div.radek input[type="password"],
div.obsah div.kosikTelo div.tabulkaAdresa div.radek select {
max-width: 92%;
display: inline-block;
margin: 0px 3% 0px 0%;
padding: 1px 2% 1px 2%;
box-sizing: border-box;
height: 26px;
line-height: 26px;
}

div.obsah div.kosikTelo div.tabulkaAdresa div.radek input.stredni{
  width: 92%;
}

div.obsah div.kosikTelo div.tabulkaAdresa div.radek input.male,
div.obsah div.kosikTelo div.tabulkaAdresa div.radek select.male{
  width: 52%;
}

div.obsah div.kosikTelo div.tabulkaAdresa.fakturacni div.radek:hover div.sloupec.nazevPolozky,
div.obsah div.kosikTelo div.tabulkaAdresa.dodaci div.radek:hover div.sloupec.nazevPolozky,
div.obsah div.kosikTelo div.tabulkaAdresa.vyberAdres div.radek:hover div.sloupec.nazevPolozky{
  
 font-weight: bold;
}

div.obsah div.kosikTelo div.tabulkaAdresa.fakturacni div.radek:hover div.sloupec.udaje input,
div.obsah div.kosikTelo div.tabulkaAdresa.dodaci div.radek:hover div.sloupec.udaje input,
div.obsah div.kosikTelo div.tabulkaAdresa.vyberAdres div.radek:hover div.sloupec.udaje input{
  
border-color: #23527C;
}

div.obsah div.kosikTelo div.tabulkaAdresa.vyberAdres div.radek,
div.obsah div.kosikTelo div.tabulkaAdresa.vyber div.radek{
color: #23527C;
}

div.obsah div.kosikTelo div.tabulkaAdresa.poznamka{
  width: 95.5%;  
	margin: 10px 2% 10px 2%;
	padding: 0px 0% 0px 0%;
border: 1px solid #eee;
background-color: #F5F4F4;
}

div.obsah div.kosikTelo div.tabulkaAdresa.poznamka div.radek div.sloupec.nazevPolozky{
  width: 18%;  
	margin: 10px 0.5% 10px 0.5%;
	padding: 0px 0% 0px 0%;
}


div.obsah div.kosikTelo div.tabulkaAdresa.poznamka div.radek div.sloupec.udaje{
  width: 80%;  
	margin: 10px 0.5% 10px 0.5%;
	padding: 0px 0% 0px 0%;
}

div.obsah div.kosikTelo div.tabulkaAdresa.poznamka div.radek div.sloupec.udaje textarea{
  width: 97.25%; 
 min-height: 50px; 
	margin: 10px 0.5% 10px 0.5%;
	padding: 0px 0.5% 0px 0.5%;
}





div.obsah div.kosikTelo  div.tabulkyObal {
width: 80%;
display: block;
float:left;
}




div.obsah div.kosikTelo  div.dopravaPlatba div.dopravaNadpis{
width: 90%;
display: inline-block;
float:left;
text-align: center;
margin: 0px 2% 20px 0%; 
padding: 0px 4% 0px 4%;
  box-sizing:border-box; 
}

div.obsah div.kosikTelo  div.dopravaPlatba div.dopravaNadpis span.horni{
width: 100%;
display: inline-block;
text-align: center;
margin: 0px 0% 0px 0%; 
padding: 0px 0px 0px 0px;
font-size: 18px;
font-weight: bold;
text-decoration: none;

color: #00ABC5;
}



div.obsah div.kosikTelo  div.dopravaPlatba div.dopravaNadpis span.spodni{
width: 100%;
display: inline-block;
text-align: center;
margin: 0px 0% 0px 0%; 
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #262626;
}

div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba {
    width: 48%;
    display: block;
    float: left;
    margin: 10px 2% 10px 0%;
    padding: 20px 0% 20px 0%;
    border: 1px solid #ddd;
    box-sizing: border-box;
}


div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek {
width: 96%;
margin: 2px 2% 2px 2%;
float: left;
display: -ms-flexbox;      
display: -webkit-flex;     
display: flex; 
vertical-align: middle;
border-bottom: 1px solid #eee;
box-sizing: border-box;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec{
 position: relative;
float:left;
  display: table-cell;
	margin: 3px 1% 3px 1%;
	padding: 0px 0% 0px 0%;
 vertical-align: middle; 
line-height: 18px;
font-size: 13px;
  box-sizing:border-box;
}

div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek:hover{

background-color: #EBEBEB;
}

div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.vyber{
  width: 5%;
}
div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.vyber input{
 
	margin: 11px 0% 12px 0%;
}

div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.obr{
  width: 30%;
}

div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.obr img{
  max-width: 98%;
}


div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.nazev{
  width: 40%;

	margin: 0px 1% 0px 1%;
}


div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.nazev div{
  width: 100%;
line-height: 18px;
display:  inline-block;
float: none;
}

div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.nazev span{
  font-weight: bold;
}


div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.nazev span.casDoruceni {
    line-height: 1.4;
    font-size: 13px;
    color: #004d95;
    font-weight: normal;

}

div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.nazev span.casDoruceni.dnes, div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.nazev span.casDoruceni.zítra {
    color: #057c01;

}




div.obsah div.kosikTelo div.tabulkaAdresa.dopravaPlatba div.radek div.sloupec.cena{
  width: 15%;
text-align:right;
}



div.obsah div.kosikTelo div.dopravaPlatbaZeme {
    width: 100%;
    display: block;
    float: left;
    margin: 20px 0% 10px 0%;
    padding: 0px 0% 0px 0%;
}

div.obsah div.kosikTelo  div.dopravaPlatbaZeme div.dopravaNadpis{
width: 100%;
margin: 0px 0% 10px 0%; 
padding: 0px 0% 0px 0%;
text-align: left;
}

div.obsah div.kosikTelo  div.dopravaPlatbaZeme div.dopravaNadpis span.horni{
text-align: left;
}

div.obsah div.kosikTelo form.udaje_uzivatele div.dopravaPlatbaZeme .custom-select {
height: calc(1.5em + .75rem + 2px);
}


form.udaje_uzivatele div.dopravaPlatbaZeme div.formPole {
    margin-left: 0%;
    width: 100%;
}



div.obsah div.kosikTelo div.blokPodminky {
    margin: 20px 2% 0px 2%;
}



div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.faDoUdaje{
width: 48%;
font-size: 13px;
padding: 10px 0% 10px 0%;
margin: 0px 2% 0px 0px;
}

div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.faDoUdaje.sude{
margin: 0px 0px 0px 2%;
}

div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.faDoUdaje .radekUdaj {
width: 100%;
margin: 0px 0% 0px 0%;
padding: 5px 1% 5px 1%;
float: left;
}

div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.faDoUdaje .radekUdaj div.sloupec {
    width: 40%;
line-height: 16px !important;
margin: 0px 1% 0px 1% !important;
padding: 0px 0% 0px 0% !important;
}

div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.faDoUdaje .radekUdaj div.sloupec.udaj {
    width: 56%;
}

div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.faDoUdaje .radekUdaj.nadpis, div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.poznamka .radekUdaj.nadpis {
    color: #00ABC5;
font-weight:bold;    
padding: 15px 1% 5px 1%;
border-bottom: 1px solid #00ABC5;
}

div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.poznamka  {
padding: 10px 0% 10px 0%;
margin: 0px 0% 0px 0px;
width: 100%;
}

div.obsah div.kosikTelo div.vypisProduktu.souhrn div.radek.poznamka .radekUdaj {
font-size: 13px;
width: 100%;
margin: 0px 0% 0px 0%;
padding: 5px 1% 5px 1%;

float: left;
}

div.obsah div.kosikTelo div.radek.jednotlivy input.tlacitko.tlCentrovaneVelke {    
    margin: 100px auto 100px auto;
    padding: 35px 100px;
    float: none;
    font-size: 24px;
    border-radius: 4px;
    z-index: 9999;
}


div.obsah div.kosikTelo div.radek.jednotlivy .tlacitko.tlCentrovaneStredni {    
margin: 10px auto 20px auto;
padding: 25px 50px;
float: none;
font-size: 18px;
border-radius: 4px;
background: #004b7f;
height: auto;
}

div.obsah div.kosikTelo div.radek.jednotlivy.nadpisTlGopay {
    margin: 50px 0% 10px 0%;
    font-size: 24px;
    text-align: center;
}

.nastred {
text-align:center;
}



#gopay-payment-iframe {
z-index: 99999;
}


.zkracenaStranka{
display:none !important;
}

.nezkracenaStranka{
display:none;
}

.zkracenaStrankaZobraz{
display:block;
}

/* ----- Definice menu muj ucet ----- */

div.menuMujUcet{

float: left;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

div.obsah div.menuMujUcet ul{
float: left;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}

.menuMujUcet ul li{
margin: 0px 5px 10px 5px;
list-style-type: none;
display: inline-block;
}

.menuMujUcet ul li.prvni {

}

.menuMujUcet ul li.vybrano {

}

.menuMujUcet ul li a{
}


.menuMujUcet ul li:hover a, .menuMujUcet ul li.vybrano a{

}

.menuMujUcet ul li.vybrano a{

}











/* --------------  formulář adresy uživatele ------*/

form.zakaznikUdaje {
    margin-bottom: 30px;
    margin-top: 30px;
    float: left;
    width: 100%;
}

form.udaje_uzivatele fieldset {
    border: none;
    margin: 0px auto 0px auto;
}

form.udaje_uzivatele fieldset legend {
text-align: center;
border-bottom: 1px solid #D9D9D9;
}

form.udaje_uzivatele div.formPole {
margin-left: 35%;
width: 60%;
}

form.udaje_uzivatele div.formPole label  {
width: auto;
float: none;
text-align: left; 
color: #262626;
font-size: 12px; 
display: inline-block;  
}

form.udaje_uzivatele div.formPole label.povinne  {
 background:  url("../../grafika/kosik/povinne.png") no-repeat right top;
padding-right: 13px;
}

form.udaje_uzivatele div.formPole div.formInput  {
width: 100%;
margin: 0px 0px 20px 0px;
text-align: left;    
}



form.udaje_uzivatele div.formPole div.formInput span.error {
text-align: left; 
color: red;
font-size: 14 px; 
font-weight: bold;
display: inline-block;    
}
  
form.udaje_uzivatele div.formPole  div.formInput input[type="text"].stredni,
form.udaje_uzivatele div.formPole  div.formInput input[type="email"].stredni, 
form.udaje_uzivatele div.formPole input[type="password"].stredni  {
width: 50%;
height: 26px;
line-height: 26px;
padding-left: 5px;
display: block;
}

form.udaje_uzivatele div.formPole  div.formInput  textarea.stredni{
    width: 50%;
height: 58px;
line-height: 18px;
padding-left: 5px;
display: block; 
}



form.udaje_uzivatele div.formPole input[type="text"].nevalidni, 
form.udaje_uzivatele div.formPole input[type="email"].nevalidni, 
form.udaje_uzivatele div.formPole input[type="password"].nevalidni, 
div.formPole input[type="text"].nevalidni,
div.formPole input[type="email"].nevalidni, 
div.formPole textarea.nevalidni  {
background: #f1cdcd url("../../grafika/kosik/nevalidni.png") no-repeat right center;
	border-color: #e42e2e;
}

form.udaje_uzivatele div.formPole input[type="text"].validni, 
form.udaje_uzivatele div.formPole input[type="email"].validni, 
form.udaje_uzivatele div.formPole input[type="password"].validni, 
div.formPole input[type="text"].validni, 
div.formPole input[type="email"].validni, 
div.formPole textarea.validni {
background: #fff url("../../grafika/kosik/validni.png") no-repeat right center;
border-color: #C0C0C0;
}

.detailProduktuObal div.formPole input[type="text"].validni, 
.detailProduktuObal div.formPole input[type="email"].validni, 
.detailProduktuObal div.formPole input[type="text"].nevalidni, 
.detailProduktuObal div.formPole input[type="email"].nevalidni, 
.formKontaktni.formClanek div.formPole input[type="text"].validni, 
.formKontaktni.formClanek div.formPole input[type="email"].validni, 
.formKontaktni.formClanek div.formPole input[type="text"].nevalidni, 
.formKontaktni.formClanek div.formPole input[type="email"].nevalidni {
background-size: 18px;
}

form.udaje_uzivatele div.formPole input[type="password"].silaHesla0  {
background: #f1cdcd url("../../grafika/password0.png") no-repeat right center;
border-color: #e42e2e;
}

form.udaje_uzivatele div.formPole input[type="password"].silaHesla1  {
background: #f1cdcd url("../../grafika/password1.png") no-repeat right center;
border-color: #e42e2e;
}

form.udaje_uzivatele div.formPole input[type="password"].silaHesla2  {
background: #eee1da url("../../grafika/password2.png") no-repeat right center;
border-color: #C0C0C0;
}

form.udaje_uzivatele div.formPole input[type="password"].silaHesla3  {
background:  #fff url("../../grafika/password3.png") no-repeat right center;
border-color: #C0C0C0;
}



form.udaje_uzivatele div.formPole div.formInput select#stat, form.udaje_uzivatele div.formPole div.formInput select.stredni {
    width: 40%;
height: 26px;
line-height: 26px;
}

form.udaje_uzivatele div.formPole div.formInput select.custom-select {
    height: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-color: #C0C0C0;
    font-size: 13px;
    padding-left: 2px;
    color: #262626;
}

form .bootstrap-select.selectFlag{
float: left;
margin-right: 10px;
margin-bottom: 10px;
} 


form .bootstrap-select.selectFlag > .btn.dropdown-toggle {
    width: auto;
    padding-top: 2px;
    padding-bottom: 0px;
    height: 26px;
    border: 1px solid silver;
    border-radius: 2px;
    padding: 2px 8px 0px 10px;
} 

.dropdown-item.active, .dropdown-item:active {
    background-color: #00ABC5;
}


form.udaje_uzivatele div.formPole  div.formInput input[type="text"].stredni.stredniPoSelectFlag  {
width: 30%;
width: calc(50% - 115px);
min-width: 100px;
}

form .bootstrap-select.selectFlag .dropdown-menu.open, form .bootstrap-select.selectFlag .dropdown-menu.open ul{
max-height: 40vh !important;
}

form .bootstrap-select.selectFlag .dropdown-menu.open{
box-sizing: border-box;
}



form.udaje_uzivatele div.blok div.cara{
    width: 100%;
margin: 10px 0px 20px 0px;
		height: 1px;
		background: #CCC;
}


form.udaje_uzivatele div.formPole.formPoleSubmit input[type="submit"]:hover {
    
}

form.udaje_uzivatele div.formPole input[type="submit"] {
margin: 5px 3% 10px 0%;
}

form.udaje_uzivatele a.tlacitko {
    margin-bottom: 10px;
}
	
div.blokSkryvaci div.obsahBloku {
		display: none;
}


div.blok div.hlavickaBloku div.nadpis {
    width: 300px;
    margin: 0px auto;
    padding: 2px 10px;
}

form.udaje_uzivatele div.prihlaseni {
		display: none;
margin-bottom: 20px;
}
	
form.udaje_uzivatele.zmenaHeslaForm div.prihlaseni{
	display: block;
}

form.udaje_uzivatele div.blokFakturacniUdaje div.hlavickaBloku div.nadpis , form.udaje_uzivatele div.blokRegistrace:not(.blokSkryvaci) div.hlavickaBloku div.nadpis{
    font-size: 18px;
    color: #777;
    width: 100%;
margin:0px;
    text-align: center;
}

form.udaje_uzivatele .dodaciUdaje{
	margin-top: 20px;
}

form.udaje_uzivatele .blokNewsletter {
	margin-bottom: 20px;
}

.kosikTelo form.udaje_uzivatele div.blokFakturacniUdaje div.hlavickaBloku div.nadpis {
text-align: left;
}

.kosikTelo form.udaje_uzivatele div.blok div.cara {
    width: 80%;
}

.kosikTelo form.udaje_uzivatele div.formPole {
    margin-left: 0px;
    width: 100%;
}

.kosikTelo form.udaje_uzivatele div.formPole div.formInput input[type="text"].stredni,
.kosikTelo form.udaje_uzivatele div.formPole div.formInput input[type="email"].stredni, 
.kosikTelo form.udaje_uzivatele div.formPole input[type="password"].stredni {
    max-width: 400px;
}

.kosikTelo form.udaje_uzivatele div.formPole div.formInput select#stat, form.udaje_uzivatele div.formPole div.formInput select.stredni {
    max-width: 400px;
}

.kosikTelo form.udaje_uzivatele div.formPole div.formInput input[type="text"].stredni.stredniPoSelectFlag {
    max-width: 250px;
}

.kosikTelo form.udaje_uzivatele div.formPole div.formInput textarea.stredni {
    width: 80%;
}

.kosikTelo div.blok div.hlavickaBloku div.nadpis {
    width: 100%;
}

div.obsah div.kosikTelo div.radek.jednotlivy.dopravaZdarma{
font-size: 18px;
text-align: center;
font-weight: bold;
}

div.obsah div.kosikTelo div.radek.jednotlivy.dopravaZdarma .color{
color: #b40909;
}


div.obsah div.kosikTelo div.radek.jednotlivy.dopravaZdarma .podminky{
font-size: 11px;
font-weight: normal;
line-height: 1.3;
display: inline-block;
}

div.obsah div.kosikTelo div.vypisProduktu div.radek.souhrn div.sloupec.konecnaCena span {
    color: #00ABC5;
    font-size: 24px;
    font-weight: 700;
}



/*---------- výdejní místa ----------*/


div.vydejniMista {
	/*display: none;*/
}

div.vydejniMista.zasilkovna{
	/*display: block;*/
}

div.vydejniMista img.logoGeis {
	float: right;
}

div.vydejniMista .ui-selectmenu-button{
border-radius: 2px;
border: 1px solid #989491;
background: #efefef;
}

div.vydejniMista select{

width: 100% ;
}

div.vydejniMista .ui-state-default .ui-icon {
    background-image: url("../pluginy/jquery/ui/css/humanity/images/ui-icons_moje1_256x240.png");
}

.ui-selectmenu-menu ul#vyberMesto-menu.ui-menu, .ui-selectmenu-menu ul#vyberMisto-menu.ui-menu  {
    margin-left: 0px;
max-height: 200px;
}

div.vydejniMistaLeva {
	float: left;
	width: 90%;
	margin-left: 5%;
}

div.vydejniMistaLeva.vydejniMistaLevaMisto  {
display:none;
}

div.vydejniMistaPrava {
	float: left;
	width: 90%;
	margin-left: 5%;
padding: 20px 0px;
}

div.vydejniMista p.nadpis {
	clear: both;
	font-size: 18px;
	color: #000;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #B3B3B3;
}

div.vydejniMista option.vm {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
	cursor: pointer;
}

div.vydejniMista option.vm:hover,
div.vydejniMista div.vmVybrano{
	background: #EEEEEE;
}

div.vydejniMista option.vm span.nazev {
	font-size: 14px;
	color: #F67D00;
	margin-bottom: 5px;
}

div.vydejniMista option.vm span.adresa {
	font-size: 12px;
}

div.vydejniMista p.polozka {
	font-size: 16px;
	margin-top: 10px;
	color: #000;
}

div.vydejniMista table tr td {
	padding-right: 5px;
}

div.vydejniMista p.info {
font-weight: bold;
font-size: 13px;
}


div.vydejniMista div.tlacitka {
    margin-top: 20px;
}

div.vydejniMista div.tlacitka a.vlevo {
    float: left;
}

div.vydejniMista div.tlacitka a.vpravo {
    float: right;
}



/*----------- galerie zaklad--------------------*/
.webess-zarovnani-lo {
    text-align: left;
}

.webess-zarovnani-lo .obrazek{
    float: left;
    clear: both;
}

.webess-zarovnani-po {
    text-align: right;
}

.webess-zarovnani-po .obrazek{
    float: right;
    clear: both;
}

.webess-fotogalerie{
	width:800px;
	max-width:90%;
	margin:0px auto 30px auto;
	clear: both;
}

.webess-fotogalerie .obrazek a{
   display: inline-block; 
}

.webess-fotogalerie .obrazek p {
    display: inline-block;
    clear: both;
    width: 100%;
    text-align: center;
}


.webess-zarovnani-fl .obrazek {
    float: left;
}

.carousel-control-next, .carousel-control-prev {
    width: 30px;
}

.carousel-control-next {
    right: -30px;
}

.carousel-control-prev {
    left: -30px;
}


.carousel-control-next-icon {
   background:  url('../../grafika/slideSipkaPrava.png') no-repeat center top;
   width: 23px;
height: 41px;
}


.carousel-control-prev-icon {
   background:  url('../../grafika/slideSipkaLeva.png') no-repeat center top;
   width: 23px;
height: 41px;
}

.carousel-indicators {
bottom: -20px;
}

.carousel-indicators li {
    height: 5px;
    background-color: #aaa;
}

.carousel-indicators li.active {
    background-color: #00ABC5;
}

.carousel-caption {
    background: #001e2acc;
    height: auto;
    line-height: 1.3;
	text-align: center;
margin: 0px auto;
display: inline-block;
padding: 10px 20px;
right: 25%;
left: 25%;
}

.carousel-caption p{
    margin:0px;
}

.carousel-item {
	text-align:center;
}

.tabulkaGalerie {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
	width: 100%;
}

.webess-fotogalerie img {
margin: 10px 0px;
max-width: 100%;
}

.tabulkaGalerie a{
	min-width: 250px;
	padding: 0px 10px;
}

.tabulkaGalerieSloupce1 a{
	max-width:100%
}

.tabulkaGalerieSloupce2 a{
	max-width:50%
}

.tabulkaGalerieSloupce3 a{
	max-width:33%
}

.tabulkaGalerieSloupce4 a{
	max-width:25%
}

.tabulkaGalerieSloupce5 a{
	max-width:20%
}

.tabulkaGalerieSloupce6 a{
	max-width:16%
}



/* ---------------- obrázek -------------*/
.clanekObrazekBlok{
	max-width:100%;
}


.clanekObrazekBlok.webess-zarovnani-lo{
float:left;
}

.clanekObrazekBlok.webess-zarovnani-l {
    float: left;
    width: 100% !important;
    text-align: left;
    clear: both;
}

.clanekObrazekBlok.webess-zarovnani-s {
    float: left;
    width: 100% !important;
    text-align: center;
    clear: both;
}

.clanekObrazekBlok.webess-zarovnani-p {
    float: left;
    width: 100% !important;
    text-align: right;
    clear: both;
}
.clanekObrazekBlok.webess-zarovnani-po{
float:right;
}



/*-------------------- zakazník objednávky --------------------*/

.vypisObjednavky {
	width: 100%;
margin: 20px 0px 0px 0px;
}

.vypisObjednavky .vypisObjednavkyRadek{
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 0px;
}

.vypisObjednavky .vypisObjednavkyRadek.radekZahlavi{
 font-weight:bold;
}

.vypisObjednavky .vypisObjednavkyRadek.pozadi {
background:#EBEBEB;
}

.vypisObjednavkyRadek > .sloupec{
width: 100px;
}

.vypisObjednavkyRadek > .sloupec.cisloObjednavky{
width: 120px;
padding-left: 10px;
}

.vypisObjednavkyRadek > .sloupec.datumObjednavky{
width: 150px;
}

.vypisObjednavkyRadek > .sloupec.volby{
text-align:right;
padding-right: 10px;
}


/*------------  detail objednávky ------------*/
.vypisObjednavky.vypisDetailLevy  {
    width: 34%;
	padding-right: 20px;
	float: left;
}
.vypisObjednavky.vypisDetailPravy  {
    width: 66%;
	float: left;
}
.vypisObjednavky  .blokObjednavky  {
    width: 100%;
	margin: 0px 0px 20px 0px;
}


.vypisObjednavky.vypisDetailPravy  .blokObjednavky  {
    width: 50%;
	padding: 0px 10px;
	float: left;
}


.vypisObjednavky .blokObjednavky .radekNadpis {
    font-size: 14px;
    color: #262626;
    width: 100%;
    margin: 0px;
    text-align: left;
    padding-left: 10px;
    background: #EBEBEB;
    font-weight: bold;	
    margin-bottom: 10px;
}

.vypisObjednavky  .blokObjednavky .labelPole  {
    font-weight: bold;
}

.vypisObjednavky  .blokObjednavky .vypisObjednavkyRadek .delka50 {
    width:50%;
	 padding:0px 10px;
	 float: left;
}


.vypisObjednavky .blokObjednavky .radekNadpis.radekNadpisProdukty {
    margin-bottom: 30px;
	font-size: 24px;
font-family: robotobold;
color: #262626;
text-align: center;
display:block;
float:left;
background: none;
font-weight: normal;
}

.vypisObjednavkyRadek > .sloupec.katCislo {
    padding-left: 10px;
	padding-right: 10px;
}

.vypisObjednavkyRadek > .sloupec.cenaCelkem {
    padding-right: 10px;
}
.vypisObjednavkyRadek > .sloupec.cenaKs {
    padding-right: 10px;
}
.vypisObjednavkyRadek > .sloupec.pocetKs {
    padding-right: 10px;
}

.vypisObjednavkyRadek > .sloupec.produktNazev  {
flex-grow: 1;
padding-right: 10px;
}