div 
{ 
background-color: #FFFFFF; position: relative; left: 120px; width: 580; height: 10; top: -110px; /*color bordó para el fondo*/
border-top: 0px dashed; color: #C0C0C0;
border-bottom: 0px dotted; margin: 10px; 
padding: 2px;
font-family: Arial Narrow; font-size: 15pt; color: #666666;
} 

.bajo 
{ 
background-color: #FFFFFF; position: relative; left: 120px; width: 560; height: 60; top: -130px; /*color bordó para el fondo*/
padding: 0px;
} 

.cont 
{ 
background-color: #FFFFFF; position: relative; left: 140px; width: 580; height: 10; top: -1px; /*color bordó para el fondo*/
border-top: 0px dashed; color: #C0C0C0;
border-bottom: 0px dotted; margin: 10px; 
padding: 2px;
} 

.grande /* es el que carga cada cuadro de noticias*/
{ 
background-color: #FFFFF; position: relative; left: 180px; width: 580; height: 5; top: -50px; /*color bordó para el fondo*/
border-top: 4px solid; color:#0099FF;
border-bottom: 0px dotted;margin: -50px; 
padding: 2px;
} 

.primero { /*es el div que carga la foto de la derecha*/
background-color:#F4F4F4; position: absolute; left: 710px; top: 140px; width: 260px; height: 255px;
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.segundo { /*es el div que carga la publicidad*/
position: absolute; left: 715px; top: 395px; 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: 500px; width: 270px; height: 100px;  
border: 0px solid; color: #C0C0C0;
padding: 2px;
} 

.cumples { /*es el div que carga los cumples en sociales*/
position: absolute; left: 730px; top: 800px; width: 270px; height: 300px;  
border: 0px solid; color: #C0C0C0;
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: 765px; 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 border top#0033FF */{ 
background-color:#FFFFCC; position: absolute; left: 0px; top: 105px; width: 1000px; height: 5px;  
border-top: 4px solid; border-top-color:#0099FF;
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:#F4F4F4; position: absolute; left: -12px; top: 131px; width: 110px; height: 420px;  
border-top: 0px solid; border-top-color:#0099FF; 
	padding: 4px;
	font-family: Arial Narrow; font-size: 14pt; color:#666666  margin-top: 2; margin-bottom: 2;
} 

img 

.marca { width="202"; height="72" }

.pr {
	width: 130px;
	position: absolute;
	left:10px;
	top: 1px;
float: ; height: 23px;
}
.imag_grande { width: 200; position: relative; left: 0px; top: 15px; float: }

.imag_grandee { width: 200; position: absolute; left: 3; top: 85; float: }

.der { width: 250; position: absolute; left: 3; top: 3; float: } /*para la foto aleatoria*/

.derc { height: 185; position: absolute; left: 50; top: 1; align: center; }



h1           { font-family: Arial; font-size: 8pt; color: #666666; font-weight: 
               bold; position: relative; float:left; left:3; top:2; width:450 }


h2           { 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           { font-family: Arial; font-size: 8pt; word-spacing: 0; font-weight: normal;
               text-indent: 8; float: left; margin-left: 0; margin-top: -1; 
               margin-bottom: -2; color:#666666; line-height:100%; position: relative; left: 5; top: 22; width: 420; margin-right: 0; height: 1; }

/* h4 es la etiqueta para texto de ultima actualizacion */
h4           { font-family: Arial; font-size: 8pt; color: #666666; font-weight: 
               bold; position: absolute; float:left; left:3; top:20; width:300 }
 /* h7 es la etiqueta para la barra de navegacion */
h7           { font-family: Arial; font-size: 10pt; color: #666666; font-weight: 
               bold; position: absolute; float:left; left:3; top: 8; width:300 }
          

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: 200px; width: 252 }

/* h6 es la etiqueta para texto del primer cuadro */
h6           { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; word-spacing: 0; font-weight: normal;
               text-indent: 10; float: left; margin-left: 0; margin-top: -1; 
               margin-bottom: -2; color:#666666; ; position: relative; left: 210; top: -135; width: 350; margin-right: 0; height: 1; }

a

a.g     { font-family: Arial; color: #0000FF; font-size: 8pt; position: absolute; 
               float: right; left: 260; top: 105; }
.a_grande     { font-family: Arial; color: #0000FF; font-size: 8pt; position: absolute; 
               float: right; left: 250; top: 136; }
.fijo     { font-family: Arial; color: #0000FF; font-size: 8pt; position: absolute; 
               float: right; left: 5; top: 25; }
.fij     { font-family: Arial; color: #0000FF; font-size: 8pt;  position: relative; 
               float: right; left: 15; top: 0; }

.dere     { font-family: Arial; color: #0033CC; font-size: 8pt; position: absolute; 
               float: right; left: 0; top: 0; }

a.g:link     {
	font-family: Arial;
	color: #0000FF;
	font-size: 8pt;
	position: absolute;
	float: right;
	left: 0px;
	top: 105;
	width: 8px;
}

.a_grande:link     { font-family: Arial; color: #0000FF; font-size: 8pt; position: absolute; 
               float: right; left: 250; top: 136; }
			   
.fijo:link     { font-family: Arial; color: #0000FF; font-size: 8pt; position: absolute; 
               float: right; left: 5; top: 25; }
			   
.fij:link     { font-family: Arial; color: #0000FF; font-size: 8pt;  position: relative; 
               left: 15; top: 0;}


.dere:link     { font-family: Arial; color: #0033CC; font-size: 8pt; position: absolute; 
               float: right; left: 0; top: 0; }

a.g:active     { font-family: Arial; color: #0000FF; font-size: 8pt; position: absolute; 
               float: right; left: 260; top: 105; }
			   
.a_grande:active     { font-family: Arial; color: #66CCFF; font-size: 8pt; position: absolute; 
               float: right; left: 250; top: 136; }

.dere:active     { font-family: Arial; color: #0033CC; font-size: 8pt; position: absolute; 
               float: right; left: 0; top: 0; }

.fijo:active     { font-family: Arial; color: #0000FF; font-size: 8pt; position: absolute; 
               float: right; left: 5; top: 25; }
			   
.fij:active     { font-family: Arial; color: #0000FF; font-size: 8pt;  position: relative; 
               left: 15; top: 0; }


a.g:hover	{ font-family: Arial; color: #0000FF; font-size: 10pt; position: absolute; 
               float: right; left: 262; top: 106; font-style:italic; font-weight:bold; }
			   
.a_grande:hover	{ font-family: Arial; color: #3399FF; font-size: 10pt; position: absolute; 
               float: right; left: 251; top: 138; font-style:italic; font-weight:bold; }

.dere:hover     { font-family: Arial; color: #0033CC; font-size: 10pt; position: absolute; 
               float: right; left: 0; top: 0; }
			   
.fijo:hover     { font-family: Arial; color: #0000FF; font-size: 8pt; position: absolute; 
               float: right; left: 5; top: 25; }
			   
.fij:hover     { font-family: Arial; color: #0000FF; font-size: 8pt;  position: relative; 
               left: 15; top: 0; }


content { body background-color: #0000FF; left: 60; width: 10; }
}


li {	position: relative; left: -8; top: 4 margin: 1px;	padding: 0px;	border: 0px none solid#C0C0C0; 
 }
 
marquee
     { font-family: Arial; font-size: 10pt; word-spacing: 0; 
               text-indent: 10; float: left; margin-left: 0; margin-top: -1; 
               margin-bottom: -2; color:#666666; line-height:100%; position: relative; left: 150; top: -3; width: 780; margin-right: 0; height: 150; }