body {
font:normal 12px/15px Arial, Tahoma, Helvetica;
background-color:#FFFFFF;
text-align:left;
margin:0px;
}
#page{
width:1000px;
margin:0 auto;

}
a:link , a:visited, a:active{
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p{
font:normal 12px/15px Arial, Tahoma, Helvetica;
color: #333333;
padding:0px;
margin:0px;
}
h1{
font:bold 14px/19px Arial, Tahoma, Helvetica;
margin:0px;
padding:0px;
}
h2{
font:bold italic 14px/15px Arial, Tahoma, Helvetica;
margin:0px;
padding:0px;
}
h3{
font:bold 13px/15px Arial, Tahoma, Helvetica;
margin:0px 0 1px 0;
padding:0px;
}
h4{
font:bold 12px/15px Arial, Tahoma, Helvetica;
margin:0px;
padding:0px;
}
h5{
font:normal 18px/21px Arial Black, Tahoma, Helvetica;
color:#E61577;
margin:0 0 13px 0;
padding:0px;
letter-spacing: -1px;
}
.textoChico {
font:normal 11px/13px Arial, Tahoma, Helvetica;
color:#333333;
}
.textoChico2 {
font:normal 11px/15px Arial, Tahoma, Helvetica;
color:#333333;
}
.textoChico3 {
font:normal 11px/18px Arial, Tahoma, Helvetica;
color:#333333;
text-decoration:underline;
}
/*****************************   HEADER   *******************************/
#header{
width:1000px;
background-color:#FFC658;
font:normal 11px/12px Arial, Tahoma, Helvetica;
color:#444444;
float:left;
}
.logo{
width:398px;
float:left;
height:98px;
margin:2px 0 0 8px;
float:left;
}
.logoIMG{
background-image:url(/images/log_cosmo.png);
}
#login{
float:right;
margin:10px 9px 4px 0;
font:normal 11px/12px Arial, Tahoma, Helvetica;
color:#444444;
}
#login ul {
list-style-type:none;
margin:-1px 0 0 0;
padding:0px;
}
#login li {
float:left;
margin-right:6px;
}
#login input {
width:145px;
height:16px;
font:normal 11px/12px Arial, Tahoma, Helvetica;
color:#444444;
background-color:#FFFFFF;
border: 1px solid #A5ACB2;
padding:2px 0 0 3px;
margin:2px 4px 0 0;
}
.busqueda {
width:115px;
height:16px;
font:normal 11px/12px Arial, Tahoma, Helvetica;
color:#444444;
background-color:#FFFFFF;
border: 1px solid #A5ACB2;
padding:2px 0 0 3px;
margin:-5px 0 0 -3px;
}
.margen01 {
margin:0px;
}
#mensajero {
width:164px;
height:194px;
background-image:url(/images/fondos/fond_mensajero.gif);
font:normal 11px/14px Arial, Tahoma, Helvetica;
padding:59px 9px 15px 14px;
margin:9px 0 0 16px;
color:#333333;
float:left;
}
#mensajero b {
font-size:12px;
color:#0490bf;
}
/*****************************   MENU   *******************************/
#menu{
width:1000px;
background-color:#E61577;
float:left;
}
#fondoMenu{
width:1000px;
height:6px;
background-image:url(/images/fondos/fond_menu.gif);
float:left;
}
.avatars{
width:38px;
height:38px;
border:solid 1px #BFBEBE;
margin-right:6px;
}
.usuario {
font:bold 12px/15px Arial, Tahoma, Helvetica;
text-decoration:underline;
color:#444444;
}
.correccionLogin {
margin-bottom:18px;
}
/*****************************   SUBMENU  *******************************/
#submenu{
width:986px;
height:18px;
background-color:#FFE5F2;
font:normal 11px/12px Arial, Tahoma, Helvetica;
padding:3px 0 0 14px;
color:#E61577;
float:left;
}
#submenu ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#submenu li {
margin-right:32px;
float:left;
}
#submenu a:link , #submenu a:visited, #submenu a:active{
color:#E61577; 
text-decoration:underline;
}
#submenu a:hover {
color:#444444;
text-decoration:underline;
}
/*****************************   MINIMENU  *******************************/
#minimenu{
float:right;
margin:12px 10px 0 0;
}
#minimenu ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#minimenu li {
margin:0 6px;
float:left;
}
#minimenu a:link , #minimenu a:visited, #minimenu a:active{
display:block;
color:#444444;
text-decoration:none;
}
#minimenu li a:hover {
display:block;
color:#444444;
text-decoration:underline;
}
.ok{
position:relative;
margin:-9px 0 0 -2px;
}
/*****************************   SUPERIOR   *******************************/
#contenido{
width:1000px;
float:left;
height:auto;
background:#FFFFFF;
}
#superior{
width:972px;
height:339px;
background-image:url(/images/fondos/fond_sup.jpg);
background-color:#FFC658;
background-repeat: no-repeat;
background-position: bottom;
padding:0 16px 0 12px;
float:left;
}
#superior a:link , #superior a:visited, #superior a:active{color:#E61577}
#superior a:hover{color:#E61577}
#superior h1{
font:normal 15px/18px Arial Black, Tahoma, Helvetica;
text-transform:uppercase;
color:#E61577;
margin:0px;
padding:0px;
}
#superior h2{
font:normal 14px/18px Arial Black, Tahoma, Helvetica;
text-transform:uppercase;
margin:1px 0 2px 0;
padding:0px;
}
/*****************************   REVISTA   *******************************/
#revista{
width:139px;
float:right;
font:normal 10px/11px Tahoma, Arial, Helvetica;
color:#444444;
margin:9px 0 0 0;
}
#reviMes{
width:139px;
float:right;
font:normal 11px/12px Arial, Tahoma, Helvetica;
padding-bottom:4px;
color:#444444;
clear:both;
}
#revista h1{
font:normal 14px/16px Arial Black, Tahoma, Helvetica;
text-transform:capitalize;
color:#E61577;
margin:6px 0 1px 0;
padding:0px;
}
#revista a:link, #revista a:visited, #revista a:active, #reviMes a:link, #reviMes a:visited, #reviMes a:active{
color:#E61577; 
text-decoration:underline;
}
#revista a:hover, #reviMes a:hover{
color: #444444;
text-decoration:underline;
}
/*****************************   CENTRO   *******************************/
#izq{
width:160px;
margin:5px 14px 0 16px;
float:left;
}
#centro{
width:480px;
margin-top:5px;
float:left;
}
#der{
width:300px;
margin:-30px 16px 0 14px;
float:right;
}
.imagen{
margin-right:10px;
}
#caja, #caja3, #caja4, #caja5, #caja6, #caja7, #caja8, #caja9{
margin-bottom:14px;
float:left;
}
#caja2, #caja21{
width:233px;
margin-bottom:14px;
float:left;
}
.cajaInterior01{
width:138px;
background-color:#FFFFFF;
padding:0 9px 2px 9px;
margin:0 2px;
}
.cajaInterior02{
width:456px;
margin:0 2px;
background-color:#FFFFFF;
padding:0 10px;
float:left;
}
.cajaInterior03{
width:276px;
margin:0 2px;
background-color:#FFFFFF;
padding:0 10px;
float:left;
}
.cajaInterior04{
width:209px;
margin:0 2px;
background-color:#FFFFFF;
padding:0 10px;
float:left;
}
.cajaInterior05{
width:456px;
margin:0 2px;
background-color:#FFFFFF;
padding:0 10px;
float:left;
}
/*****************************   COLORES FONDOS   *******************************/
.fondoCosmo{background-color:#E61577}
.fondoRojo{background-color:#CC0000}
.fondoAzul{background-color:#0490BF}
.fondoRosa{background-color:#F26172}
.fondoViola{background-color:#F97DB8}
.fondoBlack{background-color:#787878}
.fondoVerde{background-color:#7EA517}
.fondoAmarillo{background-color:#FFAA30}
.fondoNaranja{background-color:#FF6600}
.fondoLila{background-color:#AB64CC}
.fondoCel{background-color:#53BDE0}
.fondoVerdeClar{background-color:#98C71C}
.fondoNarClaro{background-color:#FF9966}
.fondoAmarillo a:link, .fondoAmarillo a:visited, .fondoAmarillo a:active, .fondoAmarillo a:hover {color:#FFAA30}
.fondoVerdeClar a:link, .fondoVerdeClar a:visited, .fondoVerdeClar a:active, .fondoVerdeClar a:hover{color:#90BC1D}
.fondoNaranja a:link, .fondoNaranja a:visited, .fondoNaranja a:active, .fondoNaranja a:hover{color:#FF6600}
.fondoBlack a:link, .fondoBlack a:visited, .fondoBlack a:active, .fondoBlack a:hover {color:#787878}
.fondoViola a:link, .fondoViola a:visited, .fondoViola a:active, .fondoViola a:hover{color:#F97DB8}
.fondoVerde a:link, .fondoVerde a:visited, .fondoVerde a:active, .fondoVerde a:hover{color:#7EA517}
.fondoCosmo a:link, .fondoCosmo a:visited, .fondoCosmo a:active, .fondoCosmo a:hover{color:#E61577}
.fondoRosa a:link, .fondoRosa a:visited, .fondoRosa a:active, .fondoRosa a:hover {color:#F26172}
.fondoAzul a:link, .fondoAzul a:visited, .fondoAzul a:active, .fondoAzul a:hover{color:#0490BF}
.textoRosa a:link, .textoRosa a:visited, .textoRosa a:active, .textoRosa a:hover{color:#F26172}
.fondoRojo a:link, .fondoRojo a:visited, .fondoRojo a:active, .fondoRojo a:hover{color:#CC0000}
.fondoCel a:link, .fondoCel a:visited, .fondoCel a:active, .fondoCel a:hover {color:#28A6D0}
/*****************************   COLORES TEXTOS   *******************************/
.textoCosmo{color:#E61577;}
.textoRojo{color:#CC0000;}
.textoAzul{color:#0490BF;}
.textoRosa{color:#F26172;}
.textoViola{color:#F97DB8;}
.textoBlack{color:#787878;}
.textoVerde{color:#7EA517;}
.textoAmarillo{color:#FFAA30;}
.textoNaranja{color:#FF6600;}
.textoLila{color:#AB64CC;}
.textoCel{color:#53BDE0;}
.textoVerdeClar{color:#98C71C;}
.textoNegro{color:#333333;}
.textoGris{color:#666666;}
/*****************************   DIRECCIONARIO   *******************************/
#direccionario{
width:300px;
border-bottom:solid 1px #FEC9E2;
border-top:solid 1px #FEC9E2;
font:normal 11px/12px Arial, Tahoma, Helvetica;
color:#E61577;
padding:9px 0 13px 0;
margin-bottom:14px;
}
#direccionario h1{
font:normal 18px/20px Arial Black, Tahoma, Helvetica;
letter-spacing:-1px;
color:#E61577;
margin:0px;
padding:0px;
}
#direccionario a:link, #direccionario a:visited, #direccionario a:active{
color:#E61577;
}
#direccionario a:hover{
color:#E61577;
}
.textoBuscar {
clear:both;
}
#direccionario input {
width:195px;
height:17px;
font:normal 11px/12px Arial, Tahoma, Helvetica;
color:#444444;
background-color:#FFFFFF;
border: 1px solid #A5ACB2;
padding:2px 0 0 3px;
margin-top:6px;
}
.busqAvanzada {
float:right;
margin:7px 0 6px 0;
}
/*****************************   ENCUESTA   *******************************/
.cajaInteriorEncuesta, .cajaInteriorEncuesta2, .cajaInteriorEncuesta3{
width:146px;
background-color:#FFFFFF;
padding:0 0 2px 10px;
margin:0 2px;
}
.textoEncuesta{
width:138px;
padding-right:8px;
margin-bottom:8px;
}
.textoEncuesta02{
width:138px;
padding-right:8px;
margin-bottom:5px;
}
#encuesta{
width:146px;
height:228px;
overflow:auto;
margin-bottom:4px;
}
.opciones{
width:136px;
height:71px;
background-color:#D5F0F8;
font:normal 11px/13px Arial, Tahoma, Helvetica;
color:#333333;
margin-bottom:7px;
}
.opciones2{
width:136px;
height:71px;
background-color:#FFFFFF;
font:normal 11px/13px Arial, Tahoma, Helvetica;
color:#333333;
margin-bottom:7px;
}
.imagenEncu{
background-color:#FFFFFF;
padding-right:2px;
margin-right:8px;
}
.votar{
padding-top:10px;
margin:4px 0 1px 72px;
}
.textoVotar{
font:normal 11px/12px Arial, Tahoma, Helvetica;
text-decoration:underline;
color:#0490BF;
}
.cajaInteriorEncuesta a:link, .cajaInteriorEncuesta a:visited, .cajaInteriorEncuesta a:active{
color:#0490BF;
text-decoration:underline;
}
.cajaInteriorEncuesta a:hover {
color:#666666;
text-decoration:underline;
}
/*****************************   INTERIORES   *******************************/
#superiorInterior{
width:968px;
height:45px;
background-image:url(/images/fondos/fond_sup_inter.jpg);
font:normal 11px/12px Arial, Tahoma, Helvetica;
color:#E61577;
padding:9px 16px 0 16px;
float:left;
}
#superiorInterior a:link, #superiorInterior a:visited, #superiorInterior a:active{
color:#E61577;
text-decoration:underline;
}
#superiorInterior a:hover{
color:#E61577;
text-decoration:none;
}
#tabulacion{
text-align:right;
margin-bottom:14px;
}
#tabulacion b{
color:#E61577;
}
#tabulacion a:link, #tabulacion a:visited, #tabulacion a:active{
color:#333333;
text-decoration:none;
}
#tabulacion a:hover{
color:#333333;
text-decoration:underline;
}
/*****************************   RANKING DE NOTAS   *******************************/
#ranking{
width:300px;
font:normal 12px/21px Arial, Tahoma, Helvetica;
color:#333333;
}
.number{
width:12px;
font:bold 12px/21px Arial, Tahoma, Helvetica;
color:#0490BF;
display:block;
float:left;
text-align:right;
margin-right:10px;
}
#ranking h1{
font:normal 18px/20px Arial Black, Tahoma, Helvetica;
text-transform:uppercase;
letter-spacing:-1px;
color:#0490BF;
margin:0 0 7px 0;
padding:0px;
}
#menuRanking {
width:300px;
height:23px;
}
#menuRanking ul {
list-style-type:none; 
margin:0px; 
padding:0px;
}
#menuRanking li {
float:left;
margin:0 2px 0 0;
}
.menuRankingOn {
text-align:center; 
background-image:url(/images/fondos/fond_leid_on.gif);
padding-top:2px;
color:#FFFFFF;
width:92px;
height:21px;
}
.menuRankingOn a:link, .menuRankingOn a:visited, .menuRankingOn a:active {
color:#FFFFFF; 
text-decoration:none;
}
.menuRankingOn a:hover {
color:#FFFFFF; 
text-decoration:underline;
}
.menuRankingOff {
text-align:center; 
background-image:url(/images/fondos/fond_leid_off.gif);
padding-top:2px;
width:92px;
height:21px;
}
.menuRankingOff a:link, .menuRankingOff a:visited, .menuRankingOff a:active {
color:#0490bf; 
text-decoration:none;
}
.menuRankingOff a:hover {
color:#0490bf; 
text-decoration:underline;
}
/*****************************   FOOTER   *******************************/
#footer{
width:1000px;
/*margin:1px 16px 10px 16px;*/
text-align:center;
float:left;
background:#FFFFFF
}
.separador{
background-color:#E61577;
margin-bottom:11px;
width:968px;
height:5px;
float:left;
}
#footer ul {
text-align:center;
list-style-type:none;
margin:7px 0;
}
#footer li {
font:normal 12px/15px Arial, Tahoma, Helvetica;
color:#E61577;
margin:0 6px;
display:inline;
}
#footer a:link , #footer a:visited, #footer a:active{
color:#E61577; 
text-decoration:none;
}
#footer a:hover {
color: #E61577;
text-decoration:underline;
}
#otrosSitios {
font:normal 11px/14px Arial, Tahoma, Helvetica;
color:#333333;
margin-top:6px;
}
#otrosSitios a:link , #otrosSitios a:visited, #otrosSitios a:active{
color:#333333; 
text-decoration:none;
}
#otrosSitios a:hover {
color: #333333;
text-decoration:underline;
}
/*****************************   PUBLICIDAD   *******************************/
#bannerDer{
width:300px;
height:250px;
margin-bottom:14px;
}
#bannerInf{
width:728px;
height:90px;
margin:0 auto 18px auto;
}
#bannerSup{
width:1000px;
background-color:#E61577;
text-align:center;
padding:5px 0;
height:90px;
}
#rssEstilos a:link , #rssEstilos a:visited, #rssEstilos a:active{color:#e61577; text-decoration:none;}
#rssEstilos a:hover {color: #e61577; text-decoration:underline;}