html, body{
	overflow: auto;
	height: auto;
}
*{
/*, *:after, *:before {*/
	font-family: var(--fuente1);
	/*font-weight:500;*/
	
}

.at-image-sharing-tool{
	display: none !important;
}
header,footer,aside,article,section,nav{
	display:block;
}
/* CSS Document */
iframe[id^="oauth2relay"],
#twttrHubFrameSecure,
#twttrHubFrame{ 
	position: fixed !important;
}

#base_aviso{
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	z-index: 80000000000;
	text-align: center;
}
	#base_aviso #aviso{
		width: auto;
		height: 95vh;
		display: inline-block;
		margin: 2vh auto;
		padding:5px;
		box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
		background: #fff;
		position: relative;
	}
		#base_aviso #aviso p{
			width: 100%;
			float: left;
			height: 100%;
			margin: 0;
			padding: 0;
		}
		#base_aviso #aviso a.cerrar{
			width: auto;
			height: auto;
			position: absolute;
			top: -10px;
			right: -10px;
			margin: 0;
			padding: 5px 10px;
			border-radius:50%;
			border: 2px solid #fff;
			background: var(--color1);
			color: #fff;
			font-weight: 700;
			cursor: pointer;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.2); 
		}
		#base_aviso #aviso p img, #base_aviso #aviso img{
			max-width:100% !important;
			max-height: 100% !important;
		}
body{
	margin:0;
	padding:0;
	position: relative;
}

	a{
		color: var(--color1);
		display: inline-block;
		padding: 0 2px;
		text-decoration: none;
	}
	a:hover{
		text-decoration:none;
		/*background:#ccc;
		color:#fff;*/
	}
a.ampliar_contenido{
	float:right;
	position:relative;
	background:url(../img/fondo_destacados_enlace.png) no-repeat right center;
	max-width:90%;
	padding:5px 10% 5px 0;
	text-align:right;
	font-size:0.9em;
}
div#irMovil {
	background: none repeat scroll 0 0 #333;
	bottom: 0;
	
	left: 0;
	margin: 0;
	opacity: 0.9;
	padding: 20px 0;
	position: fixed;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 1000;
}	
a.version_movil {
	color: #fff;
	font-size: 2em;
	margin-right: 30px;
}	
/***************************************************************************************************/
.a100,.a50,.a33,.a25{
	float:left !important;
	padding:0px 1% !important;
	/*min-height:220px;
	height:auto;*/
}
	.a100{
		width:98% !important;
		min-height:auto;
	}
	.a50{
		width:48% !important;
	}
	.a33{
		width:31.33% !important;
	}
	.a25{
		width:23% !important;
	}
/*	===============================================================================		CONTENEDOR CENTRADOR							*/

/*CONTENEDOR CENTRADO*/
.Centrado{
	width:1180px;
	margin:auto;
	padding:0;	
	height:auto;
	position:relative;
	z-index:100;
	overflow: hidden;
}
.CentradoMenu{
	width:1180px;
	margin:auto;
	padding:0;	
	height:auto;
	position:relative;
	z-index:100;
	/*overflow-x: hidden;*/
}


/*	===============================================================================		CONTENEDOR					*/	
	#contenedor {
		min-width:1180px;
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 0 0;
		position:relative;
		font-size:17px;
	}




/*	===============================================================================		UTILIDADES						*/		
	#base_utilidades{
		width:100%;
		height:40px;
		float:left;
		position:fixed;
		top:0;
		left:0;
		padding:0;
		z-index:351;
		background:#fff;
		transition:0.5s ease all;
		display: none;
		/*display:none; oculto*/
	}
		
/*	===============================================================================		CABECERA						*/		
	#base_cabecera{
		min-width:1180px;
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		position:fixed;
		top:0px;
		left:0;
		/*background:rgba(255,255,255,0.4) !important;*/
		z-index:350;
		transition:0.5s ease all;		
	}	
	 	#base_cabecera #menuSuperior{
			width:auto;
			height:47px;
			float:right;
			margin:0;
			padding:0;
			position:relative;
		}
/*	===============================================================================		CENTRO						*/	
	#base_utilidades + #base_cabecera +  #base_centro{
		margin-top: 100px;
	}	
	#base_centro{
		width:100%;
		min-height:400px;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		position:relative;
		z-index:100;
	}
		#base_centro #base_central{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0 0 3% 0;
			position:relative;
			z-index:100;
		}

	
/*	===============================================================================		LOSMAS						*/		
	#baseloMas{
		width:100%;
		float:left;
		position:relative;
		height:auto;
		padding:30px 0;
		border-top:1px solid #eee;
		background:url(../img/fondo_losmas2.png) top left repeat;	
		/*display:none; oculto*/		
	}
	/*	===============================================================================		FRASE						*/
#base_frase{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:100px 0 120px 0;
		position:relative;
		z-index:100;
		background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("../img/fondo_frase.jpg") top center;
		/*background: url("../img/fondo_frase.jpg") top right no-repeat fixed;*/
		background-size:100% auto;
		text-align:center;
		transition:0.5s ease all;
		
	}
	#base_frase:hover{
	background-size:102% auto;
	}
	
		/*#base_frase::before{
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			background:rgba(0,0,0,0.4);
			content:"";
		}*/
		#base_frase span{
			color:var(--color1);
			font-size:2.0em;
			line-height:1em;
			font-family:var(--fuente2);
		}

/*	===============================================================================		NUBE						*/		
	#baseNube{
		float: left;
		height: auto;
		margin-bottom: 3px;
		position: relative;
		width: 100%;
		background: none repeat scroll 0 0 #eee;
	}		

/*	===============================================================================		NUBE						*/		
	#base_alternativo{
		float: left;
		height: auto;
		position: relative;
		padding: 10px 5% 50px 0;
		width: 95%;
		color:#222;
		/*background: url("../img/fondo_reservas.jpg") bottom left no-repeat;*/
		background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("../img/fondo_reservas.jpg") top center;
		/*background-size:auto 120%;*/
		font-weight:500;
		background-size:100% auto;
		transition:0.5s ease all;
	}	
		#base_alternativo:hover{
		background-size:102% auto;
		}
	/*#base_alternativo::before {
		  content: "";
		  position: absolute;
		  top: 0; 
		  left: 0;
		  width: 100%; 
		  height: 100%;  
		  opacity: 0.5; 
		  z-index: -1;
		 background: url("../img/fondo_reservas.jpg") bottom center no-repeat fixed;
		}*/
		#base_alternativo div.descripcion{
			/*width:55%;*/
			width:60%;
			float:right;
			padding:3% 20%;
		}
/*	===============================================================================		NUBE						*/		
	#base_opiniones{
		float: left;
		height: auto;
		position: relative;
		padding: 50px 0;
		width: 100%;
		/*background: url("../img/fondo_opiniones.jpg") right center  no-repeat var(--colorNeutro2);*/
		background: var(--color1);
		/*border-bottom: 1px solid #fff;*/
		color: var(--color2);
	}	
		#base_opiniones #texto{
			float: left;
			height: auto;
			position: relative;
			width: 40%;
			padding: 40px 0;
			/*background: url("../img/fondo_opiniones.png") right center  no-repeat var(--colorNeutro2);*/
		}	
			#base_opiniones #texto h1{
				font-size:3em;
				line-height:0.8em;
				float:left;
				margin:0 0 15px 10px;
				color:var(--colorNeutro1);
				text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
				font-family:var(--fuente2)
			}
			#base_opiniones #texto p{
				width:85%;
				float: left;
				margin:5px 0;
				color: var(--color3);
				text-align: left;
				letter-spacing:-0.0px;
			}
				#base_opiniones #texto p a, #base_opiniones #texto p span{
color: var(--colorNeutro1);
				}

		#base_opiniones #opiniones{
			float: left;
			height: auto;
			position: relative;
			width: 56%;
			padding: 1% 2%;
		}	

