/*  světle zelená #3c9b00 , tmavě zelená #3d7b2e , #1e5b25   oranžová #d57e00   */

body {
 background-color: #f5f5f5;
 margin: 0;
 padding: 0;
 color: #666666;
 font-family: arial;
 font-size: 17px;
}
section {
 margin: auto;
 padding: 20px 10px 10px 10px;
 max-width: 1180px;
}
.box_grey {
 background-color: #dddddd;
}

/*____________________________________________________________________________________________________________________________ TOP___*/
.top {
 position: fixed;
 top: 0;
 left: 0;
 border-bottom: 2px #eeeeee solid;
 background-color: rgba(0, 0, 0, 0.7);
 width: 100%;
 height: 110px;
 z-index: 10;
}
.hitop {
 background-color: #3c9b00;
}
.box_hitop {
 margin: auto;
 padding: 5px 10px 5px 10px;
 max-width: 1180px;
 color: #eeeeee;
 font-size: 15px;
 text-align: right;
}
.box_top {
 position: relative;
 margin: auto;
 padding: 0px 10px 0px 10px;
 max-width: 1180px;
}
.box_logo {
 position: absolute;
 top: 6px;
 left: 20px;
}

.box_search {
 position: absolute;
 right: 20%;
 top: 25px;
}
.box_search input[type="text"] {
 border: 0;
 border-radius: 6px 0px 0px 6px;
 background-color : #ffffff;
 padding: 8px 5px 8px 5px;
 margin: 0px 0px 0px 0px;
 width: 170px;
 color: #555555;
 font-size: 14px;
}
.box_search input[type="submit"] {
 border: 1px #323232 solid;
 border-radius: 0px 6px 6px 0px;
 background-color : #eeeeee;
 padding: 8px 10px 8px 10px;
 margin: 0px 0px 0px 0px;
 color: #323232;
 font-size: 14px;
 cursor: pointer;
}

/*____________________________________________________________________________________________________________________________ TOPMENU___*/
#logo_mobile {
 position: absolute;
 top: 5px;
 left: 5px;
 display: none;
}
#menu_responzive {
   background-color: transparent;
   margin: 25px 0 0 270px;
   float: left;
}
#menu_responzive ul {
   display: table; margin: 0; padding: 0; width: 100%; list-style: none;
}
#menu_responzive li {
   float: left;
}
#menu_responzive a {
   display: block;
   border-bottom: 0;
   padding: 10px  20px 0px 20px;
   height: 29px;
   color: #ffffff;
   font-size: 16px;
   font-weight: 300;
   text-decoration: none;
}
#menu_responzive a:hover {
   border-bottom: 2px #ffffff solid;
   color: #ffffff;
   text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ KOŠÍK___*/
.box_kosik_empty {
   position: absolute;
   top: 11px;
   right: 20px;
   background-image: url("/img/bg_kosik_empty.png");
   background-repeat: no-repeat;
   background-position: left top;
   padding: 0px 0px 0px 60px;
   height: 45px;
   color: #acacac;
   font-size: 16px;
   font-weight: 400;
}
.box_kosik_full {
   position: absolute;
   top: 5px;
   right: 20px;
   background-image: url("/img/bg_kosik_full.png");
   background-repeat: no-repeat;
   background-position: left top;
}
.box_kosik_full a {
   display: block;
   padding: 20px 10px 0px 50px;
   height: 35px;
   color: #eeeeee;
   font-size: 17px;
   font-weight: 300;
   text-decoration: none;
}
.box_kosik_full a:hover {
   color: #ffffff;
   text-decoration: underline;
}
.box_kosik_full span {
   color: #eeeeee;
   font-size: 17px;
   text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ 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: 5%;
 left: 15%;
 border-radius: 15px;
 background: rgba(0, 0, 0, 0.8);
 padding: 35px;
 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;
}


