﻿/* CSS LOGIN GESTIONA */

html, body{ width:100%; height:100%; margin:0; padding:0; overflow:hidden;}
body { font-family: 'Montserrat', sans-serif; font-size:12px; font-weight:normal; color: #000000; line-height: 1.3; overflow-y:hidden; overflow-x:hidden;}

/***********************************************
              ELEMENTOS COMUNES
     body, a, h1, h2, h3, h4, h5, img, div
************************************************/
* { margin: 0; padding: 0; border: none;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin: 0 0 1em 0;} 
input{border:1px solid #000;}
h1, h2, h3, h4, h5, h6, address, strong, em, b, i{ font-family: 'Montserrat', sans-serif;}
ul, ul li, ol, ol li{ margin:0px; padding:0px; list-style:none;}
:focus{outline: 0;}
a, a:link, a:visited, a:hover, a:active{ /*font: normal 1.09em "Arial"*/ color:#000; text-decoration:none; cursor:pointer;}
a:hover{}
.alt{display: none;}
img{border:none; margin:0px; padding:0px;}

/**** Capa navegador iexplorer  ***********/
.iexplorer{ position:absolute; z-index:999; top:0px; bottom:0px; left:0px; right:0px; background-color:#069;filter:alpha(opacity=60);float:left;-moz-opacity:.60;opacity:.60}
.contenedoriexplorer{ color:#FFF; position:absolute; z-index:1000; width:604px; height:400px;  top:43%; left:36%; margin-top:-200px;}
.contenedoriexplorer a{ display:block; width:105px; height:230px; float:left; margin:40px 0 0 50px; color:#FFF; text-align:center; }
.contenedoriexplorer a img, .contenedoriexplorer a span, .contenedoriexplorer a strong {display:block; float:left;} 
.contenedoriexplorer a span { width:105px; height:90px; }
 .contenedoriexplorer a strong {  width:105px; margin-bottom:5px;}
 .contenedoriexplorer a:hover{color:#FC0; }

/***********************************************************************
								LOGIN
***********************************************************************/		
.contenedordoscajascentral, .contenedordoscajascentralgrande{ float:left; position:absolute; margin:-200px 0 0 -417px; left:50%; top:43%; width:840px;}
.contenedordoscajascentralgrande{ margin-top:-300px; top:50%;}
	.cajagrisLOPD, .cajagrisLOPDgrande{ float:left; background-color:#e3e3e3; border:1px solid #b6b6b6; -moz-border-radius:4px; -webkit-border-radius:4px; color:#737373; padding:20px 10px; height:348px; width:200px; margin:6px 10px 0 0;}
	.cajagrisLOPDgrande{ height:448px;}
		.h2tituloLOPD{ float:left; color:#000; font-size:14px; font-weight:bold; margin-bottom:20px;}
		.parrafoLOPD{ float:left; font-size:12px; text-align:justify; margin-bottom:18px;}
		.esloganLOPD{ float:left; text-align:center; font-size:13px; font-weight:bold;}
	.cajacentrallogin, .cajacentrallogingrande{ width:604px; height:400px; background:url(../img/CajaCentroLogin.png) top left no-repeat; float:left;}
	.cajacentrallogingrande{ background:url(../img/CajaCentroLoginGrande.png) top left no-repeat; height:604px; }
	   
	   
	   
	   .cajanegociologin{ float:left; background:url(../img/cajaInteriorNegocioLogin.png) top left no-repeat; width:555px; height:73px; padding:7px; margin:15px 0 10px 18px; display:inline;}
		.cajalogonegocio{ float:left; width:70px; height:70px; margin:8px 10px 0 4px; background:url(../img/iconoGestionClinicasLogin.png) top left no-repeat;}
		.h2nombrenegocio, .spanclinicasasociadas, .h3nombresclinicas{ float:left; width:471px; font-size:14px; color:#FFF; margin-bottom:14px; white-space:nowrap; overflow:hidden;}
		.spanclinicasasociadas{ color:#bcbcbc; font-size:11px; margin-bottom:3px;}
		.h3nombresclinicas{ font-size:12px; margin-bottom:0px;}
	.cajadatosentradalogin, .cajadatosentradalogingrande{ float:left; background:url(../img/cajaInteriorDatosLogin.png) top left no-repeat; width:569px; height:274px ;margin:0px 0 0px 18px; display:inline;}
	.cajadatosentradalogingrande{ background:url(../img/cajaInteriorDatosLoginGrande.png) top left no-repeat; height:370px;}
		.cajadato1, .cajadato2{ float:left; width:400px; margin-bottom:2px; margin:20px 0 7px 100px; display:inline;}
		.cajadato2{ margin-top:0;}
			.tituloentradadatos{ float:left; width:115px; color:#FFF; font-size:12px; padding-top:6px;}
			.entradadatos{ float:left; padding:2px; height:22px; font-size:12px; color:#000; border:1px solid #cecece; width:215px;}
			.spanvalidador{ float:left; font-size:11px; color:#F00; margin-left:114px; display:inline; width:285px;}
		.textovalidacionclave{ float:left; width:538px; margin:0 0 0 16px; color:#F00; text-align:center; font-size:11px;}
		.cajabotonesfinal{ float:left; width:500px; margin:10px 0 6px 0; display:inline;}
			.btnhome, a.btnhome, a.btnentrar, a.btnentrarymodificar{ float:left; border:1px solid #c7c7c7; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:transparent; color:#FFF; text-shadow:#000 0 1px 0; font-size:12px; padding:6px 40px; margin:0 20px 0 233px; display:inline; cursor:pointer;}
			a.btnentrar{ margin:0;}
			a.btnentrarymodificar{ margin-left:168px; margin-top:6px;}
			
			a.botondesabilitado{float:left; border:1px solid #c7c7c7; cursor:default; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#999; color:#666; font-size:12px; padding:6px 40px; margin:0 20px 0 233px; display:inline; margin:0;}
			
			.btnhome:hover, a.btnhome:hover, a.btnentrar:hover, a.btnentrarymodificar:hover{ background-color:#bfdfed; color:#000; text-shadow:#FFF 0 1px 0;}
			.btnhome:active, a.btnhome:active, a.btnentrar:active, a.btnentrarymodificar:active{ background-color:#009ee0; color:#FFF; text-shadow:#000 0 1px 0;}
		.textoinformativo{ float:left; width:545px; color:#FFF; font-size:11px; margin:0 0 0 10px; text-align:center;}
.textoexplicativosuperior{ float:left; color:#FFF; font-size:14px; width:540px; margin:15px 0 0 15px; font-weight:bold; border-bottom:1px solid;}
.cajalogosaddentrakingenia{ background:url(../img/logoAddentraKingeniaLogin.jpg) bottom center no-repeat; width:100%; height:46px; position:absolute; bottom:0;}

.cajablancaerrores{ float:left; background-color:#FFF; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center; width:515px; margin:10px 0 0 20px; padding:5px; font-size:11px; color:#F00;}



/**************************************************** PIE ************************************************/
.cajapieprivada{ color:#000; left:0; position:absolute; right:0; bottom:0px; width:auto; background-color:#f8f8f8;}
	.cajaizqpieprivada{ float:left; width:300px; background:url(../img/seal_m.gif) 120px center no-repeat; height:54px;}
	.cajadrchapieprivada{ float:right; width:400px; height:54px; background:url(../img/logo_lateral.png) 120px center no-repeat;}



/**************************************************** FIN PIE ************************************************/

/**************************************************** CABECERA ************************************************/
.cajacabeceralogin{color:#000; left:0; position:absolute; right:0; top:0px; width:auto; height:51px; background:#f8f8f8 url(../img/LogoGestionaLogin.jpg) 10px 5px no-repeat;}
.cajacabeceraloginconfianzadental{ background:#f8f8f8 url(../img/logoGestionaConfianzadental.png) 10px 5px no-repeat;}
/**************************************************** FIN CABECERA ************************************************/


.anadiragregar{ float:left; width:838px; height:100px; margin-bottom:20px; margin-top:10px; background:url(../img/agregaranadir.jpg) top left no-repeat;}
	.anadiragregar a{ float:left; display:block; /*width:451px;*/ width:293px; height:66px; padding:30px 0 0 125px; color: #666666;    }               
	.anadiragregar a span{ font-size:1.27em; color:#000; display:block; margin-bottom:4px; }
	.anadiragregar a:hover{ color:#333;}
	.anadiragregar a:hover span{ text-decoration:underline;}



.cajascrolllogin{ bottom: 55px;
    height: auto;
    overflow-y: scroll;
    position: absolute;
    top: 40px;
    width: 100%;}

.contenedorcapacargando{ display:none; position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:9999999;}
.contenedorcapaguardando{ display:none; position:absolute; top:51px; bottom:21px; left:0px; right:0px; z-index:9999;}
.capacargando{ background-color:#fff; opacity: .7; position:relative; width:100%; height:100%; top:0px; left:0px; right:0px; bottom:0px; z-index:inherit;}
	.centradoaltocajacentrocargando, .centradoaltocajacentroguardando{ top:50%; margin-top:-72px; width:172px; height:145px; position:absolute; left:50%; margin-left:-86px; background:#fff url(../../Gestiona/img/cargando_grande.gif) 50px 16px no-repeat; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:inherit;}
	.peque{ background:url(../../Gestiona/img/cargando_grande.gif) no-repeat scroll 58px 8px #FFFFFF; height:56px; margin-top:-32px; width:160px;}
	.centradoaltocajacentroguardando{ background:url(../../Gestiona/img/cargando_grande.gif) 50px 16px no-repeat;}
		.textocargando{ float:left; width:170px; text-align:center; color:#666; font-size:14px; margin-top:96px; display:inline;}
		.textoespere{ float:left; width:172px; text-align:center; color:#888; font-size:11px; }



.contenedorcheckya{ float:left; width:450px; margin:10px 0 10px 75px; display:inline;}
    .contenedorcheckya input{ float:left; margin-top:2px;}
    .contenedorcheckya button{ color:#fff; background-color:transparent; float:left; margin-left:11px; cursor:pointer; font-weight:bold; margin-right:5px; }
    .contenedorcheckya button:hover{ text-decoration:underline;}

.lopdInfo-hover{position:absolute; right: 10px; top: 2px; width: 20px; height: 20px; border-radius: 10px; color: #2e807c; cursor: pointer;}
.lopdInfo-hover i {color: #2e807c!important}
.lopdInfo-hover-content{position: absolute; visibility: hidden; padding: 20px 35px;}
.lopdInfo-hover:hover + .lopdInfo-hover-content {transition: all .5s cubic-bezier(0, 0.32, 0.22, 1.01);top: 22px;right: -70%; width: fit-content;z-index: 99;background-color: #2e807c;border: 3px solid rgb(46, 128, 124);border-radius: 2px;box-shadow: 5px 5px 10px rgba(59, 59, 59, 0.51);padding: 10px;visibility: visible;color: #fff;font-weight: 300;letter-spacing: 0.3px;}
.lopdInfo-hover:hover + .lopdInfo-hover-content p {font-size: 13px;}

