/* tab comparar producto ********************************/

#tab-comparar {
    border: 1px solid #eee;
    float: left;
    padding: 0;
    width: 100%;
}

.Compare h1 {
    padding: 20px 0 0 30px;
}


/**************************************************************************/
/* COMPARAR - COMPARE ******************************/

/* Zebra striping! */
.zebra tr:nth-of-type(odd) { 
    background: #f9f9f9; 
  }
  
  .Compare table {
      background: #fff none repeat scroll 0 0;
      border: 0 none;
      float: left;
      font-size: 0.87em;
      margin-bottom: 0;
      min-width: 480px;
  }
  .Compare tr td, .Compare tr th {
      border: 1px solid #ddd !important;
  }
  .Compare th, .Compare td {width: 21%;}
  
  #tab-comparar table tbody > tr td, #tab-comparar table tbody > tr th {background: transparent}
  #tab-comparar table tbody > tr:nth-child(2) {background-color: #f9f9f9;}
  #tab-comparar table tbody > tr:nth-child(4n+4) {background-color: #f9f9f9;}
  
  
  .Compare thead.affix .corner, .Compare tbody tr th:first-child, .Compare thead .corner {
      width: 9%;
  }
  .Compare thead {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.28);
      z-index: 2;
  }
  .Compare thead th {
      background: #182d1e none repeat scroll 0 0 !important;
      border-color: #f5f5f5 !important;
      border-style: solid !important;
      border-width: 0 0 6px !important;
      padding-bottom: 14px !important;
      padding-top: 35px !important;
      position: relative;
      vertical-align: middle !important;
  }
  .Compare tbody th, .Compare tbody td {
      padding: 8px !important;
  }
  .Compare tbody tr th:first-child, .Content thead tr th:first-child {
      padding-left: 10px !important;
  }
  .Compare tbody tr th:last-child, .Content thead tr td:last-child {
      padding-right: 10px !important;
  }
  
  
  .Compare .corner {
      background: #182d1e none repeat scroll 0 0 !important;
      color: #fff;
      font-size: 1.7em;
      font-weight: 300;
      line-height: 1em;
  }
  .Compare table h3 {
      color: #fff;
      font-size: 1.1em;
      line-height: 1.1em;
      margin: 5px 0 10px;
      padding: 0 5px;
      text-align: center;
  }
  .Compare table h3:hover {text-decoration: underline}
  .th_image img:hover {border: 1px solid #000;}
  
  .Compare .remove {
      background: #888 none repeat scroll 0 0;
      border: 3px solid #fff;
      border-radius: 24px;
      bottom: -17px;
      color: #fff;
      cursor: pointer;
      display: block;
      font-size: 13px;
      height: 25px;
      line-height: 19px;
      margin-right: -10px;
      position: absolute;
      right: 50%;
      text-align: center;
      text-decoration: none !important;
      width: 25px;
  }
  .Compare .remove:before {content:"\e02b"}
  .Compare .remove:before {
      font-family: "E3Interface";
      text-align: center;
  }
  .Compare .remove:hover {color: #fff; background: #000;}
  
  .Compare .th_image {
      background: #fff none repeat scroll 0 0 !important;
  }
  .Compare .th_img {opacity: 1 !important; text-align: left !important;}
  .Compare .th_img:before {content: "\f2d3"}
  .Compare .th_img::before {font-family: "Ionicons"; opacity: 0.2;}
  .Compare .th_image {
      padding: 1px !important;
      text-align: center;
  }
  .Compare .th_image img {
      height: auto;
      max-width: 140px;
      max-height: 120px;
      padding-top: 7px;
      width: auto;
  }
  
  .Compare tbody th {
      color: #777;
      font-weight: 500;
      letter-spacing: 0.02em;
      min-width: 133px;
  }
  .Compare table .valoracion {
      float: left;
      margin: 0;
  }
  .Compare table .price_wrapper {
      font-size: 0.95em;
      height: auto;
      margin-bottom: 10px;
  }
  .Compare table .BUTTONBUY {
      margin-top: 7px;
      padding: 5px;
  }
  
  .tr_buy .BUTTONBUY {
      font-size: 1.05em !important;
      margin: 0 auto;
      padding: 6px 14px !important;
  }
  
  .Compare table .stars_off {z-index: 0;}
  .Compare table .puntaje {display: none}
  
  
  

  
  /* affix table */
  .affix {
    width: inherit;
}
  .Compare thead.affix {
      top: 0;
  }
  .Compare thead.affix tr {
      display: table;
      width: 100%;
  }
  .Compare thead.affix th {
      display: table-cell;
      padding: 5px 5px 13px !important;
  }
  .Compare thead.affix h3 {
      font-size: 0.78em;
      letter-spacing: 0;
      line-height: 1.1em;
  }
  .Compare thead.affix .remove {
      bottom: -20px;
  }
  
  #tab-comparar tr:hover td {background-color: #eee !important}
  #tab-comparar tr:hover th {background-color: #E9E8EA}
  #tab-comparar tr:nth-child(1):hover > * {background-color: #fff !important}
  
  /*
  @media only screen and (max-width: 767px) {	
      .Compare th:first-child, .Compare thead.affix .corner {
          display: none;
        }
      .titmobile td {
          background: #e8e8e8 none repeat scroll 0 0 !important;
          border: 0 none !important;
          color: #000;
          line-height: 0.8em !important;
          padding-top: 20px !important;
          text-align: center;
          text-transform: uppercase;
      }
      .Compare tbody tr td {
          background: #fff none repeat scroll 0 0;
          font-size:0.9em;
      }
      .Compare  th, .Compare td {width: 25%}
      .th_image img {max-width: 90px; max-height: 90px;}
      .Compare table h3 {font-size: 0.8em;}
  }
  
  @media only screen and (max-width: 479px) {	
      .Compare table {font-size: 0.7em}
      .Compare  th, .Compare td {width: 50%}
      .Compare thead.affix {position: relative}
      .Compare section {
          overflow-y: hidden;
          width: 100%;
      }
      .Compare table {overflow-x: auto}
  }
  */



* compare ***********************************/

.compare {
    float: left;
    position: relative;
    clear: left;
    width: 100%;
}

.comp-button {
    color: #777;
    font-size: 0.8em;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.2em;
}

.comp-button:before {
    content: ""
}

.comp-button::before {
    float: left;
    font-family: "Ionicons";
    font-size: 1.5em;
    margin: 5px 6px 0 1px;
    opacity: 0.8;
    text-decoration: none !important;
    text-transform: none;
}

.comp-button::after {
    content: "Comparar"
}

.compare:hover .comp-button {
    text-decoration: underline !important;
    opacity: 1;
    color: #444 !important;
}


/* Productos ya agregados a comparación */

.act_compare {}

.act_compare .comp-button {
    color: #002364!important;
}

.act_compare .comp-button:before {
    content: "\f122";
    font-size: 1.36em
}

.Product .act_compare .comp-button:before {
    line-height: 0.5em;
}

.act_compare .comp-button::after {
    content: "Comparar";
    letter-spacing: 0;
}

.act_compare:hover .comp-button {
    color: #002364 !important;
}

.PRODUCTAREA .compare {
    line-height: 1.2em;
    font-size: 1.4em;
}