* {
	/*
	ponemos a 0 para poder colocar los margenes a nuestro antojo
	*/
	margin: 0vw;
	padding-top: 0vw;
	padding: 0vw;
	border: none;
	background-color: transparent;
}
:root {
  --main-color-body: #EFF8FB;
  --main-border-radius: 0.8vw; /*var(--main-border-radius);*/
}

body{
	background-color: var(--main-color-body);
	font-family: 'Special Elite', cursive;
	color: transparent;
	border: none;

  /* Aquí el origen de la imagen 

  
  */
  background-image: url(https://ofogardonogal.es/imag/imagenFondo02.jpeg);

  /* Fijar la imagen de fondo este vertical y
    horizontalmente y centrado */
  background-position: center;

  /* Esta imagen no debe de repetirse */
  background-repeat: no-repeat;

  /* COn esta regla fijamos la imagen en la pantalla. */
  background-attachment: fixed;

  /* La imagen ocupa el 100% y se reescala */
  background-size: cover;

  /* Damos un color de fondo mientras la imagen está cargando  */
  background-color: var(--main-color-body);
}
p{
	font-size: 1.1vw;
	color: black;
	opacity: 0.9;
	filter: alpha(opacity=90);
	width: 19vw;
	margin: 0.7vw 1vw 0vw 3vw;
	float: left;
}
/* CONTENEDORE DE CONTENIDO WEB */

.contenedor-padre {
	z-index: 1;
	margin: 0vw 0vw 0vw 4vw;
}
[class|="DIV"]{
	border-radius: var(--main-border-radius);
	background-color: #ECF8E0;
	opacity: 0.9;
  filter: alpha(opacity=90); /* For IE8 and earlier */
	border: 0.1vw solid #808080;
	height: 20vw;
	width: 85vw;
	margin: 4vw 0vw 1vw 4vw;
	text-align: justify;

}
.DIV-caracteristicas-casa, .DIV-caracteristicas-casa02{margin-top: 9vw;}
.DIV-caracteristicas-casa02{height: 115vw; width: 85vw;}

[class|="DIV"]:hover{
	opacity: 1;
  filter: alpha(opacity=10); /* For IE8 and earlier */
}
[class|="h1"]{
	width: 40vw;
	font-size: 3vw;
	float: top;
	color: #00BFFF;
	margin: 1vw 0vw 0vw 3vw;
}
.h1-caracteristicas-casa{}
.p-precio-casa{
	margin: 10vw 0vw 0vw -20vw;
	float: left;
}
.p-precio-casa{
	margin: 11vw 0vw 0vw -20vw;
	float: left;
}
.p-contacto-casa {margin: 8vw 0vw 0vw -20vw; text-align: center;}
.p-contacto-casa img{width: 4vw; height: 4vw;  border-radius: 0.5vw; }
.img-fotos-casa{
	width: 60vw;
	height: 16vw;
	margin: -2.8vw 0vw 0vw 2vw;
	float: left;
} 
.img-fotos-casa img{
	width: 9vw;
	height: 8vw;
	margin: 0vw 0vw 0vw 0.8vw;
}

.h1-caracteristicas-casa02{
	width: 79vw; text-align: center; 
	float: left;
}
.p-caracteristicas-casa02{
	width: 30vw; 
	height: 15vw;
	float: left;
	text-align: center;
	line-height: 1.5vw;
	margin: 1vw 0vw 0vw 25vw;
}

.p-caracteristicas-casa02 img{width: 4vw; height: 4vw;  border-radius: 0.5vw; }
.img-fotos-casa02{
	text-align: center; 
	width: 79vw;
	float: left;
	margin: 1vw 0vw 0vw 2vw;
	text-align: center;
}
.img-fotos-casa02 img{
	width: 25vw;
	height: 20vw;
	border-radius: 0.5vw;
	margin: 1vw 0vw 0vw 1vw;
}


.h1-restaurantes{width: 80vw;  }

.p-restaurantes ul{margin: 0vw 0vw 0vw 2vw; }
.img-restaurantes{margin: 0vw 0vw 0vw 0vw;}
.img-restaurantes img{
	text-align: center; 
	width: 18vw;
	height: 14vw;
	margin: 0vw 0vw 0vw 2vw;
	border-radius: var(--main-border-radius);
}
.img-rutas{margin: 0vw 0vw 0vw 0vw;}
.img-rutas img{
	text-align: center; 
	width: 18vw;
	height: 14vw;
	margin: 0vw 0vw 0vw 2vw;
	border-radius: var(--main-border-radius);
}
.DIV-VideoPromocional h1{
 width: 25vw;

	margin: 2vw 0vw 0vw 2vw;	
}
.DIV-VideoPromocional iframe {
	border: 0.1vw solid #808080;
	width: 47vw;
	height: 19vw;
	border-radius: 0.5vw;
	margin: -4.5vw 2vw 0vw 9vw;	
}
.p-VideoPromocional {
	font-size: 2vw;
	color: #00BFFF;
	text-align: center;
}

.h1-rutas{width: 90vw;  }
.DIV-localizacion iframe {
	border: 0.1vw solid #808080;
	width: 40vw;
	height: 19vw;
	border-radius: 0.5vw;
	margin: -3.5vw 10vw 0vw 0vw;	
	float: right;
}
.p-localizacion{
	text-align: center;
	margin: 4vw 0vw 0vw 2vw;
}
.p-localizacion img{
	width: 2vw; height: 3vw;
}

.p-actividades{
}
.img-actividades img{
	text-align: center; 
	width: 18vw;
	height: 14vw;
	margin: 0vw 0vw 0vw 2vw;
	border-radius: var(--main-border-radius);
}

.fb-page{ margin: 1vw;
}

.DIV-RRSS {

	width: 13vw;
	position: fixed;
  top: 3vw;
  left: -4vw;
  background: transparent;
}