/*  tmavě zelená #305b0b , světle zelená #59b506   */

body {
 background-color: #ffffff;
 margin: 0;
 padding: 0;
 color: #555555;
 font-family: 'Roboto',arial;
 font-size: 19px;
 font-weight: 300;
}
section {
 margin: auto;
 padding: 20px 10px 30px 10px;
 max-width: 1180px;
}

/*____________________________________________________________________________________________________________________________ TOP___*/
.top {
}
.box_top {
 position: relative;
 margin: auto;
 padding: 10px 10px 10px 10px;
 max-width: 1180px;
 height: 85px;
}
.box_logo {
 position: absolute;
 top: 10px;
 left: 20px;
}
.box_logo img {
 width: 300px;
}

/*____________________________________________________________________________________________________________________________ ILUSTRACE___*/
.ilustrace {
 background-image: url("/img/ilustrace.jpg");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center top;
 height: 500px;
}
.box_ilustrace {
 position: relative;
 margin: auto;
 max-width: 1200px;
}
.box_ilustrace div {
 position: absolute;
 top: 100px;
 left: 50px;
 color: #ffffff;
 font-size: 35px;
 font-weight: 300;
}
.box_ilustrace div span {
 font-size: 50px;
 font-weight: 300;
}


/*____________________________________________________________________________________________________________________________ TOPMENU___*/
#logo_mobile {display: none;}
#menu_responzive {
   position: relative;
 background-color: #305b0b;
   padding: 0px 0px 0px 0px;
 text-align: center;
}
#menu_responzive ul {
   display: table; margin: auto; padding: 0; list-style: none;
}
#menu_responzive li {
   float: left;
}
#menu_responzive a {
   display: block;
   margin-right: 10px;
   padding: 10px  12px 0px 12px;
   height: 29px;
   color: #ffffff;
   font-size: 18px;
   font-weight: 400;
   text-decoration: none;
   float: left;
}
#menu_responzive a:hover {
   color: #ffffff;
   text-decoration: underline;
}


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


/*____________________________________________________________________________________________________________________________ SUBMENU___*/
.submenu {
 background-color: #ffffff;
}
.submenu_box {
 margin: auto;
 padding: 10px 10px 10px 10px;
 max-width: 1180px;
 text-align: center;
}
.submenu_box a {
   border-bottom: 3px #ffffff solid;
   padding: 10px  20px 5px 20px;
   color: #305b0b;
   font-size: 20px;
   font-weight: 300;
   text-decoration: none;
}
.submenu_box a:hover {
   border-bottom: 3px #305b0b solid;
   color: #305b0b;
}


/*____________________________________________________________________________________________________________________________ OBSAH___*/
h1 {
 margin: 0px;
 padding: 30px 0px 20px 0px;
 color: #444444;
 font-size: 28px;
 font-weight: 300;
 text-align: center;
}
h2 {
 padding: 10px 0px 10px 0px;
 font-size: 24px;
 font-weight: 400;
 text-align: center;
}
p {
   margin: 20px 0px 20px 0px;
   padding: 0px;
}
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: #444444;
 font-family: 'Roboto',arial;
   font-size: 16px;
}
table.fullsize {
   width: 100%;
}

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

.iframe50 {
 width: 50%;
 margin-bottom: 30px;
 text-align: center;
 float: left;
}
.iframe50 img {
 border: 1px #444444 solid;
 width: 95%;
}

.img_personal {
   margin: 0 0 30px 30px;
   width: 40%;
   float: right;
}


/*____________________________________________________________________________________________________________________________ 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___*/
.polozka {
 margin-bottom: 30px;
 width: 33%;
 float: left;
}
.polozka a {
 text-decoration: none;
}
.polozka_obsah {
 border: 2px #cccccc solid;
 background-color: #ffffff;
 margin: 0px 15px 0px 15px;
 padding: 15px;
}
.polozka_nazev {
 position: relative;
 padding: 0px 10px 10px 10px;
 height: 50px;
 color: #444444;
 font-size: 18px;
 font-weight: 300;
 text-align: center;
}
.polozka_img {
 padding: 10px 0px 10px 0px;
 text-align: center;
}
.polozka_img img {
 width: 90%;
}
.polozka_popisky {
 padding: 5px 0px 5px 0px;
 color: #003c51;
 font-size: 15px;
 font-weight: 300;
 text-align: center;
}
.polozka_cena {
 width: 70%;
 font-size: 16px;
 font-weight: 300;
 text-align: right;
 float: left;
}
.polozka_cena span {
 color: #305b0b;
 font-family: arial;
 font-size: 28px;
 font-weight: 600;
}
.polozka_dostupnost {
 width: 30%;
 color: #305b0b;
 font-size: 15px;
 font-weight: 300;
 text-align: left;
 float: left;
}
.polozka_nedostupnost {
 width: 30%;
 color: #aaaaaa;
 font-size: 15px;
 font-weight: 300;
 text-align: left;
 float: left;
}

.polozka_form {
 padding: 15px 0px 0px 0px;
 text-align: right;
}
.polozka_form input {
 border: solid 1px #9b9b9b;
 border-radius: 5px;
 margin: 5px 5px 0 0;
 width: 40px;
 height: 40px;
 font-size: 16px;
 text-align: center;
}
.polozka_form .button {
 border: 0;
 border-radius: 10px;
 background-color: #59b506;
 margin: 0px 0px 0px 10px;
 padding: 10px 10px 10px 10px;
 color: #ffffff;
 font-size: 16px;
 text-align: center;
}

.polozka_novinka {
 position: absolute;
 left: -34px;
 top: 50px;
 width: 90px;
}



.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;}}


