body {
position: relative;
   background-color: #f3f3f3;
   margin: 0;
   padding: 0;
   font-family: 'Roboto',arial;
   font-size: 17px;
   font-weight: normal;
   line-height: 23px;
}
section {
 max-width: 1200px;
 margin: auto;
 padding: 0 10px 0 10px;
}


.box_reklama {                                       /* hcy */
 background-image: url("/img/hcy-vitality.jpg");
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 height: 240px;
}

.homebanners {
 width: 33.3%;
 float: left;
}


.kooperators div {
 padding: 0px 0px 30px 0px;
 width: 25%;
 text-align: center;
 float: left;
}
.kooperators div a img {
 margin: auto;
 width: 80%;
}
.partners div {
 margin: auto;
 padding: 0px 0px 30px 0px;
 width: 200px;
 text-align: center;
 float: none;
}
.partners div a img {
 margin: auto;
 width: 80%;
}



.box_snubni {
   padding: 30px 0px 0px 0px;
   width: 33%;
   text-align: center;
   float: left;
}
.box_snubni a {
 font-size: 22px;
 text-decoration: none;
}
.box_snubni img {
   width: 100%;
}

.benefits-table {
 margin-left: 30px;
}
.benefits-table tr td {
 text-align: left;
 vertical-align: middle;
 padding-bottom: 20px;
 color: #c8b47d;
 font-size: 15px;
}


/*____________________________________________________________________________________________________________________________ CONFIRMTOBASKET___*/
#confirmtobasket {
   border: #b99359 3px solid;
   border-radius: 10px;
   visibility: visible;
   position: absolute;
   top: 300px;
   left: 50%;
   background-color : #ffffff;
   margin-left: -170px;
   padding: 0px 0px 20px 0px;
   width: 340px;
   color: #b99359;
   font-size: 18px;
   text-align: center;
   z-index: 10;
}
#confirmtobasket a {
   color: #54A506;
}
#confirmtobasket a:hover {
   color: #54A506;
}


.goldbox {
 background: #967e42;
 padding: 4px 0px 4px 0px;
 color: #eeeeee;
 font-size: 15px;
 text-align: center;
}


