@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,700,900,400italic);

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
	font-family: 'Open Sans', sans-serif;
}

.modal{top:90px;}

.indentado{
	/*text-indent:30px;*/
	line-height: 24px;
}


.caracteristicas ul li{
	list-style-image:none;
}

.puntosFuertes ul li{
	list-style:inside !important;
	margin-left:10px;
}

.titulomorado{
	color: #890364;

}



a, .morado{
	color: #890364;
}
a:hover, .morado-oscuro{
	color: #750556;
	text-decoration:none;
}
.verde{
 	color: #acb20a;
}
.verde-oscuro, footer a:hover, .comparador:hover, .info-tarifa{
	color: #59631a;
}
.gris-oscuro{
	color:#787878;
}
.gris-claro{
	color:#d0d0d0;
}
.blanco, .dropdown a, .boton-morado, .boton-verde, .boton-morado:hover, .boton-verde:hover{
	color:#fff;
}
.flotante-izq{
	float:left;
}
.flotante-der{
	float:right;
}
.sin-padding{
	padding:0px;
}
h1{
	color: #890364;
	font-weight: 700;
	border-bottom: 1px dashed #ccc;
}
h3{
	/*font-weight:300;
	font-size:30px;
	*/
	font-weight:700;
	font-size:18px;
	color:#890364;
	border-bottom:dashed #ccc 1px;
	margin-top:5px;
}
h2{
	font-weight:700;
	color: #A9AE01;
	border-bottom: dashed 1px #ccc;
	margin:10px 0px 10px 0px;
	padding-bottom:5px;
	font-size: 24px !important;
}
h4{
	font-weight:700;
	font-size:18px;
	color:#890364;
	border-bottom:dashed #ccc 1px;
	margin-top:5px;
	
}

h5{
	font-weight:700;
	font-size:16px;
	color: #A9AE01;
	border-bottom: dashed 1px #ccc;
	margin:10px 0px 10px 0px;
	padding-bottom:5px;
	
}

hr{
	margin:5px 0px 5px 0px;
}
ul{
	margin-bottom:0px;
}


.p10{ width: 9%;}
.p20{ width: 19%;}
.p30{ width: 29%;}
.p40{ width: 39%;}
.p50{ width: 49%;}
.p60{ width: 59%;}
.p70{ width: 69%;}
.p80{ width: 79%;}
.p90{ width: 89%;}
.p100{ width: 99%;}

.p5{width:4%;}
.p15{width:14%;}
.p25{width:24%;}
.p35{width:34%;}
.p45{width:44%;}
.p55{width:54%;}
.p65{width:64%;}
.p75{width:74%;}
.p85{width:84%;}
.p95{width:94%;}

.izquierda{
    float: left; display: inline;   
}
.derecha{
    float: right; display: inline;   
}
.centro{margin:0 auto;}


button, select {
    height: 45px;
    text-transform: none;
}

.sin-borde{
	border:0px;
}

.h2peque{
	font-weight:700 !important;
	font-size:18px!important;
	color:#890364!important;
	border-bottom:dashed #ccc 1px!important;
	margin-top:5px!important;
	
}

.cita{
	font-size:60px;
}
blockquote{
	color: #808080;
	font-weight:300;
	font-size: 15px;
}

.indentado li{
	list-style-image: url('../img/circulo-lista.png');
}
.listado li{
	list-style-image: url('../img/circulo-lista.png');
}
.anchoCompleto, #calculadora input[type="submit"], .boton-grande, #calculadora #precio, #calculadora select, #calculadora #f_inicio{
	width:100%;
}

.boton-morado{
	background-color: #890364;
}
.boton-verde{
	background-color: #acb20a;
}
.boton-verde:hover, .boton-verde:active{
	background-color: #959801;
}
.boton-morado:hover, .boton-morado:active{
	background-color: #750556;
}
.boton-gris{
	background-color: #787878;
	color:#fff;
}
.boton-gris:hover, .boton-gris:active{
	background-color: #616060;
	color:#fff;
}
.alert-info {
	background-image:none;
	background-color: #ebf4f9;
	border-color: #c9e5eb;

}
/* ==========================================================================
   Header
   ========================================================================== */