#base_opiniones #imagen_captcha{
	width: 33% !important;
	height: 32px !important;
	margin: 0 !important;
}
#base_opiniones #captcha{
	width: 56.5% !important;
}
#base_opiniones div.botonEnviar{
	margin-top: 5px !important;
}
#base_opiniones span.acepto label.clausula a{
color:#fff !important;
}
/*	===============================================================================		RRSS						*/		
	#base_redes{
		width: 100%;
		height: auto;
		float: left;
		margin:0;
		padding:0 0 40px 0 !important;
		position: relative;
		background: url("../img/fondo_redes.png") top left repeat #eee;
	}	
		#base_redes h2{display:none;}
		#base_redes > .base_redes > p{display:none;}
		
		/*#base_redes.a100 div.redes_bloque{
			width: 22%;
			height: 220px;
			float: left;
			margin:0 1%;
			padding:0.5%;
			border: 3px solid #eee;
			text-align: center;
			background: #fff;
		}*/
		#base_redes div.redes_bloque{
			width: 21.8%;
			height: 212px;
			float: left;
			margin:0 1%;
			padding:0.5%;
			border: 1px solid #ddd;
			text-align: center;
			background: #fff;
			box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
			transition: 0.5s ease all;
		}
			#base_redes div.redes_bloque:hover{
				box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
				border: 1px solid #fff;
			}
			#base_redes div.redes_bloque:last-child{
				/*margin:0;*/
			}

			#base_redes div.redes_bloque img.logo{
				/*max-width: 85% !important;
				min-height: 100% !important;*/
			}
		/*los iframes de flickrembed.com*/	
		#base_redes div.redes_bloque div.titulo a{
			width: 100%;
			float: left;
			position: relative;
			display: inline-block;
			text-align: center;
			height: 30px;
			overflow: visible;
			z-index: 1;
			font-size: 0;
			margin: 0 0 -8px 0px;

		}
		#base_redes div.redes_bloque div.instagram a{
			background:url(../../redes_sociales/instagram/img/instagram.png) no-repeat center center;
		}
		#base_redes div.redes_bloque div.flickr a{
			background:url(../../redes_sociales/flickr/img/flickr.png) no-repeat center center;
		}
		#base_redes div.redes_bloque iframe.flickr_embeb{
			position: relative; width: 100%; height: auto;
		}
		#base_redes div.redes_bloque small.firma{
			display: block;
			position: relative;
			font-size: 8px;
			color: #999;
			width: 100%;
			text-align: center;
			margin: 0 0 0 0;
			top: -24px;
		}
		#base_redes div.redes_bloque small.firma a{
			color:#999;
		}
		
		#base_redes div.redes_bloque>span[class^="PIN_"]{width:100% !important;}

/*	===============================================================================		LOGO							*/
	
	#logo {
		width: 250px;
		height:85px;
		float: left;
		margin: 3px 0;
		padding:0;
		z-index: 100;
		text-align:center;
		transition:0.5s ease all;
		overflow:hidden;
		background:url("../img/logo.png") top no-repeat;
	}
	#logo img{
		/*max-height:100%;*/
		/*max-width:100%;*/
		height:100%;
		float:none;
		display:inline-block;
	}

	#logo_responsive{
		display: none;
	}

	
	
/*	===============================================================================		IMAGEN SECCION							*/

	#imagen-seccion{
		border: medium none;
		float: left;
		height: auto;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 1;
		/*background:var(--color1) !important;*/	
	}


		#imagen-seccion img.imagen, #imagen-seccion #wrapper{
			/*border: 1px solid #fff;*/
			/*float: left;
			position: relative;
			width: 100%;
			z-index: 1000;*/
			
		}
		#imagen-seccion div.imagenSeccion{
			width: 100% !important;
			float: left;
			margin:0;
			padding: 0;
			max-height:50vh;
			height:auto;
			/*height: 300px;*/
			overflow: hidden;
		}
			#imagen-seccion div.imagenSeccion img{
				width: 100% !important;
				float: left;
			margin:0;
			padding: 0;
			}
		#imagen-seccion div.imagenSeccion::after{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(0,0,0,0.3);
			content: "";
			z-index: 1000;
		}

/*	===============================================================================		CENTRO	IZQUIERDA				*/		
	#centro_izquierda{
		height:auto;
		float:left;
		margin:0 3% 0 0;
		padding:0 0 1px 0;
	}	
		#centro_izquierda h2{
			width:100%;
			float:right;
			padding:0;
			margin:0 0 15px 0;
			color:#535151;
			text-align:right;
			text-transform:lowercase;
			font-weight:normal;
			font-size:2.0em;
			display:none;
		}

/*	===============================================================================		CENTRO	DERECHA				*/		
	#centro_derecha{
		height:auto;
		float:right;
		margin:0;
		padding:0;
		z-index:100;
	}		
		#centro_derecha h2{
			width: 100%;
			float: right;
			margin:10px 0 0 0;
			padding:3px 0;
			text-transform:uppercase;
			font-size: 1.1em;
			font-weight: normal;
			text-align:center;
			background:var(--color1);
			color: #535151;
		}	

/*	===============================================================================		CENTRO	CONTENIDOS			*/		
	#centro_centro{
		height:auto;
		float:left;
		margin:0;
		padding:0;
		/*overflow:hidden;*/
		overflow:visible;
		position:relative;
		z-index:1;
	}
	*>#centro_centro{
		min-height:400px;
		height:auto;
	}	
		#base_redes h1,
		#destacados h1,
		#base_alternativo h1,
		#base_frase h1,
		#centro_centro h1{
			float: left;
			font-size: 40px;
			font-weight: 700;
			margin: 30px 0;
			padding: 0;
			width: 100%;
			text-align: center;
			
		}
			#base_redes h1 span.primera,
			#destacados h1 span.primera,
			#base_alternativo h1 span.primera,
			#base_frase h1 span.primera,
			#centro_centro h1 span.primera{
				width:100%;
				float:left;
				margin:0;
				padding:0;
				font-size:60px;
				line-height:55px;
				font-weight:400;
				color: var(--color2);
				text-transform:none;
				font-family: var(--fuente2);
				/*text-shadow:1px 1px 1px rgba(0,0,0,.3);*/
			}
			#base_redes h1 span.resto,
			#destacados h1 span.resto,
			#base_alternativo h1 span.resto,
			#base_frase h1 span.resto,
			#centro_centro h1 span.resto{
				width:100%;
				float:left;
				margin:0;
				padding:0;
				font-size:35px;
				line-height:35px;
				color: var(--color1);
				text-transform:none;
				font-family: var(--fuente1);
				/*letter-spacing:-0.7px;*/
				text-transform:uppercase;
			}
				#base_redes h1 span.blanco,
				#destacados h1 span.blanco,
				#base_alternativo h1 span.blanco,
				#base_frase h1 span.blanco,
				#centro_centro h1 span.blanco{
					color: #FFF;
				}


/*	===============================================================================		BUSCADOR							*/

	#buscador{
		width:auto;
		float:right;
		height:27px;
		margin:5px 5px 0 0;
		padding:0;
		z-index:0;
		position:relative;
		overflow: hidden;
		transition:0.5s ease all;

	}
	#buscador:hover li input.txt_buscar{
		width:150px;
	}	

		#buscador ul{
			width:100%;
			float:right;
			margin:0;
			padding:0;
			height:auto;
			list-style-type:none;
			transition:0.5s ease all;
		}

			#buscador ul li{
				width:100%;
				float:left;
				margin:0;
				padding:0;
				text-align:center;
				transition:0.5s ease all;	
			}
								
				#buscador li input.txt_buscar{
					background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
					border: medium none;
					color: #fff;
					cursor: help;
					float: left;
					font-size: 0.9em;
					font-weight: normal;
					height: 30px;
					margin: 0;
					overflow: hidden;
					padding: 0 5px;
					width: 0px;
					transition:0.5s ease all;
				}
				#buscador li input:hover,#buscador li input:active {
					color:#000;
				}				
					#buscador li input.boton{
						width:27px;
						float:left;
						height:27px;
						padding:0;
						margin:0 0 0 8px;
						background:url(../img/ico_buscador.png) no-repeat left top;
						cursor:pointer;
						opacity:1;
						display: block;
						background-size:cover;
						border: none;
					}
						#buscador li input.boton:hover{
							opacity:0.6;
						}
					

/*	===============================================================================		TIENDA ONLINE							*/
#tienda_online{
	width:142px;
	height:41px;
	float:left;					
	margin:0;
	padding:0;
	display:none;
}
		#tienda_online a{
			background: url("../img/ver_cesta.png") repeat-y scroll right top transparent;
			float: left;
			height: 41px;
			margin: -10px 0 0 0;
			padding: 0;
			width: 142px;
			z-index:0;
			position:relative;
		}
		#tienda_online a:hover{
			background: url("../img/ver_cesta_hover.png") repeat-y scroll right top transparent;
		}		
