/* CSS */
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese';
.button_login_resp{ display:none;}
.background{ display:none;}
.cart_push.active{ background-color:#5CB437;}
.table20.color{ color:#5CB437;}
.table100 button{ background-color:#5CB437;}
.table100 button:hover{ background-color:#458931;}
.bmi{ background-color:#5CB437;}
.vpred a{ background-color:#5CB437;}
.texty a{ color:#5CB437;}

.row_menu{ height:50px; display:block; width:100%; background-color: #efefef; position:relative;}
 .cart a.cart_push{ width:146px; background-image:none;}
.row_menu ul{ display:inline-block; width:100%;}
.row_menu ul li{ display:inline-block; float:left; border-right:1px solid #dadada;}
.row_menu ul li img{ width:80px; height:80px; float:left;}
.row_menu ul li span {
    width: 100%;
    height: 50px;
    background-color: #efefef;
    color: #000;
    display: block;
    margin-top: 0px;
	
    font-size: 16px;
    padding-top: 16px;
	text-align:center;
    background-repeat: no-repeat;
    background-position: right+20px center;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}
.row_menu ul li span:hover{ cursor:pointer; background-color: #458931; color:#fff;}
.row_menu ul li span.active{ cursor:pointer; background-color: #458931; color:#fff;}
.row_menu ul li:last-child{ border:none;}
.row_menu ul li ul{ display: none; position:absolute; text-align:center; padding:20px; background-color:#fff; z-index:9999; top:50px; left:0; width:100%; border-bottom:3px solid #458931; } 
.row_menu ul li ul.active{ display:block;}
.row_menu ul li ul li {
    width: 33%;
	border:none;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.row_menu ul li ul li a{ width:100%;}
.row_menu ul li ul li span {
    width: 50%;
    display: inline-table;
    float: left;
    text-align: left;
    padding-left: 10px;
    padding-top: 0;
    background-color: #fff;
    border: none;
}
.row_menu ul li ul li a:hover span{ text-decoration:underline;}
.row_menu ul li ul li span:hover{ text-decoration:underline; background-color:#fff; color:#000;}

/* RESPONSIVE NAV BUTTON */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  height:40px;
  position: absolute;
  margin: 0px 0 0 0;
  top:52px;
  display:none;
  right:10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.rot_buy a {
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    width: 130px;
    height: 36px;
    background-color: #458931;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../../img/add_cart.png);
    padding-left: 54px;
    padding-top: 0px;
    cursor: pointer;
    margin-top: 20px;
    line-height: 36px;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #2e2e31;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 12px;
}

#nav-icon1 span:nth-child(3) {
  top: 24px;
}

#nav-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 12px;
}

#nav-icon3 span:nth-child(4) {
  top: 24px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color:#5CB437;
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color:#5CB437;
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 11px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 21px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -6px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 23px;
  left: 8px;
}

*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:0px; -webkit-border-radius:0px; font-family: 'Open Sans', sans-serif; border:none; list-style-type:none; outline:none; }
input{ border-radius:0px;}
button{ border-radius:0px;}
body, html{ margin:0; padding:0; width:100%; height:100%; background-color:#eaeaea; font-family: 'Open Sans', sans-serif; font-size:14px; color:#000; }
p{ font-size:14px; margin-bottom:10px;}
.coll60{ width:58%; float:left;}
.coll50{ width:50%; float:left; text-align:center;}
.coll{ width:100%; padding:0 20px;}
.coll40{ width:42%; float:left;}
.coll p{ text-align:justify;}
.align_left{ text-align:left; margin:0 auto; width:90%;}
.coll50.align_left{ width:50%;}
.coll50.align_left p{ margin-left:14px;}
.coll50 img{ max-width:30%;}
.bigger{ font-size:18px; font-weight:normal;}
.coll50.rot_banner_foto img{ max-width:100%;}


.rot_buy button{ color:#FFF; font-weight:bold; font-size:16px; width:130px; height:36px; background-color:#458931; background-repeat:no-repeat; background-position:left center; background-image:url(../img/add_cart.png); padding-left:40px; padding-top:0px; cursor:pointer; margin-top:20px;}

#rot_virtual{}
#rot_virtual select{ width:100%; display:block; height:36px; margin-bottom:20px; font-size:14px; margin-left:10px; margin-top:10px; border-radius:0px; background-color:#458931; color:#FFF; -webkit-border-radius:0px;}

.rot_price{ width:50%; display:inline-block; font-size:20px; font-weight:bold; float:left;}

.rot_sklad{ float:left; width:50%; display:inline-block; font-size:14px; font-weight:bold; color:#6BBD47;}

.collum{ width:50%; display:inline-block; float:left;}
.remove_basket{
    position: relative;
    top: 10px;
    z-index: 9;
    width: 50%;
    float: right;
    height: 40px;
    display: inline-block;
}
a.vice_produktu {
    background-color: #5BB437;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 20px 10px 20px;
    float: right;
    margin-right: 10px;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}
a.vice_produktu:hover{ background-color:#458931;}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 36px;
    right: 0;
    bottom: 0;
    background: #6BBD47;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right1 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right1:hover:before, .hvr-sweep-to-right1:focus:before, .hvr-sweep-to-right1:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.hvr-sweep-to-right1:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #5CB437;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
/* TAGS styles */
a{ outline:none; text-decoration:none; }
.center{ max-width:1000px; display:block; margin:0 auto; }
.row{ width:100%; display:block; clear:both; position:relative; z-index:99; }
.float{ display:inline-block; width:100%;}

/* INDEX PAGE */

header#header{ background-color:#FFF; width:100%; height:124px; display:block; box-shadow:0px 0px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.5); position:relative; z-index:999; }

a.logo{ margin-top:30px; display:inline-block; position:relative; z-index:2; float:left; width:230px; text-align:center; }
a.logo:after{ content:url("../img/logo_after.png"); position:absolute; left:0; bottom:-70px; z-index:1; }

.middle{ float:left; width:335px; margin-left:34px; }
.middle .fast_contact{ background-image:url(../img/phone-fan.png); background-repeat:no-repeat; background-position:left center; padding-left:18px; font-size:14px; margin:22px 0px 22px 0px;}
.middle .fast_contact span{ margin-left:5px;}
.middle form{ width:100%;}
.middle form input.search{ width:245px; height:40px; display:inline-block; float:left; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-top:1px solid #dadada;border-right:none; background-image:url("../img/search.png"); background-position:10px center; background-repeat:no-repeat; padding-left:44px; }
.middle form input.button{ width:90px; height:40px; float:left; text-align:center; background-color:#5bb437; font-weight:bold; color:#FFFFFF; cursor:pointer; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.middle form input.button:hover{ background-color:#458931; }

.right{ float:left; margin-left:38px;}
nav#main{ width:100%; display:block; margin-top:18px; margin-bottom:14px;}
nav#main ul{ width:100%; display:inline-block;}
nav#main ul li{ display:inline-block; height:30px; border-left:1px solid #dadada;}
nav#main ul li:first-child{ border:none;}
nav#main ul li a{ font-size:14px; display:block; font-weight:normal; color:#458931; padding:6px 3px;}
nav#main ul li:first-child a:first-child{ padding-left:0px;}
nav#main ul li a:hover{ text-decoration:underline;}
/*nav#main ul li a.sviti{ font-weight:bold;}*/

.login{ position:relative; float:left;}
.button_login{ width:125px; height:40px; border:1px solid #dadada; background-image:url("../img/arrow_herba-fan.png"); background-repeat:no-repeat; background-position:right+20px center; display:block; font-size:12px; text-decoration:underline; padding:2px 20px;}
.wrapp_login {
    width: 260px;
    padding: 20px;
    background-color: #FFF;
    position: absolute;
    top: 62px;
	display:none;
	font-size:14px;
    right: 0;
	box-shadow:0px 1px 1px #ccc;
	-webkit-box-shadow:0px 1px 1px #ccc;
}
.wrapp_login .bold{ font-weight:bold; text-align:center; font-size:20px; width:100%;}
.wrapp_login .odsazeni{ margin-bottom:10px;}
.wrapp_login form{ width:100%;}
.wrapp_login .row{ margin-bottom:4px;}
.wrapp_login input{ background-color:#EAEAEA; width:100%; padding-left:10px; height:30px; display:block; margin-bottom:8px;}
.wrapp_login button{ color:#FFF; font-weight:bold; font-size:14px; background-color:#5CB437; width:100px; text-align:center; height:30px; cursor:pointer; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.wrapp_login button:hover{ background-color:#458931;}
.wrapp_login table{ width:100%;}
.wrapp_login a{ color:#458931; font-size:14px;}
.wrapp_login a:hover{ text-decoration:underline;}

.cart{ float:left; margin-left:28px; position:relative;}
.cart_push{ width:146px; height:40px; display:inline-block; float:left; text-align:center; background-color:#458931; color:#FFF; padding-top:10px; font-weight:600; font-size:14px; cursor:pointer; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; text-decoration:underline;}
.cart a{ float:left; display:inline-block; height:40px; width:50px; background-repeat:no-repeat; background-position:center; background-image:url("../img/basket-fan.png"); background-color:#5CB437; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
.cart a:hover{ background-color:#458931;}
.wrapp_cart{
	width: 260px;
    padding: 20px;
    background-color: #FFF;
    position: absolute;
    top: 62px;
	display:none;
	font-size:14px;
    right: 0;
	box-shadow:0px 1px 1px #ccc;
	-webkit-box-shadow:0px 1px 1px #ccc;
}
.basket_item{ width:100%; display:block; font-size:14px; padding:10px 0px; border-bottom:1px solid #dadada; margin-bottom:10px; position:relative;}
.basket_left{ float:left; width:60px; display:inline-block;}
.mini_foto{ float:none; width:60px; height:60px; overflow:hidden; padding-right:5px;}
.mini_foto img{ max-width:100%; height:100%;}
.product{}
.basket_item .row{ margin-top:5px; float:left;}
.qty{ margin:5px 0px;}
a.remove{ background-image:none; height:28px; color:#FFF; width:80px; text-align:center; font-weight:bold; padding-top:6px; position:absolute; bottom:10px; right:0; cursor:pointer;}
a.remove:hover{ background-color:#458931;}
.price{}
a.bottom_button{ background-image:none; width:100%; text-align:center; background-color:rgba(0,0,0,0); color:#458931; height:auto;}
a.bottom_button:hover{background-color:rgba(0,0,0,0); text-decoration:underline;}

.odsad_minicon{ margin-left:260px;}
a.minicon{ width:123px; height:46px; display:inline-block; background-repeat:no-repeat; background-position:top center; background-image:url("../img/sportpo.png"); text-align:center; padding-top:5px; margin-right:10px; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; }
a.minicon:hover{background-image:url("../img/sportph.png");}
#page{ max-width:1000px; background-color:#FFF; margin:-210px auto 0 auto; position:relative; z-index:988; display:block;}

.product_select{ width:100%; height:370px; display:block; position:relative;}
.menu{ width:250px; display:inline-block; float:left; padding:26px 20px 0px 20px; color:#fff; background-color:#5CB437; height:370px;}

.menu h2{ font-weight:normal; color:#FFF; font-size:28px; margin-bottom:20px;}
.menu h2 span.bold{ font-weight:bold; color:#fff;}
.menu p{ color:#fff; margin-bottom:8px; font-size:14px;}

ul.main_menu{ position:absolute; bottom:0; left:0; width:250px; height:auto;}
ul.main_menu li{ width:100%; height:50px;}
ul.main_menu li a{ width:250px; height:50px; background-color:#458931; color:#FFF; display:block; margin-top:1px; font-size:16px; padding-top:16px; padding-left:20px; background-repeat:no-repeat; background-position:right+20px center; background-image:url("../img/arrow_herba_menu.png"); transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s;}
ul.main_menu li a:hover{ background-color:#5CB437;}
ul.main_menu li a.open{ background-color:#5CB437;}

.top_produkt{ width:375px; float:left; height:370px; position:relative; z-index:5;}
.top_product_content{ position:relative; width:100%; padding:30px 20px 0px 20px; z-index:5;}
.top_produkt h3{ margin-bottom:20px; font-size:22px; font-weight:normal;}
.top_produkt h3 span.bold{ font-weight:700;}
.top_produkt p{ margin-bottom:10px;}
a.hover{ position:absolute; left:0; top:0; width:100%; display:none; height:100%; background-color:rgba(255,255,255,0.65); z-index:50;}
a.hover span{ font-size:22px; width:100%; text-align:center; display:block; line-height:370px; font-weight:bold; color:#458931;}
img.top_p_bg{ position:absolute; top:0; left:0; z-index:1; width:375px; display:block;}
img.produkt_image{ position:absolute; z-index:0; bottom:0; left:0; width:375px;}

ul.main_menu li ul.podmenu{ position:absolute; top:0; right:0; width:750px; z-index:988; min-height:370px; background-color:#FFF; border-bottom:4px solid #5CB437; padding:20px 0px 20px 20px; display:none;
width:750px; z-index:9999;}

ul.main_menu li ul li {
    display: inline-block;
    border-bottom: 1px solid #dadada;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 220px;
    float: left;
    margin-right: 20px;
    height: auto;
}
ul.main_menu li ul li img{ width:80px; height:80px; float:left; display:inline-block;}
ul.main_menu li ul li a {
    float: left;
    display: inline-block;
    margin-left: 10px;
    width: 130px;
    color: #000;
    font-size: 15px;
    background-color: rgba(0,0,0,0);
    padding-left: 0px;
    height: auto;
    margin-top: 0;
    padding-top: 0;
}
ul.main_menu li ul li a:hover{ text-decoration:underline; background-color: rgba(0,0,0,0); background-image:none;}

/* CONTENT */
.content_box{ width:100%; padding:0px;}
.content_box .row{ padding: 20px 20px 0px 20px;}
.content_box h1{}
.content_box h1 span{}

.content_box h2{ font-size: 28px; font-weight:bold; width:100%; display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dadada;}
.content_box h2 span{ font-weight:normal; font-size:26px;}

.content_box h3{}
.content_box h3 span{}

.content_box h4{}
.content_box h4 span{}

.content_box h5{}
.content_box h5 span{}

.produkty_row{ width:100%; padding:0 10px;}
.produkt_box {
    width: 225px;
    height: 455px;
    display: inline-block;
    float: left;
    border: 1px solid #dadada;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.produkt_box .top{ background-color:#efefef; padding:16px; border-bottom:1px solid #dadada;}
.produkt_box .top a h3{ font-size:16px; font-weight:bold; color:#000;}
.produkt_box .top span{font-size:13px; color:#000;}
.produkt_box .top a h3:hover{ text-decoration:underline;}

.produkt_box .middle{ margin:0; width:100%; height:225px; text-align:center; float:none; position:relative;}
.produkt_box .middle img.pro_img{ max-width:100%; padding:0 3px;}
.produkt_box .middle .akce {
    position: absolute;
    top: 20px;
    left: 20px;
}
.produkt_box .bottom{ border-top:1px solid #dadada; border-bottom:1px solid #dadada; display:block; width:100%; height:74px; padding:14px 10px 20px 10px;}
.produkt_box .bottom .left{ width:80px; float:left;}
.produkt_box .bottom .right{ width:120px; float:left; margin:0; text-align:right; padding-right:0px; padding-top:5px;}
.produkt_box .bottom .old_price{ font-size:14px; text-decoration:line-through; color:#dadada;text-align:right;}
.produkt_box .bottom .new_price{ font-size:20px; font-weight:bold;text-align:right;}
.produkt_box .bottom .buy{ width:120px; height:36px; display:block; background-repeat:no-repeat; background-position:left center; background-image:url(../img/add_cart.png); background-color:#458931; margin-left:10px; color:#FFF; font-weight:bold; text-decoration:underline; text-align:left; padding-left:50px; line-height:36px;}

.produkt_box .sklad{ width:100%; clear:both; text-align:center; font-size:14px; color:#5CB437; font-weight:bold; position:absolute; bottom:0; left:0; line-height:53px; padding-bottom:3px;}
.produkt_box:hover{ border-width:4px;}
.produkt_box:hover .top{ padding:13px 13px 16px 13px;}
.produkt_box:hover .sklad{ padding-bottom:0px;}
.produkt_box:hover .bottom{ padding:14px 7px 20px 7px;}
.produkt_box:hover img.pro_img{ padding:0;}
.produkt_box:hover img.akce{ left:17px;}

.counter{ display:inline-block; width:74px; height:74px; border-radius:100px; border:1px solid #f1f2f3; text-align:center; font-weight:bold; font-size:24px; color:#5CB437; padding-top:20px;}
.count h3{ font-size:18px; font-weight:bold; display:inline-block; margin-left:20px; padding-top:0px; position:relative; top:10px; text-align:left;}
.count h3 span{ font-weight:normal;}

.content_box .row.count{ padding:0 20px 20px 20px;}

#newsletter{ width:100%; background-color:#5CB437; padding:15px 0px;}
#newsletter h4{ color:#FFF; font-size:20px; text-align:center; font-weight:bold;}
#newsletter form{ margin:12px auto; width:100%; text-align:center; height:36px; display:block;}
#newsletter div {float: left; width: 100%; padding: 8px 0; text-align: center;}
#newsletter div:first-of-type{
	 word-spacing: -0.3em;
}
#newsletter div:first-of-type > *{
 	word-spacing: 0;
}
#newsletter form input{ width:385px; height:36px; color:#FFF; background-color:#458931; padding-left:30px; font-size: 1em;}
#newsletter form input[type="checkbox"]{
	margin-right: 5px;
	position: relative;
	top: 2px;
	cursor: pointer;
}
#newsletter form input.oou{ width:20px; height:20px; color:#FFF; background-color:#458931; padding-left:0px; float: none;}
#newsletter form input::-webkit-input-placeholder {
    color: #fff;
}
#newsletter form input:-moz-placeholder {
    color: #fff;
}
#newsletter form input::-moz-placeholder {
    color: #fff;
}
#newsletter form input:-ms-input-placeholder {
    color: #fff;
}

#newsletter form button{ background-color:#3b742a; height:36px; width:120px; color:#FFF; font-weight:bold; font-size: 1em; cursor: pointer;}
#newsletter p{ color:#346d00; font-size:14px; text-align:center; width:100%;}
#newsletter a{
	text-decoration: underline;
	color: #3b742a;
}

footer{ max-width:1270px; display:block; background-color:#dadada; padding-top:30px; margin:0 auto; color:#3b742a; position:relative; border-bottom:18px solid #5CB437;}

footer:after{ position:absolute; left:0; top:-216px; content:url("../img/after_left.png");}
footer:before{ position:absolute; right:0; top:-95px; content:url("../img/after_right.png");}


footer a{color:#3b742a;}
footer a:hover{ text-decoration:underline;}
footer h3{ font-weight:normal; font-size:18px;color:#000;}
footer h3 span{ font-weight:bold;}
.coll4{ width:23%; float:left; display:inline-block; margin-right:2%;}
.coll4 ul{ margin-bottom:20px;}
.coll4:last-child{ margin-right:0px; float:left;}
.coll4 h2{ color:#FFF; font-size:18px; font-weight:bold; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #a8a8a8; text-transform:uppercase;}
.place{ background-image:url(../img/marker.png); background-repeat:no-repeat; background-position:left center; padding-left:50px; }
a.maps img{ border:3px solid #fff; max-width:100%;}
#copy{ color:#737373; line-height:40px; display:block; margin-top:30px;}
#copy span.leva{}
#copy span.prava{ float:right;}

.facebook{ font-size:18px; font-weight:600; background-image:url(../img/fb-social.png); background-repeat:no-repeat; background-position:left center; padding-left:70px; height:53px; display:block; margin-top:60px;}
.facebook a{ position:relative; top:6px;}
.facebook span{ display:block; font-size:14px; font-weight:normal;}

.phone{ font-size:18px; font-weight:600; background-image:url(../img/tel-social.png); background-repeat:no-repeat; background-position:left center; padding-left:70px; height:53px; display:block; margin-top:20px;}
.phone span{ position:relative; top:14px;}

/* PODSTRANKA PRODUKTY */
.slider_podstranka{ background-image:url(../img/grid_smaller.png); background-repeat:no-repeat; background-position:top center; max-width:1270px; margin:-46px auto 0 auto; display:block; height:340px;}
.left_content{width:26%; float:left; display:inline-block; padding-top:20px; padding-left:20px;}
.right_content{width:74%; float:left; display:inline-block; padding-top:20px; padding-left:20px;}
.right_content h1{font-size:28px; font-weight:normal; margin-bottom:12px; margin-top: 36px;}
 .right_content h2.podstranka{font-size:24px; font-weight:normal; margin-bottom:12px; padding:0px; border:none;}
.right_content p{ margin-bottom:12px;}
.cat{ font-size:28px; font-weight:normal;}
.produkty_row2 .produkt_box {
    width: 225px;
    height: 455px;
    display: inline-block;
    float: left;
    border: 1px solid #dadada;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0;
}
.produkty_row2 .produkt_box:hover{ border-width:4px;}
.produkty_row2 .produkt_box:hover .top{ padding:13px 13px 16px 13px;}
.produkty_row2 .produkt_box:hover .sklad{ padding-bottom:0px;}
.produkty_row2 .produkt_box:hover .bottom{ padding:14px 7px 20px 7px;}
.produkty_row2 .produkt_box:hover img.pro_img{ padding:0;}
.produkty_row2 .produkt_box:hover img.akce{ left:17px;}

.small_text{ font-size:14px; color:#dadada; margin-bottom:11px; margin-top:6px;}
.desc_cat {
    font-size: 16px;
    font-weight: bold;
    background-color: #5bb437;
    border: 1px solid #dadada;
    color: #fff;
    padding: 10px;
    margin-top: -1px;
}
nav.left_nav{ border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada;}
nav.left_nav ul{ display:block; width:100%;}
nav.left_nav ul li{ display:block; width:100%;}
nav.left_nav ul li a{ color:#000; padding:6px 10px; display:block; width:100%; font-size:14px;}
nav.left_nav ul li a.active{ font-weight:400;}
nav.left_nav ul li a:hover{ text-decoration:underline;}
nav.left_nav ul li ul{ display:none; padding:15px 15px 15px 15px;}
nav.left_nav ul li ul.sub-nav{ display:block; background-color:#f7f7f7;}
nav.left_nav ul li ul.sub-nav li{ display:block;}
nav.left_nav ul li ul.sub-nav li a{ display:block; font-size:14px; padding:2px 14px;}

#tabs{ width:100%; padding-right:20px;}
#tabs ul{ display:inline-block; float:left; width:20%; padding-bottom:1px;}
#tabs ul li{ display:block;background-color:#f7f7f7; border:1px solid #dadada; border-bottom-style:none; border-right:2px solid #6BBD47;}
#tabs ul li a{ display:block; width:100%; padding:12px 0px 12px 0px; text-align:center; font-size:15px; font-weight:600;  color:#000;}
#tabs ul li:last-child{ border-bottom-style:solid; margin-bottom:20px;}
#tabs ul li a:hover{}
#tabs ul li.active {
    border: 2px solid #6BBD47;
    background-color: #FFF;
    border-right-style: none;
    border-right-color: #fff;
    position: relative;
    z-index: 999;
}
#tabs ul li.active a{ padding:11px 0px; position:relative; z-index:88;}
#tabs ul li:last-child.active{padding-bottom:1px;}

.tab{ width:80%; float:left; padding:10px;border:2px solid #6BBD47; margin-left:-2px; position:relative; z-index:9;}
form#filtr{}
form#filtr label{ display:inline-block; margin:0 15px 0 0;}
.bottom_filtr{ float:right; width:20%; display:inline-block;}
.bottom_filtr button {
    width: 100%;
    font-size: 15px;
    padding: 12px 0px;
    margin-left: -1px;
    background-color: #6BBD47;
    color: #FFF;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    position: relative;
    top: -2px;
    z-index: 99;
    left: -1px;
}
.bottom_filtr button:hover{ background-color:#458931;}
.seradit_desc{ display:inline-block; width:auto; width:20%; float:left;}
#tabs .seradit{ float:left; width:80%;}
#tabs .seradit ul{ display:inline-block; width:80%;}
#tabs .seradit ul li{ display:inline-block; background-color:#FFF; border:none; width:auto;}
#tabs .seradit ul li a{ background-color:#FFF; display:inline-block; font-weight:normal; padding:0; margin:0 10px; font-size:14px;}
#tabs .seradit ul li a:hover{ text-decoration:underline;}

.clear {
    width: 100%;
    float: none;
    clear: both;
    margin: 20px 0px;
    display: block;
    height: 1px;
	padding-right:21px;
}
.line{border-bottom: 1px solid #dadada; height:1px; width:100%; display:block;}
.label{ display:inline-block;}

.filtry{ width:100%;}

nav#cart{ width:100%; margin:20px 0px;}
nav#cart ul{ display:inline-block; width:100%;}
nav#cart ul li {
    width: 33%;
    display: inline-block;
    float: left;
    height: 50px;
    text-align: center;
    position: relative;
    padding-top: 13px;
	background-color:#F9F9F9;
	border:1px solid #dadada;
}
nav#cart ul li.kosik{ background-image:url(../img/basket-fan.png); background-repeat:no-repeat; background-position:left+30px center;}
nav#cart ul li a{ color:#000; font-size:16px; font-weight:600;}
nav#cart ul li:after{ content:url(../img/cart_after.png); position:absolute; top:0; left:100%; z-index:99;}
nav#cart ul li:last-child:after{content:"";}
nav#cart ul li:last-child.active:after{content:"";}
nav#cart ul li.active a{color:#FFF;}
nav#cart ul li.active{ background-color:#67C102;}
nav#cart ul li.active:after{content:url(../img/cart_active.png);}
nav#cart ul li a:hover{ text-decoration:underline;}

.head_collum{ background-color:#dedede; padding:10px; width:100%; color:#000; font-size:14px; font-weight:bold; display:inline-block;}
.head_collum div{ float:left; display:inline-block;}
.obsah{ width:55%;}
.dostupnost{width:15%;}
.mnozstvi{width:15%;}
.cena{width:15%;}

nav#cart ul li.r34{ width: 34%;}

.cart_produkt{ width:100%; display:inline-block; margin:20px 0px;}
.cart_produkt div{ float:left;}

.produkt_obsah{ width:55%;}
.produkt_obsah div{ padding-left:10px;}
	.produkt_obsah img{ float:left; border:1px solid #dadada; width:80px; height:80px; display:inline-block;}
	.name{width:65%; float:left; display:inline-block;}
	.name a{ color:#000; font-size:16px;}
	.name a:hover{ text-decoration:underline;}
	.cena_produkt{ width:65%; display:block; font-size:14px; margin-top:8px;}
.dostupnost_produkt{ width:15%;}
	.contain{ width:100%; font-size:14px; font-weight:bold; color:#5CB437; text-align:left; padding-left:10px;}
.sum{width:15%;}
	.sum input{ width:40px; height:40px; border:1px solid #dadada; display:block; margin-left:10px; text-align:center;}
.price_sum{width:15%;}
	.big_price{ font-size:20px; font-weight:bold; width:100%; text-align:left; display:block;}
	.price_sum a{ text-decoration:underline; width:100%; color:#dadada; font-size:14px; display:block; text-align:left; font-weight:normal;}
	.price_sum a:hover{ text-decoration:none;}

.remove_all{ width:65%;}
.remove_all a{ color:#000; text-decoration:underline; font-weight:normal;}
.remove_all a:hover{ text-decoration:none;}

.cena_desc{ width:20%; font-weight:normal;}
.cena_all{ width:15%;}

button.next_step, input.next_step { background-color:#5CB437; color:#fff; font-weight:bold; font-size:18px; padding:14px 20px 13px 20px; float:right; margin-top:20px; margin-left: 20px; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; }
button.next_step:hover, input.next_step:hover { background-color:#458931;}



.dorucovaci{ width:50%; float:left; display:inline-block; padding-right:10px;}
.dorucovaci.right_box{ padding-right:0; padding-left:10px;}
.dorucovaci h2{ font-size:20px;}
.dorucovaci .box{ border:1px solid #dadada; padding:10px; width:100%; margin-bottom:20px;}
.doruc_cena{ float:right; width:20%;}
.dorucovaci .box.grey{ background-color:#f7f7f7; padding:20px;}
.vyber{ padding:4px 0px; width:100%; display:block; height:auto; float:none;}

input.firemni{ margin-left:20px; margin-bottom:20px;}
.dorucovaci .box.grey .coll50{ text-align:left; padding:0px 10px;}
.dorucovaci .box.grey .coll50 input{width:100%; border:1px solid #dadada; height:36px; padding:10px;}
.dorucovaci .box.grey .coll50 p{ margin:20px 0 4px 0; padding:0;}
.dorucovaci .box.grey .clear{ margin:0;}

.coll20{ width:20%; float:left; padding:0 10px;}
.coll30{ width:30%; float:left; padding:0 10px;}
.coll20 input, .coll30 input{ height:36px; padding:10px; width:100%; border:1px solid #dadada;}

.dorucovaci .box.grey .coll20 p{ margin:20px 0 4px 0; padding:0;}
.dorucovaci .box.grey .coll30 p{ margin:20px 0 4px 0; padding:0;}
.dorucovaci .box.grey .coll100 p{ margin:20px 0 4px 0; padding:0;}
.dorucovaci .box.grey .coll100 {
    width: 100%;
    padding: 0 10px;
    clear: both;
    margin-top: 0px;
    display: inline-block;
}.dorucovaci .box.grey .coll100 textarea{border:1px solid #dadada; width:100%; min-height:100px; max-width:100%; padding:10px; display:inline-block;}

.firma {
    display: none;
    width: 100%;
    float: left;
    height: auto;
}
.dorucovaci .box.grey .clear.padding20{ margin:20px 0px; float:none; width:100%; display:inline-block;}
.jina_adresa{ display:none;}

.shrnuti{ width:60%; display:inline-block; float:left; border:1px solid #dadada;}
.green_top{ background-color:#5CB437; padding:20px; color:#fff; font-size:16px;}
.grey_top{ background-color:#f7f7f7; border-bottom:1px solid #dadada; border-top:1px solid #dadada; padding:20px;}
.white_top{ padding:20px;}
.white_top p{ width:100%; border-bottom:1px solid #dadada; padding-bottom:14px; margin-bottom:14px;}
.white_top p span:first-child{ width:60%; display:inline-block;}
.white_top p span:last-child{ float:right; width:30%; text-align:right;}
.white_top p:last-child{ border:none;}

.shrnuti_right{width:40%; float:left; padding-left:20px;}
.shrnuti_right h4{ margin:20px 0px;}

.shrnuti_left{ width:60%; float:left; text-align:right; margin:20px 0px;}
.shrnuti_left h5{ font-size:30px;}
.shrnuti_left h6{ font-size:16px;}
.shrnuti_left p{ font-size:16px;}

.drobeckova{}
.drobeckova ul{}
.drobeckova ul li{ display:inline-block;}
.drobeckova ul li span{ display:inline-block; margin:0 10px;}
.drobeckova ul li a{ color:#000; font-size:15px; font-weight:bold;}
.drobeckova ul li a.predchozi{ text-decoration:underline; color:#5CB437; font-weight:normal;}

#detail{ width:100%; padding-right:20px; margin-top:50px; display:inline-block;}
.virtual_image{ width:40%; float:left;}
.virtual_image a img{ margin:0 auto; display:block; max-width:100%;}

p.zkr_popis{ text-align:justify; border-bottom:1px solid #dadada; padding-bottom:20px;}
.skladem{ border-bottom:1px solid #dadada; padding-bottom:12px; margin-bottom:20px;}
.skladem span:first-child{ display:inline-block; margin-right:10px;}
.skladem span:last-child{ font-size:18px; font-weight:bold; color:#5CB437;}
.virtual_desc{ width:60%; float:left;}
.vyber_prichut{ display:inline-block;}
.vyber_prichut label{ float:left; display:inline-block; border:2px solid #dadada; height:64px; width:195px; margin-right:15px; margin-bottom:15px; transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	position:relative; top:0;}
.vyber_prichut label.active{ border-color:#5CB437; position:relative; top:0px; box-shadow:0px 2px 6px #dadada; -webkit-box-shadow:0px 2px 6px #dadada;}
.vyber_prichut input{ display:none;}
.vyber_prichut label:hover{ position:relative; top:0px; box-shadow:0px 2px 6px #dadada; -webkit-box-shadow:0px 0px 6px #cccccc;}
.vyber_prichut label img{ width:60px; height:60px; display:block; float:left; max-width:100%; padding:5px;}
.vyber_prichut label span{ width:auto; height:60px; display:block; float:left; margin-left:5px; padding:5px;}
.price_box{ width:200px;}
.old{ text-decoration:line-through; color:#dadada; font-size:15px; text-align:right;}
.price_box table td{ display:block; width:70px; float:left; vertical-align:middle; height:40px; line-height:40px;}
.price_box table td.big{ font-size:30px; font-weight:bold; width:126px; text-align:right; display:block;}

.price_box table td input[type=text]{ border:1px solid #dadada; width:30px; height:30px; text-align:center;}
.price_box table td input[type=submit]{ width:126px; height:40px; background-color:#5CB437; color:#fff; font-weight:bold; font-size:16px;transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;}
.price_box table td input[type=submit]:hover{ background-color:#458931;}

#zalozky {
    width: 100%;
    margin-top: 50px;
    clear: both;
    display: block;
    float: left;
}
#zalozky ul.tab_list{ width:100%; display:inline-block;}
#zalozky ul.tab_list li{ display:inline-block; height:31px;}
#zalozky ul.tab_list li a{ background-color:#f7f7f7; padding:12px; height:auto; color:#000; border:1px solid #dadada; border-bottom:none; display: block}
#zalozky ul.tab_list li a.active{ background-color:#5CB437; color:#FFF; border:none;}
#zalozky ul.tab_list li a:hover{}

#zalozky .tab_zalozka{ border:1px solid #dadada; border-top:2px solid #5CB437; padding:10px;}

/*Otakarovy styly 23.4.2018*/
.cookies-msg{
	display: none;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999999;
	background-color: rgba(0,0,0,0.6);
	height: auto;
	line-height: 100px;
	text-align:center;
}
.cookies-msg.not-agreed{
	display: block;
}
.cookies-msg p{
	display: inline-block;
	padding: 0;
	line-height: 25px;
	vertical-align: middle;
	color: white;
}
.cookies-msg p a {
    display: inline-block;
    font-size: 18px;
    color: #5CB437;
}

.cookies-msg .agree{
	height: 40px;
	line-height: 40px;
	margin-left: 20px;
	padding: 0 20px;
	vertical-align: middle;
	border: 0;
	border-radius: 4px;
	font-size: 14px;
	background: yellow;
	cursor: pointer;
}



div.souhlas_podminky {
	width: 100%;
	border: 4px solid #FF0000;
	float: left;
	padding: 5px;
	font-weight: bolder;
	
}
div.souhlas_reklama {
	
	width: 100%;
	float: left;
	padding: 5px;
	font-size: 12px;
	font-style: italic;
	color: #666;
}

.vyhledavani-filtru {
	width: 100%;
	float: left;
	height: 40px;
	border: 1px solid #e1e1e1;
	padding: 0 12px;
	margin-bottom: 20px;
}