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

#wrap {
	background: url(../imagenes/perfil/background.jpg) top left no-repeat;
}

#cuerpo {
	margin-top: -35px;
	padding: 0;
	color: #666;
}

#cuerpo h4.red_brugal {
	margin: 0 0 0 247px;
	width: 196px;
	height: 35px;
	text-indent: -9999px;
	background: url(../imagenes/perfil/red_brugal.png) top left no-repeat;
}
#perfil {
	width: 440px;
	float: left;
	position: relative;
	top: -92px;
	margin: 26px;
}

/*################## RESUMEN ################*/

#resumen {
	float: left;
	width: 207px;
	height: 112px;
	overflow: hidden;
	color: #FFF;
	padding: 12px 0 0 15px;
	background: url(../imagenes/perfil/bg_resumen.png) top left no-repeat;
}

#resumen img {
	float: left;
	width: 90px;
	height: 90px;
	margin-right: 6px;
}

#resumen h2 {
	float: left;
	width: 100px;
	height: 30px;
	overflow: hidden;
	font-size: 11px;
	margin: 0;
}

#resumen p {
	float: left;
	width: 100px;
	font-size: 11px;
	margin: 0;
}

/*################## DETALLES ################*/

#detalles {
	float: left;
	position: relative;
	top: -13px;
	maring: 0;
	padding: 12px 0 0 15px;
	width: 202px;
	height: 110px;
	#height: 50px;
	overflow: hidden;
	background: #FFF;
}

#detalles li {
	list-style: none;
}

#detalles li a {
	display: block;
	color: #2F547B; /*#00a0c5;*/
	font-size: 11px;
	text-decoration: none;
	padding-left: 22px;
	width: 202px;
	height: 15px;
	background: url(../imagenes/perfil/iconos_resumen.png) top left no-repeat;
}

#detalles li a:hover {
	text-decoration: underline;
}

	#detalles li.info a {
		background-position: 0px 0px;
	} #detalles li.info a:hover {
		background-position: 0px -91px;
	}
	
	#detalles li.fotos a {
		background-position: 0px -15px;
	} #detalles li.fotos a:hover {
		background-position: 0px -106px;
	}
	
	#detalles li.mensajes a {
		background-position: 0px -30px;
	} #detalles li.mensajes a:hover {
		background-position: 0px -121px;
	}
	
	#detalles li.tragos a {
		background-position: 0px -45px;
	} #detalles li.tragos a:hover {
		background-position: 0px -136px;
	}
	
	#detalles li.mural a {
		background-position: 0px -62px;
	} #detalles li.mural a:hover {
		background-position: 0px -153px;
	}
	
	#detalles li.eliminar a {
		background-position: 0px -77px;
	} #detalles li.eliminar a:hover {
		background-position: 0px -168px;
	}


/*################## AMIGOS ################*/

.bloque {
	width: 427px;
	background: #FFF;
	padding: 0 0 0 12px;
}

.bloque h3.titulo {
	float: left;
	background: #d1e8f1;
	margin: -15px 0 15px -24px;
	width: 429px;
	height: 15px;
	font-size: 11px;
	color: #434b4c;
	padding-left: 22px;
}

.bloque p.total, .bloque p.total a {
	color: #30547C; /*#34a5c8;*/
	font-size: 11px;
}

/*################## AMIGOS LIST ################*/

#amigos_list dl.amigo {
	float: left;
	margin: 0;
}

#amigos_list dl.amigo dt {
	display: none;
}

#amigos_list dl.amigo dd {
	margin: 0 4px 0 0;
}

#amigos_list dl.amigo dd a img {
	border: 1px solid #FFF;
}

#amigos_list dl.amigo dd a:hover img {
	border: 1px solid #4aa9ca;
}

/*################### AMIGOS FORM ##########################*/
#amigos form {
	clear: both;
	margin-left: 148px;
}
#amigos form label {
	font-size: 12px;
}

#amigos form input[type=text] {
	position: relative;
	top: 1px;
	width: 112px;
	height: 12px;
	border: 0;
	margin: 0;
	color: #FFF;
	background: #00a0c5;
	font-size: 11px;
}

#amigos form input[type=submit] {
	position: relative;
	top: 3px;
	width: 7px;
	height: 16px;
	border: 0;
	color: #FFF;
	text-indent: -9999px;
	background: #00a0c5 url(../imagenes/perfil/buscar_btn.gif) 50% 50% no-repeat;
	cursor: pointer;
	border: 1px solid;
}

