/*
===========================================
Hoja de estilos albertocontador.com
junio 2010
===========================================
*/


body{margin: 0;}


/* ENTRADA
==================================== */
#entrada { width:750px; margin:0 auto; background:#000;}


/* BANDERAS 
=============================== */
#banderas {font-family: Arial, Helvetica, sans-serif;font-size: 10px; color: #FFF; background: #000; width:400px; margin:0 auto; text-align:center; }
#banderas ul { list-style:none; }
#banderas ul li { width:150px; height:100px; float:left;}
#banderas ul li a {color: #fff; text-decoration:none;}
#banderas ul li a:hover {color: #fff; text-decoration:underline;}
#banderas img {margin:10px; border:none;}
#banderas a:hover {
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
-khtml-opacity: 0.5;

}


/* MENU SUPERIOR
============================== */
#menu-sup {width:650px; height:50px; margin:-10px 0 0 -20px;}
ul#menu-sup  {list-style:none; }
li#bio a { width:80px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#fff; float:left; padding-top:20px; text-decoration:none;}
li#bio a:hover { width:80px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#dbcb13; float:left; padding-top:20px; text-decoration:none; background:url(bg-menu-on.png) no-repeat center; }

li#palmares a { width:70px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#fff; float:left; padding-top:20px; text-decoration:none;}
li#palmares a:hover { width:70px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#dbcb13; float:left; padding-top:20px; text-decoration:none; background:url(bg-menu-on.png) no-repeat center; }

li#galeria a { width:70px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#fff; float:left; padding-top:20px; text-decoration:none;}
li#galeria a:hover { width:70px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#dbcb13; float:left; padding-top:20px; text-decoration:none; background:url(bg-menu-on.png) no-repeat center; }

li#multimedia a { width:85px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#fff; float:left; padding-top:20px; text-decoration:none;}
li#multimedia a:hover { width:85px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#dbcb13; float:left; padding-top:20px; text-decoration:none; background:url(bg-menu-on.png) no-repeat center; }

li#prensa a { width:110px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#fff; float:left; padding-top:20px; text-decoration:none;}
li#prensa a:hover { width:110px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#dbcb13; float:left; padding-top:20px; text-decoration:none; background:url(bg-menu-on.png) no-repeat center; }

li#tienda a { width:105px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#fff; float:left; padding-top:20px; text-decoration:none;}
li#tienda a:hover { width:105px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#dbcb13; float:left; padding-top:20px; text-decoration:none; background:url(bg-menu-on.png) no-repeat center; }

li#enlaces a { width:60px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#fff; float:left; padding-top:20px; text-decoration:none;}
li#enlaces a:hover { width:60px; height:33px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#dbcb13; float:left; padding-top:20px; text-decoration:none; background:url(bg-menu-on.png) no-repeat center; }

/* ======================================= */



/* BANNERS REDES SOCIALES 
========================================== */
#facebook {float:left; margin:30px 0 0 15px;}
#youtube {float:right;  margin:30px 20px 0 0; }
#twitter {float:left;  margin:20px 0 0 0; padding:0 0 5px 0;}



/* CAJA TWITTER 
========================================== */
#caja-twitter {width:323px; height:100px; margin:0; background:url(img/bg-twitter.gif) repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
#txt-caja-twitter {padding:10px 40px 10px 10px;}
#txt-caja-twitter a{color:#fff; text-decoration:none;}
#txt-caja-twitter a:hover {color:#fff; text-decoration:underline;}
#cab-caja-twitter {width:323px; height:37px; margin:0 0 0 0; background:url(img/cab-twitter.png) no-repeat;}
#pie-caja-twitter {width:323px; height:9px; margin:0 0 0 0; background:url(img/pie-twitter.gif) no-repeat;}



