@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: 768px) and (orientation: portrait){
	.outer_face{
		left: 48%;
	}
	
	#bloque-texto-dinamico{
		width:98%;
		height: 80%;
		top: 10%;
	}
	
	.foto-vertical{
		width:50% !important;
	}
	
	div.subcontainer {
		width:50%;
		margin: 0 auto;
		position: absolute;
	}
		
	#foto1{
		z-index: 1;
	}
	
	#foto2{
		z-index: 2;
	}
	
	#foto3{
		z-index: 3;
	}
	
	#bloque-foto {
		width: 67%;
		padding-left: 16%;
		padding-right: 16%;
	}
	
	.frontImage{
		margin: 0 auto;
	}
	
	div.subcontainer-info{
		bottom: 13%;
		right: 10%;
		/*width: 31%;*/
		width: 320px;
		height: 45%;
	}
	
	.boton-info{
		width: 29px;
		height: 29px;
	}
	
	/*.botonera-info{
		right: 4%;
		bottom:	4%;
	}*/
	
	.botonera-info{
		right: 40px;
		bottom:	40px;
	}
	
	/*#bloque-reloj{
		height: 5%;
		margin-top:3%;
	}*/

	#bloque-reloj{
		height: 47px;
		margin-top:20px;
	}
	
	#subcontainer-reloj{
	
	}

	.img-reloj{
		height: 100%;
	}

	#reloj{

	}
}

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