/*	===============================================================================		MENU							*/
.menu_bar{
	display:none;
}
@keyframes slidein {
  0% {
    opacity:0;
    top: -50px;
  }
  50%{
  	top: 20px;
  }
  100%{
    opacity:1;
    top: 0;
  }
}
#principal{
	width:78%;
	height:auto;
	float:right;
	margin:0px 0 0 0;
	padding:0;			
	z-index:1500;	
	position:relative;
	display:block;
	transition:0.5s ease all;
}
	#principal ul{
		width:auto;
		/*height:49px;*/
		float:right;
		margin:0;
		padding:0;
		list-style-type: none;
		text-align:center;
	}
		#principal ul li.separador{
			width:1px;
			height:44px;
			float:left;
			margin:4px 0 0 0;
			padding:0;
			background:var(--color1);
			position:relative;
			display:none;
		}
		#principal ul li{
			width: auto;
			height:auto;
			/*float: left;*/
			display:inline-block;
			margin: 0 5px;
			padding: 9px 5px;
			position: relative;
			transition:background 0.5s ease-in,color 0.5s ease-out;
			border-top:3px solid transparent;
		}
				/*#principal ul li:hover{
					border-top:3px solid var(--color3);
					transition: all 1000ms ease-in-out;	
				}*/
				
				#principal ul li:after {
					position: absolute;
					top:0;
					left: 10px;
					content: '';
					height: 1px;
					width: 0px; 
					border-top: solid 3px var(--color3);
					transition: all 1000ms ease-in-out;	
					opacity: 1;
				}
				#principal ul li:before {
					width:10px;
					height:15px;
					float:left;
					margin:15px 5px 0 0;
					font-family: "Font Awesome 5 Free";
					content: "\f111";
					font-weight:900;
					color:var(--colorNeutro1);
					font-size:.3em;
				}
				
				#principal ul li:hover:after {
					width: 90%; 
				}

			#principal ul li a span{
				font-family:var(--fuente2);
			}
			#principal ul li a{
				color: var(--colorNeutro1);
				cursor: pointer;
				float: left;
				/*font-size: 2.1em;*/
				font-size:1.5em;
				line-height:1em;
				font-weight: 600;
				letter-spacing: -0.5px;
				padding: 4px 0 2px 0;
				text-decoration: none;
				transition: color 0.5s ease-out 0s;
				text-transform:uppercase;
				text-shadow: 1px 1px 1px rgba(0,0,0,0.4)
			}
				#principal ul li a.selec,
				#principal ul li a:hover, #principal ul li:hover a{
					color:var(--color2);
					text-shadow: 1px 1px 1px rgba(0,0,0,0.7)
				}
				#principal ul li:hover a{
				text-shadow: 1px 1px 1px rgba(0,0,0,0.4)
				}
	

				
			#principal ul li ul{
				background: none repeat scroll 0 0 rgba(255,255,255,0.7);
				border: medium none;
				box-shadow: 0 5px 5px rgba(0,0,0,0.2);
				float: left;
				height: auto;
				left: 0;
				margin: 2px 0 0;
				padding: 0;
				position: absolute;
				top: 45px;
				width: 250px;
				display:block;
				transition:0.5s ease 0s;
				opacity:0;
				min-height:0;
				z-index: 500;
			}
				#principal ul li:hover>ul{
					opacity:1;
					min-height:45px;
					padding: 0;
					z-index:600 !important;
				}
			 #principal ul li.submenu li.submenu:hover > a{
						color:#fff;
				}			
			 #principal ul li.submenu li.submenu > a:hover{
						color:#fff;
				}
 
 			
				#principal ul li ul li.submenu_sombra{
					display:none !important;
				}
				#principal ul li ul li.submenu_imagen{
					width:35%;
					height:150px;
					float:right;					
					margin:10px 0 0 0;
					padding:0;
					border:none;
					overflow:hidden;
				}
					#principal ul li ul li.submenu_imagen:hover{
						text-indent:9px;
						background:none;
					}
				
				#principal ul li ul li,
				#principal ul li.submenu li.submenu{
					width:98%;
					height:auto;
					float:left;					
					margin:0;
					padding:10px 1%;
					position:relative;
					/*border-bottom:1px dashed #b7b7b7;*/
					background:inherit;
					text-indent: 9px;
					transition:text-indent 0.6s ease,background 0.3s ease;
					color:#888;
					display:none;
					background: none !important;
					border: none;
					border-bottom: 1px solid rgba(255,255,255,0.8);
				}
				#principal ul li:hover>ul>li,
				#principal ul li.submenu:hover li.submenu{
					display:block;
				}
				#principal ul li ul li:hover,#principal ul li.submenu li.submenu:hover{
						text-indent:19px;
						border: none;
					border-bottom: 1px solid #fff;
				}
				#principal ul li ul li:before,
				#principal ul li ul li:after,
				#principal ul li ul li:hover:after {
					display:none;
				}
				
					#principal ul li ul li a{
						cursor: pointer;
						float: left;
						padding: 3px 0 0;
						text-align: left;
						text-decoration: none;
						width: 100%;
						text-shadow: none !important;
						text-transform:none;
					}
					#principal ul li ul li a, #principal ul li ul li a.submenu{
						color:var(--color2) !important;
					}
					#principal ul li ul li a.selec, #principal ul li ul li.submenu a.selec,
					#principal ul li ul li a:hover{
						/*color:#fff;*/
						color:var(--color3) !important;
					}

						#principal ul li ul li.submenu{	
							opacity:1;
						}
					
			
			#principal ul li ul li ul{
				/*background: none repeat scroll 0 0 rgba(115, 165, 52, 0.8);
				box-shadow: 0 0 4px #aaa;*/
				float: left;
				height: auto;
				left: 240px;
				margin: 0;
				min-height: 100px;
				padding: 0 0 25px;
				position: absolute;
				top: -10px;
				width: 250px;
				/*z-index: 1000000;*/
			}
				#principal ul li ul li ul li.submenu_flecha{
					display:none;
				}
				#principal ul li ul li ul li.submenu_sombra{
					display:none;
				}
				#principal ul li ul li ul li.submenu_imagen{
					display:none;
				}
				#principal ul li ul li ul li{
					width:100%;
					float:right;					
					margin:0;
					padding:3px 0;
					text-align:left;
					text-indent:9px;
					position:relative;					
					background:none;
					transition:text-indent 0.6s ease,background 0.3s ease;
					
				}
					#principal ul li ul li ul li:hover{
						text-indent:19px;

						color:#fff;
					}

					
				
					#principal ul li ul li ul li a{
						width:100%;
						text-decoration:none;
						color:#7e7e7e;
						float:right;
						padding:3px 0 0 0;
						font-weight:normal;
						cursor:pointer;
						text-align:left;
					}
						#principal ul li ul li ul li a:hover{
								color:#fff;
						}
					
		
					#principal ul li ul li ul li a.selec{
						color:#21356d;
						padding:3px 0 0 0;
					}



/*	===============================================================================		MENU	SECUNDARIO 					*/

#secundario{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0;			
	z-index:100;	
	position:relative;
	background:#eeeeee;
}
	#secundario ul{
		width:99%;
		float:left;
		margin:0;
		padding:2px 0 2px 0;
		list-style-type:none;
	}
		#secundario li{
			width:auto;
			float:left;					
			margin:0;
			padding:0;
			position:relative; 
		}
		#secundario li.encabezadoMenu{
			display:none;
		}
		#secundario li span.numero{
			display:none;
		}
			#secundario li a{
				width:auto;
				text-decoration:none;
				color:#000;
				float:left;
				padding:0 8px 0 8px;
				cursor:pointer;
			}

			#secundario li a:hover, #secundario li a.selec{
				color:#7bb1dd;
			}

/*	===============================================================================		NAVEGADOR						*/

	#navegador_web{
		border-bottom:1px solid #f3f3f3;
		color: #666;
		float: left;
		font-size: 1.6em;
		font-weight: normal;
		margin: 20px 0 0 0;
		padding:0;
		text-transform: uppercase;
		width: 100%;
		display:none;
	}
		#navegador_web ul{
			width:100%;
			float:right;
			margin:0;
			padding:0;
			list-style-type:none;
			color:#AAA;
			font-size:12px;
		}
			
			#navegador_web ul li.seccion{
				background: url("../img/separa_navegador.png") no-repeat scroll left 6px rgba(0, 0, 0, 0);
				color: #aaa;
				float: left;
				font-size: 1.4em;
				font-weight: normal;
				margin: 0 0 0 5px;
				padding: 6px 0 0 24px;
				text-transform: uppercase;
				}
				#navegador_web ul li.seccion a{
					margin-top:0;
					font-size:1em;
				}
				

				#navegador_web ul li.separa_navegador{
					margin:0 4px 0 4px;
				}
				#navegador_web ul a{
					font-size: 0.9em;
					font-weight: normal;
					text-transform: uppercase;
					color:inherit;
					margin-top:3px; 
				}
				#navegador_web ul .actual{
					
				}
				#navegador_web ul a:hover{
					color:#333 ;
					text-decoration:none;
				}
			#navegador_web ul li.portada{
				color: #aaa;
				float: left;
				font-size: 1.6em;
				font-weight: normal;
				padding: 3px 0 5px 1%;
				text-transform: uppercase;
				width: auto;
				
			}	
			#navegador_web h1, #navegador_web strong {
				float:left;
				font-weight: normal;
				font-size: 1em;
				margin: 0;
				padding:0;
				width:auto;
				color: var(--color1);
			}


/*	###############################################			DESTACADOS											*/		

