body {
background: #e3e3e3;
margin: 0px;
height: 100%

}
.web {
width: 85%;
min-width: 1000px;
margin: 0 auto;
border: 0px solid black;
font-family: Arial;
font-size: 12px;

}
.zahlavi {
width: 99,5%;
margin: 0 auto;
height: 100px;
border: 0px solid black;
background-color: red;
font-family: Arial;
}
.zahlavi_blok_tlacitko {
float: right;
margin-right: 3%;
height: 100%;
color: white;
display: flex;
justify-content: center; /* Horizontální centrování */
align-items: center;    /* Vertikální centrování */
}
.zahlavi_blok_tlacitko a {
width: 100%;
height: 100%;
color: white;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
display: flex;
justify-content: center; /* Horizontální centrování */
align-items: center;    /* Vertikální centrování */
text-transform: uppercase;
border-left: 2px solid #e3e3e3;
border-right: 2px solid #e3e3e3;
}
.zahlavi_blok_tlacitko a:hover {
width: 100%;
height: 100%;
color: black;
background: #e3e3e3;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
display: flex;
justify-content: center; /* Horizontální centrování */
align-items: center;    /* Vertikální centrování */
text-transform: uppercase;


}

.zahlavi_blok_text {
float: left;
margin-left: 1%;
width: 55%;
min-width: 500px;
height: 100%;
color: white;
display: flex;
justify-content: center; /* Horizontální centrování */
align-items: center;    /* Vertikální centrování */
}

.zahlavi_blok_text p {
width: 100%;
height: 100%;
color: white;
padding-right: 20px;
text-decoration: none;
font-weight: none;
font-size: 14px;
display: flex;
border: 0px solid black;
justify-content: center; /* Horizontální centrování */
align-items: center;    /* Vertikální centrování */
}

.zahlavi_blok_jazyky {
float: right;
margin-right: 4%;
height: 100%;
width: 3%;
border: 0px solid black;
color: white;
display: flex;
flex-direction: column; /* Vertikální uspořádání */
justify-content: center; /* Horizontální centrování */
align-items: center;    /* Vertikální centrování */
}

.zahlavi_blok_jazyky img:hover {
opacity: 1.0;
}
.zahlavi_blok_jazyky img {
height: 20px;
padding: 4px;
}

.obsah {
width: 100%;
height: 100%;
border: 0px solid black;

}
.obsah div {
display: inline-block;
}
.menu {
width: 10%;
height: 50%;
border: 0px solid black;
position: fixed;
justify-content: center; /* Horizontální centrování */
align-items: center;    /* Vertikální centrování */
padding-top: 40px;
padding-left: 0px;
background: #e3e3e3;
z-index: 1000;
}
.menu a {
height: 100%;
border: 0px solid black;
background-color: red;
width: 60%;
min-width: 100px;
margin: 7px 5px;
padding: 7px 7px;
display: block;
border: 1px solid red;
text-align: center;
border-radius: 10px;
}
.menu a:hover {
color: black;
background: #e3e3e3;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
width: 100%;
height: 100%;
border: 1px solid black;
}
.menu_polozka a {
color: white;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
width: 100%;
height: 100%;
}


