/*******************************************ESTILO PARA EL CUERPO DEL DOCUMENTO*****************************************************/
b.ex1:hover {color:red;}
b.ex1:active {color:red;}
b.ex1{text-decoration:none;font-weight:bold;}
*{
margin:0;
padding:0;
font:small/1.5 "tahoma",verdana;
font-size:11px;
}
.rep_cal{
border: 1px solid #ccc;
width:100%;
font-size:75%;
color:#000000;
}
.rep_cal li{
margin:0;
padding:0;
}
.rep_cal td{
border: 1px solid #ccc;
text-align:justify;
text-transform:uppercase;
}
.rep_cal th{
 border-right: 1px solid #ccc;
 padding:0.1%;
 text-align:center;
text-decoration:none;
text-transform:capitalize;
background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
color:#FFFFFF;
}
body{
	font-family:"Lucida Sans";
	color:#000;
	font-size:75%;
	list-style:none;
}
a{
cursor:pointer;
}
.combo_citas{
width:20%;
height:50%;
overflow:auto;
}
/*******************************************FIN DEL ESTILO PARA EL CUERPO DEL DOCUMENTO*********************************************/
/*****************estilo para el panel izquierdo el cual contiene toda la información del menú estilo árbol (mb=menu bar)************************************/
/*****************fin del estilo del panel izquierdo************************************/
/*****************estilo para el panel derecho el cual contiene la información de todas las búsquedas y registros del formulario de mantenimiento************************************/
/*****************fin del estilo para el panel derecho************************************/
/*****************estilo para el panel derecho creado inicialmente(se encuentra desactivado no eliminar ya que nos servirá mas adelante)************************************/
.mb_centro_derecha{	
	border:1px solid #0099FF;
	left:80%;
	position:absolute;
	color:#203360;
	width:19.6%;
	top:3%;
	height:25%;
	background:transparent url(../img/bg.jpg) repeat top left;
}
/*******************************************FIN DEL ESTILO PARA EL PIE DE PAGINA DEL SISTEMA*********************************************/
/*******************************************FIN DE LOS ESTILOS PRINCIPALES DE LOS FORMULARIO REALIZADOS HASTA EL MOMENTO*********************************************/
/******************************************* ESTILOS PRINCIPALES DE LOS FORMULARIOS REALIZADOS HASTA EL MOMENTO*********************************************/
/*************************************************estilo de los formularios para mantenimiento**********************/
.formulario{	
	background:url(../img/bg.jpg) repeat top left;
	color:#203360;
	margin:0px auto 0px;
	width:90%;
	height:auto;
	padding:1%;
	border:1px solid #D7EBFF;
}
.formulario a{	
	padding:5px;
	text-transform:capitalize;
	/*background:url(../img/bg_head.jpg) repeat top left #D9ECFB;*/
/*	color:#D9ECFB;*/
	color:#1768C1;
	margin:0px auto 0px;
	width:100%;
	font-size:10px;
	position:relative;
	border:1px solid #0099FF;
}
.formulario a:hover{
background:#1768C1;
color:#FFFFFF;
}
.formulario fieldset{
	margin: 10px auto 0;
	border:1px dotted #0099FF;
	padding:6px;
	font-size:14px;
	width:auto%;
	position:relative;
}
.formulario fieldset input[type="checkbox"]{
	background:none;
	text-transform:none;
	color:#333333;
	border:0px solid #96A6C5;
	margin-top:1px;
	font-size:10px;
	float: left;
	height:15px;
	width:8%;
}
.formulario input[type="checkbox"]{
	background:none;
	text-transform:none;
	color:#333333;
	border:0px solid #96A6C5;
	margin-top:1px;
	font-size:10px;
	float: left;
	height:15px;
	width:8%;
}
.formulario legend{
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../img/bg_head.jpg) repeat top left;
	text-transform:uppercase;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	border: 0px solid #333;
	padding: 2px 6px;
}
.formulario h4{ /*************************************************estilo del título del formulario de mantenimiento****************************/
	border-bottom:1px solid #5894F8;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 15px;
	margin:10px auto 15px;
	padding: 0px;
    width:100%;
}
.formulario .mensaje_error{/**************************************estilo del mensaje de error color rojo del formulario de mantenimiento**********************/
	border:0px solid #FF0000;
	text-transform:capitalize;
	position:absolute;
	text-align:right;
	float:right;
    display:block;
	color:#FF0000;
	font-size:80%;
    font-family: sans-serif;
	margin:1% -11% 0px;
	padding: 1px;
	width:100%;
}
.formulario label{/*************************************************estilo de las etiquetas del formulario de mantenimiento**********************/
	padding:0.5%;
	font-size:80%;
	display: block;
	width: 20%;
	float: left;
	margin-bottom: 0.5%;
	text-align:left;
	color:#0099FF;
	text-transform:capitalize;
}
.formulario input, .formulario select, .formulario textarea{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:1px solid #96A6C5;
	font-size:80%;
	display: block;
	width: 22%;
	float: left;
	margin-bottom: 0.5%;
	resize: none;
}
.formulario input[type="checkbox"]{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:0px solid #96A6C5;
	font-size:100%;
	display: block;
	width: 20%;
	float: left;
	margin-bottom: 0.5%;
	resize: none;
}
.formulario input[type="text"]:focus, .formulario textarea:focus, .formulario select:focus {/*****************estilo de los formularios para los inputs para el formulario de mantenimiento en el evento focus**********************/
    background:#FFFFFF;
    border: 1px solid #999999;
    outline: none;
}
.formulario input[type="button"], .formulario input[type="submit"]{ /*****************estilo para los botones del formulario de mantenimiento**********************/
/*padding:1%;*/
	padding: 2px;
	margin: 10px 0;
border:solid 0px #000;
/*	border-bottom: 1px solid #e7e7e7;*/
/*border:solid 0px #000;
background-color:#0099FF;*/
/*background:url(../img/bg.jpg) repeat top left #D9ECFB;*/
display: block;
width:auto;
background: transparent  url(../img/blue.png) no-repeat top left;
padding-left: 11px;
float: left;
border-right:2px solid #75B4D5;
cursor:pointer;
color: #0d5f83;
font: 700 14px/20px "Arial", Helvetica, sans-serif;
/*font-family:"Lucida Sans";*/
/*color:#FFF;*/
font-size:100%;
/*cursor:pointer;
display: block;*/
margin-left: 38%;
margin-right: -37%;
}
.formulario input[type="button"]:focus, .formulario input[type="submit"]:focus{/*****************estilo para los botones del formulario de mantenimiento en el evento focus**********************/
/*	background-color:#333;*/
}
.formulario .caja_grande{/*****************clase para los inputs text del formulario de mantenimiento**********************/
width:71.7%;
height:20%;
text-transform:capitalize;
}
.formulario .combo_grande{/*****************clase para los selects del formulario de mantenimiento**********************/
width:72%;
height:auto;
text-transform:capitalize;
}
.formulario .combo_mediano{/*****************clase para los selects del formulario de mantenimiento**********************/
width:50%;
height:auto;
text-transform:capitalize;
}
.formulario .combo_pequeno{/*****************clase para los selects del formulario de mantenimiento**********************/
width:10%;
height:auto;
text-transform:capitalize;
}
.formulario .caja_fecha{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:7.2%;
}
.formulario .numero{/*****************clase para los inputs tipo numero de documento del formulario de mantenimiento**********************/
width:15.2%;
}
.formulario br{/*****************estilo para la horientazión los label y los inputs del formulario de mantenimiento muy importante para la distribución de todas las herramientas que van dentro del formulario**********************/
clear: left;
}
/*************************************************fin del estilo de los formularios para mantenimiento**********************/
/*****************estilo del formulario de búsqueda del panel derecho************************************/
.consulta
{
text-transform:uppercase;
font-size:75%;
color:#0099FF;
text-align:justify;
border-top:dotted 1px #0099FF;
padding:3.4px;
margin-top:0px;
margin-bottom:0px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
cursor:pointer;
}
.consulta .correcto{/*****************estilo del formulario de búsqueda para las operaciones realizadas con exito de inserción, actualización y eliminación************************************/
border:1px solid #009900;
background:#669933;
color:#FFFFFF;
cursor:default;
}
.consulta .error{/*****************estilo del formulario de búsqueda para las operaciones erroneas realizadas por inserción, actualización y eliminación************************************/
border:1px solid #FF0000;
background:#CC0000;
color:#FFFFFF;
cursor:default;
}
.consulta_botones/*****************estilo del formulario de búsqueda del panel derecho para los botones de cada registro************************************/
{
text-align:right;
padding:1px;
margin-top:1px;
margin-bottom:1px;
border:0px;
}
.consulta a{ /*****************estilo del formulario de búsqueda del panel derecho para los registros con la etiqueta a************************************/
color:#0099FF;
text-decoration:none;
font-family:"Lucida Sans";
text-transform:uppercase;
display: block;
}
.consulta:hover{/*****************estilo del formulario de búsqueda del panel derecho para los registros con la etiqueta a en el evento hover***********************************/
text-decoration:none;
background:#E9E9E9;
}
.buscador{	/*****************estilo del formulario de búsqueda del panel derecho para los inputs que se encontrarán fuera de los resultados de la búsqueda************************************/
	border:0px solid #D7EBFF;
	background:url(../img/bg.jpg) repeat top left #D9ECFB;
	color:#203360;
	width:auto;
	height:auto;
	padding:3%;
}
.formulario h2{/*****************estilo del formulario de búsqueda del panel derecho para el título************************************/
	border-bottom:1px solid #5894F8;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
}
.formulariohc h2{/*****************estilo del formulario de búsqueda del panel derecho para el título************************************/
	border-bottom:1px dotted #0099FF;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
}
.formulariofa h2{/*****************estilo del formulario de búsqueda del panel derecho para el título************************************/
	border-bottom:1px dotted #0099FF;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
}
.buscador h2{/*****************estilo del formulario de búsqueda del panel derecho para el título************************************/
	border-bottom:1px solid #5894F8;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
}
.buscador input{/*****************estilo del formulario de búsqueda del panel derecho para los inputs************************************/
	color:#666666;
	border:1px solid #96A6C5;
	display: block;
	text-transform:capitalize;
	font-size:80%;
	width: 98%;
	height:13px;
	padding:0px;
}
.buscador input[type="text"]:focus{/*****************estilo del formulario de búsqueda del panel derecho para los inputs en el evento focus************************************/
	border:1px solid #0099CC;
}
/*****************fin del estilo del formulario de búsqueda del panel derecho************************************/
/*****************estilo del formulario de inicio de sesión************************************/
#formulario_inicio{/*****************estilo para la capa contenedora del formulario de inicio de sesión************************************/
	border:0px dotted #0099FF;
	padding:0.8%;
	top:25%;
	left:35%;
	position:absolute;
	width:30%;
	height:auto;
	background-image:url(../img/fondo.png);
}
#formulario_inicio h2{/*****************estilo del formulario de inicio de sesión para el título************************************/
	border-bottom:1px dotted #0099FF;
	text-transform:capitalize;
	text-align:left;
	float:left;
 	color:#0099FF;
	margin-bottom:1%;
    font-family: sans-serif;
    font-size: 200%;
    width:100%;
}
#formulario_inicio img/*****************estilo del formulario de inicio de sesión para la imagen o el logo del sistema************************************/
{
padding:1%;
margin-top:1%;
margin-bottom:1%;
float:left;
width:40%;
height:50%;
}
#formulario_inicio label{/*****************estilo del formulario de inicio de sesión para la etiqueta label************************************/
	text-transform:capitalize;
	padding:1%;
	color:#0099FF;
	font-size:70%;
	display: block;
	width:20%;
	height:auto;
	font-size:90%;
	margin-bottom: 1.5%;
	text-align:left;
	float:left;
}
#formulario_inicio input[type="button"], #formulario_inicio input[type="submit"]{/*****************estilo del formulario de inicio de sesión para las etiquetas tipo button y submit************************************/ 
padding:1%;
border:solid 0px #000;
background-color:#0099FF;
font-family:"Lucida Sans";
color:#FFF;
font-size:100%;
width: 40%;
cursor:pointer;
display: block;
margin-left: 30%;
}
#formulario_inicio input[type="text"], #formulario_inicio input[type="password"]{/*****************estilo del formulario de inicio de sesión para las etiquetas tipo texto y contraseña************************************/
	text-transform:none;
	padding:0.5%;
	color:#333333;
	border:1px solid #96A6C5;
	margin-top:0.5%;
	font-size:12px;
	display: block;
	float: right;
	margin-bottom: 1.5%;
	width: 65%;
	height:auto;
}
#formulario_inicio br{/*****************estilo del formulario de inicio de sesión para la distribución de las etiquetas del formulario************************************/
clear: left;
} 
#formulario_inicio p{/*****************estilo del formulario de inicio de sesión para el comando p indicando las propiedades que debe realizar************************************/
text-align:right;
padding:5%;
margin-top:1%;
margin-bottom:1%;
border:0px;
}
/*****************fin del estilo del formulario de inicio de sesión************************************/
/*****************estilo del formulario de bienvenida del sistema************************************/
.formulario_login label{/*****************estilo del formulario de bienvenida del sistema para las etiquetas label************************************/
	text-transform:capitalize;
	font-size:100%;
	color:#0099FF;
	margin-top:10px;
	margin:10px 0.5% 0%;
	display: block;
	width: 7%;
	float: left;
}
.formulario_login input[type="text"]{/*****************estilo del formulario de bienvenida del sistema para las etiquetas tipo texto************************************/
	text-transform:none;
	color:#333333;
	border:1px solid #96A6C5;
	margin-top:10px;
	font-size:12px;
	margin:10px 0.5% 0%;
	display: block;
	float: left;
	width: 15%;
	height:auto;
}
.formulario_login br{/*****************estilo del formulario de bienvenida del sistema para la distribución de las etiquetas del formulario************************************/
clear: left;
} 
/*****************fin del estilo del formulario de bienvenida del sistema************************************/
/*****************estilo para los centros médicos del sistema************************************/
.capa-inicio{	/*****************estilo para los centros medicos del sistema************************************/
	width:10%;
	top:0%;
	height:auto;
	display:block;
	float:left;
	margin-left: 0%;
	padding:0.5%;
	font-size:80%;
	color:#0099FF;
	text-transform:capitalize;
	text-align:center;
	margin:1% 0.5% 0%;
	border:1px solid #96A6C5;
}
.capa-inicio a{/*****************estilo para los centros médicos del sistema con la etiqueta a************************************/
	padding:1%;
	width:auto;
}
.capa-inicio img{
	width:70%;
	height:70%;
}
/*****************fin del estilo para los centros médicos del sistema************************************/
/*****************estilo para los módulos del sistema************************************/
.capa-modulos{	/*****************estilo para cada módulo del sistema************************************/
	width:10%;
	height:auto;
	margin-top:10px;
	display:block;
	float:left;
	margin-left: 1%;
	padding:0.5%;
	font-size:80%;
	color:#0099FF;
	text-transform:capitalize;
	text-align:center;
	border:1px solid #96A6C5;
}
.capa-modulos a{/*****************estilo para cada módulo del sistema con la etiqueta a************************************/
	padding:1%;
	font-size:80%;
	width:auto;
}
.capa-modulos img{
	width:70%;
	height:70%;
}
/***************** fin del estilo para los módulos del sistema************************************/
/*****************estilo para el contenedor de cada documento del sistema el cual es la base de toda la información del sistema************************************/
.contenedor{
	margin-top:2%;
	position:absolute;
	color:#203360;
	width:64%;
	top:2%;
	left:18%;
	height:95%;
	border:0px;
/*overflow:scroll;*/
}
.contenedor2{
	margin-top:2%;
	position:absolute;
	color:#203360;
	width:80%;
	top:2%;
	left:20%;
	height:95%;
	border:0px;
	overflow:auto;
}
.contenedorfull{
	margin-top:2%;
	position:absolute;
	color:#203360;
	width:96%;
	top:2%;
	left:2%;
	height:95%;
	border:0px;
	overflow:auto;
}
.mb_centro_derecha_largo{
	margin-top:2%;
	position:fixed;
	color:#203360;
	width:19.8%;
	top:2%;
	left:80%;
	height:95%;
	border:1px solid #D7EBFF;
	background:transparent url(../img/bg.jpg) repeat top left;
	overflow:auto;	
}
.mb_centro_izquierda{
	margin-top:2%;
	position:fixed;
	color:#203360;
	width:20%;
	top:2%;
	left:0%;
	height:95%;
	border:0px;
	overflow:auto;	
	background:transparent url(../img/bg.jpg) repeat top left;
	border:1px solid #D7EBFF;
	z-index:0;
}
.mb_centro_izquierda input{/*****************estilo del formulario de búsqueda del panel derecho para los inputs************************************/
	color:#666666;
	border:1px solid #96A6C5;
	display: block;
	text-transform:capitalize;
	font-size:80%;
	width: 90%;
	height:13px;
	padding:0px;
}
/*****************fin del estilo para el contenedor************************************/
/*****************estilo para el contenedor de cada documento del sistema que se ejecuta al cambiar en el menu principal************************************/
.contenedor_max{	
	position:absolute;
	color:#203360;
	width:96%;
	top:5%;
	left:2%;
	height:auto;
}
/*****************fin del estilo para cada módulo del sistema con la etiqueta a************************************/
/*****************estilo para el panel derecho creado inicialmente (no eliminar)************************************/
.mb_centro_derecha_2{	
	border:1px solid #0099FF;
	left:80%;
	position:absolute;
	color:#203360;
	width:19.6%;
	top:28%;
	height:25%;
}
/*****************estilo para el panel derecho creado inicialmente (no eliminar, al igual que los otros con el mismo nombre tiene diferente orientación)************************************/
.mb_centro_derecha_3{	
	border:1px solid #0099FF;
	left:80%;
	position:absolute;
	color:#203360;
	width:19.6%;
	top:53%;
	height:45%;
}
/*****************estilo para el panel que emerge del nombre del usuario en el evento onclick************************************/
#calendario_head{
margin-top:0px;
position:absolute;
background-color:#FFFFFF;
left:55%;
height:auto;
border:1px solid #CCCCCC;
z-index:150;
}
.calendario{
margin-top:0px;
position:absolute;
background-color:#FFFFFF;
left:55%;
height:auto;
border:1px solid #CCCCCC;
z-index:151;
}
/*
#divConfig{
margin-top:25px;
position:absolute;
background-color:#FFFFFF;
left:81%;
width:18%;
height:auto;
border:1px solid #CCCCCC;
z-index:150;
}*/
#divConfig ul{/*****************estilo para la distribución de la etiqueta ul************************************/
float:left;
padding:0px;
margin:0px 6.8% auto;
width:84%;
}
#divConfig ul li{/*****************estilo para el listado que se encuentra dentro************************************/
width:100%;
margin-top:-0.5%;
font-size:70%;
text-transform:uppercase;
color:#333333;
list-style:none;
padding:3px;
margin-top:2%;
margin-bottom:2%;
}
#divConfig ul li:hover	{
/*background-color:#2B9CC8;*/
padding:3px;
color:#FFFFFF;
}
/*****************fin del estilo para el panel que emerge del nombre del usuario en el evento onclick************************************/
/*****************estilo de la capa contenedora del formulario de cambio de contraseña************************************/
#divIngreso_password{
margin:10px auto 0px;
padding:5px;
position:absolute;
background-color:#FFFFFF;
top:1000%;
left:36%;
width:30%;
height:auto;
z-index:9999;
}
/*.password{*/	/*****************estilo para el formulario dentro de la capa************************************/
/*position:absolute;
height:auto;
border:0px solid #0099FF;
background:#FFFFFF;
padding:5px;
color:#203360;
margin:5px 0px 0px;
width:30%;
height:auto;
z-index:150;*/
/*}*/
/*.password label{*//*****************estilo de las etiquetas label ************************************/
/*padding:0.5%;
font-size:80%;
display: block;
width: 30%;
float: left;
margin-bottom: 0.5%;
text-align:left;
color:#0099FF;
text-transform:capitalize;
padding-right: 10px;*/
/*}*/
/*.password #correcto{*//*****************estilo para el mensaje de operación correcta (check)************************************/
/*font-size:9px;
background:#669933;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin:5px auto 5px;
text-align:center;
padding: 0px;
border:1px solid #669933;
width:100%;
cursor:default;*/
/*}*/
/*.password .error{*//*****************estilo para el mensaje de operación incorrecta (equis)************************************/
/*font-size:14px;
float:right;
font-weight:bold;
color:#CC0000;
width:3%;
cursor:default;
}*/
/*.password #error_clave{*//*****************estilo para el mensaje de las contraseñas no coinciden************************************/
/*border:1px solid #FF0000;
text-align:center;
font-size:9px;
background:#CC0000;
color:#FFFFFF;
cursor:default;
text-transform:uppercase;
font-family: sans-serif;
margin:2px auto 10px;
padding: 0px;
width:100%;
font-weight:bold;
}*/
/*.password input{*//*****************estilo para los inputs************************************/
/*padding:0%;
color:#666666;
border:1px solid #96A6C5;
font-size:80%;
display: block;
width: 60%;
float: left;
margin-bottom: 0.5%;
resize: none;
}*/
/*.password input[type="password"]{*//*****************estilo para el input tipo contraseña************************************/
/*padding:0%;
color:#666666;
border:1px solid #96A6C5;
font-size:80%;
display: block;
width: 60%;
float: left;
margin-bottom: 0.5%;
resize: none;
}*/
/*.password input[type="password"]:focus{*//*****************estilo para el input tipo contraseña en el evento focus************************************/
/*background:#FFFFFF;
border: 1px solid #999999;
outline: none;
}*/
/*.password input[type="button"], .password input[type="submit"]{*/ /*****************estilo para los botones************************************/
/*padding:1%;
border:solid 0px #000;
background-color:#0099FF;
font-family:"Lucida Sans";
color:#FFF;
font-size:100%;
cursor:pointer;
display: block;
margin-left: 10%;
width:20%;
margin-right: -26%;
}*/
/*.password br{*//*****************estilo para la orientación de los objetos************************************/
/*clear:left;
}*/
/*#divIngreso{ 
margin-top:20%;
margin-left:33%;
margin-right:25%;
margin-bottom:20%;
}*/
#divBloqueador{
position:fixed;
width:100%;
height:100%;
background:#000000;
opacity:0.6;
filter: alpha(opacity=60);
display:none;
z-index:9;
top:0;
left:0;
}
.oculto{
display:none;
}
#panel_b_modulo{
background:#FFFFFF;
padding:2px;
color:#203360;
width:100%;
position:absolute;
font-size:100%;
height:8%;
list-style:none;
}
.ventana_pequena{
background:#FFFFFF;
padding:5px;
color:#203360;
width:30%;
position:absolute;
font-size:75%;
margin-top:-6%;
margin-left:29%;
height:8%;
border:3px solid #0099FF;
list-style:none;
overflow:auto;
}
.ventana_pequena b{
	text-transform:capitalize;
	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
	color:#FFFFFF;
	border:1px dotted #0099FF;
}
.ventana_pequena li{
float:left;
width:80%;
font-size:75%;
}
.ventana_pequena input[type="checkbox"]{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	width: auto;
	float: left;
	margin-bottom: 0%;
	resize: none;
	font-size:75%;
}
.cerrar{
position:fixed;
margin-right:auto;
float:right;
cursor:pointer;
}
.mostrar{
float:right;
margin:0;
cursor:pointer;
}
#panel_configuracion{	/*****************estilo para el formulario dentro de la capa************************************/
background:#FFFFFF;
padding:5px;
color:#203360;
margin:5px 0px 0px;
width:30%;
height:auto;
position:absolute;
margin-top:10%;
margin-left:33%;
margin-right:25%;
margin-bottom:20%;
height:auto;
border:0px solid #0099FF;
z-index:150;
}
/*****************estilo para el formulario dentro de la capa************************************/
#divIngreso{	
background:#FFFFFF;
padding:5px;
color:#203360;
margin:5px 0px 0px;
width:90%;
height:auto;
position:absolute;
margin-top:-3%;
margin-left:4%;
margin-right:2%;
margin-bottom:1%;
height:auto;
border:0px solid #0099FF;
z-index:100;
}
#panel_configuracion h2{ /*************************************************estilo del título del formulario de mantenimiento****************************/
border-bottom:1px dotted #0099FF;
text-transform:capitalize;
color:#0099FF;
display: block;
font-family: sans-serif;
font-size: 20px;
margin:10px auto 5px;
padding: 0px;
width:100%;
}
#panel_configuracion label{/*****************estilo de las etiquetas label ************************************/
padding:0.5%;
font-size:80%;
display: block;
width: 30%;
float: left;
margin-bottom: 0.5%;
text-align:left;
color:#0099FF;
text-transform:capitalize;
padding-right: 10px;
}
#panel_configuracion input{/*****************estilo para los inputs************************************/
padding:0%;
color:#666666;
border:1px solid #96A6C5;
font-size:80%;
display: block;
width: 60%;
float: left;
margin-bottom: 0.5%;
resize: none;
}
#panel_configuracion input[type="password"], #panel_configuracion input[type="text"]{/*****************estilo para el input tipo contraseña************************************/
padding:0%;
color:#666666;
border:1px solid #96A6C5;
font-size:80%;
display: block;
width: 60%;
float: left;
margin-bottom: 0.5%;
resize: none;
}
#panel_configuracion input[type="password"]:focus, #panel_configuracion input[type="text"]:focus{/*****************estilo para el input tipo contraseña en el evento focus************************************/
background:#FFFFFF;
border: 1px solid #999999;
outline: none;
}
#panel_configuracion input[type="button"], #panel_configuracion input[type="submit"]{ /*****************estilo para los botones************************************/
padding:1%;
border:solid 0px #000;
background-color:#0099FF;
font-family:"Lucida Sans";
color:#FFF;
font-size:100%;
cursor:pointer;
display: block;
margin-left: 27%;
width:20%;
margin-right: -26%;
}
#panel_configuracion br{/*****************estilo para la orientación de los objetos************************************/
clear:left;
}
#divIngreso br{/*****************estilo para la orientación de los objetos************************************/
clear:left;
}
#panel_configuracion #panel_error{/*****************estilo para el mensaje de las contraseñas no coinciden************************************/
border:1px solid #FF0000;
text-align:center;
font-size:9px;
background:#CC0000;
color:#FFFFFF;
cursor:default;
text-transform:uppercase;
font-family: sans-serif;
margin:2px auto 10px;
padding: 0px;
width:100%;
font-weight:bold;
}
#divIngreso #error_clave{/*****************estilo para el mensaje de las contraseñas no coinciden************************************/
border:1px solid #FF0000;
text-align:center;
font-size:9px;
background:#CC0000;
color:#FFFFFF;
cursor:default;
text-transform:uppercase;
font-family: sans-serif;
margin:2px auto 10px;
padding: 0px;
width:100%;
font-weight:bold;
}
#panel_configuracion #panel_correcto{/*****************estilo para el mensaje de operación correcta (check)************************************/
font-size:9px;
background:#669933;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin:5px auto 5px;
text-align:center;
padding: 0px;
border:1px solid #669933;
width:100%;
cursor:default;
}
#divIngreso #correcto{/*****************estilo para el mensaje de operación correcta (check)************************************/
font-size:9px;
background:#669933;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin:5px auto 5px;
text-align:center;
padding: 0px;
border:1px solid #669933;
width:100%;
cursor:default;
}
#formulario_citas{	/*****************estilo para el formulario dentro de la capa************************************/
background:#FFFFFF;
padding:0.2%;
color:#203360;
margin:1% 0px 0px;
width:80%;
height:auto;
position:absolute;
margin-top:2%;
margin-left:10%;
margin-right:10%;
margin-bottom:2%;
height:auto;
border:0px solid #0099FF;
z-index:150;
}
#formulario_citas h2{ /*************************************************estilo del título del formulario de mantenimiento****************************/
border-bottom:1px dotted #0099FF;
text-transform:capitalize;
color:#0099FF;
display: block;
font-family: sans-serif;
font-size: 20px;
margin:10px auto 5px;
padding: 0px;
width:100%;
}
#formulario_citas input[type="button"], #formulario_citas input[type="submit"]{ /*****************estilo para los botones************************************/
padding:0.5%;
border:solid 0px #000;
background-color:#0099FF;
font-family:"Lucida Sans";
color:#FFF;
font-size:100%;
cursor:pointer;
display: block;
margin-left: 33%;
width:15%;
margin-right: -32%;
}
#formulario_citas input, #formulario_citas select{/*****************estilo para los inputs************************************/
	padding:0.2%;
	color:#666666;
	border:1px solid #96A6C5;
	font-size:80%;
	display: block;
	text-transform:uppercase;
	width: 10%;
	float: left;
	margin:0.3%;
	resize: none;
}
#formulario_citas input[type="button"], #formulario_citas input[type="submit"]{ /*****************estilo para los botones del formulario de mantenimiento**********************/
font-size:80%;
}
#formulario_citas textarea{/*****************estilo para los inputs************************************/
	padding:0.2%;
	color:#666666;
	border:1px solid #96A6C5;
	display: block;
	width: 99%;
	float: left;
	margin-bottom: 0.5%;
	resize: none;
	font-size:120%;
}
#formulario_citas br{/*****************estilo para la orientación de los objetos************************************/
clear:left;
}
#formulario_citas label{/*****************estilo de las etiquetas label ************************************/
padding:0.5%;
font-size:80%;
display: block;
width:-25%;
float:left;
margin-bottom: 0.5%;
text-align:left;
color:#0099FF;
text-transform:capitalize;
}
#formulario_citas .caja_pequena{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:8%;
}
#formulario_citas .caja_mediana{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:20%;
}
#formulario_citas hr{
border:1px solid #CCCCCC;
}
#formulario_citas fieldset {
	border:1px solid #CCCCCC;
	background:transparent url(../img/fieldset.png) repeat top left;
	padding:0.2%;
	margin:0.5%;
}
#formulario_citas legend {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
	text-transform:uppercase;
	font-size: 110%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	border: 0px solid #333;
	padding: 0.1%;
}
fieldset {
	border:1px solid #CCCCCC;
	/*background:transparent url(../images/fieldset.png) repeat top left;*/
	background:#FFFFFF;
	padding:5px;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
/*	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;*/
	text-transform:uppercase;
	font-size: 110%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	border: 0px solid #333;
	padding: 2px 6px;
}
.caja_lista {
position: absolute;
left: 30px;
margin: 0px 0px 0px 0px;
width: 50%;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;	
color: #fff;
overflow:auto;
z-index:100;
}
.caja_lista li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
list-style:none;
}
.caja_lista_cita li:hover {
background-color: #659CD8;
}
.caja_lista_cita {
position: absolute;
margin: 0px 0px 0px 0px;
width: 96%;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;	
color: #fff;
overflow:auto;
z-index: 100;
}
.caja_lista_cita li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
list-style:none;
}
.caja_lista li:hover {
background-color: #659CD8;
}
#tratamiento_atm{
margin:25px auto 25px;
text-transform:uppercase;
color:#0099FF;
text-align:center;
border-top:dotted 1px #0099FF;
margin-top:10px;
margin-bottom:0px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
#tratamiento_atm label{/*****************estilo de las etiquetas label ************************************/
padding:0.5%;
font-size:80%;
display: block;
width:auto;
float: left;
margin-bottom: 0.5%;
text-align:left;
color:#0099FF;
text-transform:capitalize;
padding-right: 10px;
}
#tratamiento_atm input[type="checkbox"]{
	padding:0%;
	color:#666666;
	border:0px solid #96A6C5;
	font-size:100%;
	display: block;
	width: auto;
	float: left;
}
.mensaje_error{/**************************************estilo del mensaje de error color rojo del formulario de mantenimiento**********************/
	border:0px solid #FF0000;
	text-transform:capitalize;
	position:absolute;
	text-align:right;
	float:right;
    display:block;
	color:#FF0000;
	font-size:80%;
    font-family: sans-serif;
	margin:1% -11% 0px;
	padding: 1px;
	width:100%;
}
.mensaje_valido{/**************************************estilo del mensaje de error color rojo del formulario de mantenimiento**********************/
	border:0px solid #FF0000;
	text-transform:capitalize;
	position:absolute;
	text-align:right;
	float:right;
    display:block;
	color:#33CC33;
	font-size:80%;
    font-family: sans-serif;
	margin:1% -11% 0px;
	padding: 1px;
	width:100%;
}
#conex_imagen{	/*****************estilo para el formulario dentro de la capa************************************/
color:#203360;
width:80%;
height:120%;
position:absolute;
margin-top:2%;
margin-left:18%;
height:auto;
z-index:150;
}
#conex_imagen img{
border:10px solid #0099FF;
}
#divCitasDia{	/*****************estilo para el formulario dentro de la capa************************************/
background:#FFFFFF;
color:#203360;
margin:5px 0px 0px;
width:70%;
padding:1%;
height:auto;
position:absolute;
margin-top:2%;
margin-left:13%;
margin-bottom:20%;
height:auto;
border:0px solid #0099FF;
z-index:150;
}
#divCitasDia li{
list-style:none;
float:left;
}
.tabla{
width:100%;
font-size:75%;
color:#000000;
}
.tabla td{
text-align:justify;
font-size:100%;
text-transform:uppercase;
}
.tabla th{
 border-right: 1px solid #ccc;
 margin:0px;
 padding:0.3%;
 text-align:center;
text-decoration:none;
text-transform:capitalize;
background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
color:#FFFFFF;
}
.tabla h3{
color:#FFFFFF;
font-size:110%;
padding:0.5%;
}
#divCitasDia h4{ /*************************************************estilo del título del formulario de mantenimiento****************************/
	text-transform:capitalize;
 	color:#0099FF;
    font-family: sans-serif;
    font-size: 12px;
	margin-top:1%;
	padding: 1%;
	text-transform:capitalize;
}
#divCitasDia br{
clear:left;
}
#divCitasDia h2{ /*************************************************estilo del título del formulario de mantenimiento****************************/
border-bottom:1px dotted #0099FF;
text-transform:capitalize;
color:#0099FF;
display: block;
font-family: sans-serif;
font-size: 20px;
margin:10px auto 5px;
padding: 0px;
width:100%;
}
#divCitasDia label{/*****************estilo de las etiquetas label ************************************/
padding:0.5%;
font-size:80%;
display: block;
width: 30%;
float: left;
margin-bottom: 0.5%;
text-align:left;
color:#0099FF;
text-transform:capitalize;
padding-right: 10px;
}
.error{/*****************estilo del formulario de búsqueda para las operaciones erroneas realizadas por inserción, actualización y eliminación************************************/
color:#FF0000;
}
.tabla_reporte {
width: 100%;
color:#0099FF;
text-align:justify;
font-family:arial,verdana,times;
font-size:80%;
 }
