* {
 padding: 0px;
 margin: 0px;
 box-sizing: border-box;
 }

body { 
  font-family: Calibri, Tahoma, Arial, sans-serif; 
  font-size: 20px; 
  font-weight: normal;  
  text-align: left; 
  margin: auto; 
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: #ffffff;
 }

p {
  margin-bottom: 10px;
 }

.float_left  { 
  float: left;  
  //margin-left: 10px; 
  }
.float_center { 
  margin: auto;
  //margin-right: 10px; 
  }
.float_right { 
  float: left; 
  //margin-right: 10px; 
  }

input.formular { 
  margin: 0px 5px 0px 0;
  padding: 8px; 
  border-radius: 5px;  
  border: solid 1px #d2d2d2; 
  box-shadow: 2px 2px 5px #d2d2d2;   
 }

input.formular_one_border { 
  margin: 2px 0px 0px 0;
  padding: 8px; 
  border-radius: 5px;  
  border: solid 1px #d2d2d2; 
  box-shadow: 2px 2px 5px #d2d2d2;   
 }

select {
  font-size: 16px;
  padding: 5px; 
  border-radius: 5px; 
  border: 1px solid #d2d2d2;
  box-shadow: 2px 2px 5px #d2d2d2;  
} 
 


/* začátek definice písma */
H1, H2, H3, H4, TH, .font_green_size { 
  font-style:	normal;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 0px;
	text-decoration: none; 
  text-transform:	none; 
  word-spacing:	normal; 
  color: rgb(00,00,00); 
 }

H1 { 
  font-size: 26px; 
  margin: 8px 0 8px 0;
  text-align: center;
  color: #20b2aa; 
 }	
H2 { 
  font-size: 24px; 
  margin: 8px 0 8px 0;
  color: #20b2aa; 
 }	
H3 { 
  font-size: 22px; 
  margin-bottom: 4px;
  color: #20a2aa; 
 }
H4 { 
  font-size: 20px; 
  margin-bottom: 3px;
  color: #20a2aa;   
 } 	
.font_green_size {
  font-size: 24px; 
  margin: 8px 0 8px 0;
  color: rgb(22,104,2); 
} 
/* Konec definice písma */




/* odkazy */
a.odkaz { 
  color: #000000; 
  text-decoration: underline;
  margin-left: 0px; 
 }
a.odkaz:hover { 
  color: red; 
 } 

a.odkaz_white { 
  color: #FFFFFF; 
  text-decoration: none;
  margin-left: 0px; 
 }
a.odkaz_white:hover { 
  color: red; 
 } 

a.odkaz_silver { 
  color: #555555; 
  text-decoration: none;
  margin-left: 0px; 
 }
a.odkaz_silver:hover { 
  color: red; 
 } 
a.odkaz_black { 
  color: #000000;
  text-decoration: none;
  margin-left: 0px; 
 }
a.odkaz_black:hover { 
  color: red; 
 } 
a.odkaz_black_menu { 
  display: block;
  color: #000000;
  text-decoration: none;
 // margin-left: 0px; 
 }
a.odkaz_black_menu:hover { 
  color: red; 
 }
a.odkaz_black_none { 
  display: none;
 } 
a.odkaz_black_menu_tab { 
  display: block;
  margin-left: 10px;
  color: #000000;
  text-decoration: none;
  margin-left: 12px;
 }
a.odkaz_black_menu_tab:hover { 
  color: red; 
 }
a.odkaz_pink { 
  color: #ff1493;
  text-decoration: none;
  margin-left: 0px; 
  font-weight: bold;
 }
a.odkaz_pink:hover { 
  color: red; 
 } 
a.odkaz_none { 
  display: none;
 } 
 
.fs8 { font-size: 8px; }
.fs10 { font-size: 10px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }

.fc_green { color: rgb(22,104,2); }

.wh40  { width: 20px;}
.wh50  { width: 30px;}
.wh60  { width: 50px;}
.wh70  { width: 50px;}
.wh80  { width: 60px;}
.wh90  { width: 70px;}
.wh100 { width: 100px;}
.wh110 { width: 110px;}
.wh120 { width: 120px;}
.wh130 { width: 130px;}
.wh140 { width: 140px;}
.wh200 { width: 240px;}
.wh250 { width: 300px;}
.wh350 { width: 350px;}
.wh450 { width: 450px;}


.bold { font-weight: bold; }

/* END odkazy */