#amigos form input[type=submit]:active {
	background-position: 60% 60%;
}
#amigos form p{
	padding-top: 5px;
	padding-bottom: 10px;
}
/*################### FOTOS RECIENTES ##########################*/

#fotos_recientes {
	float: left;
	background: #FFF;
	height: 70px;
}

#fotos_recientes .f_recientes {
	width: 60px;
	height: 40px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	background: #666;
	}
#fotos_recientes .f_recientes a img{
	border: 1px solid #FFF;
	}
	#fotos_recientes .f_recientes a:hover img{
	border: 1px solid #2fafcf;
	}
#perfil .bottom{
	width: 439px;
	height: 20px;
	background: url(../imagenes/bottom_amigos_rec.png) top left no-repeat;
	float: left;
	}

/*################### ALGUIEN TE HA ENVIADO UN TRAGO##########################*/
#perfil .alguien_trago {
	width: 439px;
	background: #fff;
}

/* MIS FOTOS - TITULOS DE SECCIONES CON UN H3 */

#contenido .block_top .block_info h3{
	font-size: 12px;
	padding-left: 25px;
	padding-top: 5px;
}

#contenido .block_top .block_info h3.iconPerfil{
	background: url(../imagenes/metropolis/iconos_h3.gif) top left no-repeat;
	background-position: 0% 0%; 
}

#contenido .block_top .block_info h3.iconMisfotos{
	background: url(../imagenes/metropolis/iconos_h3.gif) top left no-repeat;
	background-position: 0% -22px; 
}

#contenido .block_top .block_info h3.iconMensajes{
	background: url(../imagenes/metropolis/iconos_h3.gif) top left no-repeat;
	background-position: 0% -44px; 
}

#contenido .block_top .block_info h3.iconAmigos{
	background: url(../imagenes/metropolis/iconos_h3.gif) top left no-repeat;
	background-position: 0% -66px; 
}
#contenido .block_top .block_info h3.iconMural{
	background: url(../imagenes/metropolis/iconos_h3.gif) top left no-repeat;
	background-position: 0% -88px; 
}

#contenido .block_top .block_info h3.iconTragos{
	background: url(../imagenes/metropolis/iconos_h3.gif) top left no-repeat;
	background-position: 0% -110px; 
}
#contenido .block_top .block_info h3.iconPendientes{
	background: url(../imagenes/metropolis/iconos_h3.gif) top left no-repeat;
	background-position: 0% -132px; 
}
/*################ ACTUALIZACIONES #################*/

#actualizaciones {
	clear: both;
	width: 439px;
	height: 95px;
	background: #FFF
}
/* PAGINACIONES DE LAS SECCIONES */
#contenido .block_top .block_info .paginacion{
	width: 460px;
	font-size: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: -10px;
	color: #2fafcf;
	text-align: right;
}
.linkActivado {
	padding-left: 1px;
	padding-right: 1px;
	background: #2fafcf;
	color: #FFFFFF;
	}
/* DIV CONDURSO */
#contenido .concurso {
		width: 226px;
		height: 40px;
		margin-top: 10px;
		background: #FFF;
		float: left;
}
#contenido .concurso p{
		font-size: 12px;
		#padding-top: 10px;
		text-align: center;
		color: #2fafcf;
}

/* TODOS LOS LINK DE CONTENIDO TENDRAN ESTA CLASE */

a {
	text-decoration: none;
	color: /*#2fafcf*/#315882;
	margin-top: 0px;
	}
a:hover {
	text-decoration: underline;
	color: #315882;
	}

/* MENU TOP DONDE ESTA LAS SECCIONES MIS AMIGO / MENSAJES */ 

#menu_top_info {
	width: 300px;
	height: 20px;
	color: #2fafcf;
	text-align: right;
	position: relative;
	top: -25px;
	left: 165px;
	padding-top: 5px;
	}
	#menu_top_info a{
	text-decoration: none;
	padding: 5px;
	width: 70px;
	height: 20px;
	color: #80cfe2;
	background: #FFFFFF;
	}
	#menu_top_info a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background: #80cfe2;
	}
	#menu_amigos_pend a:active{
	text-decoration: none;
	color: #FFFFFF;
	background: #80cfe2;
	}
	
/* HR FORMATOS */
.hr_format {
	border: 0px;
	border-top: 1px solid #CCCCCC;
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
	}
/*################ FOOTER #################*/

#footer {
	position: relative;
	top: -120px;
}