﻿
/*html
{
	background-image: url("../imagenes/cargando.gif");
	background-repeat: no-repeat;
	background-position: center 7%;
    font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
	visibility: hidden;
	z-index: -1;
}*/

body
{
	background-color: #FFF;
	background-image: url("../imagenes/cargando.gif");
	background-repeat: no-repeat;
	background-position: center 3%;
    font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
	visibility: hidden;
	z-index: -200;
	min-width: 100%;
	max-width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.aviso
{
	position: absolute;
	top: 270px;
	left: 5px;
	width: 200px;
	height: 216px;		
	z-index: 100000;	
}

.imagenAviso
{
	width: 200px;
	height: 216px;	
}

.fondoPrincipal
{
	position: fixed;
	min-width: 100%;
	max-width: 100%;
	height: 1300px;
	/*background-image: url("../imagenes/navidad.jpg");*/
	background-repeat: no-repeat;
	background-position: 0px 72px;
	background-size: 100%;
	z-index: -100;
}

/*.logoFondo
{
	position: fixed;
	width: 100%;
	height: 732px;
	background-image: url("../imagenes/logo_navidad_2022.png");
	background-repeat: no-repeat;
	background-position: 95% 262px;
	background-size: 482px 530px;
	z-index: -50;
}*/

.logoFondo
{
	position: fixed;
	width: 100%;
	height: 752px;
	background-image: url("../imagenes/espejito_invierno.png");
	background-repeat: no-repeat;
	background-position: 95% 262px;
	background-size: 304px 480px;
	z-index: -50;
}

.efectoFondo /*EFECTO NEVADA*/
{
	position: fixed;
	width: 100%;
	height: 1300px;
	/*background-image: url("../imagenes/nevada.gif");*/
	background-repeat: no-repeat;
	background-position: 0px 72px;
	background-size: 100%;
	z-index: -50;
}

.divTransparente
{
	position: absolute;
	top: 80px;
	left: 0px;
	width: 100%;
	height: 6510px;
	opacity: 0.6;
	filter: alpha(opacity=50);
	background-color: white;
	z-index: 300;
	display: none;
}

.contenedorCabecera
{
    -webkit-transform: translateZ(0); /*CORRIGE PROBLEMA DE CHROME CON "position: fixed" AL HACER SCROLL MANUALMENTE*/
	position: fixed;
    top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	border-bottom: 2px solid #043FB5;
	background-color: white;
	font-family: 'Oswald', sans-serif;
	z-index: 4000;
}

.cabeceraOpciones
{
	float: right;
	margin-right: 30px;
    width: 100%;
	height: 100%;
	background-color: white;
}

.opciones
{
	display: none;
}

.menuDespOpciones
{
	float: right;
	padding: 0px 0px 0px 0px;
	width: 36px;
	height: 100%;
}

.logo
{
	margin: 2px 0px 0px 60px;
}

.menuDespOpcionesImg
{
	margin-top: 20px;
	width: 23px;
	height: 18px;
}

.contenedor
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	font-size: 18px;
}

.divOpcion1
{
	margin-bottom: 40px;
	width: 100%;
}

.divOpcion2
{
	padding: 45px 0px 45px 0px;
	width: 100%;
}

.divOpcion3
{
	padding: 45px 0px 45px 0px;
	width: 100%;
}

.divOpcion4
{
	padding: 45px 0px 45px 0px;
	width: 100%;
}

.divOpcion5
{
	padding: 0px 0px 2px 0px;
	width: 100%;
}

.divOpcion6
{
	margin: 73px 0px 35px 0px;
	width: 100%;
}

.divOpcion7
{
	padding: 45px 0px 35px 0px;
	width: 100%;
}

.divOpcionCookies
{
	margin: 73px 0px 35px 0px;
	width: 100%;
}

.divOpcionLegal
{
	margin: 73px 0px 35px 0px;
	width: 100%;
}

.divOpcionTitulo, .divOpcionTituloLegal
{
	margin-top: 45px;
	margin-bottom: 15px;
	height: auto;
	padding: 18px 0px 10px 0px;
	font-family: 'Lobster', sans-serif;
	font-size: 32px;
	text-align: center;
}

.divOpcionTituloContactanos
{
	display: inline-block;
	margin-top: 90px;
	margin-bottom: 0px;
	width: 100%;
	height: auto;
	padding: 18px 0px 0px 0px;
	font-family: 'Lobster', sans-serif;
	font-size: 32px;
	text-align: center;
    color: #558CFA;
}

.divOpcionTituloLegal
{
	letter-spacing: -1px;
}

@media screen and (orientation: landscape)
{
	.divOpcionTitulo, .divOpcionTituloLegal
	{
		margin-top: 0px;
		padding-top: 0px;
	}

	.divOpcionTituloContactanos
	{
		margin-top: 27px;
	}
}

.divOpcionTituloFondo
{
	border: 2px solid black;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, .80);
	color: #014242;
}

