/*
Estilos para version XS
*/

@media (max-width: 320px) {
	.seccion-list.nightlife ul.item-list-columnas .info {
    	height: 187px !important;
	}
	
	.seccion-list.playas ul.item-list-columnas .info {
   		 height: 187px !important;
	}
	
	.contenido.principal .seccion-list.eventos ul.item-list-columnas .info {
    	height: 187px !important;
	}
	.seccion-list.quehacer ul.item-list-columnas .info {
	    height: 190px !important;
	}	
	.info a {
		font-size: 13px !important;
	}
}

@media (max-width: 768px) {
	.seccion-list.nightlife ul.item-list-columnas .info {
    	height: 150px;
	}
	
	.seccion-list.playas ul.item-list-columnas .info {
    height: 150px;
}
	
	.contenido.principal .seccion-list.eventos ul.item-list-columnas .info {
    height: 150px;
}
	
	.seccion-list.quehacer ul.item-list-columnas .info {
    height: 150px;
}
	
	/*santi*/
.visible-xs{min-height:0px !important; height:auto !important; padding-left:0px !important;}
.row-movil{margin-left:0px !important; margin-right:0px !important;}
.rw{margin:0 !important; padding:0 !important; margin-left:0 !important;}
.xs12{width:100% !important; margin-right:0px !important; padding-left:5px !important; padding-right:5px !important; margin-bottom:5px !important; margin-top:0 !important;}
.xs8{width:66.66% !important; margin-right:0px !important; padding-left:5px !important; padding-right:5px !important; margin-bottom:5px !important;}
.xs6{width:50% !important; margin-right:0px !important; padding-left:5px !important; padding-right:5px !important; margin-bottom:5px !important; float:left;}
.xs4{width:33.33% !important; margin-right:0px !important; padding-left:5px !important; padding-right:5px !important; margin-bottom:5px !important;}
.xs3{width:25% !important; margin-right:0px !important; padding-left:5px !important; padding-right:5px !important; margin-bottom:5px !important;}
.xsh1{width:100%; margin:0px !important; padding:10px 0 !important; text-align:center !important; font-size:24px !important;}
.desactive{display:none !important;}

.filtros{padding:0 !important; margin:0 !important; clear:both;}
.filtros .filtro{width:31.333% !important; height:auto !important; margin-right:0px !important; margin:20px 1% 10px 1% !important;}
.filtros img{width:70% !important; height:auto !important; margin-right:5px !important;}
.filtros .filtro-nombre{ font-size:10px !important;}
.filtros-seleccionados{ padding:0px !important; margin:0 0 10px 0 !important;}
.filtros-seleccionados ul{padding:0 !important; margin:0 !important;}
.filtros-seleccionados ul li .btn{    
	font-size: 14px;
	height: auto !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
	margin:4px !important;
    min-width: auto !important;
    padding: 0px 2.5px !important;
}
.popover{left:auto !important;}
.popover .btn{ margin-bottom:5px !important; margin-left:5px !important; margin-right:5px !important;}		
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   padding-right: 5px;
   padding-left: 5px;
}	

.modal-content{border-radius: 0; padding-top:36px;}
	
.clear{clear:both !important;}
.contenido.principal .encuentra .form-detalles h2{margin:0px !important; text-align:center !important; }
.areausuario ul li.menu-opcion{margin-left:0px !important;}
.restaurantes #nombre-lugar{width:100% !important; height:40px !important;}
.restaurantes input{width:100% !important;}

.playas #nombre-lugar{width:100% !important; height:40px !important;}
.playas input{width:100% !important;}

.contenido.principal .encuentra select{text-transform:none !important;}
.background-main{padding-top:130px !important;}
.contenido.principal .encuentra.small{margin-top:0 !important;}
.full, .full img{width:100% !important;}
.mapa-situacion{width:100% !important;}
.contacto .situacion{padding:20px !important; margin-left:0 !important;}
.contacto #mapa-items{width:100% !important;}
.popover-content ul{ margin:0 !important; padding:0px !important;}
.detalle-info .botones .btn{ margin-bottom:12px !important; width:100% !important;}