.texty_uvod {
width: 100%;
border: 0px solid black;
min-height: 500px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.hlavni_obsah {
width: 98%;
border: 0px solid black;
min-height: 570px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
padding: 20px;
}

.uvodni_strana_obr {
width: 100%;
height: 500px;
border: 0px solid black;
min-height: 620px;
margin-top: -2px;
opacity: 1.0;
background-size: cover;
background-position: right; /* Ukotvení pozadí k středu */
background-repeat: no-repeat; /* Zamezí opakování pozadí */
}

.uvodni_strana_reklama_pruh {
width: 100%;
height: 114px;
border: 0px solid black;
display: inline-block;
margin-top: 460px;
}

.uvodni_strana_reklama {
width: 250px;
height: 114px;
border: 0px solid red;
background: #e3e3e3;
margin: 0px 20px;
float: right;

}

.uvodni_strana_clanek {
width: 200px;
height: 370px;
position: absolute; 
border: 0px solid red;
background: #e3e3e3;
margin-left: 57%;
margin-top: 50px;
opacity: 1;
padding: 0px 15px 15px 15px;
text-align: justify;
border-radius: 15px 0px 15px 15px;
}

.uvodni_strana_text {
width: 355px;
position: absolute; 
border: 0px solid black;
background: #e3e3e3;
margin-left: 20px;
margin-top: 20px;
opacity: 0.85;
padding: 15px;
text-align: justify;
border-radius: 15px;
}


.zapati {
width: 100%;
height: 40px;
border-top: 0px solid black;
border-bottom: 0px solid black;
display: flex;
justify-content: center; /* Horizontální centrování */
align-items: center;    /* Vertikální centrování */
background: red;
font-size: 14px;
font-family: Arial;
margin-top: -3px;

}

.zapati a {
display: block;
width: 80%;
text-align: center;
text-decoration: none;
color: #e3e3e3;
}

/*=========================================*/
/*======prostor, tlačítka na stránce produkty =====*/

.produkty_vypis {
                                                          
width: 100%;
color: black;
text-decoration: none;
text-align: center;
position: relative;
margin-left: -15px;
display: inline-block;
}
.produkty_vypis a {                                                        
width: 165px;
height: 68px;
color: black;
font-family: Arial;
font-size: 13px;
text-decoration: none;
display: inline-block;
margin-left: 25px;
margin-top: 10px;
padding: 6px 0px 10px 6px;
border-radius: 7px;

}
.produkty_vypis a:hover {                                                  
background-color: #b8b8b8;

}

.accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
  border: solid 0,5px #c4c4c4;
}
.accordion h3 {
	background: #c8c8c8 no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px grey;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #d5d5d5;
	margin: 0;
	padding:  10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.accordion p table {
	background: #d5d5d5;
	margin: 0;
	padding:  10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

.accordion p table tr {
	background: #d5d5d5;
	margin: 0;
	padding:  10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
 .accordion p table tr td {
	background: #d5d5d5;
	margin: 0;
	padding:  10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}

/*==============================================================================*/
/* obrazky produkt*/
.obrazek_produkt {                                                              /*Hlavní obrázek produktu*/
width: 373px ;
height: 170px ;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.obrazek_produkt_small {                                                       /*1. obrázek produktu*/
width: 124px ;
height: 57px ;
margin-top: 10px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

/*==============================================================================*/
/*==============================================================================*/
/* uprava textu, pozicovani, vzhled*/
.nadpis_clanku {                                                                /*styl nadpisu článku*/
font-family: Arial;
font-size: 20px;
text-decoration: underline;
}
.table, td {                                                                    /*styl, vzhled tabulky*/
font-family: Arial;
font-size: 12px;
padding: 1px 5px;

}
#tabulka_email td {
padding: 2px 10px;
text-align: center;

}
.prodejci_table a {                                                                    /*styl, vzhled tabulky*/
font-family: Arial;
text-decoration: bold;
font-size: 15px;
text-align: center;
text-decoration: none;
color: black;
text-align: center;
padding: 1px 5px;
}
.prodejci_table td {                                                                    /*styl, vzhled tabulky*/
font-family: Arial;
text-decoration: bold;
font-size: 15px;
text-align: center;
text-decoration: none;
color: black;
text-align: center;
padding: 1px 5px;
}
.prodejci_table table {
border: none;                                                                    /*styl, vzhled tabulky*/
font-family: Arial;
text-decoration: bold;
font-size: 15px;
text-align: center;
text-decoration: none;
color: black;
text-align: center;
padding: 1px 5px;
}
.produkt_hlavni_text {                                                                  /*pole pro omístění popisu produktu*/
width: 55%;
padding-left: 2%;
min-height: 450px;
font-family: Arial;
font-size: 12px;
color: black;
text-decoration: none;
text-align: justify;
}
.omezeni14text {
margin-top: 20px;
width: 350px ;
height: 50px ;
text-align: justify;
margin-right: 10px;
}
.omezeni14obr {
width: 35px ;
height: 35px ;
}


 
/*=========================================*/
/*======umístění odkazu ZPET=====*/

.zpet {
width: 90px ;
height: 29px ;
position: absolute;
margin-left: 750px ;
top: 500px;

}
/*==============================================================================*/
/* menu horni cast stranky*/
.menu_horni_prodejci_vlajky {
width: 100%;
height: 33px;
text-align: center;
border-top: 1px solid #474747; 
border-bottom: 1px solid #474747;  
}
.menu_horni_prodejci_vlajky a img {
width: 38px; 
padding: 5px 17px; 
}
.menu_horni_prodejci_vlajky a img:hover { 
background-color: #b5b5b5;
}

/*==============================================================================*/
/* menu horni cast stranky*/
.menu_horni_produkty_kategorie {
width: 100%;
padding-top: 2px;
text-align: center;
border-top: 0px solid #474747; 
border-bottom: 0px solid #474747;  
}
.menu_horni_produkty_kategorie a img {
height: 41px; 
padding: 0px 5px; 
filter: grayscale(20%) opacity(70%);
}
.menu_horni_produkty_kategorie a img:hover { 
background-color: #b5b5b5;
filter: grayscale(0%);
border-radius: 7px;
}
/* ============= tlačído DISTRIBUCNI SYSTEM ===================*/
.obj_sys_odkaz a {
  border: 1px solid black;
  border-radius: 10px; 
  position: absolute;
  padding: 7px; 
  font-size: 15px;
  text-decoration: none;
  color: black;
  background-color: #c4c4c4;
}
.obj_sys_odkaz a:hover {
  border: 1px solid black;
  border-radius: 10px;
  background-color: #aeaeae; 
  padding: 7px; 
  font-size: 15px;
  text-decoration: none;
  color: black;
}