body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 1.3em;
  word-wrap: break-word; 
}
body {
  font-size: 12px; 
}
h1{
	margin: 0px 0px 0px 0px; 	
	padding: 15px 15px 0px 15px; 	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px;
	color: black;
	line-height: 23px;
}


h2{
	margin: 1.5vh 0px 1.5vh 0px; 	
	padding: 0px 0px 0px 0px ; 
	font-family: Arial, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	color: black;
	font-weight: bold;
}
h3{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px ; 
	font-family:  Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	line-height: 23px;
}
h4{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;  	
	font-family: Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
}
p{
    margin: 0;
	padding: 0;
  font-family:Arial, Tahoma,  Arial, Verdana, sans-serif;
  font-size: 100%;
}
.dd ul{
  font-family:Arial, Tahoma,  Arial, Verdana, sans-serif;
  font-size: 100%;
}
.dd h2{
    margin-bottom: 0px;
}
.dd p{
    margin-top: 1.5vh
}


@media screen and (min-width: 200px) {
  body {
    font-size: 12px; 
  }                        
  .sbox{
  	margin: 0% 10% 0 10%;
    padding: 1% 0% 1% 1%;  
  }
  .rpt{
    font-size: 11px;
  }
  .zal{
    font-size: 12px;
    padding: 2.5% 2% 1.5% 2%;
  }
  .btn_hledat{
    font-size: 11px;
  }
  .dodtxt{
    font-size: 16px;
    line-height: 22px;
  }
  .pbg{
    background-image: url(images/ipv.png);
    background-repeat: no-repeat;         
    background-position: left 5% center;		
  }
  .bh1top, .bh1det{
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;                   
  }
  .h2-det{
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;                   
  }
  .btn_zel, .btn_cerv{
    font-size: 11px;
	  font-weight: bold;	
  }
  .dic_akcnicena{
    font-weight: bold;
    font-size: 16px;
  }
  .dic_cena{
    font-weight: bold;
    font-size: 18px;
  }
  .w110, .wauto{
    font-size: 11px;
  }
  .sbt{
    font-size: 13px;
    font-weight: bold;
  }
  .cltxt{
    font-size: 11px;
    line-height: 16px;
  }
  .skladem, .zeleny, .sklar{
    font-size: 16px;  
  }
  .lvs{
    font-size: 11px;
  }
  .favsrch{
    font-size: 11px;
  }
  .idnadpis{
    font-weight: bold;
    font-size: 13px;
  }
  .panel-pul-h2{
    font-weight: bold;
    font-size: 13px;
  }
  .bh3{
    font-size: 14px;
    font-weight: bold;
  }
  .roh{
    font-size: 13px;
    font-weight: bold;
  }
  .rtxmn{
    font-size: 11px;
    font-weight: bold;
  }
  .roh_mns{
    font-size: 12px;
    font-weight: bold;
  }
  .trio_qd{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif; 
   }
   .h4mns{
    font-size: 12px;
    font-weight: bold;
   }
   .kamen{
    font-size: 12px;
    font-weight: bold;
   }
  .txt{
    font-family: verdana;
    font-size: 11px;
  }
  .dinfodata{
    font-size: 16px;
  }
  .buying_accept {
    background-image: url(images/icon_accept_mala.png);
    background-repeat: no-repeat;         
    background-position: center;		
    width: 20px;
  }
  .co-dostanete{
      font-size: 14px;
   }
   p{
    font-size: 16px;
    line-height: 1.6em;
   }
   .dd ul{
    font-size: 16px;
    line-height: 1.6em;
    }

   .add-ok-nadpis{
    margin: 0 0 0 15%;
    font-size: 12px;
  }    
  .add-ok-zbozi{
    font-size: 12px;
    margin: 0% 0 0 15%;
  }
  .add-ok-icon{
    background-image: url(images/ok-24.png);
	  width: 24px;
    height: 24px;
  }
  .stone-number{
    padding: 15% 0 15% 5%;
  	font-size: 20px;
  }
  .stone-link{
    margin: 10% 0% 0% 5%;   
    font-size: 11px;
    line-height: 13px;             
  }
  .order_ar_top{
    font-size: 12px;
  }
  .opl{
    font-size: 11px;
  }
  .slevkod_name{
    font-size: 11px;
  }
  .celkem-txt, .celkem-data{
    font-size: 14px;
  }
  .order-finished-ul{
    font-size: 12px;
    line-height: 18px;  
  }
  .kosik{
    background-image: url(images/kosik_maly.png);
	  background-repeat: no-repeat;
    background-position: left 10% center;	
  }
  .z1{
    width: 30%;
    margin-right: 1px;
  }
  .z2{
    width: 32%;
    margin-right: 2px;
  }
  .z3{
    width: 30%;
    margin-right: 2px;
  }
  .z4{
    width: 25%;
  }
  .pagebody{
    padding: 0% 0% 0% 0%; 
  }
  .garance{
   width: 49.5%;
    margin-left: 0.5%;
  }
  .zaruka{
	 width: 50%;
  }
  .nakupte{
    width: 49.5%;
    margin-left: 0.5%;
  }
  .expedice{
	 width: 50%;
  }
  .pbg{
    padding: 0 0 0 15%;
  }
  .vertkat{
    margin: 0 0 0 1%;
	  font-size: 11px;
  }
  .obj-rozc-txt{
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
  }
  .ftxt{
    padding: 2% 2% 2% 2%; 
    font-size: 11px;
    color: White;
    line-height: 15px;
  }
  .diar{
    display: block;
    width: 100%;
  }
  .img-detail-area{
    margin: 0% 0% 0% 0%;  
    padding: 0% 3% 2% 3%;  
    width: 100%;
  }
  .d-leva{
    display: block;
    width: 100%;
    padding: 0; 
  }
  .d-leva-area{
    float: left;
    margin-top: 2%;
    border-top: solid 1px #CECECE;  
  }
  .d-txt{
    margin: 1.5% 1% 1.5% 0;
    font-size: 14px;
    font-family: arial;  
  }

  .lv-o-data{
  font-size: 11px;
  }
.snadpis{
  margin: 0% 0 1% 0;
  padding: 0 1% 0 1%;
}
  
  
  
  
  
}

