#menunav {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
 margin: 0;
 padding:0;
}
#menunav li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 background-image:  url(imagenes/flecha.jpg);
 border-bottom: 1px solid #cccccc;
  border-top: 1px solid #ffffff;
}
#menunav ul {
 margin: 0;
 padding: 0;
 z-index: 30000;
}
#menunav ul li {
 border-bottom: 1px solid #cccccc;
  border-top: 1px solid #ffffff;
  z-index:100000;
}
#menunav a {
 display: block;
 text-decoration: none;
 padding: 4px 1px 4px 10px;
 color: #000000;
 line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover,
#menunav .menuon:active {
 color: #dd0000;
 background-color: #ffffff;
 letter-spacing: 0.01px;
 background-image:  url(imagenes/flecha_on.jpg);
}
/*Controlan los links y la imagen de flecha */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background-image:  url(imagenes/flefle.gif);
 background-repeat: no-repeat;
 background-position: right center;
}
#menunav .menutrg:hover {
 background-position: right center;
 background-image:  url(imagenes/flecha_on.jpg);
 /*background-repeat: repeat-x;*/
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0;
}
#menunav .menushow {
 left: auto;
 z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
 position: absolute;
 top: 138px;/*altura de comienzo del menu*/
 /*left: 10px;*/
 width: 11em;
 font-size: 0.85em;
 z-index:1000000;
}
#mentit{
font-family: Arial,helvetica, sans-serif; color: #FFFFFF; font-size: 11px; font-weight:bold;
list-style-type: none; background-image: url(imagenes/res.gif);
 background-repeat: no-repeat; padding-left: 20px; padding-top:3px;