/* zpravy */
.message_green {
  font-size: 18px; 
  color: white;
  display: block;
  border-radius: 5px;  
  padding: 15px;
  margin: 5px;
  background: #55C65E;
  box-shadow: 2px 2px 5px 2px #b2b2b2; 
 }
  
.message_orange {
  font-size: 20px; 
  font-weight: bold;
  color: rgb(239,93,34);
  display: block;
  border-radius: 5px;  
  padding: 15px;
  margin: -5px 0 5px 0 ;
  background: rgb(248,242,166);
 // box-shadow: 2px 2px 5px 2px #b2b2b2; 
 }  
  
  
.message_red {
  font-size: 18px; 
  color: white;
  display: block;
  border-radius: 5px;  
  padding: 15px;
  margin: 5px;
  background: red;
  box-shadow: 2px 2px 5px 2px #b2b2b2; 
 }

.message_green_noblock {
  font-size: 18px; 
//  font-weight: bold;  
  color: #55C65E;
  border-radius: 5px;  
  padding: 15px;
 }
  
.message_red_noblock {
  font-size: 18px; 
//  font-weight: bold;  
  color: red;
  padding-bottom: 10px;
 }

.message_homepage {
  width: 100%;
  float: left;
  padding: 8px;
  margin: 8px 0 8px 0px;
  text-align: center;
  border-radius: 5px;  
  box-shadow: 2px 2px 5px #d2d2d2;
  color: #FFFFFF;
  background: rgb(252,137,159);
 }
 
p.color_red {
  color: red;
 } 

.popup {background: #fff; padding: 1em}

//status { 
//  display: none;
// }
/* END zpravy */


/* table */
table {
  width: 100%;
  margin: 0px auto;
  font-size: 18px;
 }  

td.border_top {
  border-top: solid 1px #d2d2d2; 
}


/* ul */
ul {
  list-style: none;
  padding-left: 10px;
 }
/* END ul */



/* hlavní bloky */
#header { 
  width: 100%;
  min-height: 120px; 
  float: left; 
  position: fixed; 
  z-index: 200;
  background: #FFFFFF; 
  //box-shadow: 2px 2px 5px #d2d2d2; 
 }

#content { 
  width: 100%;
  float: left; 
  margin: 0px auto;  
  padding-top: 110px;
    
 }

#bottom_contact {
  width: 100%;
  float: left; 
 }

#bottom { 
  width: 100%;
  min-height: 50px;
  float: left; 
  //box-shadow: 2px 2px 5px #d2d2d2; 
 }


.width { 
  max-width: 100%;
  margin: auto;  
  padding: 8px; 
   }
/* END hlavni bloky */





 /* blok header */ 
 .header_left { 
  width: 40%; 
  //min-height: 110px; 
  float: left; 
  //margin: 0px 5px 0px 0px;
 }

  .header_pages { 
    display: none;
   }

  img.logo_eshop {
    width: 100%; 
    float: left; 
    margin: 5px 0px 5px 0px;
   }
 
  .header_search { 
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 0px;
    border: 1px solid #00ced1;
    //border-bottom-left-radius: 8px;
    //border-bottom-right-radius: 8px;
    border-radius: 8px;
    box-shadow: 3px 3px 6px #d2d2d2; 
    background: #f0ffff;    
    }

  .header_search_destop {
    display: none;
   }

 .header_right { 
   width: 60%; 
   //min-height: 110px; 
   float: right; 
   //margin: 0px 5px 0px 0px;
   //background: orange ;
     }

 .header_login { 
    display: none; 
   }

 .header_login img { 
    height: 35px;   
    margin: 0px 5px 0px 0px;    
   }

 .header_login_mobil_none { 
    display: none;
   }

 .header_backet {
    display: none;
    //float: right; 
    //background: #FFFFFF;
   }
 .header_backet_price {
    display: none;
   }
 .header_backet_white {
    display: none;  
   }
 .header_backet_black {
    height: 35px;   
    margin: 0px 0px 0px 0px;
   }
 .header_backet_empty {
    display: none; 
   }


 .header_menu { 
    width: 100%; 
    min-height: 20px; 
    float: left; 
    margin: 0px 0px 0px 0px;
    padding: 5px; 
    border-radius: 5px;  
    box-shadow: 3px 3px 6px #d2d2d2; 
    background: #00ced1;
    display: flex;  
 }

