/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* ************************************************************************************************
                                    Sub Categories Styles
************************************************************************************************ */

.product-flags .discount, .product-flags .on-sale {
    color: red;
}

#subcategories {
  border-top: 1px solid #d6d4d4;
  padding: 15px 0 0px 0; }
  #subcategories p.subcategory-heading {
    font-weight: bold;
    color: #333;
    margin: 0 0 15px 0; }
  #subcategories ul {
    margin: 0 -10px 0 -20px; }
    #subcategories ul li {
      float: left;
      width: 145px;
      margin: 0 0 43px 33px;
      text-align: center;
      height: 202px; }
      #subcategories ul li .subcategory-image {
        padding: 0 0 8px 0; }
        #subcategories ul li .subcategory-image a {
          display: block;
          padding: 1px;
          border: 1px solid #d1d1d1; }
          #subcategories ul li .subcategory-image a img {
            max-width: 100%;
            vertical-align: top; }
      #subcategories ul li .subcategory-name {
        font: 600 14px/22px "Open Sans", sans-serif;
        color: #c2112e;
        text-transform: uppercase; }
        #subcategories ul li .subcategory-name:hover {
          color: #c2112e; }
      #subcategories ul li .cat_desc {
        display: none; }
      #subcategories ul li:hover .subcategory-image a {
       background: #c2112e;}

/*# sourceMappingURL=category.css.map Aquaris 720 x 1280  */
/*resoluciones 576 768 992 1200 */
@media (max-width: 767px) and (orientation: portrait){
 #subcategories ul {
   margin: 0 -15px 0 -45px;}
 
 @media (max-width: 767px) and (orientation: landscape) {
 #subcategories ul {
   margin: 0 -15px 0 -45px; }
 

@media (min-width: 768px) and (orientation: portrait) {
 #subcategories ul {
   margin: 0 -15px 0 -45px; }
 

@media (min-width:768px) and (orientation: landscape){
 #subcategories ul {
   margin: 0 -15px 0 -45px; }
 


@media (min-width:1024px){
 #subcategories ul {
   margin: 0 -10px 0 -20px; }
 #index p.category-description {
    display: none;
}