h1           { font-family: Arial; font-size: 8pt; color: #666666; font-weight: 
               bold; position: relative; float:left; left:3; top:2; width:450 }


h2 /*titulo*/          { font-family: Arial Narrow; font-size: 15pt; color: #666666; font-weight: 
               bold; word-spacing: 0; text-align: left; float: left; 
               margin-top: 0; margin-bottom: 0; position:relative; left: 3; top: 8; width: 540; }

h3 /*cuerpo de noticias*/          { font-family: Arial; font-size: 9pt; word-spacing: 0; font-weight:normal;
               text-indent: 8; float: left; margin-left: 0; margin-top: 5; 
               margin-bottom: -2; color:#666666; line-height:100%; position: relative; left: 5; top: 22; width: 600; margin-right: 0; height: 1; }

h4 /*epigrafe*/          { font-family: Arial; font-size: 8pt; color: #666666; font-weight:normal;  font-style: italic; text-align:left; position: relative; float:left; left: 3; top: 2; width: 100 }

h5  /*texto de imag aleatoria*/         { font-family: Arial; font-size: 8pt; font-style: italic; color: #666666; font-weight: 
               bold; position: absolute; float: left; left: 4; top: 2px; width: 252 }



div.noticia { 
background-color: #FFFFFF; position: absolute; width: 400pt; top: 145; left: 40; height: 600; /*color bordó para el fondo*/
border: 0px solid #e7a219; /*color naranja para el borde*/ 
margin: 1px; 
padding: 2px;
}

.cabecera { 
background-color: #FFFFFF; position: relative; left: 0px; top: 0px; width: 450px; height: 75px;  
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.cabecerad { 
background-color: #FFFFFF; position: absolute; left: 577px; top: 10px; width: 250px; height: 80px;  
border: 0px solid; color: #C0C0C0;
font-family: Arial Narrow; font-size: 8pt; margin-top: 0; margin-bottom: 0;
padding: 2px;
} 

.cabeceradd /* es el div de la marca a la derecha*/{ 
background-color: #FFFFFF; position: absolute; left: 777px; top: 2px; width: 250px; height: 80px;  
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.cabecerac { 
background-color: #FFFFFF; position: absolute; left: 379px; top: 17px; width: 204px; height: 50px;  
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.barra /* carga la barra de navegacion*/{ 
background-color:#FFFFCC; position: absolute; left: 0px; top: 105px; width: 1000px; height: 5px;  
border-top: 3px solid; border-top-color:#0033FF;
border-bottom: 2px solid; border-bottom-color:#FF6666; margin: 10px; 
padding: 2px;
font-family: Arial; font-size: 8pt; word-spacing: 0;
} 

.izquierdo /*sin uso, es de la barra vieja izquierda*/{ 
background-color: #FFFFFF; position: absolute; left: 0px; top: 110px; width: 125px; height: 580px;  
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.pirulo { 
background-color:#FFFFCC; position: absolute; left: 0px; top: 142px; width: 110px; height: 20px;  
border-top: 3px solid; border-top-color:#0033FF; 
	padding: 4px;
	font-family: Arial Narrow; font-size: 14pt; color:#666666  margin-top: 2; margin-bottom: 2;
} 

.epigrafe { 
background-color:#FFFFCC; position: absolute; left: 350px; top: -110px; width: 40px; height: 20px;  
border-top: 3px solid; border-top-color:#0033FF; 
	padding: 4px;
	font-family: Arial Narrow; font-size: 14pt; color:#666666  margin-top: 2; margin-bottom: 2;
}

.primero { /*es el div que carga la foto de la derecha*/
background-color: #FFEADF; position: absolute; left: 730px; top: 145px; width: 260px; height: 255px;
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.segundo { /*es el div que carga la publicidad*/
position: absolute; left: 730px; top: 415px; width: 270px; height: 100px;  
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.tercero { /*es el div que carga la publicidad de google*/
position: absolute; left: 730px; top: 520px; width: 270px; height: 100px;  
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.bajo 
{ 
background-color: #FFFFFF; position: absolute; left: 652px; width: 360; height: 60; top: 526px; /*color bordó para el fondo*/
padding: 0px;
} 

img.        { width: 250; position: relative; left: 5; top: 35; float: left; }

img.notici        { width: 340; position: relative; left: 5; top: 35; float: left; }

.der { width: 250; position: absolute; left: 3; top: 3; float: } /*para la foto aleatoria*/

 