#destacados{
	width:100%;
	height:auto;
	float:left;
	margin:0;
	padding:50px 0 90px 0;
	position:relative;
	z-index:1;
	font-size:1em;
	/*background: var(--colorNeutro3);*/
	background:url("../img/fondo_destacados.jpg") top left;
} 
	#destacados ul.destacados{
		width: 100%;
		height:auto;
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;	
	}

		 #destacados ul.destacados li{
			width: 31.33%;
			height: auto;
			float:left;
			padding:0;
			margin:0 1%;
			position: relative;
			transition: all 0.5s ease 0s;
			overflow:hidden;
		}
			#destacados ul.destacados li:hover div.datos{
				display:block;
			}
			#destacados ul.destacados li:hover div.imagen a img{
				/*transform:scale(1.1,1.1); */
			}

		
		#destacados ul.destacados li div.imagen{
			width: 100%;
			height: auto;
			float: left;
			margin: 0;
			padding: 0;
			overflow: hidden;
			transition:transform 0.3s linear;
			position: relative;
			z-index: 10;
		}	
			#destacados ul.destacados li div.imagen a{
				display:block;	
				width: 94%;
				height: 250px;
				float: left;
				margin: 0 3%;
				padding: 0;
				overflow: hidden;
				text-align:center;
				border-radius: 50%;
				border: 3px solid var(--colorNeutro1);
			}
				#destacados ul.destacados li div.imagen a img{
					max-width:100%;
					min-height:100%;
					transition:all 0.3s ease;
				}
					#destacados ul.destacados li:hover div.imagen a img{
						transform:scale(1.1,1.1);
						opacity:0.5;
					}
				
		#destacados ul.destacados li div.datos{
			width: 100%;
			height: auto;
			float: left;
			margin:-80px 0 0 0;
			padding: 90px 0 15px 0;
			background:rgba(255,255,255,1);
			position: relative;
			z-index: 1;
		}
		#destacados ul.destacados li div.datos p{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0;			
		} 
			#destacados ul.destacados li div.datos p a{
				width:90%;
				float:left;
				margin:0;
				padding:5px 5%;
				font-size: 1.9em;
				text-decoration: none;
				color: var(--color1);
				display:block;
				text-transform:uppercase;
				text-align:center;	
				font-weight:bold;
				font-family:var(--fuente2);	
			} 
				#destacados ul.destacados li div.datos p a:hover{
					color: var(--color2);
					text-decoration:none;
				}
			#destacados ul.destacados li p.resumen{
				width:90% !important;
				float:left;
				margin:0 5% !important;
				padding:0;
				color:#444;
				text-align:center;

			}
							
		
			#destacados ul.destacados li a,
			#destacados ul.destacados li p.fecha{
				display:none;
			 }

	#destacados #listadoDestacados{
		float: left;
		height: 200px;
		margin: 0;
		overflow: hidden;
		padding: 5px 0 0 1%;
		width: 99%;
	}

		 #destacados #listadoDestacados li{
			border: 1px solid #eee;
			box-shadow: 0 0 4px #fff;
			float: left;
			height: auto;
			list-style-type: none;
			min-height: 176px;
			padding: 10px 1%;
			position: relative;
			transition: box-shadow 0.5s ease 0s, background 0.5s ease 0s;
			width: 22.5%;
		}
			#destacados #listadoDestacados li:hover{
				box-shadow:0px 0px 4px #999;
				background:#f5f5f5;
				border-top:1px solid var(--color1);
			}
			
			 #destacados #listadoDestacados li > a{
				background: url("../img/fondo_destacados_enlace.png") no-repeat scroll right center rgba(0, 0, 0, 0);
				bottom: 0;
				color: #fff;
				display: block;
				font-size: 0.7em;
				height: 20px;
				letter-spacing: -0.3px;
				margin: 0;
				padding: 6px 0 0;
				position: absolute;
				right: 0;
				width: 115px;
			 }
			
	
		#destacados #listadoDestacados li p{
			width:100%;
			height:auto;
			float:left;
			margin:5px 0 3px 0;
			text-align:center;
			font-size:1.2em;
		} 
			#destacados #listadoDestacados li p a{
				color: var(--color1);
				font-size: 0.9em;
				font-weight: normal;
				letter-spacing: -0.3px;
				text-decoration: none;
			} 
				#destacados #listadoDestacados li p a:hover{
					color:#666;
					text-decoration:none;
				}
		#destacados #listadoDestacados li p.resumen{
			width:100%;
			height:auto;
			float:left;
			text-decoration:none;
			margin:0;
			color:#888;
			font-size:0.8em;
		}
			#destacados #listadoDestacados li p.resumen a, #destacados #listadoDestacados li p.resumen a:hover{
				text-decoration:none;
			}
		#destacados #listadoDestacados li p.fecha{
			width:70%;
			height:auto;
			float:right;
			text-decoration:none;
			margin:0;
			color:#333;
			display:none;
		}
		#destacados #listadoDestacados li div.imagen{
			float: left;
			height: 90px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			width: 99%;
			transition:transform 0.3s linear;

		}
		
		#destacados #listadoDestacados li div.imagen:hover{
			/*transform:scale(1.05,1.05);
			width:120%;
			height:120px;*/
		}
			#destacados #listadoDestacados li div.imagen img{
				width:100%;
			}
		
		#destacados #listadoDestacados li div.imagen a{
			width:100%;
		}
			
		#destacados #barraDestacados{
			position:relative;
			float:left;
			width:100%;
			height:auto;
		}
			#destacados #barraDestacados div#ampliarDestacados{
				background: url("../img/ampliar.png") no-repeat scroll left 8px rgba(0, 0, 0, 0);
				float: left;
				height: 35px;
				width: 100%;
				display:none !important;
			}
			#destacados #barraDestacados div#ampliarDestacados a{
				background: none repeat scroll 0 0 #fff;
				cursor: pointer;
				display: block;
				margin-left: 20px;
				padding: 3px 7px;
				width: 108px;
				text-decoration:none;
				text-align:center;
				transition:background-color 0.6s ease;
				font-size:0.9em;
			}
				#destacados #barraDestacados div#ampliarDestacados a:hover{
					background-color:#bbb;	
					color:#fff;
				}			
			
			#destacados #barraDestacados div#restaurarDestacados{
				background: url("../img/retraer.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
				float: left;
				height: 40px;
				width: 100%;
			}
			#destacados #barraDestacados div#restaurarDestacados a{
				background: none repeat scroll 0 0 #fff;
				cursor: pointer;
				display: block;
				margin-left: 20px;
				margin-top: 4px;
				padding: 3px 7px;
				width: 105px;
				text-decoration: none;
				text-align:center;
				transition:background-color 0.6s ease;
				font-size:0.9em;
			}			
				#destacados #barraDestacados div#restaurarDestacados a:hover{
					background-color:#bbb;	
					color:#fff;
				}


/*	===============================================================================		CONTENIDO CONTENIDO						*/

	#contenido_contenido{
		width:100%;
		float:left;
		margin:0;
		padding:20px 0;
		position:relative;
		z-index:10;
		/*overflow:hidden;*/
		overflow:visible;
		color:#222;
	}
		
/*	###############################################			DESCRIPCION SECCION											*/		
	
	#contenido_contenido div.descripcion_seccion{
		float:right;
		margin:5px 0 0 0;
		padding:0;
		overflow:hidden;
		font-size:1em !important;
		width:100%;
		font-weight:500;
	}

	#contenido_contenido div.conGaleria{
		width: 40% !important;
	}

	div.descripcion_seccion strong{
		color:var(--color3);
		font-size:1.1em;
		font-weight:700;
	}
		div.descripcion_seccion span[style*=color] strong{
			color:inherit;
		}
	div.descripcion_seccion hr{
		border:1px solid #eee;
	}
	div.descripcion_seccion p{
		width:100%;
	}
		/*#contenido_contenido div.descripcion_seccion p strong.detalles{
			padding-left:28px;
			background: url("../img/ico_detalles.png") left 2px no-repeat;
		}
		#contenido_contenido div.descripcion_seccion p strong.tarifas{
			padding-left:28px;
			background: url("../img/ico_tarifas.png") left 2px no-repeat;
		}*/
	div.descripcion_seccion a{
		display:inline;
		transition:background 0.9s ease,color 0.7s ease;
	}
	
		div.descripcion_seccion a:hover{
			text-decoration:underline;
			/*background:#ccc;
			color:#fff;*/
		}	
		#contenido_contenido div.descripcion_seccion a img{
			/*float:left;*/
			margin:5px 5px 5px 5px; 
			padding:5px;
			border:3px solid #fff;
		}
			#contenido_contenido div.descripcion_seccion a:hover img{
				border:3px solid #ddd;
			}
			
		#base_alternativo ul,	
		#contenido_contenido div.descripcion_seccion ul{
			width:100%;
			float:left;
			margin:3px 0 10px 0;
			padding:0;
			list-style-type:none;
		}
		#base_alternativo ul li,
		#contenido_contenido div.descripcion_seccion ul li{
			width:92%;
			float:left;
			margin:7px 0 7px 3%;
			padding:0 0 0 22px;
			background:url(../img/fondo_li.png) top left no-repeat;
		}	
		/*para dejarle poner alg�n estilo m�s*/
		#contenido_contenido div.descripcion_seccion ul[style*="list-style-type"] li{
			background:none;
			padding:0 0 0 0;
		}
		#contenido_contenido div.descripcion_seccion h1,
		#contenido_contenido div.descripcion_seccion h2,
		#contenido_contenido div.descripcion_seccion h3,
		#contenido_contenido div.descripcion_seccion h4,
		#contenido_contenido div.descripcion_seccion h5{
			float:left;
			position: relative;
			display: inline-block;
			width: 100%;
			text-align:left;
			margin:15px 0;
			padding:0;	
			text-transform:none;
		}
		#contenido_contenido div.descripcion_seccion h1{
			color:var(--color1);
			font-size:1.8em;
		}
		#contenido_contenido div.descripcion_seccion h2{
			color:var(--color1);
			font-size:1.6em;
		}
		#contenido_contenido div.descripcion_seccion h3{
			color:var(--color1);
			font-size:1.4em;
		}
		#contenido_contenido div.descripcion_seccion h4{
			color:var(--color1);
			font-size:1.2em;
		}
		#contenido_contenido div.descripcion_seccion h5{
			color:var(--color1);
			font-size:1em;
		}
		