header {position:relative; background-color: white; padding-bottom: 30px; z-index: 100;}
header .layout-center{z-index:102; padding:0; text-align: center }
header .layout-center .container{position:relative; }
header .layout-center .slogan {float:left; line-height: 105px; font-size:15px; padding:0; margin-left:-155px;}
header > .layout-center{padding-top:15px; }
header .top-menu {background: #1E1E1E; text-align:left;}
header .top-menu ul{background: #1E1E1E url(../images/tm-separator.png) repeat-y right top; margin:0 0 -1px 0; padding:0 2px 0 0; list-style: none; display:table; width:100%; }
header .top-menu ul li{position:relative; background: #1E1E1E url(../images/tm-separator.png) repeat-y left top; margin:0; padding:0 0 0 2px;  display:table-cell; text-align:center;}
header .top-menu ul li > a{display:block; white-space: nowrap; line-height:45px; color:#ffffff; text-decoration: none; font-size:13px; padding:0 8px; text-align:center; -webkit-transition: all 0.1s linear;     -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
header .top-menu ul li > a:hover{background: #101010; color:#FDCD8A; }
header .top-menu ul li a > img{margin-bottom:-5px; padding-right:10px;}
header .top-menu ul li a > img.no-padding{padding-right:0;}
header .top-menu ul li.basket > a > img{padding-left:5px; padding-right:0; }
header .top-menu ul li.basket > a > span{color:#60BD57;}
header .top-menu ul li.favorites > a > span{color:#C8B47D;}
header .top-menu ul li.multiple {color:#ffffff; line-height:45px; color:#ffffff;  text-decoration: none; font-size:13px;}
header .top-menu ul li.multiple:hover {background: #101010;}
header .top-menu ul li.multiple > a {display:inline-block; }
header .top-menu ul li.multiple > a:hover {background:transparent}

.logo {width: 299px; float:left;}
.logo img {width: 100%;}

.quick-contact {color:#000000; font-size:15px; font-weight: 500; text-align: right; float:right; padding:15px 0px 0 0;}
.quick-contact .tel{color:#C0AA76; font-size:26px; display:block; padding-bottom:2px; }
.quick-contact .tel img{vertical-align:middle; margin-top:-8px;}

.search {padding: 35px 0px 0px 100px; float:left;}
header form#search {position:relative; background-color: white; border: 1px solid #1E1E1E; border-radius: 3px;}
header form#search .search-input{height:37px; border:0; box-sizing: border-box; padding:0 40px 0 10px; float:left; width:250px;  font-size:15px;}
header form#search .search-btn{background: none; border:0; padding:0 10px 0 5px; margin:0; height:35px; cursor:pointer; position:relative; float: right; }
header form#search #vysledek{position: absolute; top: 100%; left: 0px; z-index: 5000; background-color: white; box-sizing:border-box;  padding: 0px; width: 100%; font-size: 16px; display:inline-block; }
header form#search #vysledek > div{padding:7px 10px!important; }
header form#search #vysledek > a{padding:5px 10px!important; }

header .mobile-basket{position:absolute; right:15px; bottom:15px;  display:none;}
header .mobile-basket > a{ background: #000000; display:block; color:#ffffff; line-height:40px; color:#ffffff; text-decoration: none; font-size:13px; padding:0 20px; width:150px; text-align:center; -webkit-transition: all 0.1s linear;     -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
header .mobile-basket > a > span{color:#C8B47D;}

header nav{width:100%; font-weight: 500;}
header nav > ul{width:100%; margin:0; padding: 15px 0px 0px 0px; list-style: none; display:table; border-top:1px solid #1E1E1E; position:relative;}
header nav > ul > li{display:table-cell; width:10%;}
header nav > ul > li > a{display:block; font-size:14px; color:#1d1d1d; text-decoration: none;  padding: 0px 15px 0px 15px; transition: all 0.2s linear;}
header nav > ul > li > a > img{margin-top:-3px; padding-right:5px;}
header nav > ul > li:hover{background: #E9DCBB; }
header nav > ul > li.aktiv {background: #F7F0DE; }
header nav > ul > li.aktiv:hover {background: #E9DCBB; }
header nav > ul > li:hover > ul{opacity:1; visibility:visible;}
header nav > ul > li > ul{position:absolute; top:100%; left:0; background: #E9DCBB; list-style: none; margin:0; padding:15px; color:#1d1d1d; width: 100%; opacity:0; visibility:hidden; text-align:center;}
header nav > ul > li > ul li{display:inline-block; padding:0 8px; text-align:center;}
header nav > ul > li > ul li a{text-decoration: none; font-size:13px; color:#1d1d1d; line-height: 22px;}
header nav > ul > li > ul li a:hover{text-decoration: underline}

header nav > ul > li > ul.columns li{width:20%; text-align:left;}

#logo_mobile {display: none;}

header .mobile-menu{display:none; float:right; margin-right:0px;}
header .mobile-menu img{width:50px;  padding:0 15px;}

.box_top_favorites {position: absolute; top: 38px; left: 0; background-color: #f0f0f0; z-index: 110;}

.layout-center{max-width:1140px; margin:0px auto;  position:relative; padding-left:15px; padding-right:15px; }
.layout-center.no-padding{padding-left:0!important; padding-right:0!important;}
.layout-center.content{padding-top: 7px; padding-bottom:20px;}


/*____________________________________________________________________________________________________________________________ SWIPER___*/
.swiper {
 width: 100%;
 height: 100%;
}
.swiper-slide {
 position: relative;
 text-align: center;
 font-size: 18px;
  background: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
}
.swiper-slide div {
 position: absolute;
 bottom: 10%;
 left: 15%;
 border-radius: 15px;
 background: rgba(0, 0, 0, 0.8);
 padding: 25px;
 font-size: 26px;
 color: #ffffff;
 text-align: left;
 line-height: 40px;
}
.swiper-slide div b {
 font-size: 30px;
 font-weight: 500;
}
.swiper-slide img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
}


/*____________________________________________________________________________________________________________________________ OBJEDNÁVKA___*/
.objednavka {
 margin-top: 80px;
}
.objednavka50 {
 width: 50%;
 float:left;
}
.objednavka_pole {
 border: 2px solid #C8B47D;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 43px;
 width: 80%;
}
.objednavka_pole_m {
 border: 2px solid #C8B47D;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 43px;
 width: 50%;
}
.objednavka_text {
 border: 2px solid #C8B47D;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 100px;
 width: 80%;
}
.objednavka label {
 padding-left: 12px;
}
.objednavka table {
 font-size: 16px;
}
.objednavka_nadpis {
   color: #C8B47D;
   font-size: 22px;
 font-weight: 500;
   text-align: center;
}
.objednavka_boxik {
   color: #444444;
}
.objednavka_img {
   width: 70px;
}
.objednavka_logo {
   margin: 20px 20px 0px 0px;
   width: 110px;
}
.soucty {
   color: #157208;
   font-size: 20px;
   font-weight: 600;
}
.pole_pocet {
   border: 1px #18700b solid;
   background-color: #ffffff;
   margin: 0px 20px 0px 0px;
   padding: 10px 0px 10px 0px;
   width: 50px;
   color: #222222;
   font-size: 18px;
   font-weight: 400;
   text-align: center;
}
.button_edit {
   border: 0;
   border-radius: 5px;
   background-color: #54a506;
   padding: 5px 5px 5px 5px;
   color: #eeeeee;
   font-size: 14px;
}
.button_delete {
   border: 0;
   border-radius: 5px;
   background-color: #dd0000;
   padding: 5px 5px 5px 5px;
   color: #eeeeee;
   font-size: 14px;
}
.button_send {
 border: 0;
 background-color: #36A70A;
 padding: 10px 25px 10px 25px;
 max-width: 380px;
 color: #ffffff;
 font-size: 16px;
 cursor: pointer;
}
.button_send:hover {
 background-color: #61ab16;
}
.button_blok {
 border: 0;
 background-color: #cccccc;
 padding: 10px 25px 10px 25px;
 max-width: 380px;
 color: #ffffff;
 font-size: 16px;
}

.dotaz_pole {
 border: 2px solid #C8B47D;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 width: 60%;
 height: 43px;
}
.dotaz_text {
 border: 2px solid #C8B47D;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 100px;
 width: 60%;
}

.packeta-selector-open {
 background-color: #bb0000;
 margin: 20px 0px 0px 0px;
 padding: 5px;
 color: #ffffff;
 font-size: 14px;
 font-weight: 500;
 cursor: pointer;
 float: left;
}
.packeta-selector-branch-name {
 color: #dd0000;
 font-weight: 500;
}

/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail {
 margin-top: 0px;
}
.detail h1 {
 border-bottom: 2px #000000 solid;
 margin: 0px 0px 15px 0px;
 color: #000000;
 font-size: 25px;
 font-weight: 500;
 text-align: left;
}
.detail_img {
 width: 50%;
 float: left;
}
.detail_obraz {
 position: relative;
 background-color: #ffffff;
 margin: 0;
 width: 90%;
}
.detail_foto {
 width: 100%;
}
.detail_popisy {
 position: relative;
 width: 50%;
 float: left;
}
.detail_popisy strong {
 font-weight: 500;
}
.detail_popisy50 {
 width: 48%;
 float: left;
}

.detail_form {
 border-top: #b9b9b9 1px solid;
 border-bottom: #b9b9b9 1px solid;
 margin: 10px 0px 10px 0px;
 padding: 10px 0px 10px 0px;
}
.detail_form50 {
 width: 50%;
 float: left;
}
.detail_form input[type="number"] {
 border:1px solid #cccccc;
 background-color: #ffffff;
 margin: 0px 10px 0px 0px;
 padding: 0px 10px 0px 10px;
 width: 49px;
 height: 49px;
 color: #000000;
 font-size: 24px;
 font-weight: 400;
 text-align: center;
}
.detail_form input[type="submit"] {
 border: 0;
 background: #36A70A url("/img/basket-white.png") no-repeat 10px 10px;
 padding: 12px 10px 12px 40px;
 color: #ffffff;
 font-size: 14px;
 font-weight: 700;
 text-align: center;
 cursor: pointer;
}
.detail_form input[type="submit"]:hover {
 background-color: #3DBB0B;
}
.skladnik {
 color: #dd0000;
 font-weight: 700;
}


/*
.detail_form button[type="submit"] {
 border: 0;
 background-color: #36A70A;
 padding: 12px 0px 12px 0px;
 width: 90%;
 color: #ffffff;
 font-size: 14px;
 font-weight: 700;
 text-align: center;
 cursor: pointer;
}
.detail_form button[type="submit"]:hover {
 background-color: #3DBB0B;
}
.detail_form button[type="submit"] img {margin: 0 10px 0 0; display:inline-block!important; width:auto!important; vertical-align:middle; }
*/

.detail_cena {
}
.detail_cena span {
 color: #967e42;
 font-size: 30px;
}
.detail_dostupnost {
 color: #f36a28;
 font-weight: 400;
}
.detail_nedostupnost {
 color: #777777;
 font-weight: 400;
}
.puv_cena {
 color: #000000;
 font-size: 14px;
 text-decoration: line-through;
 white-space: nowrap;
}
.detail_oznaceni {
 position: absolute;
 left: 0;
 top: 0;
 width: 100px;
 z-index: 20;
}
.detail_sleva {
 background-color : #c25255;
 padding: 3px 0px 3px 0px;
 color: #ffffff;
 font-size: 16px;
 text-align: center;
}
.detail_novinka {
 background-color : #91c96f;
 padding: 3px 0px 3px 0px;
 color: #ffffff;
 font-size: 16px;
 text-align: center;
}

.variant {border-spacing: 0; margin-bottom:30px;}
.variant td{ padding-right:5px; padding-top:4px; padding-bottom:4px; font-size: 15px; vertical-align: top;}
.variant label{cursor:pointer;}
.variant .price{color: #967e42; font-size: 18px; font-weight: 500;}

.detail_benefits {
 width: 100%;
 color: #c8b47d;
 font-size: 16px;
 font-family: 'Roboto',arial;
 font-weight: 400;
}
.detail_benefits a {
 font-size: 12px;
}

.trans-button{background: #E4E4E4; display:block; margin-top: 10px; width: 90%; color: #444444; font-weight: 600; font-size: 14px; text-align:center; text-decoration: none;  padding: 12px 0px 12px 0px; cursor:pointer;}
.trans-button img{margin-right:10px;}
.trans-button:hover{color: #000000; text-decoration: none;}


.detail_galery {
 margin-bottom: 10px;
 width: 25%;
 float: left;
}
.detail_galery img {
 border: #aaaaaa 1px solid;
 width: 90%;
}
.backbutton {color:#000000; font-size: 13px; background: #F3F3F3; border-radius: 4px; margin-top: 10px; padding: 7px 15px 7px 15px; float:right; text-decoration: none;}
.backbutton img {padding-right:5px; position:relative; top:-2px;}
.backbutton:hover {background: #E4E4E4;}


.souvisejici {
 position: relative;
 margin-bottom: 30px;
 width: 33%;
 float: left;
}
.souvisejici:hover {
 background-color: #eeeeee;
 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}
.souvisejici a {
 text-decoration: none;
}
.souvisejici_obsah {
 position: relative;
 background-color: #ffffff;
 margin: 10px 15px 0px 0px;
 padding: 0px 0px 0px 0px;
 color: #663e3e;
}
.souvisejici_nazev {
 padding: 8px 10px 8px 10px;
 height: 40px;
 color: #555555;
 font-size: 15px;
 font-weight: 400;
 text-align: center;
}
.souvisejici_popis {
 position: relative;
 padding: 0px 10px 0px 10px;
}
.souvisejici_img img {
 width: 100%;
}
.souvisejici_novinka {
 position: absolute;
 left: 0;
 top: -10px;
 background-color : #91c96f;
 padding: 0px 4px 0px 4px;
 color: #ffffff;
 font-size: 11px;
 text-align: center;
 z-index: 10;
}
.souvisejici_dostupnost {
 padding-bottom: 5px;
 color: #48d22d;
 font-size: 11px;
 text-align: right;
}
.souvisejici_nedostupnost {
 padding-bottom: 5px;
 color: #777777;
 font-size: 11px;
 text-align: right;
}

.krabicky_boxik {
 width: 12%;
 text-align: center;
 float: left;
}


/*____________________________________________________________________________________________________________________________ KATALOG___    border: 1px solid #990000;      */
.polozka {
 margin-bottom: 30px;
 max-width: 25%;
 float: left;
}
.polozka a {
 text-decoration: none;
}
.polozka_obsah {
 position: relative;
 background-color: #ffffff;
 margin: 10px;
 padding: 15px;
 color: #666666;
 font-size: 15px;
}
.polozka_nazev {
 padding: 4px 0px 4px 0px;
 height: 60px;
 color: #967E42;
 text-align: center;
}
.polozka_img {
 position: relative;
}
.polozka_obraz {
 width: 100%;
}
.polozka_popis {
}
.polozka_popisky {
 height: 70px;
}
.polozka_popisky40 {
 padding-top: 27px;
 width: 40%;
 vertical-align: bottom;
 float: left;
}
.polozka_popisky60 {
 width: 58%;
 text-align: right;
 float: left;
}
.polozka_dostupnost {
 color: #F36A28;
}
.polozka_nedostupnost {
 color: #777777;
}
.polozka_doprava {
 color: #71945b;
 font-size: 13px;
}
.polozka_sleva {
 position: absolute;
 left: -10px;
 top: -10px;
 background-color : #c25255;
 padding: 1px 7px 1px 7px;
 color: #ffffff;
 font-size: 12px;
 text-align: center;
 z-index: 10;
}
.polozka_novinka {
 position: absolute;
 left: -10px;
 top: -10px;
 background-color : #91c96f;
 padding: 1px 7px 1px 7px;
 color: #ffffff;
 font-size: 12px;
 text-align: center;
 z-index: 10;
}


.polozka_cena {
 color: #444444;
 font-size: 15px;
}
.polozka_cena span {
 color: #967e42;
 font-size: 22px
}
.polozka_button {
 float: right;
 font-size: 13px;
 color: white;
 padding: 6px 10px 6px 10px;
 background-color: #444443;
 margin-top: 5px;
}

.filter-price{float:left; margin-bottom:12px;}
.filter{float:right;}
.filter select{border:1px solid #000000; line-height:32px; height:32px;}
.filter option{border-radius:0!important; background:#ffffff!important; border:1px solid #000000; line-height:32px; height:32px; text-align: center;}
.filter .selectboxit-container .selectboxit .selectboxit-text{color:#000000;  font-size:14px; font-family:DINPro-Regular,sans-serif; padding-left:5px;}
.filter .selectboxit-container .selectboxit .selectboxit-arrow-container{background:#1B1B1B url(../img/my-select.gif) no-repeat center center}
.filter .selectboxit-container span, .selectboxit-container .selectboxit-options a{height:32px; line-height:32px;}
.filter  .selectboxit-default-arrow{display:none;}
.filter  .selectboxit-option-anchor{color:#000000;  font-size:14px; font-family:DINPro-Regular,sans-serif;}
.filter .selectboxit-option-icon-container{display:none!important}



.submenu_trideni {
 padding: 0 0 10px 0;
 text-align: center;
}
.submenu_trideni a {
 display: inline-block;
 margin-bottom: 30px;
 padding: 0px 20px 0px 20px;
 text-decoration: none;
 font-size: 17px;
 color: #1d1d1d;
 font-weight: normal;
}
.submenu_trideni a.vyber {
 background: #F7F0DE;
}
.submenu_trideni a:hover {
 text-decoration: underline;
}
.submenu_trideni a b {
 font-weight: 500;
}

.submenu_trideni_g {
 margin: auto;
 padding: 0 0 10px 0;
 text-align: center;
}
.submenu_trideni_g a {
 display: inline-block;
 background-color: #b99359;
 margin-bottom: 15px;
 padding: 10px 0 10px 0;
 width: 12%;
 color: #ffffff;
 text-decoration: none;
 font-size: 17px;
 font-weight: normal;
 text-align: center;
 float: none;
}
.submenu_trideni_g a.vyber {
 background: #f7f0de;
}
.submenu_trideni_g a:hover {
 text-decoration: underline;
}


/*____________________________________________________________________________________________________________________________ OBSAH___*/
h1 {
 border-bottom: 1px solid #000000;
 padding: 0 0 5px 0;
 margin-bottom: 20px;
 color: #000000;
 font-size: 24px;
 font-weight: 500;
 text-align: center;
}
h2 {
   color: #000000;
   font-size: 23px;
   font-weight: normal;
}
h3 {
   color: #000000;
   font-size: 23px;
   font-weight: normal;
}
p {
   margin: 0px 0px 5px 0px;
   text-align: justify;
}
p.pravy {
   margin-bottom: 0px 0px 5px 0px;
   text-align: right;
}
p.justify {
   margin-bottom: 0px 0px 5px 0px;
   text-align: justify;
}
strong {
   font-weight: 500;
}






table {
   color: #111111;
   font-family: 'Roboto',arial;
   font-size: 17px;
}
table.fullsize {
   width: 100%;
}

.backlinks {color:#373737; font-size: 14px; background: #F2EBD8; line-height: 30px; padding:0 10px; float:left; margin: 15px 0px 10px 0px;}
.backlinks a{color:#373737; display:inline-block; text-decoration: none; margin:0 5px;}
.backlinks a img{margin-bottom: -4px; position:relative; padding-right:5px;}
.backlinks a:hover{color:#222222; text-decoration: underline;}

.benefits{background-color: #efefef;}
.benefits .item{display:inline-block; width:23%; text-align:center; padding: 0 0 15px 0;}
.benefits .item img{max-width: 100%}


/*____________________________________________________________________________________________________________________________ FOTOGALERIE___*/
.box_fotolist {
   background-color: #ffffff;
   margin: 0 10px 10px 0;
   padding: 10px; 
   text-align: center;
}
.box_fotka {
   height: 200px;
   text-align: center;
   overflow: hidden;
}
.box_fotka img {
   height: 200px;
   overflow: hidden;
}



/*_____________________________________________STRÁNKOVÁNÍ___*/
.box_pages {
padding: 30px 0px 30px 0px;
text-align: center;
}
.page_button {
display: inline-block;
background-color: #111111;
margin: 40px 0px 60px 0px;
padding: 10px 50px 10px 50px;
color: #eeeeee;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.page_button:hover {
color: #eeeeee;
text-decoration: underline;
}
.page_on {
display: inline-block;
background-color: #111111;
margin: 0px 5px 5px 0px;
padding: 6px 0px 6px 0px;
width: 40px;
color: #eeeeee;
font-size: 15px;
text-align: center;
vertical-align: middle;
}
.page_off {
display: inline-block;
background-color: #cccccc;
margin: 0px 5px 5px 0px;
padding: 6px 0px 6px 0px;
width: 40px;
color: #111111;
font-size: 15px;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.page_off:hover {
background-color: #111111;
color: #ffffff;
text-decoration: underline;
}





/*_____________________________________________________________________ FORM___*/
.overeni {
display: none;
}
.pole {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
color: #350000;
}
.pole_a {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
width: 220px;
color: #350000;
}
.pole_b {
border: #350000 1px solid;
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px;
width: 60px;
color: #350000;
}

.buton_green {
border: 0;
background-image: url("../img/bg_button_green.png");
background-repeat: no-repeat;
background-position: left top;
padding: 10px 20px 10px 20px;
font-size: 14px;
font-family: arial;
font-weight: bold;
background-color: #009F00;
color: #FFFFFF;
cursor: pointer;
}


/*____________________________________________________________________________________________________________________________ BOOTOM___*/
footer {
   background-color: #272727;
   padding: 20px 0px 20px 0px;
}
.box_bottom {
   margin: auto;
   padding: 0px 10px 0px 10px;
   max-width: 1180px;
}
.box_bottom_obsah {
   display: inline-block;
   padding: 0px 0px 40px 0px;
   width: 23%;
   color: #b7b7b7;
   text-align: left;
   vertical-align: top;
}
.box_bottom_obsah b {
 color: #eeeeee;
 font-weight: 500;
}
.box_bottom_obsah a {
 color: #b7b7b7;
 font-size: 15px;
}
.link-item{display:inline-block; text-align:center; margin:0 10px 10px 10px; font-size: 12px;}



.copyright {
 border-top: 1px #505050 solid;
 color: #b7b7b7;
 font-size: 12px;
 line-height: 38px;
 text-align:center;
}








a{
	color: black ;
	text-decoration: underline ;
}

a:hover{
	text-decoration: none ;
}



/*____________________________________________________________________________________________________________________________ OBECNE___*/
img {
   border: 0px;
}
.clear {
   clear: both;
}
.left {
   text-align: left;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}
.bold {
   font-weight: 600;
}
.fullsize {
   width: 100%;
}
.box25 {
   padding: 0px 0px 20px 0px;
   width: 25%;
   float: left;
}
.box50 {
   padding: 0px 10px 30px 0px;
   width: 48%;
   float: left;
}
.box50 img {
   margin-bottom: 30px;
   width: 100%;
}
.box50r {
   padding: 0px 10px 30px 0px;
   width: 48%;
   float: right;
}
.box50r img {
   margin-bottom: 30px;
   width: 100%;
}
.screen {
   display: block;
}
.tablet {
   display: none;
}
.mobil {
   display: none;
}

/*____________________________________________________________________________________________________________________________ COOKIES___*/
#confirmcookies {
 position: fixed;
 bottom: 0px;
 right: 0px;
 background-color: #eeeeee;
 z-index: 20;
}
#confirmcookies .box {
 margin: auto;
 padding: 30px 30px 20px 30px;
 color: #111111;
 font-size: 18px;
 text-align: center;
 z-index: 10;
}
.but_no {
 display: inline-block;
 border: #6eb100 1px solid;
 border-radius: 8px;
 background-color: #fafafa;
 padding: 8px 0px 8px 0px;
 margin: 0px 0px 20px 20px;
 width: 200px;
 color: #222222;
 font-size: 14px;
 text-align: center;
 text-decoration: none;
}
.but_ok {
 display: inline-block;
 border: 0;
 border-radius: 8px;
 background-color: #00aa00;
 padding: 8px 0px 8px 0px;
 margin: 0px 0px 20px 20px;
 width: 200px;
 color: #ffffff;
 font-size: 14px;
 text-align: center;
 text-decoration: none;
}
#setingcookies {
 visibility: hidden;
 position: fixed;
 bottom: 50px;
 left: 50%;
 margin-left: -150px;
 padding: 30px;
 width: 300px;
 background-color: #ffffff;
 z-index: 30;
}
.switch {
  position: relative;
  display: inline-block;
}
.switch-input {
  display: none;
}
.switch-label {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: 150%;
  clip: rect(0 0 0 0);
  user-select: none;
}
.switch-label::before,
.switch-label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.switch-label::before {
  width: 100%;
  height: 100%;
  background-color: #dedede;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.switch-label::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.switch-input:checked + .switch-label::before {
  background-color: #89c12d;
}
.switch-input:checked + .switch-label::after {
  left: 24px;
}
