#f-prod, #f-prod div, #f-prod img, #f-prod h4, #f-prod h5, #f-prod a, #f-prod span, #f-prod:hover, #f-prod div:hover, #f-prod img:hover, #f-prod h4:hover, #f-prod h5:hover, #f-prod a:hover, #f-prod span:hover {-webkit-transition:0.2s linear all;-moz-transition:0.2s linear all;-ms-transition:0.2s linear all;-o-transition:0.2s linear all;transition:0.2s linear all;}
#f-prod {width:100%;float:left;clear:both;margin:15px 0;}
#f-prod .simple-prod {float:left;width:32%;margin-right:2%;margin-bottom:15px;padding-bottom:10px;}
#f-prod .simple-prod.end_line {margin-right:0}
#f-prod .simple-prod:hover h5 a, #f-prod .simple-prod:hover .desc a {color:#111;}
#f-prod .simple-prod:hover .m-wrap {background:#C5EDEF;}
#f-prod .simple-prod:hover .f-img .new {background-position:0 -10px;}
#f-prod .simple-prod:hover .price {border-color:#6BA013;}
#f-prod .f-img {display:block;position:relative;overflow:hidden;}
#f-prod .f-img .new {display: block;position: absolute;top: 15px;right:-30px;padding: 2px 4px;padding-top: 3px;width: 101px;font-size:10px;color: #fff;text-align: center;text-transform: uppercase;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform:rotate(45deg);-ms-transform: rotate(45deg);background-color: #990000;transform: rotate(45deg);color:#fff;background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
#f-prod .f-img img {width:100%;height:auto;border: 1px solid #ddd;}
#f-prod .lnk_more {display:inline;padding-right:10px;font-weight:bold;font-size:11px;color:#2965be;background:url(img/arrow_right_1.png) no-repeat 100% 4px;float:right;margin-top:4px;}
#f-prod .lnk_more:hover {color:#184485}
#f-prod .button {padding:3px 4%;height:auto}
#f-prod .price {padding:3px 5%;border:1px solid #80bd1c;background:#80bd1c;color:#fff;font-weight:bold;float:right;margin-right:3px;margin-top: -28px;position: relative;z-index: 3;text-shadow: 1px 1px 0px #00A213;font-size: 14px;}
#f-prod h4 {font-size:14px;color:#333;width:100%;float:left;clear:both;border-bottom:1px dotted #444;margin-bottom:10px;padding-bottom:3px;}
#f-prod h5 {font-size:14px;width:96%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:14px 2%;margin-bottom:5px}
#f-prod h5 a {color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:100%;}
#f-prod h5 a:hover {text-decoration:underline;}
#f-prod .desc {float: left;clear: both;height: 44px;overflow: hidden;text-overflow: ellipsis;margin:0 2%;margin-bottom:5px;width:96%}
#f-prod .desc a {float:left;width:100%;}
#f-prod .m-wrap {background:#f5f5f5;float:left;clear:both;width:100%;margin-top:-8px;margin-bottom:5px;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}

@media screen and (min-width: 481px) and (max-width: 690px) {
  #f-prod .lnk_more {font-size:10px;}
  #f-prod .button {font-size:10px;}
}

@media screen and (max-width: 480px) {
  #f-prod {width:102%;margin:0 -1%;}
  #f-prod .clear {float:left;clear:none;width:0;height:0;}
  #f-prod .simple-prod, #f-prod .simple-prod.end_line {width:48%;margin:5px 1%;float:left;clear:none}
  #f-prod h4 {margin:15px 1% 8px 1%;width:98%}
}