@charset "utf-8";
/* CSS Document */

body, html, p, div, table, tr, td, h1, h2, h3, h4, h5, hr, ul, li { margin:0; padding:0;}
body { background-color:#c21a63;}
html { font-family:Arial, Helvetica, sans-serif;}
.clean, .clear { clear:both;}
hr {border-bottom: dotted 1px #fff; clear:both; margin: 5px 0;}
img { border:0;}

a {color:#fff; text-decoration:none;}

h1 em {float:right; font-size:12px; font-style:normal;}

#loading {background:url(../images/ajax_loader.gif) no-repeat center; min-height:32px; min-width:32px; border:none;}
li#loading {float:right;}

/*TOP*/
.top { position:fixed; top:0; left:0; width:100%; z-index:30; background-color:#c41a64; border-bottom:1px solid #9f114f;}
.topwrap { padding:10px; margin:0 auto; width:960px;}
.topwrap ul li { display:inline; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; border-right:1px solid #9f114f;}
.topwrap ul li a {color:#FFF; text-decoration:none; padding:10px;}
.topwrap ul li a:hover {color:#fff; text-decoration:none; background-color:#9f114f; }
.topwrap ul li a:select {background-color:#9f114f; }


.volver { background-color:#c41a64; border-bottom:1px solid #9f114f;}
.volverwrap { padding:10px; margin:0 auto; width:930px;}
.volverwrap ul li { display:inline; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; border-right:1px solid #9f114f;}
.volverwrap ul li a {color:#FFF; text-decoration:none; padding:10px;}
.volverwrap ul li a:hover,
.volverwrap ul li a.active {color:#fff; text-decoration:none; background-color:#9f114f; }
.volverwrap ul li a:select {background-color:#9f114f; }


/*MEDIO*/
.medio { background-color:#000; height:500px;}
.mediointerna { background-color:#000; position:relative;}

.derecho {width:300px; height:457px; background-color:#282828;}
.derechohistoria {width:308px; height:457px; background-color:#282828;}

#qbea { margin-top:40px;}



/*SECCION FACES*/

.faces { margin:0 auto; width:930px; background-color:#9e1551;}
.faces .textoimg { font-size:12px; color:#FFF; padding:5px 0;}
.faces h1 { font-size:20px; color:#000; padding:5px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.faces .fecha { font-size:11px; color:#CCC; margin-bottom:5px;}
.faces .fotosvarias { text-align:left;}
.faces .fotosvarias img { border:3px solid #4dc5e2; margin:0 17px 0 0;}
.faces .fotosvarias img:hover { border:3px solid #38a3bd;}
.btngaleria { padding:10px 0 0 3px; font-size:13px;}
.btngaleria a { color:#FFF; font-size:11px; font-weight:bold; text-decoration:none;}
.btngaleria a:hover { color:#ccc; text-decoration:none;}

/*COMENTARIOS*/
.comentarios { background-color:#FFF; padding:5px; text-align:center; margin:0 5px;}

.comentarioshistoria { background-color:#FFF; padding:5px; margin:0 5px;}

.comentario h2 { font-size:15px; margin-bottom:5px;}
.comentario p { font-size:12px;}

/*WALLPAPERS*/
.wallpaper {float:left; margin:5px; width:295px; text-align:center; border-bottom:1px solid #333; padding-bottom:5px;}
.wallpaper a {color:#fff; text-decoration:none; font-size:11px;}

/*CALENDARIO*/
.mes { font-size:16px; background-color:#333; color:#FFF; padding:10px;}
.calendario { background-color:#FFF;}

/*SECCION VIDEOS*/
.titulo { padding:5px; font-size:15px; font-weight:bold; color:#FFF; background:#4dc5e2;}
.titulo ul {margin:0; padding:0;}
.titulo ul li {list-style:none; text-align:center; margin:3px; padding:0;}
.titulo ul li a {color:#FFFFFF; display:block; font-size:20px; padding:3px; text-decoration:none;}
a.listavideo { text-decoration:none; color:#FFF;}
.listavideo:hover { background:#333;}

.listavideo a { color:#FFF; text-decoration:none; font-size:13px; }

.listavideo { background-color:#282828; padding:10px; border-bottom:1px solid #333; text-decoration:none;}
.listavideo img { float:left; margin:0 6px 0 0;}
.textolista { color:#FFF; font-size:18px; padding-top:20px;}
.close_mediointerna { font-size:11px; color:#FFF; text-decoration:none; padding-top:3px; color:#000;}
.close_mediointerna:hover { color:#333;}

/* SECCION WALLPAPERS */
.wallpapers {position:relative;}
.wallpapers ul {margin:0; padding:10px; position:absolute; top:15px; right:15px; background:url(../images/bg_white_transparent.png);}
.wallpapers ul li {margin:0; padding:0; list-style:none;}
.wallpapers ul li a {text-decoration:none; color:#000;}

/*SECCION FACEBOOK*/
.fansfacebook { margin-top:5px;}

/*ASOCIARSE*/
#asociarse { margin:0 auto; width:960px; background-color:#FFF; padding:10px 0;}

/*FOOTER*/
.footer { background-color:#000; }
.footer .foowrap { margin:0 auto; width:930px; color:#FFF; font-size:12px; padding:10px;}
.footer .foowrap a { color:#FFF; text-decoration:none;}
.footer .foowrap a:hover { color:#FFF; text-decoration:underline;}

#seccionfaces { background-color:#333;}
.ladoderecho { padding:5px;}

/*SECCION EVENTO DESTAQUE*/
.eventodestaque { padding:5px; font-size:11px; color:#FFF;}
.aficheevento { margin:5px 0; border:1px solid #4dc5e2;}
.aficheevento:hover { border:1px solid #38a3bd;}

/*HACETE SOCIO*/
.hacetesocio { margin-bottom:5px; background-color:#FFF; font-size:11px;}
.hacetesocio a { color:#000; text-decoration:none; font-size:11px;}
.hacetesocio a:hover { color:#333; text-decoration:none;}


/*COMUNIDAD*/
.comunidades { margin-bottom:5px;}

/*VIDEOS*/
.videos { }
.titulovideos {  color:#FFF; padding:10px 0 10px 0; background-color:#000; font-weight:bold;}

/*GALERIA*/
.galeria { padding:5px;}
.foto { padding:5px; float:left; margin-right:2px;}
.foto img {margin:0 0 2px 0; border:1px solid #4dc5e2;}
.foto img:hover { border:1px solid #38a3bd;}

.foto a { color:#FFF; text-decoration:none; font-size:11px; font-weight:bold;}
.foto a:hover { color:#ccc; text-decoration:none; font-size:11px; font-weight:bold;}

.volvergaleria { color:#FFF; font-size:15px; font-weight:bold; text-decoration:none;}
.volvergaleria:hover { color:#ccc;}

.fechagaleria { font-size:15px; font-weight:bold; text-decoration:none; color:#FFF;}

.fb_fotos {float:left; width:132px; height:88px; overflow:hidden; border:2px solid #50c2e6; margin:5px;}
.fb_fotos  img{width:132px;}

/*SPONSOR*/
.sponsors { background-color:#FFF; padding:5px; margin:5px 5px 0 5px;}

/* CONTANOS */
.contanos form {background:#fff;}
.contanos form label {width:100%; display:block; margin-bottom:7px;}
.contanos form input,
.contanos form textarea {width:300px; border:1px solid #aaa;}
.contanos form textarea {width:510px; height:150px;}
.contanos form input,
.contanos form textarea,
.contanos form select {margin-bottom:7px;}
.contanos form hr {clear:both; border:none; border-bottom:1px dotted #ccc; margin-bottom:7px;}

/*HISTORIAS*/
.historias { padding:5px;}
.historias h1 { font-size:15px; color:#FFF; font-weight:bold; margin:0 0 5px 0; padding:0;}
.historias a { font-size:11px; color:#FFF; text-decoration:none;}
.historias a:hover { font-size:11px; color:#ccc; text-decoration:none;}
.historias table td { padding:5px;}

.historia { padding:10px;}
.historia h1 { color:#FFF;}
.historia p { padding:10px; font-size:13px; color:#FFF;}

.compartir { padding:5px; background-color:#FFF;}
.compartir a { font-size:13px; color:#000; text-decoration:none;}
.compartir a:hover { font-size:13px; color:#333; text-decoration:none;}

.megusta { color:#FFF; text-decoration:none; font-size:15px; font-weight:bold;}

form { padding:10px 10px 10px 63px;}
form input { padding:5px; background-color:#f5f5f5; border:1px solid #FFF; width:445px;}
form input[type='submit'] { width:auto; float:right;}
form textarea { padding:5px; background-color:#f5f5f5; border:1px solid #FFF; width:445px;}
form p { font-size:13px; font-weight:bold;}
form a {color:#000;}
.comentar { padding:10px; font-weight:bold; background-color:#333; color:#FFF; width:110px;}

.liked { font-size:13px; color:#FFF;}

/*DESTAQUE INTERNA*/
.destaqueinterna { background-color:#000; padding:10px 0;}
.destaquewrap { margin:0 auto; width:930px;}

/*REPRODUCTOR MP3*/
.reproductor { position:absolute; top:12px; right:10px;}