/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/

/* =============================================================================
   Site Styles
   ========================================================================== */
   body {
      background: #fff;
      /*url("/assets/img/header-bg.png") repeat-x; CAMBIO SE QUITO LINEA*/
   }
   #cuerpo {
      box-shadow: 0 0 40px #D0D0D0;
   }
   .paginador {
      width: 100%;
      height: 34px;
      float: left;
   }
   .pagination {
      float: right;
   }
   


   .pagination > .disabled > span,
   .pagination > .disabled > span:hover,
   .pagination > .disabled > span:focus,
   .pagination > .disabled > a,
   .pagination > .disabled > a:hover,
   .pagination > .disabled > a:focus {
     color: #999999 !important;
     background-color: #ffffff !important;
     border-color: #dddddd;
     cursor: not-allowed;
   }


   input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
      cursor:not-allowed;
      background-color:#eeeeee !important;
   }
   #logo {
      display: block;
      margin: 6px 0;
   }
   #login, #search {
      margin: 6px 0;
      float: right;
   }
   #search input[type="text"] {
      width: 397px;
   }
   #search_cadenas {
      height: 70px;
      line-height: 70px;
      padding: 0px 30px;
      background: #f2f2f2;
   }
   #buscadorCadenas select {
      background: #fff;
      height: 30px;
      line-height: 30px;
      width: 155px;
      font-size: 13px;
   }
   .widged {
      margin-bottom: 10px;
   }
   .call_box {
      width: 100%;
      padding: 7px;
      margin-top: 10px;
      border: 1px solid #E5E5E5;
   }
   #wrapper_slchains .bx-wrapper .bx-viewport {
      z-index: 0;
   }
   #slchains {
      margin: 0px;
      padding: 0px;
   }
   #slchains li a {
      display: block;
   }
   
   
/* =============================================================================
   Menu Styles
   ========================================================================== */
   #nav_resp {
      height: 47px;
      margin-bottom: 10px;
   }
   #nav_resp ul {
      margin: 0px;
      padding: 0px;
   }
   #nav_resp ul li:first-child, #nav_resp ul li:first-child a:hover {
      border-radius: 5px 0 0 5px;
   }
   #nav_resp ul li:last-child, #nav_resp ul li:last-child a:hover {
      border-radius: 0 5px 5px 0;
   }
   .flexnav .touch-button {
      width: 47px !important;
      height: 47px !important;
      background: transparent;
   }
   .touch-button:hover {
      background: rgba(0,0,0,0.075);
   }
  
   
  
   
   
/* =============================================================================
   Home slider Styles
   ========================================================================== */
   #wrapper_home {
      margin: 0px auto;
      margin-top: 10px;
      margin-left: 5px;
      margin-bottom: 10px;
   }
   #home_slider {
      margin: 0px;
      padding: 0px;
   }
   .bx-wrapper .bx-viewport {
      z-index: -1;
      border: none;
      -moz-box-shadow: 0 0 5px #fff;
      -webkit-box-shadow: 0 0 5px #fff;
      box-shadow: 0 0 5px #fff;
   }

/* =============================================================================
   Map Styles
   ========================================================================== */
   .map-container{
      padding: 0 0 0px 0;
      margin:10px 0 10px 0;
      width:100%;
      height:442px;
   }
   .map-container h3.main-title {
      border-bottom:none;
      margin:0;
      padding:10px;
      text-indent: 35px;
      background:url("/assets/img/pin-home.png") no-repeat 14px;
      float:left;
   }
   .map-title {
      background:#fff url("/assets/img/menu-bg-hover.png") repeat-x;
      width:100%;
      float:left;
   }
   .map-container button{
      vertical-align:top;
      margin:3px 10px 0 0;
      float:right;
   }
   #map-container{
      height:400px;
   }
   #map, #map-canvas {
      width: 100%;
      height: 100%;
      display: inline-block;
   }
   #map img, #map-canvas img {
      max-width: none;
   }
   .map_info_body {
      height: 200px;
   }
   .map_info_body p {
      width: 200px;
      margin: 0px;
   }