.barra-nav{
	background: #890364;
}
.navbar{
	margin-bottom:0px;
	border-radius:0px;
	border:0px;
}
.navbar a, footer ul li a{
	color:#fff;
}

.navbar-superior,.navbar-brand{
	display:block;
}
.lista-menu{
	width:100%;
}
.lista-menu li, .navbar-pie{
	font-size:16px;
}
.menu-desplegable a{color:#890364;}
.menu-desplegable{width:880px;}

.menu-desplegable-peque{width:250px;}
.menu-desplegable-peque a{color:#890364;}

.menu-desplegable-medio{width:325px;}
.menu-desplegable-medio a{color:#890364;}


.menu-desplegable-grande{width:1200px;}
.menu-desplegable-grande a{color:#890364;}



nav li a{
	padding:0px;
}
.contacto{
	padding-top:20px;
	color:#878787;
	text-align:right;
	float:right;
}
.telefono{
	color: #acb20a;
	font-weight:800;
	font-size:18px;
	
}
.watsapp{
	font-weight:800;

	margin-right:10px;
	color: #acb20a;
}
.watsapp a{
	color: #acb20a;
}

.contacto ul{
	margin: 10px 0px 10px 0px;
	padding:0px;
}
.contacto ul li{
	display: inline-block;
} 
.navbar-pie ul li{
	text-decoration:none !important;
	
}

.contacto ul li{
	border-right: 1px solid #c2c2c2;
	padding:0px 5px 0px 5px;
	text-align:center;
}
.contacto ul li:last-child{
	border:0px;
}

.idiomas li{
	border: 0px !important;
}

.idiomas{
	margin-left:20px;
	}
.logo{
	margin-top:10px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .custom-nav .active a{
	color:#fff !important;
	box-shadow: none !important;
}
.navbar-nav>li>a:hover{
	color: #890364 !important;
}
.custom-nav .active a{
	background:#890364 none !important;
	font-weight:700;
	
	
}

.dropdown-menu .active a {
	background:#fff none !important;
	color:#890364 !important;
}

.nav li a:hover, .dropdown .dropdown-toggle{
	background:#ad077f none !important;
	color:#fff;
}

.migas li{
	display: inline-block;
}
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/* ==========================================================================
   Jumbotron - Formulario del Buscador - Slider
   ========================================================================== */


.custom-jumbo{
	height:380px;
	/*background:url("../img/fotos/landing.jpg");*/
	margin-bottom:0px;
}
.buscador select{
	background:#eeeeee;
	color:#6d6d6d;
	padding:5px;
	border-top: 3px solid #a9ae01;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top:5px;
	width:100%;
}
.buscador input[type='submit']{
	background-color: #890364;
	text-align: center;
	color:#fff;
	font-size:16px;
	font-weight: 300;
	padding:5px 16px 5px 16px;
	border:0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:5px;
	display:block;
	width:100%;
}

.slider-principal{
	color: #fff !important;
	font-size: 45px !important;
	letter-spacing: 3px !important;
	line-height: 55px !important;
	min-height:200px !important;
	max-height:200px !important;
}

.slider-principal p{
	color: #fff !important;
	font-size:45px !important;
	letter-spacing: 3px !important;
	line-height: 55px !important;
	min-height:200px !important;
	max-height:200px !important;
	font-weight:700 !important;
	
	margin-bottom: 10px;
	margin-top: 20px;
					
	
}

			  .galeria_video i {
				display: block;
				font-size: 60px;
				line-height: 60px;
				text-shadow: 0 0 12px #000;
			}
			
			
				.galeria_video {
					bottom: -74px;
					position: absolute;
					text-align: center;
					width: 100%;
					color:#fff;
					list-style:none;
				}  
			
				.galeria_video span {font-size:25px;text-shadow: 0 0 12px #000; }
				.galeria_video a{ color:#FFF; }



				.galeria_video2 {
					bottom: 5px;
					position: absolute;
					text-align: center;
					width: 100%;
					color:#fff;
					list-style:none;
					z-index:1;
					
				}  
			
				.galeria_video2 span {font-size:18px;text-shadow: 0 0 12px #000; }
				.galeria_video2 a{ color:#FFF; }

				.galeria_video2 li {
					float:left;
					padding-left:20px;
				}
				
				.margen1{
					left:39%;
				}

				.margen2{
					left:34%;
				}

.carousel-control.right, .carousel-control.left{
	background-image:none;
	text-shadow:none;
	font-size:40px;
}
.carousel-indicators li{
	background-color:#fff;
	width:18px;
	height:18px;
	border: 2px solid #fff;
}
.carousel-indicators .active{
	background-color: #890364;
	width:20px;
	height:20px;
}
.ofertas a.carousel-control.right, .ofertas a.carousel-control.left{
	padding-top:40px;
}
.ofertas{
	padding-top:10px;
}
.sidebar{
	margin-top:100px;
}
.sidebar2{
	margin-top:72px;
}
.sidebar3{
	margin-top:50px;
}
.carousel-indicators {
bottom: 220px;
}

/* ==========================================================================
   Thumbnails
   ========================================================================== */
   	.thumnbail{
   		padding:0px !important;
   	}
	.mosaico{
		padding:0px;
		border:1px solid #BBB;
		border-radius:0px;
	}
   .mosaico img{
   		margin: 0px;
   		max-height: 250px;
   		width:100%;
   }
   .caption p, #list li p{
	   	font-weight:200;
	   	font-size:13px;
	   	color:#777;
	   	text-align:justify;
	   	padding:5px;
   }
   
   .caption h3{
		font-weight:700;
		font-size:18px;
		color:#890364;
		border-bottom:dashed #ccc 1px;
		margin-top:5px;
   }   
   
   
	.destacado{
		background: #acb20a;
		color:#fff;
		font-weight:200;
		max-width:85%;
		padding:5px;
		font-size:16px;
		z-index:2;
		position:absolute;
		top:-15px;
		left:25px;
	}

	.destacadoMenores{
		background: #890364;
		color:#fff;
		font-weight:200;
		max-width:85%;
		padding:5px;
		font-size:16px;
		z-index:2;
		position:absolute;
		top:-15px;
		left:25px;
	}
	
	
	a  *:hover{
	opacity:0.9;
	
	}
	
	.precio{
		font-size: 25px;
	}
	.caja-gris{
		background:#eee;
		padding:15px;
		margin-bottom:20px;
		overflow: hidden;
	}
	.caja-morada{
		background-color: #890364;
		color:#fff;
		padding:5px;
		font-size:18px;
	}
	.caja-morada span{
		font-weight:700;
		font-size:24px;
	}
	.caja-morada img{
		float:left;
		margin:-30px 10px 0px 0px;
	}

	h2 span{
		font-size:14px;
		color: #5a611b;
		font-weight:200;
	}
	.headers{
		border-bottom:dotted #ccc 1px;
	}
	

	/* ==========================================================================
   Footer
   ========================================================================== */
	.iconos-foot{
		display:block;
		height:100px;
		background-color: #eee;
		display:block;
		width:120px;
		height:120px;
		padding-top:24px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		margin:0 auto;
		border: 4px solid #6d6d6d;
	}
	.bg-foot-bot{
		background: #eee;
	}
	.bg-foot-top{
		margin-top:10px;
		background: #eee;
	}
	footer{
		
		margin: 0px;
		padding:20px 0px 40px 0px;
	}
	footer .navbar-pie{
		font-weight:600;
		color:#FFF;
	}
	footer ul{
		margin:0px;
		padding:0px;
	}
	footer .navbar-pie li{
		margin-right:10px;
		margin-bottom:10px;
		list-style: none outside none;
	}
	#certificados{
		padding: 20px 5px 20px 5px;
	}
	.redes li{
		width:30px;
	}	
	.redes li a{
		font-size:18px;
	}
	

	/* Pasar imagen a escala de Grises */
	.grises img {
	margin: 0 auto;
	padding-top:30px;

 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
filter: gray; 
-webkit-filter: grayscale(100%);*/}
.grises img:hover{
	
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* ==========================================================================
   Ficha
   ========================================================================== */
.imagen-destacada{
	border-radius: 20px;
	width:100%;
}
#calculadora label{
	display:inline-block;
}

.custom-tabs{
	margin-top:40px;
	border:0px;
}
.custom-tabs .active, .custom-tabs>li>a:hover{
	background-color: #fff !important;
	color: #890364;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 6px solid #890364;
	margin-right:5px;
	padding-bottom:0px;

}
.custom-tabs>li.active>a, .custom-tabs>li.active>a:hover, .custom-tabs>li.active>a:focus{
	border:0px;
}
.custom-tabs>li{
	min-width:11%;
	text-align: center;
}
.custom-tabs>li>a{
	border-bottom: 6px solid #d0d0d0;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	margin-right:3px;
	padding-bottom:0px;
	font-weight:800;
	color: #6d6d6d;
}
#calculadora select, #calculadora #f_inicio{
	color:#6d6d6d;
	padding:5px;
	border-top: 3px solid #a9ae01;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#calculadora label{
	margin:5px 0px 2px 0px;
	color: #5a611b;
}
#calculadora #precio{
	border:0px;

	font-weight:300;
	background-color:#fff;
	padding:5px;
}

.precioCalculadora{
	border:0px;
	color: #890364;
	
	font-size:32px;
	text-align:right;
	font-weight:300;
	background-color:#fff;
	padding:5px;
}


#registro #precio{
	border:0px;
	color: #890364;
	
	font-size:32px;
	text-align:right;
	font-weight:300;
	background-color:#fff;
	padding:5px;
}

input[type="radio"], input[type="checkbox"] {
	width:auto !important;
	display:block !important;
}


#calculadora input[type="submit"], #registro input[type="submit"], #login input[type="submit"]{
	font-weight:700;
}
#calculadora input[type="submit"], .boton-grande {
	font-size:20px;
}
.comparador{
	display:block;
	color: #A9AE01;
	font-size:20px;
	margin:10px 0px 10px 0px;
}
.custom-panel ul{
	padding-left:0px;
}
.custom-panel ul li{
	list-style-type: none;
	border-bottom: 1px #dcdcdc solid;
	padding:5px 0px 5px 0px;
	color: #890364;
}
.custom-panel ul li img{
	margin:5px 10px 0px 0px;
}
.custom-panel ul span{
	color: #737373;
	font-weight:700;
	display:block;
	float:left;
	width:65%;
}

 .horarios ul li{
	list-style-type: none;
	border-bottom: 1px #dcdcdc solid;
	padding:5px 0px 5px 0px;
	color: #890364;
	float:left;
}
 .horarios ul span{
	color: #737373;
	font-weight:700;
	display:block;
	float:left;
	font-size:12px;
	width: 100%;
	padding-right: 20px;
}

.espaciado{
	line-height: 45px;
	margin-left:20px;
	color: #343333;
	font-size:16px
}
.info-extra{
	color: #890364;
	line-height:30px;
	display: inline-block;
	font-weight: 800;
}
.tarifas>thead {
	background-color: #e8e8e8 !important;
	color: #6d6d6d;
}
.tarifas>thead>tr>th, .tarifas>tbody>tr>td{
	border:1px solid #dcdcdc !important;
	text-align:center;
	vertical-align: middle;
}

.tarifas>tbody>tr>td{
	background-color:#fff;
	color: #A9AE01;
	padding:0px;
}
.tarifas>tbody>tr>td>a{
	display:block;
	height:auto;
	width:auto;
	padding:5px;
	color: #A9AE01;
}
.tarifas>tbody>tr>td:hover, .tarifas>tbody>tr>td:hover{
	background-color: #e8e8e8;
	font-weight:800;
	text-decoration: none;
}
.sub-header{
	background-color: #6d6d6d !important;
	color:#fff !important;
	font-weight:800 !important;
}
.info-tarifa{
	font-size:12px;
	display:block;
	font-weight:300;
	color: #fff;
}
.galeria{
	margin:15px;
}
.reservas-header{
	padding:15px 0px 15px 0px;
}

/* ==========================================================================
   Reserva
   ========================================================================== */
#registro input, #login input, #registro select, #registro textarea{
	display:block;
	padding:10px;
	margin:10px 0px 10px;
	width:100%;
	border:1px solid #c1c1c1;
	font-size:14px;
}
.comentario{
	font-weight:400;
	font-size:12px;
}
#resumen li{
	border:0px;
	color:#787878;
}
.boton-invis{
	border:0px; 
	background-color:#eee;
}
.nochesExtra{
	padding:10px;
	margin:10px 0px 10px;
	border:1px solid #c1c1c1;
	font-size:14px;
}
.serv-adicional{
	color:#787878; 
	line-height: 25px;
}
.total{
	font-size:40px;
	font-weight:300;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


 .menuficha.affix {
    position: fixed;
    top:20px !important;
    width:850px !important;
  }
  
   .calcu.affix {
    position: fixed;
    top:50px !important;
    width:262px !important;
  }	


@media only screen and (max-width : 1200px) {
	.idiomas{
		margin-left:20px;
	}
	

	
}
@media only screen and (max-width : 979px) {
  	.telefono{
		font-size:14px;
	}
	.nav>li>a{
		padding:15px 5px 5px 10px;
	}
	.destacado, .precio{
	 	font-size:18px;
	 	top:-15px;
	}
	.idiomas{
		margin-left:0px;
	}
	.buscar{
		margin-top: 1px;
		width:100% !important;
	}
	
 .menuficha.affix {

	 width:100% !important;

  }
  
   .calcu.affix {
    position:inherit !important ;
	width:100% !important;
	z-index:1 !important;

  }		
	
.col-lg-3{
	 width:100% !important;
}
	
}
@media only screen and (max-width : 767px) { /**XS de qui para abajo*/
.menu-desplegable a{color:#fff!important;}
.menu-desplegable-grande a{color:#fff!important;}
.menu-desplegable-peque a{color:#fff!important;}
.menu-desplegable-medio a{color:#fff!important;}
 	.telefono{
		font-size:14px;
	}
	.destacado, .precio{
	 	font-size:16px;
	}
	.buscar{
		margin-top: 1px;
		width:100% !important;
	}



 .menuficha.affix {
	top: 50px !important;
	 width:100% !important;

  }		
.col-lg-3{
	 width:100% !important;
}	

}

@media only screen and (max-width : 480px) {
	.menu-desplegable{width:auto;}
	.menu-desplegable a{color:#fff!important;}
 	.telefono{
		font-size:14px;
	}
	.buscar{
			margin-top: 1px;
			width:100% !important;
		}
		
.col-lg-3{
	 width:85% !important;
}	
}
@media only screen and (max-width : 320px) {
	.menu-desplegable{width:auto;}
	.menu-desplegable a{color:#fff!important;}
	.destacado, .precio, .telefono{
	 	font-size:14px;
	}
	.buscar{
		margin-top: 1px;
		width:100% !important;
	}
.col-lg-3{
	 width:100% !important;
}
}

.separadorimg {

	margin:6px 2px 6px 2px;
}


.noborde{
	border:hidden !important;
	
}


.altominimo{
	min-height:280px;
}

.select-peque select{
	height:25px !important;
}

.select-peque imput{
	height:25px !important;
	width:50px; !important;
}

.select-peque p{
	padding-top:12px !important;
	padding-left: 20px !important;
}

#actividades table {
	border-collapse: collapse;
    border-spacing: 0;
}

#actividades table th{
	background-color:#6D6D6D;
	color:#FFF;
	text-align:center;
	padding:10px;
}

#actividades table tr td{
	background-color:#fff;
	padding:10px;
}

.fecha, .fechahora{ background:#fff url(../img/calendariomini.png) no-repeat center right; width:75%; max-width: 345px; min-width: 60px;}


 .menuficha.affix {
    position: fixed;
    top:50px !important;
    width:850px !important;
  }
  
.anchoTotal{
 padding-left:0px !important;
 padding-right: 0px !important;
 
}


#cc-notification.cc-bottom {
	
}

.listaSinEstilo ul li{
	border-bottom:none !important;
    color:#333 !important;


}

.text-contacto{
	color:#CCC;
	font-size:18px;


}

.imgCarrusel{
	height:380px !important;
	width:660px !important;
		
}

.tituloCarrusel{
	
	font-size: 26px  !important;
	
}


.espacioChrome{
	padding-top:120px;	
}

.espacioResto{
	padding-top:20px !important;	
}
.img-responsive-header{
  display: block;
  max-width: 80%;
  height: auto;
}
.img-navbar-collapse{

	max-width: 80%;
}
.barrita{

	margin-top: 14px!important;
}