@charset "utf-8";
@import "forms.css";
@import "entrada.css";
@import "servicios.css";
@import "comentario.css";
@import "etiqueta.css";
@import "perfil.css";
@import "perfil3.css";
@import "perfil4.css";
@import "foto.css";
@import "ciudad.css";
@import "givemepoints.css";
@import "designs.css";
@import "evento_partido.css";
@import "entradas.css";
@import "configuracion.css";
@import "post.css";
@import "grupo.css";
@import "chat.css";
/* CSS Document */

/* CSS Document */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Estilo del body */
body{
	background-color:white;
	margin:0px;
	font-family:Arial;
	font-size:12px;
	/*background-color:#e5e5e5;
	 background-color: #EFF0F5;  */
	background-attachment:fixed;
	color:#333;
}

#ajax-loading{
	position:absolute;
	top:4px;
	left:4px;
	display:none;
}

.foto{
	padding:1px;
	border:1px solid #afb9cf;
}
.fotoL{
	padding:1px;
	border:1px solid #afb9cf;
	filter: alpha(opacity=80); opacity: .8
}

.fotoL:hover{
filter: alpha(opacity=100); opacity: 1	
}

.foto:hover{
	border:1px solid #667188;	
}

.paginador{
	color:#999;
	font-size:11px;
	padding:5px;
}

.estilo-boton{
	padding:3px;
	border:1px solid #afb9cf;
}
.estilo-boton:hover{
	padding:3px;
	border:1px solid #667188;
}


.frame-upload{
	width:270px;
	overflow:hidden;
	border:0px;

}

#banda_izquierda{
	margin-top:30px;
	float:left;
	width:70px;

	background-image:url(../images/banda_izquierda.jpg);
	background-repeat:no-repeat;
}

#banda_derecha{
	margin-top:30px;
	float:right;
	width:250px;

}


.banda-central{
	margin-left:5px;
	float:left;
	width:438px;
}

.header{
	width:875px;
	margin:auto;
	color:#666;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
}
.generic-titulo{
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #afb9cf;
	padding:3px;
	padding-top:5px;
	color:#667188; 
	background-color:#e3e7f0;
	background-image:url(../images/toptitulos.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#667188;	
}
.novedades-titulo-top{
	float:left;
	margin-left:5px;
	border:1px dotted #474f60;
	border-bottom:1px solid #667188;
	padding:3px;
	width:50px;
	text-align:center;
	height:16px;

}
.novedades-titulo-top:hover{
	border:1px solid #c8cdd7;
	border-bottom:1px solid #667188;
	
}
.central{
	width:910px;
	margin:auto;

}

.titulo-seccion{
	color:#6487b7;
	font-size:16px;
	font-weight:bold;
	padding:10px;
}

.menu{
	padding:5px;
	background-color:#e4e8ed;
	border-top:1px solid #6487b7;
	border-bottom:1px solid #6487b7;
	
}

.opcion-menu{
	padding:3px;
	border:1px solid #a3bde0;
	width:120px;
	text-align:center;
}

#openUpload {
	position:relative;	
}

#openUpload .alertupfotos{
	background-image:url(../images/chat_trans.png);
	padding:5px;
	width:100px;
}

.opcion-menu:hover{
	padding:3px;
	border:1px solid #6487b7;
	width:120px;
	text-align:center;
}
.menu-option{
	width:110px;
	padding-top:10px;
	background-image:url(../images/arrow_menu.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.bordes{
	/*width:875px;
	 border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC; 
	border:1px solid #CCCCCC; */
	margin:auto;
	background-color:#FFF;
}

.contenedor{
	width:910px;
	margin:auto;
}


.top{
	text-align:center;
	margin:auto;
	margin-top:0px;
	/* background-image:url(../images/logo.jpg);
	background-repeat:repeat-x;	 */
	background-color:#667188;
	margin-bottom:15px;
	border-bottom:1px solid #333;
	padding-top:0px;
}


#vista{
	padding:0px;
	/*border:1px solid #CCCCCC;
	border-left:2px solid #6487b7;*/
	margin-top:0px;
	margin-left:0px;
	width:910px;
}

#cargando{
	width:150px;
	text-align:center;
}

.titulo{
	color:#6d8dbb;
	font-size:22px;
	font-weight:bold;
	margin-bottom:6px;
	width:510px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

.texto{
	color:#303030;
	margin-top:6px;
}

.color_especial{
	color:#ffa200;
}

.modulo_top{
	margin-bottom:-2px;
}
.flash_clientes{
	border:1px solid #999999;
	width:205px;
	margin:auto;
}
.modulo_texto{
	padding:5px;
	margin-top:0px;
	background-color:#f3f5f8;
	width:210px;
	margin-left:9px;
}
	
a{
	outline:0;	
}

a:link,a:visited,a:active{
	color:#667188;
	text-decoration:none;
}

a:hover{
	color:#485060;
}

a.menulink{
	color:#a1aabe;
	text-decoration:none;		
}

a.menulink:hover{
	color:white		
}

.tip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:normal !important; /* forzar negritas */
}

