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

body{
	/*
	#background-color:#009947;
	#background-color:#6e9085;
	#background-image: linear-gradient(to right, #6e9085, #90b28d);
	*/
	font-family: 'MyFontTahoma';
	font-size: 2em; 
	
	margin:0;
  	padding:0;
}

body input{
	/*
	#background-color:#009947;
	*/
	font-family: 'MyFontTahoma', Tahoma;
	font-size: 1em;
	width:90%;
}

.inline
{
	display:inline-block;	
}

.login-main-content
{
	padding-top:8vh;
	height:100%;
	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 #009947;
	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:#009947;
	color:white;
	border-radius:5px;
	text-align:center;
	font-size: 0.5em;
	padding:5px;
	width:70%;
	cursor:pointer;
	transition:0.5s;
}

.boton-verde:hover
{
	background-color:#1c9436;
	box-shadow:0.7px 0px 3px #777777;
	/*font-weight: bold;*/
	transition:0.5s;
}

.label-verde
{
	color:#009947;
	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 #009947;
	
}

.ocultarCaptchaOK
{
	display:none;
	visibility: hidden;
	opacity: 0;
	/*		
	#padding:10px;
	#color:#009947;
	#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;

}

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

}

@media screen and (max-width:1200px) {
	
	body input{
		/*#background-color:#009947;*/
		font-family: 'MyFontTahoma', Tahoma;
		font-size: 5vh;
		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;
	
	}
	
	.elemCaptcha {
		width: calc(15vw);
		height: calc(15vw);
	}
	.elemCaptcha:hover {
		box-shadow:0.7px 0px 3px #777777;
	
	}
}