#navi {  

	list-style:none;

	margin:0;

	padding:0;
; font-family: Arial, Helvetica, sans-serif

}

#navi li {

	margin:1px;

	padding:1px;

	border:1px solid#cccccc;
	float:left;
; font-family: Arial, Helvetica, sans-serif

	}

#navi li a {

	display:block; ; font-family: Arial, Helvetica, sans-serif//Convertimos el vínculo en un bloque.

	width:100px;

	padding:4px 0;

	text-decoration:none;

	text-align:center;

	font-size:14px;
        font:arial;

	color:#FFFFFF;

	background-color:#95c6e1;
	float:left;

}



#navi li a:hover {

	color:#ffffff;
	font-size:14px;
	background-color:#3f4c6c;
	float:left;

}.titulo {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333}
.contenido { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333 }
.titulograndote { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FFFFFF}