.tip:hover {
z-index:999; /* va a estar por encima de todo */
}

.tip span {
display: none; /* el elemento va a estar oculto */
background-image:url(../images/baloon.png);
text-align:center;
overflow:hidden;
width:195px;
height:31px;
background-repeat:no-repeat;
}

.tip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:0px; left:0px; /* donde va a estar */
padding:5px; /* la separación entre el contenido y los bordes */
color:#666; /* el color de los textos por defecto */
}



a.tip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:normal !important; /* forzar negritas */
}

a.tip:hover {
z-index:999; /* va a estar por encima de todo */
}

a.tip span {
display: none; /* el elemento va a estar oculto */
background-image:url(../images/baloon.png);
text-align:center;
overflow:hidden;
width:195px;
height:31px;
background-repeat:no-repeat;
}

a.tip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:-98px; left:-60px; /* donde va a estar */
padding:5px; /* la separación entre el contenido y los bordes */
color:#666; /* el color de los textos por defecto */
}

a.helptip {
position:relative;
}

a.helptip:hover {
z-index:999; /* va a estar por encima de todo */
}

a.helptip span {
display: none; /* el elemento va a estar oculto */
background-image:url(../images/chat_trans.png);
text-align:center;
font-weight:normal;
color:#333;
}

a.helptip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:-30px; left:-75px; /* donde va a estar */
padding:5px; /* la separación entre el contenido y los bordes */
color:#666; /* el color de los textos por defecto */
padding:5px;
}

a.tip_menu {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:normal !important; /* forzar negritas */
}

a.tip_menu:hover {
z-index:999; /* va a estar por encima de todo */
}

a.tip_menu span {
display: none; /* el elemento va a estar oculto */
background-image:url(../images/baloonmenu.png);
text-align:center;
overflow:hidden;
width:195px;
height:31px;
background-repeat:no-repeat;
}

a.tip_menu:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:-12px; left:22px; /* donde va a estar */
padding:5px; /* la separación entre el contenido y los bordes */
color:#666; /* el color de los textos por defecto */
}
.imgmenutop{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	padding:0px;
	margin:0px;
}
.imgmenutop:hover{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
.resultado_ajax{
	width:187px;
	border:1px solid #afb9cf;
	border-top:2px solid #777b84;
	background-color:#e4e8f1;
	padding:3px;	
}
#capa_oscura{
  position: absolute;
  width:200px;
  height:0px;
  display: none;
  top: 0px;
  left: 0px;
  cursor: "not-allowed";
  background-color: #000000;
  filter:alpha(opacity=0);
  -moz-opacity:0;
  opacity: 0;
  z-index:10;
  width:100%;
}
#capa_iluminada{
	width:600px;
	position:absolute;
	top:210px;
	left:270px;
	z-index:11;
	display: none;
  	filter:alpha(opacity=0);
  	-moz-opacity:0;
  	opacity: 0;
}
.capa_iluminada{
	width:600px;
	position:absolute;
	top:210px;
	left:270px;
	z-index:11;
	display: none;
  	filter:alpha(opacity=0);
  	-moz-opacity:0;
  	opacity: 0;
}
#ventana_video{
	width:600px;
	position:absolute;
	top:210px;
	left:270px;
	z-index:11;
	display: none;
  	filter:alpha(opacity=0);
  	-moz-opacity:0;
  	opacity: 0;

}
.footer{
	margin-top:25px;
	border-top: 1px solid #afb9cf ;
	color:#afb9cf;
	padding-top:3px;
	margin-bottom:30px;
}

* {margin:0; padding:0;}
html, body {width:100%; 
height:100%; 
overflow:hidden; 
}

#contenido {width:100%; 
height:100%;
overflow:auto;
} 

#fijo { 
	position:absolute;
	bottom:0%;
	overflow:visible;
/*float:both;
position:absolute;
border:1px solid #000;
width:97%;
height:235px;

background:#d7dce5;
bottom:0%;
filter:Alpha(opacity=0);
display:none;
overflow:hidden*/
} 

#lefting{ 
float:both;
position:absolute;
width:10px;
height:120px;
border:1px solid #000;
background:#bec8d8;
bottom:0%;
} 

.footer-foto{
	padding-top:18px;
	width:128px;
	text-align:center;
}

.color-roll-over{
	background-color:white;	
}

.collor-roll-over:hover{
	background-color:#f6f6f6;
}

.contenedor-especial{
	position:relative;	
}

.contenedor-especial .resultado-especial-ajax{
	position:absolute;
	display:none;
	background-repeat:repeat-x;
	background-image:url(../images/sombrabusq.jpg);
	background-position:top;	
}