/*____________________________________________________________________________________________________________________________ ILUSTRACE___*/
.ilustrace {
 background-repeat: no-repeat;
 background-position: center top;
 background-size: cover;
 height: 550px;
}
.box_ilustrace {
 position: relative;
 margin: auto;
 max-width: 1200px;
}
.box_ilustrace div {
 position: absolute;
 top: 100px;
 left: 50px;
 color: #003c51;
 font-size: 28px;
 font-weight: 300;
}
.box_ilustrace div span {
 font-size: 40px;
}


/*____________________________________________________________________________________________________________________________ OBSAH___*/
.box_h1 {
 border-top: #ffffff 3px solid;
 background-color: #3d7b2e;
 padding: 0px 15px 0px 15px;
}
.box_h1 h1 {
 margin: 0;
 padding: 30px 0px 30px 0px;
 color: #eeeeee;
 font-family: 'Montserrat',sans-serif;
 font-size: 30px;
 font-weight: 400;
 text-align: center;
}
h1 {
 margin: 0;
 padding: 20px 0px 20px 0px;
 color: #296a00;
 font-family: 'Montserrat',sans-serif;
 font-size: 30px;
 font-weight: 400;
 text-align: center;
}
h2 {
 padding: 10px 0px 10px 0px;
 color: #3d7b2e;
 font-family: 'Montserrat',sans-serif;
 font-size: 30px;
 font-weight: 400;
 text-align: center;
}
p {
 margin: 0px;
 padding: 0px;
 line-height: 23px;
}
ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}
a {
   color: #444444;
   font-size: 17px;
   font-weight: 400;
}
a:hover {
   color: #54a506;
}
.small {
   font-size: 13px;
}

.box_white {
 border-top: #444444 1px solid;
 border-bottom: #444444 1px solid;
 background-color: #ffffff;
 padding: 30px 0px 30px 0px;
 text-align: center;
}
.button_link {
   border: 0;
   border-radius: 10px;
   background-color: #d57e00;
   padding: 10px 25px 10px 25px;
   color: #eeeeee;
   font-size: 26px;
   text-decoration: none;
}
.button_link:hover {
   background-color: #54a506;
   color: #eeeeee;
   text-decoration: none;
}


table {
 color: #666666;
 font-family: arial;
 font-size: 17px;
}
table.fullsize {
 width: 100%;
}

.hlaska {
 border-left: #F99204 4px solid;
 margin: 60px 0 60px 15px;
 padding: 15px;
 color: #F99204;
 font-size: 20px;
 font-style: italic;
}

.site_top {
 height: 110px;
}


/*____________________________________________________________________________________________________________________________ BLOG___*/
.clanek_anotace {
 width: 25%;
 float: left;
}
.clanek_anotace:hover {
 background-color: #eeeeee;
}
.clanek_anotace a {
 text-decoration: none;
}
.clanek_anotace_obsah {
 background-color: #ffffff;
 margin: 6px;
 padding: 6px;
}
.clanek_anotace_text {
 height: 80px;
 overflow: hidden;
}
.clanek_anotace_obsah img {
 border-top: #3c9b00 6px solid;
 margin: 7px 0px 7px 0px;
 width: 100%;
}
.clanek_anotace_nazev {
 margin: 0px 0px 0px 0px;
 height: 60px;
 color: #444444;
 font-size: 22px;
 font-weight: 400;
}