.header_menu_top {
  align-items: stretch;
  flex-grow: 1;
  text-align: center;
  padding-top: 5px;
  margin-right: 1px;
  //background: red;
}


.menu {
  display: none;
 }

.menu_mobile_button  { 
	//box-shadow: 0px 0px 0px 0px #3dc21b;
	background-color: #00ced1;
	border: 0px solid #18ab29;
	display: inline-block;
	cursor: pointer;
	padding: 2px;
	text-decoration: none;
	//text-shadow: 0px 1px 0px #2f6627;
 }
.menu_mobile_none    { 
  display: none;
 }
.menu_mobile_visible {
  float: left; 
  display: block; 
  width: 100%;      
  margin-top: -14px;
  margin-left: 0px;
  
 // position: fixed; 
 // top: 100px;
 // z-index: 200;
  //color: blue; 
  //background: silver;
 }

.menu_destop_visible { 
  //display: none; 
 }
/* END blok header */ 



/** blok content **/ 
/*  drobečková navigace */ 
.navigation_breadcrumb {
  height: auto;
  width: 100%; 
  float: left;
  margin: 8px 0 8px 0;
  font-size: 14px;
  color: silver;
 }
/*  END drobečková navigace */ 

/* slider */ 
 #layerslider {
   display: none; 
 }


/*  flex bloky (např. logování, košík, objednávka atd.*/ 
.flex_container {
  display: flex;
 }

.flex_frame {
  align-items: stretch;
  flex-grow: 1;
  margin-right: 15px;
  margin-bottom: 15px;
  border: solid 1px #d2d2d2; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #FBFBFB;
 }
 
.flex_frame_silver {
  align-items: stretch;
  flex-grow: 1;
  margin-right: 15px;
  margin-bottom: 15px;
 // border: solid 1px #d2d2d2; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #b1b1b1; 
  background: rgb(232,232,232);
 }  
 
.flex_frame_green {
  align-items: stretch;
  flex-grow: 1;
  margin-right: 15px;
  margin-bottom: 15px;
 // border: solid 1px #d2d2d2; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #a1a1a1; 
  background: rgb(192,230,140);
 } 

.flex_frame_pink {
  align-items: stretch;
  flex-grow: 1;
  margin-right: 15px;
  margin-bottom: 15px;
 // border: solid 1px #d2d2d2; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #a1a1a1; 
  background: rgb(252,221,236);
 } 
 
 .flex_frame_one_border {
  align-items: stretch;
  flex-grow: 1;
  margin-right: 15px;
  margin-bottom: 15px;
//  border: solid 1px #d2d2d2; 
  border-radius: 5px;
//  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #FBFBFB;
 }
 
.flex_frame_one_margin {
  align-items: stretch;
  flex-grow: 1;
  margin-right: 0px;
  margin-bottom: 15px;
  border: solid 1px #d2d2d2; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #FBFBFB;
 }
 
 
.flex_container {
   display: flex;
   flex-direction: column; 
 }


.flex_container_vertically {
  display: flex;
  flex-direction: column; 
 }

.flex_frame_vertically {
  align-items: stretch;
  padding: 15px;
  margin-right: 0px 15px 15px 0px;
  border: solid 1px #d2d2d2; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #FBFBFB;
 }
 
 
 .padding {
  padding: 10px;
 }
 .padding_radius {
  padding-bottom: 8px;
  padding: 8px;
  border-radius: 8px;
 }
 
 .backet_suma_font {
  color: rgb(205,56,114);
  font-weight: bold;
 }
 
.backet_suma_all {
  color: rgb(205,56,114);
  font-size: 26px;
  font-weight: bold;
 } 
/*  END flex bloky */ 

/*  bloky s textem (např. kontakty, jak nakupovat atd.*/ 
.content_page {
  width: 100%;
  float: left; 
  text-align: left;
  margin: 0px auto;  
  padding: 10px 10px 10px 0px;
  //background: blue;
 }
.content_page p {
  padding-left: 10px;
 }
/*  END bloky s textem */ 

/*  bloky se zprávami (zarovnání na střed) */ 
.content_center { 
  width: 100%;
  float: left; 
  color: red;
  text-align: center;
  margin: 0px auto;  
  padding-top: 30px 10px 10px 10px;
 }
.content_center p.color_black {
  color: black;
 }  

.form_image {
  float: left;
  //padding: 10px 0 0 10px;
 }
 
