body {
	min-width:300px;
	margin: 0px; 
	border: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#393939;
	height:100%;
	background: url(https://www.gadmin.es/descargas/fondo-panel.jpg) center center no-repeat; background-size:cover;
}


#cabecera{ position:relative; width:100%; height:75px; background:#FFF;}
	
	#cabecera img { position:relative; margin:10px 20px; max-width:250px; height:55px; }
	#cabecera span { display:block; float:right; padding:14px 20px; font-size:20px; line-height:20px; color:#666; }
	#cabecera span b { font-size:25px; }

#cuerpo{
	position:relative;
	left:0px;
	width:100%;
}
	#info{ position:fixed; left:50%; top:50%; margin:auto; width:100%; height:100%; min-width:300px; max-width:460px; max-height:340px; opacity:0.90; border:1px solid #ccc; background:#FFF url(../img/img_index.png) left bottom no-repeat; border-radius:10px; box-sizing:border-box; transform: translate(-50%,-50%); box-shadow:1px 1px 8px #888;}
	
		#info_titulo:before{ display:inline-block; position:relative; content:''; top:10px; margin-right:10px; width:25px; height:40px;  background:url(../img/candado.png) center center no-repeat;}
		#info_titulo{ 
			position:relative;
			display:inline-block;
			width:100%; 
			font-size:14px;
			line-height:40px;
			color:#333;
			font-weight:bold;
			text-align:left;
			text-transform:uppercase;
			background-repeat:no-repeat;
			padding:0 10px ;
			box-sizing:border-box;
			border-radius:10px 10px 0px 0px;
		}
		* html #info_titulo{ width:100%; }
		
		#info_contenedor{ 
			position:absolute;
			left:0px;
			width:100%;
			padding-top:10px;
			padding-bottom:10px;
			height:130px;
			color:#333;
		}
		
			#info_texto2,#info_texto3{ position:absolute; height:45px; line-height:45px; font-size:14px; color:#333; text-align:right; width:135px; }
				#info_texto2{ top:50px; }
				#info_texto3{ top:110px; }
			
			#info_caja1,#info_caja2,#info_caja3{ position:absolute; left:140px; width:270px; height:45px; line-height:45px; }
				#info_caja1{ top:50px; }
				#info_caja2{ top:110px; }
				#info_caja3{ top:165px; }
				/*#info_caja4{ position:absolute; left:0; bottom:30px; width:100%; text-align:center; color:#336699; text-decoration:none; }*/
				#info_caja4{ position:absolute; text-indent:0; left:45px; top:50px; height:20px; width:190px; text-align:left;  }
				#info_caja4 a{ color:#336699; font-size:14px; text-decoration:none; }
				body.escritorio #link_escritorio{ font-weight:600; }
				body.escritorio #link_responsive:hover{ text-decoration:underline; }
				body.responsive #link_responsive{ font-weight:600; }
				body.responsive #link_escritorio:hover{ text-decoration:underline;  }
			
			.cajaform{
				font-family: 'Open Sans', sans-serif;
				font-size:14px;
				padding:10px;
				width:100%;
				height:100%;
				box-sizing:border-box;
			}
			
			.validar{
				float:right;
				font-weight:bold;
				font-size:14px;
				text-transform:uppercase;
				border:0px;
				width:165px;
				height:50px;
				line-height:50px;
				background:#336699;
				cursor:pointer;
				color:#FFF;
			}
			.validar:hover { background:#52A9D9; }
		
		#intentos {
			position: absolute;
			top: 70px;
			right: 50px;
			padding:6px;
			width: 370px;
			min-height:16px;
			color: #B20000;
			font-size: 12px;
			line-height:14px;
			text-align: right;
			box-sizing:border-box;
		}
			#intentos b { font-size:16px;}
	#formulario{ 
		position:absolute; 
		left:50%;
		margin-left:-50px; 
		top:50px; 
		width:395px;
		background-color:#EBE8E4; 
		padding-bottom:40px; 
		height:100%;
	}		
		#f_texto1{
			font-family: 'Trebuchet MS', Thaoma;
			font-size:15px;
			color:#000;
			font-weight:bold;
			text-align:left;
			background-image:url(../img/ico_usuarios.jpg);
			background-repeat:no-repeat;
			padding:10px 0px 10px 40px;
		}
			
#pie{position:fixed; left:0; bottom:0px; text-align:left; background:#333; padding:0 20px; width:100%; height:40px; line-height:40px; color:#666; z-index:1001; box-sizing:border-box;}
* html #pie{position:absolute; }

#teamviewer {position:absolute; right:2px; top:3px; text-decoration:none; color:#999;}
#teamviewer:hover {text-decoration:underline;}	
#teamviewer span{position:absolute; right:40px; top:0px; width:220px; height:35px; line-height:35px; color:#999; text-align:right; }

/*Password eye */
::-ms-reveal { display: none; }
#info_caja2 input{ padding-right:45px;  }
.pass_eye{ display:inline-block !important; position:absolute; width:45px; height: 45px;  right:0; top:0; overflow: hidden; vertical-align: bottom;  background: url(../../jquery/css/smoothness/images/ico-eye-off.png) center center transparent no-repeat; background-size: 50%; box-sizing: border-box; cursor: pointer; opacity: 0.65; z-index: 1000; transition: all 0.2s; }		
.pass_eye:hover,.pass_eye.on{ opacity: 1; }
.pass_eye.on{ background-image: url(../../jquery/css/smoothness/images/ico-eye.png); }
/*Fin password eye*/