@media screen and (min-width: 767px) {
  body {
    font-size: 12px; 
  } 
  .sbox{
    margin: 4% 10% 0 10%;
    padding: 1% 0% 1% 1%;  
  }
  .zal{
    font-size: 12px;
    padding: 1% 1% 1% 1%;
  }
  .rpt{
    font-size: 12px;
  }
  
  .btn_hledat{
    font-size: 11px;
  }
  .dodtxt{
    font-size: 16px;
    line-height: 22px;
  }
  .pbg{
    background-image: url(images/ipv.png);
    background-repeat: no-repeat;         
    background-position: left 5% center;		
  }
  .kosik{
    background-image: url(images/kosik_maly.png);
	  background-repeat: no-repeat;
    background-position: left 10% center;		
  }
  .bh1top, .bh1det{
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;                   
  }
  .h2-det{
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;                   
  }
  .btn_zel, .btn_cerv{
    font-size: 11px;
	  font-weight: bold;	
  }
  .dic_akcnicena{
    font-weight: bold;
    font-size: 16px;
  }
  .dic_cena{
    font-weight: bold;
    font-size: 16px;
  }
  .w110, .wauto{
    font-size: 11px;
  }
  .sbt{
    font-size: 13px;
    font-weight: bold;
  }
  .cltxt{
    font-size: 11px;
    line-height: 16px;
  }
  .skladem, .zeleny, .sklar{
    font-size: 16px;  
  }
  .lvs{
    font-size: 11px;
  }
  .favsrch{
    font-size: 11px;
  }
  .idnadpis{
    font-weight: bold;
    font-size: 13px;
  }
  .panel-pul-h2{
    font-weight: bold;
    font-size: 13px;
  }
  .bh3{
    font-size: 14px;
    font-weight: bold;
  }
  .roh{
    font-size: 13px;
    font-weight: bold;
  }
  .rtxmn{
    font-size: 11px;
    font-weight: bold;
  }
  .roh_mns{
    font-size: 12px;
    font-weight: bold;
  }
  .trio_qd{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif; 
  }
  .h4mns{
    font-size: 12px;
    font-weight: bold;
  }
  .kamen{
    font-size: 12px;
    font-weight: bold;
  }
  .txt{
    font-family: verdana;
    font-size: 11px;
  }
  .dinfodata{
    font-size: 16px;
  }
  .buying_accept {
    background-image: url(images/icon_accept_mala.png);
    background-repeat: no-repeat;         
    background-position: center;		
    width: 20px;
  }
  .co-dostanete{
      font-size: 14px;
  }
  p{
    font-size: 16px;
    line-height: 1.6em;
  }
  .dd ul{
    font-size: 16px;
    line-height: 1.6em;
    }

  .add-ok-nadpis{
    margin: 0 0 0 8%;
    font-size: 15px;
  }    
  .add-ok-zbozi{
    margin: 0% 0 0 8%;
    font-size: 14px;
  }
  .add-ok-icon{
    background-image: url(images/ok-24.png);
	  width: 24px;
    height: 24px;
  }
  .stone-number{
    padding: 15% 0 15% 15%;
  	font-size: 30px;
  }
  .stone-link{
    margin: 10% 0% 0% 13%;   
    font-size: 12px;
    line-height: 15px;
  }
  .order_ar_top{
    font-size: 11px;
  }
  .opl{
    font-size: 11px;
  }
  .slevkod_name{
    font-size: 11px;
  }
  .celkem-txt, .celkem-data{
    font-size: 14px;
  }
  .order-finished-ul{
    font-size: 12px;
    line-height: 16px;  
  }
  .z1{
    width: 24%;
    margin-right: 1px;
  }
  .z2{
    width: 26%;
    margin-right: 2px;
  }
  .z3{
    margin-right: 2px;
  	width: 20%;
  }
  .z4{
    width: 20%;
  }
  .pagebody{
    padding: 0% 0% 0% 1.4%; 
  }
  .garance{
    margin-left: 0.5%;
    width: 22%;
  }
  .zaruka{
    width: 21%;
    margin-left: 0.5%;
  }
  .nakupte{
    width: 21%;
    margin-left: 0.5%;
  }
  .expedice{
    width: 21%;
    margin-left: 0.5%;
  }
  .pbg{
    padding: 0 0 0 25%;
  }
  .vertkat{
    margin: 0;
	  font-size: 12px;
  }
  .ftxt{
    padding: 2% 2% 2% 2%; 
    font-size: 11px;
    color: White;
    line-height: 15px;
  }
  .diar{
    float: left;
    width: 50%;
  }
  .img-detail-area{
    float: left; 
    margin: 0% 0% 0% 0%;  
    padding: 0% 3% 2% 3%;  
    width: 50%;
    height: auto;
  }
  .d-prava{
    float: right;
    width: 31%;
    padding: 0;  
  }
  .d-prava-dalsi-zbozi{
    float: right;
    padding: 0% 2% 2% 2%;
    background-color: #F9F7E2;
    width: 100%;
  }
  .d-leva{
    float: left;
    width: 69%;
    border-right: solid 1px #CECECE;  
    padding: 0; 
  }
  .d-leva-area{
    float: left;
    margin-top: 2%;
    border-top: solid 1px #CECECE;  
  }
  .d-txt{
    margin: 1.5% 1% 1.5% 0;
    font-size: 14px;
    font-family: arial;  
  }
  .snadpis{
  margin: 0% 0 1% 0;
  padding: 0 0 0 0;
}

  







  



   




}
@media screen and (min-width: 1224px) {
  body {
    font-size: 12px; 
  } 
  .sbox{
	margin: 4% 10% 0 10%;
  padding: 1% 0% 1% 1%;  
}
  .zal{
    font-size: 13px;
    padding: 1% 1% 1% 1%;
  }
  .btn_hledat{
    font-size: 12px;
    font-weight: bold;  
  }
  .rpt{
    font-size: 12px;
  }
  
  .pbg{
  background-image: url(images/ipv.png);
    background-repeat: no-repeat;         
    background-position: left 5% center;		
  }           
  .kosik{
    background-image: url(images/kosik_velky.png);
	  background-repeat: no-repeat;
    background-position: left 10% center;		
  }
  .bh1top, .bh1det{
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;                   
  }
  .h2-det{
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;                   
  }
  
  .btn_zel, .btn_cerv{
    font-size: 12px;
	  font-weight: bold;	
  }
  .dic_akcnicena{
    font-weight: bold;
    font-size: 16px;
  }
  .dic_cena{
    font-weight: bold;
    font-size: 18px;
  }
  .w110, .wauto{
    font-size: 12px;
  }
  .sbt{
    font-size: 15px;
    font-weight: bold;
  }
    .cltxt{
    font-size: 12px;
    line-height: 18px;
  }
  .skladem, .zeleny, .sklar{
    font-size: 16px;  
  }
  .lvs{
    font-size: 12px;
  }
  .favsrch{
    font-size: 12px;
  }
  .idnadpis{
    font-weight: bold;
    font-size: 15px;
  }
  .panel-pul-h2{
    font-weight: bold;
    font-size: 15px;
  }
   .bh3{
    font-size: 15px;
    font-weight: bold;
  }
  .roh{
    font-size: 16px;
    font-weight: bold;
  }
  .rtxmn{
    font-size: 12px;
    font-weight: bold;
  }

  .roh_mns{
    font-size: 14px;
    font-weight: bold;
  }
  .trio_qd{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif; 
  }
  .h4mns{
    font-size: 13px;
    font-weight: bold;
   }
    .kamen{
    font-size: 13px;
    font-weight: bold;
  }
  .txt{
    font-family: verdana;
    font-size: 12px;
  }
  .dinfodata{
    font-size: 16px;
  }
  .buying_accept {
    background-image: url(images/icon_accept_velka.png);
    background-repeat: no-repeat;         
    background-position: center;		
    width: 30px;
  }
  .co-dostanete{
      font-size: 15px;
   }
   .dodtxt{
    font-size: 16px;
    line-height: 22px;
  }
  p{
    font-size: 16px;
    line-height: 1.7em;
   }
   .dd ul{
    font-size: 16px;
    line-height: 1.7em;
    }

   .add-ok-nadpis{
    margin: 0 0 0 8%;
    font-size: 16px;
  }    
  .add-ok-zbozi{
    margin: 0% 0 0 8%;
    font-size: 15px;
  }
  .add-ok-icon{
    background-image: url(images/ok-32.png);
	  width: 32px;
    height: 32px;
  }
  .stone-number{
    padding: 15% 0 15% 15%;
  	font-size: 40px;
  }
  .stone-link{
    margin: 10% 0% 0% 13%;   
  
    font-size: 13px; 
    line-height: 16px;
  }
  .order_ar_top{
    font-size: 12px;
  }
  .opl{
    font-size: 12px;
  }
  .slevkod_name{
    font-size: 12px;
  }
  .celkem-txt, .celkem-data{
    font-size: 15px;
 }
  .order-finished-ul{
  font-size: 13px;
  line-height: 18px;  
  }
.z1{
  width: 15%;
  margin-right: 1px;
 }
.z2{
    width: 16%;
    margin-right: 2px;
}
.z3{
   margin-right: 2px;
  width: 10%;
}
.z4{
    width: 15%;
  }
  
.pagebody{
  padding: 0% 0% 0% 1.4%; 
}
  .garance{
    margin-left: 0.5%;
    width: 22%;
  }
  .zaruka{
	 width: 21%;
  margin-left: 0.5%;
  }
  .nakupte{
	 width: 21%;
   margin-left: 0.5%;
  }
  .expedice{
	 width: 21%;
   margin-left: 0.5%;
  }
  .vertkat{
    margin: 0;
	  font-size: 12px;
}
.ftxt{
  padding: 2% 2% 2% 0%; 
	font-size: 11px;
	color: White;
	line-height: 15px;
}
.diar{
  float: left;
  width: 50%;
}
.img-detail-area{
  float: left; 
  margin: 0% 0% 0% 0%;  
  padding: 0% 3% 2% 3%;  
  width: 50%;
  height: auto;
}
.d-prava{
    float: right;
    width: 31%;
    padding: 0;  
  }
  .d-prava-dalsi-zbozi{
    float: right;
    padding: 0% 2% 2% 2%;
    background-color: #F9F7E2;
    width: 100%;
  }
  .d-leva{
    float: left;
    width: 69%;
    border-right: solid 1px #CECECE;  
    padding: 0; 
  }
  .d-leva-area{
    float: left;
    margin-top: 2%;
    border-top: solid 1px #CECECE;  
  }
  .d-txt{
    margin: 1.5% 1% 1.5% 0;
    font-size: 14px;
    font-family: arial;  
  }
  .snadpis{
  margin: 0% 0 1% 0;
}







 






  
   





  
 




  
  
  

  
  
  
  
}
@media screen and (min-width: 1400px) {
  body {
    font-size: 12px; 
  } 
    .sbox{
	margin: 4% 10% 0 10%;
  padding: 1% 0% 1% 1%;  
}

.rpt{
    font-size: 12px;
  }
  
  .zal{
    font-size: 14px;
    padding: 1% 1% 1% 1%;
  }
  .btn_hledat{
    font-size: 12px;
    font-weight: bold;
  }
  .pbg{
    background-image: url(images/ipv.png);
    background-repeat: no-repeat;         
    background-position: left 5% center;		
  }
  .kosik{
    background-image: url(images/kosik_velky.png);
	  background-repeat: no-repeat;
    background-position: left 10% center;		
  }
   .bh1top, .bh1det{
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;                   
  }
  .h2-det{
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;                   
  }
  
  
  .btn_zel, .btn_cerv{
    font-size: 12px;
	  font-weight: bold;	
  }
  .dic_akcnicena{
    font-weight: bold;
    font-size: 16px;
  }
  .dic_cena{
    font-weight: bold;
    font-size: 19px;
  }
  .w110, .wauto{
    font-size: 12px;
  }
  .sbt{
    font-size: 16px;
    font-weight: bold;
  }
 .cltxt{
    font-size: 12px;
    line-height: 18px;
  }
  .skladem, .zeleny, .sklar{
    font-size: 16px;  
  }
  .lvs{
    font-size: 12px;
  }
  .favsrch{
    font-size: 12px;
  }
  .idnadpis{
    font-weight: bold;
    font-size: 15px;
  }
  .panel-pul-h2{
    font-weight: bold;
    font-size: 16px;
  }
  .bh3{
    font-size: 16px;
    font-weight: bold;
  }
  .roh{
    font-size: 17px;
    font-weight: bold;
  }
  
  .rtxmn{
    font-size: 13px;
    font-weight: bold;
  }
  .roh_mns{
    font-size: 15px;
    font-weight: bold;
  }
  .trio_qd{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif; 
  }
  .h4mns{
    font-size: 14px;
    font-weight: bold;
   }
    .kamen{
    font-size: 13px;
    font-weight: bold;
  }
  .txt{
  font-family: verdana;
  font-size: 12px;
}
  .dinfodata{
    font-size: 16px;
  }
  .co-dostanete{
      font-size: 16px;
   }
   .dodtxt{
    font-size: 16px;
    line-height: 22px;
  }
  p{
    font-size: 16px;
    line-height: 1.7em;
   }
   .dd ul{
    font-size: 16px;
    line-height: 1.7em;
    }

  .add-ok-nadpis{
    margin: 0 0 0 8%;
    font-size: 18px;
  }    
  .add-ok-zbozi{
    margin: 0% 0 0 8%;
    font-size: 16px;
  }
  .add-ok-icon{
    background-image: url(images/ok-32.png);
	  width: 32px;
    height: 32px;
  }
  .stone-number{
    padding: 15% 0 15% 15%;
    font-size: 43px;
  }
  .stone-link{
    margin: 10% 0% 0% 13%;   
    font-size: 14px; 
  line-height: 18px;
  }
  .order_ar_top{
    font-size: 13px;
  }
  .opl{
    font-size: 13px;
  }
  .slevkod_name{
    font-size: 13px;
  }
  .celkem-txt, .celkem-data{
    font-size: 16px;
  }
  .order-finished-ul{
    font-size: 14px;
    line-height: 20px;  
  }
  .z1{
    width: 15%;
    margin-right: 1px;
   }
.z2{
   width: 16%;
    margin-right: 2px;
}
.z3{
  margin-right: 2px;
  width: 10%;
}
.z4{
    width: 16%;
  }
  
.pagebody{
  padding: 0% 0% 0% 1.4%; 
}
.garance{
    margin-left: 0.5%;
    width: 22%;
  }
  .zaruka{
	 width: 21%;
  margin-left: 0.5%;
  }
  .nakupte{
	 width: 21%;
   margin-left: 0.5%;
  }
  .expedice{
	 width: 21%;
   margin-left: 0.5%;
  }
  .pbg{
    padding: 0 0 0 22%;
  }
  .vertkat{
    margin: 0;
	  font-size: 12px;
}
   .ftxt{
  padding: 2% 2% 2% 2%; 
	font-size: 11px;
	color: White;
	line-height: 15px;
}

.diar{
  float: left;
  width: 50%;
}
.img-detail-area{
  float: left; 
  margin: 0% 0% 0% 0%;  
  padding: 0% 3% 2% 3%;  
  width: 50%;
}
 .d-prava{
    float: right;
    width: 31%;
    padding: 0;  
  }
  .d-prava-dalsi-zbozi{
    float: right;
    padding: 0% 2% 2% 2%;
    background-color: #F9F7E2;
    width: 100%;
  }
  .d-leva{
    float: left;
    width: 69%;
    border-right: solid 1px #CECECE;  
    padding: 0; 
  }
  .d-leva-area{
    float: left;
    margin-top: 2%;
    border-top: solid 1px #CECECE;  
  }
  .d-txt{
    margin: 1.5% 1% 1.5% 0;
    font-size: 14px;
    font-family: arial;  
  }

.snadpis{
  margin: 0% 0 1% 0;
}


  
}
 