.form_title {
  float: left;
  padding: 10px 0 0 10px;
  color: #FB95CD;
 }
 
/*  END bloky se zprávami */ 





/*  flex catalog (menu ze seznamem produktů) */ 
#category_navigace {
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}



#category_vertical_top {   
  font-size: 20px;
  padding: 0px;
  margin-bottom: 5px;
  border-radius: 8px;  
  border: 1px solid #d2d2d2;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #F0E68C;  
}

#category_vertical_top .plus_I, .plus_II, .plus_III {   
  float: left; 
  width: 20px; 
  height: 25px; 
  min-height: 5px; 
  margin-left: 5px; 
  padding-left: 3px; 
  font-weight: bold;
}

#category_vertical_top .uroven_dva {   
  margin-left: 10px;
  border-top: solid 1px #d2d2d2;
  border-left: solid 1px #ff1493;
  background: #FFFACD;
}

#category_vertical_top .uroven_tri {   
  margin-left: 10px;
  border-top: solid 1px #d2d2d2; 
  border-left: solid 1px #ff1493;  
  background: #FFFFE0;
}

#category_vertical_top li{
  border-bottom: solid 1px #d2d2d2; 
  padding: 4px 0px 6px 2px;
}




#category_vertical_standard {   
  font-size: 20px;
  padding: 0px;
  margin-bottom: 5px;
  border-radius: 8px;  
  border: 1px solid #d2d2d2;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #ffffff;  
}

#category_vertical_standard .plus_I, .plus_II, .plus_III {   
  float: left; 
  width: 20px; 
  height: 25px; 
  min-height: 5px; 
  margin-left: 5px; 
  padding-left: 3px; 
  font-weight: bold;
}

#category_vertical_standard .uroven_dva {   
  margin-left: 10px;
  border-top: solid 1px #d2d2d2;
  border-left: solid 1px #ff1493;
  background: #F6F6F6;
}

#category_vertical_standard .uroven_tri {   
  margin-left: 10px;
  border-top: solid 1px #d2d2d2; 
  border-left: solid 1px #ff1493;  
  background: #E6E6E6;
}

#category_vertical_standard li{
  border-bottom: solid 1px #d2d2d2; 
  padding: 4px 0px 6px 2px;
}










#recommend_navigace {
  display: none;
} 

   

#category_navigace_content {
  margin:0; 
  padding: 0px;
	//font-size: 70%;
}


#category_product_title {
  margin:0 0 0 210px; 
  min-height: 10px;
  padding:0;
}

.category_sum_product {
  display: none;
  color: silver;
  min-height: 10px;
}

#category_navigation_button {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
  min-height: 10px;
  border: solid 1px #E5E6E7; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #F5F6F7;
}

.navigation_next {
  width: 100%;
  display: block;
  margin: 6px;
}
.navigation_back {
  width: 100%;
  display: block;
  margin: 6px;
}



#category_product_home {
	margin: 10px 0 0 0; 
  min-height: 200px;
  padding: 0;
}


#category_product {
	margin:0 0 0 210px; 
  min-height: 200px;
  padding:0;
}


#category_product_title {
	margin:0 0 0 0px; 
  min-height: 10px;
  padding:0;
 }
#category_product {
	margin:0 0 0 0px; 
  min-height: 200px;
  padding:0;
 }


#category_product_content {
	margin:0; 
  //padding: 0.5em 1em;
	font-size: 100%;
 // display: flex;
  display: flex;
  flex-wrap: wrap;
}


.category_box {
  width: 31.5%;
  min-height: 150px;
  float: left; 
  text-align: center;
  margin: 0px 2px 10px 1px;
  padding: 5px;
  border: solid 1px #E5E6E7; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #FFFFFF;
} 


.product_box {
  width: 48%;
  min-height: 400px;
  float: left; 
  text-align: center;
  margin: 0px 2px 10px 1px;
  padding: 5px;
  border: solid 1px #E5E6E7; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #FFFFFF;

} 

.product_box_price {
  font-size: 24px;
  color: rgb(205,56,114);
}  

.product_box input.product_in_stock {
  width: 40px;
  margin: 5px;
  padding: 8px; 
  border-radius: 5px;  
  border: solid 1px #d2d2d2; 
  box-shadow: 2px 2px 5px #d2d2d2; 
}  

  
  
.product_box_title {
  min-height: 36px;
  display: block;
  font-size: 15px;
  font-style:	normal;
  font-weight: bold;
	text-decoration: none;
} 

  
  
