/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 900px) {
       
	.slider-portada,
	.unico-teaser,
	.slider-galeria {
		height: auto!important;
		}
		
.ordenador {
    display: none;
    }
    
.movil {
    display: block;
    }
    
.tabla-de-disponibilidad.movil .titulo,
.tabla-de-disponibilidad.movil .contenido {
    display: inline-block;
    float: left;
    width: 50%;
    }
    
.tabla-de-disponibilidad.movil .titulo {
    color: #e9681d;
    }
    
.tabla-de-disponibilidad.movil .item  {
    width: 90%;
    padding: 5px 5%;
    margin-bottom: 4px;
    }
    
.tabla-de-disponibilidad.movil .contenido .item  {
    background: #e0e0e0;
    }
    
.tabla-de-disponibilidad.movil .contenido .item.add  {
    background: #fae1d2;
    overflow: hidden;
    }
    
.tabla-de-disponibilidad.movil .contenido .item.add button.btn-primary {
    background: #fae1d2!important;
    border: 0!important;
    float: right;
    color: #e9681d;
    }
    
.tabla-de-disponibilidad.movil .contenido .item.add button.btn {
    padding: 0!important;
    }
		
.footer-booking li {
    display: block;
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.footer-booking {
    margin-bottom: 20px;
}



		
.tabla-disponibilidad .form-inline .input-group > .form-control {
    width: 100%;
}

.single .tabla-disponibilidad .form-inline .form-group.primero {
    margin-right: 0;
}


		
.reservas.registro .contenedor input[type="text"],
.reservas.registro .contenedor input[type="password"],
.reservas.resumen .contenedor input[type="text"] {
    width: 250px;
}

.stacktable.large-only {
    display: none;
    }   
    
.stacktable.small-only {
    display: table;
    }
    
.contenedor .formulario-terraza input[type="text"],
.contenedor .formulario-terraza textarea {
    width: 100%;
}

	
	.ordenador {
		display: none;
		}
	
	.dispositivo-movil {
		display: block;
		}
	.pasos-compra {
    height: auto;
    line-height: 1em;
    padding: 20px 1%;
}
	
	.paso {
    width: 100%;
    float: none;
    margin-top: 0;
    }
    
.paso.primero, .paso.segundo {
    margin-right: 0;
    margin-bottom: 15px;
}

	
	.logotipo {
		height: 109px;
		}
	
	h1.logo  {
		margin-top: 25px;
		}

	.home h1.logo a,	
	h1.logo a {
		background: transparent url("../img/logo-responsive.png") no-repeat;
		width: 178px;
		height: 51px;
		}
	
	h1.logo a {
		margin: 0 auto;
		}
	
	.header-up.internas {
		margin-bottom: 0;
		}
	
	.navbar {
		margin-bottom: 0!important;
	}

	.mapa-sticky {
		margin-bottom: 20px;
	}
	
	.mapa-sticky #google-maps-circuitos {
		height: 420px !important;
	}
	
	.col-hotel,
	.col-actividad {
		padding: 0 0 10px 0 !important;
	}

	.is_stuck{
		position: static !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		bottom: auto !important;
		float: initial !important;
	}
	
.carrito .alto td {
    height: auto;
    line-height: auto;
    font-size: 1.4em;
    }
    
.carrito .text-left,
.carrito .text-right {
    text-align: center;
}

.carrito .text-left,
.carrito .text-center {
    margin-bottom: 30px;
}

.section.blog img  {
    margin-bottom: 20px;
	}
	
.single.blog img  {
    width: 100%;
	}
	
.caja-reservar {
	position: static !important;
}	

}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container {  }

    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */



@media only screen and (max-width: 610px) {
    .tabla-celdas{ 
    padding:5px !important;
    }

    }

@media (min-width: 992px){
.col-md-3 {
    width: 25%;
    padding: 0 !important;
}
}

@media only screen and (max-width: 1199px) {
    .titulo{ 
    font-size:20px !important;
    }
    .descripcion{
        font-size:12px;
    }
    
    .img-reservas:{
        border-radius:0px;
    }
    }


@media only screen and (max-width: 991px) {
    
  .fondo-titulo{
        border-radius:15px 15px 0 0;
    }  
}