/* CSS Document */

/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    color:#000000;
    text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
	padding-left:4px;
	
}

.NotaPrincipal {
font-family:Arial, Helvetica, sans-serif; font-size:22px; font:bold;
color:#398990; font-weight:bolder;

}
.BalazoPrincipal {
font-family:Arial, Helvetica, sans-serif; font-size:18px; font:bold;
color:#398990; font-weight:bolder;
}

.titulos {
font-family:Arial, Helvetica, sans-serif; font-size:16px; font:bold;
color:#398990; font-weight:bolder;
text-decoration:none;
}

.balazo {
font-family:Arial, Helvetica, sans-serif; font-size:12px; font:bold;
color:#000;
text-decoration:none;
}

.credito {
font-family:Arial, Helvetica, sans-serif; font-size:10px;
color:#0066CC;
text-decoration:none;
}



#contenedor {
    width:830px; /*ancho total de la pagina*/ 
    border:1px solid #CCC; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}

#lateral {
    width:190px; /*ancho total de la pagina*/ 
    border:1px solid #CCC; padding-left:5px; padding-right:5px; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    text-align:left; background-color:#f1f1f1 /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	
}