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

img {font-family: Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #CCCCCC;
	 font-style: italic;	 
	 }

body {
	color: #666666;
	background: #041122;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
div#eventosFlyerIMG img {
	border: 1px solid #FFFFFF;
	}
#wrap {
	margin: 0 auto;
	width: 990px;
	height: 620px;
	/*border: 1px solid #58c1da;*/
	background: #FFF url(../imagenes/metropolis/fondo.jpg) top left no-repeat;
	overflow: hidden;
}

h1.logo {
	margin-left: 30px;
	text-indent: -9999px;
}

h1.logo a {
	display: block;
	width: 130px;
	height: 60px;
}

/*accesibilidad*/

#top h3, #menu_usuario h3, .accesibilidad, .seccionTradicion h3 {
	text-indent: -9999px;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 0;
}


/*##################### MENU PRINCIPAL ######################*/


#menu_principal {
	float: right;
	position: relative;
	top: -90px;
	right: 5px;
	margin: 0;
	padding: 2px;
	border: 0;
	background: #FFF;
}

#menu_principal li {
	float: left;
	list-style: none;
	position: relative;
	height: 18px;
	background: url(../imagenes/metropolis/menu_principal_separador.gif) left 50% no-repeat;
}

#menu_principal li:first-child {
	background: #FFF;
}

#menu_principal li a {
	color: #2F537A; /*#45bad6;*/
	text-decoration: none;
	font-size: 12px;
	padding: 0 5px;
}

#menu_principal li a:hover {
	color: RGB(255, 163, 60);
}

#menu_principal li.selected a {
	color: RGB(255, 163, 60);
	font-style: italic;
}

/*##################### MENU OPCIONES ######################*/

#menu_opciones {
	clear: both;
	float: right;
	position: relative;
	top: -100px;
	right: 10px;
}

#menu_opciones a {	
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu_opciones a:hover {
	text-decoration: underline;
}

/*##################### MENU USUARIO ######################*/

#menu_usuario {
	clear: both;
	float: right;
	position: relative;
	top: -85px;
	#top: -30px;
	right: 310px;
	width: 200px;
	height: 30px;
	border: 1px solid #81d6ed;
	background: #FFF;
	z-index: 10;
}

#menu_usuario img {
	border: 0;
	display: inline-block;
	background: #F3F3F3;
	overflow: hidden;
	width: 30px;
	height: 28px;
}

#menu_usuario ul {
	float: right;
	position: relative;
	right: 10px;
	width: 150px;
	height: 30px;
	margin: -1px 0 0 0;
	#margin-top: -32px;
	padding: 0;
}
#menu_usuario ul li {
	float: left;
	list-style: none;
}

#menu_usuario ul li a {
	display: block;
	background: url(../imagenes/metropolis/menu_usuario.gif) top left no-repeat;
	width: 25px;
	height: 30px;
	text-indent: -9999px;
}

	#menu_usuario ul li.perfil a {
		background-position: 0px 0px;
	} #menu_usuario ul li.perfil a:hover {
		background-position: 0px -30px;
	}
	
	#menu_usuario ul li.fotos a {
		background-position: -25px 0px;
	} #menu_usuario ul  li.fotos a:hover {
		background-position: -25px -30px;
	}
	
	#menu_usuario ul li.mensajes a {
		background-position: -50px 0px;
	} #menu_usuario ul li.mensajes a:hover {
		background-position: -50px -30px;
	}
	
	#menu_usuario ul li.amigos a {
		background-position: -75px 0px;
	} #menu_usuario ul  li.amigos a:hover {
		background-position: -75px -30px;
	}
	
	#menu_usuario ul li.mural a {
		background-position: -100px 0px;
	} #menu_usuario ul li.mural a:hover {
		background-position: -100px -30px;
	}
	
	#menu_usuario ul li.mis_tragos a {
		background-position: -125px -30px;
	} #menu_usuario ul li.mis_tragos a:hover {
		background-position: -125px -30px;
	}
	

/*################ LOGIN #######################*/

#login {
	position: relative;
	top: 234px;
	left: 518px;
	clear: both;
	width: 221px;
	height: 120px;
	background: url(../imagenes/index/bg_login.png) top left no-repeat;
	padding: 23px 0 0 49px;
}
#login ._tk_form {
	height: 96px !important;
	margin-left: 0px;
}

.text_login {
	margin-top: -5px !important;
	}

#login label {
	color: /*#00a0c5*/#315882;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	cursor: pointer;
}
#login .tkforminput {
	width: 221px !important;
	height: 32px !important;
}

#login input[type=text], form._tk_form input[type=password] {
	width: 160px;
	height: 13px;
	font-size: 11px;
	color: #FFF;
	background: /*#00a0c5*/#315882;
	padding: 0 5px;
	border: 0;
}

#login .submit_login .tk_form_submit {
	position: relative;
	top: -10px;
	margin-left: 125px;
	#margin-left: -300px;
	color: #FFF;
	font-size: 10px;
	width: 45px;
	height: 15px;
	background: #315882;
	border: none;
}

#login p {
	margin: -8px 0 7px -30px;
	width: 200px;
	text-align: right;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

#login p a {
	color: #00a0c5;
	font-weight: bold;
	text-decoration: none;
}

#login p a:hover {
	text-decoration: underline;
}



/*#################### FOOTER ##############################*/

#footer {
	clear: both;
	padding: 30px 0 0 530px;
	/*padding: 25px 0 0 10px;*/
}

#footer p {
	float: left;
}

#footer p, #footer p a {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #25779f;
}
#footer p a {font-style: italic;}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	float: left;
	margin-left: 20px;
	list-style: none;
}

#footer ul li a {
	display: block;
	padding-top: 2px;
	width: 70px;
	height: 17px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}

#footer ul li.selected a, #footer ul li a:hover {
	background: url(../imagenes/metropolis/bg-seleccion.gif) top left no-repeat;
}



#footer p.contacto, #footer p.disclaimer {margin-top: 2px; padding-left: 34px; color: white;}

#footer p.contacto a {text-decoration:underline; color: white;}
#footer p.contacto a:hover {text-decoration:none; color: white;}


/*############################ BLACKOUT ###################################*/

#blackout {
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity:.80;
	width: 100%;
	height: 100%;
}

#dialog {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 665px;
	height: 172px;
	background: url(../imagenes/dialogs/warning.png) top left no-repeat;
	padding: 0 70px 0 145px;
}

#dialog p.content {
	margin-left: 20px;
	width: 450px;
}

#dialog p.content a {
	color: #00a1c7;
	font-weight: bold;
	text-decoration: none;
}

#dialog p.content a:hover {
	text-decoration: underline;
}

/*############################ CLOSE ###################################*/

.closeDialog {
	float: right;
	position: relative;
	top: -5px;
	left: -30px;
}

.closeDialog, .closeDialog a {
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 14px;
	font-size: 1px;
}

.closeDialog a {
	background: url(../imagenes/cerrar.gif) top left no-repeat;
} .closeDialog a:hover {
	background-position: 0px -14px;
}