/* fondos */
.bg_principal {
	background-repeat: no-repeat;
	background-position: center top;
}
.bg_index {
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #0065AF;
	background-image: url(img/css_bg_sitio.jpg);
}
.bg_intro {
	background-color: #000000;
}
.bg_multimedia {
	background-image: url(img/css_bg_multimedia.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 77px;
	width: 868px;
}
.bg_fansclub {
	background-image: url(img/css_bg_fansclub.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	width: 600px;
}
.bg_descarga {
	border: 1px solid #FFCC00;
	height: 20px;
	vertical-align: middle;
	background-color: #000000;
}
.bg_foto {
	background-position: center center;
	background-repeat: no-repeat;
}
.bg_foto_chica_seccion {
	background-position: center -20px;
	background-repeat: no-repeat;
}


.bt_condiciones {
	border: 1px solid #333333;
	background-color: #FFCC00;
	padding: 10px;
	text-align: center;
}
.lk_condiciones {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.lk_condiciones:hover {
	color: #666666;
}


/* cajitas y celdas */ 
.celda_noticias {
	background-color: #0C3555;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #95B8CE;
	border-bottom-color: #95B8CE;
	border-right-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #95B8CE;
}

/* foro */
.celda_grupos {
	background-color: #37485E;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #94B6D6;
	padding-left: 10px;
}
.celda_mensajes {
	border-top: none;
	border-right: 1px solid #94B6D6;
	border-bottom: 1px solid #94B6D6;
	border-left: 1px solid #94B6D6;
	background-color: #000000;
}
.topico_cerrado {
	border-right: 1px solid #76A3C7;
	border-left: 1px solid #76A3C7;
	padding: 4px 10px 4px 22px;
	background-image: url(img/css_bg_bloqueado.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.topico_nuevo {
	border-right: 1px solid #76A3C7;
	border-left: 1px solid #76A3C7;
	padding: 4px 10px 4px 22px;
	background-image: url(img/css_nuevos_mensajes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.topico_activo {
	border-right: 1px solid #76A3C7;
	border-left: 1px solid #76A3C7;
	padding: 4px 10px 4px 22px;
	background-image: url(img/css_mensajes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.separador {
	border-right: 1px solid #76A3C7;
	padding: 4px 10px;
}
.separador-izquierda {
	border-left: 1px solid #76A3C7;
}
.numero_grande {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	/* font-weight: bold; */
	color: #FFFFFF;
}

/* celdas */
.celda_desarrollo {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #76A3C7;
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 22px;
	padding-top: 2px;
}

/* patrocinadores */
.celda_sponsor {
	background-color: #0C3555; /* antes -> #0E5283; */
	border-top: 1px solid #9EC3DE;
	border-bottom: 1px solid #9EC3DE;
	border-left: 1px solid #9EC3DE;
	background-image: url(img/css_bg_sponsor.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 75px;
}
.celda_sponsor_borde_derecho {
	border-right: 1px solid #9EC3DE;
}
.solapa_sponsor {
	writing-mode: tb-rl;
	filter: flipv fliph;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #F2F2F2;
	text-decoration: none;
}
.bg_solapa_sponsor {
	height: 77px;
	width: 21px;
	background-image: url('img/solapa_sponsor.gif');
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 3px;
}
.bg_solapa_twitter {
	height: 317px;
	width: 21px;
	background-image: url('img/solapa_twitter.gif');
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 3px;
}



/* tipograficos */
.titular_noticia {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
.fecha {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #76A3C7;
	text-decoration: none;
}
.titular_calendario {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
.titulo_categorias {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
.palmares {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFCC00;
	text-decoration: none;
}
.preguntas {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1DA3E2;
	text-decoration: none;
	font-weight: bold;
	vertical-align: bottom;
}
.precio {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #76A3C7;
	text-decoration: none;
	font-weight: bold;
}


/* tipografias con link */
.sumario {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #76A3C7;
	text-decoration: none;
}
.sumario:hover {
	color: #FFFFFF;
}
.titulos {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #76A3C7;
	text-decoration: none;
}
.titulos:hover {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FFFFFF;
	text-decoration: none;
}
.texto {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E8ECEE;
	text-decoration: none;
	line-height: 18px;
}
.texto:hover {
	color: #FFCC00;
}
.categorias {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
}
.categorias:hover {
	color: #FFFFFF;
}
.texto_negro {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.texto_negro:hover {
	color: #990000;
}
.ubicacion {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 16px;
	color: #76A3C7;
	text-decoration: none;
	font-weight: bold;
}
.ubicacion:hover {
	color: #FFFFFF;
}
.ubicacion_sel {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.links_pie {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #4E6681;
	text-decoration: none;
}
.links_pie:hover {
	color: #333333;
}
.titulo_categorias {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
.titulo_categorias:hover {
	color: #FFFFFF;
	
}

/* bullets */
.bullet {
	padding-left: 30px;
	background-image: url(img/css_bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.bullet_chico {
	padding-left: 10px;
	background-image: url(img/css_bullet_chico.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* paginador */
.paginador {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	text-align: center;
	background-color: #FFCC00;
}
.paginador_sel {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
	border: 1px solid #FFCC00;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	text-align: center;
	background-color: #000000;
}


/* bordes y separadores */
.borde_foto {
	border: 1px solid #94B6D6;
	padding: 4px;
	background-color: #0C3555;
}
.bordetabla {
	padding: 4px;
	border-bottom: none;
	background-image: url(img/css_bg_filete.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.borde_tabla_creditos {
	border: 1px solid #94B6D6;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #0065AF;
	background-image: url(img/css_bg_sitio.jpg);
}


/* botones */
.bt_descarga {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
}
.bt_descarga:hover {
	color: #FFFFFF;
}
.celda_bt_comprar {
	padding: 5px 7px;
	font-size: 11px;
	border: 1px solid #303030;
	/*
	background-image: url(img/css_bg_boton.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	*/
	background-color: #FFCC00;
}
.bt_comprar {
	font-size: 11px;
	color: #333333;
	font-family: Tahoma;
	text-decoration: none;
}
.bt_comprar:hover {
	color: #CC0000;
}

/* no van */
.celda_login {
	background-color: #0C3555;
	border-width: 1px;
	border-style: solid;
	border-color: #95B8CE;
}

/* ficha */
.ficha_nombre_user {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
}
.ficha_nombre_real {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #76A3C7;
	text-decoration: none;
}
.ficha_texto {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #76A3C7;
	text-decoration: none;
}

.pie_tienda {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #ffcc00;
}


.link_condiciones {
	color: #95B8CE;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	
}
.link_condiciones:hover {
	border-bottom: 1px dotted #95b8ce;
}

.link_importante {
	color: #ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
.link_importante:hover {
	border-bottom: 1px dotted #ffffff00;
	font-weight: bold;
}