/*
=======================================================================
	General Rules
=======================================================================
*/
body {font-size:14px; }

.akcoska, .akcoska_prod, 
.sign_nove, .sign_nove_prod, 
.sign_1a1, .sign_1a1_prod, 
.sign_tip, .sign_tip_prod, 
.sign_vypredaj, .sign_vypredaj_prod, 
.sign_set, .sign_set_prod, 
.sign_supercena, .sign_supercena_prod, 
.sign_bf, .sign_bf_prod,
.sign_jesen, .sign_jesen_prod,
.sign_video_prod, .sign_kupon_prod   
 {position:absolute; z-index:99; top:0; left:0; margin:0; }  
 
.ramik, .ramik2, .ramik3, .ramik4, .ramik6, .ramik8, .ramik10, .ramik11, .ramik12, .ramik2b, .ramik_yellowbgr, .ramik_exe0
 {width:93%; padding:3%; background-size:9%; }
.ramik10, .ramik12 {background-size:100%; height:69px; margin:0; padding:0; border:none; }

.ramik_yellowbgr {font-size:inherit; }
.ramik_yellowbgr input {display:inline-block; vertical-align:middle; font-size:inherit; }
@media screen and (max-width:600px){ .ramik_yellowbgr input {display:block; margin:9px auto; } }

.stredny, .strednypopis {font-size:14px !important; }

.sign_video_prod {left:-33px; margin-left:100%; }  

/*
=======================================================================
	Hlavne stlpce
=======================================================================
*/
#wrapper_left {padding-top:140px; }
#wrapper_right_in {top:169px; }
@media screen and (max-width:1110px){ 
  #obalovac {width:940px; margin:0 auto;} 
  #wrapper_left, #wrapper_right {display:none; }
}
@media screen and (max-width:960px){ 
  #obalovac {width:100%;} 
  #wrapper_left, #wrapper_right, #wrapper_top {display:none; }
}
/*
=======================================================================
	Wrapper
=======================================================================
*/
@media screen and (max-width:940px){ #wrapper_sec {width:100%;} }
    
/*
=======================================================================
	Header Section
=======================================================================
*/
#header { 
  float:none; width:100%; max-width:940px; height:115px; padding:0; 
  background-image:url(../images/header4a.png); background-repeat:repeat-x; 
  box-shadow: -2px 1px 4px rgba(0,0,0,0.46); -webkit-box-shadow: -2px 1px 4px rgba(0,0,0,0.46); -moz-box-shadow: -2px 1px 4px rgba(0,0,0,0.46); -o-box-shadow: -2px 1px 4px rgba(0,0,0,0.46);	
}
#header .top {
  width:100%; height:30px; line-height:30px; text-align:center; color:#eee; background-color:#555; 
  box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px -3px 5px 0px rgba(0,0,0,0.5);
}
#header .top_menu {display:none; float:left; padding:0 9px; cursor:pointer; }
#header .top_shop {float:left; padding:0 9px; cursor:pointer; }
#header .top_search {display:none; padding:0 9px; cursor:pointer; }
#header .info {display:inline-block; padding:0 9px; }

#header .user_menu {display:block; padding:0 9px; cursor:pointer; }
#header .user_menu span {text-decoration:underline; }
#header .user_menu:hover span {text-decoration:none; }
@media screen and (max-width:940px){ 
  #header {padding-top:30px; height:85px; }
  #header .top {position:fixed; top:0; left:0; z-index:777; height:40px;  }
  #header .top i {width:40px; line-height:40px; font-size:25px; }
  #header .top_menu i {font-size:32px; }
  #header .top div span {display:none; }  
  #header .top_search {display:inline-block; float:right; }
  #header .info {float:right; cursor:pointer; }
  #header .info span.span_show {
    display:block; position:absolute; right:0; width:100%; padding:9px 0;  
    -webkit-box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75); box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75);
  }
  #header .top_menu:hover, #header .info:hover, #header .top_search:hover {background-color:#77aa33; }  
}
@media screen and (max-width:630px){ 
  #header .top_menu {display:inline-block; }   
  #rybarske007 {
	width:940px;
	height:39px;
	background-image:url(../images/doprava_zadarmo_rybarske007_mobil.gif) !important;
	background-repeat:repeat-x;
	float:left;
	margin:15px 0px 0px 0px;
	}

}


.logwin, .lofwin {position:relative; float:right; height:auto; margin:0; padding:0; background:none; }
.logwin:hover, .lofwin:hover, .user_menu_back {background-color:#77aa33; }
.user_block {display:none; position:absolute; right:0; z-index:999; width:240px; padding:9px 0; background-color:#77aa33; 
  -webkit-box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75); box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75);
}

.logwin ul li input.bar {
  width:200px; height:auto; margin:5px 10px; padding:10px; font-size:16px; 
  color:#aaa; background-image:none; background-color:#fff; 
}
.logwin ul li input.log_btn {
  width:auto; height:auto; margin:10px 0 ; padding:6px 30px; 
  border:1px solid transparent; border-radius:5px; font-size:16px; color:#fff; text-transform:uppercase; 
  background-color:#f0790e; background-image:none; 
}  
.logwin ul li input.log_btn:hover {color:#111; background-color:#eee; border-color:#ccc; }
.logwin input.reg_btn, .logwin input.fpw_btn {
  margin:10px 0; padding:3px; border:1px solid #ccc; border-radius:3px; cursor:pointer; 
  color:#111; background-color:#eee; 
}
.logwin input.reg_btn:hover, .logwin input.fpw_btn:hover {background-color:#ffe8d0; }

.lofwin ul li input.lof_btn {
  display:block; width:100%; height:30px; padding-left:30px; 
  font-size:inherit; text-align:left; color:#fff; background:none; 
}
.lofwin ul li input.bar {
  width:auto; height:auto; padding:0 9px;
  color:#333; font-size:inherit; border:none; background:none;
}
.lofwin form {display:block; }
.lofwin ul {float:none; clear:none; list-style:none; }
.lofwin ul li {position:relative; }
.lofwin ul li a {display:block; padding:9px; color:#fff; text-align:left; }
.lofwin ul li a:hover, .lofwin ul li a:hover input {color:#333; background-color:#ffe8d0; }
.lofwin ul li i {width:30px; text-align:center; }
.lofwin ul li i.icon {position:absolute; top:17px; z-index:3; }

#header .content {width:100%; }
#header .content div {float:none; display:inline-block; vertical-align:middle; } 
#header .content div img {display:block; }
#header .content .logo {padding:20px 10px 11px 10px; }
#header .search {height:44px; margin:0 15px; border:1px solid #11aadd; border-radius:3px; }
#header .search input {float:left; height:100%; margin:0; padding:0 10px; border:none; }
#header .search .bar {width:220px; color:#aaa; font-family:'FontAwesome'; font-size:15px; }
#header .search .search_btn {font-size:15px; color:#fff; background-color:#11aadd; cursor:pointer; }
#header .search .search_btn:hover {color:#11aadd; background-color:#eee; }
#header .cart {
  height:44px; margin:0; padding:0; border-radius:3px; background-color:#fff; background-image:none; cursor:pointer; 
}
#header .cart:hover span {color:#999; }
#header .cart:hover i {color:#999; background-color:#eee; }
#header .cart i {
  float:left; height:100%; line-height:44px; padding:0 10px; 
  color:#fff; background-color:#77aa33; border-radius:3px 0 0 3px; 
}
#header .cart ul {float:left; width:95px; padding:7px 10px; font-size:13px; }
#header .cart ul li {padding:0; color:#666; }
#header .cart ul li span.cart3, #header .cart ul li span.cart9 {float:right; font-weight:bold; }
@media screen and (max-width:940px){ 
  #header .content .search {display:none; }  
  #header .content .cart {float:right; margin:25px 10px 0 0; } 
}
@media screen and (max-width:600px){   
  #header .content .cart {
    position:fixed; top:0; right:200px; z-index:888; width:40px; height:40px; margin:0; background:none; 
    /*mobile*/ -webkit-backface-visibility:hidden; 
  } 
  #header .cart i {width:100%; line-height:40px; color:#eee; background:none; border-radius:0; text-align:center;}
  #header .cart:hover i {color:#fff; background-color:#77aa33;  }
  #header .cart ul li span {display:none; }
  #header .cart ul li span.cart3 {
    display:block; position:absolute; bottom:1px; right:-20px; width:20px; height:18px; padding-top:2px; 
    color:#fff; background-color:#77aa33; border-radius:30px; text-align:center;  
  }
}
@media screen and (max-width:420px){ 
  #header .top_menu, #header .top_search, #header .info, #header .user_menu {padding:0 3px; }
  #header .content .cart {width:30px;right:160px; }  
  #header .content .promo {display:none; } 
}

