div.effect{
padding:0!important;
margin:0!important;
display:none;
position:absolute;
top: 80px;
box-shadow: 0px 0px 20px #000;
opacity:0;

=filter: alpha(opacity=0);
background: #fff;
}

div#intro-menu {width:100%; height:70px;background: rgba(255,255,255, 100); text-align:left; /*margin: 0px auto;*/padding-top: 0px; margin-bottom:0px; font-size:24px; color:#fff; top:0px; box-shadow: 0px 5px 5px rgba(0,0,0, .25); opacity:0; border-bottom: 3px solid rgba(165, 139, 50, 1); position: absolute; z-index: 100}

div#intro-menu2 {width:100%; height:70px;background: rgba(255,255,255, 100); text-align:left; /*margin: 0px auto;*/padding-top: 0px; margin-bottom:0px; font-size:24px; color:#fff; top:0px; box-shadow: 0px 5px 5px rgba(0,0,0, .25); border-bottom: 3px solid rgba(165, 139, 50, 1); position: fixed; z-index: 100}


div.menu-odkazy-left {float:left;margin-top:5px;margin-left:20px}
div.menu-odkazy-right {float:right;margin-top:15px;margin-right:20px}


div#intro {
          background: url('../img/black-40.png'), url('../img/body4.jpg');
          background-position: center bottom, center center;
          background-repeat: repeat, no-repeat;
          background-size: 100%, cover;          
          padding:0px; width:100%; min-height: 100%; min-height: 100vh; opacity:0;          
          }          
          
div#intro2 {
          background: url('../img/black-40.png'), url('../img/body4.jpg');
          background-position: center bottom, center center;
          background-repeat: repeat, no-repeat;
          background-size: 100%, cover;          
          padding:0px; width:100%; min-height: 100%; min-height: 100vh;          
          }          


div.outer-section-white {background: #fff;  padding:0px; min-height: 100vh; padding-top:40px; border: 1px solid #f1f1f1}
div.outer-section-gray {background: #f8f8f8;  padding:0px; min-height: 100vh; padding-top:40px; border: 1px solid #f1f1f1}

div.inner-section {width:70%;text-align:center; margin: 0px auto; padding-bottom:100px} 


img#hamburger, .objednat2 {display:none}
#kosik-info {position:static}


.menu-odkazy-left a.menu{
    font-family: Trajan pro;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 5px 5px 2px 5px;
    margin: 10px 0px 0px 10px;
    color:#555;
    text-decoration:none;
    transition: border 1s, color 1s;
    display:inline-block;
    border-bottom: 3px double rgba(165, 139, 50, 0);
    /*background: rgba(190, 166, 83, 0);*/
}

.menu-odkazy-left a.menu:hover{
    /*background: rgba(190, 166, 83, 1);*/
    color: rgba(165, 139, 50, 1);  
    border-bottom: 3px double rgba(165, 139, 50, 1);
    transition: border .75s, color .75s;
}


a.hmenu{
    font-size: 20px;
    letter-spacing: 1px;
    padding: 0px 0px 5px 0px;
    margin: 12px 0px 0px 10px;
    color:#fff;
    text-decoration:none;
    transition: border .8s;
    display:inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

a.hmenu:hover{
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: border 1s;
}

.invisible2{
    position: fixed;
    top: 70px;
    left: -460px;
    transition: left .5s;
    }

.visible2{
    position: fixed;
    top: 70px;
    left: 0px;
    transition: left .5s;
    }
    
    
a.eshop{
    font-family: Trajan pro;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 5px 5px 5px 5px;
    border:2px solid #fff;
    color: #fff;
    text-decoration:none;
    background: #bea653;
    border-radius: 5px;
    transition: color .25s, background .25s, border .25s;
    z-index: 200;
}

a.eshop:hover{
    background: #fff;
    color: #bea653;
    border:2px solid #bea653;
    transition: color .25s, background .25s, border .25s;
}    

a.button{
    font-family: Trajan pro;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 5px 5px 5px 5px;
    //margin: 0px 0px 0px 10px;
    color: #fff;
    text-decoration:none;
    background: #bea653;
    border:2px solid #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #222;
    text-shadow: 1px 1px 2px #444;
    transition: color .25s, background .25s, border .25s, text-shadow .25s;
}

a.button:hover{
    border:2px solid #bea653;
    background: #fff;
    color: #bea653;
    text-shadow: none;
    transition: color .25s, background .25s, border .25s, text-shadow .25s;
}

a#objednat{
    display:inline-block;
    position:relative;  
    margin-top:330px;
    margin-left:85px;
}

a#rezervovat{
    display:inline-block;
    position:relative;  
    margin-top:330px;
    margin-left:70px;
}




div#logo-big-hair-salon {
  position: absolute; 
  top: calc(50% - 177px); left: calc(30% - 150px); 
  bottom: 0; right: 0;
  opacity:0;
  }
  