/*	===============================================================================		BASE PIE							*/

	#base_pie{
		min-width:1180px;
		width: 100%;
		float: left;
		margin: 0;
		padding:30px 0;
		position: relative;
		background:#141517;
		font-size:1em;
		color:#ddd;
		overflow:hidden;
	}
		/*	PIE EXTRAS		*/				
		#base_extras{float:right;margin:30px 0 0;padding:10px 0;text-align:center;width:auto; display: none;}
		#base_pie #base_extras a{width:auto;padding:0;text-align:center;}
		#base_pie #base_extras a:hover{text-indent:0;}
		#base_extras a span{display:none;margin:0;}
		
			
		/* 	DATOS EMPRESA */
		#base_pie ul.datos_empresa{
			width:calc(100% - 75px);
			height:auto;
			float:left;
			margin:0;
			padding:5px 0 15px 75px;
			text-align: center;
			list-style-type:none;
			background:url("../img/logo_pie.png") left no-repeat;
		}
			/*#base_pie ul.datos_empresa > div li{display: inline-block;width: auto;margin: 0;padding: 0 ; }
			#base_pie ul.datos_empresa li strong,#base_pie ul.datos_empresa li span{width:auto;margin:0 4px 0 0;float:left;}*/
		/*	ENLACES LEGALES	*/
		#base_pie #enlacesLegales{
			display:block;
			float:left;
			width:18.5%;
			min-height:150px;
			height:auto;
			margin:0;
			padding:1.5%;
			position:relative;
			display: none;
		}
		
		/*	DESTACADOS PIE	*/
		#base_pie #destacados_pie{
			width:22%;
			min-height:150px;
			height:auto;
			float:left;
			margin:0;
			padding:1.5%;
			display: none;
		}	
		
		/*	ACCESOS DIRECTOS */
		#base_pie #accesos_directos{
			width:auto;
			height:auto;
			float:right;
			margin:0 0 8px 0;
			padding:0;
		}
		
#accesos_directos ul.iconos{width:auto;height:auto;float:right;margin:0;padding:0; }
#accesos_directos ul.iconos li{width:auto;float:left;margin: 0;}
#accesos_directos ul.iconos li a{height:30px;width:30px;display:inline;padding:0;margin:0 2px;background-size:cover !important;}
				
#accesos_directos ul li a.facebook{background:url(../img/facebook.png) no-repeat top left ;}
#accesos_directos ul li a.twitter{background:url(../img/twitter.png) no-repeat top left;}
#accesos_directos ul li a.youtube{background:url(../img/youtube.png) no-repeat top left;}
#accesos_directos ul li a.google{background:url(../img/google.png) no-repeat top left;}				
#accesos_directos ul li a.rss{background:url(../img/rss.png) no-repeat top left;}						
#accesos_directos ul li a.blogger{background:url(../img/blogger.png) no-repeat top left;}	
#accesos_directos ul li a.pinterest{background:url(../img/pinterest.png) no-rep eat top left;}	
#accesos_directos ul li a.flickr{background:url(../img/flickr.png) no-repeat top left;}	
#accesos_directos ul li a.instagram{background:url(../img/instagram.png) no-repeat top left;}	
#accesos_directos ul li a.foursquare{background:url(../img/foursquare.png) no-repeat top left;}	
#accesos_directos ul li a.linkedin{background:url(../img/linkedin.png) no-repeat top left;}	
#accesos_directos ul li a.vimeo{background:url(../img/vimeo.png) no-repeat top left;}	
#accesos_directos ul li a.dropbox{background:url(../img/dropbox.png) no-repeat top left;}
#accesos_directos ul li a.booking{background:url(../img/booking.png) no-repeat top left;}
#accesos_directos ul li a.tripadvisor{background:url(../img/tripadvisor.png) no-repeat top left;}

#accesos_directos ul.iconos li a span{display:none;}
				
		/*	COMUNES	*/
		#base_pie ul{
			width: 100%;
			float: left;
			height: auto;
			margin: 0;
			padding: 0;
			list-style-type: none;
			
		}
			#base_pie ul li.cabecera,
			#base_pie ul li.cabecera span,
			#base_pie #enlacesLegales p{
				width:70%;
				float:left;
				margin:0 0 8px 0;
				padding:0;
				font-size: 16px !important;
				font-weight:bold;
				color:var(--color3);
				text-align:left;
				height:30px;
				
			}
				#base_pie ul li.cabecera span strong{
				font-size: 22px !important;
				font-family:var(--fuente2);
				}
			#base_pie ul li.separador{
			width: 100%;
			float:left;
			display: none;
			}	
			#base_pie ul li{
				width:auto;
				height:auto;
				float:left;
				padding:0;
				margin:0;
				list-style-type:none;
			}
				#base_pie span,
				#base_pie a{
					float:left;
					width:auto;
					height:auto;
					margin:0;
					padding:0;
					color:inherit;
					transition: 0.5s ease 0s;
					font-weight:normal;
					font-size: 14px;
				}
				#base_pie span{
					margin: 3px 13px 0 0;
				}
					#base_pie a:hover{		
						color: #fff;
						text-decoration: none;
						text-indent:5px;
					}
					#base_pie span.separador{display:none;}
					
/*	LOGO COMODO		*/	
div#comodo{
	position: absolute;
	right: 740px;
	top: 110px;
	z-index: 100;
}
	a#comodoTL{	
		color: var(--color1);
		font-family: inherit;
		font-size: 0.7em;
		margin-left: -10px;
		margin-top: -5px;
		text-decoration: underline;
	}
a#comodoTL:hover {
text-indent:0;	
}
	/*#comodo div#tl_popupCL1{
		width:0 !important;
		visibility:visible !important;
		overflow:visible !important;
		height:0 !important;
	}
	#comodo:hover div#tl_popupCL1{
		width:500px !important;
		visibility:visible !important;
		overflow:visible !important;
		height:300px !important;
	}
	#comodo iframe{
		max-width:none !important;
		height:100% !important;
		width:100% !important;
	}*/

/*	###############################################			DESTACADOS LATERAL										*/		

#base_destacados_lateral{
	width:100%;
	height:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	/*background:url(../img/fondo_destacados.png) bottom left repeat-x;*/
}
	#base_destacados_lateral ul{
		width:100%;
		height:auto;
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
	}
		#base_destacados_lateral ul li{
			width:96%;
			height:auto;
			float:left;
			margin:0 0 10px 0;
			padding:2%;
			list-style-type:none;
			border-bottom:3px double #e5e5e5;
			background:#f8f8f8;
		}
	
		#base_destacados_lateral ul li h3{
			width:100%;
			height:auto;
			float:left;
			margin:5px 0 5px 0;
		} 
			#base_destacados_lateral ul li h3 a{
				color:#999;
				font-size:1.1em;
				font-weight:normal;
				text-decoration:none;
			} 
				#base_destacados_lateral ul li h3 a:hover{
					color:var(--color1);
					text-decoration:none;
				}
		#base_destacados_lateral ul li p.resumen{
			width:100%;
			height:auto;
			float:left;
			text-decoration:none;
			margin:7px 0 0 0;
			color:var(--color1);
			font-size:0.9em;
		}
			#base_destacados_lateral ul li p.resumen a, #base_destacados_lateral ul li p.resumen a:hover{
				text-decoration:none;
				float:right;
			}
		#base_destacados_lateral ul li p.fecha{
			width:100%;
			height:auto;
			float:left;
			text-decoration:none;
			margin:7px 0 0 0;
			color:#333;
			text-align:right;
		}
		#base_destacados_lateral ul li div.imagen{
			width:99%;
			height:80px;
			float:left;
			margin:0;
			padding:0;
			/*border:1px solid #bababa;*/
			overflow:hidden;
			text-align:center;
		}
			#base_destacados_lateral ul li div.imagen img{
				width:100%;
			}
			
															
