html, body, ol, ul, p, h1, h2, h3, h4, h5, h6, img, form { padding: 0px; margin: 0px; border: 0px; }
html, body { font-family: 'Open Sans', sans-serif; height: 100%; }
body { color: #000; font-size: 16px; background: #fff; min-width: 830px; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
h1, .hh { color: #545454; margin-bottom: 15px; font-size: 30px; font-weight: 400; display: block; width: 100%; text-align: center; }
.h1-box { width: 69%; }
h2, h3, h4, h5, h6, .hhh { color: #545454; font-weight: 400; font-size: 17px; margin: 10px 0 5px 0; display: block; }
.hhh2 {
color: #111;
font-weight: 400;
font-size: 19px;
margin-bottom: 0px;
display: block;
}
.hhhh { color: #545454; font-weight: 300; font-size: 16px; margin-bottom: 15px; display: block; }
p { text-align: justify; margin-bottom: 20px !important; font-size: 15px; line-height: 22px; }
#sub-content ul { font-size: 15px; width: 97%; float: left; clear: both; text-align: justify; padding: 0px; margin: 10px 0px 10px 3%; }
#sub-content ul li { line-height: 22px; clear: both; }
#sub-content ol { font-size: 15px; width: 97%; float: left; clear: both; text-align: left; padding: 0px; margin: 0 0px 10px 3%; }
#sub-content ol li { line-height: 22px; clear: both; }
ul.list { float: left; text-align: center; margin-bottom: 25px; width: 100%; }
ul.list li { margin-top: 15px; margin-bottom: 15px; margin-left: 5px; text-align: justify; background: url(../images/bg-li.png) center left no-repeat; list-style: none; padding-left: 25px; }
ol.list { margin-top: 0px; margin-bottom: 15px; margin-left: 22px; }
ol.list li { margin-top: 5px; margin-bottom: 5px; margin-left: 25px; text-align: justify; }
.clear { clear: both; margin: 0; padding: 0; font-size: 1px; height: 0px; display: block; }
table { width: 100%; float: left; border-collapse: collapse; margin-bottom: 15px; }
table th { text-align: left; padding: 2px 5px 2px 5px; font-weight: normal; color: #575555; font-size: 16px; border-bottom: 1px solid #e3e3e3; background:#f2f2f2; }
table td { text-align: right; font-size: 15px; padding: 5px; border-bottom: 1px solid #e3e3e3; background:#f2f2f2; }
.none { display: none; }
/* LAYOUT */
header { width: 100%; height: 220px; float: left; }
#header-top { width: 100%; height: 40px; float: left; background: #777777; }
.header-top-left { width: 560px; height: 20px; float: left; margin: 10px 0 0 15px; text-align: left; font-size: 16px; font-weight: 300; }
#mail { width: 140px; height: 20px; float: left; padding: 0 0 0 30px; background: url(../images/ico-mail.png) no-repeat left center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#mail a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#mail a:hover { color: #ffcf7b; text-decoration: underline; }
#phone { width: 150px; height: 20px; float: left; margin: 0 0 0 0; padding: 0 0 0 30px; background: url(../images/ico-tel.png) no-repeat left center; }
#phone a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#phone a:hover { color: #ffcf7b; text-decoration: underline; }
#time { width: 150px; height: 20px; float: left; padding: 0 0 0 30px; background: url(../images/ico-time.png) no-repeat left center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#time a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#time a:hover { color: #ffcf7b; text-decoration: underline; }
.header-top-right { width: 360px; height: 20px; float: right; margin: 10px 15px 0 0; text-align: right; font-size: 16px; font-weight: 300; }
.trmenu { width: 280px; float: right; }
.trmenu a { color: #fff; margin-left:25px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-decoration: none; }
.trmenu a:hover { color: #ffcf7b !important; text-decoration:underline; }
.trsocial { width: 70px; height: 20px; margin: 0 0 0 0; float: left; font-size: 15px; font-weight: 400; line-height: 20px; }
a#fb { width: 20px; height: 20px; float: left; margin: 0 20px 0 0; background: url(../images/ico-fb.png) no-repeat top center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a#fb:hover { background: url(../images/ico-fb.png) no-repeat bottom center; }
a#gp { width: 20px; height: 20px; float: left; background: url(../images/ico-gp.png) no-repeat top center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a#gp:hover { background: url(../images/ico-gp.png) no-repeat bottom center; }
#header { width: 1209px; height: 170px; margin: 0 auto; }
#logo { width: 294px; height: 61px; float: left; margin: 30px 0 0 0; }
.logo { width: 294px; height: 61px; float: left; margin: 0; color:#fff; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.logo:hover { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
#search-box { border: 1px solid #c7c7c7; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; box-shadow: #fff 0 0 5px 0; -webkit-box-shadow: #fff 0 0 5px 0; -moz-box-shadow: #fff 0 0 5px 0;
float:left; margin: 42px 0 0 180px; }
#search-box:hover { border: 1px solid #000; box-shadow: #b6b6b6 0 0 5px 0; -webkit-box-shadow: #b6b6b6 0 0 5px 0; -moz-box-shadow: #b6b6b6 0 0 5px 0; }
.search-field { float:left; background:none; color:#848484; font-size: 18px; padding:10px; width:220px; height:18px; border:none; }
.search-button { float:left; background: url(../images/ico-search.png) center center no-repeat; width:40px; height:38px; border:none; cursor:pointer; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.search-button:hover { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
#cart-box { border: 1px solid #c7c7c7; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; box-shadow: #fff 0 0 5px 0; -webkit-box-shadow: #fff 0 0 5px 0; -moz-box-shadow: #fff 0 0 5px 0;
float: right; margin: 42px 0 0 0; }
#cart-box:hover { border: 1px solid #000; box-shadow: #b6b6b6 0 0 5px 0; -webkit-box-shadow: #b6b6b6 0 0 5px 0; -moz-box-shadow: #b6b6b6 0 0 5px 0; }
.cart-button { float:left; background: url(../images/ico-cart.png) center center no-repeat; width:40px; height: 38px; border:none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.cart-button:hover { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
.cart-field { float:left; width: 220px; padding: 6px 10px 6px 10px; height: 18px; background:none; color:#000; font-size:18px; font-weight: 400; border: none; }
.cart-label { float:left; margin-left:0; margin-right:15px; margin-top:0; }
.cart-txt { float:left; margin-top:0; }
#cart-box a { color: #000; text-decoration: none; }
#cart-box a:hover { color: #000; text-decoration: underline; }
#responsivenavm { display: none; }
#menu-top { width: 810px; height: 30px; display: block; margin: 0 auto; }
#menu-top a { float: left; color: #000; margin: 0 15px 0 15px; padding: 0 15px 0 15px; font-size: 17px; font-weight: 400; height: 30px; line-height: 30px; text-align: center;
-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-decoration: none; }
#menu-top a:hover { color: #0e5613; text-decoration: underline; }
#warninginfo { width: 94%; height: auto; float: left; clear: both; padding: 18px 3% 18px 3%; background: #83D57F; }
#warninginfo2 { width: 94%; height: auto; float: left; clear: both; padding: 18px 3% 18px 3%; background: #d3a57e; }
.content_wi { width: 100%; float: left; text-align: center; font-size: 20px; line-height: 35px; }
.content_wi2 { width: 100%; float: left; text-align: center; font-size: 16px; line-height: 25px; }
.content_wi a { color: black; text-decoration: none; padding: 3px 6px 3px 6px; border: 1px solid #c9edc7; border-radius: 7px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.content_wi a:hover { color: white; background: #359630; text-decoration: none; border: 1px solid #359630; border-radius: 7px; }
/*menu*/
#menu-bar { width: 100%; min-height: 50px; float: left; background: #fafafa; border-top: 1px solid #979797; border-bottom: 1px solid #979797; position: ; }
.prodmainmenu { width: 1100px; max-width: 82%; margin: 0 auto 0 auto; }
a#responsivenavmain { display: none; }
nav#primary_nav_wrap { height: auto; margin: 0; display: table; z-index: 444; position: relative; }
nav#primary_nav_wrap ul#menumainprod { width: 100%; display: block; margin: 0 auto; padding: 0; text-align: center; }
ul#menumainprod li { position: relative; display: inline-block; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
ul#menumainprod li.dropdown ul.subdropdown { position: absolute; z-index: 666666; width: 250px !important; display: none; clear: both; visibility: hidden; margin-top: 0; padding: 5px; }
ul#menumainprod li.dropdown:hover ul.subdropdown { float: none; z-index: 666666; position: absolute; clear: both; top: 50px; left:0; visibility: visible; display: block; width: 250px !important;
min-height: 10px; background: #fff; border: 1px solid #979797; padding: 10px 20px 10px 20px; margin-left: 0; box-shadow: #b6b6b6 0 0 5px 0; -webkit-box-shadow: #b6b6b6 0 0 5px 0; -moz-box-shadow: #b6b6b6 0 0 5px 0; }
ul.menumainprod li a { float: left; color: #000; text-decoration:none; font-weight:400; font-size:16px; line-height: 50px; padding: 0 11px 0 11px; margin:0;
-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul.menumainprod li a:hover, .menu-link.active1 { color: #fff; background: #9a9a9a; text-decoration: none; }
ul.subdropdown a.submenu-kat-title { width: 100%; height: 40px; float: left; clear: both; border-bottom: 1px solid #979797; padding: 0; line-height: 40px; margin: 0 0 5px 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul.subdropdown a.submenu-kat-title:hover { border-bottom: 1px solid #ab2323; background: none !important; color: #ab2323; }
ul.subdropdown li { position: none !important; width: 100% !important; display: block !important; float: left; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
ul.subdropdown li:hover { list-style: none; }
ul.subdropdown li a { float:left; width: 96%; height: auto; line-height: 25px !important; padding: 10px 0 10px 0; margin: 5px 2% 5px 2%; color: #1f1f1f; text-decoration: none !important; border-bottom: 1px solid #e8e8e8; font-weight: 400; }
ul.subdropdown li a:hover { text-decoration: none !important; color: #ab2323; border-bottom: 1px solid #ab2323; background: none !important; }
ul.subdropdown li ul.subsubdropdown { display: none; }
ul.subsubdropdown li { }
/* slider */
#slider-img { max-width: 1209px; display: block; clear: both; margin: 30px auto 0 auto; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; z-index: 1; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
#rspager { width: 100%; height: 26px; float: left; clear: both; background: url("images/bg-pager.png") repeat; position: relative; bottom: 26px; z-index: 111; margin: 0; }
#rspager ul#slider1-pager { width: 170px; margin: 0 auto; }
#rspager ul#slider1-pager li { list-style-type: none; float: left; margin: 7px 5px 7px 5px; }
#rspager ul#slider1-pager li a { list-style: none; width: 12px; height: 12px; float: left; background: #bcbcbc; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#rspager ul#slider1-pager li a:hover { background: #fff; }
#main-cats { width: 100%; display: block; clear: both; margin: 0; }
a.main-cat-l { width: 590px; float: left; margin: 0 0 15px 0; }
a.main-cat-r { width: 590px; float: right; margin: 0 0 15px 0; }
a .txt { width: 100%; float: left; clear: both; text-align: center; font-size: 30px; font-weight: 300; text-decoration: none; color: #3d3d3d; }
a:hover .txt { text-decoration: none; color: #000; }
#main-cats a img { border: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#main-cats a:hover img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
#sub-content { margin: 0 auto; width: 1209px; padding-top: 20px; overflow: hidden; padding-bottom: 50px; }
#sub-content a { color: #434343; }
.muj_ucet_table { }
.muj_ucet_table td { text-align: left; border:none; }
.muj_ucet_table td:first-child { text-align: left; width: 30%; }
/*eshop list*/
#shop-left { width: 240px; float: left; }
#cart-left-area { }
.green-line { width: 106px; height: 3px; background: #434343; float: left; }
.cart-left-area { float: left; }
h1.cart-left-title { font-size: 30px; color: #545454; float: left; margin: 0 0 10px 0; text-align: left; }
.cart-left-info { font-size: 12px; margin: 0 0 10px 0; }
.cat-desc p { text-align: justify; font-size: 15px; font-weight: 400; }
#left-cat-menu { width: 230px; float: left; margin-top: 0; }
#left-cat-menu ul { list-style-type: none; margin: 0; padding: 0; }
#left-cat-menu ul li { }
#left-cat-menu ul li:hover { color: #fff !important; background: #9a9a9a; text-decoration: none; }
a.left-menu-link { width: 210px; float: left; clear: both; padding: 10px; margin-bottom: 4px; font-size: 18px; text-align: left; color: #686a6c; background: #fafafa; border-top: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a; text-decoration: none; font-weight: 400; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a.left-menu-link:hover, a.eshop_menu_selected { color: #fff !important; background: #9a9a9a !important; text-decoration: none; }
#left-cat-menu ul li ul { margin: 0 0 10px 0; padding: 0; }
#left-cat-menu ul li ul li { font-size: 16px; padding: 0; }
.level-2 { width: 200px; float: left; text-align: left; color: #575555 !important; font-size: 16px; font-weight: 400; padding: 5px 15px 5px 15px; margin: 0 0 1px 0; text-decoration: none; border-bottom: 1px solid #9a9a9a; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.level-2:hover { /*color: #ff0000 !important; text-decoration: none; border-bottom: 1px solid #ff0000; */color: #fff !important; background: #9a9a9a !important; text-decoration: none; }
.level-3 { width: 180px; float: left; text-align: left; color: #575555 !important; font-size: 14px; font-weight: 400; line-height: 18px; padding: 3px 25px 3px 25px; margin: 0 0 1px 0; text-decoration: none; border-bottom: 1px dotted #dbdbdb; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.level-3:hover, .level-3.eshop_menu_selected { /*color: #ff0000 !important; text-decoration: none; border-bottom: 1px solid #ff0000; */color: #000 !important; background: #ececec !important; text-decoration: none; }
#shop-right { width: 960px; margin: 0; float: right; overflow: hidden; }
.shop-right-det { }
.cartleft-title { }
#filter-area { width: 100%; height: 26px; background: #fafafa; float: left; padding: 5px 0px 5px 0px; margin: 0 0 10px 0; border-top: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a; }
.filter-icon { float: left; margin-left: 12px; }
#filter-left { float: left; width: 370px; margin-left: 12px; }
#filter-left span { float: left; margin-right: 12px; font-size: 18px; font-weight: 300; }
#filter-left select { float: left; background: #fff; border: 1px solid #aaaaaa; padding: 3px; width: 114px; margin: 0 10px 0 0; font-size: 16px; }
#eshop-list-area { }
.product-area { width: 100%; float: left; margin-top: 8px; }
.product { width: 200px !important; float: left; text-align: center; height: 465px; padding: 0 62px; }
.product:last-child { border: none !important; }
.product article { text-align: center; font-size: 14px; font-weight: 300; min-height:92px; display:block; }
.product-title { margin-top: 30px; float: left; width: 100%; text-align: center; font-size: 18px; font-weight: 300; margin-bottom: 10px; }
.price-small { font-size: 12px; font-weight: 300; color: #686a6c; margin-top: 25px; float: left; width: 100%; text-align: center; }
.price-big { font-weight: 300; font-size: 24px; color: #686a6c; }
.productc { width: 228px; height: 358px; float: left; margin: 0 4px 0 4px; text-decoration: none; background: #fff; border: 1px solid #cecece; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.productc:hover { border: 1px solid #0e5613; }
.productc-title { width: 218px; height: 50px; line-height: 25px; margin: 3px 5px 4px 5px; display: block; font-size: 18px; color: #3d3d3d; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.productc:hover .productc-title { color: #ff0000 !important; text-decoration: none; }
.productc-img { width: 100%; height: 215px; line-height: 215px; display: block; text-align: center; }
.productc-img img { max-width: 218px; max-height: 215px; display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.productc:hover .productc-img img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
.productc-price { width: 218px; height: 40px; line-height: 40px; margin: 3px 5px 3px 5px; display: block; font-size: 18px; color: #0e5613; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.productc:hover .productc-price { color: #ff0000 !important; text-decoration: none; }
.productc-show { width: 228px; height: 40px; line-height: 40px; margin: 0; display: block; font-size: 18px; color: #636363; background: #cecece; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .productc-show { color: #fff; text-decoration: none; background: #0e5613; }
.new-bar { position:absolute; color: #fff; background: #08ab00; padding: 3px 10px; font-size: 16px; font-weight: 300; margin-top: 0; margin-bottom: 10px; z-index: 9999; }
.akce-bar { position:absolute; color: #fff; background: #ff3600; padding: 3px 10px; font-size: 16px; font-weight: 300; margin-top: 50px; margin-bottom: 10px; z-index: 9999; }
input.hidden { display: none; }
input.productc-buy { width: 228px; height: 40px; line-height: 40px; margin: 0; display: block; font-size: 18px; color: #636363; background: #cecece; cursor: pointer; font-weight: 400; font-family: 'Open Sans', sans-serif; text-align: center; text-decoration: none; border: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
input.productc-buy:hover { color: #fff; text-decoration: none; background: #0e5613; }
/**/
.producth { width: 385px; height: 350px; float: left; margin: 0 8px 8px 8px; text-decoration: none; }
.producth-img { width: 100%; height: 260px; line-height: 257px; display: block; text-align: center; /*background: #fafafa;*/ }
.producth-img img { max-width: 385px; max-height: 260px; display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-img img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
.producth-title { width: 90%; margin: 7px auto 7px auto; display: block; font-size: 18px; color: #3d3d3d; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-title { color: #ff0000; text-decoration: none; }
.producth-price { width: 90%; margin: 0 auto; display: block; font-size: 18px; color: #0e5613; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-price { color: #ff0000; text-decoration: none; }
/* */
@font-face{
font-family: 'font nadpis';
src: url("js/fontKaushanScript.ttf"), url("fontKaushanScript.eot");
}
#shop-doporucujeme { width: 100%; float: left; clear: both; }
.shop-title-doporucujeme { font-family: 'font nadpis', sans-serif; width: 100%; text-align: center; font-size: 34px; color: #474747; margin: 0 0 15px 0; background: url(../images/bg-title-doporucujeme.png) no-repeat center 9px; }
#shop-akce { width: 100%; float: left; clear: both; }
.shop-title-akce { font-family: 'font nadpis', sans-serif; width: 100%; text-align: center; font-size: 34px; color: #474747; margin: 0 0 15px 0; background: url(../images/bg-title-akce.png) no-repeat center 9px; }
.shop-title-souvisejici { font-family: 'font nadpis', sans-serif; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 20px; color: #474747; margin: 0 0 15px 0; background: url(../images/bg-title-doporucujeme.png) no-repeat center center; }
/*radkovy vypis*/
table.product-table { float:left; width:100%; border:none; margin-bottom:0;}
table.product-table td { border:none; }
.product-row { float:left; width:100%; border-bottom:1px solid #c7c8c9; padding:15px 0;}
.row-img img { max-height:40px; max-width:70px;}
.row-new { color: #fff; background: #434343; padding: 2px 7px; font-size: 14px; font-weight: 300;}
.row-title { font-size:18px; font-weight:300; float:left; margin-left:2%; color:#686a6c !important; text-decoration:none !important;}
.row-title:hover { text-decoration:underline !important; }
.row-price { font-size:12px;}
.row-price-big { font-size:18px; font-weight:300;}
.row-link { text-transform:uppercase; font-variant:300; text-decoration:none; padding-right:7px; text-align:right; }
.row-link:hover { color:#000 !important; }
/**/
nav { }
nav ul { list-style: none; }
nav li { display: inline; }
nav a { }
nav a:hover { }
nav a:active { }
nav select { display: none; margin-top: 33px; }
.prev { position: absolute; width: 45px; height: 45px; z-index: 100; top: 0; background: url(../images/prev.png) no-repeat; margin-top: 26%; }
.next { position: absolute; width: 45px; height: 45px; z-index: 100; top: 0; background: url(../images/next.png) no-repeat; right: 0; margin-top: 26%; }
/**/
.listovani-obal { text-align: center; float: right; width: 100%; margin-top: 40px; height: 40px; }
.listovani-aktualni-stranka { height: 38px; background: #9a9a9a; border-top: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a; padding: 5px 12px; color: #fff; font-weight: bold; }
.listovani-obal a { height: 38px; background: #fafafa; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 5px 12px; color: #000 !important; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.listovani-obal a:hover { background: #9a9a9a; text-decoration: none; color: #fff !important; }
::-webkit-input-placeholder {
color: #fff;
}
:-moz-placeholder {
color: #fff;
}
::-moz-placeholder {
color: #fff;
}
:-ms-input-placeholder {
color: #fff;
}
/*registrace*/
.tab-reg { width: 50%; }
.tab-reg td { text-align: left !important; border: none; }
.tab-reg { }
.objednavka_input { width: 97%; padding: 1.5%; background: #fff; border: none; border-bottom: 1px solid #606060; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; float: right; font-size: 14px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.objednavka_input:hover { border: 1px solid orange; }
.button-right { float: right; background: #08AB00; color: #fff; padding: 7px 17px 7px 17px; text-decoration: none; border: none; cursor: pointer; font-size: 18px; font-weight: 400; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.button-right:hover { color: #fff !important; background: #0e5613; }
.spm { display: none; }
.line { width: 100%; height: 1px; background: #ccc; margin-bottom: 15px; }
/**/
#detail-left { float: left; overflow: hidden; width: 500px; margin-right: 20px; }
.det-img-area { float: left; width: 500px; position: relative; }
.img-bg-box-2 { float: left; width: 500px; height: 350px; line-height: 350px; display: block; text-align: center; background: #fafafa; }
.medium-img { display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; max-width: 500px; max-height: 350px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.medium-img:hover { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); filter: brightness(110%); }
.img-minis-box { float: left; clear: both; width: 500px; height: auto; margin: 5px 0 20px 0; }
.small-img { position: relative; max-height:84px; max-width: 119px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.small-img:hover { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); filter: brightness(110%); }
.small-img-a { background:#eee; height: 84px; float: left; width: 119px; margin: 0 3px 0 3px; text-align:center; }
.new-bar-det { position: absolute; top: 10px; color: #fff; background: #08ab00; padding: 3px 10px; font-size: 18px; font-weight: 300; margin-top: 0; margin-bottom: 10px; left: 0; }
.akce-bar-det { position: absolute; top: 10px; color: #fff; background: #ff3600; padding: 3px 10px; font-size: 18px; font-weight: 300; margin-top: 0; margin-bottom: 10px; right: 0; }
#detail-right { float: right; overflow: hidden; width: 415px; margin: 0 0 20px 0; font-size: 18px; }
.buy-area { width: 100%; float: left; margin: 0; padding: 0; }
.detrline { width: 395px; float: left; clear: both; padding: 2px 10px 2px 10px; border-bottom: 1px solid #d7d7d7; }
.ltitle { width: 190px; float: left; }
.lcontent { color: #0e5613; font-weight: 600; }
.lcontentl { color: #686868; font-weight: 600; }
.detrprice { width: 395px; float: left; clear: both; padding: 5px 10px 5px 10px; margin: 20px 0 10px 0; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; background: #fafafa; }
.detrlinep { width: 100%; float: left; clear: both; }
.lcontentp { color: #686868; font-weight: 400; font-size: 15px; }
.price-txt-small { font-weight: 300; font-size: 13px; word-spacing: 2px; float: left; width: 63%; }
.price-small-det { font-weight: 300; color: #555; font-size: 13px; word-spacing: 3px; float: right; width: 37%; }
.price-txt { font-weight: 300; font-size: 28px; }
.price { font-weight: 300; color: #555; font-size: 30px; }
.prodbarvyvzorky img { width: 30px; height: 30px; }
.prodbavz { width: 30px; height: 60px; float: left; margin: 0 10px 0 0; }
.prodbavz input { display: block; margin: 0 auto; padding: 0; }
.detail-varianty { width: 395px; float: left; clear: both; padding: 2px 10px 2px 10px; }
.dvtitle { width: 100%; height: 30px; float: left; clear: both; }
.detail-varianty { }
.radio-picturev { float: left; clear: both; background: #999; color:#fff !important; text-decoration:none; padding:2px 5px; margin: 0 0 3px 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.radio-picturev:hover { background: #0e5613; color: #fff !important; }
.vybrana-varianta { background: #0e5613; color: #fff !important; text-decoration:none; }
.small-title {color: #686a6c;text-decoration: none;font-weight: 300; text-transform:uppercase;}
.detail-buy { width: 100%; height: 50px; line-height: 50px; float: left; clear: both; padding: 6px 0 10px 0; margin: 0; border-bottom: 1px solid #d7d7d7; }
.pcstext { width: 112px; height: 28px; float: left; margin: 0 0 0 10px; }
.pcs { width: 48px; height: 28px; text-align: center; float: left; margin: 10px 0 0 0;; padding: 0; font-size: 18px; border: 1px solid #d7d7d7; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.pcs:hover { border: 1px solid #0e5613; }
.buy-button { width: 120px; height: 30px; line-height: 30px; border: none; cursor: pointer; float: left; margin: 10px 0 0 30px; padding: 0 0 0 25px; color: #fff; font-size: 18px; font-weight: 300; text-transform: uppercase; font-family: 'Open Sans', sans-serif; background:url(../images/prod-buy.png) no-repeat 5px center #0e5613; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.buy-button:hover { background:url(../images/prod-buy.png) no-repeat 5px center #9a9a9a; }
.dotazatsenaprodukt { width: 100%; height: 50px; line-height: 50px; float: left; clear: both; padding: 6px 0 10px 0; margin: 0; border-bottom: 1px solid #d7d7d7; }
.poslat-dotaz { width: 200px; text-align: center; color: #0e5613 !important; font-size: 18px; display: block; margin: 0 auto; text-decoration:none; padding:5px 0 5px 25px; background:url(../images/dotaznaprodukt.png) no-repeat center left; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.poslat-dotaz:hover { color: #000 !important; text-decoration: underline; }
.dotaz-left {float:left; width:49%;margin-bottom:25px;}
.dotaz-right { float:right; width:49%; margin-bottom:25px;}
.dotaz-input {width:98%; padding:1%; font-size:16px; border:none; border-bottom:1px solid #999;}
.dotaz-textarea {width:98%; padding:1%; height:100px; font-size:16px; border:none; border-bottom:1px solid #999;}
.dotaz-button { color: #fff; background: #434343; padding: 7px 15px 5px 15px; font-size: 18px; font-weight: 300; border:none; float:right; }
.dotaz-button:hover {color:#000 !important; cursor:pointer;}
.socialicos { width: 100%; height: 50px; float: left; clear: both; padding: 11px 0 15px 0; border-bottom: 1px solid #d7d7d7; }
.facebook { width: 250px; height: 20px; display: block; clear: both; margin: 0 auto 10px auto; }
.g-one { width: 250px; height: 20px; display: block; clear: both; margin: 0 auto 0 auto; font-size: 12px; }
table.table-det { float: left; width: 100%; max-width: 215px; margin-top: 35px; }
#bottomlinks { width: 100%; height: 226px; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; }
#bottomlink { width: 1209px; height: 226px; margin: 0 auto; }
.blinksrattan { width: 290px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.blinksinfo { width: 300px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.blinkscontacts { width: 300px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.blinksstore { width: 270px; height: 180px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.bllineh { line-height: 17px !important; float: right; font-size: 16px; margin: 3px 0 7px 0; padding: 0; }
.bltitle { width: 100%; float: left; clear: both; font-size: 19px; margin: 0 0 3px 0; color: #341e0c; font-weight: 400; }
#bottomlink a { color: #000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomlink a:hover { color: #341e0c; text-decoration: underline; }
#bottomsocialpartners { width: 100%; height: 210px; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; }
#bottomsp { width: 1209px; height: 210px; margin: 0 auto; border-top: 1px solid #b4b4b4; }
.bottomfb { width: 420px; height: 166px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.bottomgp { width: 370px; height: 166px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.bottompartners { width: 360px; height: 166px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 15px; line-height: 26px; }
.btitle { width: 100%; float: left; clear: both; font-size: 19px; margin: 0 0 3px 0; color: #341e0c; font-weight: 400; }
#bottomsp a { color: #000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomsp a:hover { color: #341e0c; text-decoration: underline; }
footer { width: 100%; height: 40px; line-height: 40px; float: left; clear: both; color: #5e5e5e; background: #efefef; font-size: 14px; font-weight: 300; border-top: 1px solid #b4b4b4; }
#footer { width: 98%; margin: 0 auto; }
.footer-left { float: left; text-align: left; }
.footer-right { float: right; text-align: right; }
footer a { color: #5e5e5e; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
footer a:hover { color: #000; text-decoration: underline; }
/*
footer { width: 100%; text-align: center; font-size: 11px; background: #e1e1e1; padding: 15px 0; float: left; }
footer a { color: #575555; }
*/
.content-left {
float:left;
width:49%;
}
.content-right {
float:right;
width:49%;
}
.kosik_dokoncit-sm {background: #434343; color:#fff !important; text-decoration:none; padding:5px 15px; float:right; }
.kosik_dokoncit-sm:hover { color:#000 !important;}
.back-sm {background: #434343; color:#fff !important; text-decoration:none; padding:5px 15px; float:right; }
.back-sm:hover { color:#000 !important;}
/*
table.kosik_table { width: 100%; float: left; border-collapse: collapse; margin-bottom: 15px; }
table.kosik_table th { text-align: left; padding: 2px 5px 2px 5px; font-weight: normal; color: #575555; font-size: 16px; border-bottom: 1px solid #e3e3e3; background:#f2f2f2; }
table.kosik_table td { text-align: right; font-size: 15px; padding: 5px; border-bottom: 1px solid #e3e3e3; background:#f2f2f2; }
*/
.kosik_table {
width:100%;
font-size:14px;
}
.kosik_table th {
background:#FF3600;
color:#fff;
padding:10px;
}
.kosik_table td {
background:#f7f7f7;
padding:5px;
}
.pocet-zbozi-2 {
width: 100%;
border: none;
text-align: center;
padding: 3px 0px 3px 0px;
background: #fff;
border-bottom: 1px solid #606060; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;
color: #000; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.pocet-zbozi-2:hover {
border: 1px solid orange;
}
.delete {
width:13px;
height:14px;
background:url(../images/krizek.png) no-repeat top center;
display:block;
}
.prepocitat { background: #DEDCDC; color: #000; padding:5px 17px 5px 17px; border: none; cursor: pointer; font-size: 15px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.prepocitat:hover { background: #434343; color: #fff; }
.kosik-left {
width:47%;
padding:10px 1% 3px 1%;
float:left;
background:#fff000;
}
.kosik-right {
width:47%;
padding:10px 1% 3px 1%;
float:right;
background:#f5f7f6;
font-size:14px;
}
.kosik-left2 {
width:47%;
padding:10px 1% 3px 1%;
float:left;
}
.kosik-right2 {
width:47%;
padding:10px 1% 3px 1%;
float:right;
}
.kosik-full {
width:100%;
float:left;
}
.adress {
padding:5px;
margin-top:5px;
margin-bottom:5px;
}
.objednavka_adresa_left {
float:left;
width:100%;
font-size:14px;
}
.objednavka_adresa_right {
float:right;
width:49%;
}
.objednavka_adresa_left td { text-align:left; border:none; }
.kosiktleft td { background: #f7f7f7; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.kosiktleft:hover td { background: #fff3e4; }
.kosiktright td { background: #f7f7f7; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.kosiktright:hover td { background: #fff3e4; }
.vpravo { width:20%; }
.vpravo.chyba { color: #ff0000; }
.kosik_table-2 td{
background:none !important;
}
.line {
width:100%;
background:#e0e1e3;
height:1px;
float:left;
margin-top:15px;
margin-bottom:15px;
}
.line-2 {
width:100%;
background:#e0e1e3;
height:1px;
float:left;
margin-top:15px;
}
.line-3 {
width:100%;
background:#e0e1e3;
height:1px;
float:left;
margin-top:5px;
margin-bottom:25px;
}
.line-4 {
width:100%;
background:#e0e1e3;
height:1px;
float:left;
margin-top:10px;
margin-bottom:10px;
}
.line-5 {
width:100%;
background:#e0e1e3;
height:1px;
float:left;
margin-top:5px;
margin-bottom:0px;
}
.objednavka_input-2 { width:97%; font-size:15px; padding: 1%; border:none; border-bottom: 1px solid #606060; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;
color: #000; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.objednavka_input-2:hover { border: 1px solid orange; }
.objednavka_input-2.chyba_input { border: 1px solid #ff0000; }
.kosik_poznamka {
width:97.5%;
/*border:1px solid #F22A22;*/
padding:1%;
height:100px;
font-size:14px;
border-bottom: 1px solid #606060; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;
color: #000; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.kosik_poznamka:hover {
border: 1px solid orange;
}
.souhlasim { float:left; font-size:15px; margin-top:20px; }
.pokracovat-nakup { float: left; background: #ff7b00; color: #fff !important; padding: 7px 17px 7px 17px; text-decoration: none; border: 0; border-radius: 5px; cursor: pointer; font-size: 18px; font-weight: 400; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.pokracovat-nakup:hover { background: #434343; color: #fff !important; text-decoration: none; }
/* update button DOKONCIT OBJEDNAVKU 13.06.2023 */
.dokoncit-objednavku {
font-family: 'Open Sans', sans-serif; float:right; background: #08AB00; color:#fff; font-size:20px; text-transform: uppercase; border:0; border-radius: 5px; cursor:pointer; padding:20px;
-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.dokoncit-objednavku:hover {
color: #fff; background: #0E5613;
}
.btn-extended { display: block; text-transform: none; font-size: 15px; }
/* ************* */
.edit_area {
font-size: 10px;
font-style: italic;
cursor: pointer;
margin-top: 2px;
padding-left: 25px;
}
.edit_area:hover{
text-decoration: underline;
}
.text-right {
text-align:right;
}
.select {
width:97%;
border:1px solid #e3e3e3;
padding:5px;
font-size:15px;
}
.select-2 {
width:99.4%;
border:none;
border-bottom:1px solid #999;
padding:5px;
font-size:15px;
}
.select-3 {
width:97%;
border:1px solid #e3e3e3;
padding:5px;
font-size:15px;
}
.spm {
display:none;
}
.delete {
width:30px;
height:14px;
background: url(../images/krizek.png) no-repeat top center;
display:block;
margin: 0 auto;
}
/*kosik*/
.platba { width: 96%; height: auto; padding: 10px 5px 10px 5px; margin: 0 0 5px 0; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.kosikpleft { background: /**/#ffc38e; color: #000; }
.kosikpleft:hover { background: /**/#ff7b00; color: #fff; }
.kosikpright { background: #a2ff9e; color: #000; }
.kosikpright:hover { background: #08AB00; color: #fff; }
.platba-popis { width: 87%; float: left; margin: 7px 0 0 0; font-size: 14px; line-height: 18px; }
.platba label { cursor: pointer; width: 93%; float: left; padding: 0 0 5px 0; }
.doprava-left {
width:220px;
float:left;
font-size:14px;
}
.doprava-right {
float:right;
font-size:14px;
}
.doprava-radio {
float:left;
margin-top:2px;
}
.price-left {
float:left;
width:70px;
}
.price-right {
float:right;
text-align:right;
}
.doprava-popis span {
float:left;clear:both;margin:5px 0 0 0;font-size:15px;background:white;width:92%;padding:7px 4% 7px 4%;color:red;font-weight:bold;border:0;border-radius:5px;
}
/**/
.hlaseni_chyba { width:100%; text-align:center; color:#fff; background:#ff0000; padding:10px 0; }
.hlaseni_ok { width:100%; text-align:center; color:#fff; background:#08AB00; padding:10px 0; }
.product-box-a { display:block; min-height:190px;}
.hub-button { background:#999; color:#fff !important; text-decoration:none; font-weight:300; text-transform:uppercase; padding:10px 20px;}
.hub-button:hover, .more:hover { background:#575555 !important; }
.galimg { float:left; margin-right:20px; }
.more { background:#999; color:#fff !important; text-decoration:none; font-weight:300; text-transform:uppercase; padding:5px 10px; font-size:14px; float:left; margin-top:15px;}
.heart-add {width: 33px; height: 31px; margin-top:32px;}
#sub-content ul.s-p-menu {
width: 100%;
display: flex; flex-wrap: wrap;
gap: 35px;
margin: 50px 0px 90px 0px;
text-align: left !important;
padding: 0px;
}
#sub-content ul.s-p-menu li {
list-style-type: none !important;
width: 30%;
background: transparent;
border: 0;
border-radius: 5px;
margin-bottom: 35px;
}
#sub-content ul.s-p-menu li a {
position: relative;
display: flex;
width: auto;
height: 92%;
padding: 4% 30px 4% 40px;
font-size: 18px;
font-weight: 600;
display: flex;
justify-content: left;
align-items: center;
color: #fff;
background: #C63E22;
border: 0;
border-radius: 5px;
text-decoration: none;
}
#sub-content ul.s-p-menu li a::before {
content: "»";
position: absolute;
color: #e29585;
left: 15px;
padding-bottom: 5px;
font-size: 30px;
font-weight: 200;
}
#sub-content ul.s-p-menu li a:hover {
color: #fff;
background: #6b2112;
border: 0;
border-radius: 5px;
}
#sub-content ul.s-p-menu li a:hover::before {
content: "»";
color: white;
}
@media (max-width: 1230px) {
#header { width: 96%; height: 170px; margin: 0 auto; }
#logo { width: 294px; height: 61px; float: left; margin: 30px 0 0 0; }
.logo { width: 294px; height: 61px; float: left; margin: 0; }
#search-box { float: left; margin: 42px 0 0 5%; }
.search-field { float: left; font-size: 18px; padding: 10px; width: 220px; height: 18px; }
.search-button { float: left; width: 40px; height: 38px; }
#cart-box { float: right; margin: 42px 0 0 0; }
.cart-button { float:left; }
.cart-field { float:left; width: 220px; padding: 6px 10px 6px 10px; height: 18px; }
.cart-label { float:left; margin-left:0; margin-right:15px; margin-top:0; }
a#responsivenavm { display: none; }
#menu-top { width: 810px; height: 30px; display: block; margin: 0 auto; }
.menu-link-m { float: left; color: #000; margin: 0 15px 0 15px; padding: 0 15px 0 15px; font-size: 17px; height: 30px; line-height: 30px; text-align: center; }
.menu-link-m:hover { color: #0e5613; text-decoration: underline; }
/*menu*/
#menu-bar { width: 100%; min-height: 50px; float: left; }
.prodmainmenu { width: 80%; }
/* slider */
#slider-img { max-width: 100%; display: block; clear: both; margin: 30px auto 0 auto; }
#rspager { width: 100%; height: 26px; float: left; clear: both; position: relative; bottom: 26px; z-index: 111; margin: 0; }
#sub-content { margin: 0 auto; width: 96%; padding-top: 20px; overflow: hidden; padding-bottom: 50px; }
#main-cats { width: 100%; display: block; clear: both; margin: 0; }
a.main-cat-l { width: 48%; float: left; margin: 0 0 15px 0; }
a.main-cat-r { width: 48%; float: right; margin: 0 0 15px 0; }
a .txt { width: 100%; float: left; clear: both; font-size: 30px; }
a.main-cat-l img, a.main-cat-r img { width: 100%; float: left; }
.producth { width: 30%; height: 400px; float: left; margin: 0 8px 8px 8px; text-decoration: none; }
.producth-img { width: 100%; height: 260px; line-height: 257px; display: block; text-align: center; /*background: #fafafa;*/ }
.producth-img img { max-width: 100%; max-height: 260px; display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-img img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
.producth-title { width: 90%; margin: 7px auto 7px auto; display: block; font-size: 18px; color: #3d3d3d; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-title { color: #ff0000; text-decoration: none; }
.producth-price { width: 90%; margin: 0 auto; display: block; font-size: 18px; color: #0e5613; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-price { color: #ff0000; text-decoration: none; }
#shop-left { width: 28%; float: left; }
#cart-left-area { }
#left-cat-menu { width: 100%; float: left; margin-top: 0; }
a.left-menu-link { width: 98%; float: left; clear: both; padding: 10px 1% 10px 1%; }
.level-2 { width: 96%; padding: 5px 2% 5px 2%; }
.level-3 { width: 94%; padding: 3px 3% 3px 3%; }
#shop-right { width: 70%; margin: 0; float: right; overflow: hidden; }
.product-area { width: 100%; float: left; margin-top: 0; }
.productc { width: 48%; height: 358px; float: left; margin: 0.8% 0.8% 0.8% 0.8%; text-decoration: none; background: #fff; border: 1px solid #cecece; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.productc:hover { border: 1px solid #0e5613; }
.productc-title { width: 96%; height: 50px; line-height: 25px; margin: 3px 2% 4px 2%; display: block; font-size: 18px; color: #3d3d3d; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.productc:hover .productc-title { color: #ff0000 !important; text-decoration: none; }
.productc-img { width: 100%; height: 215px; line-height: 215px; display: block; text-align: center; }
.productc-img img { max-width: 100%; max-height: 215px; display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.productc:hover .productc-img img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
.productc-price { width: 96%; height: 40px; line-height: 40px; margin: 3px 2% 3px 2%; display: block; font-size: 18px; color: #0e5613; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.productc:hover .productc-price { color: #ff0000 !important; text-decoration: none; }
.productc-show { width: 100%; height: 40px; line-height: 40px; margin: 0; display: block; font-size: 18px; color: #636363; background: #cecece; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .productc-show { color: #fff; text-decoration: none; background: #0e5613; }
input.productc-buy { width: 100%; height: 40px; line-height: 40px; margin: 0; display: block; font-size: 18px; color: #636363; background: #cecece; cursor: pointer; font-weight: 400; font-family: 'Open Sans', sans-serif; text-align: center; text-decoration: none; border: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
input.productc-buy:hover { color: #fff; text-decoration: none; background: #0e5613; }
#detail-left { float: left; overflow: hidden; width: 200px; margin-right: 20px; }
.det-img-area { float: left; width: 100%; position: relative; }
.img-bg-box-2 { float: left; width: 100%; height: 350px; line-height: 350px; display: block; text-align: center; background: #fafafa; }
.medium-img { display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; max-width: 100%; max-height: 350px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.img-minis-box { float: left; clear: both; width: 100%; height: auto; margin: 5px 0 20px 0; }
.small-img { position: relative; max-height:100%; max-width: 100%; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.small-img-a { background:#eee; height: 45px; float: left; width: 30%; margin: 3px 3px 3px 3px; text-align:center; }
#detail-right { float: right; overflow: hidden; width: 415px; margin: 0 0 20px 0; font-size: 18px; }
#bottomlinks { width: 100%; height: 226px; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; }
#bottomlink { width: 96%; height: 226px; margin: 0 auto; }
.blinksrattan { width: 170px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.blinksinfo { width: 210px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.blinkscontacts { width: 280px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.blinksstore { width: 260px; height: 180px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.bltitle { width: 100%; float: left; clear: both; font-size: 19px; margin: 0 0 3px 0; color: #341e0c; font-weight: 400; }
#bottomlink a { color: #000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomlink a:hover { color: #341e0c; text-decoration: underline; }
#bottomsocialpartners { width: 100%; height: 210px; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; }
#bottomsp { width: 96%; height: 210px; margin: 0 auto; border-top: 1px solid #b4b4b4; }
.bottomfb { width: 420px; height: 166px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 16px; line-height: 30px; }
.bottomgp { display: none; }
.bottompartners { width: 360px; height: 166px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 15px; line-height: 26px; }
.btitle { width: 100%; float: left; clear: both; font-size: 19px; margin: 0 0 3px 0; color: #341e0c; font-weight: 400; }
#bottomsp a { color: #000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomsp a:hover { color: #341e0c; text-decoration: underline; }
footer { width: 100%; height: auto; line-height: 30px; padding: 30px 0 30px 0; float: left; clear: both; color: #5e5e5e; background: #efefef; font-size: 15px; font-weight: 300; border-top: 1px solid #b4b4b4; }
#footer { width: 98%; margin: 0 auto; }
.footer-left { width: 100%; float: left; clear: both; text-align: center; }
.footer-right { width: 100%; float: left; clear: both; text-align: center; }
}
@media (max-width: 980px) {
/*menu*/
#menu-bar { width: 100%; min-height: 50px; float: left; background: #fafafa; border-top: 1px solid #979797; border-bottom: 1px solid #979797; position: ; }
.prodmainmenu { width: 100%; max-width: initial; margin: 0 auto 0 auto; }
a#responsivenavmain { display: none; }
nav#primary_nav_wrap { height: auto; margin: 0; display: table; z-index: 444; position: relative; }
nav#primary_nav_wrap ul#menumainprod { width: 80%; display: block; margin: 0 auto; padding: 0; text-align: center; }
ul#menumainprod li { position: relative; float: left; display: inline-block; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
ul#menumainprod li.dropdown ul.subdropdown { position: absolute; z-index: 666666; width: 250px !important; display: none; clear: both; visibility: hidden; margin-top: 0; padding: 5px; }
ul#menumainprod li.dropdown:hover ul.subdropdown { float: none; z-index: 666666; position: absolute; clear: both; top: 50px; left:0; visibility: visible; display: block; width: 250px !important;
min-height: 10px; background: #fff; border: 1px solid #979797; padding: 10px 20px 10px 20px; margin-left: 0; box-shadow: #b6b6b6 0 0 5px 0; -webkit-box-shadow: #b6b6b6 0 0 5px 0; -moz-box-shadow: #b6b6b6 0 0 5px 0; }
ul.menumainprod li a { float: left; color: #000; text-decoration:none; font-weight:400; font-size:16px; line-height: 50px; padding: 0 11px 0 11px; margin:0;
-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul.menumainprod li a:hover, .menu-link.active1 { color: #fff; background: #9a9a9a; text-decoration: none; }
ul.subdropdown a.submenu-kat-title { width: 100%; height: 40px; float: left; clear: both; border-bottom: 1px solid #979797; padding: 0; line-height: 40px; margin: 0 0 5px 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
ul.subdropdown a.submenu-kat-title:hover { border-bottom: 1px solid #ab2323; background: none !important; color: #ab2323; }
ul.subdropdown li { position: none !important; width: 100% !important; display: block !important; float: left; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
ul.subdropdown li:hover { list-style: none; }
ul.subdropdown li a { float:left; width: 96%; height: auto; line-height: 25px !important; padding: 10px 0 10px 0; margin: 5px 2% 5px 2%; color: #1f1f1f; text-decoration: none !important; border-bottom: 1px solid #e8e8e8; font-weight: 400; }
ul.subdropdown li a:hover { text-decoration: none !important; color: #ab2323; border-bottom: 1px solid #ab2323; background: none !important; }
ul.subdropdown li ul.subsubdropdown { display: none; }
ul.subsubdropdown li { }
header { width: 100%; height: 260px; float: left; border-top: 5px solid #777777; }
#header-top { display: none; }
#header { height: 200px; margin: 0 auto; }
#logo { width: 294px; height: 61px; float: none; display: block; margin: 10px auto 0 auto; }
#search-box { float: none; display: table; margin: 20px auto 0 auto; }
#cart-box { float: none; display: table; margin: 20px auto 0 auto; }
#menu-top { width: 100%; height: 50px; display: block; margin: 0 0 0 0; }
a#responsivenavm { display: block; width: 250px; height: 50px; line-height: 50px; color: black; float: none; margin: 0 auto 0 auto; }
a#responsivenavm:hover { background: #777777; color: white; }
.menumain nav#mmain { display: none; }
.menumain.responsivem { width: 100% !important; float: none; clear: left; height: auto; display: block; margin: 0 auto 0 auto; z-index: 999999999; position: relative; }
.menumain.responsivem nav#mmain { width: 250px; float: none; clear: left; position: absolute; display: block; visibility: visible; margin: 0 auto 0 auto; top: 50px; left: 0; right: 0; padding: 10px 0 20px 0; z-index: 999999999; background: #F0F0F0; }
#menu-top .menu-link-m { width: 220px; height: auto; line-height: 30px; float: left; clear: both; text-align: left; color: #656565; background: none; text-decoration: none; font-size: 20px;
padding: 10px 15px 10px 15px; margin: 0; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #c6c6c6; }
#menu-top .menu-link-m:hover { color: #0e5613; border-bottom: 1px solid #0e5613; text-decoration: none; }
a#responsivenavmain { display: block; width: 350px; height: 60px; margin: 20px auto 20px auto; float: none; clear: left; color: #fff; text-indent: 20px; background: #08ab00; font-size: 20px; line-height: 60px; font-weight: 300; text-decoration: none; text-align: center; z-index: 888888;
-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a#responsivenavmain:hover { background: #ff3600; }
.prodmainmenu nav#primary_nav_wrap { display: none; }
.prodmainmenu.responsive { width: 100%; float: left; clear: left; height: auto; margin: 0; z-index: 999999999; position: relative; }
.prodmainmenu.responsive nav#primary_nav_wrap { width: 100%; float: left; clear: left; position: relative; display: block; visibility: visible; margin: 0; top: 0; left: 0; padding: 0; z-index: 99999999; background: rgba(0, 0, 0, 0.1); }
ul#menumainprod li { width: 100%; position: relative; clear: both; float: left; display: block; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
ul#menumainprod li.dropdown ul.subdropdown, ul#menumainprod li.dropdown:hover ul.subdropdown {
float: left; position: relative; z-index: 666666; width: 100% !important; display: block; clear: both; visibility: visible; margin-top: 0; padding: 0 0 0 0;
top: 0px; background: none; border: 0px; box-shadow: #b6b6b6 0 0 0 0; -webkit-box-shadow: #b6b6b6 0 0 0 0; -moz-box-shadow: #b6b6b6 0 0 0 0; margin-bottom: 50px; }
ul.menumainprod li a { width: 100%; float: left; color: #000; text-decoration:none; font-weight: 400; font-size:16px; line-height: 50px; padding: 0 0 0 0; margin:0;
-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-bottom: 1px solid white; border-top: 4px solid white; }
ul.menumainprod li a:hover, .menu-link.active1 { color: #fff; background: #9a9a9a; text-decoration: none; }
ul.subdropdown a.submenu-kat-title { display: none; }
ul.subdropdown a.submenu-kat-title:hover { display: none; }
ul.subdropdown li { position: relative !important; width: 33% !important; display: inline-block !important; float: left; clear: none !important; }
ul.subdropdown li:hover { list-style: none; }
ul.subdropdown li a { float: left; width: auto; height: auto; line-height: 25px !important; padding: 10px 0 10px 0; margin: 5px 5px 5px 5px; border-top: 0px; text-align: left; }
ul.subdropdown li a:hover { text-decoration: none !important; color: #ab2323; border-bottom: 1px solid #ab2323; background: none !important; }
#detail-left { float: left; overflow: hidden; width: 100%; margin-right: 20px; }
.det-img-area { float: left; width: 100%; position: relative; }
.img-bg-box-2 { float: left; width: 100%; height: 350px; line-height: 350px; display: block; text-align: center; background: #fafafa; }
.medium-img { display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; max-width: 100%; max-height: 350px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.img-minis-box { float: left; clear: both; width: 100%; height: auto; margin: 5px 0 20px 0; }
.small-img { position: relative; max-height:100%; max-width: 100%; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.small-img-a { background:#eee; height: 90px; float: left; width: 23%; margin: 3px 1% 3px 1%; text-align:center; }
#detail-right { float: right; overflow: hidden; width: 100%; margin: 20px 0 20px 0; font-size: 18px; }
.buy-area { width: 100%; float: left; margin: 0; padding: 0; }
.detrline { width: 96%; float: left; clear: both; padding: 10px 2% 10px 2%; border-bottom: 1px solid #d7d7d7; }
.ltitle { width: 49%; float: left; }
.lcontent { color: #0e5613; font-weight: 600; }
.lcontentl { color: #686868; font-weight: 600; }
.detrprice { width: 96%; float: left; clear: both; padding: 10px 2% 10px 2%; margin: 20px 0 10px 0; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; background: #fafafa; }
.detrlinep { width: 100%; float: left; clear: both; }
.lcontentp { color: #686868; font-weight: 400; font-size: 15px; }
.price-txt-small { font-weight: 300; font-size: 13px; word-spacing: 2px; float: left; width: 63%; }
.price-small-det { font-weight: 300; color: #555; font-size: 13px; word-spacing: 3px; float: right; width: 37%; }
.price-txt { font-weight: 300; font-size: 28px; }
.price { font-weight: 300; color: #555; font-size: 30px; }
.prodbarvyvzorky img { width: 40px; height: 30px; }
.prodbavz { width: 40px; height: 60px; float: left; margin: 0 30px 0 0; }
.prodbavz input { display: block; margin: 0 auto; padding: 0; }
.detail-varianty { width: 395px; float: left; clear: both; padding: 2px 10px 2px 10px; }
.dvtitle { width: 100%; height: 30px; float: left; clear: both; }
.radio-picturev { float: left; clear: both; background: #999; color:#fff !important; text-decoration:none; padding:2px 5px; margin: 0 0 3px 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.radio-picturev:hover { background: #0e5613; color: #fff !important; }
.vybrana-varianta { background: #0e5613; color: #fff !important; text-decoration:none; }
.small-title {color: #686a6c;text-decoration: none;font-weight: 300; text-transform:uppercase;}
.detail-buy { width: 100%; height: 80px; line-height: 80px; float: left; clear: both; padding: 6px 0 10px 0; margin: 0; border-bottom: 1px solid #d7d7d7; }
.pcstext { width: 112px; height: 28px; float: left; margin: 0 0 0 10px; }
.pcs { width: 58px; height: 58px; text-align: center; float: left; margin: 10px 0 0 0;; padding: 0; font-size: 24px; border: 1px solid #d7d7d7; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.buy-button { width: 200px; height: 60px; line-height: 60px; border: none; cursor: pointer; float: left; margin: 10px 0 0 30px; padding: 0 0 0 25px; color: #fff; font-size: 18px; font-weight: 300; text-transform: uppercase; font-family: 'Open Sans', sans-serif; background:url(../images/prod-buy.png) no-repeat 5px center #0e5613; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomlinks { width: 100%; height: auto; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; padding: 0 0 30px 0; }
#bottomlink { width: 96%; height: auto; margin: 0 auto; }
.blinksrattan { width: 49%; height: 240px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinksinfo { width: 49%; height: 240px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinkscontacts { width: 49%; height: 240px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinksstore { width: 49%; height: 240px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.bllineh { line-height: 17px !important; clear: both; float: right; font-size: 16px; margin: 3px 0 7px 0; padding: 0; }
.bltitle { width: 100%; float: left; clear: both; font-size: 22px; margin: 0 0 3px 0; color: #341e0c; font-weight: 400; }
#bottomlink a { color: #000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomlink a:hover { color: #341e0c; text-decoration: underline; }
#bottomsocialpartners { width: 100%; height: auto; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; }
#bottomsp { width: 96%; height: auto; margin: 0 auto; border-top: 1px solid #b4b4b4; }
.bottomfb { width: 420px; height: 166px; float: none; display: block; clear: both; text-align: center; padding: 0; margin: 20px auto 0 auto; font-size: 16px; line-height: 30px; }
.bottomgp { display: none; }
.bottompartners { width: 420px; height: auto; float: none; display: block; clear: both; text-align: center; padding: 0; margin: 20px auto 20px auto; font-size: 15px; line-height: 26px; }
.btitle { width: 100%; float: left; clear: both; font-size: 19px; margin: 0 0 3px 0; color: #341e0c; font-weight: 400; }
#bottomsp a { color: #000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomsp a:hover { color: #341e0c; text-decoration: underline; }
}
@media (max-width: 850px) {
body { min-width: 250px; }
header { width: 100%; height: 260px; float: left; }
#header { height: 200px; margin: 0 auto; }
#shop-left { display: none; }
#shop-right { width: 100%; margin: 0; float: right; overflow: hidden; }
.content-left {
float:left;
width:100%;
}
.content-right {
float:right;
width:100%;
}
#bottomlinks { width: 100%; height: auto; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; padding: 0 0 30px 0; }
#bottomlink { width: 96%; height: auto; margin: 0 auto; }
.blinksrattan { width: 49%; height: 240px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinksinfo { width: 49%; height: 240px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinkscontacts { width: 49%; height: 240px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinksstore { width: 49%; height: 240px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.bllineh { line-height: 17px !important; clear: both; float: right; font-size: 16px; margin: 3px 0 7px 0; padding: 0; }
.bltitle { width: 100%; float: left; clear: both; font-size: 22px; margin: 0 0 3px 0; color: #341e0c; font-weight: 400; }
#bottomlink a { color: #000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomlink a:hover { color: #341e0c; text-decoration: underline; }
#bottomsocialpartners { width: 100%; height: auto; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; }
#bottomsp { width: 96%; height: auto; margin: 0 auto; border-top: 1px solid #b4b4b4; }
.bottomfb { width: 420px; height: 166px; float: none; display: block; clear: both; text-align: center; padding: 0; margin: 20px auto 0 auto; font-size: 16px; line-height: 30px; }
.bottomgp { display: none; }
.bottompartners { width: 420px; height: auto; float: none; display: block; clear: both; text-align: center; padding: 0; margin: 20px auto 20px auto; font-size: 15px; line-height: 26px; }
.btitle { width: 100%; float: left; clear: both; font-size: 19px; margin: 0 0 3px 0; color: #341e0c; font-weight: 400; }
#bottomsp a { color: #000; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#bottomsp a:hover { color: #341e0c; text-decoration: underline; }
}
@media (max-width: 750px) {
a.main-cat-l { width: 100%; float: left; margin: 0 0 15px 0; }
a.main-cat-r { width: 100%; float: right; margin: 0 0 15px 0; }
.producth { width: 47%; height: 400px; float: left; margin: 0 8px 8px 8px; text-decoration: none; }
.producth-img { width: 100%; height: 260px; line-height: 257px; display: block; text-align: center; /*background: #fafafa;*/ }
.producth-img img { max-width: 100%; max-height: 260px; display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-img img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
.producth-title { width: 90%; margin: 7px auto 7px auto; display: block; font-size: 18px; color: #3d3d3d; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-title { color: #ff0000; text-decoration: none; }
.producth-price { width: 90%; margin: 0 auto; display: block; font-size: 18px; color: #0e5613; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-price { color: #ff0000; text-decoration: none; }
ul.subdropdown li { position: relative !important; width: 49% !important; display: inline-block !important; float: left; clear: none !important; }
#bottomlinks { width: 100%; height: auto; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; padding: 0 0 30px 0; }
#bottomlink { width: 96%; height: auto; margin: 0 auto; }
.blinksrattan { width: 49%; height: 240px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinksinfo { width: 49%; height: 240px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinkscontacts { display: none; }
.blinksstore { display: none; }
}
@media (max-width: 590px) {
.producth { width: 100%; height: 400px; float: left; margin: 0 0 8px 0; text-decoration: none; }
.producth-img { width: 100%; height: 260px; line-height: 257px; display: block; text-align: center; /*background: #fafafa;*/ }
.producth-img img { max-width: 385px; max-height: 260px; display: inline-block; vertical-align: middle; margin: 0 auto 0 auto; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-img img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
.producth-title { width: 90%; margin: 7px auto 7px auto; display: block; font-size: 18px; color: #3d3d3d; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-title { color: #ff0000; text-decoration: none; }
.producth-price { width: 90%; margin: 0 auto; display: block; font-size: 18px; color: #0e5613; font-weight: 400; text-align: center; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover .producth-price { color: #ff0000; text-decoration: none; }
.productc { width: 98%; }
#bottomlinks { width: 100%; height: auto; float: left; clear: both; color: #000; background: #efefef; font-weight: 300; padding: 0 0 30px 0; }
#bottomlink { width: 96%; height: auto; margin: 0 auto; }
.blinksrattan { width: 49%; height: 240px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinksinfo { width: 49%; height: 240px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 20px; line-height: 40px; }
.blinkscontacts { display: none; }
.blinksstore { display: none; }
}