@media only screen and (max-width: 600px) { 
	#info{ position:fixed; left:50%; top:50%; width:90%; height:100%; max-width:none; }
	#info_texto2, #info_texto3{ width:100px; }
	#info_titulo{ font-size:12px; }
	#info_caja1,#info_caja2,#info_caja3{ left:110px; width:55% }
	.validar{float:left;width:100%}
	#cabecera{display:none;}
	#info:before{content:"";display:block; position:absolute; right:5px; top:5px; width:36%; height:50px; background: url(../img/logo.png) center center no-repeat; background-size:contain; }
}	

@media only screen and (max-width: 425px) { 
	/*#info_caja4{ text-indent:70px}*/
	#cabecera{display:none}
}	

@media only screen and (max-height: 420px) { 
	#cabecera,#pie{display: none;}
	/*#info_caja4{ text-indent:75px}*/
	#info:before{content:"";display:block; position:absolute; right:5px; top:5px; width:36%; height:50px; background: url(../img/logo.png) center center no-repeat; background-size:contain; }
} 

@media only screen and (max-height: 320px) { 
	#cabecera,#pie{display: none;}
	#info_contenedor{top:44px}
	/*#info_caja4{ text-indent:0; left:45px; top:50px; height:20px; width:190px; text-align:left; border:1px solid #000}*/

} 


/* RESET PASSWORD */
:root{
	--recovery_principal: #000000;
	--recovery_inverso: #FFFFFF;
	--recovery_contraste1: #336699;
	--recovery_contraste2: #52A9D9;
	--color_ok: #8FAC42;
	--color_ko: #D95742;
	}

#info_caja5{ position: absolute; position: absolute; top: 250px; right: 50px; }
	#info_caja5 #link_recover_pass{ color: #336699; font-size: 14px; text-decoration: none; }
	#info_caja5 #link_recover_pass:hover{ text-decoration: underline; }
	
.noshow{ opacity: 0; visibility: hidden; pointer-events: none; z-index: -10000000; }
.nodisplay{ display: none !important; }

.transicion{
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}

.recovery_poup, .recovery_poup *{ box-sizing: border-box; }
.recovery_poup{ position: fixed; top: 0; left: 0; width: 100%; height: 100%;  z-index: 9999; display: block;  }
	.recovery_container{ position: relative; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; padding: 2em; }
		.recovery_content{ position: relative; display: flex; flex-direction: column; align-items: stretch; background-color: #FFF; max-width: 100%; max-height: 100%; border-radius: 0.5em; overflow: hidden; min-width: 40em; }

			.recovery_header{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1em; width: 100%; padding: 1em; background: var(--recovery_contraste1); z-index: 10; }
				.recovery_header span{ font-size: 1.75em; font-weight: 600; color: var(--recovery_inverso); }
				.recovery_header span.close{ font-size: 1em; cursor: pointer; }
					.recovery_header span.close:before{ display: block; content: "X"; font-family: "Verdana"; font-size: 2.5em; transition: all 0.3s ease-in-out !important; font-weight: 500; transform: scaleX(1.25); }	
					.recovery_header span.close:hover:before{ color: var(--recovery_contraste2); }	

			.recovery_body{ position: relative; display: flex; flex-direction: column; gap: 1em; width: 100%; padding: 2em; z-index: 9; flex-grow: 1; }
				.recovery_body :is(span.ko, span.ok){ font-size: 1.25em; font-weight: 600; font-style: italic; }
				.recovery_body span.ko{ color: var(--color_ko); }
				.recovery_body span.ok{ color: var(--color_ok); }

				.recovery_form{ position: relative; display: grid; align-items: center; justify-content: center; gap: 0.5em; row-gap: 1em; width: 100%; overflow-x: hidden; overflow-y: auto; flex-grow: 1; grid-template-columns: repeat(2, min-content); }								
				.recovery_form.max{ grid-template-columns: repeat(2, max-content); }
					.recovery_form .texto{ grid-column: span 2; font-size: 1.25em; font-weight: 600; margin-bottom: 2em; }
					.recovery_form .etiqueta{ min-width: 6em; font-style: italic; font-weight: 600; font-size: 1.1em; }
					.recovery_form .campo{ min-width: 16em; }
						.recovery_form .campo .cajaform{ height: auto; }
					.recovery_form .boton{ /*width: auto;*/ margin: auto; text-align: center; }

				.recovery_result{ text-align: center; padding-block: 1em; flex-grow: 1; overflow-y: auto; }					

				.recovery_loader{ position: absolute; align-items: center; justify-content: center; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .9); z-index: 5; display: none; }
				.recovery_loader.visible{ display: flex; flex-direction: column; }
					.recovery_loader span.loader{ position: relative; display: inline-block; width: 4em; aspect-ratio: 1 / 1; border-radius: 50%; border-top: 0.25em solid var(--recovery_contraste1); animation: rotation 1s linear infinite; }
					@keyframes rotation {
						0% { transform: rotate(0deg); }
						100% { transform: rotate(360deg); }
						} 
					.recovery_loader span:not(.loader){ margin-top: 2em; font-weight: 500; font-size: 1.15em; }

@media all and (width <= 640px){
	.recovery_container{ padding: 1em; }
		.recovery_content{ min-width: unset; }
				.recovery_header span{ font-size: 1.5em; }
			.recovery_body{ padding: 1em; }
				.recovery_form, .recovery_form.max{ grid-template-columns: 1fr; row-gap: 0.5em; }
					.recovery_form > *{ grid-column: span 1 !important; }
					.recovery_form .campo{margin-bottom: 1em; }
	}


/* FIN RESET PASSWORD */