@charset "utf-8";
/* CSS Document */

* {	margin:0;
	padding:0;
	border:0;}

*:focus {outline: none;}

body{ background:#FFF  background-repeat:repeat ;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px; color:#000;} 

a{ text-decoration:none;}
a:link{ color:#000;}
a:visited{ color:#000;}
a:hover{ color:#690;}

li{ list-style-type:none;}

.izq{ float:left;}
.der{ float:right;}
.negro{color:#000;}
.gris{color:#CCC;}
.rojoerror{color:#F00;}
.verde{color:#690;}
.bco{ color:#FFF;}
.gris{ color:#999;}
.txt2{ font-size:2px;}
.txt5{ font-size:5px;}
.txt10{ font-size:10px;}
.txt11{ font-size:11px;}
.txt12{ font-size:12px;}
.txt14{ font-size:14px;}
.txt16{ font-size:16px;}
.txt20{ font-size:20px;}
.mgder5{ margin-right:5px;}
.mgder10{ margin-right:10px;}
.mgder20{ margin-right:20px;}
.mgder25{ margin-right:25px;}
.mgizq20{ margin-left:20px;}
.mgizq10{ margin-left:10px;}
.mgizq15{ margin-left:15px;}
.mgizq35{ margin-left:35px;}
.mgsup10{ margin-top:10px;}
.mgsup5{ margin-top:5px;}
.mgsup7{ margin-top:7px;}
.mginf5{ margin-bottom:5px;}
.bdimg{ border: #999 solid 4px; padding:2px;}
.bd{ border: #999 solid 1px;}
.claro{ color:#999;}
.subrayado{ text-decoration:underline;}
.bdinf{border-bottom:#690 dotted 1px;}
.recetario{color:#690;}
.mactual{color:#0079be;}
.manterior{color:#ff9100;}
.suspendida{color:#900;}
.creada{color:#000;}

#caja{margin:0 auto 0 auto; width:980px; min-height:630px; position:relative; }
#contenido{
	position:absolute;
	top:120px;
	min-height:510px;
	width:980px;
	left:0;
	}
/*ENCABEZADO---------------------------------------------------------------------------------------------*/

#encusuario{
	position:fixed;
	height:100px;
	width:980px;
	z-index:1100;
	background-color:#FFF;
	} 
#encusuario.sfdo{background:none;}
	
#encusuarioizq{
	position:absolute; 
	top:0;
	left:0;
	padding:10px 0 0 20px;
	width:100px;
	height:100px;
	z-index:100;
	}	
#encusuarioder{
	position:absolute;
	top:0;
	left:120px;
	width:600px;
	height:62px;
	padding:18px 0 0 20px;
}
#menusup{
	width:980px;
	position:absolute;
	top:67px;
	left:0px;
	height:40px;
	background-color:#555555;
	}
#menusup ul{height:40px;  font-size:15px;}	
#menusup ul li{ float:right;  margin-right:20px; }
#menusup ul li a{padding:10px 5px 3px 5px; height:27px; display:block; }
#menusup ul li a:link{ color:#FFF; }
#menusup ul li a:visited{ color:#FFF;}
#menusup ul li a:hover{ color:#FFF; background:#690;}
#encusuariologo{
	position:absolute;
	top:0;
	left:725px;
	width:235px;
	height:70px;
	padding:10px 0 0 0;
	text-align:right;
}

/*PANEL DE CONTROL MEDICOS-----------------------------------------------------------------------------------*/

#panel{
	position:absolute;
	left:20px;
	top:10px;
	width:960px;
	height:480px;
}

#panel.comidas{	height:470px;}
#piepanel{
	position:absolute;	
	top:500px;
	width:960px;
	height:45px;
	font-size:12px;
	border-top:#555555 solid 1px;
	padding-top:5px;
	  }	
	  
#piemedicos{float:left;  width:960px; height:30px; font-size:12px; padding-top:15px; border-top:#690 dotted 1px; margin-top:15px;}	  
#piemedicosfijo{
	position:absolute;
	width:960px;
	height:30px;
	font-size:12px;
	padding-top:10px;
	border-top:#690 dotted 1px;
	top:495px;
	left:0;
}
#piemedicosfijo.comidas{top:480px;}
#piemedicosfijo.graficos{top:540px;}
#piemedicosfijo.info{top:530px;}
#titpanel{
	position:absolute;
	left:0;
	top:0;
	width:960px;
	height:22px;
	border-bottom:#690 solid 1px;
	padding-bottom:5px;
	}
	
#panel p.tit{float:left; width:960px; margin-bottom:10px; height:20px;}
	
/*PANEL MEDICO ------------------------------------------------------------------------------------------------------*/
#datosmedico{width:339px; float:left; border-right:#690 dotted 1px; height:480px;}
p.personal{float:left; width:175px; font-size:16px; color:#690; }
a.btnpersonal{ float:left; width:120px; height:19px; border:none; background-color:#690; color:#FFF;cursor:pointer;  text-align:center; font-size:13px; padding:1px 5px ; display:block;   }
#save_thumb{ width:60px; padding:0 5px; border:none; height:20px; background-color:#690; color:#FFF; cursor:pointer; margin:10px 0 30px 200px; }
#mjefoto{float:left; width:960px; }
#mjefoto.ocultar{display:none;}

#formdatos{ width:330px; float:left; margin-bottom:20px; }
.campoformdatos{width:320px; float:left; margin:0 0 10px 0;}
.campoformdatos.tit{margin:0 0 20px 0;}
.campoformdatos.cbdeinf{border-bottom:#690 dotted 1px;}
.campoformdatos p{ display:block; width:100px; float:left; }
.campoformdatos p.corto{ display:block; width:40px; float:left; }
.campoformdatos p.largo{ width:auto; margin-right:10px; color:#F00;  }
#formdatos input{ float:left; width:200px; border:#690 solid 1px; padding-left:5px; height:18px;margin:0 0 0 0;}
/*#formdatos select{ float:left; width:200px; border:#690 solid 1px; padding-left:5px; height:70px; margin:0 0 0 0;}*/
#formdatos input.opcion { margin: 2px 2px 0 0; width:13px; height:13px; border:none; }
#formdatos .limpiaros{clear:both; width:170px; height:1px;}
#formdatos span.fecha{ float:left; font-size:12px; margin-top:2px; }
#formdatos input.dia,#formdatos input.mes { width:22px;margin:0 17px 0 3px; padding-left:5px;}
#formdatos input.ano { width:40px;margin:0 0 0 3px;padding-left:5px;}
#formdatos input.matricula { width:60px;margin:0 15px 0 0 ;}

#formdatos input.btn{ float:left; width:80px; height:20px;  border:none; background-color:#690; color:#FFF;cursor:pointer; margin:0  0 0 0px; text-align:center;}
.campoformdatos p.confirmacion{ display:block; width:225px; float:left; height:20px; color:#F00;   }

.campoconfirmacion{
	position:absolute;
	left:250px;
	top:380px;
	width:308px;
	padding:10px;
	background:#FFF;
	height:50px;
	z-index:1000;
	border:#F00 solid 2px;
	display:none;}
.campoconfirmacion.mostrar{display:block;}

.sepdatos{width:310px; clear:both; height:25px; border-bottom:#690 dotted 1px; }

#formmail{ width:330px; float:left; margin:15px 0 10px 0; }#formmail.gim{ margin:0 0 10px 0; }
.campoformmail{width:320px; float:left; margin:0 0 10px 0;}
#formmail p.txt{ width:50px; float:left;  padding-right:5px;}
#formmail input{float:left; width:245px; height:18px; border:#690 solid 1px;background-color:#FFF;padding-left:5px;  font-size:12px; margin:0; }
#formmail input.btn{float:right;padding:0 0 2px 0; width:60px;  border:none; background-color:#690; color:#FFF; font-size:12px; margin-right:15px; text-align:center; cursor:pointer; height:20px;}


#formclave{ width:330px; float:left; margin:0 0 0 0; }
.campoformclave{width:320px; float:left; margin:0 0 10px 0;}
#formclave p.txt{ width:50px; float:left;  padding-right:5px;}
#formclave input{float:left; width:80px; height:18px; border:#690 solid 1px;background-color:#FFF;padding-left:5px;  font-size:12px; margin:0; }
#formclave input.btn{float:right;padding:0 0 2px 0; width:60px;  border:none; background-color:#690; color:#FFF; font-size:12px; margin-right:15px; text-align:center; cursor:pointer; height:20px;}

.formtabla{float:left; width:530px; margin-top:10px; }
.formtabla select{float:right; width:150px; border:#690 solid 1px; padding-left:5px; height:20px;margin:0 30px 0 0;}

#formos{ width:530px; float:left; margin-top:10px;  }
.campoformos{width:530px; float:left; margin:0 0 10px 0;}
#formos .osocial{ float:left; width:488px; border:#690 solid 1px; padding:5px; height:100px; margin:0 0 0 0; overflow:auto;}
#formos .osocial p{float:left; width:209px; margin-left:2px; margin-bottom:5px;}
#formos input.opcion { float:left; margin: 2px 0 5px 0; width:13px; height:13px; border:none; }
#formos input.opcion.cmg{margin: 2px 0 5px 20px;}
#formos input.btn{ float:right; width:70px; text-align:center; border:none; background:#690; color:#FFF; height:20px; margin:0 30px 0 0; padding-left:0;}

#consultorios{width:530px; float:right; height:480px;  }
#consultorios p.tit{width:530px; float:left; margin-bottom:20px; }
#contenidoconsultorios{width:530px; float:left;}
#consultorio1, #consultorio2, #consultorio3{ width:530px; float:left;}
#consultorio1.ocultar{display:none;}
#consultorio2, #consultorio3{display:none;}
#consultorio2.mostrar, #consultorio3.mostrar{ display:block;}
#consultorios p.tit a{padding:0 5px; margin-right:5px; }
#consultorios p.tit a.activo{background:#690; color:#FFF;}
#bdeconsultorios{width:505px; float:left; margin:5px 0; height:1px; border-bottom:#690 dotted 1px;}
.formconsultorios{width:530px; float:left; margin-bottom:10px; }

.campoconsultorio{width:530px; float:left; margin:0 0 10px 0;}
.campoconsultorio p.campo{ display:block; width:90px; float:left; }
.campoconsultorio p.tel{ display:block; width:70px; margin-left:15px; float:left; }
.campoconsultorio.cbdesup{border-top:#690 dotted 1px; padding-top:3px;}
.campoconsultorio.sep{width:360px;margin:5px 0 5px 0;border-top:#690 dotted 1px; height:1px;}
.formconsultorios input{ float:left; width:410px; border:#690 solid 1px; padding-left:5px; height:18px;margin:0 0 0 0;}
.formconsultorios input.loc{ float:left; width:220px; margin-right:20px;}
.formconsultorios input.cp{ float:left; width:63px; border:#690 solid 1px; padding-left:5px; height:18px;margin:0 0 0 10px;}
.formconsultorios input.tel{ float:left; width:270px; border:#690 solid 1px; padding-left:5px; height:18px;margin:0 0 0 0;}
.formconsultorios input.btn{ float:right; width:70px; text-align:center; border:none; background:#690; color:#FFF; height:20px; margin:0 25px 0 0; padding-left:0;}
.formconsultorios textarea{ float:left; width:270px; border:#690 solid 1px; padding-left:5px; height:20px;margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px;}
formconsultorios textarea.cmginf{margin-bottom:10px; }

#otros{ width:180px; float:right;  height:480px;  }
.campootros{width:180px; float:right; margin:0 0 10px 0; }
.campootros.sep{ float:right; width:140px; height:38px; margin:10px 0 15px 0; border-bottom:#690 dotted 1px;}



/*PANEL INSCRIPCION-------------------------------------------------------------------------------------------*/
#forminscripcion{
	width:300px;
	position:absolute;
	top:40px;
	left:600px;
	z-index: 1;
	background-color:#FFF;
	padding-left:50px;
	height: 400px;
}

#mascara{
	width:280px;
	position:absolute;
	top:30px;
	left:630px;
	z-index: 10;
	background:rgba(0, 0, 0, 0.1);
	padding-left:50px;
	height: 350px;
}
	
.campoform{width:300px; float:left; margin:7px 0;}
.campoform .error{
	color:#F00;
	font-size:12px;
	float:right;
	}
.campoform p{ display:block;  width:100px; float:left; margin-right:10px;}
.campoform p.descuento{ display:block; width:200px; float:right; margin-right:0; color:#F00;  }

#forminscripcion input{ float:left; width:183px; border:#690 solid 1px; padding-left:5px;}
#forminscripcion select{ float:left; width:248px; border:#690 solid 1px; }
#forminscripcion input.btn{ float:left;border:none; width:125px; background-color:#690; color:#FFF;cursor:pointer; text-align:center; margin-left:35px;padding-left:0px; height:22px; }
.obligatorio{width:130px; float:left; font-size:11px;margin-right:10px;}

#pacientesinscriptos{
	width:590px;
	position:absolute;
	top:40px;
	left:3px;
	height:400px;
	background-color: #FFFFFF;
	overflow:auto;
	overflow-x:hidden;
	
}

#titinscriptos{
	width:200px;
	position:absolute;
	top:0;
	font-size:16px;
	color:#690;
	left:0px;}
	
#titpagos{
	width:200px;
	position:absolute;
	top:0;
	font-size:16px;
	color:#690;
	left:200px;}
	
/*PANEL PACIENTES---------------------------------------------------------------------------------------------------------*/
.opciones{position:absolute;
left:0;
top:0; 
width:960px;
padding-bottom:5px;
z-index:1000;}
	
/*.opciones ul{float:left; width:960px;}*/
.opciones ul{
	position:absolute;
	width:500px;
	left:460px;
}
.opciones ul li{float:right;margin-left:10px;width:auto;  }
.opciones ul li.mg40{margin-right:40px;}
.opciones ul li a{display:block; float:left;  height:18px; text-align:center;font-size:14px;padding:0 3px; }
.opciones ul li.info{ display:none; }
.opciones ul li a:link{border:#690 solid 1px;}
.opciones ul li a:hover, .opciones ul li a.activo{height:18px; /*width:192px;*/   background:#690; color:#FFF;}
.opciones ul li.fdoverde { background-color:#690; height:20px; border:none;font-size:14px;padding:0 3px; color:#FFF;}
#menuinfo{
	position:absolute;
	top:25px;
	left:840px;
	width:120px;
	background:#690;
	z-index:10000;
	display:none;
}
#menuinfo p {width:117px; padding:5px 3px 5px 0px; border-bottom:#FFF 1px solid;}
#menuinfo a {color:#FFF;}
.opcionesmenu{float:left; margin-left:20px; width:500px;}
.opcionesmenu a{display:block; float:left; padding:1px 0; margin-right:15px; height:18px;width:140px; text-align:center;font-size:14px; }
.opcionesmenu a:link, .opcionesmenu a:visited{border:#690 solid 1px;}
.opcionesmenu a.ver:link {width:100px;border:#690 solid 1px; background:none; }
.opcionesmenu a.ver:hover{width:102px;border:none; background:#690; color:#FFF;}

.opcionesmenu a.crear{width:50px;}
.opcionesmenu a:hover, .opcionesmenu a.activo{height:20px; width:142px;  border:none; background:#690; color:#FFF;}
.opcionesmenu a.ver.activo{width:102px;border:none; background:#690; color:#FFF;}
.opcionesmenu a.crear:hover, .opcionesmenu a.crear.activo{width:52px;}

p.origen{ float:right; font-size:11px; width:350px; padding-top:5px; padding-right:10px; text-align:right; display:none;}
p.origen.mostrar{display:block;}
#pacientes{
	position:absolute;
	left:0;
	top:35px;
	width:960px;
	height:430px;}

#datospaciente,#pesopaciente, #comidaspaciente,#actipaciente, #infopaciente{float:left; width:960px; height:430px;border-top:#690 solid 1px; padding-top:10px;}

#pesopaciente,#comidaspaciente, #actipaciente, #datospaciente.ocultar,#infopaciente{display:none;}
#pesopaciente.mostrar,#comidaspaciente.mostrar, #actipaciente.mostrar, #infopaciente.mostrar{display:block;}

#datos{float:left; width:400px; line-height:20px;}

#datos .sep{float:left; width:400px; height:5px;}
#formnotas{float:left; width:400px;margin-top:10px;}
#formnotas textarea{float:left; width:398px; border:#690 solid 1px; height:185px; margin-top:5px;}
#formnotas input{float:right; width:auto; padding:0 5px; background-color:#690; height:20px; color:#FFF; cursor:pointer; margin-top:5px;}
#notas{float:right; width:502px; }
#notas p.tit{ float:left; width:500px;}
#contnotas{float:left; width:500px;border:#690 solid 1px; height:355px; overflow:auto;}
.textonota{float:left; width:460px; border-bottom:#690 dotted 1px; padding:10px 10px 10px 0; margin-left:10px;}
#comidas{
	float:right;
	width:450px;
	height:400px;
	}
#comidas.mostrar{ display:block;}
#comidas.ocultar{ display:none;}

#comidasp{float:left; height:20px;  width:340px;  margin-bottom:2px; color:#690 }
#comidas p.tit{float:left; height:20px; width:450px;  margin-bottom:5px;}
#comidas p.tit a{color:#690;} 
#comidas .item{
	float:left;
	width:450px;
	padding-bottom:10px;
	text-align:justify; }

#comidas p.suspender{float:left; height:20px; width:450px;  margin-bottom:5px;margin-top:5px;}
#comidas p.suspender a{height:22px; width:auto;  border:none; background:#690; color:#FFF; padding:2px 5px; margin-right:10px;   } 

#listapropia{float:left; width:460px; height:400px;display:none;}
#listapropia.ocultar{display:none;}
#listapropia.mostrar{display:block;}
.cargarcomidas{ float:right; width:460px;margin-bottom:8px; }
.cargarcomidas p{float:left; width:460px;  margin-bottom:5px; text-align:left;}
.cargarcomidas p.nom{width:400px; float:left;}
.cargarcomidas span{font-size:11px; color:#000; margin-top:-2px;}
.cargarcomidas p.sep{float:left; width:450px; height:5px;}

.cargarcomidas .grupo{ float:left; width:448px; border:#690 solid 1px; height:280px;overflow:auto; padding:5px ; margin-bottom:10px;}
.cargarcomidas input{ float:left; width:400px; margin-bottom:9px;}
.cargarcomidas input.marcar{width:auto; width:15px; height:15px; margin-right:5px;  }
.cargarcomidas input.btn{ float:left; width:250px; margin-bottom:0; background:#690; color:#FFF; width:110px; height:22px; text-align:center; cursor:pointer; }
.grupo .limpiar{ clear:both; width:400px; height:1px; }	

#comidasusu{
	float:left;
	width:500px;
	height:430px;
	}
	
#comidasusu.mostrar{ display:block;}
#comidasusu.ocultar{ display:none;}
#comidasusu p.tit{float:left; width:550px;margin-top:5px; margin-bottom:0; }

#listapaciente{
	float:left;
	width:500px;
	height:440px;}
	
#listapaciente .sep{
	clear:both;
	width:500px;
	height:10px;}
	
#listapaciente .tipo{float:left;
	width:470px;
	padding:2px 0 2px 5px;
	height:100px;
	overflow:auto;
	border:#690 solid 1px;}

#comidasusu form{ float:left; width:380px;margin-bottom:5px; }
#comidasusu form p{margin-bottom:5px;}
#comidasusu form span.nro{font-size:11px; color:#000; margin-top:-2px;}
#comidasusu form p.sep{float:left; width:370px; height:5px;}
#comidasusu form p.mas{ float:left; margin-right:5px; font-size:16px; color:#F00;}
#comidasusu form select{ float:left; width:370px; height:87px;overflow:auto; padding:5px; margin-bottom:10px;}
#comidasusu form option{ float:left; width:340px; height:20px; font-size:14px; cursor:pointer;}


/*MENUES ---------------------------------------------------------------------------------------------------------------*/
/*.opciones a.ver:link, .opciones a.ver:visited{width:70px;border:#690 solid 1px;}
.opciones a.ver:hover, .opciones a.ver.activo{width:72px;}
.opciones a.crear:link, .opciones a.crear:visited{ width:130px;border:#690 solid 1px;}
.opciones a.crear:hover, .opciones a.crear.activo{width:132px;}*/
#menupropias{
	position:absolute;
	left:0;
	top:40px;
	width:500px;
	height:400px; 
}
#menupropias.mostrar{display:block;}
#menupropias p.tit{float:left; width:500px; margin:0 0 10px 0;}
#verrecetas, #veralimentos{ display:none;float:left;}
 
#verpropias, #verrecetas, #veralimentos{width:500px;float:left;}
#verpropias.mostrar, #verrecetas.mostrar, #veralimentos.mostrar{display:block;}
#verpropias.ocultar, #verrecetas.ocultar, #veralimentos.ocultar{display:none;}


.propias{ float:left; width:500px;margin-bottom:5px; height:auto; }
.propias .grupo{ float:left; width:488px; border:#690 solid 1px; height:345px;overflow:auto; padding:5px ; margin-bottom:10px;}
.propias p{float:left; width:500px;  margin-bottom:2px; }
.propias p.nom{width:450px; float:left; margin-bottom:5px; }
.propias p.mje{float:left; color:#F00; font-size:16px;  width:350px;}
.propias span.nro{font-size:11px; color:#000; margin-top:-2px;}
.propias span.rojoerror{font-size:11px; color:#F00; margin-top:0;}
.propias p.sep{float:left; width:500px; height:5px;}
.propias input.marcar{width:auto; width:15px; height:15px; margin-right:5px; float:left; }

.propias input.btn{width:auto; height:22px; float:right; padding:0 5px; background:#690; color:#FFF; cursor:pointer;}
.propias select{ float:left; width:490px; border:#690 solid 1px; height:115px;overflow:auto; padding:2px 0; }
.propias select.largo{ float:left; width:490px; border:#690 solid 1px; height:370px;overflow:auto; padding:2px 0; }
.propias option{ float:left; width:460px; height:19px; font-size:14px; cursor:pointer; padding:0 5px; }
.propias option.recetario{color:#690;} 
.propias option.mactual{color:#0079be;}

a.tipo{display:block; float:left; padding:1px 5px; margin-right:20px; height:18px; text-align:center;font-size:14px; margin-bottom:10px; }

a.tipo:link, a.tipo:visited{border:#690 solid 1px;}
a.tipo:hover{border:none; background-color:#690; height:20px; color: #FFF;}
a.tipo.verde{border:none; background-color:#690; height:20px; color: #FFF;}
/*.propias{ float:left; width:400px;margin-bottom:8px; }
.propias p{float:left; width:400px;  margin-bottom:5px; text-align:left;}
.propias span{font-size:11px; color:#000; margin-top:-2px;}
.propias p.sep{float:left; width:400px; height:5px;}

.propias select{ float:left; width:380px; border:#690 solid 1px; height:87px;overflow:auto; padding:5px; margin-bottom:10px;}
.propias option{ float:left; width:340px; height:20px; font-size:14px; cursor:pointer;}*/

#formreceta{	float:left; margin-top:20px; margin-right:20px; height:20px;}
#formreceta input.btn{ float:left; background:#690; height:20px; color:#FFF; text-align:center; width:150px; cursor:pointer; font-size:14px;}
#formreceta.mostrar{ display:block;}
#formreceta.ocultar{ display:none;}

#ingredientes{float:left; width:400px; display:none;}
#ingredientes.mostrar{ display:block;}
#ingredientes.ocultar{ display:none;}

#formmenu{ float:left; width:400px; }
#formmenu.mostrar{display:block;}
#formmenu.ocultar{display:none;}
#formmenu input{ float:left; width:280px; border:#690 solid 1px; height:20px; margin-left:10px; padding-left:5px;margin-top:10px;}
#formmenu input.btn{background:#690; height:22px; border:none; color:#FFF; display:block;  width:100px; margin-right:0; padding-left:0; text-align:center;margin-top:10px; margin-left:35px;}
#formmenu p{float:left;width:auto;margin-top:10px;}
#formmenu p.tit{float:left; font-size:16px; height:20px;  width:170px;  margin-bottom:10px;}
#formmenu select{ float:left; width:150px; border:#690 solid 1px; height:20px; padding-left:5px; margin-left:10px; margin-top:10px;}
#formmenu span{float:left; width:80px; margin-top:2px;  font-size:14px; text-align:left; }
#formmenu .limpiar{clear:both;height:10px; width:400px;}
#formbuscar.menu{
	float:left;
	width:400px;
	height:50px;
	margin:10px 0;}
#formbuscar.menu input{float:left; width:128px; border:#690 solid 1px; height:18px;margin:0 5px;}
#formbuscar.menu input.btn{float:left; width:20px; border:none; height:20px;margin:0; background:url(../imagenes/lupa.png); cursor:pointer;}
#formbuscar.menu span{float:left; margin-top:2px; font-size:12px;} 
#formbuscar.menu .limpiar{clear:both; width:400px; height:10px;}

#clasificacion{
	float:left;
	width:400px;
	height:345px;
	overflow:auto;
	border: #ccc solid 1px; border-right:none;
	}
#clasificacion ul{
			display:block;
			background-color:#FFF;
			margin:0;
			padding:0;
			list-style:none;}
		
		#alimentos li{border-bottom: 1px solid #ccc; list-style-type:none; margin-bottom:8px; }
		
		#alimentos ul li{border:none; }
		#alimentos ul li li{padding-left: 10px;}
		#alimentos a{
			display:block;
			color:#000; 
			text-decoration:none;
			font-family:Tahoma, Geneva, sans-serif;
			font-size:14px;
			padding:1px 5px;
			/*text-shadow:1px 1px 1px #325179;*/
		}
		#alimentos a:hover{
			color:#690;
			/*-webkit-transition: color 0.2s linear;*/
		}
		#alimentos ul a{margin-left:5px;}
		#alimentos ul li ul a{margin-left:8px;}
		#alimentos li ul {display:none;}


/*#formfinalizar{	float:left; margin-top:20px;height:20px;}
#formfinalizar input.btn{ float:left; background:#690; height:20px; color:#FFF; text-align:center; width:70px; cursor:pointer; font-size:14px;}
#formfinalizar.mostrar{ display:block;}
#formfinalizar.ocultar{ display:none;}*/

#formfinalizar, #formfinalizarcrear{	float:left; margin-top:20px;height:20px;}
#formfinalizar input.btn, #formfinalizarcrear input.btn{ float:left; background:#690; height:20px; color:#FFF; text-align:center; width:70px; cursor:pointer; font-size:14px;}

#formfinalizar.mostrar,#formfinalizarcrear.mostrar{ display:block;}
#formfinalizar.ocultar, #formfinalizarcrear.ocultar{ display:none;}


#menudetalle{
	width:425px;
	position:absolute;
	top:40px;
	/*height:360px;*/
	left:535px;}

#menudetalle.mostrar{ display:block;}	
#menudetalle.ocultar{ display:none;}
#menudetalle p{float:left; height:20px;  width:420px;  margin-bottom:2px; color:#690 }
#menudetalle p.tit{float:left; font-size:16px; height:20px; color:#000;  width:420px;  margin-bottom:10px;}
#menudetalle p.mje{ color:#F00; margin-top:10px;}

.contdetalle{
	width:425px;
	float:left;
	height:350px;
	overflow:auto;
	}
.editar{
	float:left;
	width:20px;
	padding-top:1px;
	padding-left:5px;}
	
.borrar{
	float:left;
	width:15px;
	padding-top:2px; }
	
.itemparcial{
	float:left;
	width:380px;
	padding-bottom:10px;
	padding-left:5px;
	text-align:justify; }

#agregar {float:left; margin:20px 20px 0 0; height:20px;}
#agregar.mostrar{display:block;}
#agregar.ocultar{display:none;}
#agregar a{background:#690;  color:#FFF; padding:1px 5px 3px 5px ; text-align:center; font-size:14px; }	
	
#resultados{
	width:425px;
	position:absolute;
	top:70px;
	left:535px;
	background-color:#FFF;
	height: 400px;
	z-index:10;
	display:none;
}	

#resultados.mostrar{ display:block;}
#resultados.ocultar{ display:none;}
#resultados.menu{top:95px; left:0; display:block; width:580px;}
#resultados.menu.mostrar{ display:block;}
#resultados.menu.ocultar{ display:none;}

.sepresultados{ float:left; width:500px; height:5px; border-bottom:#693 solid 1px; margin-bottom:5px; }
#formitems{float:left;width:500px;}/*margin-top:10px;*/
#formitems.menu{float:left;}
#formitems p{width:500px; float:left; margin-bottom:5px;}
#formitems .contitems{width:500px; height:290px; float:left;margin-top:5px; overflow:auto;}
#formitems input{float:left;}
#formitems input.cant{ width:28px;height:18px; border:#690 solid 1px; margin:5px 5px 0 0;}
#formitems input.txtitem{ width:440px/*370px*/; height:18px; margin:1px 0 0 0; font-size:14px;   }
#formitems p.txtitem{ width:430px; margin:1px 0 0 0; font-size:14px; float:left;   }
#formitems input.btn{ float:right; width:70px;height:22px; background-color: #693; margin:5px 0 5px 0;  text-align:center; cursor:pointer; color:#FFF; }
#formitems input.btn1{ float:right; width:70px;height:22px; background-color: #693; margin:5px 10px 5px 0;  text-align:center; cursor:pointer; color:#FFF; }
label.medidas{ width:440px;height:15px; float:left; font-size:11px; padding:0 0 5px 0;}
#formitems .limpiar{ clear:both; width:470px; height:5px;}
#formitems.ocultar{ display:none;}
#formitems.mostrar{ display:block;}	
/*#resultados{
	width:670px;
	position:absolute;
	top:85px;
	left:290px;
	background-color:#FFF;
	height: 350px;
	display:none;
	z-index:10;}*/
/*#resultados.mostrar{ display:block;}
#resultados.ocultar{ display:none;}
#resultados.menu{top:95px; left:0; display:block; width:580px;}
#resultados.menu.mostrar{ display:block;}
#resultados.menu.ocultar{ display:none;}

.sepresultados{ float:left; width:570px; height:5px; border-bottom:#693 solid 1px; margin-bottom:5px; }
#formitems{float:right;width:570px; margin-top:10px;}
#formitems.menu{float:left;}
#formitems p{width:570px; float:left; margin-bottom:5px;}
#formitems .contitems{width:570px; height:270px; float:left;margin-top:5px; overflow:auto;}
#formitems input{float:left;}
#formitems input.cant{ width:33px;height:18px; border:#693 solid 1px; margin:5px 5px 0 0; }
#formitems input.txtitem{ width:510px; height:18px; margin:1px 0 0 0; font-size:14px;   }
#formitems input.btn{ float:right; width:70px;height:22px; background-color: #693; margin:5px 0 5px 0;  text-align:center; cursor:pointer; color:#FFF; }
label.medidas{ width:510px;height:15px; float:left; font-size:11px; padding:0 0 5px 0;}
*/

#titpesos{
	position:absolute;
	top:10px;
	left:0;
	height:22px;
	width:240px;
}

#formpeso{
	position:absolute;
	left:790px;
	top:10px;
	width:150px;
	height:140px;
}

#formpeso .fila{width:150px; height:34px; float:left;}
#formpeso span {float:left; width:50px;  } #formpeso span.kg {float:left; width:34px; margin-left:6px; }
#formpeso .contfecha{float:left; width:135px; }
#formpeso input.date{float:left; width:80px; height:18px; border:#690 solid 1px; margin:0; padding-left:2px; }
#formpeso .contpeso{float:left; width:104px; }
#formpeso input.peso {width:50px; height:18px; border:#690 solid 1px; margin:0;padding-left:2px;}
#formpeso input.btn {float:left; width:83px; height:20px;background:#690; margin:0 0 0 50px; text-align:center;    cursor:pointer; color:#FFF;}
#formpeso .error{ font-size:11px; color:#F00; float:left; margin-left:50px;}

#registrospeso{
	position:absolute;
	left:20px;
	top:120px;
	width:760px;}
	
#tablapesos{
	position:absolute;
	left:0px;
	top:35px;
	width:240px;
	height:97px;
	overflow:auto;
	font-size:12px;
}
#tablapesos table{ margin:0;border-top:#CCC 1px solid; border-left:#CCC 1px solid;}
#tablapesos td{ border-right:#CCC 1px solid; padding-left:5px;border-bottom:#CCC 1px solid;}
#tablapesos td.verde{color:#690;}
/*#grafico{
	position:absolute;
	top:140px;
	left:0;
	background-color:#CCC;
	padding:4px;
}*/

#grafico{
	position:absolute;
	top:0;
	left:50px;
	/*border:#CCC solid 4px;
	border-bottom:none;*/
	width:892px;
	background-color:#FFF;
	overflow:auto; overflow-y:hidden;
	}
#grafico img{margin-left:-50px;}
#grafico2{
	position:absolute;
	top:140px;
	left:0;
	border:#CCC solid 4px;
	width:952px;
	height:340px;
	overflow:hidden;
	}
#grafico2.calo{
	top:160px;
	left:0;
	border:none;
	width:960px;
	height:340px;
	overflow:hidden;
}

#pesoinicial{
	position:absolute;
	left:420px;
	top:27px;
	width:200px;
	height: 140px;
}

#pesoactual{
	position:absolute;
	left:470px;
	top:0px;
	width:100px;
	height: 140px;
}
#pesoinicial p, #pesoactual p{display:block; width:200px; height:25px; float:left;}
#pesoinicial form{display:block; width:200px; float:left;}
#pesoinicial form p{width:auto; height:auto; float:left;}
#pesoinicial form input{ border:#690 solid 1px; float:left; margin:0 5px; width:30px;}
#pesoinicial form input.btn{ float:left; width:83px; height:20px;background:#690; margin:0 0 0 0; text-align:center;    cursor:pointer; color:#FFF;}


#parcialacti{
	width:610px;
	position:absolute;
	top:20px;
	height:140px;
	left:0;
	z-index: 10;
}

#parcialacti.mostrar{ display:block;}	
#parcialacti.ocultar{ display:none;}

.titparcialacti{
	float:left;
	width:500px;
	height:20px;
	margin-bottom:9px;
	}	
	.caloparcial{
	float:left;
	width:50px;
	padding-bottom:10px;
	text-align:right;}
.limpiarparcialacti{ clear:both; width:550px; height:1px;}	

#actividades{float:left; overflow:auto; height:120px; width:610px; font-size:12px;}
.editaracti{
	float:left;
	width:25px;
	padding-top:1px;}
	
.borraracti{
	float:left;
	width:15px;
	padding-top:2px;}
.fechaacti{float:left;
	width:70px;
	padding-left:10px;}
	
.actiparcial{
	float:left;
	width:390px;
	padding-bottom:10px;
	padding-left:7px;
	}



#graficoact{
	position:absolute;
	top:0;
	left:41px;
	width:909px;
	overflow:auto; overflow-y:hidden;}
#graficoact img{margin-left:-50px;}
#graficoact2{
	position:absolute;
	top:170px;
	left:0;
	border:#CCC solid 4px;
	width:950px;
	height:300px;
	overflow:hidden;	}	



#titinformes{
	position:absolute;
	left:0;
	top:20px;
	width:957px; 
	padding-bottom:7px;}
#barra{
	position:absolute;
	left:300px;
	top:3px;
	width:580px;}
#barraflechas{position:absolute;
	left:900px;
	width:45px;}
	
#titinformes a.avanzar {position:absolute;left:930px;top: 6px; height:20px;  width:20px; }
#titinformes .stopavanzar {position:absolute;left:930px;top: 6px; height:20px;  width:20px;background:url(../imagenes/fdotransp.png) repeat; z-index:100;  }
#titinformes a.atras {position:absolute;left:890px;top: 6px; height:20px;  width:20px;}
#titinformes .stopatras {position:absolute;left:890px;top: 6px; height:20px;  width:20px;background:url(../imagenes/fdotransp.png) repeat; z-index:100;  }
#titinformes a.nut,#titinformes a.min,#titinformes a.vit,#titinformes a.ami, #titinformes a.balance{ display:block; font-size:14px;  float:right; margin:4px 0 0 15px;height:20px; }
#titinformes a.nut{background-image:url(../imagenes/nut.jpg);background-repeat:no-repeat; padding-left:15px;}
#titinformes a.min{background-image:url(../imagenes/min.jpg);background-repeat:no-repeat; padding-left:15px;}
#titinformes a.vit{background-image:url(../imagenes/vit.jpg);background-repeat:no-repeat; padding-left:15px;}
#titinformes a.ami{background-image:url(../imagenes/ami.jpg);background-repeat:no-repeat; padding-left:15px;}
/*#titinformes a.balance{background-image:url(../imagenes/bal.jpg);background-repeat:no-repeat; padding-left:15px;margin:4px 50px 0 5px;}*/
#titinformes a.balance{background-image:url(../imagenes/bal.jpg);background-repeat:no-repeat; padding-left:15px;}

	
#formmensual{ float:left; margin-right:20px;}
#formmensual select{ float:left; width:155px; margin-top:-2px; height:24px; color:#690; font-size:16px; margin-left:5px; margin-bottom:4px; border:#690 solid 1px;}

#informes{position:absolute; left:0; top:50px; width:956px;	height:440px; line-height:19px; overflow:auto; overflow-x:hidden; border-top:#999 solid 1px; }
	
#informes img{margin-right:3px;}

#informesfijo{position:absolute; left:0; top:0; width:200px;  z-index:200;}	
#informesmovil{position:absolute; left:200px; top:0;}

#titcolfijo{height:60px; width:199px; position:absolute; border-right:#690 solid 1px;top:0; left:0; background:#FAC65A;}
#titcolmovil{width:8748px;border-bottom:none;height:60px;position:absolute;top:0;left:0; }/*9243px*/

#maxfijo{height:20px; width:199px; position:absolute; border-right:#690 solid 1px;top:60px; left:0; background:#FAC65A;}
#maxmovil{height:20px;	width:8748px; position:absolute; top:60px; left:0px;}

#promfijo{height:20px; width:199px; position:absolute;border-right:#690 solid 1px; top:100px; left:0; background:#FAC65A;}
#prommovil{height:20px;	width:8748px; position:absolute; top:100px; left:0px;}

#rdifijo{height:20px; width:199px; position:absolute; top:80px;	border-right:#690 solid 1px;left:0; background:#FAC65A;}
#rdimovil{height:20px;width:8748px;position:absolute; top:80px; left:0;/*border-bottom:#CCC 1px solid; */ }

#resinformesfijo{position:absolute;	left:0;	top:120px;	width:199px;border-right:#690 solid 1px; background:#FAC65A;}
#resinformesmovil{position:absolute;left:0px;top:120px;	overflow:hidden;}	

.ajustarfijo{width: 80px; height:19px; padding:0 10px 0 0px; border-bottom:#999 1px solid; float:left; text-align:right; }
.ajustarfijo.fecha{ width:97px; border-right:#999 1px solid; border-left:#999 1px solid;text-align:right;}
.ajustarfijo.col{height:59px;text-align:center; padding:0; width:90px;}
.ajustarfijo.col.fecha{height:59px;width:107px; text-align:center; padding:0; }

/*.ajustarfijo.rdi{height:17px; padding:2px 10px 2px 0;}*/


.filamovil{width:8748px; height:20px; /*border-top:#CCC 1px solid; border-left:#CCC 1px solid; 7695*/  }
.filamovil.verde{ color:#690;}

.ajustarmovil{width: 87px; height:19px; padding:0 20px 0 0; border-right:#999 1px solid; border-bottom:#999 1px solid; float:left; text-align:right;background-color:#FFEA6F; /*#ECE473*/;}
.ajustarmovil.minerales{background:#E2E267;/*#EFEFA7;*/}
.ajustarmovil.vitaminas{background:#C4AE6F;/*#ECE473;#FBE083;#FFF9BB;*/}
.ajustarmovil.aminoacidos{background:#CDDF8E;}
.ajustarmovil.col{height:59px;  width:107px; text-align:center; padding:0 0 0 0;}
/*.ajustarmovil.col.a1{width:76px;}
.ajustarmovil.col.a2{width:97px;}
.ajustarmovil.a1{width:70px;}
.ajustarmovil.a2{width:91px;}

.ajustarmovil.col1{width: 76px;}*/
.ajustarmovil.rdi.minerales, .ajustarmovil.col.minerales{background:#E2E267;}
.ajustarmovil.rdi.vitaminas, .ajustarmovil.col.vitaminas{background:#C4AE6F;/*#EFEFA7;#FBE083;#FFF9BB;*/}
.ajustarmovil.rdi.aminoacidos, .ajustarmovil.col.aminoacidos{background:#CDDF8E;}
.ajustarmovil.rdi{height:20px;}


#detalledia{
	position:absolute;
	left:0;
	top:30px;
	width:957px;
	line-height:19px;
	overflow:auto;overflow-x: hidden;
	height:430px;
	padding:10px 0;
	border-top:#CCC solid 1px;
	z-index:500;
	background-color:#FFF;
	display:none;}
	

/*#flechasbal{
	position:absolute;
	left:480px;
	width:50px;
	z-index:10;
}
#flechasbal a.atrasfecha,#flechasbal a.avanzarfecha {color:#FABC3D;  font-size:24px;float:left; height:20px;  margin-left: 5px;}*/
#flechasbal{
	position:absolute;
	left:900px;
	width:45px;
	z-index:10;
	background-color: #FFFFFF;
}
#flechasbal a.atrasfecha,#flechasbal a.avanzarfecha {color:#690;  font-size:24px;float:right; height:20px;  margin-left: 5px;}
#balance{
	position:absolute;
	left:0;
	top:35px;
	width:960px;
	line-height:19px;
	height:460px;
	padding:0;
	border-top:#690 solid 1px;
	z-index:500;
	background-color:#fff;
	
	
	}
#balancesup{
	position:absolute;
	left:0;
	top:50px;
	width:960px;
	padding:0;
	overflow:hidden;
	height:138px;
	}
#fijosup{
	position:absolute;
	left:0;
	width:137px;
	height:104px;
	border-left:#CCC solid 1px;
	background-color:#FAC65A;
	z-index:200;
	}
#movilsup{
	position:absolute;
	left:138px;
	height:104px;
	/*border-top:#CCC solid 1px;*/
	border-left:#CCC solid 1px;
	
	}

.filasupfija{float:left; height:23px; border-bottom:#CCC solid 1px; width:132px; padding:2px 0 0 5px;}
.filasupmovil{float:left; height:26px;  width:2542px;}
.celdamovil{float:left; height:23px;border-right:#CCC solid 1px; border-bottom:#CCC solid 1px;width:76px; padding:2px 5px 0 0; text-align:right;background-color:#FCD17A;  }

#balanceinf{
	width:960px;
	position:absolute;
	top:110px;
	left:0;
}
	
	
#balanceizq{float:left; width:370px; height:430px; overflow:auto; margin-top:-5px; }
#balanceizq .titbal{width:210px; font-size:16px; color:#690; margin-bottom:5px; }
#balance table{ border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; }
#balance table td{ border-top:#CCC solid 1px; border-right:#CCC solid 1px; padding-right:5px; }
#balance table.fija td{padding-right:0;padding-left:5px;}
#balanceder{float:left; width:587px; height:430px; text-align:right;}	
	
	
#detalledia.mostrar{display:block;}	
#detalledia p.dia{ color:#690; font-size:16px; padding-bottom:5px; width:120px;}
.cerrardetalle{margin-left:10px; margin-top:2px; }


#informessemanal{
	position:absolute;
	left:0;
	top:35px;
	width:960px;
	border-top:#690 solid 1px; }

#detallediausu{
	float:left;
	margin:10px 0 5px 0;
	width:450px;
	line-height:19px;
	overflow:auto;
	overflow-x: hidden;
	height:430px;
	padding:0 0 10px 0;
	z-index:500;
	background-color:#FFF;
	/*display:none;*/}
	#detallediausu.glu{	overflow:hidden;}
#detallediausu p.dia{ color:#690; font-size:16px; padding:10px 0 5px 0; width:120px; border-bottom:solid 1px #690; width:420px;  }
#detallediausu p.diasinpad{ color:#690; font-size:16px; padding:0 0 5px 0; width:120px; border-bottom:solid 1px #690; width:420px;  }		
	
#detallediaglu{float:left;
	
	width:430px;
	line-height:19px;
	overflow:auto;
	overflow-x: hidden;
	height:410px;
	background-color:#FFF;
	/*display:none;*/}

#graficosemanal{float:left; width:500px; height:450px; background:#FFF;margin:20px 0 5px 10px;}
#graficosemanal.glu{ position:absolute; top:40px; left: 460px; margin:0; overflow:hidden; height:440px;}
#graficosemanal1{ position:absolute; top:0; left: 52px; margin:0; overflow:auto; overflow-y:hidden; width:440px;  height:440px; }
#graficosemanal1 img{margin-left:-52px;}
#graficosemanal form{float:left; width:480px; height:22px; padding-left:20px;}
#graficosemanal form select{float:left; font-size:15px; height:20px; width:120px; border:#690 solid 1px; margin-left:5px; }
#graficosemanal form option{color:#690;}
.semanal{float:left; width:480px; margin-top:40px;}
#graficosemanal p.diario{float:left; margin:20px 0px 0 0; width:215px;  }
#graficosemanal p.diario.rec{float:left; margin:20px 0px 0 0; width:265px;  }



/*#informes{
	position:absolute;
	left:0;
	top:30px;
	width:960px;
	line-height:19px;
	overflow:auto;
	height:430px;
	}
#informes img{margin-right:3px;}
#informes p.dia{ margin-top:10px; color:#690; font-size:16px; border-bottom:#690 dotted 1px; padding-bottom:3px; width:920px;}
#informes table {margin:5px 0 5px 0;}
#informes table td{padding-right:10px;}
#informes table td p.txt13{font-size:13px; margin-left:15px; }
#informes table.diaria{margin:5px 0 10px 0;border-top:#CCC 1px solid; border-left:#CCC 1px solid;border-bottom:#CCC 1px solid;}
#informes table.diaria td{ border-right:#CCC 1px solid;font-size:13px;  font-size:13px;padding-right:0;}

#informes table.imensual{ margin:10px 0;border-top:#CCC 1px solid; border-left:#CCC 1px solid; border-bottom:none;}
#informes table.imensual td{ border-right:#CCC 1px solid; border-bottom:#CCC 1px solid; font-size:13px; padding-left:3px;}
*/

	
#tablapaciente{border-top:#CCC solid 1px; border-right:#CCC solid 1px;}	
#tablapaciente td{border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; padding-left:5px;}

.diverrores{position:absolute;
	left:500px;
	top:400px;
	width:440px;
	padding:10px;
	background: rgba(255, 0, 0, 0.5);
	height:20px;
	z-index:1000;
	display:none;}
.diverrores.mostrar{display:block;}

#inimedicos{float:left;  width:422px; height:160px; background:#FFF; padding:20px 30px; border:#333 solid 5px; font-size:16px;  }

.colacionespropias, .colacionesrecetario{float:left;}

.colacionespropias.mostrar, .colacionesrecetario.mostrar{display:block;}
.colacionespropias.ocultar, .colacionesrecetario.ocultar{display:none;}


.datosglu{float:left; width:430px; height:20px;}
.colacionglu{float:left; width:110px;  height:20px;}
.coluglu{float:left; width:85px;  height:20px; font-size:12px;}
.coluglu50{float:left; width:65px;  height:20px;font-size:12px;}
