@charset "utf-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	margin: 0; /* margenes y padding del body en 0 para mantener estandar con los distintos navegadores */
	padding: 0;
	text-align: center; /* pa centrar el contenedor en IE5x */
	color: #000;
}
#contenedor {
	width:878px;
	position:relative;
	background:#121212 url(../imagenes/minisiteV2/fondo.jpg) no-repeat;
	background-position:top;
	text-align:left; /* alinear textos */
	margin:0 auto; /* centra el contenedor */
	border: 0px solid black; 
}
#superior{
	width:878px;
	height:1371px;
}
#bigBanner{
	position: absolute;
	left:75px;
	top:32px;
	width:728px;
	height:90px;
}
#bannerLateral{
	position:absolute;
	left:652px;
	top:859px;
	width:180px;
	height:150px;
}
#bannerUnder{
	width:336px;
	height:280px;
	margin:10px 0 30px 180px;
	float:left;
}
#nombreBanda{
	position:absolute;
	left:15px;
	top:307px;
	width:600px;
	height:37px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
#fotoPerfil{
	position:absolute;
	left:31px;
	top:389px;
	width:333px;
	height:250px;
	overflow:hidden;
}
#player{
	position:absolute;
	left:385px;
	top:501px;
	width:221px;
	height:136px;
}
#mp3Descarga1{
	position:absolute;
	left:670px;
	top:575px;
	width:170px;
	height:17px;
}
#mp3Descarga2{
	position:absolute;
	left:670px;
	top:599px;
	width:170px;
	height:15px;
}
#mp3Descarga1, #mp3Descarga2{
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	overflow:hidden;
}
#contactoMail{
	position:absolute;
	left:645px;
	top:696px;
	width:203px;
	height:129px;
}
#contactoMail #nombre{
	position:absolute;
	left:7px;
	top:6px;
	width:151px;
	height:16px;	
}
#contactoMail #nombre input{
	position:absolute;
	left:0px;
	top:0px;
	width:151px;
	height:16px;
	background:transparent;
	border:0px;
}
#contactoMail #mensaje{
	position:absolute;
	left:7px;
	top:26px;
	width:188px;
	height:75px;
}
#contactoMail #mensaje textarea{
	position:absolute;
	left:0px;
	top:0px;
	width:178px;
	height:65px;
	padding:5px;
	background:transparent;
	border:0px;
}
#contactoMail #enviar{
	position:absolute;
	left:136px;
	top:105px;
	width:63px;
	height:22px;
}
#contactoMail #enviar input{
	position:absolute;
	left:0px;
	top:0px;
	width:63px;
	height:22px;
	background:url(/imagenes/minisiteV2/btnEnviarContacto.jpg) no-repeat;
	border:0px;
}
#contactoMail #enviar input:hover{
	background-position:0 -22px;
}
#contactoMail #limpiar{
	position:absolute;
	left:55px;
	top:105px;
	width:63px;
	height:22px;
}
#contactoMail #limpiar input{
	position:absolute;
	left:0px;
	top:0px;
	width:63px;
	height:22px;
	background:url(/imagenes/minisiteV2/btnLimpiarContacto.jpg) no-repeat;
	border:0px;
}
#contactoMail #limpiar input:hover{
	background-position:0 -22px;
}
#contactoFono{
	position:absolute;
	left:670px;
	top:726px;
	width:170px;
	height:16px;
}
#contactoWeb{
	position:absolute;
	left:670px;
	top:823px;
	width:170px;
	height:16px;
}
#contactoMail, #contactoFono, #contactoWeb{
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	overflow:hidden;
}
#resenia{
	position:absolute;
	left:31px;
	top:733px;
	width:554px;
	height:246px;
	padding:10px;
	font-size:12px;
	overflow:auto;
}
#adsense{
	position: absolute;
	left:645px;
	top:810px;
	width:200px;
	height:200px;
	border:0px solid red;
}
#video{
	position:absolute;
	left:21px;
	top:1098px;
	width:320px;
	height:260px;
}
#anterior{
	position:absolute;
	left:501px;
	top:1330px;
	width:114px;
	height:31px;
}
#anterior a{
	position:absolute;
	left:1px;
	top:0px;
	width:114px;
	height:31px;
	background:url(../imagenes/minisiteV2/anterior.jpg) no-repeat;
}
#anterior a:hover{
	background-position:0 -31px;
}
#siguiente{
	position:absolute;
	left:615px;
	top:1330px;
	width:110px;
	height:31px;
}
#siguiente a{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:31px;
	background:url(../imagenes/minisiteV2/siguiente.jpg) no-repeat;
}
#siguiente a:hover{
	background-position:0 -31px;
}
#fotos{
	position:absolute;
	left:377px;
	top:1108px;
	width:468px;
	height:230px;
	overflow:hidden;
}
#fotos .foto{
	width:68px;
	height:51px;
	margin:13px 5px;
	float:left;
}
#mask {
	width:468px;
	height:230px;
	overflow:hidden;
	border:0px solid #666;
	position:relative;
	}
