@charset "utf-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-dic-2015, 7:12:29
    Author     : Miguel de Costa
    Co-author  : Isaac Rupérez Cano
*/

body{
	background: linear-gradient(269deg, #eecfcf, #f4e8d6, #f0f0f0);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 12s ease infinite;
    -moz-animation: AnimationName 12s ease infinite;
    -o-animation: AnimationName 12s ease infinite;
    animation: AnimationName 12s ease infinite;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 0 0 0 !important;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

html{
    height: 100%;
	width:100%;
}

#bloque-welcome{

}

.frontImage{
    margin-left: auto;
    margin-right:auto;
	width: 100%;
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
}

h1 {
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 32px;
	color: #414141;
	text-align: center;
}

h1:active {
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 32px;
	color: #666666;
	text-align: center;
}

h2 {
	font-family: Raleway;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0em;
}

h3 {
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #414141;
}

h3:hover, h3:active {
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #666666;
}

p {
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #414141;
}

a, a:link, a:visited {
	text-decoration: none;
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #414141;
}

a:hover {
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #666666;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
	font-family: Raleway;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #414141;
	text-decoration: underline;
}

div.container {
	display: flex;
    align-items: center;
	height: 100%;
	width: 100%;
	position:absolute;
}

div.container-credits {
	display: none;
	height: 87%;
}

div.container-cookies {
	display: flex;
	height: 87%;
}

#bloque-foto {
    display:none;
	max-width:83%;
	padding-left:8%;
	padding-right:8%;
	justify-content:center
}

#bloque-texto-dinamico{
	width:98%;
	height: 80%;
    top: 10%;
}

.foto-vertical{
	width:18% !important;
}

div.subcontainer {
	width:25%;
	margin: 0 2%;
}

.class-texto-info p{
	text-align: left;
}

div#subcontainer-credits {
	display: none;
}

div#subcontainer-about {

}

div#subcontainer-cookies {
	display: none;
}

div#subcontainer-cookies-policy {

}

div.subcontainer-info{
    position: absolute;
	bottom: 13%;
    right: 10%;
    /*width: 30%;*/
	width: 320px;
	height: 45%;
}

.div-foto {
	display:none;
    text-align: center;
	cursor: pointer;
}

#texto {
	margin: 0 auto;
	width:100%;
	cursor: pointer;
}

.class-texto-dinamico{
	display:none;
	position:absolute;
}

#boton-cierra-info{
	display:none;
}

.enlace{
	cursor: pointer;
}

.info-enlace{
	bottom: 0px;
	position: absolute;
	z-index:100;
}

.info-enlace-cookie{
	bottom: 0px;
	position: absolute;
	z-index:100;
	width:50%;
}

#info-enlace-policy{
	left: 30%;
}

#info-enlace-back{
	display:none;
	left: 30%;
}

#texto-policy{
	display:none;
}

/*.botonera-info{
	position: absolute;
    right: 3%;
	bottom:	3%;
}*/

.botonera-info{
	position: absolute;
    right: 50px;
	bottom:	50px;
}

.boton-info{
	width: 29px;
	height: 29px;
}

#bloque-reloj{
    height: 50px;
	margin-top:30px;
	z-index: 100;
    position: absolute;
	display: flex;
	width: 100%;
	justify-content: center;
}

#subcontainer-reloj{

}

.img-reloj{
	position: absolute;
	height: 100%;
}

#reloj{

}

@media (max-width: 767px) and (orientation: portrait) {
	
}