h4{     color: white;
	position: relative; 
	top: -50px;				/* negativo a la izq */
	left: 50px;				/* negativo para arriba */
	z-index: 2;				/* LAYERS  capa 3 2 de contenido */
	background-color: #336699;
	}

.normal {  /*************** el normal por defaul  */
   color: #ffffff;      			/* color del txt */
   padding: 5px 0px 0px 5px;		    	/* alineacion general */
   font-family: Sans-Serif, Verdana, Arial; 	/* familia de fuentes */
   font-size: 10px;				
   font-weight: normal;				/* estilo fuente */
   text-decoration: none;			/* Decoracion, subrayado, etc. */
   text-indent: 0px;				/* espacio de tabulador */
   text-transform: uppercase;			/* cambiar a mayusculas */
   word-spacing: 10px;				/* espacio entre palabras */
   letter-spacing: 2px;				/* espacio entre caracteres */
}

.notanormal {
   color: #ffffff;      			/* color del txt */
   padding: 5px 0px 5px 5px;		    	/* alineacion general */
   font-family: Sans-Serif, Verdana, Arial; 	/* familia de fuentes */
   font-size: 10px;				
   font-weight: normal;				/* estilo fuente */
   text-decoration: none;			/* Decoracion, subrayado, etc. */
   text-indent: 0px;				/* espacio de tabulador */
   text-transform: uppercase;			/* cambiar a mayusculas */
   word-spacing: 3px;				/* espacio entre palabras */
   letter-spacing: 1px;				/* espacio entre caracteres */
}

.titulonota { /*************** titulos notas */
   color: green;      			
   padding: 5px 0px 0px 5px;		    	
   font-family: Sans-Serif, Verdana, Arial; 	
   font-size: 13px;	
   font-style: oblique;			
   font-weight: bolder;				
   text-decoration: none;			
   text-indent: 0px;				
   text-transform: uppercase;			
   word-spacing: 3px;				
   letter-spacing: 2px;				
}

.tituloseccion { /*************** titulos notas ej. titulo secciones */
   color: #FFFF00;      			
   padding: 0px 0px 0px 0px;		    	
   font-family: Sans-Serif, Verdana, Arial; 	
   font-size: 17px;	
   font-style: oblique;			
   font-weight: bold;				
   text-decoration: none;			
   text-indent: 0px;				
   text-transform: uppercase;			
   word-spacing: 3px;				
   letter-spacing: 2px;
   text-align: center;				
}

.fechanoticia { /*************** titulos notas ej. titulo secciones */
   color: red;      			
   padding: 0px 0px 0px 0px;		    	
   font-family: Sans-Serif, Verdana, Arial; 	
   font-size: 9px;	
   font-style: oblique;			
   font-weight: normal;				
   text-decoration: none;			
   text-indent: 0px;				
   text-transform: uppercase;			
   word-spacing: 3px;				
   letter-spacing: 2px;
   text-align: center;				
}



.datos { /*************** para datos en general ej. pie de pag. */
   color: #ffffff;      			
   padding: 0px 0px 0px 5px;		    	
   font-family: Verdana, Arial; 	
   font-size: 9px;				
   font-weight: normal;				
   text-decoration: none;			
   text-indent: 0px;				
   text-transform: uppercase;			
   word-spacing: 3px;				
   letter-spacing: 0px;	
   text-align: center;			
}

.calendario{  /*************** el normal por defaul  */
   color: #ffffff;      			/* color del txt */
   padding: 0px 0px 0px 0px;		    	/* alineacion general */
   font-family: Sans-Serif, Verdana, Arial; 	/* familia de fuentes */
   font-size: 11px;				
   font-weight: normal;				/* estilo fuente */
   text-decoration: none;			/* Decoracion, subrayado, etc. */
   text-indent: 0px;				/* espacio de tabulador */
   text-transform: uppercase;			/* cambiar a mayusculas */
   word-spacing: 0px;				/* espacio entre palabras */
   letter-spacing: 0px;				/* espacio entre caracteres */
}

p {
   color: navy;      			    	/* color del txt */
   padding: 0px 0px 0px 0px;		    	/* alineacion general */
   font-family: Sans-Serif, Verdana, Arial; 	/* familia de fuentes */
   font-size: 10px;				
   font-weight: normal;				/* estilo fuente */
   text-decoration: none;			/* Decoracion, subrayado, etc. */
   text-indent: 20px;				/* espacio de tabulador */
   text-transform: uppercase;			/* cambiar a mayusculas */
   word-spacing: 10px;				/* espacio entre palabras */
   letter-spacing: 3px;				/* espacio entre caracteres */
}


ol { 
    list-style-type: upper-roman;
    list-style-image: url(listArrow.gif);
    list-style-position: outside;
}						/*   Unordered list styles: square, circle, disc (default), 
						and none Ordered list styles: upper-alpha, lower-alpha, 
						upper-roman, lower-roman, decimal (default), and none*/	


/*************************************** links general*/
/*************************************** links */