/*	###############################################			RESULTADOS BUSQUEDA 	*/			
	#resultados_busqueda{
		margin:0px 0 0 2.5%;
		padding:0;
		overflow:hidden;
		width:95%;
		float:left;
	}
	#resultados_busqueda h3{
			background: none repeat scroll 0 0 #f3f3f3;
			color: #666;
			float: left;
			font-weight: normal;
			height: auto;
			margin: 0 0 10px;
			padding: 7px 2%;
			text-transform: uppercase;
			width: 96%;
		}
		#resultados_busqueda ul{
			width:90%;
			float:left;
			margin:0 0 0 5%;
			padding:0;
			list-style-image:url(../img/flecha-buscador.png);
			list-style-position:inside;
		}
		#resultados_busqueda li{
			width:100%;
			clear:both;
			margin:0 0 4px 0;
			padding:0 0 10px 5px;			
			/*border-bottom:1px solid #333D2F;*/
		}		
			#resultados_busqueda li a{
				color:#666;				
				margin:0 0 0 5px;
				text-decoration:none;
			}
			#resultados_busqueda li a.titulo{
						color: #222;
					font-weight: bold;
					margin:0;
					text-decoration:none;
			}
					#resultados_busqueda li a.titulo:hover{
						color: #888;

					}

/*	###############################################			ICONOS 	*/	
#iconos{
	float: right;
	margin: 5px 0 5px 0;
	padding: 0;
	width: auto;
	transition:0.5s ease all;
}
#iconos ul.iconos {
	float: left;
	width: auto;
	height: auto;
	list-style-type: none;
	margin:0;
	padding:0;
}
	#iconos ul.iconos li{

		float: left;
		height: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		width: auto;
	}
			#iconos ul.iconos li a{
				color: #888;
				display: block;
				font-size: 0.7em;
				width: 27px;
				height: 27px;
				overflow: hidden;
				text-align: center;
				transition:color 1s ease-out;
				padding:0;
				opacity:1;
				text-transform:lowercase;
				transition:0.5s ease all;
				background-size: cover !important;
				filter: invert(0);
				margin: 0 3px;	
			}
				#iconos ul.iconos li a.inicio{
					background:url(../img/portada.png)  center no-repeat;
				}
				#iconos ul.iconos li a.mapaweb{
					background:url(../img/mapa.png) center no-repeat;
				}	
				#iconos ul.iconos li a.correo{
					background:url(../img/contacto.png) center no-repeat;
				}	
				#iconos ul.iconos li a.localizacion{
					background:url(../img/localizacion.png) center no-repeat;
					display:none;
				}		
				#iconos ul.iconos li a.webmail{
					background:url(../img/webmail.png) center no-repeat;
				}	
				#iconos ul.iconos li a.franquicia{
					background:url(../img/franquicia.png) center no-repeat;
				}	
				#iconos ul.iconos li a.facebook{
					background:url(../img/facebook.png) center no-repeat;
				}				
				#iconos ul.iconos li a.twitter{
					background:url(../img/twitter.png) center no-repeat;
				}					
				#iconos ul.iconos li a.favoritos{
					background:url(../img/favoritos.png) center no-repeat;
				}		
				#iconos ul.iconos li a.youtube{
					background:url(../img/youtube.png) center no-repeat;
				}	
				#iconos ul.iconos li a.googleplus{
					background:url(../img/google.png) center no-repeat;
				}
				#iconos ul.iconos li a.blogger{
					background:url(../img/blogger.png) center no-repeat;
				}
				#iconos ul.iconos li a.pinterest{
					background:url(../img/pinterest.png) center no-repeat;
				}
				#iconos ul.iconos li a.flickr{
					background:url(../img/flickr.png) center no-repeat;
				}
				#iconos ul.iconos li a.instagram{
					background:url(../img/instagram.png) center no-repeat;
				}
				#iconos ul.iconos li a.foursquare{
					background:url(../img/foursquare.png) center no-repeat;
				}
				#iconos ul.iconos li a.linkedin{
					background:url(../img/linkedin.png) center no-repeat;
				}	
				#iconos ul.iconos li a.vimeo{
					background:url(../img/vimeo.png) center no-repeat;
				}
				#iconos ul.iconos li a.dropbox{
					background:url(../img/dropbox.png) center no-repeat;
				}	
				#iconos ul.iconos li a.booking{
					background:url(../img/booking.png) center no-repeat;
				}
				#iconos ul.iconos li a.tripadvisor{
					background:url(../img/tripadvisor.png) center no-repeat;
				}
				#iconos ul.iconos li a.rssCabecera{
					background:url(../img/rss.png) center no-repeat;
				}																							
												
			#iconos ul.iconos li a:hover{
				color:#fff;
				text-decoration:none;
				opacity:0.6;
			}

			#iconos ul.iconos li a:hover img{
				display:block;
				margin:0 30px;
			}
			


/* ////////////////////////////////////////////////////////////////////////////////////////////// MAPAWEB */
			
	#mapaweb{
		margin:20px 0 0 1%;
		padding:0;
		overflow:hidden;
		width:100%;
		float:left;
		font-size:0.9em;
		}
		#mapaweb h3{
			color:#264811;
			margin:5px 0 15px 0;
			}
		#mapaweb ul{
			width:100%;
			float:left;
			margin:0;
			padding:0;
			}
			#mapaweb li{
				background-color:rgba(0,0,0,0);
				float: left;
				list-style-type: none;
				margin: 0;
				padding: 5px 10px;
				width: 95%;
				transition:background 0.8s ease;
				}
			#mapaweb li:hover{
				background: url("../img/flecha-mapaWeb.png") no-repeat scroll  0px 7px #ddd;
			}

				
			#mapaweb li li{ background:none;}
				
				
				#mapaweb li a{
					color: #666;
					margin:0;
					text-decoration:none;
					}
					#mapaweb li a:hover{
						/*text-decoration:underline;*/
					}
						
				#mapaweb li a.titulo{
					color: #444;
					margin:0;
					text-decoration:none;
					font-size:1.2em;
				}
					#mapaweb li a.titulo:hover{
						color: var(--color1);

					}
						
				#mapaweb li p{
					color:#333;
					margin:0;
					padding:0 0 5px 10px ;
					text-align:left;
					}
/*  ///////////////////////////////      TABLA LOCALIZACI�N     */
#tabla_localiza{
	border-left: 1px dotted #ef4038;
	padding:10px;
}

#tabla_localiza td{
	border-left: 1px dotted #ef4038;
	padding:0 20px 0 10px;
}

.horario{
}
		
/*  ///////////////////////////////     COMPARTIR REDES    */
div.compartir_redes{
	width:350px;
	position:relative;
	float:right;
	margin:0 0 15px 0;

}
/******************************************** PAGINADOR **********************************************/
div.paginador, #paginador{
	float: left;
	font-size: 0.9em;
	margin: 5px 0;
	padding: 1%;
	text-align: left;
	width: 98%;
	background:#f3f3f3;
}

	div.paginador p.texto_paginador, #paginador p.texto_paginador{
		float: left;
		height: auto;
		margin: 0;
		padding: 0;
		text-align: left;
		width: auto;
	}
	div.paginador p.cuerpo_paginador, #paginador p.paginador{
			float: left;
			height: auto;
			margin: 0;
			padding: 0;
			text-align: right;
			width: auto;
	}
	div.paginador a, #paginador a{
		color: #666;
		display: inline-block;
		padding: 0;
		text-align: center;
		text-decoration: none;
		width: 20px;
		transition:background 0.5s ease;
	}	
		div.paginador a:hover, #paginador a:hover{
			background:#333;
			color:#eee;
		}
	
	div.paginador strong, #paginador strong{
		color: var(--color1);
		display: inline-block;
		text-align: center;
		text-decoration: none;
		width: 20px;
	}	
	
	div.paginador table{
		float:left;
		width:100%;
		margin:0;
		padding:0;
	}		

/***************REDES SOCIALES*********************/
#redes_sociales{
	float: right;
	height: auto;
	margin: -55px 0 5px;
	padding: 8px 0 5px;
	position: relative;