.imgFillContainer {
  height: 150px;
  border: 0px solid red;
  display: block;
  overflow: hidden;
  position: relative;
}

.imgFillContainer .fillHeight {
    height: 100%;
    width: auto;
}

.imgFillContainer .fillWidth {
    height: auto;
    width: 100%; 
}

.imgFillContainer img {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
/*  END flex catalog (menu ze seznamem produktů) */ 

/* BLOK OBSAH detail*/ 
#obsah_detail { 
  width: 100%;
  //min-height: 100%;
  height: 100%;
  padding: 5px; 
  float: left; 
  color: #404040; 
}  


.blok_multimedia {
  //width: 49%; 
  float: left;
  //padding: 10px;
  border-radius: 8px;  
  //border: solid 0.5px #deb887; 
//  box-shadow: 3px 3px 6px #d2d2d2;
//  background: #f0f0f0;
}


.blok_images {
  width: 100%; 
  float: left;
  //padding: 10px;
  border-radius: 8px;  
  //border: solid 0.5px #deb887; 
  box-shadow: 3px 3px 6px #d2d2d2;
//  background: #ffff00;
}

.blok_video {
  width: 100%; 
  float: left;
  margin-top: 15px;
  padding: 10px;
  border-radius: 8px;  
  //border: solid 0.5px #deb887; 
  box-shadow: 3px 3px 6px #d2d2d2;
//  background: #aaff00;
}





.blok_images img {
  //border-radius: 8px;  
  //border: solid 1px silver; 
  //box-shadow: 0px 0px 6px #d2d2d2;
}


.blok_images a.border { 
  //border: solid 1px #ff00ff; 
  //box-shadow: 3px 3px 6px #d2d2d2;
 }


.blok_description {
  float: left;
  padding: 10px;
  border-radius: 8px;  
  padding: 10px;
  //border: solid 0.5px #deb887; 
  //box-shadow: 3px 3px 6px #d2d2d2;
  //background: silver;
}


.blok_basis {
  width: 49%; 
  float: left;
  margin-left: 10px;
  padding-top: 10px;
}

.blok_basis ul {
  padding-left: 20px;
}

.blok_basis_label {
  display: block;
  font-size: 16px;
  font-style:	normal;
  color: #808080;
  margin-bottom: 10px;
}

.blok_basis_label table {
  font-size: 16px;
  font-style:	normal;
  color: #808080;
 // border: solid 0px silver; 
  border-collapse: separate;
  border-spacing: 0px;  
  border: solid 1px #d3d3d3; 
  border-style: none solid solid none;
}

.blok_basis_label td {
  font-size: 16px;
  padding: 4px;  
  border: solid 1px #d3d3d3; 
  border-style: solid none none solid;
}

.blok_basis_colors {
  min-height: 26px;
  display: block;
  font-size: 16px;
  padding: 4px;  
  margin-bottom: 3px;  
  border-radius: 5px;
  background: #d3d3d3;
}



.blok_basis_price {
  display: block;
  font-size: 22px;
  font-weight: bold;
  font-style:	normal;
  color: rgb(205,56,114);
  margin-bottom: 10px;
}

.blok_basis_label_minimum {
 // display: block;
  font-size: 16px;
  font-weight: bold;
  font-style:	normal;
}

.blok_basis_stock {
  display: block;
  font-size: 16px;
  font-style:	normal;
  color: green;
  margin-bottom: 10px;
}

.blok_basis_recommend {
  display: block;
  margin-bottom: 5px;
}

.blok_basis_recommend img {
  height: 35px;
  border-radius: 5px;
}
  


.blok_table_50 {
  width: 49%; 
  float: left;
  margin-left: 0px;
  margin-bottom: 20px;
  margin-right: 5px;
  padding-top: 10px;
  padding-left: 15px;
  border: solid 1px #d2d2d2; 
  border-radius: 5px;
  background: #FBFBFB;
  box-shadow: 2px 2px 5px #d2d2d2; 
}

.blok_info {
  width: 100%; 
  float: left;
  padding: 5px;
}

.blok_info ul {
  padding-left: 20px;
}

.recommend_title {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
  min-height: 10px;
  border: solid 1px #E5E6E7; 
  border-radius: 5px;
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #F5F6F7;
}


.recommend_title_homepage {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
  min-height: 10px;
}


