*{ margin:0; padding:0; }
#top{
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	float: none;
	width: 765px;
	margin:0 auto;
}
#contenedor {   
    margin:0 auto; /* centrado para browsers compatibles con CSS */ 
	 width: 765px;
    border:1px solid #777; 
}
#izq { 
    width:205px; height:444px; float:left; background-color:#6AA2DA;
}
#contenido {
    width:350px; float:left; 
	 background-color:#fff; 
	 height:422px; 
	 vertical-align:middle;
    position:relative;
	 top:0px; 
}
#diario { 
    width:205px; height:300px; float:right; background-color:#6AA2DA;
}
#der { 
    width:205px; height:86px; float:right; background-color:#6AA2DA; vertical-align: top;
}
#pie {
	background-color: #6AA2DA;
	text-align: center;
	vertical-align: middle;
	width: 350px;
	margin: 0 auto;
	height: 18px;
   font-family: BankGothic Md BT, Verdana Helvetica, Arial, sans-serif;	
}
#relleno {
	width:205px; height:30px; float:left; background-color:#FFFFFF;
}
#aspradco {
	width:205px; height:30px; float:left; background-color:#EBDADA;
}
#capa{
	 color:#ffffff; font-size:12pt; font-family: Arial, Verdana Helvetica, sans-serif; text-decoration:none;
}
#formul { 
   width:350px; float:left; height:450px; vertical-align:middle; background-color:#5B8EC1;
}
#izq p { color:#000000; font-size:0.9em; font-family: Arial, Verdana Helvetica, BankGothic Md BT, sans-serif; text-decoration:none; }
#izq td { font-family: Arial, Verdana Helvetica, BankGothic Md BT, sans-serif;  vertical-align:middle; }
#izq a { color:#FFFFFF; font-size:0.7em; font-family: Arial, Verdana Helvetica, BankGothic Md BT, sans-serif; text-decoration:none; }
#izq a:hover { color: #000000; }
#diario p { color:#000000; font-size:0.9em; font-family: Arial, Verdana Helvetica, BankGothic Md BT, sans-serif; text-decoration:none; }
#der p { color:#000000; font-size:0.9em; font-family: Arial, Verdana Helvetica, BankGothic Md BT, sans-serif; text-decoration:none; }
#der td { font-family:  Arial, Verdana Helvetica, BankGothic Md BT, sans-serif;  vertical-align:middle; }
#der a { color:#FFFFFF; font-size:0.7em; font-family: Arial, Verdana Helvetica, BankGothic Md BT, sans-serif; text-decoration:none; }
#der a:hover { color: #000000; }
#pie p { color:#fff; font-size:1.4em; }
#pie a { color:#FFFFFF; font-size:0.7em; font-family: Arial, Verdana Helvetica, BankGothic Md BT, sans-serif; text-decoration:none; }
#pie a:hover { color: #000000; }
#relleno p { color:#FFFFFF; font-size:1em; font-family: Arial, Verdana Helvetica, BankGothic Md BT, sans-serif; font-weight: normal; text-decoration:none; background-color:#6AA2DA; }
#p_izq { 
    width:75px; height:450px; float:left; background-color:#5B8EC1;
}
#p_contenido {
    width:610px; float:left; background-color:#fff; height:450px; vertical-align:middle;
}
#p_der { 
    width:75px; height:450px; float:right; background-color:#5B8EC1;
}
#tabla {
	 padding: 3px;  border: 1px solid #ccc;  width: 98%; margin: 10px;
}
#tablach {
	 padding: 3px;  border: 1px solid #ccc;  width: 50%; margin: 10px;
}
.ban {
	position: absolute; top: 160px; left:  20px;
}
.ban {
	position: absolute;
	top: 160px;
	left: 20px;
}
.mat { color:#fff; font-size:1.2em; }

.changedField {
color:white; 
background: #2283D0; 
}
.currentField {
color:white; 
background:#BC241D; 
}
.ingreso {
	color:#fff; font-size:12pt; font-family: Arial, Verdana Helvetica, sans-serif; text-decoration:none;
}
.normal  { background-color: #FFFFFF; }
.normal8  { background-color: #CCFFFF; }
.marcado { 
	vertical-align: middle;
	text-align: left;
	background-color: #99CC99; 
	padding: 3px;		
	font-family: Arial, Verdana Helvetica, sans-serif; 
	font-size: 9pt; 
}
.toyaqui { 
	vertical-align: middle;
	text-align: left;
	background-color: #99CCFF;
	padding: 3px;		
	font-size: 9pt; 
}
.titbig {
	vertical-align: top;
	color: #000000;
	text-align: center;
	padding: 3px;
	font-family: Arial, Verdana Helvetica, sans-serif;
	font-size: 12pt;
	background-color:#FFFFFF;
}
.encabezado {
	vertical-align: top;
	color: #000000;
	text-align: center;
	padding: 3px;
	font-family: Arial, Verdana Helvetica, sans-serif;
	font-size: 9pt;
	background-color:#D3DCE3;
}
.celda_form {
	vertical-align: middle;
	color: #083B64;
	text-align: left;
	width: auto;
	padding: 3px 2px;
	font-size: 9pt;
	background-color: #FFFFFF;
	font-family: Arial, Verdana Helvetica, sans-serif;
	border: 1px solid #B1CAF6;
}
.celda_formb {
	vertical-align: middle;
	color: #000000;	
	text-align: right;
	width: auto;
	padding: 3px;
	font-size: 9pt;
	border-bottom: 1px solid #8a8a8a;
	font-family: Arial, Verdana Helvetica, sans-serif;
	background-color: #6194C7;
	font-weight: bold;
}
.celda_formc {
	vertical-align: middle;
	color: #083B64;
	text-align: center;
	width: auto;
	padding: 3px;	
	font-size: 9pt;
	background-color: #FFFFFF;		
	font-family: Arial, Verdana Helvetica, sans-serif;
	border: none;
}
.celda_formp {
	vertical-align: middle;
	color: #000000;
	text-align: left;
	width: auto;
	padding: 3px;	
	font-size: 9pt;
	background-color: #E7F3FD;
	font-family: Arial, Verdana Helvetica, sans-serif;
	border: none;	
}
.celda_form_bor {
	vertical-align: middle;
	color: #000000;
	text-align: left;
	width: auto;
	padding: 3px;
	font-size: 8pt;
	background-color: #FFFFFF;
	font-family: Arial, Verdana Helvetica, sans-serif;
	border: 1px solid #ccc;
}
.separador {
	vertical-align: middle;
	color: #000000;
	text-align: left;
	width: auto;
	padding: 3px;
	font-size: 8pt;
	background-color: #FFFFFF;
	font-family: Arial, Verdana Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
}
.separadorc {
	vertical-align: middle;
	color: #000000;
	text-align: center;
	width: auto;
	padding: 3px;
	font-size: 8pt;
	background-color: #FFFFFF;
	font-family: Arial, Verdana Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
}
.inputs {
	font-size:1em; background-color: #99CCFF;
}
.cliqueo { background:#CCFFFF; 
}
body { 
    text-align:center; /* centrado para IE.5 Parte 1 */ font-size:56.25%; 
    /* hago que 1 em=9px; con 62.5% sería 1em=10px; Luego podré utilizar medidas del tipo 1.1em, 1.2em, etc. */
    font-family:Arial, Verdana Helvetica, sans-serif;
}
a:link	{ color: #3366CC; }
a:visited {color: #3366CC; }
a:hover	{ color: #000000; }
p { color:#000000; font-size:0.8em; font-family: Arial, Verdana Helvetica, sans-serif; font-weight:normal; text-decoration:none; }
span { color:#000099; font-size:1.6em; font-family: Arial, Verdana Helvetica, sans-serif; font-weight: bold; text-decoration:none; }
#paginas { color:#000099; font-size:1.0em; font-family: Arial, Verdana Helvetica, sans-serif; font-weight: normal; text-decoration:none; }
img {
	border: none;
}
th {
	background-color: White; vertical-align: middle; font-family: Arial, Verdana Helvetica, sans-serif; font-size:smaller;  text-align: center; color:#000099;
}