.tabla_reporte .titulo {
 padding: 0.8%;
 background-color: #ddd;
 font-family:arial,verdana,times;
 float:left;
 width:23%;
 border-right: 1px solid #ccc;
 margin:0px;
 text-align:center;
text-decoration:none;
text-transform:capitalize;
background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
color:#FFFFFF;
font-size:100%;
 }
.tabla_reporte .columna {
 padding: 0.8%;
-family:arial,verdana,times;
 float:left;
 width:23%;
 border-left: 1px solid #ccc;
 margin:0px;
 text-align:justify;
text-decoration:none;
text-transform:capitalize;
font-size:100%;
}
.tabla_cita {
width: 110%;
color:#0099FF;
text-align:justify;
font-family:arial,verdana,times;
font-size:80%;
 }
.tabla_cita .titulo {
 padding: 0.8%;
 background-color: #ddd;
 font-family:arial,verdana,times;
 float:left;
 width:22%;
 border-right: 1px solid #ccc;
 margin:0px;
 text-align:center;
text-decoration:none;
text-transform:capitalize;
background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
color:#FFFFFF;
font-size:100%;
 }
.letra_pequena{
text-transform:capitalize;
font-size:80%;
color:#0099FF;
}
.tabla_cita .columna {
 padding: 0.8%;
-family:arial,verdana,times;
 float:left;
 width:22%;
 border-left: 1px solid #ccc;
 margin:0px;
 text-align:justify;
text-decoration:none;
text-transform:capitalize;
font-size:100%;
}
.tabla_caja{
width: 110%;
color:#0099FF;
text-align:justify;
font-family:arial,verdana,times;
font-size:80%;
 }