/*____________________________________________________________________________________________________________________________ DETAIL___*/
.detail_h1 {
 font-size: 35px;
}
.detail {
 background-color: #ffffff;
 padding: 30px 30px 30px 30px;
}
.detail_img {
   position: relative;
   border-right: 1px #aaaaaa solid;
   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: 'Roboto',arial;
 font-size: 24px;
 font-weight: 300;
 font-style: italic;
 text-align: left;
}


.detail_form {
 background-color: #cccccc;
 padding: 10px 10px 10px 0px;
 text-align: right;
}
.detail_form label {
   margin: 0px 10px 0px 0px;
}
.detail_form input[type="number"] {
   border: 1px #59b506 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: #59b506;
   padding: 15px 10px 15px 10px;
   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: #d57e00;} 100% {background-color: #54A506;}}


.detail_cena {
   padding: 0px 0px 30px 0px;
   color: #305b0b;
   font-size: 23px;
   font-weight: 400;
   text-align: right;
}
.detail_cena span {
   font-size: 40px;
   font-weight: 300;
}
.detail_dostupnost {
   color: #305b0b;
   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;
}

.detail_33 {
 margin-bottom: 40px;
 width: 33%;
 font-weight: 600;
 text-align: center;
 float: left;
}
.detail_33 div {
 width: 300px;
 height: 260px;
 clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
 margin: auto;
}
.detail_33 div img {
 width: 100%;
}

.containery {background-color: #EBEEE6; margin-bottom: 50px; max-width: 1200px;}
.container_obsah_levy {display: grid; place-content: center; width: 65%; min-height: 400px; float: right;}
.container_obsah_levy h3 {margin-bottom: 10px; padding: 30px 0px 0px 30px; font-size: 20px;}
.container_obsah_levy hr {background-color: #59b506; width: 20%; height: 4px; margin-left: 30px;}
.container_obsah_levy p {padding: 0px 30px 0px 30px;}
.container_obsah_levy ul {margin: 0px 0px 0px 15px;}
.container_img_pravy {width: 35%; float: right;}
.container_img_pravy img {width: 100%;}

.container_obsah_pravy {display: grid; place-content: center; width: 65%; min-height:400px; float: left;}
.container_obsah_pravy h3 {margin-bottom: 10px; padding: 30px 0px 0px 30px; font-size: 20px;}
.container_obsah_pravy hr {background-color: #59b506; width: 20%; height: 4px; margin-left: 30px;}
.container_obsah_pravy p {padding: 0px 30px 0px 30px;}
.container_obsah_pravy ul {margin: 0px 0px 0px 15px;}
.container_img_levy {width: 35%; float: left;}
.container_img_levy img {width: 100%;}

/*____________________________________________________________________________________________________________________________ OBJEDNÁVKA___*/
.objednavka {
   font-size: 16px;
}
.objednavka_nadpis {
 padding-bottom: 20px;
 color: #305b0b;
 font-size: 21px;
 text-align: center;
}
.objednavka_boxik {
   color: #eeeeee;
}
.objednavka b {
   color: #305b0b;
}
.objednavka_img {
   width: 70px;
}
.objednavka_logo {
   margin: 20px 20px -17px 0px;
   width: 110px;
}
.soucty {
   color: #305b0b;
   font-size: 18px;
   font-weight: 600;
}
.pole_pocet {
   border: 1px #305b0b 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 10px 5px 10px;
   color: #eeeeee;
   font-size: 16px;
}
.button_delete {
   border: 0;
   border-radius: 5px;
   background-color: #dd0000;
   padding: 5px 10px 5px 10px;
   color: #eeeeee;
   font-size: 16px;
}
.button_send {
   border: 0;
   border-radius: 10px;
   background-color: #d57e00;
   padding: 10px 25px 10px 25px;
   color: #eeeeee;
   font-size: 16px;
   text-decoration: none;
}
.button_send:hover {
   background-color: #54A506;
   color: #eeeeee;
   text-decoration: none;
   animation-name: form_but_bgr;
   animation-duration: 500ms;
   animation-direction: linear;
}
@keyframes form_but_bgr {0% {background-color: #d57e00;} 100% {background-color: #54A506;}}

.button_balikomat {
   display: inline-block;
   border: 0;
   border-radius: 10px;
   background-color: #d57e00;
   padding: 10px 15px 10px 15px;
   color: #eeeeee;
   font-size: 14px;
   text-decoration: none;
   cursor: pointer;
}

/*____________________________________________________________________________________________________________________________ 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 {
   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 {
   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;
}


/*____________________________________________________________________________________________________________________________ FORM___*/
.box_form {
   border: #54a506 1px solid;
   border-radius: 15px;
   padding: 20px 20px 20px 20px;
}
.overeni {
   display: none;
}
.pole {
   border:  1px solid;
   background-color: #eeeeee;
   margin: 0px 0px 0px 0px;
   padding: 6px;
   width: 270px;
   color: #111111;
}
.textpole {
   border:  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: #3d3d3d;
 padding: 30px 0px 40px 0px;
}
.box_bottom {
 margin: auto;
 padding: 0px 10px 0px 10px;
 max-width: 1100px;
 color: #b3b3b3;
 font-size: 15px;
 line-height: 19px;
}
.box_botbox {
 padding: 0px 0px 0px 0px;
 width: 25%;
 float: left;
}
.box_botbox .logo {
 width: 80%;
}
.box_botbox a {
 font-size: 15px;
 color: #b3b3b3;
 text-decoration: underline;
}
.box_botbox a:hover {
 color: #ffffff;
 text-decoration: underline;
}



/*____________________________________________________________________________________________________________________________ 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;
}
strong {
   font-weight: 500;
}
.bold {
   font-weight: 500;
}
.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%;
}
.mobil {
   display: none;
}
.invisible {
   display: none;
}