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.png');
	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_completo.png');
	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;
}

.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;
}

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

.wrapPopupPacientes{
    margin:0 auto 10px; 
    z-index:1; 
    width:770px;
    height: 640px;
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    text-align: left;
}

.layout{
	width:770px; 
	margin:0 auto;
	position:relative;
}

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

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

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

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

.layoutPopupPacientes{
    width:770px; 
    margin:0 auto;
}

/*.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: 3;
}

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

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

.menuPopupPacientes{
    position: absolute;
    top: 0%;
    left: 1%;
    width: 99.8%;
    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;
}

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

.contenidoPopupPacientes{
    position: absolute;
    top: 10%;
    width: 99.8%;
    height: 90%;
    left: 1%;
    /*overflow: auto;*/
}


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

.busquedaPrincipal {
	width: 45%;
	height: 100%;
	left: -4%;
	position: relative;
}

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

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

.calendarioCitas2 {
	width: 35%;
	height: 98%;
	left: 29.5%;
	top: 2.25%;
	position: absolute;
	border: 1px solid;
}

.agendaCitasGrande {
	width: 100%;
	height: 420px;
	/*left: 29.5%;
	top: 2.25%;
	border: 1px solid;
	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: 96px;
	outline: none;
}

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

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

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

.divEditarPaciente{
	position: absolute;
	width: 47%;
	height: 120px;
	left: 2%;
}

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

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

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

.infoUsuarios {
	position: absolute;
	width: 58%;
	height: 88%;
	left: 37%;
}

.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;
}

.informacionPacienteTrabajoSocial {
	position: absolute;
	width: 99%;
	height: 27%;
	left: 0%;
	top: 0;
}

.informacionPacienteTrabajoSocial2 {
	position: absolute;
	width: 99%;
	height: 31.5%;
	top: 0%;
}


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

.informacionEstudio {
	position: absolute;
	width: 99%;
	height: 45%;
	top: 33%;
}

.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;
}

.historialEstudios {
	position: absolute;
	width: 99.7%;
	height: 70%;
	top: 26%;
	left: 0%;
	
	border: 1px solid #d8d8d8;
}

.imagenPaciente {
	width: 75px;
        height: 75px;
        border: 2px solid #a7c5bf ;
}

.datoInfoPaciente {
	font-size: 10px;
	color: #1d6b5a ;
}

.datoInfoPaciente2{
	font-size: 12px;
	color: #1d6b5a ;
}

.dato_par {
	font-size: 12px;
	background: #a7c5bf;
	text-decoration: none;
	color: #1d6b5a ;
}

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

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

.titulo{
	font-size: 12px;
	background: #1d6b5a ;
	color: white;
}

.tituloHistorial{
	font-size: 12px;
	background: #1d6b5a ;
	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: 10%;
	vertical-align: middle;
	
	background: #F3A5A5;
	background: -moz-linear-gradient(top, #EA6060, #F9D1D1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA6060), to(#F9D1D1));
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	position: absolute;
	top: 0.5%;
	
}

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

.tituloSeccionHistorialEstudios {
	width: 100%;
	height: 25%;
	vertical-align: middle;
	
	background: #F3A5A5;
	background: -moz-linear-gradient(top, #1D6B5A, #A2C2BB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1D6B5A), to(#A2C2BB));
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	position: absolute;
	top: 1.5%;
}

.tituloReveal {
	color: #1d6b5a 
}

.plecaReveal {
	width: 100%;
	border-color: #1d6b5a ;
}

.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%;
}

.fechaEdadPacienteTrabajoSocial {
	position: absolute;
	width: 99.7%;
	top: 10%;
	border: 1px solid #D8D8D8;
	height: 88%;
}

.fechaEdadPacienteTrabajoSocial2 {
	position: absolute;
	width: 40%;
	top: 0.5%;
	height: 88%;
	left: 4%;
}

.infoPacienteTrabajoSocial {
	position: absolute;
	width: 99.5%;
	top: 20%;
	left: 0%;
}

.totalTrabajoSocial {
	position: absolute;
	width: 30%;
	top: 59%;
	left: 49.2%;
}

.diagnosticoTrabajoSocial {
	position: absolute;
	width: 95%;
	top: 68%;
	left: 5%;
}

.usuarioPacienteTrabajoSocial {
	position: absolute;
	width: 40%;
	top: 11%;
	left: 61.4%;
}

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

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

.botonFinalizarEstudio {
	position: absolute;
	width: 38%;
	height: 13%;
	top: 90%;
	left: 60%;
}

.botonFinalizarEstudio2 {
	position: absolute;
	width: 38%;
	height: 13%;
	top: 86%;
	left: 60%;
}

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

.textAreaTrabajoSocial {
	/*background: transparent;*/
	resize: none;
	width: 69%;
	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;
}

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

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

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

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

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

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

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

.divTextAreasNuevaCita{
	width: 396px;
	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: #1d6b5a ; /* background color */
    border-color: #1d6b5a ;     /* border color */
    color: #1d6b5a ;           /* text color */
}

.hrefDisabled{
	color: grey !important;
}

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

.datoLogin{
	color: #1d6b5a ;
}

a.datoLogin{
	font-weight: bold;
}

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

.loaderAgenda{
	z-index: 105;
	position: absolute;
	top: 12%;
	left: 92%;
}

.loaderCatalogos{
	z-index: 105;
	position: absolute;
	top: 12%;
	left: 81%;
}

.loaderRecetas{
	z-index: 5;
	position: absolute;
	top: 65%;
	left: 81%;
}

.loaderFinalizarConsulta{
	z-index: 5;
	position: absolute;
	top: 45%;
	left: 45%;
}

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

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

.tablaHistorialMediciones{
	position: absolute;
	width: 40%;
	height: 90%;
}

.graficaHistorialMediciones{
	position: absolute;
	width: 52.5%;
	height: 90%;
	left: 45%;
}

.divComentariosTextArea{
	width: 285px;
	height: 100px;
}

.divComentariosTextArea2{
	width: 285px;
	height: 70px;
}

.divComentariosTextArea3{
	width: 370px;
	height: 35px;
}

.historialConsultasTrabajoSocial{
	position: absolute;
	height: 15%;
	width: 99%;
	top: 77.5%;
}

.tablaNivelesCostos{
	overflow-x: auto;
	width: 100%;
	height: 100%;
}

.infoSeleccionTarjetaCensal {
	width: 56%;
	height: 98%;
	left: 44%;
	top: 2.25%;
	position: absolute;
}

.busquedaTarjetaCensal {
	width: 100%;
	height: 100%;
	left: -4%;
	position: relative;
}

.familiasTarjetaCensal{
	width: 25%;
	height: 70%;
	top: 30%;
	left: 0%;
	position: absolute;
}

.encuestasEvaluacionAtencion{
	width: 25%;
	height: 70%;
	top: 40%;
	left: 0%;
	position: absolute;
}

.infoEncuesta{
	width: 71%;
	height: 54.5%;
	top: 42.5%;
	left: 25%;
	position: absolute;
}