.tabla_caja .titulo {
 padding: 2px;
 background-color: #ddd;
 font-family:arial,verdana,times;
 float:left;
 width:22%;
 border-right: 1px solid #ccc;
 margin:0px;
 text-align:center;
text-decoration:none;
text-transform:capitalize;
background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
color:#FFFFFF;
font-size:100%;
 }
.tabla_caja .columna {
 padding: 2px;
 text-align:justify;
 text-transform:uppercase;
 float:left;
 width:22%;
 font-size:100%;
}
#nuevo_paciente{
background:#FFFFFF;
padding:5px;
color:#203360;
width:55%;
height:auto;
position:absolute;
top:10%;
margin-left:22.5%;
border:3px solid #0099FF;
}
/*******CALENDARIO*******/
#seleccionar_mes {
	background: #FFF url('../img/cargador.gif') no-repeat 50% 100px;
	margin: 0 auto;
	width: 100%;
}
.cal {
	background: url('../img/bg_head.jpg');
	width: 100%;
	height:auto;
}
.cal input[type="checkbox"]{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:0px solid #96A6C5;
	font-size:100%;
	display: block;
	width: auto;
	float: left;
}
#resultado_ver_citas_head{	/*****************estilo para el formulario dentro de la capa************************************/
background-color:#FFFFFF;
color:#203360;
width:60%;
height:auto%;
position:absolute;
margin-top:2%;
margin-left:18%;
z-index:150;
}
.caja_grande{/*****************clase para los inputs text del formulario de mantenimiento**********************/
width:71.7%;
height:20%;
text-transform:capitalize;
}
#citas_reservadas{	/*****************estilo para el formulario dentro de la capa************************************/
background-color:#FFFFFF;
color:#203360;
width:65%;
padding:0.2%;
height:auto%;
position:absolute;
margin-top:2%;
margin-left:18%;
z-index:150;
}
#ventana_medico{
background:#FFFFFF;
color:#999999;
width:40%;
position:fixed;
font-size:75%;
top:-0.1%;
margin-left:19%;
height:9%;
border:1px solid #0099FF;
list-style:none;
overflow:auto;
text-transform:capitalize;
}
#ventana_medico b{
	text-transform:capitalize;
	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
	color:#FFFFFF;
	border:1px dotted #0099FF;
	width: 30%;
	float: left;
}
#ventana_medico li{
float:left;
width:100%;
font-size:100%;
}
.cal li{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	width: 0px;
	color: #000;
	font-size:110%;
	margin-bottom:0%;
	color:#0099FF;
	list-style:none;
}
.cal_cabecera {
	width: 100%;
	font-weight: bold;
	color: #FFF;
	font-size: 20px;      
}
.cal_cabecera img {
	border: none;
}
.dias_cabecera {
	height: 25px;
	background: #EEE;
}
.dias_cabecera td {
	text-align: center;
	color: #000;
}
.dias_celda {
	background: #FFF;
	height: 60px;
}
.dias_celda td {
	width: 100px;
	color: #000;
	font-size: .7em;
}
.dia {
	float: left;
}
.dia_entrada {
	background: #EEE;
}
.dia_salida {
	background: #FFF;
}
td {
	font-family: "Trebuchet MS", Arial, Veranda, sans-serif;
	padding: 3px;
}
/******************************************* ESTILOS PRINCIPALES DE LOS FORMULARIORMS REALIZADOS HASTA EL MOMENTO*********************************************/
/*************************************************estilo de los formularioRMs para mantenimiento**********************/
.formularioRM{	
	background:url(../img/bg.jpg) repeat top left;
	color:#203360;
	margin:0px auto 0px;
	width:90%;
	height:auto;
	border:0px dotted #0099FF;
}
.formularioRM a{	
	padding:5px;
	text-transform:capitalize;
	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
	color:#FFFFFF;
	margin:0px auto 0px;
	width:100%;
	font-size:10px;
	position:relative;
	border:1px dotted #0099FF;
}
.formularioRM fieldset{
	margin: 10px auto 0;
	border:1px dotted #0099FF;
	padding:6px;
	font-size:14px;
	width:auto%;
	position:relative;
}
.formularioRM fieldset input[type="checkbox"]{
	background:none;
	text-transform:none;
	color:#333333;
	border:0px solid #96A6C5;
	margin-top:1px;
	font-size:10px;
	float: left;
	height:15px;
	}