width: 350px;

	/*	width: auto;*/	
	z-index: 1;
}
	#redes_sociales div.facebook{
		float: left;
		height: auto;
		margin: 0;
		padding: 0 5px;
		width: auto;
	}
	#redes_sociales div.twitter{
		float: left;
		height: auto;
		margin: 0;
		padding: 0 3px 0 0;
		width: 90px;
	}
		#redes_sociales div.twitter a.twitter-share-button{
			width:auto;
			height:auto;
			float:left;
			margin:0;
			padding:0;
		}
		#redes_sociales .addthis_inline_share_toolbox{
			clear: none !important;
float: left !important;
margin-left: 5px !important;
width: auto !important;
		}		
	#redes_sociales div.google{
		float: left;
		height: auto;
		margin: 0;
		padding: 0 0 0 4px;
		width: 62px;
	}	
	#redes_sociales div.share{
		float: left;
		height: auto;
		padding: 2px 0 0;
		width: auto;
	}	
	#redes_sociales a.imprimir{
		width:25px;
		height:20px;
		float:left;
		margin:0;
		padding:0 0 0 0;
		background: url("../img/ico_imprimir.png") no-repeat top center;
	}	
		#redes_sociales a.imprimir:hover{
			background: url("../img/ico_imprimir_hover.png") no-repeat top center;
		}
	
	#redes_sociales a.contacto{
		width:25px;
		height:20px;
		float:left;
		margin:0;
		padding:0 7px 0 0px;
		background: url("../img/ico_contacto.png") no-repeat top center;
	}
		#redes_sociales a.contacto:hover{
			background: url("../img/ico_contacto_hover.png") no-repeat top center;
		}
	
	
	#instagram{
		width:100%;
		float:left;
		margin:0;
		padding:0;
	}
		
		#instagram h3{
			width:100%;
			float:left;
			margin:0;
			padding:0;
		} 
			#instagram h3 a{
				width:auto;
				height:25px;
				float:left;
				margin:5px 0;
				padding:0 0 0 80px;
				background:url(../../redes_sociales/instagram/img/logo.png) no-repeat top left;
			}
		
		#instagram a{
			width:33.33%;
			float:left;
			margin:0;
			padding:0;
		}
			#instagram a img{
				width:100%;
				float:left;
				margin:0;
				padding:0;
			}
	
/******************************** LISTADO OBJETO ******************************************************/
#listado_objeto{
	width:100%;
	height:auto;
	float:left;
	margin:10px 0;
	padding:0;
}
	#listado_objeto:hover h2{
		color:var(--color1);
	}
	#listado_objeto:hover ul{
		border: 3px solid var(--color1);
	}
	
	
	#listado_objeto p.titulo{
		color: #535151;
		display: block;
		float: left;
		font-size: 1.1em;
		height: auto;
		margin: 0;
		padding: 0;
		text-align: right;
		width: 99%;
	}
	#listado_objeto ul{
		border: 3px solid var(--colorNeutro2);
		float: left;
		height: auto;
		list-style-type: none;
		margin: 0;
		padding: 1%;
		width: 97.5%;
	}
	#listado_objeto ul:hover{
		/*background:#dfdfdf;*/
	}
		#listado_objeto ul li{
			background: none repeat scroll 0 0 #fff;
			/*border-right: 1px solid #dfdfdf;*/
			float: left;
			height: auto;
			margin: 5px 0;
			padding: 0 1.5%;
			position: relative;
			width: 30.33%;
			overflow:hidden;
		}
			/*#listado_objeto ul li:nth-child(5n+0){
				border-right: medium none;
				margin-right: 0;
				padding-right: 0;
			}
				#listado_objeto ul li:nth-child(5n+0)  a.ampliarLoMas{
					right: 0px;

				}*/
		#listado_objeto h2{
			color: #888;
			float: left;
			font-size: 1.1em;
			font-weight: 500;
			height: auto;
			margin: 0;
			padding: 0;
			text-align: right;
			width: 100%;
			display:block;

		}
			
		#listado_objeto ul li:hover h2 a{
			color:var(--color1);
		}
			#listado_objeto ul li:hover a.ampliarLoMas{
				background: url("../img/fondo_destacados_enlace1.png") no-repeat scroll right center rgba(0, 0, 0, 0);							
			}	
			
			#listado_objeto h3{
				float: right;
				height: auto;
				margin: 0 0 10px 0;
				padding: 0;
				width: 100%;
				display:block;
				border-bottom: 1px solid #eee;
			}
				#listado_objeto h3 a{
					float: left;
					color: var(--color2);
					font-size: 0.9em;
					font-weight: 600;
					margin: 0;
					padding: 0;
					text-align: center;
					text-transform: uppercase;
					width: 100%;
					line-height: 1em;
					height: 35px;
					display: flex;
					align-items: center;
					justify-content: center;
				}	
					#listado_objeto h3 a:hover{
						color: var(--color1);
					}
				#listado_objeto div.imagen{
					float: left;
					position: relative;
					width: 35%;
					height:100px;
					margin: 0;
				}
					#listado_objeto div.imagen img{
						max-height:100%;
						max-width:100%;
					}
				
				#listado_objeto p{
					float: right;
					font-size: 0.9em;
					font-weight: normal;
					margin: 0;
					padding: 0;
					width: 63%;
					color: #666;
					overflow: hidden;
					text-align: justify;
				}
				#listado_objeto span.fecha{
					color: #888;
					float: left;
					font-size: 0.8em;
					font-weight: normal;
					height: auto;
					margin: 0;
					padding: 0;
					text-align: right;
					width: 100%;
					display:none;
				}
				
					#listado_objeto ul li a.nombre_lomas{
						color:var(--color1);
					}	
					#listado_objeto  ul li a.ampliarLoMas{
						background: url("../img/fondo_destacados_enlace.png") no-repeat scroll right center rgba(0, 0, 0, 0);
						bottom: 7px;
						color: #f5f5f5;
						font-size: 0.7em;
						letter-spacing: -0.3px;
						padding: 0 20px 0 0;
						position: absolute;
						right: 20px;
						width: 92px;
						display:none;
					}	
						#listado_objeto  ul li:hover a.ampliarLoMas:hover{					
							color:var(--color1);
						}	

/*	###############################################			DESTACADOS	PADRE							*/		

#destacados_padre{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
	padding:0;
}
	#destacados_padre ul{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
		text-align: center;
	}
		#destacados_padre ul li{
			border: 1px solid #eee;
			display: inline-block;
			margin: 10px 1%;
			padding: 0;
			width: 31%;
			height:320px;
			transition:0.5s ease all;
			overflow: hidden;
			position: relative;
		}
		#destacados_padre ul li:hover{
				box-shadow:0px 0px 5px #ccc;
		}
		/*********************PARA CUANDO HAY TRES COLUMNAS*****************************/
		#centro_izquierda[style*="width:53%"] #destacados_padre ul li{
			width:48%;
		}
		
		/*********************PARA CUANDO HAY UNA COLUMNAS*****************************/
		#centro_izquierda[style*="width:100%"] #destacados_padre ul li{
			width:23%;
		}
		
		#destacados_padre ul li.separadorColumnas{
			display:none;
		}
		#destacados_padre ul li:hover div.imagen{
			/*transform: rotateY(180deg);*/
			transform: scale(1.1,1.1);
			opacity: 0.3;
		}
		#destacados_padre ul li:hover p{
			display: block;
		}
		#destacados_padre ul li:hover a h3{
			color: var(--color1);
		}

			#destacados_padre ul li div.imagen{
				display:block;
				width:100%;
				height:320px;
				float:left;
				padding:0;
				margin:0 0 5px 0;
				overflow:hidden;
				transition:0.5s ease all;
				opacity: 1;
			}
				#destacados_padre ul li div.imagen img{
					width:100% !important;
					max-width: auto !important;
					transition:transform 0.5s ease;
				}
					#destacados_padre ul li div.imagen img:hover{
						/*transform:scale(1.1,1.1);*/
					}
		
			#destacados_padre ul li a{
				width:100%;
				height:auto;
				margin:0;
				padding:0;
				text-align:center;
				z-index: 500;
				position: absolute;
				top: 0;
				left: 0;
				align-items: center;/* alineacion vertical */
				justify-content: center;/* alineacion horizontal */
			}
				#destacados_padre ul li > a:hover{
					color:var(--color1);
					text-decoration:none;
				}
				#destacados_padre ul li a h3{
					width: 100%;
					margin:30% 0 0 0;
					padding:0;
					color:var(--colorNeutro1);	
					font-size:2.2em;
					font-weight: 700;
					text-transform: uppercase;
					text-shadow: 3px 3px 3px rgba(0,0,0,0.2);
					font-family:var(--fuente2);
				}
			#destacados_padre ul li p{
				width:100%;
				height:auto;
				margin:0;
				padding:0;
				text-align:center;
				z-index: 500;
				display: none;
				position: absolute;
				top: 50%;
				left: 0;
				font-size: 1.2em;
				font-weight: 500;
				align-items: center;/* alineacion vertical */
				justify-content: center;/* alineacion horizontal */
			}	

