@font-face {
  font-family: 'MyFontTahoma';
  src: url('../fonts/Tahoma.ttf')  format('truetype'); 
}

body{
	font-family: 'MyFontTahoma';
	font-size: 2em; 
	margin:0;
  	padding:0;
  	overflow:hidden;
}

body input
{
	font-family: 'MyFontTahoma', Tahoma;
	font-size: 1em;
	width:90%;
}

.inline
{
	display:inline-block;	
}

.login-main-content
{
	padding-top:8vh;
	height:100vh;
	background-image: url(../img/login-fondo.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.login-div-white-container
{
	background-color:white;
	border-radius:20px;
	padding:20px;
	padding-top:30px;
	padding-bottom:30px;
	width:25%;
	min-width:300px;
	margin: auto;
}

.login-div-container
{
	background-color:white;
	width:95%;
	margin: auto;
	border: 2px solid #e9212d;
	border-radius:20px;
}

.login-cabecera
{
	/*
	#background-color:blue;
	#background-image: linear-gradient(to right, #294235, #4c844a);
	*/
	border-top-left-radius:18px;
	border-top-right-radius:18px;
	width:100%;
	margin:auto;
	text-align:center;
	padding-top:10px;
}

.login-fila
{
	/*
	#background-color:blue;
	*/
	width:90%;
	margin:auto;
	font-size:0.5em;
	text-align:center;
	padding-top:20px;
}

.login-logo
{
	/*
	#background-color:red;
	*/
	width:100%;
	cursor:pointer;
}

.texto-gris
{
	color:#878787;
	text-align:center;
}

.texto-ds-gris
{
	color:#878787;
	text-align:center;
	font-size:0.4em;
	line-height: 1.6;
}

.boton-verde
{
	background-color:#224298;
	color:white;
	border-radius:5px;
	text-align:center;
	font-size: 0.5em;
	padding:5px;
	width:70%;
	cursor:pointer;
	transition:0.3s;
}

.boton-verde:hover
{
	background-color:#08205e;
	color:white;
	
	box-shadow:0.7px 0px 3px #777777;
	/*font-weight: bold;*/
	transition:0.3s;
}

.label-verde
{
	color:#224298;
	text-align:center;
}

.link-gris
{
	cursor:pointer;
	font-size: .8em;
}

.separador
{
	font-size: 2vh;
}

.divCuadrosCaptcha
{
	text-align:center;
	padding:10px;
	text-align:center;
	display:none;
}

/************************* ESTILOS PARA CAPTCHA - RECUPERAR PASSWORD ***********************/	
#square {
	width: calc(3.5vh);
	height: calc(3.5vh);
	cursor:hand;
	
	border-radius:calc(0.2vh);
	background-color:white;
	border: 2px solid #c2c2c2;
	border-radius:5px;
	
	vertical-align:middle;
	display:inline-block;
	
}

#square:hover 
{
	/*background-color: #00b712;*/
	background-image: linear-gradient(315deg, #00b712 0%, #5aff15 74%);
	border: 2px solid #224298;
	
}

.ocultarCaptchaOK
{
	display:none;
	visibility: hidden;
	opacity: 0;
	/*		
	#padding:10px;
	#color:#224298;
	#text-align:center;
	#font-size:0.4em;
	*/
}

.mostrarCaptchaOK
{
	display: block;
	visibility: hidden;
			opacity: 0;
	
	padding:10px;
	color:#009947;
	text-align:center;
	font-size:0.4em;
}

.mostrarCaptchaOK-anim
{
	visibility: visible;
			opacity: 1;
			
	padding:10px;
	color:#009947;
	text-align:center;
	font-size:0.4em;
	
	transition: 1s;
	/*
	#.transition-duration(0, 200ms);
   	#.transition-property(visibility, opacity);
  	#.transition-delay(0);
  	*/
}


.numCaptcha {
	cursor:pointer;
	width:27px;
	height:27px;
}
.numCaptcha:hover {
	box-shadow:0.7px 0px 3px #777777;

}

.div-footer-legal
{
	background-color: #EEEEEE;
	vertical-align: middle;
	padding:10px;
	font-size: 12px;
	
	width: 100%;
	position:fixed;
	height:1.5em;
	top:calc(100% - 3em);
	z-index:10;
}

@media screen and (max-width:1200px) {
	
	body input{
		/*#background-color:#224298;*/
		font-family: 'MyFontTahoma', Tahoma;
		font-size: 4vh;
		font-weight: bold;
		width:80%;
	}
	.login-div-white-container
	{
		width:90%;
		/*#max-width:400px;*/
		
		margin: auto;
	}

	.boton-verde
	{
		border-radius:1vh;
		text-align:center;
		font-size: 3.5vh;
		padding:15px;
		width:80%;
	}
	
	.label-verde
	{
		font-size: 3vh;
	}
	
	.link-gris
	{
		cursor:pointer;
		font-size: 2vh;
		font-weight: bold;
	}
	
	.texto-ds-gris
	{
		color:#878787;
		text-align:center;
		font-size:3vh;
	}
	
	.input-email
	{
		width:100%;
	}
	
	.divCuadrosCaptcha
	{
		text-align:center;
		padding:10px;
		text-align:center;
		display:none;
		width:100%;
		/*#background-color:blue;*/
	}
	.numCaptcha {
		width: calc(5vh);
		height: calc(5vh);
	}
	.numCaptcha:hover {
		box-shadow:0.7px 0px 3px #777777;
	
	}
}