.mobile-items-list{
  margin: 0;
  padding: 0;
}
.item-inline{
  margin: 2% 0% 0% 0%  ;
  padding: 0% 0% 1% 0%  ;
  background-color: white;
  border: solid 1px #A7A9A9;
}
.mi-price-info{
  display: block;
  margin: 1.5% 0 1.5% 0; 
  padding: 0% 2% 0% 2%; 
	width: 100%;
  height: 100%;
}
.mi-cena{
  display: block; 
  width: 60%; 
  height: 100%;	
	margin: 0% 0 0 40%; 
	background-color: #F9F6E3;
}
.mi-cena-data{
  margin: 0% 0% 4% 0%; 
  width: 65%;  
  height: 100%;
}
.mi-skladem{
  float: left;  
  width: 40%;
  height: auto;
  margin: 0% 0% 0% 0%;
  padding: 3% 0% 1.7% 0%;
  font-size: 12px;
  line-height:18px;
}


.add-ok-icon{
	background-repeat: no-repeat;
  background-position: top center;		
}
.add-ok-nadpis{
  font-family: Arial, verdana, arial, tahoma;
  color: #54A640;
  font-weight: bold;
}    
.add-ok-zbozi{
  font-family: arial, tahoma;
}


 
body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;  
	/*background-color: #E2E2E2; */
  background-color: #CFCFCF; 
}
#page{
	margin: 0px auto 0px  auto;
}
img{
	border: none;
}
form{
  margin: 0;
  padding:0;
}
h1{
	margin: 0px 0px 0px 0px; 	
	padding: 0px 0px 0px 0px; 	
	font-family: Arial, Helvetica, sans-serif; 
	color: black;
  font-weight: bold;
}

