@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-2020, 7:12:29
    Author     : Miguel de Costa
    Co-author  : Isaac Rupérez Cano
*/
@media (min-width: 1024px) and (max-width: 1364px) and (orientation: landscape) {
	.outer_face{
		left: 48%;
	}
	
	.foto-vertical{
		width:18% !important;
	}
	
	#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%;
	}

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

	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;
	}

	/*.botonera-info{
		right: 3%;
		bottom:	3%;
	}*/
	
	.botonera-info{
		right: 50px;
		bottom:	50px;
	}
	
	.boton-info{
		width: 29px;
		height: 29px;
	}
	
	/*#bloque-reloj{
		height: 5%;
		margin-top:3%;
	}*/
	
	#bloque-reloj{
		height: 47px;
		margin-top:30px;
	}

	#subcontainer-reloj{

	}

	.img-reloj{
		height: 100%;
	}

	#reloj{
	
	}
}

@media (min-width: 1024px) and (max-width: 1364px) and (orientation: landscape) and (max-height: 640 px) {
	body {
	  height: 640px;
	}
	.container, .container-credits{
		height: 640px;
	}
	
}