.cart_popup {overflow:auto;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;background-color:rgba(51,51,51,0.8);}
.cart_popup .cart_back {position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;}
.cart_block {position:relative;z-index:999;width:100%;max-width:600px;margin:90px auto;background-color:#fff;font-size:14px;}         

.cart_block .cart_close {float:right;padding:10px 12px 8px 12px;background-color:#77aa33;color:#fff;font-weight:bold;cursor:pointer;}
.cart_block .cart_close:hover {background-color:#ffe8d0;color:#111;}
.cart_block li {
  clear:both; position:relative; overflow:hidden; border-bottom:1px solid #ddd; list-style:none;
}
.cart_block li a {display:inline-block; }
.cart_block li img {position:absolute;top:0;bottom:0;left:10px;margin:auto;width:40px;height:auto;  }
.cart_block span {display:inline-block;vertical-align:middle;padding:20px 5px;  }                        
.cart_block .cart_product {width:380px;padding:0 10px 0 60px;color:#77aa33;text-decoration:underline; }
.cart_block li:hover .cart_product, .cart_block li:hover b, .cart_block li:hover .cart_count 
  {color:#666;text-decoration:none;font-weight:bold; }
.cart_block li:hover img {width:50px;height:auto;left:5px; }
.cart_block .cart_price {width:70px;color:#77aa33;font-weight:bold;text-align:right;} 
.cart_block .cart_del {display:inline-block;vertical-align:middle;height:30px;padding:0 0 3px 6px;color:#f0790e;font-size:18px;font-weight:bold;background:none;border:none;cursor:pointer;}
.cart_block .cart_del:hover {color:#111;font-size:20px;}

.cart_block .cart_count {position:relative;width:25px;padding:9px 18px 9px 2px; color:#666;border:1px solid #ddd;border-radius:4px;text-align:center;}
.cart_block .cart_count input {position:absolute;right:0;top:0;width:16px;height:18px;padding:0;
  background-color:transparent;border:none;border-left:1px solid #ddd;cursor:pointer;}
.cart_block .cart_count input.cart_minus {top:17px; border-top:1px solid #ddd;}
.cart_block .cart_count input:hover + span {background-color:#ffe8d0;}
.cart_block .cart_count span 
  {position:absolute;right:0;top:0;z-index:-1;width:15px;height:18px;padding:0;background-color:#f3f3f3; }  
.cart_block .cart_count span.cart_minus {top:17px;}
.cart_block .cart_count span:before {content:'';display:block;width:6px;height:6px;margin:4px; 
   transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.cart_block span.cart_plus:before {margin-top:7px; border-left:1px solid #333; border-top:1px solid #333; }
.cart_block span.cart_minus:before {border-right:1px solid #333; border-bottom:1px solid #333; }

.cart_block div {background-color:#fff;border-bottom:1px solid #ddd; }
.cart_block div span {padding:10px; }
.cart_block div img {width:15px;height:auto;margin:3px 0 0 5px;; padding:5px; background-color:#77aa33; border-radius:30px; }
.cart_block div a {display:inline-block;margin:10px;padding:10px;border-radius:5px;border:1px solid transparent; }
.cart_block div a:hover {color:#111;background-color:#eee;border:1px solid #ccc; }
.cart_block .cart_total {clear:both;background-color:#ffe8d0;}
.cart_block .cart_total .cart_product {padding-right:55px;color:#666;text-decoration:none; }
.cart_block .cart_info {width:auto; max-width:325px;font-size:12px;}
.cart_block .cart_line {display:block;width:92%;margin:0 auto 6px auto;padding:0;border:1px solid #ddd;border-radius:9px;}
.cart_block .cart_line span {display:block;width:60%;padding:3px;border-radius:9px;background-color:#77aa33;}
.cart_block .cart_empty {color:#fff;background-color:#f0790e;text-transform:uppercase;}
.cart_block .cart_pay {float:right;color:#fff;background-color:#77aa33;text-transform:uppercase;}

.cart_gift .ramik_yellowbgr span {color:#333;}
.cart_gift .cart_block {max-width:100%;margin:0; }
.cart_gift .cart_block li a {width:60%; }
.cart_gift .cart_block .cart_product {width:80%; padding-right:0; }
.cart_gift .cart_pay {margin:10px;padding:10px;border-radius:5px;border:1px solid transparent;cursor:pointer; }
.cart_gift .cart_pay:hover {color:#111;background-color:#eee;border:1px solid #ccc; }

@media screen and (max-width:600px){ 
  .cart_block {width:96%; }
  .cart_block li {padding:9px 9px 25px 0;}
  .cart_block li img {left:0; } 
  .cart_block li a {width:100%; }
  .cart_block li:hover .cart_product {font-weight:normal; }
  .cart_block li:hover img {left:-5px; }
  .cart_block .cart_product {width:175px; padding:0 0 0 55px; }
  .cart_block .cart_count {float:right;}
  .cart_block .cart_price {margin-left:60px;padding:0;color:#666;}
  .cart_block .cart_total {padding:9px;}
  .cart_block .cart_total .cart_product {width:auto;}
  .cart_block .cart_total .cart_price {float:right;margin:0; padding:0;}
  .cart_block .cart_info {width:65%;}
  .cart_block div a {clear:both;display:block;float:none !important;margin:9px auto;width:200px;text-align:center;}
  .cart_gift .cart_block li a {width:80%; }
  .cart_gift .cart_pay {margin:0;  }
}

@media screen and (max-width:940px){ 
  #navigation {
    display:none; position:fixed; top:40px; left:0; right:0; z-index:888; background-color:#77aa33; opacity:1;  
    /*mobile*/ -webkit-backface-visibility:hidden; 
    -webkit-box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75); box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.75);
  }
  .filterline {display:none;width:90%;margin:1% 5% 0; } 
  .filterline ul li select.input-text-search {
    display:block; width:100%; height:50px; margin:5px; font-size:16px; color:#111; background-color:#eee; 
  }
  .filterline a#LinkFilter {
    display:inline-block; width:33%; height:auto; margin:0; padding:10px 0; 
    background-color:#f0790e; border:1px solid transparent; border-radius:5px; 
  }
  .filterline a#LinkFilter:hover {background-color:#eee; border-color:#ccc; }
  .filterline a#LinkFilter img {display:none; }
  .filterline a#LinkFilter:before {
    content:'Hľadať'; font-size:16px; font-family:'Tahoma';color:#fff; text-transform:uppercase; 
  }
  .filterline a#LinkFilter:hover:before {color:#111; }  
    
  .search {width:94%; margin:9px 3%; } 
   .search ul {width:100%; margin:0; padding:0; }
   .search ul li {float:none; }  
   .search ul li input.bar {width:98%; height:auto; padding:10px 1%; font-size:16px; }
   .search ul li input.search_btn {position:relative; width:33%; height:auto; margin:0; padding:9px 0; 
                color:#336600; background-color:#111; background-image:none; border:1px solid #555; 
                font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; }
   .search ul li input.search_btn:hover {background-color:#ddd; }
}
@media screen and (min-width:941px){ 
  #navigation {display:none;} 
  #navigation .search ul li input.bar {display:none; }
} 



/*
=======================================================================
	Bread Crumb Rules
=======================================================================
*/
#breadcrumb {font-size:12px; }
#breadcrumb ul.vpravo li{padding-left:0px; }
@media screen and (max-width:940px){ 
  #breadcrumb {
    width:100%; max-width:938px; height:auto; text-align:center; font-size:14px; 
    background-color:#77aa33; background-image:none; 
  }
  #breadcrumb ul.vlavo {float:none; margin:0 auto; }
  #breadcrumb ul.vlavo li, #breadcrumb ul.vlavo li:last-child {float:none; display:inline; text-align:center; 
              background-image:none; padding:0; height:auto; }
  #breadcrumb ul.vlavo li a {display:inline-block; padding:9px; margin:2px 0; color:#eee; background-color:#557722; }
  #breadcrumb ul.vlavo li a:hover {background-color:#ddd; color:#444; }
  #breadcrumb ul.vlavo li:first-child a {vertical-align:bottom; padding:8px 9px 7px; color:#eee; }          
  #breadcrumb ul.vpravo {float:none; background-image:none; background-color:#292929; opacity:0.8; }
  #breadcrumb ul.vpravo li, #breadcrumb ul.vpravo li:last-child {float:none; display:inline; text-align:center; 
              background-image:none; padding:0; height:auto; }
  #breadcrumb ul.vpravo li a {display:inline-block; padding:0 0 3px 0;  }
  #breadcrumb ul.vpravo li:first-child {vertical-align:bottom;}
  #breadcrumb ul.vpravo li a:hover {color:#fff; }  
}  
@media screen and (min-width:631px){ #breadcrumb {display:block ! important;} } 

/*
=======================================================================
	Content Section Rules
=======================================================================
*/
.infoline {
  position:relative; display:block; clear:both; margin-top:10px; padding:15px 3%; color:#fff; background-color:#e16f00; 
  opacity:0.9; font-size:18px; text-align:left; 
  box-shadow:2px 2px 7px #000; -webkit-box-shadow:2px 2px 7px #000;	-moz-box-shadow:2px 2px 7px #000; -o-box-shadow: 2px 2px 7px #000;	
}
.infoline:hover {color:#000; background-color:#ffe8d0; }
.infoline:before {
  content:'Viac informácií \00BB'; position:absolute; bottom:18px; right:3%; color:#fff; font-size:14px; 
}
.infoline:hover:before {color:#15a506; }
@media screen and (max-width:780px){ .infoline{padding-bottom:35px;text-align:center;} .infoline:before{bottom:10px;left:0;right:0;} }

/*
=======================================================================
	Column 1 Rules
=======================================================================
*/
@media screen and (max-width:940px){ .col1 {margin-right:10px;} } 
@media screen and (max-width:630px){ 
  #col1 {
    display:none; position:absolute; top:0; z-index:9999; width:100%; height:auto; padding-top:40px; 
    background-color:#292929; opacity:1; 
  }
}
@media screen and (min-width:631px){ #col1 {display:block ! important;} }

/*
=======================================================================
	Categories Rules
=======================================================================
*/
.nadmenu, .podmenu {line-height:20px; font-size:14px; font-weight:normal; }

.filetree .hover {color:#fff; background-color:#77aa33; }
.folderns {position:relative; padding:7px 0 7px 20px; height:auto; border-bottom:1px solid #ddd; color:#000; background-color:#ffe8d0; background-image:none; }
.folderns:before {position:absolute; content:'\00BB'; left:9px; top:6px; }

.folder {position:relative; padding:6px 0 6px 20px; height:auto; border-bottom:1px solid #ddd; color:#000; background-color:#f5f5f5; background-image:none; }
.folder a:link, .folder a:active, .folder a:visited {position:relative; margin:-6px 0 -6px -20px; padding:6px 0 6px 20px; height:auto; color:#000; background-color:#f5f5f5; background-image:none;  }
.folder a:hover {color:#fff; background-color:#77aa33; }
.folder:before, .folder a:before {position:absolute; content:'\00BB'; left:9px; top:5px; }

.file {position:relative; display:block; padding:5px 0 5px 30px; height:auto; background-color:#f5f5f5; color:#000; background-image:none; }
.file a:link, .file a:active, .file a:visited {position:relative; display:block; margin:-5px 0 -5px -30px; padding:5px 0 5px 30px; height:auto; color:#000; }
.file a:hover {color:#fff; }
.file:before, .file a:before {position:absolute; content:'\203A'; left:20px; top:5px; }

.subfile {position:relative; display:block; padding:5px 0 5px 40px; width:auto; height:auto; color:#113300; background-color:#f5f5f5; background-image:none; }
.subfile a:link, .subfile a:active, .subfile a:visited {position:relative; display:block; margin:-5px 0 -5px -40px; padding:5px 0 5px 40px; width:auto; height:auto; color:#113300; } 
.subfile a:hover {color:#fff; }
.subfile:before, .subfile a:before {position:absolute; content:'\2022'; left:28px; top:6px; font-size:22px; }
.subfile:after, .subfile a:after {position:absolute; content:'\2022'; left:22px; top:5px; font-size:14px; color:inherit; }
.subfile:hover:after, .subfile a:hover:after {color:#fff; }

/*
=======================================================================
	Products + Products_Rating + Categories Page + Categories Rating
=======================================================================
*/
.products ul, .products_rat, .products_rat ul, 
.categories_sec, .categories_sec ul, .categories_rat, .categories_rat ul 
  {width:100%;}

.products ul li, .products_rat ul li,    
.categories_sec ul li, .categories_rat ul li 
  {position:relative;width:30.5%;height:430px;padding:0;margin:2% 1%;
  background-image:none;background-color:#f5f5f5;cursor:pointer;}  
.products ul li:hover, .products_rat ul li:hover, 
.categories_sec ul li:hover, .categories_rat ul li:hover 
  {background-image:none;background-color:#fafafa;} 
.products ul li.last, .products_rat ul li.last, 
.categories_sec ul li.last, .categories_rat ul li.last 
 {margin-right:1%;}   
  
.products ul li a.prod, .products_rat ul li a.prod, 
.categories_sec ul li div.pic, .categories_rat ul li div.pic 
  {position:relative;width:100%;height:250px;border:none;background-color:#fff;}  
.products ul li a.prod:before, .products_rat ul li a.prod:before, 
.categories_sec ul li div.pic a:before, .categories_rat ul li div.pic a:before 
  {display:block;content:'Detail produktu \00BB';position:absolute;bottom:0;left:0;right:0;z-index:999; 
   color:#fff; background-color:#77aa33; line-height:40px; text-align:center;}  
.products ul li a.limitka:before, .products_rat ul li a.limitka:before, 
.categories_sec ul li div.pic a.limitka:before, .categories_rat ul li div.pic a.limitka:before 
  {display:block;content:'LIMITOVANÁ PONUKA \00BB';position:absolute;bottom:0;left:0;right:0;z-index:999; 
   color:#fff; background-color:#ba1411; line-height:40px; text-align:center;}  
.products ul li a.tipnadarcek:before, .products_rat ul li a.tipnadarcek:before, 
.categories_sec ul li div.pic a.tipnadarcek:before, .categories_rat ul li div.pic a.tipnadarcek:before 
  {display:block;content:'TIP NA DARČEK \00BB';position:absolute;bottom:0;left:0;right:0;z-index:999; 
   color:#fff; background-color:#ba1411; line-height:40px; text-align:center;}     
.products_rat ul li a.prod:after, 
.categories_sec ul li div.pic a:after, .categories_rat ul li div.pic a:after 
  {display:block;content:'';position:absolute;bottom:40px;left:0;right:0;z-index:1111; 
   height:16px; background-color:#fff;} 
.products ul li:hover a.prod:before, .products_rat ul li:hover a.prod:before, 
.categories_sec ul li:hover div.pic a:before, .categories_rat ul li:hover div.pic a:before 
  {color:#15a506; background-color:#ffe8d0;}   

.products ul li img, .products_rat ul li img, 
.categories_sec ul li div.pic img, .categories_rat ul li div.pic img 
  {position:absolute; top:0; bottom:40px; left:0; margin:auto; width:100%; height:auto; }
.products ul li:hover img, .products_rat ul li:hover img, 
.categories_sec ul li:hover div.pic img, .categories_rat ul li:hover div.pic img 
  {width:110%;left:-5%;}

.products ul li div.vriadku, .products_rat ul li div.vriadku, 
.categories_sec ul li div.vriadku, .categories_rat ul li div.vriadku 
  {display:table;width:96%;height:45px;padding:0 2%;white-space:normal;text-align:center;}   
.products ul li a.title, .products_rat ul li a.title 
  {width:100%; padding:9px 0; text-align:center; } /*tipy na darceky*/  
.products ul li div.vriadku a.title, .products_rat ul li div.vriadku a.title, 
.categories_sec ul li div.vriadku a, .categories_rat ul li div.vriadku a 
  {display:table-cell;vertical-align:middle;float:none;padding:0;}

.store {margin-top:-20px; padding: 9px 0; color: #77aa33; font-weight: bold; text-align: center; }
 
ul li p.price {float:left; width:96% !important; padding:0 2% !important; line-height:50px !important; }
ul li p.price.delivery {background:url('free_delivery_icon.png') 0 0 no-repeat !important;
  background-size:100px 38px !important; background-position:left bottom !important; }
ul li p.price .price_old {clear:right;float:right;line-height:normal;font-size:16px;color:#666;
  text-decoration:line-through;}
ul li p.price .price_new {line-height:normal;font-size:24px;color:#bb0000;letter-spacing:-0.5px; }
ul li p.price .price_new span {font-size:16px;font-weight:normal;}    
 
.rating-static, .rating-static-empty {position:absolute; top:194px; left:0; right:0; z-index:3333; margin:auto;}

ul.sekcia_menu {width:100%; height:auto; padding:15px 0; list-style:none; text-align:center; }
ul.sekcia_menu li {float:none; display:inline-block; margin:5px; padding:0; width:auto; height:auto; 
               background-color:#fff; text-transform:capitalize; }
ul.sekcia_menu li a {display:block; padding:1px; color:#666; border:1px solid #ddd; border-radius:5px; }
ul.sekcia_menu li a:hover, ul.sekcia_naj li a.naj {
   color:#15a506; border-color:#77aa33; 
   -webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3);
}
ul.sekcia_menu li a span {padding:9px; line-height:45px; vertical-align:38%; }
ul.sekcia_menu li img {width:auto; height:45px; }
ul.sekcia_naj li a {padding:12px; }
@media screen and (max-width:480px){ ul.sekcia_menu li {width:90%; text-align:left; } ul.sekcia_menu li a span {white-space:nowrap; } }
 
/*
=======================================================================
	Product Detail 
=======================================================================
*/
.akcia3, .zlava3, .kampan3 {
  position: absolute; right: 5px; top: 5px; display: inline-block; padding: 5px 10px;
  background: #76ae03; color: #fff; text-transform: uppercase; font-weight: bold;
}
.zlava3 {background: #bb0000;}
.kampan3 {background: #ff9900;}
.prod_detail .akcia3, .prod_detail .zlava3, .prod_detail .kampan3 {
  position: relative; top: 0; margin: 0 5px 10px; font-weight: normal;
}
.prod_detail {position:relative; width:100%; padding:9px 0; border:none; }
.prod_detail .desc_sec {width:45%; margin-right:2%; }
.prod_detail .desc_sec_top {width:49%; margin-right:1%; } 
.prod_detail .desc_sec h1, .prod_detail .desc_sec_top h1 {font-family:Arial, Helvetica, sans-serif !important; }
.prod_detail .glry, .prod_detail .glry_top {
  width:50%; padding:0; background-image:none; border:none;
}

.sliderwrapper, .sliderwrapper .contentdiv {width:100%; border:none; }
.sliderwrapper_top {float:left; margin:1%; width:23%; height:90px; }
.sliderwrapper_top:nth-child(1) {width:100%; height:auto; } 
.sliderwrapper_top:nth-child(2) {width:100%; height:auto; }
.sliderwrapper_top .contentdiv, .sliderwrapper_top .contentdiv_prod {
  position:relative; margin:0; width:100%; height:100%; border:none; 
}
.sliderwrapper_top .contentdiv_prod img {
  position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:auto; height:auto; max-width:100%; 
} 
.sliderwrapper_top:nth-child(2) .contentdiv_prod img {position:relative; } 

.bottom_price {clear:both;width:100%;text-align:center; }
.bottom_price img {cursor:pointer; }
.bottom_price img:hover {width:170px; height:auto; }
#bottom_price {display:none;overflow:auto;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;background-color:rgba(51,51,51,0.8); }
#bottom_price .bp_close {position:absolute;top:0;left:0;width:100%;height:1000px;cursor:pointer; }
#bottom_price form {position:relative;z-index:999;width:100%;max-width:600px;margin:90px auto;background-color:#fff; }
#bottom_price .bp_info {display:block;float:left;padding:6px 12px;color:#77aa33;font-weight:bold;font-size:18px; }
#bottom_price .bpf_close {float:right;padding:10px 12px 8px 12px;background-color:#77aa33;color:#fff;font-weight:bold;cursor:pointer;}
#bottom_price .bpf_close:hover {background-color:#ffe8d0;color:#111;}
#bottom_price ul {clear:both;padding:30px 0;text-align:center;list-style:none;}
#bottom_price label {display:block;}
#bottom_price input {width:80%;height:40px;margin:9px 0;padding:0 3%;border:1px solid #ccc;border-radius:3px;color:#666;}
#bottom_price input.invalid {background-color:#ffe8d0; }
#bottom_price input.valid {border:1px solid #77aa33; }
#bottom_price textarea {width:80%;margin:9px 0;padding:6px 3%;border:1px solid #ccc;border-radius:3px;color:#666;font-family:Arial,Helvetica,sans-serif;}
#bottom_price button {width:180px;padding:10px;border-radius:5px;border:1px solid transparent;color:#fff;background-color:#77aa33;text-transform:uppercase;font-size:14px;cursor:pointer; }
#bottom_price button:hover {color:#111;background-color:#eee;border:1px solid #ccc; }
#bottom_price button.focus {outline:0;} /*Safari,Chrome*/

.bottom_price > ul > li {
  position: relative;
  display: inline-block; width: 50%; margin: 0 -2px;
  padding-top: 50%; padding-left: 0; padding-right: 0;
  vertical-align: middle; cursor: pointer;
}
.bottom_price li img {
  position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
  width: 90%; height: auto; transition: 1s ease; 
}
.bottom_price li:hover img {
  width: 100%;
}
.bottom_price li.line2 {
  width: 100%; padding-top: 30%;
}
.bottom_price li.line2 img:nth-child(1) {
  width: 45%; left: -45%;
}
.bottom_price li.line2 img:nth-child(2) {
  width: 45%; right: -45%;
}
.bottom_price li.line2:hover img:nth-child(1) {
  width: 50%; left: -50%;
}
.bottom_price li.line2:hover img:nth-child(2) {
  width: 50%; right: -50%;
}
.bottom_price li div {
  visibility: hidden; transition: 1s linear; opacity: 0;
  position: absolute; z-index: 3; top: 0;
  padding: 15px;
  text-transform: uppercase; line-height: 25px;
  background: rgba(0,0,0,.90); color: #fff; border-radius: 5px; 
}
.bottom_price li div ol {
  padding: 10px 0 0 15px;;
}
.bottom_price li div li { 
  line-height: 18px; padding-left: 0;
  text-transform: none; text-align: left;
}
.bottom_price li:hover div {
  visibility: visible; opacity: 1;
}
@media screen and (max-width:780px){
  .bottom_price {
    position:absolute; z-index: 666; bottom: -10px !important;
    background: #fff;
  }  
  .bottom_price > ul > li {
    width: 63% !important; padding-top: 33% !important;
  }
  .bottom_price li.line2 img:nth-child(1) {
    width: 90%; left: 0; top: 0;
  }
  .bottom_price li.line2 img:nth-child(2) {
    width: 90%; right: 0; bottom: -25%;
  }
  .bottom_price li.line2:hover img:nth-child(1) {
    width: 100%; left: 0;
  }
  .bottom_price li.line2:hover img:nth-child(2) {
    width: 100%; right: 0;
  }
  .bottom_price li div {
    top: auto !important; bottom: 15px; left: -100%; right: -100%;
    width: 250%; margin: auto;
  }
  .bottom_price li.line2 div {
    left: -300%; right: -100%;
    width: 250%; margin: auto;
  }
}

@media screen and (max-width:780px){ 
  .prod_detail .desc_sec_top, .prod_detail .desc_sec, .prod_detail .glry_top, .prod_detail .glry {width:100%; }
  .prod_detail .desc_sec h1 {margin-bottom:18px; padding:0; text-align:center; } 
  .prod_detail .desc_sec_top h1 {
    margin-bottom:560px; padding:0; text-align:center; background:none;
  }
  .prod_detail .glry {position:relative; margin-top:20px;  }  
  .prod_detail .glry_top {
    position:absolute; top:155px; height:480px; overflow:hidden;
  }   
  .sliderwrapper_top {
    margin:1px 0; width:100%; height:360px;
  }  
  .sliderwrapper_top .contentdiv img {
    width:auto; height:60px;
  }
  .sliderwrapper_top .contentdiv_prod {
    position:relative; height:400px; 
  }
  .sliderwrapper_top .contentdiv_prod img {
    position:absolute; top:0; bottom:0; left:0; right:0; 
    margin:auto; max-height:250px;
  }  
  .go_next, .go_prev {
    position:absolute; top:0; z-index:555; width:40px; height:100%; 
    color:#e16f00; text-align:center; line-height:400px; font-size:90px; cursor:pointer; }
  .go_next {right:0; }
  .go_prev {left:0; }  
  .stlpec275 {margin-bottom:20px; }
  .stlpec60 {width:72px; margin:0; padding:0; }
  .btnPlus, .btnMinus {width:30px; height:30px; background-color:#fff; }
}
@media screen and (max-width:400px){  
  .go_next, .go_prev {line-height:300px; }
}
@media screen and (max-width:300px){ 
  .prod_detail .desc_sec_top h1 {margin-bottom:380px; }
  .prod_detail .glry_top {height:350px; }
  .sliderwrapper_top, .sliderwrapper_top .contentdiv_prod {height:250px; }
  .go_next, .go_prev {line-height:200px; }
}
 
 
/* 
=======================================================================
	Heureka
=======================================================================
*/
.rev {
  width: calc(100% - 20px); max-width: 198px; margin: auto; padding: 10px; 
  background-color: #f5f5f5; border: 1px solid #ddd;
}
.rev .item {padding: 10px; border-top: 1px solid #ddd; }
.rev p {position: relative; margin-bottom: 12px; font-size: 14px; font-style: italic; }
.rev p:before {position: absolute; left: -15px; top: 1px; content:"\201D"; font-size: 25px; font-weight: bold; }
.rev p:after {position: absolute; content:"\201C"; bottom: -13px; right: -10px; font-size: 25px; font-weight: bold; }
.rev .sig {float: left; font-size: 11px; }
.rev .rat {float: right; margin-top: -5px; color: #e16f00; }
.rev .rat span:before {content: "\2605"; }
.rev a {display: block; padding: 10px 0; text-align: center; text-decoration: underline; }
.rev a i {margin-left: 10px; }
.rev a:hover {font-weight: bold; text-decoration: none; }
#showHeurekaBadgeHere-12 {margin-bottom: 15px; text-align: center; }
			.footer-rev {
				display: flex; flex-wrap: wrap; justify-content: space-between; 
				width: calc(100% - 20px); padding: 10px; background-color: #f4f4f4; border-top: #ddd solid 1px; 
				font-size: 13px;
			}
			.footer-rev p {margin-bottom: 10px}
			.footer-rev > div {flex: 0 0 22.5%; max-width: 22.5%; min-height: 140px; margin-bottom: 15px}

			.rev-info h6 {margin-bottom: 15px; font-size: 18px}
			.rev-info {text-align: center}
			.rev-info a {display: block}
			.link-rev-2 {color: #666}
			.rev-info a:hover {color: #000; text-decoration: underline}

			.rev-box {position: relative; padding: 1%; background: #fff; border: 1px solid #ddd}
			.rev-stars {
				display: inline-block; font-size: 15px;
				-webkit-background-clip: text !important; 
				-webkit-text-fill-color: transparent !important;
			}
			.rev-box img {position: absolute; bottom: -20px; left: 50%; transform: translatex(-50%); width: 40px}
			@media screen and (max-width:780px){
				.footer-rev p, .rev-info h6 {margin-bottom: 5px}
				div.rev-info {flex: 0 0 100%; max-width: 100%; min-height: unset}
				div.rev-box {flex: 0 0 30.5%; max-width: 30.5%}
			}
			@media screen and (max-width:600px){
				div.rev-box {flex: 0 0 96%; max-width: 96%; margin-bottom: 20px; min-height: unset; padding: 2%}
			} 
			

  .rev-product {width: auto; margin: 9px 2.5% 9px 1%; border: 1px solid #ddd}
  .rev-product .rev-info {flex: 0 0 100%; max-width: 100%; min-height: unset}
  .rev-product .rev-info h6 {margin-bottom: 5px}
  .rev-before b, .rev-before .rev-stars {margin-right: 5px; font-size: 20px; font-weight: normal;}

  .rev-product .rev-box {
    flex: 0 0 44.8%; max-width: 44.8%; margin: 0; padding: 2%;
    display: flex; flex-direction: column; justify-content: space-between;
  }
  .rev-bottom {display: flex; align-items: center;}
  .rev-bottom img {position: unset; transform: none; margin-right: 9px}

  @media screen and (max-width:780px){
    .rev-product .rev-box {flex: 0 0 96%; max-width: 96%; min-height: unset}
  }
/* 
=======================================================================
	Register Page Rules
=======================================================================
*/
.register {width:100%; }

/* 
=======================================================================
	Infoblock
=======================================================================
*/
#infoblock {
 display:none;position:fixed;z-index:999;bottom:40px;right:10px;width:300px;
 background:#eee;border-radius:10px;overflow:hidden;
}
#infoblockclose {
 position:absolute;top:10px;right:10px;width:25px;height:25px;line-height:25px;cursor:pointer;
 background:#ccc;color:#bb0000;border-radius:30px;text-align:center;font-size:22px;
}
#infoblock img {display:block;width:100%;height:auto;}
#infoblockclose:hover {background:#555;color:#fff;}
@media screen and (max-width:680px){ #infoblock {display:none !important;} }

/*
=======================================================================
	FAQs Page Rules
=======================================================================
*/
.faqs, .faqs ul, .faqs ul li {width:99.5%; }
.faqs ul li a.faq_title {font-size:14px; }

.hiddnsecslist {width:96%; padding:5px 1%; }
.hiddnsecslistx {width:98%; }
.hiddnsecspar {width:auto; } 

.imgintext {font-size:14px; }
.imgintext p.newstext img {padding: 5px 10px 2px 0px !important; } 

/*
=======================================================================
	Footer Rules
=======================================================================
*/
#footerx {font-size:11px; } 

/*
=======================================================================
	Slider Logo
=======================================================================
*/
.top-logos {
    position: relative; clear: both; overflow: hidden;
    margin: 0; padding-top: 10px; background: #fff;
}
.top-logos .inner {
    position: relative; overflow: hidden; margin: 0 40px 0 40px; height: 130px;
}
.top-logos .arrow {
    position: absolute; top: 50%; font-size: 28px; cursor: pointer; 
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%); transform: translate(0, -50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; user-select: none;
}
.top-logos .arrow i {
    display: inline-block; position: relative; width: 16px; height: 28px;
}
.top-logos .arrow i:before,.top-logos .arrow i:after {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    content: ''; transition: opacity 0.2s ease-in-out;
}
.top-logos .arrow i:before {
    background: url(../images/slider_sipka_dolava.png) scroll no-repeat 0 0/16px 28px; opacity: 1;
}
.top-logos .arrow i:after {
    background: url(../images/slider_sipka_dolava_active.png) scroll no-repeat 0 0/16px 28px; opacity: 0;
}
.top-logos .arrow:hover i:after {opacity: 1;}
.top-logos .arrow.arrow-right i:before {
    background: url(../images/slider_sipka_doprava.png) scroll no-repeat 0 0/16px 28px;
}
.top-logos .arrow.arrow-right i:after {
    background: url(../images/slider_sipka_doprava_active.png) scroll no-repeat 0 0/16px 28px;
}
.top-logos .arrow:hover i:before {opacity: 1;}
.top-logos .arrow.arrow-right {right: 10px;}
.top-logos .arrow.arrow-left {left: 10px;}
.top-logos ul {
    clear: both; position: absolute; top: 0; width: 100%; padding: 9px;
    font-size: 0; white-space: nowrap;
}
.top-logos ul li {
    display: inline-block; width: 123px; height: 100px; margin: 0 8px; padding-top: 5px;
    background: #fff; box-shadow: 0 1px 2px 0 rgba(71,66,77,.3);
    border: 2px solid #fff; border-radius: 4px; text-align: center; vertical-align: top;
}
.top-logos ul li:hover {padding-right: 1px; border: 2px solid #11aadd !important;}
.top-logos ul li a {display: block; position: relative; width: 100%; height: 100%;}
.top-logos ul li a img {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
}

/*
=======================================================================
	Bottom Navigation Rules
=======================================================================
*/
#livesearchframe {width:100%; }
#livesearchx,#livesearchx_adm {width:94%; padding:0 3% !important; }  
#livesearchx ul.livesearchxitems li,#livesearchx_adm ul.livesearchxitems li {position:relative; height:auto; }
#livesearchx ul.livesearchxitems li div.livesearchximg,#livesearchx_adm ul.livesearchxitems li div.livesearchximg {
  position:relative; float:left; width:110px; height:80px;
}
#livesearchx ul.livesearchxitems li img,#livesearchx_adm ul.livesearchxitems li img {
  position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;
}
#livesearchx ul.livesearchxitems li a:hover img,#livesearchx_adm ul.livesearchxitems li a:hover img {
  width: 120px; max-width: none; top: -5px; left: -5px;
}
 #livesearchx ul.livesearchxitems li div.livesearchxtext, #livesearchx_adm ul.livesearchxitems li div.livesearchxtext {
   float:left; width:auto; overflow:visible; padding-left:20px; 
}
#livesearchx ul.livesearchxitems li div.livesearchxtext a:hover,#livesearchx_adm ul.livesearchxitems li div.livesearchxtext a:hover {text-decoration: underline; }
#livesearchx ul.livesearchxcats,#livesearchx_adm ul.livesearchxcats {margin-bottom: 30px; }
#livesearchx ul.livesearchxcats li,#livesearchx_adm ul.livesearchxcats li {overflow:visible; list-style: none; }
#livesearchx ul.livesearchxcats li a:hover,#livesearchx_adm ul.livesearchxcats li a:hover {text-decoration: underline; }
@media screen and (max-width:320px){ 
  #livesearchx ul.livesearchxitems li div.livesearchximg,  #livesearchx_adm ul.livesearchxitems li div.livesearchximg {width:72px; position:absolute; top:0; bottom:0; left:0; margin:auto; }
  #livesearchx ul.livesearchxitems li img,  #livesearchx_adm ul.livesearchxitems li img {max-width:70px; }   
  #livesearchx ul.livesearchxitems li div.livesearchxtext,  #livesearchx_adm ul.livesearchxitems li div.livesearchxtext {padding-left:60px; }
}

/*
=======================================================================
	Plugins  
=======================================================================
*/
.simpleZoom {
 position:fixed; left:0; right:25%; top:0; bottom:0; margin:auto; z-index:888; overflow:hidden;  
 width:400px; height:400px; border:9px solid #e16f00; background-color:#fff;
}
.simpleZoom img {position:absolute; top:0; left:0; }
@media screen and (max-width:780px){ 
  .simpleZoom {top:-900%; }
}
/* imagelightbox - lightbox  */
#imagelightbox-loading {
  position:absolute;z-index:999;top:50%;left:50%;width:30px;height:30px;margin:-25px 0 0 -25px;padding:10px;
  border-radius:90px;background-color:rgba(85,170,85,0.5); -webkit-box-shadow:0 0 9px rgba(85,170,85,0.7);box-shadow:0 0 9px rgba(85,170,85,0.7);
}
#imagelightbox-loading div {
  width:30px;height:30px;background-color:rgba(255,255,255,0.5);border-radius:90px;
  -webkit-animation:imagelightbox-loading 0.5s ease infinite;animation:imagelightbox-loading 0.5s ease infinite;
}
@-webkit-keyframes imagelightbox-loading {
  from {opacity:0.5; -webkit-transform:scale(0.75);}
  50%  {opacity:1;	 -webkit-transform:scale(1);}
  to   {opacity:0.5; -webkit-transform:scale(0.75);}
}
@keyframes imagelightbox-loading {
  from {opacity:0.5; -webkit-transform:scale(0.75);}
  50%  {opacity:1;	 -webkit-transform:scale(1);}
  to   {opacity:0.5; -webkit-transform:scale(0.75);}
}
#imagelightbox-close {position:absolute;z-index:999;top:0;right:0;width:40px;height:40px;border:none;color:#fff;background-color:#77aa33;cursor:pointer;}
#imagelightbox-close:hover {background-color:#666;}
.imagelightbox-arrow {
  display:none;position:absolute;z-index:996;top:50%;margin:-45px 0 0 0;width:50px;height:90px;
  border:none;color:#77aa33;background:none;font-size:30px;text-align:center;cursor:pointer;
}
.imagelightbox-arrow:focus {outline:0;} /*border Safari,Chrome*/ 
.imagelightbox-arrow-left {left:0;}
.imagelightbox-arrow-right {right:0;}
.imagelightbox-arrow:focus, .imagelightbox-arrow:active {}
.imagelightbox-arrow:hover {color:#fff;}
#imagelightbox-caption {
  position:fixed;z-index:999;bottom:0;left:0;right:0;padding:9px;
  color:#eee;background-color:#555;text-align:center;		
}
#imagelightbox {position:absolute;z-index:993;cursor:pointer;-ms-touch-action:none;touch-action:none;}
#imagelightbox-overlay {position:absolute;z-index:993;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.9);}
@media screen and (max-width:600px){
  .imagelightbox-arrow {top:0;margin:0;width:50%;height:40px;font-size:inherit;color:#eee;background-color:#555;}
  .imagelightbox-arrow-left {left:-19px;}
  .imagelightbox-arrow-right {right:20px;}
  .imagelightbox-arrow:hover, .imagelightbox-arrow:focus, .imagelightbox-arrow:active {color:#fff;background-color:#333;}  
}
@media screen and (max-height:600px){
  #imagelightbox-close, .imagelightbox-arrow {height:30px;}
  .imagelightbox-arrow {opacity:0.8;}
  #imagelightbox-caption {padding:3px;opacity:0.8;}
}

/*
=======================================================================
	Responsive 
=======================================================================
*/
#eshop {
  display:none; position:fixed; top:42px; left:0; right:0; z-index:88; text-align:center; 
  /*mobile*/ -webkit-backface-visibility:hidden; 
}
#eshop a {
  display:inline-block; width:99%; padding:9px 0; margin:2px 0; color:#336600; font-weight:bold; cursor:pointer; 
}
#eshop a:hover {color:#336600; background-color:#fff; opacity:0.8; }
#eshop a.eshop {background-color:#fff; font-size:18px; font-style:italic; font-family:Verdana; } 
#eshop a.gift {background-color:#ffff99; text-transform:uppercase; }
#eshop a.giftx {background-color:#a1fdfe; text-transform:uppercase; }
@media screen and (min-width:630px){ #eshop {display:none !important;} }

.reasons_sec {
  width:100%; height:auto; text-align:center; text-transform:uppercase; 
  font-size:10px; font-family: Helvetica, Tahoma; letter-spacing:-1px;
  list-style:none; color:#fff; background-color:#113300; opacity:0.9;  
}
.reasons_sec li {
  position:relative; display:inline-block; width:14.65%; height:auto; margin:40px 0 0 -2px; padding:1%; 
  vertical-align:top; background-color:#113300; 
}
.reasons_sec li:first-child {margin-left:0;  }			  
.reasons_sec li:after {
  content:""; position:absolute; z-index:-1; top:-40px; left:0; width:100%; height:100%; background:#ffff99; 
}
.reasons_sec li a {display:block; width:100%; height:100%; color:#fff; }
.reasons_sec li a:hover {opacity:0.6;  }
.reasons_sec li img {
  position:relative; z-index:99; display:block; margin:-45px auto 0 auto; padding:9px; width:30px; height:30px;
  border-radius:50px; border:2px solid #ffff99; background-color:#113300; 
}
.reason_title {display:block; width:100%; color:#ffff99; font-size:12px; font-weight:bold; line-height:20px; }
.reason_text {padding:3%; }	





@media screen and (max-width:940px){ 
  
  #content_sec, #reasons_sec, #navigation, #banner {width:100%; padding:0; }
  
  .input-text-search {width:auto; }
  
  #banner {position:relative; height:0; padding-bottom:25%; overflow:hidden; } 
  .anythingSlider {width:100%; height:100%; } 
  .anythingSlider .wrapper {width:100%; height:none; }
  .anythingSlider .wrapper ul {width:1000%; }
  .anythingSlider ul li {width:10%; }
  .anythingSlider ul li img {width:100%; }
  #thumbNav {top:10px; }
  
  #navigation {height:auto; text-align:center;  }
  .input-text-search {height:34px; }
  .filterline .input-text-search {margin-left:3px; cursor:pointer; }
   .filterline img.btnHladatImg {border:5px solid #ddd; }
   .filterline select.input-text-search option {padding:9px; }   
  .search ul {margin:6px 3px 5px 0px; }
   .search ul li input.bar {height:26px; background-image:none; background-color:#ddd; }
   .search ul li input.search_btn{width:79px; height:32px; border:5px solid #ddd; }
  
  #reasons_sec {width:100%; text-align:center; }
    
  
  
  .col2,.col2x {width:auto; float:none; overflow:hidden; margin-right:2%;padding-left:0px; }
  .col2 .content img, .col2 .imgintext img,.col2x .content img, .col2x .imgintext img {max-width:100%; height:auto !important; }   
  
  /* Buttons */
  .btnDokosa, .btnDokosaB, .btnDokosaC, .btnDokosaD, 
  .btnNaspatD { -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none; }
  .input-text-area textarea, .input-text-areareg textarea, .input-text-areaobj textarea {width:94%; padding:3%; }              
  
  .contactus, .adres {width:100%; }
  .adres .adressec1{width:48%; }
  .adres .adressec2{width:48%; padding-left:2%; }
  .adres #sec1, .adres #sec2 {position:relative; padding-bottom:300%; height:0; overflow:hidden; }
   #sec1 iframe, #sec2 iframe {position:absolute; top:0; left:0; width:100%; height:100%; }
  .contactform {width:100%; }
  
  .stlpec215 
   {width:100%; } 
  .stlpec97_pozicovna, .stlpec97_aukcia, .stlpec97_aukcia_a, .stlpec97_aukcia_b 
   {position:absolute; bottom:10px; right:20px; padding-top:0; height:95px; }
  .stlpec143_pozicovna, .stlpec143_aukcia 
   {float:left !important;}
    
  .shopping_cart_step1, .shopping_cart_step2, .shopping_cart_step3, .shopping_cart_step4, .shopping_cart_step5 
   {width:100%; background-size:100%; }
  
  .btnOdoslat, .btnObjednat {width:99px; height:42px; line-height: 42px; border:#666 solid 10px; }
  .ramik_yellowbgr input.inputbar {height:40px; line-height: 42px; font-size:16px; }
  
  .formssection, .formssectionx {width:93%; padding:3%; }
  ul.forms, ul.formsx {width:100%; padding:0; }
  ul.forms li, ul.forms li.txt {float:none; width:100%; }  
  ul.formsx li, ul.formsx li.txt, ul.formsx li.inputfield {float:none; width:100%; height:auto; margin:3px 0; padding:3px 0; } 
  ul.forms li.inputfield input, ul.forms li.textfield textarea, 
  ul.forms li.inputfield input, ul.forms li.inputfield select {width:95%; height:auto; padding:2%; margin:0 0 3% 0; font-size:16px; }
  ul.forms li.inputbutton input {border:#dcdcdc solid 3px; }
  ul.forms li.inputfield select {cursor:pointer; }
  ul.forms li.inputfield select option {padding:9px; }
   
  /* Footer Rules */    
  #footerx {background-image:none; font-size:12px; }
  .fsecs {background-image:none; margin-right:0px; }
  .fsecs h5{margin-bottom:0; }
  .fsecs ul{height:230px; padding-right:5px; }
  .fsecs ul li a {display:inline-block; padding:9px; width:135px; background-color:#eee; }
  .fsecs ul li a:hover {color:#fff; background-color:#ccc; }
  .fsecs1 {margin-left:0px; margin-bottom:9px; }
  .newsletr {float:left; width:155px; }
  .newsletr ul li{}
  .newsletr ul li input.bar {background-image:none; width:auto; }
  
  .video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
  .video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

}
@media screen and (max-width:860px){  
  /* Bread Crumb Rules */
  #breadcrumb ul.vlavo li:first-child a {padding-right:1%; padding-left:1%;}
  #breadcrumb ul.vlavo li a {width:14%; padding:9px 1%; }
  
  #reasons_sec img {width:auto; height:auto; }   
  
  /* Footer Rules */  
  .fsecs ul li a {width:115px;}
  
  .contactform #sec1 .contentdiv img {width:24%; }
}
@media screen and (max-width:780px){ 
  /* General Rules */
  .stlpec97_pozicovna, .stlpec97_aukcia, .stlpec97_aukcia_a, .stlpec97_aukcia_b 
   {position:relative; bottom:0; right:0; }
  .stlpec275 {width:auto; padding-right:9px; } 
  
  .reasons_sec li:nth-child(1), .reasons_sec li:nth-child(2),
  .reasons_sec li:nth-child(3), .reasons_sec li:nth-child(4) {width:22.6%; }  
  .reasons_sec li:nth-child(5), .reasons_sec li:nth-child(6), .reasons_sec li:nth-child(7) {width:30.8%; }
  .reasons_sec li:nth-child(5) {margin-left:0; }
  
  .imgintext img, .newstext img, p.newstext p img {display:block; float:none !important; max-width:90% !important; margin:auto; padding:9px 0; }
  .hiddnsecslistx .newstext img, .hiddnsecslistx p.newstext p img {float:left !important; }    
    
  /* Gallery Page */
  .sliderwrapper {margin:0 auto; }   
  
  .products ul li, .categories_sec ul li, .categories_rat ul li, .products_rat ul li {width:44%; }
   
  /* Footer Rules */ 
  .fsecs, .fsecs1, .newsletr {width:47%; }  
  .fsecs ul li a {width:120px; }  
}
@media screen and (max-width:630px){ 
  #breadcrumb {display:none; position:fixed; top:40px; left:0; z-index:77; padding:84px 0 0 0; 
              /*mobile*/ -webkit-backface-visibility:hidden; }
   #breadcrumb ul.vlavo li a {width:47%; }
   #breadcrumb ul.vlavo li:last-child a {width:97%; }
  .reasons_sec, #reasons_sec {display:none; }  
  
  /* General Rules */
  body {background-image:none; }  
  
  .categories, .adv {margin:0 auto; width:218px; }  
      
  /* Footer Rules */
  .fsecs h5 {text-align:center; }
  .fsecs ul {width:200px; margin:0 auto; float:none; }
  .fsecs ul li a {width:100%; }
  .fsecs1 {width:200px; margin-left:9%;  }
  .newsletr {width:200px; }
}
@media screen and (max-width:500px){      
  /* Footer Rules */
  .fsecs, .fsecs1, .newsletr {width:45%; margin-left:0; }
  .fsecs ul {width:80%; }
}
@media screen and (max-width:420px){ 
  /* Buttons */
  .btnObjednatDx {position:absolute; left:2.5%; width:93.5%; margin-top:100px; padding:0; text-align:center; }  
  #barObjednat {margin-bottom:200px; }
  .btnObjednatD {position:absolute; left:2.5%; width:93.5%; padding:0; height:80px; line-height:80px; 
                text-align:center; font-size:18px; font-weight:bold; 
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none; }  
  .btnNaspatD {position:absolute; left:2.5%; width:93.5%; margin-top:100px; padding:0; text-align:center; }                          
  
  .col2 {margin-left:1%; margin-right:3%; } 
  
  /* Categories Page */
  .products ul li, .categories_sec ul li, .categories_rat ul li, .products_rat ul li {width:90%; padding:3%; }
  ul.sekcia_menu li {padding:0; }
  
  .adres .adressec1, .adres h6 {width:97%; padding-left:2%; border-right:none; }
  .adres .adressec2 {width:97%; padding-left:2%; }
  .contactform #sec1 .contentdiv img {width:49%; }
  
  /* Footer Rules */
  .fsecs1 {width:180px; margin:10px auto; float:none; clear:both; }
  .fsecs1 h5 {padding-top:20px; }
  .newsletr {width:94%; }
}
@media screen and (max-width:300px){ 
  /* Buttons */
  .btnObjednatD {font-size:16px; font-weight:normal; }  
  
  .hiddnsecslistx .newstext img, .hiddnsecslistx p.newstext p img {float:none !important; }    
    
  .prod_detail li {padding:4px 0px 4px 0px; }  
  
  .stlpec97_pozicovna, .stlpec97_aukcia, .stlpec97_aukcia_a, .stlpec97_aukcia_b 
   {width:85px; background-size:85px 95px; margin-right:-12px; }  
  .stlpec143_pozicovna, .stlpec143_aukcia 
   {width:133px; background-size:133px 95px; margin-left:-5px; }   
}