/*estilos para resultados del filtro*/
/*
body
{
  background-image: none;
  background-color: #f6f6eb;
}*/
@media screen and (max-width: 2000px) {
 
#label-check
{
  justify-content: center;
  position: fixed;
  left: 0;
  top: 210px;
  font-size: 2em;
  background-color: orange;
  padding: 5px 10px;
  border-radius: 5px;
  transition: left 0.7s;
  display: none;
}
  
.cerrar-filtro
{
display: none;
}
}
@media screen and (max-width: 980px) {
  #filtro .contenedor
  {
    padding-top: 30px;
  }
.cerrar-filtro
{
  display: block !important;
  color:#f1911f;
  padding: 5px 5px 0 5px;
  font-size: 2em;
  position: absolute;
  right: 0;
  background-color: #eee;
}
#label-check
{
display: block !important;
}
  #filtro
  {
   /* position: fixed !important;
    height: 100% !important;
    width: 40% !important;
    min-width: 250px;
    top: 50px !important;
    left: -40% !important;
    display: flex !important;
    
  transition: left 0.7s;
    z-index: 4 !important;*/
  }
  #filtro h3
  {
    display: none !important;
  }
} 

@media screen and (max-width: 800px) {
  .oferta-horizontal
  {
    min-width: 500px
    
  }
   .header.flotante .logo a .slogan img
  {
    display: none !important;
  } 
    
  .oferta-horizontal .ahorro,.oferta-horizontal .tarifas
  {
    margin: 0px !important;
    padding: 0px 2px !important;
  } 
}
@media screen and (max-width: 480px) {
   #filtro
  {
    /*position: fixed !important;
    height: 100% !important;
    width: 40% !important;
    min-width: 250px;
    top: 50px !important;
    left: -60% !important;
    display: flex !important;
    
  transition: left 0.7s;
    z-index: 4 !important;*/
  }
}

.filtro
{
  background-color: #f1911f;
  border-radius: 5px;
  text-align: center;
  padding-bottom: 1px;  
}

.filtro h3
{
  color:#fff;
  padding: 1px 10px 4px 10px;
  font-size: 1em;
  
}
.filtro h4, .filtro ul
{
  margin-bottom: 0;
}
.filtro h4
{
  position: relative;
  text-align: left;
  border-bottom: 1px dotted #999;
  font-size:1em;
}
.filtro h4 .glyphicons
{
  position: absolute;
  right: 0;
}
.filtro .contenedor
{
  background-color: #fff;
  min-height: 100px;
  margin:1px;
  border-radius: 5px;
  padding: 10px;
}

.oferta-horizontal
{
  border:1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  height: 156px;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  margin-left: 0;
}

.oferta-horizontal .row.cont
{
  padding: 4px;
}
.oferta-horizontal.seleccionado
{
  background-color: #eee;
}
.oferta-horizontal .descuento
{
  text-align: center;
  background-color: #3d428b;
  color:#ffed00;
  font-size: 2.1em;
  padding: 0px 0 ;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ccc;
  border-top-width: 0;
  vertical-align: top;
  font-weight: bold;
}
.oferta-horizontal .descuento .tit
{
  
  font-size: 0.3em;
  padding: 0px;
  margin-top: -10px;
}
.oferta-horizontal .descuento span
{

  
  
}
.oferta-horizontal .ahorro .rack
{
    margin:20px 0 10px 0;
  overflow: hidden;
  font-size: 0.8em;
  font-weight: bold;
  display: block;
  text-align: center;
  color:#666;  
  height: 35px;
}
.oferta-horizontal .ahorro .ahorra
{
  background-color: #f1911f; 
  text-align: center;
  color:#F9E836 ;
  padding: 10px ;
  border-radius:5px 5px 0 0;

}
.oferta-horizontal .ahorro .ahorra span
{
  display: block;
  font-size:2em; 
}
.oferta-horizontal .ahorro .ahorra b
{
  font-size: 0.8em;
}
.oferta-horizontal .ahorro .ahorra  
{
  
}

.oferta-horizontal .img
{
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 145px !important;
  display: block;
    
}
.oferta-horizontal .img img
{
  margin-top: -20%;
}
.oferta-horizontal .img h5.ciudad
{
  position: absolute;
  top: -10px;
  left: 10px;
  font-size: 1em;
  width: 70%;
  border:1px solid #eee;
  border-top-width: 0;
  background-color: yellow;
  padding: 5px 10px;
  color:#2d3281;
  
}
.oferta-horizontal .enlaces-oferta
{
  padding: 0px;
}
.oferta-horizontal .enlaces-oferta li
{
  display: block;
  list-style: none;
  margin-top: 7px;
}
.oferta-horizontal .enlaces-oferta li a
{
  color: #333;
  font-size: 0.8em;
  text-align: center;
  display: block;
  width: 100%;
  font-weight:bold;
}
.oferta-horizontal .enlaces-oferta li a .glyphicons
{
 display: block; 
  font-size: 1.3em;
  color:#878786;
  text-align: center
}

.oferta-horizontal .catalogacion .glyphicons
{
  font-size: 1.1em;
}
.oferta-horizontal .catalogacion .glyphicons-star
{
  color: #F1911F;
  
}
.oferta-horizontal .catalogacion .glyphicons-star-empty
{
  
  color:#ccc;
}
.oferta-horizontal .hotel{
  text-transform: capitalize;
  font-weight: bold;
}

.oferta-horizontal.premium .tipoHotel
{
  font-size: 0.9em;
  font-weight: bold;
  color:#c59815 !important;
}
.oferta-horizontal.premium .hotel a
{
  color:#c59815 !important;
}
.oferta-horizontal .dias
{
  margin-bottom: 0;
}