.info_product_new {
  width: 80px;
  //height: 30px;
  position: absolute;
  color: white;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
  background: green;
}


/** END detail product **/ 
/** END blok content **/ 


/*  bloky s kontakty */ 
.flex_quick_contact {
  float: left;
  width: 100%;
  display: flex;
  color: #FFFFFF;
  font-weight: bold;
  padding: 8px; 
  margin-bottom: 10px; 
  border-radius: 5px;  
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #00ced1;  
 }

.flex_frame_contact {
  align-items: stretch;
  flex-grow: 1;
  padding: 8px; 
 }



.img_bottom_telephone {
  float: left;
  margin: 0px 6px 0 0;
}
.bottom_telephone {
  float: left;
  margin: 5px 0 0 0;
}
.img_bottom_email {
  float: left;  
  margin: 5px 6px 0 0;
}
.bottom_email {
  float: left;
  margin: 5px 0 0 0;
}
.img_bottom_newsletter {
  float: left;  
  margin: 0px 6px 0 0;
}
.bottom_newsletter a {
  float: left;
  margin: 5px 0 0 0;
}
/*  END bloky s textem */ 



/* Sekce pro zákazníky */ 
.customer_message_list {
    display: block;
    width: 99%;
    float: left;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: solid 1px #d2d2d2; 
    box-shadow: 2px 2px 5px #d2d2d2; 
    background: rgb(238,238,238);
}   

.customer_message_list img {
    float: left;
    border-radius: 5px;  
    margin-right: 5px;
    border: solid 1px #d2d2d2; 
    background: rgb(238,238,238);
}   
 
 
.background_green {  
  background: rgb(195,219,155);
}

.background_red {
  background: rgb(252,221,236);

} 
  
 
a.message_blikej { 
  text-decoration: none;
}

.message_blikej {
   color: red;
   font-weight: bold; 
   animation: message_blik 2s infinite; 
   -webkit-animation: message_blik 2s infinite 
 } 
@keyframes message_blik { 
   0% { opacity:1 } 
   50% { opacity:0 } 
   100% { opacity:1 } 
 } 
@-webkit-keyframes message_blik { 
   0% { opacity:1 } 
   50% { opacity:0 } 
   100% { opacity:1 } 
 } 
/* END Sekce pro zákazníky */ 



/* blok bottom */ 
.bottom_pages {
  float: left;
  width: 100%;
  padding: 10px;
  border-radius: 5px;  
  box-shadow: 3px 3px 5px 3px #d2d2d2; 
  background: #ffffff;  
 }

.bottom_pages_flex {
  align-items: stretch;
  flex-grow: 1;
  padding: 8px; 
 }

.bottom_pages li{
  margin-left: -10px;
 }



.bottom_eshop {
  float: left;
  width: 100%;
  color: silver; 
  font-size: 14px;
  text-align: center;
  margin: 0px auto; 
  margin: 10px 0 10px 0 ;
  //background:  #66cdaa;
 }
/* END blok bottom */ 




/* tlačítka a Inputy */
.btn .label,.btn .badge {
    position: relative;
    top:-1px;
   }

