html{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body{ 
	background: white;
	text-align: center;
	behavior: url("csshover3.htc");
} 

.wrapContenido{
	margin:0 auto 10px; 
	z-index:1; 
	width:843px;
	height: 597px;
	background-image:url('../../img/background/contenedor_completo.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position:absolute;
	top: 0px;
	text-align: left;
}

.wrapContenidoLogin{
	margin:0 auto 10px; 
	z-index:1; 
	width:843px;
	height: 597px;
	background-image:url('../../img/background/contenedor_completoLogin.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position:absolute;
	top: 0px;
	text-align: left;
}

.wrapPopup{
	margin:0 auto 10px; 
	z-index:1; 
	width:970px;
	height: 620px;
	/*background-image:url('../../img/SSALUD_pantalla1Bbase.png');*/
	background-size: 102%;
	background-repeat: no-repeat;
	position:absolute;
	top: 0px;
	text-align: left;
}

.wrapPopupBloqueos{
	margin:0 auto 10px; 
	z-index:1; 
	width:770px;
	height: 640px;
	/*background-image:url('../../img/SSALUD_pantalla1Bbase.png');*/
	background-size: 102%;
	background-repeat: no-repeat;
	position:absolute;
	top: 0px;
	text-align: left;
}

.wrapPopupArchivo{
	margin:0 auto 10px; 
	z-index:1; 
	width:823px;
	height: 577px;
	/*background-image:url('../../img/SSALUD_pantalla1Bbase.png');*/
	background-size: 102%;
	background-repeat: no-repeat;
	position:absolute;
	top: 0px;
	text-align: left;
}

.wrapPopupGraficas{
	margin:0 auto 10px; 
	z-index:1; 
	width:1000px;
	height: 740px;
	/*background-image:url('../../img/SSALUD_pantalla1Bbase.png');*/
	background-size: 102%;
	background-repeat: no-repeat;
	position:absolute;
	top: 0px;
	text-align: left;
}

.layout{
	width:843px; 
	margin:0 auto; 
	position:relative;
	/*position:absolute;*/
}

.layoutPopup{
	width:970px;
	margin:0 auto; 
	/*position:absolute;*/
}

.layoutPopupBloqueos{
	width:770px;
	margin:0 auto; 
	/*position:absolute;*/
}

.layoutPopupArchivo{
	width:823px; 
	margin:0 auto; 
	/*position:absolute;*/
}

.layoutPopupGraficas{
	width:1000px; 
	margin:0 auto; 
	/*position:absolute;*/
}

/*.bannerSuperior{
	border: 1px solid black;
	margin: 0 auto;
	width: 90%;
	height: 20%;
}*/

.menu{
	position: absolute;
	top: 15%;
	left: 1%;
        width: 937px;
        height: 50px;
	z-index: 9;
}

.menuPacientes{
	position: absolute;
	top: 0px;
	left: 1%;
        width: 94%;
        height: 50px;
	z-index: 3;
}

.menuBloqueos{
	position: absolute;
	top: 0%;
	left: 1%;
	width: 99.4%;
	height: 50px;
	z-index: 3;
}

.menuArchivo{
	position: absolute;
	top: 0px;
	left: 1%;
        width: 92%;
        height: 50px;
	z-index: 3;
}

#principal {
	width:100%;
	margin:2px auto 0px auto;
	height:90%;
	padding:0px 20px 0px 20px;
}

#menu li .drop {
	background:url("../../img/menu/drop.gif") no-repeat right 8px;
}

.contenido{
        position: absolute;
	top: 23%;
        width: 98%;
        height: 69%;
        left: 1%;
	/*overflow: auto;*/
}

.contenidoPacientes{
	position: absolute;
	top: 50px;
        width: 100%;
        height: 100%;
        left: 1%;
	overflow: hidden;
}

.contenidoArchivo{
	position: absolute;
	top: 50px;
        width: 95%;
        height: 87%;
        left: 1%;
	overflow: auto;
}

.contenidoGraficas{
	position: absolute;
	top: 10px;
        width: 98%;
        height: 98%;
        left: 1%;
	overflow: auto;
}

.login{
	width: 40%;
	position: absolute;
	top: 40%;
	left: 30%;
}

.busquedaPrincipal {
	width: 31%;
	height: 100%;
	left: -1%;
	position: absolute;
	z-index: 2;
	top: 1.2%
}

.busquedaPrincipalAgenda{
	width: 86%;
	height: 92%;
	left: 7%;
	position: absolute;
	z-index: 102;
	top: 5.2%;
}

/*.calendarioCitas {
	width: 61%;
	height: 98.2%;
	left: 525px;
	top: 5px;
	position: absolute;
}*/

.calendarioCitas1 {
	width: 44%;
	height: 96.5%;
	left: 27.5%;
	top: 7.7%;
	position: absolute;
}

.calendarioCitas2 {
	width: 35%;
	height: 81.8%;
	left: 67.5%;
	top: 13.6%;
	position: absolute;
}

.busqueda {
	width: 100%;
	height: 15.5%;
	text-align: center;
}

.calendarioChico {
	width: 80%;
	height: 40%;
	margin: 0 auto;
}

.agendaChica {
	padding-top: 20px;
	width: 90%;
	height: 95%;
	margin: 1px auto;
	overflow: auto;
}

.selMedicosPacientes {
	width: 100%;
	height: 100px;
	outline: none;
}

.selMedicosPacientesAgenda{
	width: 100%;
	height: 115px;
	outline: none;
}

.selPacientesArchivados {
	border-right: none;
	border-left: none;
	outline: none;
}

.divPacientesArchivados {
	position: absolute;
	left: 44px;
}

.divPacienteNuevo {
	position: absolute;
	width: 44%;
	height: 120px;
}

.graficasCrecimientoDiv {
	width: 98%;
	height: 550px;
}

.antecedentesPacienteNuevo {
	position: absolute;
	width: 91%;
	height: 130px;
	top: 460px;
	text-align: center;
}

.listaUsuarios {
	position: absolute;
	width: 30%;
	height: 88%;
	top: 15%;
}

.infoUsuarios {
	position: absolute;
	width: 75%;
	height: 73%;
	left: 20%;
	top: 24%;
}

.imagenesPaciente {
	position: absolute;
	width: 28%;
	height: 25%;
	top: 0%;
	left: 0%;
}

.informacionPaciente {
	position: absolute;
	width: 69.7%;
	height: 21.5%;
	left: 28.5%;
	top: 0;
}

.informacionConsulta {
	position: absolute;
	width: 98%;
	height: 53%;
	top: 24%;
	left: 0%;
	border: 1px solid #d8d8d8;
	border-radius: 10px;
}

.historialConsultas {
	position: absolute;
	width: 98%;
	height: 15.5%;
	top: 83%;
	left: 0%;
	
	border: 1px solid #d8d8d8;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.imagenPaciente, .documentoPaciente {
	width: 75px;
        height: 75px;
        border: 2px solid #3a3a5e;
}

.datoInfoPacienteGrande {
	font-size: 14px;
	color: #3a3a5e;
}

.datoInfoPaciente {
	font-size: 10px;
	color: #3a3a5e;
}

.datoInfoPaciente2{
	font-size: 12px;
	color: #3a3a5e;
}

.dato_par {
	font-size: 12px;
	background: #dfdfeb;
	text-decoration: none;
	color: #3a3a5e;
}

.dato_non {
	font-size: 12px;
	background: white;
	text-decoration: none;
	color: #3a3a5e;
}

.dato_lista_sel {
	font-size: 12px;
	/*background: #A0CADE; color sip*/
	background: #1E90FF;
	text-decoration: none;
	color: #ffffff;
}

.dato_lista_sel_encontrado {
	font-size: 12px;
	/*background: #A0CADE; color sip*/
	background: #FF0080;
	text-decoration: none;
	color: #ffffff;
}

.tituloHistorial{
	font-size: 12px;
	background: #3a3a5e;
	color: white;
}

a.tituloHistorial{
	text-decoration: none;
}

.medidasPaciente {
	position: absolute;
	width: 40%;
	height: 34%;
	top: 22%;
	left: 1%;
	border: 1px solid #d8d8d8;
}

.tituloSeccionInfoConsultas{
	width: 100%;
	height: 9%;
	vertical-align: middle;
	
	background: #F3A5A5;
	background: -moz-linear-gradient(top, #F9D1D1, #F08E8E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9D1D1), to(#F08E8E));
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
}

.tituloSeccionHistorialConsultas {
	width: 98.1%;
	height: 5%;
	vertical-align: middle;
	
	background: #9090BA;
	background: -moz-linear-gradient(top, #CFCFE1, #57578D);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CFCFE1), to(#57578D));
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	position: absolute;
	top: 78%;
	left: 0%;
}

.tituloReveal {
	color: #3a3a5e
}

.plecaReveal {
	width: 100%;
	border-color: #3a3a5e;
}

.informacionImportantePaciente {
	position: absolute;
	width: 40.75%;
	height: 26%;
	top: 59%;
	left: 0.75%;
}

.observacionesPaciente {
	position: absolute;
	width: 58.25%;
	left: 41.65%;
	height: 25%;
	top: 11%;
}

.recetasPaciente {
	position: absolute;
	width: 57.5%;
	height: 47%;
	left: 42%;
	top: 38%;
}

.fechaEdadPaciente {
	position: absolute;
	width: 40%;
	top: 11%;
}

.atendidoPorPaciente {
	position: absolute;
	width: 80%;
	height: 13%;
	top: 86.5%;
}

.botonFinalizarConsulta {
	position: absolute;
	width: 20%;
	height: 13%;
	top: 86.5%;
	left: 80%;
}

.textAreaInfoPaciente {
	/*background: transparent;*/
	resize: none;
	text-align: left;
}

.textAreaInfoPacienteImportante {
	/*background: transparent;*/
	resize: none;
	text-align: left;
	font-weight: bold;
	color: red;
}

a.dato
{
	font-size:12px;
	font-family: Arial;
	color: #586770;
	text-decoration: none;
}

.asterErrorHidden{
	font:14px Verdana, Helvetica, Arial; 
	font-weight:bold;
	color: #FF1000;	
	visibility: hidden;
}

.asterErrorVisible{
	font:14px Verdana, Helvetica, Arial; 
	font-weight:bold;
	color: #FF1000;	
	visibility: visible;
}

.formatoTabla{
	white-space: normal;
	line-height: normal;
	font-weight: normal;
	font-size: medium;
	font-variant: normal;
	font-style: normal;
	color: -webkit-text;
	text-align: start;
}

.divBotonEditar{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5%;
	left: 91%;
}

.notasPacienteDiv{
	width: 97%;
	height: 50px;
}

.divRecetasSecundarias{
	position: absolute;
	top: 7px;
	left: 256px;
	width: 53%;
	height: 102px;
}

.divMensajeCancelacion{
	width: 100%;
	height: 195px;
}

.divDescripcion{
	width: 234px;
	height: 86px;
}

.divDescripcionVacuna{
	width: 324px;
	height: 100px;
}

.divTextAreaMensajes{
	width: 100%;
	height: 70px;
}

.divAntecedentes{
	width: 368px;
	height: 66px;
}

.divObservaciones{
	width: 184px;
	height: 66px;
}

.divComentariosHistorialVacunacion{
	width: 760px;
	height: 90px;
}

.divTextAreasConsulta{
	width: 100%;
	height: 60px;
}

.divTextAreasInfoImportanteConsulta{
	width: 100%;
	height: 60px;
}

.divTextAreasNuevaCita{
	width: 390px;
	height: 105px;
}

.divTextAreasInfoPaciente{
	width: 90%;
	height: 75px;
	position: absolute;
}

textarea{
	width:100%;
	height:100%; 
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
	overflow: auto;
	font-family: Arial;
}

.custom,
.custom div,
.custom span {
    background-color: #3a3a5e; /* background color */
    border-color: #3a3a5e;     /* border color */
    color: #3a3a5e;           /* text color */
}

.hrefDisabled{
	color: grey !important;
}

.parrafo{
	color: #3a3a5e;
	position: absolute;
	width: 60%;
	left: 20%;
	top: 30%;
}

.datoLogin{
	color: #3a3a5e;
}

a.datoLogin{
	font-weight: bold;
}

.loader {
	z-index: 105;
	position: absolute;
	top: 40%;
	left: 50%;
}

.loaderConsulta {
	z-index: 105;
	position: absolute;
	top: 40%;
	left: 50%;
}

.radioGraficas {
	position: absolute;
	z-index: 10;
	top: 6%;
	left: 65%;
}

hr.linea{
	width: 100%;
}

#btnEditarRecordatorioVacuna .ui-button-text, #btnEliminarRecordatorioVacuna .ui-button-text,
#btnAgregarRecordatorioVacuna .ui-button-text, #btnEditarMensaje .ui-button-text,
#btnEliminarMensaje .ui-button-text, #btnAgregarMensaje .ui-button-text,
#btnNuevoUsuario .ui-button-text, #btnEditarUsuario .ui-button-text,
#btnBorrarUsuario .ui-button-text, #btnCancelarEdicionUsuario .ui-button-text,
#btnGuardarCambiosUsuario .ui-button-text, #btnAgregarFoto .ui-button-text,
#btnDescargarFoto .ui-button-text, #btnBorrarFoto .ui-button-text{
    padding: 4px 4px 2px 4px;

}

.btnSubirFotoDiv{
	margin: 15% 35%;
}