height: 20px; width: 150px; margin:0; display:block;

}
/* ------------------------------------------------------------- */
marquee{ font-family: Arial,helvetica; font-size: 11px;	color: #FFFFFF; text-align:center;}

h3{ font-family:Arial, Helvetica, sans-serif; color:#000000;}

body{ /*background-image: url(imagenes/fred.png); background-repeat:*/ repeat-x; background-color:#3C3C3C;}

label {display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px;} 
textarea:focus{ background:#EAEAEA;} 
form span {display:block; font-size:90%;} 
form p {margin:0;} 
div#formulario {width:440px; border: 1px solid #d0cfcf; background: #F1F1F1;} 
/*form img {float:right;}*/
.inp{ font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 1px solid #DD0000; background-color:#FFFFFF;}
.inp:hover{ background-color:#E6E6E6;}
.inp:active{ background-color:#E6E6E6;}

.titnot{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#DD0000; font-weight:bold; padding:0px;}
.titnot .link{ color:#DD0000; text-decoration:none;}
.titnot .link:hover{ color:#000000;}

.titnot2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#DD0000; font-weight:bold; padding:0px;}
.titnot2 .link{ color:#DD0000; text-decoration:none;}
.titnot2 .link:hover{ color:#000000;}

.negro{ font-family: Arial,helvetica; font-size:11px; color: #000000; padding: 2px;
text-align: justify;}

.negro2{ font-family: Arial,helvetica; font-size:11px; color: #000000; padding: 1px;
text-align: justify;}

.negro3{font-family: Arial,helvetica; font-size:13px; color: #000000; font-weight:bold;}

.negro36{font-family: Arial,helvetica; font-size:15px; color: #000000; font-weight:bold;}

.negro4{ font-family: Arial,helvetica; font-size:11px; color: #000000; padding: 2px;}
.negro_ropa_encabezado{ font-family: Arial,helvetica; font-size:15px; font-style: bold; color: #000000; padding: 2px;}

.rojo{ font-family: Arial,helvetica; font-size:11px; color: #DD0000; padding: 2px;
text-align: justify;}

.blanco{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

.rojofecha{ font-family: Arial,helvetica; font-size:12px; color: #DD0000; padding-left: 5px; font-weight:bold; height:20px;}
.negrofecha{ font-family: Arial,helvetica; font-size:12px; color: #000000; padding-right: 5px; font-weight:bold; height:20px;}

.pie{ font-family: Arial,helvetica; font-size: 11px; color: #000000; padding: 4px; width:440px;}
.pie .link{ text-decoration: none; color: #000000;}
.pie .link:hover{ color: #DD0000;}

.blaroj{ text-decoration:none; color:#FFFFFF;}
.blaroj:hover{ color:#DD0000;}

.rojbla{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#DD0000;
text-decoration:none; font-weight:bold;}
.rojbla:hover{ color:#FFFFFF;}

.rojne{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
text-decoration:none; font-weight:bold;}
.rojne:hover{ color:#DD0000;}

.rone{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#DD0000;
text-decoration:none; font-weight:bold;}
.rone:hover{color:#000000;}

.der{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
text-align:center; font-weight:bold;}
.dertext{ background-image: url(imagenes/derlista.jpg); height:20px; border-bottom:1px solid #666666;
border-top: 1px solid #000000; font-family:Arial, Helvetica, sans-serif;
font-size:11px; color:#FFFFFF;}

.tablafase{ font-family: Arial, helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF;
background-image: url(imagenes/fases.png); width: 600px; height: 20px; text-align: center;}
.tablastat{ font-family: Arial, helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF;
background-image: url(imagenes/stat.png); width: 600px; height: 22px; text-align: center; padding-left: 2px;}
.tablagris{ font-family: Arial, helvetica; font-size: 11px; font-weight: bold; color: #333333;
background-image: url(imagenes/bar2.png); width: 600px; height: 22px; padding-left: 2px;}
.tablagris .link{ text-decoration:none; color: #000000;}
.tablagris .link:hover{ color: #666666;}
.tablagris2{ font-family: Arial, helvetica; font-size: 11px; color: #333333; background-image: url(imagenes/barref.jpg); width: 600px; padding: 2px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;}
.tablarojo{ font-family: Arial, helvetica; font-size: 11px; font-weight: bold; color: #DD0000;
background-image: url(imagenes/bar2.png); width: 600px; height: 22px; padding-left: 2px;}

.lasunto{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding-left: 18px; font-weight:bold; background-image: url(imagenes/lasunto.png); height:20px; width:460px; border-bottom:1px solid #FFFFFF;}
.lfecha{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:right; font-weight:bold; background-image: url(imagenes/lfecha.png); height:20px; width:150px; border-bottom:1px solid #FFFFFF;}
.lmensaje{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-image: url(imagenes/lmensaje.png); width:460px; text-align:center; border-right: 1px solid #FFFFFF; padding:2px;}
.lder{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; border-bottom:1px solid #333333; border-top:1px solid #000000; width:150px; height:40px; padding-left:5px;}
.paginar{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#DD0000; width:25px;}
.firmar{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ffffff; background: url(imagenes/lderfondo.png); height:25px; border-bottom: 1px solid #cccccc; border-top: 1px solid #333333; padding-left: 7px; margin-left:10px; width:150px;}
.firmar .link{ text-decoration:none; color:#ffffff;}
.firmar .link:hover{ color:#dd0000;}
.firmar .link:active{ color:#CC0000;}
.paginar .link{ color: #DD0000; text-decoration:none;}
.paginar .link:hover{ color: #000000;}
.paginar2{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; width:25px;}

.enlaces{ padding-left: 5px; background-image: url(imagenes/lmensaje.png); border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CCCCCC; display:block; height:80px; text-decoration:none;}
.cat{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; padding-left:18px; background-image: url(imagenes/lasunto.png); height:20px; display:block;}
.nombre{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#DD0000; font-weight:bold; padding-left:3px; text-decoration: none;}
.nombre .link{ text-decoration: none; color: #DD0000;}
.url{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; font-weight:bold;padding-left:3px; text-decoration: none;}
.url .link{ text-decoration: none;  color: #CCCCCC;}
.com{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding-left:3px; text-decoration: none;}
.com .link{ text-decoration: none;  color: #000000;}

.encuesta{ font-family: Arial,helvetica; font-size:11px; color: #000000; padding: 3px; font-weight: bold;}
.resp{ font-family: Arial,helvetica; font-size:11px; color: #000000; padding-left: 4px;}

.galtit{ font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 18px; background-image: url(imagenes/res.gif); width: 150px; color:#FFFFFF; font-weight:bold;}
.galtit .link{ text-decoration:none; color:#FFFFFF;}
.galfot{ width:150px; height:130px; background-image: url(imagenes/lderfondo.png); border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CCCCCC; text-align:center;}

.fixfecha{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; width:300px; height:20px; background-image: url(imagenes/lfecha.png); text-align:center; font-weight:bold;}
.fixfon{ width:300px; height:20px; background-image: url(imagenes/fix.png); border-bottom: 1px solid #cccccc; border-top: 1px solid #ffffff;}
.fixres{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; width:300px; height:20px; padding-left: 2px;  padding-right: 2px;}

.ures{ height:20px; background-image: url(imagenes/ures.png);border-bottom:1px solid #666666;
border-top: 1px solid #000000; width:440px;}
.urestit{ height:20px; background-image: url(imagenes/urestit.png); padding-left: 18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold;}

.feizq{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; background: url(imagenes/feizq.png); width:220px; height:20px; text-align:left; border-bottom:1px solid #FFFFFF;}
.feder{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; background: url(imagenes/feder.png); width:220px; height:20px; text-align:right; border-bottom:1px solid #FFFFFF;}
.miniizq{ border-right: 1px solid #FFFFFF; width:220px; background: url(imagenes/minipel2.jpg) no-repeat #F0F0F0;}
.minider{ border-left: 1px solid #FFFFFF; width:220px; background: url(imagenes/minipel2.jpg) no-repeat #F0F0F0;}

.cnotas{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding-left: 3px; background: url(imagenes/uresitem.png); border-bottom: 1px solid #cccccc; border-top: 1px solid #ffffff; height:20px; width:440px;}
.cnotas .link{ color:#000000; text-decoration:none;}
.cnotas .link:hover{ color:#DD0000;}

.fotolog{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#DD0000; padding-left: 3px; background: url(imagenes/flog.png); border-bottom:1px solid #666666;
border-top: 1px solid #000000; height:25px; white-space:370px;}
.fotolog .link{ text-decoration: none; color:#dd0000; }
.fotolog .link:hover{ color:#ffffff; }
.foli{ font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#cccccc; padding-left: 3px; background: url(imagenes/flog.png); border-bottom:1px solid #666666; border-top: 1px solid #000000; height:20px; width:370px;}
.foli .link{ text-decoration: none; color:#cccccc; }
.foli .link:hover{ color:#999999; }
.fodes{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding-left: 3px; background: url(imagenes/flog.png); width: 370px: border-bottom:1px solid #666666; border-top: 1px solid #000000; }
.ffon{ background: url(imagenes/flog.png);}

.juganomb{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:18px; background: url(imagenes/fjnomb.png); width:600px; height:20px; }
.jugadat{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:5px; width:600px;border: 1px solid #d0cfcf; background: #F1F1F1; }

.canciotit{ font-family:Arial, Helvetica, sans-serif; width:300px; font-size:12px; height:25px; font-weight:bold; color:#DD0000; text-align:center; background: url(imagenes/cancio.png); border-bottom: 1px solid #cccccc; border-top: 1px solid #ffffff;}
.cancion{ font-family:Arial, Helvetica, sans-serif; width:300px; font-size:11px; color:#000000; text-align:center; background: url(imagenes/cancio.png); border-bottom: 1px solid #cccccc; border-top: 1px solid #ffffff; padding-bottom:5px; padding-top:5px;}
.tema{ font-family:Arial, Helvetica, sans-serif; width:300px; font-size:11px; color:#000000; text-align:center; background: url(imagenes/cancio.png); border-bottom: 1px solid #cccccc; border-top: 1px solid #ffffff; padding-bottom:2px; padding-top:2px;}

.gals{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#DD0000; width:124px; background: #F1F1F1; text-align: center; height: 130px; border: 1px solid #d0cfcf;}
.gals .link{ text-decoration:none; color:#DD0000;}
.gals .link:hover{ color: #000000;}
.gals2{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; background: #F1F1F1; text-align: center; border: 1px solid #d0cfcf;}
.gals_title{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#DD0000; background: #F1F1F1; text-align: center; border: 1px solid #d0cfcf;}

.titmsn{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border: 1px solid #d0cfcf; background: #F1F1F1;}
.emomsn{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border: 1px solid #d0cfcf; background: #F1F1F1;}

.recueadro{ width:124px; background: #000000; height: 130px; border: 1px solid #d0cfcf;}
.ropa{ font-family: Arial,helvetica; font-size:11px; color: #000000; padding: 2px;}
.ropa .link{ text-decoration:none; color:#DD0000; font-size:20px;}

.ropa_titulo{ font-family: Century Gothic,Arial,helvetica; font-size:22px; color: #DD0000; padding: 2px; font-weight:bold;}
.ropa_pregunta{ font-family: Century Gothic,Arial,helvetica; font-size:15px; color: #FFFFFF; padding: 2px; font-weight:bold;}
.ropa_detalle{ font-family: Century Gothic,Arial,helvetica; font-size:12px; color: #FFFFFF; padding: 2px;}