/* =============================================================================
   Category Styles
   ========================================================================== */
   .category_conteiner {
      width: 25%;
      height: 150px;
   }
   .category_conteiner h3 {
      font-size: 16px;
      margin:10px 0 10px;
      font-weight: bold;
   }
   .category_conteiner h3 a {
      color: #f7a11a;
   }
   .img_category {
      width: 170px;
      height: 120px;
      float: left;
   }
   .category_descrip {
      float: left;
      width: 458px;
      height: 120px;
      margin-left: 100px;
   }


/* =============================================================================
   Category Styles / cadenas
   ========================================================================== */
   .chain_list, .place_list {
      width: 194px;
      height: 165px;
      float: left;
      margin: 10px 9px;
   }
   .chian_thumbnail, .place_thumbnail {
      width: 194px;
      height: 123px;
   }
   .chian_thumbnail a, .place_thumbnail a {
      display: block;
   }
   .chian_title, .place_title {
      width: 194px;
   }
   .chian_title h3, .place_title h3 {
      margin: 0px;
      text-align: center;
      color: #776DB0;
   }
   .chian_title a, .place_title a {
      color: #776DB0;
      text-decoration: none;
   }


/* =============================================================================
   Category Styles
   ========================================================================== */
   .chain_detail, .place_detail {
      width: 100%;
      height: 230px;
   }
   .chain_thumb, .place_thumb {
      width: 330px;
      height: 209px;
      float: left;
   }
   .chain_promo, .place_promo {
      float: left;
      width: 308px;
   }
   .chain_promo h5 {
      margin: 0px;
   }
   .chain_promo p, .place_promo p {
      font-size: 11px;
   }
   .place_row {
      font-size: 11px;
      min-height: 35px;
      padding: 0px;
      float: left;
   }
   .place_label {
      width: 220px;
      float: left;
      color: #776DB0;
   }
   .place_addres {
      width: 220px;
      float: left;
   }

/* =============================================================================
   Cupon Styles
   ========================================================================== */
   .cupon {
      margin-bottom: 10px;
   }
   .cupon_thumbnail {
      width: 296px;
      height: 264px;
      border: 5px solid #E5E8E9;
   }
   .cupon_selected .cupon_thumbnail {
      border-color: #776DB0;
   }
   .cupon_detail {
      width: 296px;
      border-color: 1px solid #dcdddd;
      padding: 5px;
      background: #E5E8E9;
      border-top: none;
   }
   .select_to_print {
      padding-left: 30px;
      background: url("/assets/img/check-off.png") no-repeat left center;
   }
   .cupon_selected .select_to_print {
      background: url("/assets/img/check-on.png") no-repeat left center;  
   }


/* =============================================================================
   Media Queries
   ========================================================================== */

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
   #search input[type="text"] {
      width: 379px;
   }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
   #search input[type="text"] {
      width: 220px;
   }
   #search_cadenas {
      height: 170px;
      line-height: 40px;
   }
   .chain_promo {
      width: 220px;
   }
   .chain_thumb {
      width: 220px;
      height: 140px;
   }
   .cupon_thumbnail {
      width: 220px;
      height: 196px;
   }
   .cupon_detail {
      width: 220px;
   }
}


/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/

#thover{
  position:fixed;
  background:#000;
  width:100%;
  height:100%;
  opacity: .6;
  z-index: 5000;
}

#tpopup{
  position:absolute;
  /*width:100%;*/
  /*height:576px;*/
  background:#fff;
  /*left:12%;*/
  top:50%;
  border-radius:5px;
  /*padding:1px 0;*/
  /*margin-left:-320px;  width/2 + padding-left */
  margin-top:-250px; /* height/2 + padding-top */
  text-align:center;
  box-shadow:0 0 10px 0 #000;
  z-index: 5001;
  padding-left: 0px;
  padding-right: 0px;
}
.imgpromo{
   width:100%;
}

@media (min-width: 768px){
.imgpromo {
 width: 100%;
    }
  }


#tclose{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}