.col {
	display:block;
	width:468px;
	height:230px;
	float:left;
}
#inferior{
	width:878px;
	background:#121212 url(../imagenes/minisiteV2/fondoAbajo2.jpg) no-repeat;
}
#ampliable{
	width:878px;
	
}
#centro{
	width:636px;
	float:left;
}
#sideBar{
	width:242px;
	float:left;
}
#categoriasBlog{
	width:242px;
	height:163px;
	float:left;
}
#botonGeneral{
	margin-left:8px;
	margin-top:27px;
	width:203px;
	height:29px;
}
#botonGeneral a{
	display:block;
	width:203px;
	height:29px;
	background:url(../imagenes/minisiteV2/botonGeneral.jpg) no-repeat;
	text-decoration:none;
}
#botonGeneral a:hover{
	background-position:0 -29px;
	text-decoration:none;
}

#botonNoticias{
	margin-left:9px;
	margin-top:0px;
	width:202px;
	height:28px;
}
#botonNoticias a{
	display:block;
	width:200px;
	height:28px;
	background:url(../imagenes/minisiteV2/botonNoticias.jpg) no-repeat;
	text-decoration:none;
}
#botonNoticias a:hover{
	background-position:0 -28px;
	text-decoration:none;
}
#botonEventos{
	margin-left:9px;
	margin-top:0px;
	width:202px;
	height:28px;
}
#botonEventos a{
	display:block;
	width:202px;
	height:28px;
	background:url(../imagenes/minisiteV2/botonEventos.jpg) no-repeat;
	text-decoration:none;
}
#botonEventos a:hover{
	background-position:0 -28px;
	text-decoration:none;
}
#botonRegalos{
	margin-left:9px;
	margin-top:0px;
	width:202px;
	height:28px;
}
#botonRegalos a{
	display:block;
	width:202px;
	height:28px;
	background:url(../imagenes/minisiteV2/botonRegalos.jpg) no-repeat;
	text-decoration:none;
}
#botonRegalos a:hover{
	background-position:0 -28px;
	text-decoration:none;
}
#categoriasBlog .cantidad{
	position:relative;
	width:30px;
	height:21px;
	margin-left:2px;
	padding-top:7px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#000;
	display:block;
}
#shoutBox{
	position:relative;
	width:223px;
	height:331px;
	margin-top:10px;
	border:0px solid red;
	float:left;
	background:url(/imagenes/rockbox/fondo.jpg) no-repeat;
	font-size:10px;
}
#shoutBox input, textarea{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#shoutLimpiar{
	position:absolute;
	left:56px;
	top:132px;
	width:49px; 
	height:16px;
}
#shoutLimpiar input{
	width:49px; 
	height:16px;
	border:0px;
	background:url(../imagenes/rockbox/limpiar.jpg) no-repeat;
}
#shoutLimpiar input:hover{
	background-position:0 -16px;
}
#shoutEnviar{
	position:absolute;
	left:122px;
	top:132px;
	width:50px; 
	height:16px; 
}
#shoutEnviar input{
	width:50px; 
	height:16px;
	border:0px;
	background:url(../imagenes/rockbox/enviar.jpg) no-repeat;
}
#shoutEnviar input:hover{
	background-position:0 -16px;
}
#shoutMensajes{
	position:absolute;
	left:15px;
	top:157px;
	width:194px;
	height:155px;
	overflow:auto;
	color:#FFF;
}
#amigos{
	margin-top:57px;
	width:223px;
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-bottom:30px;
}
#amigos a{
	color: #9b9b9b;
}
#entradasBlog{
	margin-left:32px;
	margin-top:26px;
	width:570px;
	height:184px;
	float:left;
}
#entradasBlog .entrada{
	width:570px;
	height:43px;
	margin-bottom:4px;
	overflow:hidden;
}
#entradasBlog .entrada a{
	display:block;
	width:540px;
	height:43px;
	background:url(../imagenes/minisiteV2/fondito.png) no-repeat;
	text-decoration:none;
	color:#7f1f19;
	padding:5px 0 0 30px;
}
#entradasBlog .entrada a:hover{
	background-position:0 -43px;
	text-decoration:none;
}
#blog{
	width:636px;
}
#blog h2{
	color: #7f1f19;
}
#post{
	margin: 10px 25px;
	width: 586px;
}
#tituloPost{
	color:#7f1f19;
}
#tituloPost h2, #publicar h2{
	margin:3px 0;
	padding:0px;
	color: #7f1f19;
}
#datosPost{
	color:#7f1f19;
	font-size:11px;
	margin-left:16px;
}
#contenidoPost{
	color:#FFF;
	margin-left:16px;
}
#paginas{
	width:100%;
	font-size:12px;
	font-weight:bold;
	float:left;
	text-align:center;
	margin-top:5px;
	color:#7f1f19;
}
#blog{
	margin-top:30px;
	width:636px;
	float:left;
	font-size:12px;
}
#publicar{
	margin: 36px 25px 0 25px;
	width: 586px;
	overflow:hidden;
	float:left;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}