/*____________________________________________________________________________________________________________________________ KATALOG___*/
.i_polozka {
 margin-bottom: 30px;
 width: 25%;
 float: left;
}
.i_polozka a {
 text-decoration: none;
}
.polozka {
 margin-bottom: 30px;
 width: 33%;
 float: left;
}
.polozka a {
 text-decoration: none;
}
.polozka_obsah {
 position: relative;
 border: 1px #cccccc solid;
 border-radius: 13px;
 background-color: #ffffff;
 margin: 0px 15px 0px 15px;
 color: #444444;
 font-size: 14px;
 text-align: right;
}
.polozka_obsah:hover {
 border: 1px #296a00 solid;
}
.polozka_nazev {
 padding: 10px 25px 10px 25px;
 height: 50px;
 color: #296a00;
 font-family: 'Montserrat',sans-serif;
 font-size: 20px;
 font-weight: 400;
 text-align: center;
}
.polozka_img {
 padding: 0px 0px 0px 0px;
}
.polozka_img img {
 width: 100%;
}
.polozka_popisky {
 padding: 0px 15px 15px 15px;
}
.polozka_cena {
 padding: 6px 0px 6px 0px;
 color: #296a00;
 font-size: 17px;
 font-weight: 300;
 text-align: right;
}
.polozka_cena span {
   color: #296a00;
   font-size: 30px;
   font-weight: 600;
}
.polozka_cena b {
   color: #296a00;
   font-size: 20px;
   font-weight: 400;
}
.polozka_dostupnost {
   color: #54a506;
   font-size: 15px;
   font-weight: 300;
   text-align: center;
}
.polozka_dostupnost img {
   margin-top: -5px;
   float: left;
}
.polozka em {
   color: #777777;
   font-size: 15px;
}
.polozka_button {
   border: 0;
   border-radius: 10px;
   background-color: #f49603;
   background-image: url("/img/iko_lupa.png");
   background-repeat: no-repeat;
   background-position: left center;
   padding: 8px 10px 8px 30px;
   width: 110px;
   color: #ffffff;
   font-size: 16px;
   text-align: center;
   font-weight: 600;
   cursor: pointer;
   float: right;
}
.polozka_button:hover {
   background-color: #54a506;
   animation-name: kat_but_bgr;
   animation-duration: 500ms;
   animation-direction: linear;
}
@keyframes kat_but_bgr {0% {background-color: #f49603;} 100% {background-color: #54a506;}}

.iko_novinka {
 position: absolute;
 left: 0px;
 top: 80px;
 width: 15%;
}

/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_h1 {
 padding: 20px 0px 30px 0px;
 color: #296a00;
 font-family: 'Montserrat',sans-serif;
 font-size: 30px;
 font-weight: 400;
}
.detail {
 position: relative;
 border-radius: 13px;
 background-color: #ffffff;
 padding: 30px 30px 30px 30px;
}
.detail_img {
   position: relative;
   width: 40%;
   text-align: center;
   float: left;
}
.detail_img img {
   width: 100%;
}

.detail_popisy {
 width: 59%;
 float: left;
}
.detail_popisy_box {
   padding: 0px 0px 0px 15px;
}
.detail_h2 {
 color: #003c51;
 font-family: 'Montserrat',sans-serif;
 font-size: 24px;
 font-weight: 300;
 text-align: left;
}
.detail_novinka {
 position: absolute;
 left: 30px;
 top: 30px;
 width: 75px;
 z-index: 50;
}


.detail_form {
 background-color: #eeeeee;
 padding: 10px 10px 10px 0px;
 text-align: right;
}
.detail_form label {
   margin: 0px 10px 0px 0px;
}
.detail_form input[type="number"] {
   border: 1px #1e5b25 solid;
   background-color: #ffffff;
   margin: 0px 20px 0px 0px;
   padding: 10px 0px 10px 0px;
   width: 50px;
   color: #0b630a;
   font-size: 18px;
   font-weight: 400;
   text-align: center;
}
.detail_form input[type="submit"] {
   border: 0;
   border-radius: 10px;
   background-color: #1e5b25;
   background-image: url("/img/but_basket.png");
   background-repeat: no-repeat;
   background-position: left center;
   padding: 15px 10px 15px 50px;
   color: #ffffff;
   font-size: 16px;
   text-align: center;
   cursor: pointer;
}
.detail_form input[type="submit"]:hover {
   border: 0;
   background-color: #54A506;
   animation-name: kat_but_bgr;
   animation-duration: 500ms;
   animation-direction: linear;
}
@keyframes kat_but_bgr {0% {background-color: #1e5b25;} 100% {background-color: #54A506;}}


.detail_cena {
   color: #296a00;
   font-size: 23px;
   font-weight: 400;
   text-align: right;
}
.detail_cena span {
   color: #296a00;
   font-size: 40px;
   font-weight: 300;
}
.detail_dostupnost {
   color: #54a506;
   font-size: 15px;
   font-weight: 400;
}
.detail_dostupnost img {
   margin-top: -5px;
   float: left;
}
.detail em {
   color: #777777;
   font-size: 15px;
}

.ceska_znacka {
 background-image: url("/img/ceska-znacka.png");
 background-repeat: no-repeat;
 background-position: left top;
 background-size: 35px 35px;
 padding: 0px 0px 0px 40px;
 color: #666666;
 font-size: 15px;
 font-weight: 400;
 line-height: 19px;
}

/*____________________________________________________________________________________________________________________________ OBJEDNÁVKA___*/
.objednavka {
 margin-top: 80px;
}
.objednavka50 {
 width: 50%;
 float:left;
}
.objednavka_pole {
 border: 1px solid #296a00;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 43px;
 width: 80%;
}
.objednavka_pole_m {
 border: 1px solid #296a00;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 43px;
 width: 50%;
}
.objednavka_text {
 border: 1px solid #296a00;
 background-color: #ffffff;
 padding: 0 10px 0 10px;
 height: 100px;
 width: 80%;
}
.objednavka label {
 padding-left: 0;
 text-align: left;
}
.objednavka table {
 font-size: 16px;
}
.objednavka_nadpis {
 color: #296a00;
 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;
 border-radius: 7px;
 background-color: #296a00;
 padding: 10px 25px 10px 25px;
 max-width: 380px;
 color: #ffffff;
 font-size: 16px;
 cursor: pointer;
}
.button_send:hover {
 background-color: #36A70A;
}


/*____________________________________________________________________________________________________________________________ CONFIRMTOBASKET___*/
#confirmtobasket {
   border: #d57e00 3px solid;
   border-radius: 10px;
   visibility: visible;
   position: absolute;
   top: 300px;
   left: 50%;
   background-color : #ffffff;
   margin-left: -170px;
   padding: 0px 20px 20px 20px;
   width: 340px;
   color: #d57e00;
   font-size: 18px;
   text-align: center;
   z-index: 10;
}
#confirmtobasket a {
   color: #54A506;
}
#confirmtobasket a:hover {
   color: #54A506;
}


/*____________________________________________________________________________________________________________________________ SOCIAL BUTTONS___*/
.box_detail_social {
   padding: 0px 0px 30px 0px;
}
.but_facebook,.but_twitter,.but_google {
   display: block;
   border-radius: 7px;
   margin: 10px 8px 0px 0px;
   padding: 8px 0px 0px 0px;
   width: 140px;
   height: 22px;
   color: #eeeeee;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
   float: right;
}
.linkbut_facebook,.linkbut_twitter,.linkbut_google {
   display: block;
   border-radius: 7px;
   margin: 0px 0px 8px 8px;
   padding: 13px 0px 0px 0px;
   width: 190px;
   height: 30px;
   color: #eeeeee;
   font-family: arial;
   font-size: 14px;
   font-weight: normal;
   text-decoration: none;
   text-align: center;
   float: right;
}
.but_facebook,.linkbut_facebook {
   background-color: #425f9c;
}
.but_facebook:hover,.linkbut_facebook:hover {
   background-color: #2e4a83;
   color: #ffffff;
   text-decoration: none;
}
.but_twitter,.linkbut_twitter {
   background-color: #1b95e0;
}
.but_twitter:hover,.linkbut_twitter:hover {
   background-color: #1d75ab;
   color: #ffffff;
   text-decoration: none;
}
.but_google,.linkbut_google {
   background-color: #db4437;
}
.but_google:hover,.linkbut_google:hover {
   background-color: #b73025;
   color: #ffffff;
   text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ FORM___*/
.box_form {
   border: #54a506 1px solid;
   border-radius: 15px;
   padding: 20px 20px 20px 20px;
}
.overeni {
   display: none;
}
.pole {
   border: #54a506 1px solid;
   background-color: #eeeeee;
   margin: 0px 0px 0px 0px;
   padding: 6px;
   width: 270px;
   color: #111111;
}
.textpole {
   border: #54a506 1px solid;
   background-color: #eeeeee;
   margin: 0px 0px 0px 0px;
   padding: 6px;
   width: 500px;
   height: 100px;
   color: #111111;
   font-family: arial;
}
.buton {
   border: 0;
   border-radius: 7px;
   background-color: #54a506;
   margin: 0px 0px 0px 0px;
   padding: 10px 30px 10px 30px;
   color: #eeeeee;
   text-decoration: none;
}
.buton:hover {
   color: #ffffff;
   text-decoration: none;
}
.label {
 padding-right: 30px;
 width: 20%;
 text-align:right;
 float:left;
}


/*____________________________________________________________________________________________________________________________ INFOBOXY___*/
.box_circle_info {
   padding: 20px 0px 20px 0px;
   width: 33%;
   text-align: center;
   float: left;
}
.box_circle_info span {
   display: inline-block;
   border: #aaaaaa 5px solid;
   border-radius: 50%;
   background-color: #54a506;
   padding-top: 35px;
   width: 120px;
   height: 85px;
   color: #ffffff;
   font-size: 15px;
   font-weight: 700;
   text-align: center;
}


/*____________________________________________________________________________________________________________________________ BOOTOM___*/
.bottom {
 background-color: #222222;
 margin-top: 30px;
 padding: 30px 0px 40px 0px;
}
.box_bottom {
 margin: auto;
 padding: 0px 10px 0px 10px;
 max-width: 1180px;
}
.box_bottom_cast {
 padding-bottom: 10px;
 width: 25%;
 color: #cccccc;
 font-size: 14px ;
 text-align: left;
 line-height: 23px;
 float: left;
}
.box_bottom_cast span {
 font-weight: 600;
}
.box_bottom_cast a {
 color: #cccccc;
 font-size: 14px ;
 text-decoration: none;
}
.box_bottom_cast a:hover {
 color: #ffffff;
 text-decoration: underline;
}
.bottom_logo {
 width: 180px;
}

.box_botcopy {
 padding-top: 10px;
 font-size: 12px ;
 color: #ffffff;
 text-align: center;
}
.box_botcopy a {
 font-size: 12px ;
 text-decoration: none;
}


/*____________________________________________________________________________________________________________________________ OBECNE___*/
img {
   border: 0px;
}
hr {
   background-color: #ffffff;
}
.clear {
   clear: both;
}
.left {
   text-align: left;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}
.justify {
   text-align: justify;
}
.bold {
   font-weight: bold;
}
.fullsize {
   width: 100%;
}
.flo_left {
   float: left;
}
.flo_right {
   float: right;
}
.box25 {
   margin-bottom: 10px;
   padding-bottom: 4px;
   width: 25%;
   text-align: center;
   float: left;
}
.box25r {
   margin-bottom: 10px;
   padding-bottom: 4px;
   width: 25%;
   text-align: center;
   float: right;
}
.box25,.box25r img {
   margin-bottom: 3px;
   width: 98%;
}
.box33 {
   width: 33%;
   float: left;
}
.box33 img {
   padding-bottom: 10px;
   width: 98%;
}
.box50 {
   width: 50%;
   float: left;
}
.box50 img {
   margin-bottom: 30px;
   width: 100%;
}
.box50r {
   width: 50%;
   float: right;
}
.box50r img {
   margin-bottom: 30px;
   width: 100%;
}
.invisible {
   display: none;
}