.btn {
    color:#ffffff;
    font-weight: bold;
    border-radius: 8px;    
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: .3em 1.3em .3em; /* odsazení od textu */
    margin-bottom: 0.5em; /* odsazení od textu */
    background-color:#0044cc;
    background-image:-moz-linear-gradient(top, #0088cc, #0044cc);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image:-o-linear-gradient(top, #0088cc, #0044cc);
    background-image:linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color:#0088cc, #0044cc;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
   }
   
.btn-primary {
    padding: .3em 1.3em; /* odsazení od textu */
    margin-bottom: 0.5em; /* odsazení od textu */
    color:#ffffff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color:#006dcc;
    background-image:-moz-linear-gradient(top, #0088cc, #0044cc);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image:-o-linear-gradient(top, #0088cc, #0044cc);
    background-image:linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-radius: 8px;    
    border-color:#0044cc #0044cc #002a80;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }
   
.btn-button {
    position: relative;
    padding: .6em .8em ; /* odsazení od textu */
    margin-bottom: 0.5em; /* odsazení od textu */
    color:#ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image:-moz-linear-gradient(top, #ff1493 , #c71585);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#c71585));
    background-image:-webkit-linear-gradient(top, #ff1493 , #c71585);
    background-image:-o-linear-gradient(top, #ff1493 , #c71585);
    background-image:linear-gradient(to bottom, #ff1493 , #c71585);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1493', endColorstr='#c71585', GradientType=0);
    border-radius: 8px;    
    border-color: #ff1493   #ff1493  #002a80;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }  

.btn-button-back {
    /position: relative;
    //display: block;
    //width: 25%;
    padding: .6em .8em ; /* odsazení od textu */
    margin-bottom: 0.5em; /* odsazení od textu */
    color:#ffffff;
    font-weight: bold;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image:-moz-linear-gradient(top, #ffe4c4 , #ff8c00);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffe4c4), to(#ff8c00));
    background-image:-webkit-linear-gradient(top, #ffe4c4 , #ff8c00);
    background-image:-o-linear-gradient(top, #ffe4c4 , #ff8c00);
    background-image:linear-gradient(to bottom, #ffe4c4 , #ff8c00);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4c4', endColorstr='#ff8c00', GradientType=0);
    border-radius: 8px;    
    border-color: #ffe4c4   #fa8072  #ff8c00;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color:#ff8c00;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  } 
   
.btn-button-green {
    position: relative;
    color:#ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: .6em 1.4em ; /* odsazení od textu */
    margin-bottom: 0.5em; /* odsazení od textu */
    background-image:-moz-linear-gradient(top, rgb(26,204,50), rgb(22,100,0));
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#c71585));
    background-image:-webkit-linear-gradient(top, rgb(26,204,50), rgb(22,100,0));
    background-image:-o-linear-gradient(top, rgb(26,204,50), rgb(22,100,0));
    background-image:linear-gradient(to bottom, rgb(26,204,50), rgb(22,100,0));
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1493', endColorstr='#c71585', GradientType=0);
    border-radius: 8px;    
    border-color: #ff1493   #ff1493  #002a80;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }     
   
   
.btn-button-menu { 
    display: block;
    width: 48%;
    float: left;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: solid 1px #d2d2d2; 
    box-shadow: 2px 2px 5px #d2d2d2; 
    background: rgb(238,238,238);
  } 
/* END tlačítka a Inputy */

        

.btn-button-form {
    position: relative;
    padding: .6em .8em ; /* odsazení od textu */
    margin-bottom: 0.5em; /* odsazení od textu */
    margin-top: 25px; /* odsazení od textu */
    color:#ffffff;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image:-moz-linear-gradient(top, #ff1493 , #c71585);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#c71585));
    background-image:-webkit-linear-gradient(top, #ff1493 , #c71585);
    background-image:-o-linear-gradient(top, #ff1493 , #c71585);
    background-image:linear-gradient(to bottom, #ff1493 , #c71585);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1493', endColorstr='#c71585', GradientType=0);
    border-radius: 8px;    
    border-color: #ff1493   #ff1493  #002a80;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  } 









#step_by_step_active, {
  float: left;
  width: 100%;
  //background: red;
}

#step_by_step_inactive {
  float: left;
  width: 100%;
  color: silver;
  background: #d8d8d8;
}


.number,.number_active {
  float: left;
  color: #C0C0C0;
  font-size: 32px;
  font-weight: bold;
  padding: 10px 20px 10px 20px;
  //border: solid 2px #d2d2d2; 
  border-radius: 5px;
} 

.number_active {
  color: #FFFFFF;
  background: rgb(205,56,114);
} 


.title {
  float: left;
  font-size: 26px;
  font-weight: bold;
  padding: 14px;
} 



/* BOTTOM */

    
 #content { 
   width: 100%;
   float: left; 
   margin: 0px auto;  
  }
    
 #bottom_contact {
   width: 100%;
   float: left; 
  }
    
    
 #bottom { 
   width: 100%;
   min-height: 55px;
   float: left; 
   background: #ffffff;
   box-shadow: 3px 3px 6px #d2d2d2; 
  }
   

  .blok_images {
    width: 100%; 
    float: left;
    padding: 10px;
  }
  .blok_basis {
    width: 100%; 
    float: left;
    padding-top: 10px;
  }




.flex_quick_contact {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: column; 
  color: #FFFFFF;
  font-weight: bold;
  padding: 8px; 
  margin-bottom: 10px; 
  border-radius: 5px;  
  box-shadow: 2px 2px 5px #d2d2d2; 
  background: #00ced1;  
}

.flex_frame_contact {
  align-items: stretch;
  padding: 8px; 
}

  .btn-button-menu { 
   width: 100%;
  }

}