.12px{
  font-size: 12px;
}


.bgtop, .bgbottom{
  background-color: #4A4A4A;
}
.bgbottom{
  margin-top: 1%;
}
.wha{
  width: 100%;
  height: 100%;
}

.bg_linka{
  margin: 0;
  border-bottom: solid 1px #B6B6B6; 
}
.bglista{
  background-color: #575757;
}
.noPading{
  padding: 0;
}
a.icteltxt{
  float: left;	
  margin: 8px 1% 7px 5% ; 		
	font-family: Arial, Tahoma, Arial; 
	font-weight: bold;
  font-size: 18px;
  color: #FFFF00;
}
a.listalink{
  float: left;
}
a.listalink_2{
  float: right;
}
a.listalink, a.listalink_2{
  font-family: verdana;	
  color: white;
	text-decoration: none;
	margin: 8px 0px 5px 10px; 		
}
a.listalink:hover, a.listalink_2:hover{
	text-decoration: underline;
} 

#slevovar_logo, #slevovar_logo_footer{
  float: left;
  margin-top: 8%;
  background-image:url(images/logo_slevovar.png);
  background-repeat:no-repeat;
  background-size: contain;
  height: 65px;
	cursor: pointer;
  width: 100%;
}

.sbox{
	height: auto;	
  width: auto;
	background-color: #CCCCCC;
}

.sin{
	padding: 2% 2% 2% 10%; 
	margin: 0.5% 1% 0.5% 0.5%; 	
	height: auto;
	width: 80%;
	border: solid 1px #BCBCBC;
	background-image: url(images/lupa.png);
	background-repeat: no-repeat;
  background-size: contain max-width:23px;
  background-position: left 2% center;		
  font-family: Arial, Helvetica, sans-serif;
}
.btn_hledat{
	margin: 0% 0% 0% 0%;
  padding: 1.5% 0 1.5% 0; 
	width: auto;
	height: auto;	
  text-align: center;
  border: solid 1px #38A538;
  background-color: #3CAC3E;
  width: 17.5%;    
	font-family:verdana, arial; 
	color: white;
  cursor: pointer;
  text-shadow: 0.5px 0.5px 1px black;
}