#formularioPublicar{
	width: 586px;
	height:1px;
}
#comentarios{
	color:#7f1f19;
	margin:20px 25px;
}
#comentarios .comentario{
	color:#FFF;
	margin:0 0 15px 16px;
	padding-bottom:4px;
	border-bottom:3px double #7f1f19;

}
#formularioComentario{
	height:180px;
	margin:25px 0 15px 16px;
	display:block;
}
#sobreFormularioComentario{
	position:relative;
	width:100%;
	height:180px;
	top:-200px;
	border:0px solid green;
    background-color: black;
    z-index:1001;
	display:none;
	border: 1px solid red;
	
}
#infoSobreFormularioComentario{
	position:absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    z-index:1002;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.cleaner {
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:#FFFFFF;
	line-height: 0px;
}
a:link {
	text-decoration:none;
	color:#AA0004;
}
a:visited {
	text-decoration: none;
	color:#AA0004;
}
a:hover {
	text-decoration: none;
	color:#333;
}
a:active {
	text-decoration: none;
	color:#333;
}
#pie{
	height:30px;
	width:878px;
	background-color:#000;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	padding-top:4px;
}

#pie a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#pie a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#pie a:hover {
	text-decoration: none;
	color: #333333;
}
#pie a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#sobrePublicar{
	position:relative;
	width:584px;
	height:465px;
	top:-446px;
	border:0px solid green;
    background-color: black;
    z-index:1001;
	display:none;
	border:1px solid red;
}
#infoSobrePublicar{
	position:absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    z-index:1002;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
#linkBannerTop{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width: 728px;
	height:90px;
	cursor:pointer;
}
#linkBannerTop a{
	position:absolute;
	left:0px;
	top:0px;
	width:728px;
	height:90px;
}
#linkBannerLateralMini{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width: 200px;
	height:150px;
	cursor:pointer;
}
#linkBannerLateralMini a{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:150px;
}

/** iconos botones logeado **/
#boton-home, #boton-administrar, #boton-salir, #boton-cambiar-password, #boton-ir-minisite{
	position:relative;
	width:48px;
	height:48px;
	margin:0 auto;
}
#boton-home a{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(/imagenes/iconos-login/home.png) no-repeat;
}
#boton-home a:hover{
	background-position:0 -48px;
}
#boton-administrar a{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(/imagenes/iconos-login/configurar.png) no-repeat;
}
#boton-administrar a:hover{
	background-position:0 -48px;
}
#boton-salir a{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(/imagenes/iconos-login/salir.png) no-repeat;
}
#boton-salir a:hover{
	background-position:0 -48px;
}
#boton-cambiar-password a{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(/imagenes/iconos-login/password.png) no-repeat;
}
#boton-cambiar-password a:hover{
	background-position:0 -48px;
}
#boton-ir-minisite a{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(/imagenes/iconos-login/ir.png) no-repeat;
}
#boton-ir-minisite a:hover{
	background-position:0 -48px;
}

#sidebar-menu	{ display:none; width:61px; background:#333; border:1px solid #000; padding:5px 10px; -webkit-border-radius:10px; -moz-border-radius:10px; z-index:10; }
#sidebar-menu ul{ padding:0; list-style-type:none; }
#sidebar-menu a	{ color:#fff; display:block; height:61px; width:61px; text-indent:-3000px; overflow:hidden; margin-bottom:3px; }