div#logo-big-hair-salon2 {
  position: absolute; 
  top: calc(50% - 177px); left: calc(30% - 150px); 
  bottom: 0; right: 0;
  }  
  

img#img-hair-salon {
    width: 300px; height: 353px; cursor:pointer; position:absolute; margin-left: 0px; margin-top: 0px; transition: width .25s, height .25s, margin-left .25s, margin-top .25s;
}
  
img#img-hair-salon:hover {
    width: 310px; height: 365px; position:absolute; margin-left: -5px; margin-top: -6px; transition: width .25s, height .25s, margin-left .25s, margin-top .25s;
}
  
  
div#logo-big-solarium {
  position: absolute; 
  top: calc(50% - 177px); left: calc(70% - 150px); 
  bottom: 0; right: 0;
  opacity:0;
  }
  
div#logo-big-solarium2 {
  position: absolute; 
  top: calc(50% - 177px); left: calc(70% - 150px); 
  bottom: 0; right: 0;
  }  
  

img#img-solarium {
    width: 300px; height: 353px; cursor:pointer; position:absolute; margin-left: 0px; margin-top: 0px; transition: width .25s, height .25s, margin-left .25s, margin-top .25s;
}
  
img#img-solarium:hover {
    width: 310px; height: 365px; position:absolute; margin-left: -5px; margin-top: -6px; transition: width .25s, height .25s, margin-left .25s, margin-top .25s;
}
  
  
  
  
  
  
  
  
  
div#logo-small {
  /*/position:absolute;*/             
  text-align:center;
  margin:0px auto;
  margin-top:8px;             
  height: 100px; width: 85px; cursor:pointer;
  background: url('../img/logo-yellow-small.png');
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: background .25s;
  opacity:1;
  }

  
div#logo-small:hover { 
  background-size: 100%;
  transition: background .25s;
  }
  
  
    
div#instagram {
  display:inline-block;
  margin-top:0px;             
  height: 31px; width: 30px; cursor:pointer;
  background: url('../img/instagram1.png');
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: background .25s;
  opacity:1;
  }

  
div#instagram:hover { 
  background: url('../img/instagram2.png');
  transition: background .25s;
  }
  
  
div#facebook {
  display:inline-block;           
  margin-top:0px;             
  height: 31px; width: 30px; cursor:pointer;
  background: url('../img/facebook1.png');
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: background .25s;
  opacity:1;
  }

  