/************************** BLOG ***************************************/
ul.blog{
	width:100%;
	height:auto;
	float:left;
	margin:25px 0;
	padding:0;
	list-style-type:none;
}
	ul.blog li.blog{
		width:100%;
		height:auto;
		float:left;
		margin:0 0 15px 0;
		padding:0 0 10px 0;
		list-style-type:none;
		border-bottom:1px solid #ccc;
	}
		ul.blog li.blog a.titulo_blog{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 5px 0;
			padding:0;
			color:#000;
		}
		ul.blog li.blog p.fecha_blog{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 5px 0;
			padding:0;
		}
		ul.blog li.blog p.resumen_blog{
			width:85%;
			height:auto;
			float:left;
			margin:0 0 5px 0;
			padding:0;
			min-height:32px;
		}
		ul.blog li.blog a.ver_contenido_blog{
			width:auto;
			height:auto;
			float:right;
			margin:0 0 5px 0;
			padding:5px;
			background:#000;
			color:#fff;
			border:1px solid #000;
		}
			ul.blog li.blog a.ver_contenido_blog:hover{
				background:#fff;
				color:#000;
				text-decoration:none;
			}
		ul.blog li.blog span.imagen_blog{
			width:100%;
			height:auto;
			float:left;
			margin:0 0 5px 0;
			padding:0;	
		}
			ul.blog li.blog span.imagen_blog img{
				width:100%;
			}
		ul.blog li.blog div.contenido_blog{
			width:100%;
			height:auto;
			float:left;
			margin:0;
			padding:0;	
		}
/*	###############################################			LISTADOS		*/		

#listado_breves{
	width:100%;
	float:left;
	margin:0 0 10px 0;
	padding:0;
	transition:background 0.5s ease 0s;
}
	#listado_breves:hover{
		background:#eee;
	}

	#centro_centro h2.cabecera_breves{
		color: #535151;
		float: right;
		font-size: 1.1em;
		font-weight: normal;
		margin: 15px 5px 0;
		padding: 0;
		text-align: right;
		text-transform: lowercase;
		width: 100%;
	}
	#listado_breves ul{
		width:100%;
		float:left;
		margin:0;
		padding:0;
		list-style-type:none;
	}

		#listado_breves ul li{
			width:98%;
			height:auto;
			float:left;
			margin:0;
			padding:0;
			position:relative; 
			border-bottom:3px solid #efefef;
			transition:background 1s ease;
		}
			#listado_breves ul li:last-child{
				border-bottom:none;	
			}

		#listado_breves ul li:hover{
			background:var(--color1);
		}
			#listado_breves ul li:hover p.fecha{
					color:#d8e5f0;
			}
			#listado_breves ul li:hover a.titulo{
					color:#fff;
			}
				#listado_breves ul li:hover a.titulo:hover{
						/*font-style:italic;*/
				}	
			#listado_breves ul li:hover span.resumen{
					color:#444;
			}	
			#listado_breves ul li:hover a.ampliar{
				background: url("../img/ico_ampliar_hover.png") no-repeat scroll right center rgba(0, 0, 0, 0);
			}												
		
		#listado_breves ul li .datos_listado{
			color: #999;
			float: left;
			font-size: 0.9em;
			height: auto;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		#listado_breves ul li a.imagen{
			width: 100%;
			height:180px;
			float:left;
			margin: 0 0 5px 0;
			padding: 0;
			text-align:center;
		}
			#listado_breves ul li a.imagen img{
				max-width:100%;	
				max-height:100%;			
			}	
		#listado_breves ul li a.titulo{
			color: var(--color1);
			display: block;
			float: left;
			font-size: 1.1em;
			letter-spacing: -0.3px;
			line-height: 18px;
			margin: 0 0 4px;
			padding: 0;
			text-decoration: none;
			width: 100%;
		}
			#listado_breves ul li a.titulo:hover{
				color:#fff;
			}		
		#listado_breves ul li span.resumen{	
			width:100%;		
			float:left;
			margin:2px 0 2px 0;
			padding:0;				
			display:block;
			font-size:0.9em;
		}		
		#listado_breves ul li p.fecha{
			width:100%;		
			margin:2px 0 2px 0;
			display:block;
			float:left;
			padding:0;
			text-align:right;
			font-size:0.9em;
		}
				
		#listado_breves ul li a.ampliar{
			background: url("../img/ico_ampliar.png") no-repeat scroll right center rgba(0, 0, 0, 0);
			bottom: 0;
			color: #000;
			float: right;
			font-size: 0;
			height: 18px;
			padding: 0 20px 0 0;
			position: absolute;
			right: 0;
			text-decoration: none;
		}
			#listado_breves ul li a.ampliar:hover{
				color:#fff;
				font-size:0.7em;
				text-decoration:none;
			}
/******************************** AUMENTAR/DISMINUIR LETRA ***********************************************/
#bloqueLetra{
	position:relative;
	float:right;
	width:50px;
	display: none;
}
.aumentar_letra{
	width:19px;
	height:30px;
	float:right;
	margin:0 6px 0 0;
	padding:0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background:url(../img/ico_aumentar.png) bottom no-repeat;
}
	.aumentar_letra:hover{
		background:url(../img/ico_aumentar_hover.png) bottom no-repeat;		
	}

.disminuir_letra{
	width:19px;
	height:30px;
	float:right;
	margin:0 0 0 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:url(../img/ico_disminuir.png) bottom no-repeat;
}
	.disminuir_letra:hover{
		background:url(../img/ico_disminuir_hover.png) bottom no-repeat;		
	}

			
/**********************************************************************************************************/		
/*PLANTILLA DE FICHA*/
#plantillaFichaContenido{
	font-weight:bold;
	color:#6EA0D1;
	font-size:1em;
	background:url(../img/patron.png);
	border-bottom: 1px dashed #EDEDED;
	border-top: 1px dashed #EDEDED;	
}
	#plantillaFichaContenido >span{
			background:url(../img/contenido.png) top left no-repeat;
			float: left;
			margin-left: 5px;
			padding-top: 4px;
			text-indent: 26px;	
	}
#plantillafichaDescripcion{
	font-weight:bold;
	color:#172A5D;
	font-size:1em;
	background:url(../img/patron.png);
	 border-bottom: 1px dashed #EDEDED;
    border-top: 1px dashed #EDEDED;
}
	#plantillafichaDescripcion >span{
			background:url(../img/descripcion.png) top left no-repeat;
			float: left;
			margin-left: 5px;
			padding-top: 4px;
			text-indent: 26px;	
	}
#plantillafichaEmpleo{
		font-weight:bold;
	color:#77AF44;
	font-size:1em;
	background:url(../img/patron.png);
	 border-bottom: 1px dashed #EDEDED;
    border-top: 1px dashed #EDEDED;
	
}
	#plantillafichaEmpleo >span{
			background:url(../img/empleo.png) top left no-repeat;
			float: left;
			margin-left: 5px;
			padding-top: 4px;
			text-indent: 26px;	
	}
#plantillafichaPrecauciones{
		font-weight:bold;
	color:#BF0000;
	font-size:1em;
	background:url(../img/patron.png);
	 border-bottom: 1px dashed #EDEDED;
    border-top: 1px dashed #EDEDED;
}
	#plantillafichaPrecauciones >span{
			background:url(../img/precaucion.png) top left no-repeat;
			float: left;
			margin-left: 5px;
			padding-top: 4px;
			text-indent: 26px;	
	}


/*POLITICA DE COOKIES*/
div.cookiesPc{
	background: none repeat scroll 0 0 #222;
	height: auto;
	left: 0;
	opacity: 0.9;
	top: 0;
	width: 100%;
	z-index: 10000000000;	
}

	div.cookiesPc #mensaje_cookies {
		color: #fff;
		font-size: 12px;
		line-height: 18px;
		margin:0 auto;
		padding: 3px 1% 6px;
		text-align: justify;
		width: 996px;
	}

/*FIN POLITICA DE COOKIES*/

/**BOTON IR ARRIBA*******/		
.scrollup{
    width:80px;
    height:80px;
    opacity:0.6;
    position:fixed;
    bottom:0px;
    right:0px;
    display:none;
    background: url('../img/ir_top.png') no-repeat;
	z-index:10000000;
}
.draggable, .draggable *{
	cursor:move !important;
}
@media (max-width: 1180px){
   /* html,body{overflow:visible !important;}
    #base_cabecera{position:relative !important;top:0 !important;}
    #base_utilidades{position:relative !important;}
    #contenedor{padding:0 0 0 0 !important;}*/
} 
/*************EFECTOS CSS*****************/
/* Float Shadow 
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C 
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px 
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);

  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) 
}*/