.paginacion
{ 
  text-align: right; 
  padding: 15px 0 1px;
  background-color: #fefefe;
  margin-bottom: 10px;
}
.paginacion ul li
{
  display: inline-block;
  margin: auto 5px;
  color:#999;
}
.paginacion ul li a
{
  color:#333;
}
.paginacion ul li.num a
{
  color:#666;
  padding:3px 7px;
  border:1px solid #aaa;
  border-radius: 50%;
  
}
.paginacion ul li.num:hover a
{
  border-radius: 50%;
  border-color: #666
}
.paginacion ul li.actual a
{
 
  border:1px solid #d67b13;
  background-color: #F1911F;
  border-radius: 50%;
  color:#fff;
  padding:3px 7px;
}
.comparar{
  background-color: #f19120;
  height: 300px;
}
.seleccionado .comparar
{
  background-color: #c46d09;
}
#filtro
{
  vertical-align: top;
  position: absolute;
  min-height: 200px;
}
.filtro .contenedor ul
{
  padding: 10px 0 0 0;
  text-align: left;
}
.filtro .contenedor ul li.activo
{
  background-color: #3D428B;
  
}

.filtro .contenedor ul li.activo a
{
  color: #fff ;
}
.filtro .contenedor ul li
{
  display:inline-block;
  list-style: none;
  margin:0 5px 2px 0;
}
.filtro .contenedor ul li a
{
  display: block;
  border: 1px solid #999;
  color:#666 ;
  padding: 3px 6px;
}
#contenido-ofertas
{ 
  margin: 0;
  padding: 0;
}

div.resultado
{ 
  border-radius: 5px 5px 0 0; 
  text-align: center;
  padding: 10px 0;
  background-color: #fff;
  border-bottom: 1px dotted #ddd;
}
div.resultados #inicioOfertas
{
  font-size: 1.2em;
}
div.resultados .lista ul
{
  margin:0;
  padding: 0; 
  
}
div.resultados .lista li
{
  list-style: none;
  margin: 0;
  padding: 0;
  
}
div.resultados .lista li a
{
  font-size: 1.5em;
}
.resultados
{ 
}
#barra-resultado
{
  font-size: 1.3em;
  
  font-weight: normal;
}

#barra-resultado
{
  font-size: 1.1em;
  padding: 5px;
  color:#333;
  font-weight: normal;
}
#barra-resultado i
{
  border-bottom: 1px dashed #F1911F;
  color:#000;
  font-weight: bold;
}
#barra-resultado .txt-filtro
{
  display: inline-block;
}
#lista-comparacion ul
{
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
#lista-comparacion ul li
{
  display: inline-block;
  background-color: rgba(255,255,255,0.6);
  padding: 15px 15px 5px;
  border-radius: 5px;
  position:relative;
  max-width: 130px;
  vertical-align: top;
}

#lista-comparacion ul li:hover
{
  background-color: #ccc;
}
#lista-comparacion ul li a.cerrar
{
  position: absolute;
  right: 0;
  top:0;
  color:red;
  padding:1px 5px;
}
#lista-comparacion ul li a.cerrar:hover
{
  background-color: red;
  color:#fff
}
#lista-comparacion ul li span.est
{
  text-transform: capitalize
}

#lista-comparacion .comp
{
  display: inline-block;
  background-color: #2D3381;
  padding: 20px 10px;
  color: #fff;
  border-radius: 0 5px 5px 0;
}
#lista-comparacion .comp:hover
{
  background-color:#51558c
    
}
#box-comparar .modal-dialog
{
  width: 80%;
}

#box-comparar .contenido
{
  background-color: #fff;
}
#box-comparar .comparacion
{
  padding: 2%;
}
#box-comparar .comparacion table tr td div.img img
{
  width: 60%;
  vertical-align: top;
}
#box-comparar .comparacion table th.izq
{
  height: 10px;
}
tr.enlace a
{
  height: 10px;
}
#box-comparar .comparacion table td,#box-comparar .comparacion table th
{
  border:1px solid #ddd;
  padding: 5px;
}
#box-comparar .comparacion table tr:nth-child(even)
{
  background-color: #ddd;
}
#box-comparar .comparacion table tr:nth-child(odd)
{
  
}
#box-comparar .comparacion table td
{
  text-align: center;
}
#box-comparar .comparacion table span.glyphicons-ok-2
{
  color:#2D3381;
}
#box-comparar .comparacion table span.glyphicons-remove-2
{
  color:#bb1928;
}
.comparar
{
  position: relative;
}
.comparar > a
{
  vertical-align: middle;
   margin-bottom: 20px;
  display: block;
  margin-top: 50px !important;
  font-size: 0.8em;
  color:#fff;
}
.comparar .icheckbox_square-blue
{ 
  vertical-align: middle;
  position: absolute !important;
}
 .div-ofertas
{
  min-height: 450px !important;
  overflow: hidden;
}
.no-encontrado
{
  background-color: #ffdbde;
  margin-left: 15px;
  padding: 15px;
  border-radius: 5px;
  border:1px solid #ddd;
}

#check-filtro:checked ~ #filtro
{
  left:0 !important;
  
}

#check-filtro:checked ~ #label-check
{
  left:40%;
  border-radius: 0 0.5rem 0.5rem 0;
}

#check-filtro
{
  display: none;
}
.pull-left button
{
  padding: 30px 10px;
 background-color: #F39100;
  border:1px solid #e28400;
}
.pull-left button:hover,.pull-left button:focus,.pull-left button:active
{
  background-color: #e28400;
  border-color:#d37b00
}

.pull-left button:focus
{
  
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -60%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -60%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 60%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 60%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 60%; /* 6 columns */
  }
}