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

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

.wrapPopupHistorial{
    margin:0 auto 10px; 
    z-index:1; 
    width:970px;
    height: 430px;
    /*background-image:url('../../img/base.png');*/
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    text-align: left;
}

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

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

.layoutPopupHistorial{
    width:970px; 
    margin:0 auto; 
    position:relative;
}

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

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

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

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

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

.contenidoPopupHistorial{
	position: absolute;
    top: 12%;
    width: 98%;
    height: 88%;
    left: 1%;
}

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

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

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

.calendarioCitas1 {
	width: 70%;
	height: 91.5%;
	left: 30.5%;
	top: 7.7%;
	position: absolute;
}

.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: 100%;
	height: 95%;
	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;
}

.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 {
	width: 75px;
        height: 75px;
        border: 2px solid #a7c5bf ;
}

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

.datoInfoPacienteAgenda{
	font-size: 10px;
}

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

.dato_par {
	font-size: 12px;
	background: #e5e5e5;
	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 ;*/
	background: #7d7d7d;
	color: white;
}

.tituloHistorial{
	font-size: 12px;
	background: #7d7d7d ;
	color: white;
}

a.tituloHistorial{
	text-decoration: none;
}

a.dato_par{
	text-decoration: none;
}

a.dato_non{
	text-decoration: none;
}

a.dato_lista_sel{
	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, #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%;
}

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

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

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

.loaderProductos {
	z-index: 500;
	position: absolute;
	top: 55%;
	left: 50.5%;
}

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

.fechasEnlistar{
	position: absolute;
	width: 54%;
    height: 5%;
	top: 0%;
	left: 0%;
}

.busquedaPacientesDiv{
    position: absolute;
	width: 65%;
    height: 6%;
	top: 8%;
	left: 0%;
}

.listas{
    position: absolute;
	top: 18%;
	width: 30%;
    height: 82%;
	left: 0%;
	border: 1px solid #1d6b5a;
	
}

.panelPrincipal{
	position: absolute;
    top: 16.6%;
    left: 31%;
    width: 69.2%;
    height: 78.7%;
}

.profilePicImgPortrait{
	border: 1px solid #AAAAAA;
	height: 136px;
	border-radius: 11px;
	position: absolute;
	left: 7.5%;
}

.profilePicImgLandscape{
	border: 1px solid #AAAAAA;
	width: 136px;
	border-radius: 11px;
	position: absolute;
	top: 7.5%;
}

.profilePicImgSquare{
	border: 1px solid #AAAAAA;
	width: 136px;
	height: 136px;
	border-radius: 11px;
	position: absolute;
}

.btnSubirFotoDiv{
	margin: 15% 35%;
}

.subirFotoDiv{
	position: absolute;
	top: 13%;
	width: 100%;
	overflow: hidden;
}

#btnAgendarCita .ui-button-text, #btnGuardarCita .ui-button-text, #btnCancelarCita .ui-button-text{
    padding: 2px 4px 2px 4px;

}