@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
*/
/* si la altura es menor de 360 scroll */
@media (max-width: 767px) and (orientation: portrait) {
	.outer_face{
		left: 44%;
	}

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

	div.subcontainer {
		width:67%;
		margin: 0 auto;
		position: absolute;
	}
	
	#bloque-texto-dinamico{
		width:98%;
		height: 80%;
		top: 10%;
	}
	
	h1 {
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		line-height: 20px;
		color: #414141;
		text-align: center;
	}
	
	h2 {
		font-family: Raleway;
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: 0em;
	}

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

	h3:hover {
		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;
	}
	
	#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: 65%;*/
		width: 233px;
		height: 54%;
	}
	
	/*.botonera-info{
		right: 6%;
		bottom:	6%;
	}*/
	
	.botonera-info{
		right: 25px;
		bottom:	25px;
	}
	
	.boton-info{
		width: 24px;
		height: 24px;
	}
		
	/*#bloque-reloj{
		height: 7%;
		margin-top:4%;
	}*/
	
	#bloque-reloj{
		height: 47px;
		margin-top:20px;
	}

	#subcontainer-reloj{

	}

	.img-reloj{
		height: 100%;
	}

	#reloj{

	}
	
}

@media (max-width: 414px) and (max-height: 360 px) {
	html, body {
	  height: 360px;
	  overflow-y: scroll;
								
			   
	}	
	
	h1 {
		font-family: Raleway;
		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		/*font-size: calc(1vh + 2vw);*/
		line-height: 20px;
		/*line-height: calc(1vh + 2vw);*/
		color: red;
		text-align: center;
	}
}