.ac-container label{
 background: #e47645 none repeat scroll 0 0;
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: montserrat-regular;
    font-size: 14px !important;
    height: auto !important;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 14px;
    padding: 10px 5px !important;
    position: relative;
    z-index: 20;	
}
.ac-container label::after, .ac-container input:checked + label:hover::after{
    background: transparent url("../images/icons/ofertas_arrow_down.png") no-repeat scroll center center;
    content: "";
    height: 24px;
    position: absolute;
    right: 5px !important;
    top: 5px !important;
    width: 24px;	
}
.contenido.secundario .encuentra select, #selector-fecha2{
   -moz-appearance: none;
    background: #fff url("../images/icons/desplegable_menu.png") no-repeat scroll 90% 50%;
    border: 1px solid #d3b64c;
    border-radius: 0;
    box-shadow: none;
    color: #565656;
    cursor: pointer;
    font-family: montserrat-regular;
    font-size: 12px;
    height: 28px;
    padding: 4px 5px 5px;
    text-transform: uppercase;
    width: 100%;	
}
.reserva-steps .step-5{padding-left:0px !important; padding:0px !important;}
.step-5 .step-contenido{margin-left:0px !important; padding:20px !important;}
.reserva-steps .step-5 .detalle-formulario .form-seccion.last{margin-top:0 !important;}
.reserva-steps .step-5 .detalle-formulario .form-seccion.last textarea{ width:100% !important;}
.contenido.detalle .selector-lista{margin-right:20px !important; font-size:14px !important;	}
.listado ul.valoraciones{ margin:0 !important; padding:0 !important}
.listado ul.valoraciones li, .listado ul.valoraciones div{ width:100% !important;}
.listado ul.valoraciones .fecha{width:100% !important;}
.contenido.detalle .info ul.caracteristicas{margin:0 !important; padding:0 !important;}
.contenido.detalle .info ul.caracteristicas li.caracteristica{width:100% !important;}
.contenido.detalle .info ul.caracteristicas li.caracteristica ul li{ float:left !important; margin:2.5px !important;}
.contenido.detalle .info ul.caracteristicas li.caracteristica img{float:left !important; margin-right:5px;}
.modal .modal-body{width:320px !important; padding:18px 0px 35px 80px !important; margin:0 0px !important;}
.modal-header{width:320px !important; margin:0 !important; padding:0 0 0 40px !important;}
#valora-experiencia .pie_valoracion{ /*padding:0 !important;*/}
.detalle-info .valoracion{width:66.66% !important;}
.detalle-info .favorito{width:33.33% !important; padding-top:70px;}

.reserva-steps .step-1 .btn{ width:45% !important;}
.ac-container-reserva{width:100% !important;}
.ac-container-reserva label.descripcion{font-size:12px !important;}
.reserva-steps .step-2{width:100% !important;}
/*fin santi*/

	.areausuario ul {
	    float: left;
	    /*padding-left: 12px !important;*/
	}
	.separador-xs{
	 	border-top:1px solid #D3B64C;padding-top:10px;
	}
	.quehacer{
		margin-top: 12%;
	}
	.contenido.principal .encuentra.eventos form .nombre-lugar {
	    margin-left: 10px;
	}	
	.contenido.principal .encuentra.eventos .acciones {
	    margin-left: 10px;
	}	
	.section-mapa.eventos {
    	border-left: none;
    	padding-left: 0px;
	}
	.contenido.principal .encuentra.afina.agenda ul.filtros {
	    margin-left: 0px;
	}	
	.background-main {
    	padding-top: 200px;
	}
	/*#top-fixed {
	    z-index: 0 !important;
	    position: static !important;
	    width: 100%;
	}*/	
	.row-movil{
		margin-right:10px; margin-left:10px;
	}
	.contenido.principal .encuentra h1 {
		font-size: 40px;
		margin-left: 0px !important;
		color:#D2B64B;
		padding-top: 0px;
	}
	.contenido.principal .encuentra .acciones {
		margin-left: 10px;
	}
	.contenido.principal .encuentra.quehacer form .nombre-lugar input{width: 100%;}
	.contenido.principal .encuentra.nightlife form .nombre-lugar input {width: 100%;}
	.contenido.principal .encuentra form .form-general {padding: 10px !important;}
	.contenido.principal .encuentra form.buscador-principal{min-height:10px !important;}
	.areausuario ul{ padding-left: 0px;  }
	.areausuario { padding-right: 0px;  }
	.header-1.logo{padding-left: 15px;padding-top: 7px;}


	
}

/*
Estilos para version NO XS
*/
@media (min-width: 769px) {
	/*santi*/
	.filtros{margin:0; padding:0; padding-left:0; margin-left:0;}
	.contenido.principal .encuentra .form-detalles li.filtro{
	list-style: none;
  float: left;
  width: 23% !important;
  margin:1% !important;
  min-height:115px !important; 
  text-align: center;
  font-family: montserrat-regular;
  text-transform: uppercase;
  color: #565656;
  margin-top: 20px;
  cursor: pointer;	
	}
	.afina .filtro img{width:60px !important; height:60px !important;}
	/*fin santi*/
	.navbar-collapse {
		padding-left: 0px;
	}
	
	.navbar-default .container-fluid{
		padding-left: 0px;
	}
	
	.nav > li > a {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.nav > li  {
		padding-left: 0px;
		margin-right: 30px;
	}	
}

/*
Otros estilos
*/

.navbar-default {
    background-color: #565656;
    border-color: #565656;
}

#menu .nav li > a, #menu .nav li > a:hover, #menu .nav li > a:focus {
	background-color: #565656;	
}

.navbar-brand{
	color:#fff !important;	
}

.navbar-default .navbar-nav > li > a:hover{
	color:#fff;	
}

#top-fixed{
	 z-index: 29;position: fixed;width:100%;	
}


.restaurante ul.item-list-columnas li {min-height:400px;}	
.nightlife ul.item-list-columnas li {min-height:380px;}
.playas ul.item-list-columnas li  {min-height:380px;}
.quehacer ul.item-list-columnas li  {min-height:380px;}
.eventos ul.item-list-columnas li  {min-height:300px;}
.eventos ul.item-list-columnas .info {min-height: 70px;}
.contenido.principal .seccion-list.eventos ul.item-list-columnas .info {height:90px;}

.especial ul.item-list-columnas li  {/*min-height:400px;*/}
.especial ul.item-list-columnas .info {}