div#facebook:hover {
  background: url('../img/facebook2.png');
  transition: background .25s;
  }  
  
  h1 {font-family: Trajan pro; color: rgba(165, 139, 50, 1); font-size: 2.4em; text-align:center;font-weight:normal; margin-top:0px; clear: both} 
  
  h2 {font-family: Trajan pro; color: rgba(165, 139, 50, 1); font-size: 2.4em; text-align:center;font-weight:normal; margin-top:0px}
  
  h2.eshop {font-family: Amiri-Bold; font-weight: normal; color: #555; font-size: 1.8em; text-align:center; font-family: Amiri-Bold; margin-top:0px}
  
  h3 {font-family: Amiri-Bold; font-weight: normal; color: rgba(165, 139, 50, 1); font-size: 1.5em; text-align:center; margin-top:30px; margin-bottom:30px}
  
  h3.kontakt {font-family: Trajan pro Bold; color: rgba(165, 139, 50, 1); font-size: 1.4em; text-align:left; font-weight:bold; margin-top:40px; margin-bottom:0px}
  h3.eshop {font-family: Amiri-Bold; font-weight: normal; color: #444; font-size: 1.4em; text-align:left; margin-top:0px; margin-bottom:0px; margin-left: 20px}
  h3.studio {font-family: Amiri-Bold; font-weight: normal; color: #444; font-size: 1.4em; text-align:center; margin-top:30px; margin-bottom:0px}
  
  p {color: #555; font-size: 22px; text-align:center; line-height: 1.2em}
  li {color: #555; font-size: 22px; text-align:left; line-height: 1.2em}
  
  ul{/*display:inline-block;*/margin:auto;text-align:left;text-indent:0;}
  ol{/*display:inline-block;*/margin:auto;text-align:left;text-indent:0;}

  ol.seznam {margin-left:0px}
  ol.seznam li {line-height: 1.5em}
  
ul li {list-style-type: square; color: #555; font-size: 22px; text-align:left; line-height: 1.2em;}
  
ul ul li {list-style-type: '- ';}
ol ul li {list-style-type: '- '; }

ol li {list-style-type: decimal; color: #555; font-size: 22px; text-align:left; line-height: 1.2em; padding-left:10px; text-indent:0;} 

ul li.vop {color: #555; font-size: 22px; text-align:left; line-height: 1.2em; padding-left:10px;  text-indent:0;} 
  
  
ul.studio {display:inline-block; text-indent:0; max-width:75% }  
ul.studio li {color: rgba(165, 139, 50, 1); position:relative; top: 2px; margin-bottom: 10px}  
ul.studio li span {color: #555; position:relative; top: -2px}

/*
ul.studio {display:inline-block; text-align:left; text-indent:0; width: calc(100% / 3); padding: 1em 2em; background: #bea653;
    border:2px solid #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #222;}
ul.studio li {color: #fff; position:relative; top: 2px}  
ul.studio li span {color: #fff; position:relative; top: -2px}
*/
    
  strong {font-family: Amiri-Bold; color: rgba(165, 139, 50, 1);}
  b {font-family: Amiri-Bold; color: #444;}

#down {position: absolute; 
  left: 0; 
  bottom: 10%; right: 0; 
  margin: auto;
  height: 30px; width: 30px; cursor:pointer;
  color: #fff;
  text-shadow: 2px 2px 5px #444;
  opacity:0;
   }
   
div.clean-5 {width:100%; height: 5px}
div.clean-10 {width:100%; height: 10px}
div.clean-30 {width:100%; height: 30px} 
div.clean-50 {width:100%; height: 50px}

div#upstairs {position:fixed; bottom: 40px; right: 50px; z-index:10} 

.invisible{
    position: fixed;
    top: 129px;
    right: -499px;
    transition: right .5s;
    }

.visible{
    position: fixed;
    top: 129px;
    right: 0px;
    transition: right .5s;
    }


.visible3 {opacity: 1; cursor: pointer; transition: opacity 1s}
.invisible3 { opacity: 0; cursor: text; transition: opacity 1s}

a.down {/*text-shadow: 1px 1px 1px #444;*/ text-decoration: none; color: rgba(190, 166, 83, 1); transition: color .5s}
a.down:hover {text-decoration: none; color: rgba(170, 142, 46, 1); transition: color .3s}



.gold {text-decoration: none; color: rgba(190, 166, 83, 1); transition: color .5s}
.gold:hover {text-decoration: none; color: rgba(170, 142, 46, 1); transition: color .3s}

.white {/*text-shadow: 1px 1px 1px #444;*/ text-decoration: none; color: #fff}

a, .neodkaz {/*text-shadow: 1px 1px 1px #444;*/ cursor: pointer; text-decoration: underline; color: rgba(165, 139, 50, 1); transition: text .5s}
a:hover {text-decoration: none; transition: text .3s}

div.flexbox{
    margin-top:50px;
	display: -ms-flexbox;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
    -ms-flex-pack: center;
	}

div.circle{            
  font-size: 1.4em;
  color: #555;
  text-align:center;
  line-height: 22px;
  }
 
div.circle img{            
  width: 250px;
  height: 252px; 
  } 

div.korunka{            
  font-size: 1.4em;
  color: rgba(100, 100, 100, 1);
  text-align:center;
  line-height: 22px;
  font-family: Amiri-Bold;
  }
 
div.korunka img{            
  width: 150px;
  height: 95px;
  margin-bottom: 20px;
  } 
  

  
.jmeno {color: rgba(165, 139, 50, 1); font-family: Trajan pro;} 

div.clean-15 {width:100%; height:15px}
div.clean-30 {width:100%; height:30px}
div.clean-50 {width:100%; height:50px}   

/*
#section1a, #section1b, #section1c, #section1d, #section2a, #section2b, #section2c, #section2d, #section2e, #section2f, #section3a, #section3b, #section3c, #section3d, #section3e, #section3g, #section3h,  #section3j, #section3k, #section3l, #section3m, #section3n, #section4a, #section4b, #section4c, #section4d, #section4e, #section4f, #section4g, #section4h, #section5a, #section5b {opacity:0} 
*/



.lazy-load {opacity:0}

div.galerie{
    margin-bottom:50px;
	display: -ms-flexbox;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
    -ms-flex-pack: center;
    gap: 5px 10px;
	}
 
div.galerie a{
    
	} 
 
div.galerie img{

    border: 1px solid rgba(165, 139, 50, 1);
    transition: border .5s;
	}
    
div.galerie img:hover{
    border: 1px solid #bea653;
    transition: border .5s; 
	} 
    
    
div#kontakt{
    margin-top:50px;
	display: -ms-flexbox;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
    -ms-flex-pack: center;
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 2px 2px 5px #ddd;
	} 
    
div#kontakt div{
    padding: 0px 30px 0px 30px;
	width:50%;
	}
 
div#kontakt div._100_{
    padding: 0px 0px 50px 0px;
	width:100%;
	} 
 
div#kontakt div div{
    padding: 0px;
	width:100%;
	} 
    
div#kontakt p{
    text-align:left;
    margin-top: 10px;
    line-height:22px;
	} 
    
    
iframe#mapa {
       margin: 0px auto;
       text-align:center;
       margin-top: 30px;
       margin-bottom: 30px;
       width: 90%;
       height: 600px;
       border: 1px solid #dcc172;
       } 
       
img.social {width:40px;height:40px;margin-top: 10px}
a.social {text-decoration:none} 


div.flex-kontakt{
	display: -ms-flexbox;
	display:flex;
	flex-flow: row wrap;
	justify-content: start;
    -ms-flex-pack: center;
	}
 
div.flex-kontakt2{
	display: -ms-flexbox;
	display:flex;
	flex-flow: row wrap;
	justify-content: start;
    -ms-flex-pack: center;
	} 
    
div.flex-kontakt p {width:50%} 
div.flex-kontakt2 div._50_ {width:50%!important;} 

    table.kontaktni-formular {width: 100%; margin: auto; text-align:center; margin-top:0px; margin-bottom:15px;}
    table.kontaktni-formular td {font-size: 22px; line-height:36px; color:#555}
    input[type=text], input[type=number], input[type=password], textarea, select {width: 100%; padding:8px; border: 1px solid #bea653; border-radius: 5px; background:#fafafa; color:#555;font-size: 18px;}
    
    :focus {
      outline: none;
    }
    
    .star-kontakt {color: #bea653; font-family: Amiri-Bold; font-size: 40px; position:relative; top:12px; font-weight:normal}
    
    .el {color: #bea653}
    
    div.gold-line {height: 1px; width: 100%; border-top: 1px dotted #bea653;margin-top:50px}
    
    .submit{
    display:inline-block;
    font-family: Trajan pro;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 0px 10px;
    color: #fff!important;
    border:none;
    cursor:pointer;
    text-decoration:none;
    background: #bea653;
    border-radius: 5px;
    transition: background .25s;}
    
    .submit:hover{background: #dcc172;transition: background .25s;}
    
    p.msgr {text-align:center!important; background: #bea653; color:#fff; font-family: Amiri-Bold; padding: .25em; font-family: Amiri-Bold; border-radius: 5px}
    p.msgf {text-align:center!important; background:#c00; color:#fff; font-family: Amiri-Bold; padding: .25em; font-family: Amiri-Bold; border-radius: 5px}
    
    p.hidden-dir {/*float:right;*/display:inline; background:#c00; color: #fff; padding: .25em; font-family: Amiri-Bold; border-radius: 5px}
    
    
    p.admin-links {text-align:right; margin-top:-20px;margin-bottom: 50px}
    
    
    
    
    div.effectwindow * {color: #444; text-shadow:none; text-align:left}

div.effectwindow h2 {font-family: Amiri-Regular; margin:0px 0px 1em 0px; font-family: Amiri-Bold; font-size: 1.9em}
div.effectwindow h3 {font-family: Amiri-Regular; margin:0px 0px 1em 0px; font-family: Amiri-Bold; font-size: 1.5em}

div.adminer-contains{
	display: -ms-flexbox;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
    -ms-flex-pack: center;
}
    
    
div.adminer-items{
	width: 48%;
    /*min-height: 100px;*/
    text-align:left!important;
    margin: 0 .9em 1.3em 0;
    padding: .5em .5em 0 .5em;
    line-height:1.5em;
    //background: #f8f1e6;
    background: rgba(165, 139, 50, .05);
    border: 1px solid rgba(165, 139, 50, 1);
    box-shadow: none;
    transition: background .25s, box-shadow .25s;
}


div.adminer-items:hover{
    //background: #f7e6ca;
    background: rgba(165, 139, 50, .15);
    box-shadow: 0px 0px 10px #bbb;
    transition: background .25s, box-shadow .25s;
}

div.adminer-items *{
    text-align:left;
}

div.eshop {
    display:grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    min-height: 500px;
    gap: 2em;
}

div.eshop-left {
/*
    display:grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    */
}

div.eshop-right {
    //background: #eee;
}

div.eshop-left a.item {
    display:block;
    font-family: Trajan pro;
    text-align:left;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 10px 0px;
    color: #fff;
    border:2px solid #bea653;
    cursor:pointer;
    text-decoration:none;
    background: #bea653;
    border-radius: 5px;
    transition: color .25s, background .25s;
    
}

div.eshop-left a.item-active {
    display:block;
    font-family: Trajan pro;
    text-align:left;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 10px 0px;
    color: #bea653;
    border:2px solid #bea653;
    cursor:pointer;
    text-decoration:none;
    background: #fff;
    border-radius: 5px;
    transition: color .25s, background .25s;
    
}

div.eshop-left a.item:hover {
    background: #fff;
    color: #bea653;
    border:2px solid #bea653;
    transition: color .25s, background .25s;
    
}







div.shop-contain{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	width: 100%;
	margin: 0px auto;
	}
    
div.shop-contain2{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto;
	}   
	
	div.shop-items{
	display:grid;
	grid-template-columns: 100%; grid-template-rows: 15% 55% 30%;
	padding:1em;
	text-align:center;
	width: 250px;
	min-height:420px;
	border: 1px solid #bea653;
    background: #f8edd6;
	transition: box-shadow .5s, background .5s;
	margin:1em .7em 2em .7em;
	}
    
    div.shop-items:hover{
	box-shadow: 2px 2px 5px #ccc;
	background: #f8edd6;
    border: 1px solid #bea653;
	transition: box-shadow .33s, background .33s;
	}
    
    div.shop-items-h3{
	text-align:center;
    padding: 0;
	}
    
    div.shop-items-h3 h3{
	font-family: Amiri-Bold;
	margin:0;
    padding:0;
	line-height: 1em;
	font-size: 1.4em;
	cursor:pointer;
    text-align:center;
    text-shadow: none;
	}
	
	div.shop-items-h3 h3 a{
	color: #444;
    text-decoration:none;
	}
    

	div.shop-items-img{
	cursor:pointer;
    min-height:200px;
    overflow:hidden;
	}
    
    div.shop-items-buttons{
	font-size: .9em;
	color: #174290;
	padding-top:.3em;
	line-height:3em;
	}
    
    div.shop-items * {color: #444; text-shadow: none} 

    .cena-index {display:inline-block; line-height: 22px; padding: .1em .5em 0em .5em; background: #444; color: #f8edd6!important;  font-size: 16px;  font-family: Amiri-Bold; border-radius:5px}
    .cena-index2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #bea653; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Amiri-Bold; border-radius:5px}
    
    .pred-slevou{display:inline; color: #444;  text-decoration:line-through; font-size: 16px; padding: .1em .5em; border-radius:5px}
    .po-sleve{display:inline-block; line-height: 22px; padding: .1em .5em 0em .5em; background: #444; color: #f8edd6!important;  font-size: 16px; font-family: Amiri-Bold; border-radius:5px}
    .uplsleva {display:inline-block; line-height: 22px; padding: .1em .5em 0em .5em; background: #fc6; color: #444!important;  font-size: 16px; font-family: Amiri-Bold; border-radius:5px}
    .no-sklad {display:inline; background: #a00; color: #fff!important;  font-size: 16px; padding: .1em .5em; font-family: Amiri-Bold; border-radius:5px}
    .skryta-polozka {display:inline-block;font-size:16px;font-family: Amiri-Bold;padding:.25em 0 .25em 0;width:216px;background:#a00; color:#fff!important;text-align:center;position:absolute;margin-auto;margin-top:150px;z-index:100; border-radius:5px}
    
    //.vlozeno-v-kosiku {display:inline-block;cursor:pointer;font-size:14px;font-weight:normal;color: #444!important;line-height: 20px;margin-top:0px}
    
    .vlozeno-v-kosiku {display:block;margin:auto;text-align:center;cursor:pointer;font-size:16px;font-family: Amiri-Bold;color: #000!important;/*text-shadow: 1px 1px 2px #000!important;*/margin-top:90px;background: rgba(255, 200, 85, .80); padding:.1em .5em; border-radius:5px;}
    
    
    
    //.vlozeno-v-kosiku {display:inline-block;font-size:16px;font-family: Amiri-Bold;padding:.25em 0 .25em 0;width:216px;background:#a00; color:#fff!important;text-align:center;position:absolute;margin-auto;margin-top:150px;z-index:100; border-radius:5px}
    
    
    
    
    .pred-slevou2{display:inline; color: #666;  text-decoration:line-through; font-size: 22px; /*padding: .3em .5em;*/}
    .po-sleve2{display:inline; /*background: #444;*/ color: #bea653!important;  font-size: 22px; padding: .1em .5em; font-family: Amiri-Bold}
    .uplsleva2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #bea653; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Amiri-Bold; border-radius:5px}
    .no-sklad2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #a00; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Amiri-Bold; border-radius:5px}
    
    
    
    .skryta-polozka2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #a00; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Amiri-Bold; border-radius:5px}
    
    .vlozeno-v-kosiku2 {display:inline-block; line-height: 32px; position:relative; top:-3px; background: #bea653; color: #fff!important;  font-size: 22px; padding: .1em .5em 0em .5em; font-family: Amiri-Bold; border-radius:5px}
     
    .vlozeno-v-kosiku3a {display:block;text-align:right!important;/*float:right;*/font-size:1em;font-weight:normal;color: #f8edd6!important;text-decoration:underline;cursor:pointer;line-height:30px}
    .vlozeno-v-kosiku3b {display:inline-block;text-align:right!important;/*float:right;*/font-size:1em;font-weight:normal;color: #f8edd6!important;text-decoration:underline;cursor:pointer;line-height:30px}
    
     
    .vlozeno-v-kosiku2:hover, .vlozeno-v-kosiku3a:hover, .vlozeno-v-kosiku3b:hover {text-decoration:none}
    
    .updn {cursor:pointer;color: #444}    
    .updn2 {cursor:pointer;color: #bea653}

     
     .do-kosiku {cursor:pointer;color: #444; position:relative; top: 4px;font-size:1.8em}
     .do-kosiku2 {cursor:pointer;color: #bea653; position:relative; top: 4px;font-size:34px!important}
     .do-kosiku3 {cursor:pointer;color: #bea653; position:relative; top: 4px;font-size:34px!important}
     
     .kosik-info {color: #444; font-size:20px; font-weight:normal }
     
     .person {cursor:pointer;color: #f8edd6; position:relative; top: 2px}
    
     input.item-index {width:50px!important; padding: .25em .05em .25em .05em; text-align:center; box-shadow:none; border:1px solid #444; background: #fff; font-size: 1em}
     input.item-index2 {width:50px!important; padding: .25em .05em .25em .05em; text-align:center; box-shadow:none; border:1px solid #444; background: #fff; font-size: 1.1em; position: relative; top: -4px}
       
     .element {font-size:20px!important;margin-right: 5px}
     .element2 {font-size:24px!important;margin-right: 5px}
     
     .element3 {font-size:24px!important;margin-right: 5px;color: #bea653;cursor:pointer}
     .element4 {font-size:20px!important;margin-right: 5px;color: #bea653;cursor:pointer}
     
     p.back-link{text-align:right;margin:0}
     
     
     div.shop-detail-grid {
     display: grid;	
	 grid-template-columns: 50% 50%; grid-template-rows: 120px auto;
     grid-gap: 2em;
     min-height: 600px;
     }
     
     div.shop-detail-grid-foto {
      grid-row-start: 1;
      grid-row-end: 3;
      grid-column-start: 1;
      grid-column-end: 2;
     }
     
     div.shop-detail-grid-shopping {
      grid-row-start: 1;
      grid-row-end: 2;
      grid-column-start: 2;
      grid-column-end: 3;
      justify-self: end;
      //background: #ddd;
     }
     
     div.shop-detail-grid-popis {
      grid-row-start: 2;                 
      grid-row-end: 3;
      grid-column-start: 2;
      grid-column-end: 3;
      text-align:justify;
      //background: #eee;
     }

     .owl-carousel {
      	display: none;
      	width: 430px;
          min-height:322px;
          border: 1px solid #444;
          background: #fff;
          padding:0;
      	z-index: 1;
      }
      
     div.owl-items {position:static; margin:auto; width: 100%; height:322px; }
     
     a.img img {border:1px solid #444;height:100px; width:auto} 
     
     div.shop-steps1 {
    min-height: 2em;
    display: grid;	
	grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; grid-template-rows: auto;
    display: -ms-grid;
	-ms-grid-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; -ms-grid-rows: auto;
    width:95%;
    margin: 0px auto;
    margin-bottom: 3em;
    }
    
    
    div.shop-steps2 {
    min-height: 2em;
    display: grid;	
	grid-template-columns: 20% 20% 20% 20% 20%; grid-template-rows: auto;
    display: -ms-grid;
	-ms-grid-columns: 20% 20% 20% 20% 20%; -ms-grid-rows: auto;
    width:85%;
    margin: 0px auto;
    margin-bottom: 3em;
    }
    
    
    div.shop-steps-items-contain {
     width:8em;     
     font-family: Amiri-Bold;
     font-size:20px;
     margin:auto;
     text-align:center;
     line-height:3em;
     letter-spacing: .02em;
     margin-bottom:20px;
}


#ms-step-1 {-ms-grid-row: 1; -ms-grid-column: 1;}
#ms-step-2 {-ms-grid-row: 1; -ms-grid-column: 2;}
#ms-step-3 {-ms-grid-row: 1; -ms-grid-column: 3;}
#ms-step-4 {-ms-grid-row: 1; -ms-grid-column: 4;}
#ms-step-5 {-ms-grid-row: 1; -ms-grid-column: 5;}
#ms-step-6 {-ms-grid-row: 1; -ms-grid-column: 6;}


.contain-active {
    cursor:pointer;
    color: #bea653;

    }
    
.contain-active2 {
    cursor:default;
    color: #bea653;

    }    
   

.contain-inactive {
    cursor:default;
    color: #666;
    }    

   
    
div.shop-steps-items-number {
     margin:auto;
     text-align:center;
     font-family: Amiri-Bold;
     font-size:1.4em;
     width:2.5em;
     height:2.5em;
     padding-top: 3px;
    } 
    
.number-active {
    background: #bea653;
    color: #fff;
    text-shadow: none;
    border: .15em solid #bea653;
    border-radius: 10px;
    transition: color .5s, background .5s
    }
    
.number-active2 {
    background: #bea653;
    color: #fff;
    text-shadow: none;
    border: .15em solid #bea653;
    border-radius: 10px;
    transition: color .5s, background .5s
    }    
    
.number-active:hover {
    background: #dcc172;
    color: #fff;
    text-shadow: none;
    border: .15em solid #bea653;
    transition: color .5s, background .5s
    }    

.number-inactive {
    background: #fff;
    color: #bea653;
    border: .15em solid #bea653;
    border-radius: 10px;
    }
    
    div.no-break {display:inline-block}
    
    div.fotoalbum {margin-top:50px;
			margin-bottom:50px;
			display:flex;
			flex-flow: row wrap;
			justify-content: flext-start;
			gap:1em;
			}
            
            
table.kosik {border-collapse:collapse; border:none; width: 100%; margin-bottom:27px}
table.kosik th {font-family: Amiri-Bold; font-weight:normal; color:#fff; background: #bea653; font-size:22px; border: 1px solid #fff; }
table.kosik td {color:#444; border: 1px solid #bea653; font-size:22px } 

table.kosik2 {border-collapse:collapse; border:none; width: 100%; margin-bottom:27px}
table.kosik2 th {font-family: Amiri-Bold; font-weight:normal; color:#444; border: 1px solid #444; font-size:20px }
table.kosik2 td {color:#444; border: 1px solid #444; font-size:20px }  

div#kosicek {margin: 0px auto; max-width: 100%; overflow: auto; margin-botom:40px}
div#scroll-bottons {display:none} 

table.form {text-align:center; margin:auto; margin-top:30px; margin-bottom:20px; /*width: 400px*/} 
table.form th {font-size: 22px; font-weight: normal; color:#444; text-align: left; height: 50px; vertical-align: top;}
table.form td {font-size: 22px; color:#444; text-align: left; vertical-align: top; }
table.form td:first-child {padding-top:15px}

select#premobil {width: 30%}
input.input-mobil {width: 66%}

table.detail_objednavky {text-align:center; margin:auto; margin-top:30px; margin-bottom:20px; padding: 0; margin:0} 
table.detail_objednavky th {font-size: 22px; font-weight: normal; color:#444; text-align: left; vertical-align: top;padding: 0; margin:0}
table.detail_objednavky td {font-size: 22px; color:#444; text-align: left; padding: 0; margin:0; height:15px}

.star {color: #bea653; position:relative; top: 0px; right: .3em; font-size: 18px!important} 

.cena{color: #444; font-size: 22px; } 
.cena_kc {color: #bea653; font-family: Amiri-Bold; font-weight:normal; font-size: 22px;}

#modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        display: none;
      }

      /* CSS for the modal box */
      #modal-box {
        position: absolute;
        width:98%;
        left:15px;
        margin: 0 auto;
        height: 720px;
        display: none;
        z-index:99999;
      }

      #close-modal-button {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 99999;
        font-weight:bold;color:#fff; background:#174290; padding:.5em;width:100px;cursor:pointer
      }

      .ppl-parcelshop-map {
        height: 100%;
        max-height: 640px;
      } 
      
      p#element {font-weight:bold;color:#f00;}	
      
      div._50_ {max-width:33%}
      
      #ParcelShopPlace {display:block; line-height: 26px;margin-bottom: 10px}
      #packeta-selector-value, #packeta-selector-value2 {display:block; line-height: 26px;}
      
      
      div#footer {width:100%; text-align:center; min-height:60px; background: #bea653;  padding: .1em .5em .1em .5em; font-size:22px; }
      
      div#footer * {color:#fff; line-height: 1.5em}
      
      //img#img-inzerat {width: 559px; height: 800px}
      
      
      
      
      div#inzerat {      
        margin:0;
        padding:0;
        /*
        width:559px;
        height:800px;
        */
        
        width:auto;
        
        padding:0;
        z-index:1000;
      }
      
      
      
      img#img-inzerat {
           /* 
            width: 100%; 
            height: auto;
           */ 
            width:559px;
            height:800px;
            
            }