.btns{
	margin: 0px 0px 0px 5px; 
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white; 
	background-color: #2AA02B;
	border: solid 1px #34A533;		
	width: 20%;
	height: 34px;
	vertical-align: middle;
	cursor:pointer;
}
.favsrch{
  margin: 1% 10% 0px 10%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
}
.kosik{
  display: block;
  margin: 0 0 0 0;  
  padding: 15% 0 15% 35%; 
  width: 100%;
  text-align: left;
  color: white;
  font-size: 12px;
  font-family: verdana;
  
}
a.whlnk{
  color: white;
}
a.jumbo, a.jumbo:hover{
  color: #5A5A5A;
  font-weight: bold;
  font-family: 	Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.normal{
	background-color: #CCCCCC;	
}
.normal:hover{
	background-color: #DCDCDC;
}
.act{
	background-color: #AC130E; 
}
.act a{
	color: white;
}
.normal a{
	color: #5A5A5A;
}
.zkategorie{
  float: left;
  padding: 5% 0% 5% 5%;
  font-family: 	Arial, Helvetica, sans-serif;
	text-decoration: none;
  background-color: #EBF7FB;
  color: #273473;
  width: 100%;
  background-image: url(images/katssipka.png);
	background-repeat: no-repeat;
	background-position: right 8% center;		
  border-bottom: solid 1px #BDE6F5;
  font-size: 13px;
  line-height: 17px; 
  
}

a.nl, a.nl:hover{
  color: #273473;
}
.proc_nakoupit{
  margin-top: 5%;
  background-color: #F2F7E4;
  border: solid 1px #E2EAA4;
}
.ps{
  padding-top: 5%;
  padding-bottom: 5%;
  font-family: Arial, Helvetica, sans-serif;
	color: #678739;
  border-bottom: solid 1px #E2EAA4;
  font-size: 13px;
  
}

.global-margin-top{
  margin-top: 0.8%;
}
.zal{
  float: right;
	text-align: center;
  font-family: arial;
  font-weight: bold;
}

.z1, .z2, .z3, .z4 {
  background-color: #CCCCCC;
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px ;
}

.vertkat{
	display: block;
	padding: 2% 0 2% 0;  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.vertkat a{
	color: Black;
	text-decoration: none;	
}
.vertkat a:hover{
	color: Black;
	text-decoration: underline;
}
.vkat{
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;  	
	vertical-align: middle; 
}
.promo{
  display: block;
  margin: 2% 0 0 2%;    
  width: 100%;
}
.banner_area{
  padding: 0;
}
.banner{
  width: 100%;
  height: 100%;
}
.top_product{
  float: left;
  margin: 1.4% 0% 0% 0;
  padding: 0; 
  background-color: white;
  border: solid 1px #A7A9A9;
  width: 100%;
}
.bh1top{
  margin: 0% 0% 0% 0%;
	padding: 1.5% 1.5% 0% 1.5%;   
  font-family: Arial, Helvetica, sans-serif; 
	color: black;
}

.bh1det{
	margin: 0;
	padding: 0;   
  font-family: Arial, Helvetica, sans-serif; 
	color: black;
}
.bh1top a{
	color: black;
	text-decoration: none;
}
.bh1top a:hover{
	color: black;
	text-decoration: underline;
}
.box_main_left{
  float: left;  
 	margin: 1.5% 0 0 1.5%;	
  padding: 0; 
  width: 30%;
  height: auto;
  vertical-align: top;
}
.detinfocena{
  float: left; 
  width: 100%;
  height: 100%;	
	margin: 0% 0% 2% 0%; 
	padding: 0 0 0% 0; 
	background-color: #F9F6E3;
}

.dicdata{
  margin: 0 0 0% 0;
	padding: 0% 0 0% 0;
  width: 62%;
}
.dic_akcnicena{
	font-family: Arial, Helvetica, sans-serif;
	color: #3B3B3B;		
	padding: 8% 0 0 10%;  	
}
.dic_cena{
	margin: 0 0 0 0%;
	padding: 8% 0 0 0;  	
	font-family: Arial, tahoma, arial;	
	color: #FF0000;
	width: 51%;
  text-align: center;
}
.width50{
  width: 50%;
}
.pading5{
  padding: 2% 0% 2% 0%; 
}
.btn_zel{
  background-color: #A9D542; 
	font-family:verdana, arial; 
	cursor: pointer;
  color: black;
}
.btn_det_koupit_1{
	float: right;	
	margin: 2% 2% 2% 2%;
  padding: 2% 2% 2% 2%; 
/*	background-image: url(images/btn_forward.gif);
	background-position: center right;
	background-repeat: no-repeat;		
  */
	width: auto;
	height: auto;	
  text-align: center;
}
.btn_det_koupit_2{
	margin: 0% 0% 0% 0%;
  padding: 1.5% 1.5% 1.5% 1.5%; 
	width: auto;
	height: auto;	
  text-align: center;
}


.btn_det_koupit_3{
	float: LEFT;	
	margin: 0% 0% 0% 0%;
  padding: 1.2vh 1.2vh 1.2vh 1.2vh  ; 
	width: auto;
  height: auto;	
	font-weight: bold;
}
.btn_det_koupit_4{
	float: LEFT;	
	margin: 4px 4px 4px 4px; 
	width: 90px;
	height: 35px;	
	font-weight: bold;
}
.btn_cerv{
	background-color: #C62626;  
	font-family:	verdana; 
	cursor: pointer;
  color: white;
}
.csrovnani{
  float: left;
  margin: 2% auto 0px auto; 	
	width: 95%;
}
.w110, .wauto{
  text-align: center;	
  font-family: Arial, Helvetica, sans-serif; 
  color: Black; 	
  height: auto;
}
.sbt{
	margin: 5% 0 0 0;
	padding: 1% 1% 1% 1%;  
	color: black;
	font-family: Arial, Tahoma;
}
.slc{
  background-color: #AC130E;
  color: white;
  padding: 2% 1% 2% 1%;
  margin-left: 3%; 
}
.skrt{
	background-image: url(images/skrt.gif);
	background-position: center;
	background-repeat: no-repeat;	
}
.deni{
  float: left;  
  margin: 5% 0 0 0; 	
  padding: 0 0 3% 0; 	
  width: 100%;
	height: auto;
	background-color: #EEEEEE;
}
.deni_data{
  float: left;
	margin: 3% 0 0 5%;
	padding: 0;
  width: 80%;  
}
.txtm{
	margin: 0px 0px 0px 0px; 	
	padding: 2% 1% 0% 3%; 	
	font-family: Arial, Tahoma; 
	font-size: 12px;
	color: #333333;
}
.cltxt{
	padding: 1% 0 1% 2%; 	
	font-family: Arial, Tahoma; 
	color: #333333;
    font-size: 14px;
    line-height: 18px;
}
.clock{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight: bold; 
}
.ukazatel{
	float: left;	
	margin: 0 0 0 2%;
	padding: 0 0 0 0;
	width: 100%;
	height: auto;
}
.zakaznici{
	float: left;
	margin: 1% 0 0 4%;
	padding: 0;  
	width: 100%;
}
.center{
	text-align: center;
}       
.hodiny{
  background-image:url(images/clock.png);
  background-repeat:no-repeat;
  background-size: 100% auto;
 	background-position: left center;		
  cursor: pointer;
  height: 39px;
  width: 34px;
}
.ukazatel{
  float: left;
	margin: 1% 5% 1% 5%;
	padding: 0% 0% 0% 0% ;
	width: 85%;
  line-height: 1px;
}
.ukim{
  width: 100%;
  height: 100%;
}



.bimage{
  display: block;
  margin: 1.5% 1% auto 32%; 
  height: 100%;
  text-align: right;
}
.imgprodejna_ar{
  float: left;
  width: 100%;
  text-align: left;
}
.lvs{
  text-align: right;
  padding: 1% 2% 1% 1% ;     
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.panel-pul{
  float: left;
	width: 49.5%;
  height: auto;
	border: solid 1px #A7A9A9;
  background-color: white;
  margin: 0;
  padding: 0% 0% 0% 0%; 
}
.cma{
	margin-left: 1%;	
}
.cmt{
    margin: 1.4% 0 0 0;

}

.idnadpis{
  float: left;
  width: 100%;
	margin: 2% 0 1% 0;
	padding: 0;  
	font-family: Arial, Helvetica, sans-serif;
	color: #333333; 	
}
.roh{
	float: right;
	padding: 2% 1% 2% 1%;
	width: 18%;
	height: auto;
	background-color: #AC130E;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.roh_mns{
	float: right;
	padding: 2% 1% 2% 1%;
	width: 25%;
	height: auto;
	background-color: #AC130E;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
  text-align: center;

}
.panel-pul-area{
  float: left;  
  width: 100%; 
  height: auto;
}
.panel-pul-h2{
	margin:  0 0% 0 2.5%;
  width: 80.5%;
	padding: 2.5% 0% 2.5% 0;
	font-family: Arial, Helvetica, sans-serif; 
	height: auto;
	border-bottom: solid 1px #E6E6E6;
} 

.panel-pul-h2 a{
	color: black;
	text-decoration: none;
}
.panel-pul-h2 a:hover{
	color: black;
	text-decoration: underline;	
}
.panel-pul-srovnani{
  margin: 2% 2.5% 0 2.5%;
  width: 95%;
  font-size: 12px;
  font-family: arial;
}
.panel-pul-img{
  display:block;
  margin: 1% 0 0 0;
	padding: 0% 0% 0% 0%; 
	width: 100%;
	height: auto;
  text-align: center;
  
}
.panel-pul-cena-ar{
  float:left;
  margin: 1.5% 0 1.5% 0; 
  padding: 0% 2% 0% 2%; 
	width: 100%;
  height: 100%;
}
.panel-pul-info{
  float: left;
  width: 40%;
  height: auto;
  margin: 0% 0% 0% 0%;
  padding: 3% 0% 1.7% 0%;
  font-size: 12px;
  line-height:18px;
}

.panel-pul-cena-btn{
  float: left; 
  width: 60%; 
  height: 100%;	
	margin: 0% 0 0 0%; 
	background-color: #F9F6E3;
}
.panel-pul-cena{
  padding: 0% 0% 0% 0%; 
  width: 65%;  
  height: 100%;
}

.skladem{
  font-family: arial, verdana, tahoma;
}
.sklar{
  float: left;
  width: 100%;
  margin: 2% 0% 0% 0%;
  padding: 0% 0% 0% 5% ; 
  font-family: arial, verdana, tahoma;

}
.zeleny{
  color: #289D28;
}
.cerveny{
	color: #DB3C00; 
  font-size: 16px;
}
.noborder{
  border-bottom: none;
}
.trio_ar{
  float: left;
  margin: 1.6% 0% 0% 0%;
  width: 100%;
}
.trio{
  float: left;           
  margin: 0% 0% 0% 1%;
  width: 32.55%;
	background-color: white;
	border: solid 1px #B9B9B9;
  height: auto;
}
.m1{
  margin: 0% 0% 0% 0%;
}
.bh3{
  display: block;
  margin:  0 0 0 2.5%;
  width: 100%;
	padding: 3% 1% 2% 0;
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 21px;
	min-height: 60px;
  border-bottom: solid 1px #E6E6E6;
} 
.bh3 a{
	color: black;
	text-decoration: none;
}
.bh3 a:hover{
	color: black;
	text-decoration: underline;	
}
.no-min-height{
	min-height: 0;

}
.trio_qi{
  width: 95%;
  margin: 1% 2.5% 1% 2.5%; 
}
.trio_qd_1{
  width: 45%;
}
.trio_qd_2{
  width: 55%;
}
.trio_qd_1, .trio_qd_2 {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif; 
}


.trio-img{
  display:block;
	padding: 2% 0% 2% 0%; 
	width: 100%;
	height: auto;
  text-align: center;
}
.imgtrio{
  max-width: 300px;
  max-height: 125px;
}
.imgtopproduct{
  max-width: 635px;
  max-height: 263px;
}
.imgpul{
  max-width: 460px;
  max-height: 190px;
}
.img-icon{
  max-width: 93px;
  max-height: 72px;
}

.img-border{
  border: solid 1px #cecece;
}


.idxmnar{
  float: left;
  width: 100%;
  height: auto;
 	border: solid 1px #A7A9A9;	
	background-color: white;
}
.idxmnbox{
	float: left;
	margin: 0.8% 0% 0.8% 0.8% ; 	
	background-color: #F1F8FF;
	border: solid 1px #94CBFF;
	width: 24%;
	min-height: 330px;		
}
.h4mns{
  margin: 0;
  padding: 3% 2% 3% 2%; 
  vertical-align: middle;
  width: 74%;
  font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	border-bottom: solid 1px #94CBFF;
  height: auto;
  line-height: 18px;

}
.h4mns a{
  text-decoration: none;	
  color: #333333;
}
.h4mns a:hover{
  text-decoration: underline;	
  color: #333333;
}
.mnsl_info{
	display: block;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;  
  width: 100%;
}         
      

.rtxmn{
  padding: 2% 2% 2% 2%; 
}
.cenainfopadding{
  width: 96%; 
  margin: 2% 2% 2% 2%; 
}


.fodkz{
  padding: 2% 2% 2% 8%; 
	font-size: 12px;
	color: White;
	font-family: verdana;
	line-height: 19px;
}
.ftxt{
	color: White;
	font-family: verdana;
}
a.flink{
	color: White;
	text-decoration: none;	
}
a.flink:hover{
	color: White;
	text-decoration: underline;	
}
.bgwhite{
  background-color: white;
}
.detail{
  float: left;
  padding: 1.5% 0% 1.5% 1.5%;   
  border: solid 1px #A7A9A9;
  width: 100%;
  height: auto;
}

#formt{
  margin: 0;
  padding: 0;
}

.lod{
	list-style: disc;   
}	
/** uzitecne informace */
.uzarea{
 	width: 100%;
}
.uzbunka{
	vertical-align: top;
	width: 33%;
}
.uzul{
	margin: 10px 0px 5px 0px;  
	padding: 0px 0px 0px 25px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
	color: black;
	list-style: square;  
}
.uzul a{
	color: #0000EE;
	text-decoration: underline;
}
.uzul a:hover{
	color: #0000EE;
	text-decoration: none;
}
.uzul a:visited{
	color: #0000EE;
	text-decoration: underline;
}
.cervtxt{
  color: #FF0000;
}
.kameny{
  float: left; 
  margin: 1% 0 0 0;
  height: auto;
  width: 100%;
}
.kamen{
  float: left;	
	height: auto;
	background-color:  #99CC66; 
	color: white;
  font-family: Arial;
	color: white;
  padding: 0.3% 0.25% 0.25% 0.5%;  
}
.garance{
  background-color:  #99CC66; 
}
.zaruka{
	background-color:  #33A5BB; 
}
.nakupte{
	background-color: #663399;   
}
.expedice{
 	background-color: #FF9900; 
}
.dtx{
  float: left;
  padding: 1% 0% 1% 1.6%;
  width: 100%;
  height: auto;
}


/* novy detail */
.diar{
  height: auto;
 	border: solid 1px #EFEFEF;  
}
.dinfodata{
  float: left;
  width: 100%;
  height:	auto;
	margin: 0px 1px 1px 1px; 		
	font-family: Arial, Helvetica, sans-serif;
	color: Black;	
}
.dname{
 	margin: 0px;
	padding: 2.5% 3% 2.5% 3%;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
  width: 38%; 	
	background-color: #EDEDED;
	border-bottom: solid 1px white;
}
.dtdata{
	padding: 1% 0% 0% 1%; 
	border-bottom: solid 1px #EFEFEF;
	width: 62%;
}
.pieces{
  width: 25px; 
}

.mrz{
	font-family: Arial, Tahoma;
	font-size: 16px;
	color: Red;
	font-weight: bold;
}
.margin-top-4{
  margin-top: 4%;
}
.fbsdilet{
  float: left;
  margin: 3% 0% 3% 3%; 
  font-size: 12px;
}
.icon-facebook-small{
  width: 15px;
  height: 16px;
}
.font-arial{
   font-family: arial, verdana, tahoma;
}
.img-detail-area{
  height: auto;
}
.img-detail{
  padding: 0% 0% 0% 0%; 
}
.img-detail-big{
  max-width: 412px;
  max-height: 335px;
  margin-left: 0%;
}

.co-dostanete{
  margin: 2% 0% 0% 3% ;  
  padding: 0;
  color: #FF0000;
  font-weight: bold;
}

.dodtxt{
  margin: 2% 0% 0% 3% ;
  font-family: arial;
}
.dodtxt a{
  color: #333333;
}
.thumbs{
	margin: 0% 0% 0% 2%; 	
	padding: 0;	
	overflow: hidden;
  cursor: pointer;
}
.active-thumb{
  border:  solid 1px red;
}

.thumbs li{
	float: left;
	list-style: none;
	margin: 2% 0% 0% 2%; 	
	overflow: hidden;
	height: auto;	
}
.act{
	background-color: #AC130E; 
}
.act a{
	color: white;
}
.prov{
  float: left;
  width: 100%;
  margin: 0% 0% 0% 0%; 
}
.dobr{
  margin: 2% 0% 0% 0%; 
  padding:  0% 0% 0% 0%;
}

.d-desc{
  float: left;
  margin-top: 1%;
  padding: 0;  
  border-top: solid 1px #CECECE;  
  width: 100%;
}

.d-koupit-za{
	margin: 0% 0% 0% 0%;
  width: 98%;
  height: auto;	
	font-family:verdana, arial; 
	font-size: 12px;
	color: black;
  cursor: pointer;
  background-color: #F9F6E3;
}
.d-koupit-za-btn{
  width: auto;
}
.d-koupit-za-price{
  text-align: center;
  width: 20%;
  font-weight: bold;
	font-family: Arial, tahoma, arial;	
	font-size: 18px;
	color: #FF0000;
	
}
.d-koupit-za-puvodne{
   width: 35%;
}
.d-koupit-za-do-konce{
   width: 35%;
}
.d-koupit-za-do-konce-data{
  width: 100%;
}
.det-img-desc{
  margin-top: 1%;
  max-width: 720px;
  max-height: 485px;
}
.det-img-motion{
  max-width: 635px;
  max-height: 263px;
}
.img-det-dalsi{
  max-width: 263px;
  max-height: 110px;
}
.det-img-desc-imgs{
  margin-right: 0%;
}
.barcode{
  max-width: 300px;
  max-height: 80px;
}
.d-dalsi-area{
  float: left;
  margin: 3% 0% 0% 0%; 
  width: 100%;
  border: solid 1px #CBC9B2;
  height: auto;
  background-color: white;
}
.no-margin-top{
  margin-top: 0;
}
.d-dalsi-h2{
  color: #585312;
  font-weight: normal;
}
.margin-top-1vh{
  float: right;
  margin-top: 1vh;
}
.d-nonstop{
	float: left;
  width: 100%;
	background-image: url(images/nonstoplinka.gif);
	background-color: #F5F5F5;
	border-bottom: solid 1px #CECECE;
	border-top: solid 1px #CECECE;
  height: 90px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.d-odkazy, .d-stitky, .d-ean{
  float: left;
  width: 100%;
  height: 100%;
  padding: 0% 0% 0% 5%; 
}
.d-stitky{
	background-color: #F7F7F7; 
	border-bottom: solid 1px #CECECE;
	border-top: solid 1px #CECECE;
  padding-bottom: 3%;
}
.d-ean{
	border-top: solid 1px #CECECE;
  padding-top: 2%;
  text-align: left;
}

.d-odkazy-h4{
  margin-top: 5%;
}
ul.d-dokazy-ul{
  margin-left: 5%;
  padding: 0;
  list-style-image: url(images/bg_ul.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;	
	color: #333333;	

}
.d-dokazy-ul li{
  margin: 0;
  padding: 0;
}
.sto{
	line-height: 20px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
	padding: 0px 15px 0px 15px; 
}
.st1, .st0{
	font-size: 11px;	
}
.st2{
	font-size: 22px;	
}
.st3{
	font-size: 18px;	
}
.st4{
	font-size: 26px;	
}
.st0 a,.st1 a, .st2 a, .st3 a, .st4 a{
	color: Black;
	text-decoration: underline;	
} 
.txt-ean{
  margin: 3% 0% 3% 0%;  
  font-family: arial;
  font-size: 12px;
}
.d-libi-leva{
  float: left;
 	background-image: url(images/people_icon.png);
	height: 130px;
  width: 20%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.d-libi-prava{
  float: left;
  width: 80%;
  padding: 0% 2% 0% 0%; 
}

.d-libi-posli-mail-area{
  margin-top: 2%;
  width: 100%;}
#friendemail{
  padding: 1.5% 1.5% 1.5% 5%; 
  font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 16px;
  height: auto;
	width: 98%;
  background-color: #747474;
  border: none;
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px ;
  border-bottom-left-radius: 10px 10px ;
  border-bottom-right-radius: 10px 10px ;

}
.zeldoporuc{
	cursor: pointer;
  width: 95%;
  border-top-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px ;
  border-bottom-left-radius: 10px 10px ;
  border-bottom-right-radius: 10px 10px ;
  padding: 5% 5% 5% 5%; 
  
}
.email-friend{
  width: 75%;
}
.email-friend-btn{
  width: 25%;
}
#form-registrace-area{
  float: left; 
 	width: 100%;
	border: solid 1px #CCCCCC; 
	margin: 1.5% auto 2% auto; 
	padding: 10px 10px 0 10px;
	background-color: White; 
}
.errors{
	color: #A94442;
}
.alert-pridano-do-kose-area{
  margin: 1% 1.5% 1% 0%; 
}
.alert-pridano-do-kose{
  width: 100%;
}
.alert-pridano-do-kose-data{
  width: 100%;
}
.pridano-img{
  padding: 1% 1% 1% 1%; 
	width: 22.5%;	
  height:auto;
}
.pridano-txt{
  width: 87.5;
	vertical-align: top;	
	padding: 10px 10px 0px 15px ;
}
.add-detail{
  margin-top: 5%;
  width: 100%;
}
.pridat-do-kose-btns{
  width: 98.5%; 
  margin: 1% 1.5% 1% 0%; 

}
.pridat-do-kose-levy{
  width: 50%; 
  text-align: left;
}
.pridat-do-kose-pravy{
  width: 50%; 
  text-align: right;
}
.order-stones{
	float: left;
  margin-right: 1.5%;
  width: 98.5%;
  height: auto;
}
.stone{
  float: left;
  width: 20%;
  height: 60%;
}
.st_act{
  background-color: #EDFAC7;
}
.st_norm{
  background-color: #F5F5F5;
}
.stone-number{
  float: left;
  height: auto;
  color:  #003B53; 
	font-family: Arial Black; 
}
.stone-link{
  float: left;
  font-family: verdana, arial;
}
.stone-link a{
  color: #00587D;
  text-decoration: underline;
}
.stone-link a:hover{
  color: red;
  text-decoration: none;
}




.st-mez{
  float: left;
  width: 6.66%;
}


/* ORDERS */
.objdet{
	width: 100%	;
}
.objpravy{
	text-align: right;
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: black;
	line-height: 18px;
	padding: 2px 5px 2px 0px; 
}

.objlevy{
	font-family: Arial, Tahoma; 
	font-size: 12px;
	text-align: left;	
}
.cobj{
	border-top: solid 1px black;
	margin: 10px 0px 0px 0px; 
	padding: 10px  0px  10px  15px ; 		
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px;
	color: Black; 
	font-weight: normal;
}
.oh2{
	margin: 0px 0px 0px 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px;
	color: Black; 
	font-weight: bold;
}
.rm{
	padding-left: 25px;
}
.ozbozi{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 0px 0px;  
	width: 100%;	
	border-left: solid 1px black;
	border-top: solid 1px black;
}

.ozd{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;		
	text-align: left;
	padding: 2px 10px 2px 10px; 
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	
}
.odat{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding: 2px 0px 2px 10px; 
	border-right: solid 1px black;
	border-top: solid 1px black;
			
}
.oh3{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Black; 	
}
.odod{
	width: 100%;
	border: solid 1px black;
	margin: 25px 0px 0px 0px; 
}
.ododname{
	border-bottom: solid 1px black;
}
.top{
	padding: 0px 0px 0px 15px;  		
	vertical-align: top;
}
.dview{
	vertical-align: top;
	padding: 15px 0px 0px 15px; 	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	cxrgn5YE1
}
.ohr{
	margin: 25px 0px 0px 0px; 
	height: 1px;
	width: 100%;
	display: block;
	background-color: Black;
}
.ostatus{
	width: 100%;
	margin: 0px 0px 5px 0px; 
}
.ostzel{
	font-family: Arial, Tahoma;
	font-weight: bold;		
	color: White;	
	text-align: center;
	padding: 5px 0px 5px 0px; 
	font-size: 13px;	
	width: 20%;
	background-color: #2AB52B;
	border-right: solid 1px white;  
}
.ostcerv{
	font-family: Arial, Tahoma;
	font-weight: bold;		
	color: White;	
	text-align: center;
	padding: 5px 0px 5px 0px; 
	font-size: 13px;	
	width: 20%;
	background-color: #BD3400; 
	border-right: solid 1px white;  
}
.ostcerv a{
	color: White;	
	text-decoration: underline;	
}
.ostcerv a:hover{
	color: White;	
	text-decoration: none;	
}


.ofn{
	padding: 0px 0px 0px 0px; 
	width: 120px;
}
.ofd{
	padding: 0px 0px 0px 0px; 
}
.ocara_adr{
	padding: 0px 0px 0px 0px; 
	margin: 20px 0px 10px 0px; 	
	background-color: #BEBEBE; 	
	height: 1px;
	width: 100%;
	display: block;	
	line-height: 1px;
}
.ocadresa{
	width: 100%;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}
.ocadr_top{
	width: 33%;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: Black;
	line-height: 18px;
}
.top{
	vertical-align: top;	
}
.bottom{
	vertical-align: bottom;		
}
.vyska_a4{
	height: 1000px;
	display: block;	
}
.order_ar{
  float: left;
  width: 98.5%;	
	margin: 1.5% 1.5% 0% 0%;
  border-left: solid 1px #DADADA;
	border-bottom: solid 1px #DADADA;	
	background-color: #F7F7F7; 
}
.order_ar td.order_zbozi, .order_ar td.order_kusu, .order_ar td.order_skladem, .order_ar td.order_cena, .order_ar td.order_celkem{
	border-right: solid 1px white;

}


.order_ar_top{
	background-color: #2079B2; 
	height: auto;
	color: white;
}
.order_zbozi{
	padding: 0.5% 0 0.5% 1.5%; 
	width: 60%;	

}  
.order_kusu{
	padding: 0.5% 0 0.5% 1.5%; 
  text-align: left;
	width: 10%;	
}
.order_skladem{
  width: 10%;
  text-align: left;
	padding: 0.5% 1% 0.5% 1.5%; 
}
.order_cena{
	text-align: center;
  text-align: left;
	padding: 0.5% 1% 0.5% 1.5%; 
	width: 10%;
}
.order_celkem{
	text-align: center;
	width: 10%;
 	padding: 0.5% 1% 0.5% 1.5%; 
}
  .order_akce2{
    width: auto;
  }
  .list_dark{
	background-color: #F7F7F7;	
}
.list_light{
	background-color: #FEFEFE; 	
}
.order_data1{
	border-right: solid 1px #DADADA;	
}
.opl{
  padding: 1% 1% 1% 1%; 
}
.opl a, .opl a{
	text-decoration: underline; 
}
.order_pieces{
  max-width: 25px;
}
.middle{
 vertical-align: middle !important;
}
.notice-sk{
  float: left;
  width: 70%;
  margin: 1.5% 0 1.5% 0%; 
  border: solid 1px #DADADA;
}
.slevkod_name{
  width: 26%;
  padding: 1% 2% 1% 0%; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.slevkod_data{
  width: 10%;
  padding: 1% 1% 1% 1%; 
  text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.slevkod_submit{
  padding: 1% 1% 1% 1%; 
  text-align: left;
  width: 14%;
}

.slevkod_chyba{
	padding: 5px 5px 5px 5px; 
	background-color: #AD2828;
	color: white;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.slevkod_ok{
	padding: 5px 5px 5px 5px; 
	background-color: #EDFAC7; 
	color: Black; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#slevovy_kod{
	width: 100%;	
}
.k-uhrade{
  float: left;
  width: 100%;
  margin: 1.5% 1.5% 1.5% 0; 
  color: #333333;
}
.celkem-txt{
  padding: 1% 2% 1% 0%;
  text-align: right;
  width: 73%;
  font-weight: bold;
}
.celkem-data{
  padding: 0% 0% 0% 3%;
  text-align: left;
  width: 27%;
  font-weight: bold;
  font-family: Arial, tahoma;
}
.oerr{
  color: red;
}

/* krok 3 */
.obj-rozc{
  float: left;
	margin: 2% 2% 0 0; 
	
  width: 98.5%;
}
.obj-rozc-txt{
	font-family:	Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0; 
	color: #003B53;
}

.obj-rozc-act{
	width: 30%;	
	background-color: #EDFAC7;  
	height: auto; 
  padding: 1.5% 1.5% 1.5% 1.5% ; 
	
}
.obj-rozc-normal{
	width: 30%;	
	background-color: #F5F5F5;  
	height: auto; 
  padding: 1.5% 1.5% 1.5% 1.5% ; 

}
.ohr{
  float: left;
	width: 98.5%;
	margin: 0 0 0 0;	
	height: 2px;
	background-color: #CCF160;
	line-height: 2px;
}
.objform{
  margin-top: 2%;
}
.objform_border{
   padding-top: 3%;
   border: solid 1px #DFDFDF;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
  font-size: 12px;	
}
.obj-form-head{
 	width: 100%;	
	background-color: #EDFAC7;  
	height: auto; 
  padding: 2.5% 2.5% 2.5% 2.5%;
 	font-family:	Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #003B53;
	font-weight: bold;
	line-height: 16px;	

}
.of12{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;		
  color: black;
  margin-top: 1%;
}
.souhrn{
  float: left;
  margin: 2% 1.5% 0% 0%; 
  width: 98.5%;
}
.souhrn-name{
  padding: 0.5% 0.5% 0.5% 0.5%;  
  width: 25%;
  font-weight: bold;
}
.souhrn-data{
  line-height: 20px;   
  font-size: 14px;
  vertical-align: top;
  padding: 1% 1% 1% 1%;  
}
.order-finished-notice{
  background-image: url(images/ok-32.png);
  background-repeat: no-repeat;
  background-position: left center;
	width: 98.5%;
  margin: 1% 1.5% 1% 0%; 
  padding: 5% 5% 5% 0%; 
}
.order-finished-txt{
	width: 98.5%;
  margin: 1% 1.5% 1% 0%; 
  padding: 3% 5% 5% 8%; 
  color: #00275A;
}
.order-finished-h1{
  margin: 0;
  padding:0;
  color: #00275A;
}
.order-finished-ul{
  margin: 0;
  padding: 1% 0% 0% 5%; 
  font-weight: normal;
}
.order-finished-h2{
  margin: 3% 0 0 0;
  padding:0;
  color: #00275A;
}
.order-nic{
  padding: 1% 1% 1% 1.5%; 
}
.bg_zelena{
  background-color: #EDFAC7;
}

.minwicon{
  min-width: 35px;
}
.list-group{
  margin-top: 2%;
  font-size: 13px;
  line-height: 16px;
  font-family: verdana, arial;
}
.lv-o-cislo{
  padding: 0.5%;
}
.lv-o-datum{
  padding: 0.5%;
}
.lv-o-zakaznik{
  padding: 0.5%;
}
.lv-o-zbozi{
  padding: 0.5%;
}
.lv-o-data{
  padding: 0.5%;
}

.row_dark{
	background-color: #EBEBEB;
}
.row_light{
	background-color: white;
}

.select_cat{
  float: left;
  width: auto;
}
.ins-btns-ar{
  float: left;
  margin: 1% 0 1% 0;
  width: 100%;
}
.ins_linka{
  margin: 1.5% 0 0 0;
  height: 1px;
  width: 100%;
  display: block;
  background-color: #C0C0C0;  
}
.ins_form_desc{
  width: 100%;
}
.ins_jmeno{
  font-weight: bold;
  vertical-align: top;
  width: 20%;
  text-align: left;
  padding-left: 1%;
}
.ins_data{
  vertical-align: top;
  width: 40%;
}
.ins_spop{
  padding-left: 1%;
  font-size: 11px;
}
.modal.in .modal-dialog 
{
    -webkit-transform: translate(0, calc(50vh - 50%));
    -ms-transform: translate(0, 50vh) translate(0, -50%);
    -o-transform: translate(0, calc(50vh - 50%));
    transform: translate(0, 50vh) translate(0, -50%);
}
.h2_ins{
  margin: 1% 0 1% 1%;
  padding: 1% 0 1% 0%;
  
}
.mindlink{
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.actpage{
  font-weight: bold;
}
.padding-vypis{
  padding-right: 1%;
}
.strong{
  font-weight: bold;
}
.nav-level-1 {
  border: solid 1px #B3E5F3;
  background-color: #E9F7FC;
  color: #2C376F;
}
.nav-level-2 {
  padding: 2% 2% 2% 10%;  
  /*
  border: solid 1px #B3E5F3;
  */
  border-top: none;
  border-bottom: none;
  border-right: solid 1px #B3E5F3;
  border-left: solid 1px #B3E5F3;
  background-color: #E9F7FC;
}
a.nav-level-1, a.nav-level-2{
  color: #2C376F;
}
a.list-group-item:hover{
  background-color: #B8E4F5;

}
.snadpis{
  font-family: arial;
  font-size: 12px;
}
.ch1{
  margin: 0% 0% 0% 0%;
	padding: 1.5% 1.5% 0% 0%;   
  font-family: Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: black;
}
.ctxt{
	margin: 10px 0 10px 0;
	font-size: 12px;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}



                    .optxt{
                        padding: 10px 0px 10px 0px;
                        font-family: verdana;
                        font-size: 14px;
                    }
                    .opul{
                        padding: 10px 0px 10px 20px;
                        font-family: verdana;
                        font-size: 14px;
                        margin:0;
                    	line-height: 20px;	
                    }
                    .op_n1, .op_n2{
	                   margin: 0px 0px 0px 0px;
	                   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	                   font-weight: bolder;	
                       color: #286090;
                    }               
                    .op_n1{
	                   padding: 15px 0px 0px 0px;
	                   font-size: 20px;
	                   line-height: 22px;
                    }
                    .op_n2{
	                   padding: 15px 0px 0px 0px;
	                   font-size: 16px;
	                   line-height: 22px;
                     }

                    .op_p{
	                   padding: 10px 0px 0px 0px;
	                   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	                   font-size: 14px;
	                   line-height: 20px;	
	                   color: black;
                    }

                                                                                                  







.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-9by16 {
    padding-top: 177.77%; /* 16:9 video => 56.25% | 9:16 video => 177.77% */
}
.embed-responsive .embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}