* html body{height:100%;}
html{background:url(../img/abajo.png) bottom left repeat-x #FFF; min-height:100%}
body {margin:0; font-size:1em; background:url(../img/arriba.png) top left repeat-x; font-family:'Segoe UI',Arial, Helvetica, sans-serif; padding:3em 0.6em 2.5em 0.6em; height:100%}

#contenido{width:100%; text-align:center; margin:auto; padding:0 0 0 0; height:101%; display:block}
.logo{width:100%; max-width:10em; margin:0 auto 0.3em 0; }
form { display:block; margin:auto;}
label,h2 {clear:both; display:block; font-size:130%; color:#68b022; font-weight:normal; text-align:left}
h2{ text-align:center;}
input,select { width:82%; height: 1.2em; font-size:150%; line-height:40%; margin:0.2em 0; border: 1px solid #999; border-radius:0.4em; clear:both; float:left;}
select{width:auto;}
option {font-size:12px;}
input.fecha{width:60%; clear:none; border:none;font-size:150%;}
#btn_fecha{float:left; margin:0.4em 0.3em 0 0; float:left;}
input.boton{ width:60%; max-width:10em; height:1.5em; background:url(../img/boton.png) top left repeat-x; color:#FFF;border: 2px solid #84c40a; margin:2.5em auto 0.5em auto; clear:both; display:block; float:none; font-size:190%; padding:0.4em 0 0.2em 0}
input.boton:hover{}
#btn-enviar{clear:both;}
.controles{background:url(../img/boton.png) top left repeat-x; color:#FFF; padding:0.4em 0.3em; display:block; border-radius:8px;  width:60%; max-width:11em; text-decoration:none; font-size:120%; margin:0.8em auto 0 auto;}

.campo70{ float:left; width:70%;}
.campo30{ float:left; width:30%;}


.centros{ padding:0; list-style:none; width:100%;}
.centros li{width:60%; max-width:15em; height:2.5em;  background:url(../img/boton.png) top left repeat-x; color:#FFF; margin:10px auto; border-radius:8px;border: 2px solid #84c40a;}
.centros li a{ text-decoration:none; font-size:190%; color:#FFF}

.botones-menu {padding:5px; list-style:none; width:100%;}
.botones-menu li{width:60%; max-width:15em; height:5.4em;  background:url(../img/boton.png) top left repeat-x; color:#FFF; margin:10px auto; border-radius:8px;border: 2px solid #84c40a; line-height:1.9em;}
.botones-menu li a{ text-decoration:none; font-size:190%; color:#FFF}

.pacientes{ padding:0; list-style:none; width:100%;}
.pacientes li{  background:url(../img/boton.png) top left repeat-x; color:#FFF; margin:10px auto; border-radius:8px;border: 2px solid #84c40a; padding:5px;}
.pacientes li a{ text-decoration:none; font-size:110%; color:#FFF}

.tricogramafuera { background:url(../img/botongris.jpg) top left repeat-x #757575; display:block; width:15em; border: 2px solid #999;  margin:10px auto; border-radius:8px; height:6em; } 
.tricograma { height:3.5em; background:url(../img/pdf_ico.png) no-repeat 10px 10px; color:#000; line-height:1.3em; text-decoration:none; font-size:150%; display:block; padding:0.5em 0em 0em 4em; text-align:left;  }


.nombrecentro{ color:#999; font-size:80%; font-style:italic;}
.nombrecentro b{ color:#84c40a; font-size:130%;}
.nombrecentro a{ color:#666; text-decoration:none;}

.info,.powered{ color:#666;}
.info a{color:#333; font-weight:bold; text-decoration:none;}
.powered{font-style:italic;}

.centros li.btn-especial { background:url(../img/boton-especial.png); font-size:0.9em;}

.volver { position:absolute; top:0px; left:0px; padding: 6px; border: solid 1px white; border-radius: 5px; color: white; text-decoration: none; height: 25px; border-image: initial; font-size:120%; }

.consultas { text-align:left; list-style:none; margin:1%; padding:0; }	
.consultas tr { background:#DDD; border-bottom:solid 1px #0C0; margin:2px 0px; display:block; }		
.consultas td {padding:0px 2px; }
.fecha { width:85px; }
.hora{ font-size:70%; line-height:100%; width:20px;  }
.nombre{  }

.ajuste { clear:both;  }