*{ margin:0; padding:0; }
body { 
   text-align:center; /* centrado para IE.5 Parte 1 */ font-size:56.25%; 
    /* 100% es 16px; con 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, Helvetica, sans-serif;
	background: #F6FCFF;
}
p { 
	color: Black;
	text-align: left;
	font: normal 10px Verdana;
}
#contenedor {
	width: 770px;
}
#cuerpo {
	text-align: center;
	width: 770px;	
}
#izquierdo {
	float: left;
	font: normal bolder 18px verdana;
	height: 845px;
	width: 159px;
	vertical-align: middle;
	background-color: #9DABB6;	
}
.presenta {
	background: #FFFFFF;
	font-family: Verdana, Trebuchet MS, Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #818181;
	width: 385px;
	margin-left: 30px;
	letter-spacing: 0.5px;
	line-height: 150%
}
#tabla {
	 border: 1px solid #818181;
    padding: 3px;	 
	 width: 98%; 
	 margin: 10px;
	 border-collapse: collapse;
}
#tablach {
	 padding: 3px;  border: 1px solid #818181;  width: 50%; margin: 10px;
}
th {
	background-color: White; 
	vertical-align: middle; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.5em;  
	text-align: center; 
	color:#000099;
}
.encabezado {
	vertical-align: top;
	color: #65A7CD;
	text-align: center;
	font-family: Verdana, Arial;
	font-size: 9pt;
	padding: 5px;
	border-width: 1px;
	border-color: #818181;
}
.celda_form {
	vertical-align: middle;
	color: #818181;
	text-align: left;
	width: auto;
	padding: 5px;
	font-size: 9pt;
	font-family: Arial, Verdana Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #818181;
}
.celda_formb {
	vertical-align: middle;
	color: #818181;	
	text-align: center;
	width: auto;
	padding: 3px;
	font-size: 9pt;
	border: 1px solid #818181;
	font-family: Arial, Verdana Helvetica, sans-serif;
	background-color: #E7F5F9;
	font-weight: bold;
}
.celda_formc {
	vertical-align: middle;
	color: #818181;
	text-align: center;
	width: auto;
	padding: 5px;
	font-size: 9pt;
	font-family: Arial, Verdana Helvetica, sans-serif;
	background-color: #D9E8FA;
	border-width: 1px;
	border-color: #818181;
}
.celda_formp {
	vertical-align: middle;
	color: #000000;
	text-align: left;
	width: auto;
	padding: 3px;	
	font-size: 9pt;
	background-color: #D9E8FA;
	font-family: Arial, Verdana Helvetica, sans-serif;
	border: 1px solid #818181;
}
.inputs {
	font-size: 8pt;
	background-color: #FFFFFF;
	border: 1px solid #89ACC8;
}
.marcado { 
	vertical-align: middle;
	text-align: center;
	background-color: #D8E6ED; 
	padding: 3px;		
	font-family: Arial, Verdana Helvetica, sans-serif; 
	font-size: 9pt; 
}
.marcadoleft { 
	vertical-align: middle;
	text-align: left;
	background-color: #D8E6ED; 
	padding: 3px;		
	font-family: Arial, Verdana Helvetica, sans-serif; 
	font-size: 9pt; 
}
#centro {
	float: left; 
	width: 460px; 	
	height: 655px;
	position: relative;
	top: -2px;
}
.centro {
	float: left;
	width: 459px;
	height: 400px;
	background-color: #FFFFFF;
	text-align: left;
	position: relative;
	top: -2px;	
}
.centro1 {
	float: left;
	width: 459px;
	height: 250px;
	background-color: #FFFFFF;
	text-align: left;
	position: relative;
	top: -2px;	
}
.codigo {
	float: left;
	height: 400px;
	background-color: #FFFFFF;
	text-align: left;
}
#derecho {
	float: left;
	font: normal bolder 18px verdana;
	height: 815px;
	width: 150px;
	vertical-align: middle;
	position: relative;
	top: -3px;
	left: 1px;
}
#arriba {
	float: none;
	width: 770px;
	background-color: #9DABB6;		
}
#deruser {
	float: left;
	width: 610px;
}
#abajo {
	float: none;
	width: 770px;	
}
.titu {
   font-family: Trebuchet, Verdana, Arial; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
	color: #3A728E;
}
.subtitulo {
	background: #DCDCDC;
	color: Black;
	text-align: center;
	font: bolder 24px Verdana;
	margin-top: 200px;	
}
.normal {
	background: #FFFFFF;
	color: Black;
	text-align: center;
	font: normal 10px Verdana;
	margin-left: 3px;
}
.backg {
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}
.marco {
	background-color: #FF99CC;
	width: 450px;
	border: 1px solid #B1CAF6;
	height: 240px;
}

