#maystry {padding:0 0 10px; position:relative;}

#maystry .m_cell{padding:0px 0px 10px 0px; border:0px solid; position:relative; /*height:172px;*/}
#maystry .top{display: flex; flex-wrap: wrap; padding: 7px 14px 4px 14px; border-top:4px solid #674F0F; background:#FFE473; background: -moz-linear-gradient(#ECBF5A 10%, #FFE473 65%, #FFE473); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ECBF5A),color-stop(.65, #FFE473),color-stop(1, #FFE473)); -pie-background: linear-gradient(#ECBF5A, #FFE473 65%, #FFE473); behavior: url(/js/PIE.htc); position:relative;}
#maystry .face{float:left; display:block; margin:12px 0 0 5px; position:absolute; top:8px; left:12px;}
#maystry .face img{width:56px; border:4px solid #674F0F; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
#maystry h2{padding:16px 0 0; display:block; font-size:1.6em; font-weight:bold; line-height:1em; border:0px solid; margin:0 0 0 79px;}
#maystry h2 a{text-decoration:none; color:#674F0F;}
#maystry h2 a:hover{text-decoration:underline;}

.vyroby_list{/*position: absolute; top:76px; */ padding:10px 0 30px; margin:0 17px 0 -10px; list-style:none; clear:both;}
@media all and (min-width: 768px) {.vyroby_list{margin:0 17px 0 68px;}}
.vyroby_list li{float:left; margin:9px 0px 11px 27px;}
.vyroby_list li img{padding:3px; background:#FFFFFF; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow: 0 0 3px 0 #4D4326; -webkit-box-shadow: 0 0 3px 0 #4D4326; box-shadow: 0 0 3px 0 #4D4326; width:100px; height:75px; /* width:75px; height:56px; */ }

#maystry .meta{border:0px solid; font-size:.9em; padding:6px 0 0px; color:#674F0F; margin:4px 0 0 79px;}
#maystry .tag, #maystry .region{margin:0 7px 0 0px; background:url(../images/icons/main_maystry_icons.png) 0 -31px no-repeat; padding:0 0 2px 16px; float:left;}
#maystry .region{background-position:0 -46px; padding:0 0 0 15px;}
#maystry .meta a{color:#674F0F; font-size:.9em; font-weight:bold;}

.m_data { flex: 0 0 100%; display: flex; flex-direction: row-reverse; align-items: center; margin-top: 10px; }
@media all and (min-width: 768px) {.m_data {flex-direction: column-reverse; margin-top: 0; flex: 0 0 auto; margin-left: auto; align-items: flex-end; justify-content: flex-end; margin-top: 16px;}}
#maystry .to_profile{margin-left: 10px; color:#FFE473;font-size:.8em;font-weight:bold;background: #95782a;display:block;padding: 5px 6px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-box-shadow: 0 0 1px 0 #4D4326;/* -webkit-box-shadow: 0 0 1px 0 #4D4326; *//* box-shadow: 0 0 1px 0 #4D4326; */text-decoration:none;/* background:#ECBF5A; */cursor:pointer;/* background: -moz-linear-gradient(#B78B1F, #906E19 45%, #674F0F); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B78B1F),color-stop(.15, #906E19),color-stop(1, #674F0F)); -pie-background: linear-gradient(#B78B1F, #906E19 45%, #674F0F); */}
#maystry .to_profile:hover{background:#FFEC9E;  -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; background: -moz-linear-gradient(#674F0F, #906E19 45%, #B78B1F); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #674F0F),color-stop(.45, #906E19),color-stop(1, #B78B1F)); -pie-background: linear-gradient(#674F0F, #906E19 45%, #B78B1F); behavior: url(/js/PIE.htc);}
@media all and (min-width: 768px) {#maystry .to_profile{margin-top: 10px;}}

#maystry .timeandcomm{ font-size:.8em; color:#A5792C;}
#maystry .comm{margin:0 0 0 3px; font-size:12px;}
#maystry .comm a{color:#805E23; text-decoration:none; background: url(../images/comm.gif) no-repeat left center; padding:0 0 0 15px; }
#maystry .fbuk{position:absolute; top:49px; right:104px;}
#maystry .fben{position:absolute; top:49px; right:95px;}


#pagination{height:35px; margin:20px 0 0 0; padding:0 5px 0 0;}
#pagination .wp-pagenavi {margin:0; height:35px; float:right;}
#pagination a, #pagination span {text-decoration: none;  background:none;  padding: 2px 4px; margin: 7px 2px 0; display:block; float:left; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#FFE473; border:1px solid #FFE473; behavior: url(/js/PIE.htc); position:relative;}
#pagination a:hover, #pagination span.current {background:#FFE473;  padding: 3px 5px; border: 0px solid #BFBFBF; color:#44391D;}
#pagination .last,#pagination .first,#pagination .previouspostslink,#pagination .nextpostslink,#pagination .extend{background:none; border:1px solid #FFE473; color:#FFE473; padding: 2px 4px;}
#pagination .pages{background:none; color:#FFE473;}
#pagination span.current {font-weight: bold;}



.search-block { display: flex; justify-content: flex-end; align-items: center; padding-right:25px; }
@media all and (min-width: 600px) { .search-block { position:absolute; top: 20px; right: 0; } }

.quick_search{color:#E1B652; text-align:right; font-size:.85em; font-weight:bold;}
#m_single_search{width:120px; margin-left: 10px; color:#6D550D; border:0px solid; background:#FDE171; padding:3px 4px 3px; font-size:11px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background: -moz-linear-gradient(#E1B652, #E5BF67 45%, #FFE473); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E1B652),color-stop(.45, #E6BE4E),color-stop(1, #FFE473)); font-family:Arial, Verdana, sans-serif; -pie-background: linear-gradient(#E1B652, #E5BF67 45%, #FFE473); behavior: url(/js/PIE.htc); }

#m_dropdown{position:absolute; top:49px; right:25px; width:230px; }
#m_dropdown .rel{position:relative;}

#drop_links{position:absolute; top:0; left:0; border:0px solid; border:0px solid #FFF; width:230px;}
#drop_links a{float:right; margin:0 0 0 4px; display:block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow: 0 0 3px 0 #4D4326; -webkit-box-shadow: 0 0 3px 0 #4D4326; box-shadow: 0 0 3px 0 #4D4326; font-size:.8em; text-decoration:none; font-weight:bold; padding: 4px 7px; background:#ECBF5A; cursor:pointer; background:#E1B652; background: -moz-linear-gradient(#EBC97A, #EBC97A 15%, #E1B652); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EBC97A),color-stop(.15, #EBC97A),color-stop(1, #E1B652)); -pie-background: linear-gradient(#EBC97A, #EBC97A 45%, #E1B652); behavior: url(/js/PIE.htc); position:relative;}

#drop_links a.active, #drop_links a.active:hover{background:#FBE182; background: -moz-linear-gradient(#E1B652, #E1B652 15%, #FBE182); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E1B652),color-stop(.45, #E1B652 ),color-stop(1, #EBC97A)); -pie-background: linear-gradient(#E1B652, #E1B652 45%, #EBC97A); behavior: url(/js/PIE.htc); position:relative;}
#drop_links a:hover{background:#FBE182; background: -moz-linear-gradient(#FBE182, #FBE182 15%, #E1B652); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FBE182),color-stop(.15, #FBE182),color-stop(1, #E1B652)); -pie-background: linear-gradient(#FBE182, #FBE182 45%, #E1B652); behavior: url(/js/PIE.htc); position:relative;}


#drop_links a span{border:0px solid; padding:0px 6px; margin:0 0 0 1px; background:url(../images/icons/main_maystry_icons.png) 0 -63px no-repeat;  }
#drop_links a.active span{background-position:0 -74px;  }

#dropdown_type{display:none; position:absolute; top:26px; right:0; width:192px; z-index:100;}
#dropdown_type ul { margin: 0; float: left; border: 0px dotted #000000; padding: 9px 0 12px 6px; background: #FFE88A; font-size: .85em; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow: 0 0 3px 0 #4D4326; -webkit-box-shadow: 0 0 3px 0 #4D4326; box-shadow: 0 0 3px 0 #4D4326; behavior: url(/js/PIE.htc); position:relative;}
#dropdown_type li {  /*background: url(../images/maystry_sprites.png) no-repeat top left;*/ border-bottom: 1px dotted #000000; float: left; text-align: right; display: block; width: 171px; margin: 0 12px 0 3px; padding: 0;}
#dropdown_type li a {padding: 5px 0 5px 30px; color: #574500; margin: 0; font-weight: bold; float: left; text-decoration: none; white-space:nowrap;}
#dropdown_type li span{margin:0; padding:4px 0 0;}
#dropdown_type  li a:hover { color: #000000;}

#dropdown_reg{display:none; position:absolute; top:26px; right:0; width:192px; z-index:100;}
#dropdown_reg ul { margin: 0; float: left; border: 0px dotted #000000; padding: 9px 0 12px 8px; background: #FFE88A; font-size: .85em; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow: 0 0 3px 0 #4D4326; -webkit-box-shadow: 0 0 3px 0 #4D4326; box-shadow: 0 0 3px 0 #4D4326; }
#dropdown_reg li {padding: 0; border-bottom: 1px dotted #000000; float: left; text-align: right; display: block; width: 171px; margin: 0 12px 0 3px; }
#dropdown_reg li a { padding: 4px 0; color: #574500; margin: 0; font-weight: bold; float: left; text-decoration: none; display:block; white-space:nowrap;}
#dropdown_reg li span{margin:0; padding:4px 0 0;}
#dropdown_reg li a:hover { color: #000000; }


#maystry_filter{position:absolute; top:45px; right:17px; color:#ffd270; font-size:1.0rem; border:0px solid; padding:10px; cursor:pointer; }
#maystry_filter i{margin:0 8px 0 0; }

#filterbox{display:none; min-height:200px;}


#categorybox{min-height:40px;background: #a37e22; background: linear-gradient(#916f1a, #97741d 15%, #ca9f39);}
#categorybox ul{text-align:left; padding:10px 0 3px 18px;}
#categorybox ul > li{position:relative; display:inline-block; background:rgba(248, 200, 91, 0.81); color:#3c3011; font-size:.85rem; padding:6px 10px; margin:0 2px; border-radius:3px; cursor:pointer; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.14); margin-bottom:8px;}
#categorybox ul > li::after{content:'\f0d7'; font-family:'Font Awesome 5 Free'; font-weight:900; font-size:.8rem; color:rgba(100, 75, 13, 0.65); margin:0 0 0 3px;}
#categorybox ul > li > i{margin:0 2px 0 0; color:#99751c;}
#categorybox ul ul{display:none; position:absolute; border-radius:3px; box-shadow:1px 2px 6px rgba(91, 69, 14, 0.68); z-index:1000; top:32px; left:0px; padding:10px 0; background:rgb(255, 225, 158); margin:0;}
#categorybox ul ul li{white-space:nowrap; position:relative; display:block; background:none; box-shadow:none; padding:0 10px 0 0; border-radius:0; margin-bottom:0;}
#categorybox ul ul li:hover, #categorybox ul ul li:focus{background:#fff0cf; }
#categorybox ul ul li span{display:inline; position:absolute; top:-2px; right:9px; font-size:.7rem; background:rgb(194, 157, 73); padding:1px 4px; border-radius:2px; color:#fae0a3;}
#categorybox ul ul li::after{content:'';}
#categorybox ul ul li a{display:inline-block; border:0px solid; padding:5px 29px 5px 12px; font-size:.85rem; text-decoration:none; }