a:focus{outline:none;}
	
a:link { 
text-decoration: none;
border: 0px solid white; }			/* links con adorno */


a:visited { 
text-decoration: none;
border: 0px solid white; }

 
a:hover { 
text-decoration: none;
border: 0px solid black; } 

/*************************************** links notas principales*/
/*************************************** links */

a.nota1:link { /* linknotabig */
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 15px;	
   font-style: oblique;			
   font-weight: bolder;				
   text-decoration: none;			
   text-indent: 0px;				
   text-transform:uppercase;			
   word-spacing: 2px;			
   letter-spacing: 2px;	
margin: 0px 0px 0px 0px;
padding: 0px;		
color: #ffffff; 
cursor: pointer;
background-color: #660000;
border: 0px solid white; 
text-align: justify;}			


a.nota1:visited { 
   font-family: Sans-Serif, Verdana, Arial; 	
   font-size: 15px;	
   font-style: oblique;			
   font-weight: bolder;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 2px;				 
   letter-spacing: 2px;	
margin: 0px 0px 0px 0px;
padding: 0px;		 
color: #ffffff; 
cursor: pointer;
background-color: #660000;
border: 0px solid white; 
text-align: justify;}

 
a.nota1:hover { 
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 16px;	
   font-style: oblique;			
   font-weight: bolder;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 6px;				 
   letter-spacing: 3px;	
margin: 0px 0px 0px 0px;
padding: 0px;		 
color: #ffffff; 
cursor: pointer;
background-color: #660000;
border: 0px hidden white; 
text-align: justify;} 


/*************************************** links noticiass secundarias */
/*************************************** links */

a.noti2:link { /* linknotasmall */		    	 
   font-family: Arial, Sans-Serif, Verdana, Arial; 	 
   font-size: 10px;				
   font-weight: normal;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 1px;				 
   letter-spacing: 1px;
margin: 3px 0px 0px 0px;
padding: 0px;		
color: #FFFFFF; 
cursor: pointer;
border: 0px solid white; 

}			


a.noti2:visited { 
   font-family: Arial, Sans-Serif, Verdana, Arial; 	 
   font-size: 10px;				
   font-weight: normal;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 1px;				 
   letter-spacing: 1px;	
margin: 3px 0px 0px 0px;
padding: 0px;		 
color: #FFFFFF; 
cursor: pointer;
border: 0px solid white; 

}

 
a.noti2:hover { 
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 12px;				
   font-weight: normal;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 1px;				 
   letter-spacing: 1px;
margin: 3px 0px 0px 0px;
padding: 0px;		 
color: #FFFFFF; 
cursor: pointer;
border: 0px solid white; 

} 


/*************************************** links notas secundarias */
/*************************************** links */

a.nota2:link { /* linknotasmall */		    	 
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 11px;				
   font-weight: normal;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 1px;				 
   letter-spacing: 1px;
margin: 3px 0px 0px 0px;
padding: 0px;		
color: #ffffff; 
cursor: pointer;
background-color: #660000;
border: 0px solid white; 

}			


a.nota2:visited { 
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 11px;				
   font-weight: normal;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 1px;				 
   letter-spacing: 1px;	
margin: 3px 0px 0px 0px;
padding: 0px;		 
color: #ffffff; 
cursor: pointer;
background-color: #660000;
border: 0px solid white; 

}

 
a.nota2:hover { 
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 12px;				
   font-weight: normal;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 4px;				 
   letter-spacing: 1px;
margin: 3px 0px 0px 0px;
padding: 0px;		 
color: #ffffff; 
cursor: pointer;
background-color: #660000;
border: 0px solid white; 

} 

/*************************************** links vermas*/
/*************************************** links */

a.vermas:link { /* link ver mas principal */		    	 
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 12px;				
   font-weight: normal;	
   font-style: oblique;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 1px;				 
   letter-spacing: 1px;
margin: 3px 0px 0px 0px;
padding: 0px 5px 0px 5px;	
color: #ffffff; 
cursor: pointer;
background-color: #990000;
border: 1px solid #666666;
}	
		 

a.vermas:visited { 
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 12px;				
   font-weight: normal;
   font-style: oblique;					 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 1px;				 
   letter-spacing: 1px;	
margin: 3px 0px 0px 0px;
padding: 0px 5px 0px 5px;		 
color: #ffffff; 
cursor: pointer;
background-color: #990000;
border: 1px solid #666666;  
}

 
a.vermas:hover { 
   font-family: Sans-Serif, Verdana, Arial; 	 
   font-size: 12px;				
   font-weight: normal;
   font-style: oblique;				 
   text-decoration: none;			 
   text-indent: 0px;				 
   text-transform: uppercase;			 
   word-spacing: 1px;				 
   letter-spacing: 1px;
margin: 3px 0px 0px 0px;
padding: 0px 5px 0px 5px;	 
color: #000000; 
cursor: pointer;
background-color: #ffffff;
border: 1px solid #000000; 
}