.divOpcionContenido1
{
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.divOpcionContenido1Capa1
{
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	padding: 120px 0px 0px 0px;
	text-align: left;
	font-family: 'Philosopher', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #483D8B;
	z-index: -20;
}

.divOpcionContenido1Capa2
{
	position: fixed;
	top: 0px;
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	padding: 71px 0px 0px 0px;
	text-align: left;
	z-index: -22;
}

.divOpcionContenido1Capa2Texto
{
	background-color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #6D6D6D;
}

.divOpcionContenido1Capa3
{
	position: fixed;
	top: 0px;
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	padding-top: 40px;
	/*background-image: url("../imagenes/logo-xmas_mv.png");
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-position: right bottom;*/ /*right 3%;*/
	z-index: -25;
}

.divOpcionContenido2
{
    margin: 0 auto;
	width: 80%;
	padding: 20px 20px 20px 20px;
	background-color: white;
	border: 2px solid black;
	border-radius: 10px;
	text-align: left;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	color: black;
}

.divOpcionContenido3
{
    margin: 0 auto;
	width: 80%;
	height: auto;
	padding: 20px 20px 20px 20px;
	background-color: white;
	border: 2px solid black;
	border-radius: 10px;
	text-align: left;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	color: black;
}

.divOpcionContenido4
{
	margin: 0 auto;
	width: 80%;
	min-height: 300px;
	padding: 20px 20px 20px 20px;
	background-color: white;
	border: 2px solid black;
	border-radius: 10px;
}

.divOpcionContenido4Encuentranos
{
	width: 100%;
	height: 100%;
}

.divOpcionContenido5
{
    visibility: hidden;
	margin: 0 auto;
	width: 90%;
	padding: 20px 20px 20px 20px;
	height: auto;
	text-align: center;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
}

.divOpcionContenido6
{
    margin: 0 auto;
	width: 80%;
	height: auto;
	padding: 20px 20px 20px 20px;
	background-color: white;
	border: 2px solid black;
	border-radius: 10px;
	text-align: left;
	font-family: 'Cuprum', sans-serif;
}

.divOpcionContenido7
{
    margin: 0 auto;
	width: 80%;
	padding: 20px 20px 20px 20px;
	background-color: white;
	border: 2px solid white;
	border-radius: 10px;
	background-color: black;
	text-align: left;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	color: white;
}

.divOpcionContenidoCookies
{
    margin: 0 auto;
	width: 80%;
	padding: 20px 20px 20px 20px;
	background-color: white;
	border: 2px solid black;
	border-radius: 10px;
	text-align: left;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	color: black;
}

.divOpcionContenidoLegal
{
    margin: 0 auto;
	width: 80%;
	padding: 20px 20px 20px 20px;
	background-color: white;
	border: 2px solid black;
	border-radius: 10px;
	text-align: left;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	color: black;
}

.contenedorPie
{
	margin: 0 auto;
	padding: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	z-index: 4000;
}

.pie
{
    margin-right: 0px;
	width: 100%;
	padding: 10px 0px 10px 0px;
	border-top: 2px solid #CCC;
	background-color: white;
    text-align: center;
	word-spacing: -2px;
}

.contenedorPieMvPC
{
	-webkit-transform: translateZ(0); /*CORRIGE PROBLEMA DE CHROME CON "position: fixed" AL HACER SCROLL MANUALMENTE*/
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 35px;
	background-color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	z-index: 4000;
}

.pieMvPC
{
	width: 100%;
	border-top: 2px solid #808080;
	padding: 0px 10px 0px 0px;
	text-align: center;
	line-height: 16px;
	word-spacing: -1px;
}

.avisoLegalLink
{
	text-decoration: underline;
	color: black;
}

.contenedorAvisoCookies
{
	display: none;
	-webkit-transform: translateZ(0);
	position: fixed;
    bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	opacity: 0.95;
	filter: alpha(opacity=95);
	background-color: black;
	text-align: center;
	font-size: 12px;
	color: white;
	z-index: 4000;
}

.avisoCookies
{
	float: left;
	width: 97%;
	height: 80px;
	padding: 6px 6px 0px 6px;
}

.cookiesLink
{
	font-weight: bold;
	color: white;
	text-decoration: underline;
}

.botonCookies
{
	height: 20px;
	background-color: #CCC;
	border: 2px solid #FF822E;
}

@media screen and (min-width: 479px)
{
	.divOpcionContenido1Capa1
	{
		font-size: 48px;
	}
}

@media screen and (min-width: 999px) /*and (min-device-width: 999px)*/
{
	body
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: white;
		background-image: url("../imagenes/cargando.gif");
		background-repeat: no-repeat;
		background-position: center 7%;
		background-attachment: fixed;
		font-family: 'Open Sans', sans-serif;
		overflow-x: hidden;
		visibility: hidden;
	}
	
	.aviso
	{
		position: absolute;
		top: 370px;
		left: 150px;
		width: 310px;
		height: 216px;		
		z-index: 100000;	
	}

	.imagenAviso
	{
		width: 310px;
		height: 216px;	
	}	
	
	.logoFondo
	{
		height: 752px;
		background-position: 95% 262px;
		background-size: 304px 480px;
	}
	
    .cabeceraOpciones
    {
 		font-size: 19px;
	}

	.menuDespOpciones
	{
		display: none;
	}

	.opciones
	{
		display: block;
		float: right;
		padding: 20px 10px 0px 10px;
		border-top: 2px solid white;
		height: 100%;
		color: #000;
	}

	a
	{
		text-decoration: none;
		color: #4D4D4D;
	}

	#link1
	{
		color: #043FB5;
	}

	#opcion1
	{
		border-top: 2px solid #043FB5;
	}

	.contenedor
	{
		font-size: 16px;
	}

	.divOpcion1
	{
		padding-bottom: 50px;
		padding: 0px 0px 50px 0px;
	}

	.divOpcion2
	{
		padding: 80px 0px 120px 0px;
	}

	.divOpcion3
	{
		padding: 80px 0px 120px 0px;
	}

	.divOpcion4
	{
		padding: 80px 0px 120px 0px;
	}

	.divOpcion5
	{
		padding: 80px 0px 65px 0px;
	}

	.divOpcion6
	{
		padding: 0px 0px 120px 0px;
	}

	.divOpcion7
	{
		padding: 80px 0px 200px 0px;
	}

	.divOpcionCookies
	{
		margin: 0px;
		padding: 80px 0px 200px 0px;
	}

	.divOpcionLegal
	{
		margin: 0px;
		padding: 80px 0px 200px 0px;
	}

	.divOpcionTitulo, .divOpcionTituloLegal
	{
		padding: 5px 0px 10px 0px;
		font-size: 56px;
	}

	.divOpcionTituloLegal
	{
		letter-spacing: -1px;
	}

	.divOpcionTituloContactanos
	{
		margin-top: 0px;
		padding: 5px 0px 10px 0px;
		font-size: 56px;
	}

	.divOpcionContenido1
	{
		width: 100%;
	}

	.divOpcionContenido1Capa1
	{
		padding: 85px 0px 0px 0px;
		text-align: right;
		font-size: 52px;
	}

	.divOpcionContenido1Capa2Texto
	{
		font-size: 18px;
	}

	.divOpcionContenido1Capa3
	{
		position: fixed;
		top: 0px;
		min-width: 100%;
		max-width: 100%;
		height: 100%;
		/*background-image: url("../imagenes/logo-xmas.png");
		background-repeat: no-repeat;
		background-position: right bottom;*/
		z-index: -25;
	}

	.divOpcionContenido2
	{
		width: 60%;
		text-align: justify;
		font-size: 19px;
	}

	.divOpcionContenido3
	{
		width: 60%;
		height: auto;
		text-align: justify;
		font-size: 19px;
	}

	.divOpcionContenido4
	{
		width: 60%;
	}

	.divOpcionContenido5
	{
		width: 60%;
		font-size: 19px;
	}

	.divOpcionContenido6
	{
		width: 40%;
		height: auto;
		font-size: 19px;
	}

	.divOpcionContenido7
	{
		width: 60%;
		text-align: justify;
		font-size: 19px;
	}

	.divOpcionContenidoCookies
	{
		width: 40%;
		height: auto;
		text-align: justify;
		font-size: 19px;
	}

	.divOpcionContenidoLegal
	{
		width: 40%;
		height: auto;
		text-align: justify;
		font-size: 19px;
	}

	.contenedorPie
	{
		-webkit-transform: translateZ(0); /*CORRIGE PROBLEMA DE CHROME CON "position: fixed" AL HACER SCROLL MANUALMENTE*/
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 35px;
		background-color: white;
		font-family: 'Oswald', sans-serif;
		font-size: 14px;
	}

	.pie
	{
		width: 100%;
		border-top: 2px solid #808080;
		padding: 0px 10px 0px 0px;
		line-height: 35px;
		text-align: right;
		word-spacing: 0px;
	}

	.avisoCookies
	{
		padding: 10px 6px 0px 6px;
	}
}

.divSeparador
{
	margin: 0px 0px 0px 0px;
	position: relative;
	visibility: hidden;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	background-color: #003399;
	/*display: none;*/
	opacity: 0.4;
	filter: alpha(opacity=30);
	z-index: 1000;
}

.divSeparadorTransp
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 49, 156, .80);
	z-index: 2000;
}

.divSeparadorImg
{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

img
{
  border: 0;
}

.textoNegrita
{
	font-weight: bold;
}

.textoNegritaSub
{
	font-weight: bold;
	text-decoration: underline;
}

/*img:hover
{
  border: 0;
  opacity:0.7;
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
}*/
/*
.capaFondoResponsive
{
	width: 100%;
    height: 1000px;
    background: #CCCCFF;
	background: no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/