.formularioRM input[type="checkbox"]{
	background:none;
	text-transform:none;
	color:#333333;
	border:0px solid #96A6C5;
	margin-top:1px;
	font-size:10px;
	float: left;
	height:15px;
	/*width:100%;*/
	}
.formularioRM legend{
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../img/bg_head.jpg) repeat top left;
	text-transform:uppercase;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	border: 0px solid #333;
	padding: 2px 6px;
}
.formularioRM h4{ /*************************************************estilo del título del formularioRM de mantenimiento****************************/
	border-bottom:1px dotted #0099FF;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 15px;
	margin:10px auto 15px;
	padding: 0px;
    width:100%;
}
.formularioRM .mensaje_error{/**************************************estilo del mensaje de error color rojo del formularioRM de mantenimiento**********************/
	border:0px solid #FF0000;
	text-transform:capitalize;
	position:absolute;
	text-align:right;
	float:right;
    display:block;
	color:#FF0000;
	font-size:80%;
    font-family: sans-serif;
	margin:1% -11% 0px;
	padding: 1px;
	width:100%;
}
.formularioRM label{/*************************************************estilo de las etiquetas del formularioRM de mantenimiento**********************/
	padding:0.5%;
	font-size:80%;
	display: block;
	width: 20%;
	float: left;
	margin-bottom: 0.5%;
	text-align:left;
	color:#0099FF;
	text-transform:capitalize;
}
.formularioRM input, .formularioRM select, .formularioRM textarea{/*****************estilo para los inputs del formularioRM de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:1px solid #96A6C5;
	font-size:80%;
	display: block;
	width: 22%;
	float: left;
	margin-bottom: 0.5%;
	resize: none;
}
.formularioRM input[type="checkbox"]{/*****************estilo para los inputs del formularioRM de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:0px solid #96A6C5;
	font-size:100%;
	display: block;
	/*width: 20%;*/
	float: left;
	margin-bottom: 0.5%;
	resize: none;
	/*width:100%;*/
}
.formularioRM input[type="text"]:focus, .formularioRM textarea:focus, .formularioRM select:focus {/*****************estilo de los formularioRMs para los inputs para el formularioRM de mantenimiento en el evento focus**********************/
    background:#FFFFFF;
    border: 1px solid #999999;
    outline: none;
}
.formularioRM input[type="button"], .formularioRM input[type="submit"]{ /*****************estilo para los botones del formularioRM de mantenimiento**********************/
padding:1%;
border:solid 0px #000;
background-color:#0099FF;
font-family:"Lucida Sans";
color:#FFF;
font-size:100%;
cursor:pointer;
display: block;
margin-left: 27%;
margin-right: -26%;
}
.formularioRM input[type="button"]:focus, .formularioRM input[type="submit"]:focus{/*****************estilo para los botones del formularioRM de mantenimiento en el evento focus**********************/
	background-color:#333;
}
.formularioRM .caja_grandeRM{/*****************clase para los inputs text del formularioRM de mantenimiento**********************/
width:71.7%;
height:20%;
text-transform:capitalize;
}
.formularioRM .combo_grandeRM{/*****************clase para los selects del formularioRM de mantenimiento**********************/
width:72%;
height:auto;
text-transform:capitalize;
}
.formularioRM .combo_medianoRM{/*****************clase para los selects del formularioRM de mantenimiento**********************/
width:50%;
height:auto;
text-transform:capitalize;
}
.formularioRM .combo_pequenoRM{/*****************clase para los selects del formularioRM de mantenimiento**********************/
width:10%;
height:auto;
text-transform:capitalize;
}
.formularioRM .caja_fechaRM{/*****************clase para los inputs tipo fecha del formularioRM de mantenimiento**********************/
width:7.2%;
}
.formularioRM br{/*****************estilo para la horientazión los label y los inputs del formularioRM de mantenimiento muy importante para la distribución de todas las herramientas que van dentro del formularioRM**********************/
clear: left;
}
/*************************************************fin del estilo de los formularioRMs para mantenimiento**********************/
.formularioRM h2{/*****************estilo del formulario de búsqueda del panel derecho para el título************************************/
	border-bottom:1px dotted #0099FF;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
}
.lista_a{	/*****************estilo de la lista de atenciones************************************/
	border:0px solid #eeeeee;
	padding:0px;
	background:url(../img/bg.jpg) repeat top left #D9ECFB;
	color:#203360;
	width:100%;
	height:auto;
}
.lista_a h2{/*****************estilo del formulario de búsqueda del panel derecho para el título************************************/
	border-bottom:1px dotted #0099FF;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
	margin:0px auto 0px;
	padding: 0px;
    width: auto;
}
.lista_a li{
	line-height:24px;
}
.lista_a ul a{
background:#FFFFFF;
color:#0099FF;
padding:5px;
}
.lista_a ul a:hover{
text-decoration:none;
background:#E9E9E9;
}
.lista_a a{
	padding:5px;
	margin:0px;
	text-decoration:none;
	color:#FFFFFF
	font-size:10px;
	border:1px dotted #0099FF;
}
/**************************
/**************************
/**************************
/**************************Estilo formulario historia Clinica*******************/
.formulariohc{	
	background:url(../img/bg.jpg) repeat top left;
	color:#203360;
	margin:0px auto 0px;
	width:90%;
	height:auto;
	border:0px dotted #0099FF;
}
.formulariohc a{	
	padding:5px;
	text-transform:capitalize;
	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
	color:#FFFFFF;
	margin:0px auto 0px;
	width:100%;
	font-size:10px;
	position:relative;
	border:1px dotted #0099FF;
}
.formulariohc fieldset{
	margin: 10px auto 0;
	border:1px dotted #0099FF;
	padding:6px;
	font-size:14px;
	width:auto%;
	position:relative;
}
.formulariohc fieldset input[type="checkbox"]{
	background:none;
	text-transform:none;
	color:#333333;
	border:0px solid #96A6C5;
	margin-top:1px;
	font-size:10px;
	float: left;
	height:15px;
	width:8%;
}
.formulariohc input[type="checkbox"]{
	background:none;
	text-transform:none;
	color:#333333;
	border:0px solid #96A6C5;
	margin-top:1px;
	font-size:10px;
	float: left;
	height:15px;
	width:8%;
}
.formulariohc legend{
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../img/bg_head.jpg) repeat top left;
	text-transform:uppercase;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	border: 0px solid #333;
	padding: 2px 6px;
}
.formulariohc h4{ /*************************************************estilo del título del formulario de mantenimiento****************************/
	border-bottom:1px dotted #0099FF;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 15px;
	margin:10px auto 15px;
	padding: 0px;
    width:100%;
}
.formulariohc .mensaje_error{/**************************************estilo del mensaje de error color rojo del formulario de mantenimiento**********************/
	border:0px solid #FF0000;
	text-transform:capitalize;
	position:absolute;
	text-align:right;
	float:right;
    display:block;
	color:#FF0000;
	font-size:80%;
    font-family: sans-serif;
	margin:1% -11% 0px;
	padding: 1px;
	width:100%;
}
.formulariohc label{/*************************************************estilo de las etiquetas del formulario de mantenimiento**********************/
	padding:0.5%;
	font-size:80%;
	display: block;
	width: 15%;
	float: left;
	margin-bottom: 0.5%;
	text-align:left;
	color:#0099FF;
	text-transform:capitalize;
}
.formulariohc input, .formulariohc select, .formulariohc textarea{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:1px solid #96A6C5;
	font-size:80%;
	display: block;
	width: 22%;
	float: left;
	margin-bottom: 0.5%;
	resize: none;
}
.formulariohc input[type="checkbox"]{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:0px solid #96A6C5;
	font-size:100%;
	display: block;
	width: 20%;
	float: left;
	margin-bottom: 0.5%;
	resize: none;
}
.formulariohc input[type="text"]:focus, .formulariohc textarea:focus, .formulariohc select:focus {/*****************estilo de los formularios para los inputs para el formulario de mantenimiento en el evento focus**********************/
    background:#FFFFFF;
    border: 1px solid #999999;
    outline: none;
}
.formulariohc input[type="button"], .formulariohc input[type="submit"]{ /*****************estilo para los botones del formulario de mantenimiento**********************/
padding:1%;
border:solid 0px #000;
background-color:#0099FF;
font-family:"Lucida Sans";
color:#FFF;
font-size:100%;
cursor:pointer;
display: block;
margin-left: 2%;
margin-right: 1%;
}
.formulariohc input[type="button"]:focus, .formulariohc input[type="submit"]:focus{/*****************estilo para los botones del formulario de mantenimiento en el evento focus**********************/
	background-color:#333;
}
.formulariohc .caja_grande{/*****************clase para los inputs text del formulario de mantenimiento**********************/
width:71.7%;
height:20%;
text-transform:capitalize;
}
.formulariohc .combo_grande{/*****************clase para los selects del formulario de mantenimiento**********************/
width:72%;
height:auto;
text-transform:capitalize;
}
.formulariohc .combo_mediano{/*****************clase para los selects del formulario de mantenimiento**********************/
width:50%;
height:auto;
text-transform:capitalize;
}
.formulariohc .combo_pequeno{/*****************clase para los selects del formulario de mantenimiento**********************/
width:10%;
height:auto;
text-transform:capitalize;
}
.formulariohc .caja_fecha{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:7.2%;
}
.formulariohc br{/*****************estilo para la horientazión los label y los inputs del formulario de mantenimiento muy importante para la distribución de todas las herramientas que van dentro del formulario**********************/
clear: left;
}
/*************************************************fin del estilo de los formularios para mantenimiento**********************/
/****estilos de divHistoria*/
#divHistoria{	/*****************estilo para el formulario dentro de la capa************************************/
background:#FFFFFF;
color:#203360;
margin:5px 0px 0px;
width:60%;
padding:1%;
height:auto;
position:absolute;
margin-top:2%;
margin-left:20%;
margin-bottom:20%;
height:auto;
border:0px solid #0099FF;
z-index:150;
}
#divHistoria li{
list-style:none;
float:left;
}
#divHistoria h4{ /*************************************************estilo del título del formulario de mantenimiento****************************/
	text-transform:capitalize;
 	color:#0099FF;
    font-family: sans-serif;
    font-size: 12px;
	margin-top:1%;
	padding: 1%;
	text-transform:capitalize;
}
#divHistoria br{
clear:left;
}
#divHistoria h2{ /*************************************************estilo del título del formulario de mantenimiento****************************/
border-bottom:1px dotted #0099FF;
text-transform:capitalize;
color:#0099FF;
display: block;
font-family: sans-serif;
font-size: 20px;
margin:10px auto 5px;
padding: 0px;
width:100%;
}
#divHistoria label{/*****************estilo de las etiquetas label ************************************/
padding:0.5%;
font-size:100%;
display: block;
width: 15%;
float: left;
margin-bottom: 0.5%;
text-align:left;
color:#0099FF;
text-transform:capitalize;
padding-right: 10px;
}
#divHistoria .caja_pequena{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:10%;
}
#divHistoria .caja_mediana{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:20%;
}
#divHistoria .caja_larga{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:70%;
}
#divHistoria .combo_grande{/*****************clase para los selects del formulario de mantenimiento**********************/
width:70%;
height:auto;
text-transform:capitalize;
}
#divHistoria .combo_mediano{/*****************clase para los selects del formulario de mantenimiento**********************/
width:20%;
height:auto;
text-transform:capitalize;
}
#divHistoria .combo_pequeno{/*****************clase para los selects del formulario de mantenimiento**********************/
width:10%;
}
#divHistoria input{/*****************estilo de las etiquetas label ************************************/
/*padding:0.5%;*/
font-size:100%;
display: block;
width: 15%;
float: left;
margin-bottom: 0.5%;
text-align:left;
color:#0099FF;
padding-right: 10px;
}
.caja_lista_f {
position: absolute;
left: 16px;z-index: 100;
margin: 0px 0px 0px 0px;
width: 90%;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
/*border: 2px solid #000;	*/
color: #fff;
overflow:auto;
}
.caja_lista_f li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
list-style:none;
}
.caja_lista_f li:hover {
background-color: #659CD8;
}
.pendiente{/*****************estilo para el estado pendiente de las citas************************************/
/*border:1px solid #FF0000;*/
color:#F2F200;
}
.atencion{/*****************estilo para el estado en atencion de las citas************************************/
/*border:1px solid #FF0000;*/
color:#FF1515;
}
.atendido{/*****************estilo para el estado atendido de las citas************************************/
/*border:1px solid #FF0000;*/
color:#00C100;
}
/**************************Estilo formulario Farmacia Almacen*******************/
.formulariofa{	
	background:url(../img/bg.jpg) repeat top left;
	color:#203360;
	margin:0px auto 0px;
	width:97%;
	height:auto;
	border:0px dotted #0099FF;
}
.formulariofa a{	
	padding:5px;
	text-transform:capitalize;
	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
	color:#FFFFFF;
	margin:0px auto 0px;
	width:100%;
	font-size:10px;
	position:relative;
	border:1px dotted #0099FF;
}
.formulariofa fieldset{
	margin: 10px auto 0;
	border:1px dotted #0099FF;
	padding:6px;
	font-size:14px;
	width:auto%;
	position:relative;
}
.formulariofa fieldset input[type="checkbox"]{
	background:none;
	text-transform:none;
	color:#333333;
	border:0px solid #96A6C5;
	margin-top:1px;
	font-size:10px;
	float: left;
	height:15px;
	width:8%;
}
.formulariofa input[type="checkbox"]{
	background:none;
	text-transform:none;
	color:#333333;
	border:0px solid #96A6C5;
	margin-top:1px;
	font-size:10px;
	float: left;
	height:15px;
	width:8%;
}
.formulariofa legend{
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../img/bg_head.jpg) repeat top left;
	text-transform:uppercase;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	border: 0px solid #333;
	padding: 2px 6px;
}
.formulariofa h4{ /*************************************************estilo del título del formulario de mantenimiento****************************/
	border-bottom:1px dotted #0099FF;
	text-transform:capitalize;
 	color:#0099FF;
    display: block;
    font-family: sans-serif;
    font-size: 15px;
	margin:10px auto 15px;
	padding: 0px;
    width:100%;
}
.formulariofa .mensaje_error{/**************************************estilo del mensaje de error color rojo del formulario de mantenimiento**********************/
	border:0px solid #FF0000;
	text-transform:capitalize;
	position:absolute;
	text-align:right;
	float:right;
    display:block;
	color:#FF0000;
	font-size:80%;
    font-family: sans-serif;
	margin:1% -11% 0px;
	padding: 1px;
	width:100%;
}
.formulariofa label{/*************************************************estilo de las etiquetas del formulario de mantenimiento**********************/
	padding:0.5%;
	font-size:80%;
	display: block;
	float: left;
	margin-bottom: 0.5%;
	text-align:left;
	color:#0099FF;
	text-transform:capitalize;
}
.formulariofa input, .formulariofa select, .formulariofa textarea{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:1px solid #96A6C5;
	font-size:80%;
	display: block;
	/*width: 22%;*/
	float: left;
	margin-bottom: 0.5%;
	resize: none;
}
.formulariofa input[type="checkbox"]{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	padding:0%;
	color:#666666;
	border:0px solid #96A6C5;
	font-size:100%;
	display: block;
	width: 20%;
	float: left;
	margin-bottom: 0.5%;
	resize: none;
}
.formulariofa input[type="text"]:focus, .formulariofa textarea:focus, .formulariofa select:focus {/*****************estilo de los formularios para los inputs para el formulario de mantenimiento en el evento focus**********************/
    background:#FFFFFF;
    border: 1px solid #999999;
    outline: none;
}
.formulariofa input[type="button"], .formulariofa input[type="submit"]{ /*****************estilo para los botones del formulario de mantenimiento**********************/
padding:1%;
border:solid 0px #000;
background-color:#0099FF;
font-family:"Lucida Sans";
color:#FFF;
font-size:100%;
cursor:pointer;
display: block;
margin-left: 2%;
margin-right: 1%;
}
.formulariofa input[type="button"]:focus, .formulariofa input[type="submit"]:focus{/*****************estilo para los botones del formulario de mantenimiento en el evento focus**********************/
	background-color:#333;
}
.formulariofa .caja_grande{/*****************clase para los inputs text del formulario de mantenimiento**********************/
width:71.7%;
height:20%;
text-transform:capitalize;
}
.formulariofa .caja_mediana2{/*****************clase para los inputs text del formulario de mantenimiento**********************/
width:50%;
height:20%;
text-transform:capitalize;
}
.formulariofa .caja_pequena{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:8%;
}
.formulariofa .caja_mediana{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:35%;
}
.formulariofa .combo_grande{/*****************clase para los selects del formulario de mantenimiento**********************/
width:72%;
height:auto;
text-transform:capitalize;
}
.formulariofa .combo_mediano{/*****************clase para los selects del formulario de mantenimiento**********************/
width:50%;
height:auto;
text-transform:capitalize;
}
.formulariofa .combo_pequeno{/*****************clase para los selects del formulario de mantenimiento**********************/
width:10%;
height:auto;
text-transform:capitalize;
}
.formulariofa .caja_fecha{/*****************clase para los inputs tipo fecha del formulario de mantenimiento**********************/
width:7.2%;
}
.formulariofa br{/*****************estilo para la horientazión los label y los inputs del formulario de mantenimiento muy importante para la distribución de todas las herramientas que van dentro del formulario**********************/
clear: left;
}
.caja_lista2 {
position: absolute;
margin: 0px 0px 0px 0px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;	
color: #fff;
overflow:auto;
}
.caja_lista2 li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
list-style:none;
}
.caja_lista2 li:hover {
background-color: #659CD8;
}
.tabla2{
width:100%;
font-size:85%;
color:#000000;
}
.tabla2 td{
text-align:justify;
font-size:100%;
text-transform:uppercase;
}
.tabla2 th{
 border-right: 1px solid #ccc;
 margin:0px;
 padding:0.3%;
 text-align:center;
text-decoration:none;
text-transform:capitalize;
background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
color:#FFFFFF;
}
.tabla2 h3{
color:#FFFFFF;
font-size:110%;
padding:0.5%;
}
.tabla3{
font-size:75%;
color:#000000;
}
.tabla3 td{
text-align:justify;
font-size:100%;
text-transform:uppercase;
}
.tabla3 th{
 border-right: 1px solid #ccc;
 margin:0px;
 padding:0.3%;
 text-align:center;
text-decoration:none;
text-transform:capitalize;
background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
color:#FFFFFF;
}
.tabla3 h3{
color:#FFFFFF;
font-size:110%;
padding:0.5%;
}
.ventana_pequena_f{
background:#FFFFFF;
padding:5px;
color:#203360;
width:35%;
position:absolute;
font-size:75%;
margin-top:0%;
margin-left:61%;
height:55%;
border:3px solid #0099FF;
list-style:none;
overflow:auto;
}
.ventana_pequena_f b{
	text-transform:capitalize;
	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
	color:#FFFFFF;
	border:1px dotted #0099FF;
}
.ventana_pequena_f li{
float:left;
width:80%;
font-size:75%;
}
.ventana_pequena_f input[type="checkbox"]{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	width: auto;
	float: left;
	margin-bottom: 0%;
	resize: none;
	font-size:75%;
}
.ventana_pequena_c{
background:#FFFFFF;
padding:5px;
color:#203360;
width:35%;
position:absolute;
font-size:94%;
margin-top:-2%;
margin-left:30%;
height:20%;
border:3px solid #0099FF;
list-style:none;
overflow:auto;
}
.ventana_pequena_c b{
	text-transform:capitalize;
	background:url(../img/bg_head.jpg) repeat top left #D9ECFB;
	color:#FFFFFF;
	border:1px dotted #0099FF;
}
.ventana_pequena_c li{
float:left;
width:90%;
font-size:94%;
}
.ventana_pequena_c li:hover{
background-color: #659CD8;
}
.ventana_pequena_c label{
float:left;
width:90%;
font-size:94%;
}
.ventana_pequena_c input[type="checkbox"]{/*****************estilo para los inputs del formulario de mantenimiento**********************/
	width: auto;
	float: left;
	margin-bottom: 0%;
	resize: none;
	font-size:75%;
}
.consulta_receta
{
font-size:75%;
color:#666;
text-align:justify;
border-top:dotted 1px #0099FF;
padding:3.4px;
margin-top:0px;
margin-bottom:0px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
cursor:pointer;
font-style:italic;
}
.area_imagen :hover
{
    cursor: pointer;
    background-color: #0099FF;
}
/*Estilo boton buscar*/
#gbqfbw {
display: inline-block;
vertical-align: top;
}
.gb_f {
margin-left: 0!important;
margin-right: 0!important;
}
#gbqfb {
border: 1px solid transparent;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
height: 30px;
margin: 0;
outline: none;
padding: 0 0;
width: 60px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #4285f4;
background: -webkit-linear-gradient(top,#4387fd,#4683ea);
background: linear-gradient(top,#4387fd,#4683ea);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd,endColorstr=#4683ea,GradientType=1);
}
.gbqfqw, #gbqfb, .gbqfwa {
vertical-align: top;
}
.gbqfb, .gbqfba, .gbqfbb {
cursor: default!important;
display: inline-block;
font-weight: bold;
height: 29px;
line-height: 29px;
min-width: 54px;
padding: 0 8px;
text-align: center;
text-decoration: none!important;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-user-select: none;
}
.gb_Lb ::-webkit-scrollbar-button {
height: 0;
width: 0;
}
Inherited from button#gbqfb.gbqfb
.gbqfb, .gbqfba, .gbqfbb {
cursor: default!important;
display: inline-block;
font-weight: bold;
height: 29px;
line-height: 29px;
min-width: 54px;
padding: 0 8px;
text-align: center;
text-decoration: none!important;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-user-select: none;
}
.gbqfi {
background-position: -69px -349px;
display: inline-block;
margin: -1px;
height: 30px;
width: 30px;
}
.gb_Fa {
background-image: url('//ssl.gstatic.com/gb/images/v1_2e543709.png');
background-size: 112px 1828px;
}