/**************************** GENERAL ****************************/
body,div,h1,h2,h3,h5,ul,li,p,form {
	margin: 0;
	padding: 0;
}

body {
	background-color: #3B3B3B;
	font-family: "Arial";
	font-size: 12px;
	color: #666;
	width: 998px;
	margin: 0 auto;
}

.clear {
	clear: both;
	font-size: 0;
}

li {
	list-style: none
}

a {
	color: #090;
	text-decoration: none;
}

a:hover {
	color: #BDCD9E;
	text-decoration: none;
}

.negrita {
	font-weight: 700;
	color: #FFF;
}

.boton {
	background-image: url(../images/botonverde.jpg);
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 8px;
	border: 1px solid #FFF;
}

input {
	color: #333;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	margin: 2px 5px;
}
.mensajesOk {
	color: #009900;
	
}
.mensajesError {
	color: red;
	width: 370px;
}

.error_list {
	color: red;
}

#mensajesErrorLogin {
	color: red;
	position: relative;
	top: 10px;
	width: 440px;
}

.tituloPrincipal {
	color: #61B020;
	font-size: 18px;
	padding-left: 5px;
	margin-top: 10px;
	margin-left: 10px;
	position: absolute;
}

/**************************** HEADER ****************************/
#header {
	height: 195px;
	width: 998px;
	position: relative;
	z-index: 15;
	font-size: 12px;
	color: #FFC;
	font-weight: 700;
}

#encabezadoFoto {
	height: 195px;
	margin-bottom: -21px;
	width: 998px;
	background-image: url(../images/encabezado.jpg);
}

#ingreso {
	top: -12px;
	position: relative;
}
#meOlvidoClaveHeader{

	background-color:#000000;
	margin-top:16px;
	width:444px;
	padding: 15px;

}
#registro {
	position: absolute;
	left: 307px;
	top: 2px;
	width: 580px;
	
}
#registro a{
	color:#fff;
	
}

#usuarioRegistrado {
	position: absolute;
	top: 8px;
	left: 290px;
}

#usuarioRegistrado a {
	color: #FFF;
	padding-right: 20px;
}

#usuarioRegistrado a:hover {
	color: #666;
}

#header .boton {
	font-weight: 700;
	color: #FFF;
	font-size: 0.7em;
	background-color: #ff8e00;
	border: 1px solid #FFF;
}

/**************************** LOGIN INCORRECTO ****************************/
#loginErrorContainer {
	padding: 40px;
}

.loginErrorAdvertencia {
	margin-bottom: 10px;
	margin-top: 10px;
}

#loginErrorContainer h1 {
	font-size: 16px;
	font-family: "Arial";
	color: #090;
}

/**************************** MENU ****************************/
#menu {
	top: -34px;
	left: 275px;
	position: relative;
	float: left;
	z-index: 15;
}

#nav a {
	text-decoration: none;
	color: #ebebeb;
	font-size: 12px;
}

#nav li {
	position: relative;
	float: left;
	cursor: pointer;
	margin-left: 20px;
	margin-top: 3px;
	margin-right: 20px;
	list-style: none;
	font-size: 12px;
	color: #ebebeb;
	text-align: center;
	width: 80px;
}

#nav li ul {
	padding-top: 7px;
}

#nav li ul li {
	background-color: #4e4e4e;
	margin-top: 0;
	margin-left: -21px;
}

#nav li a:hover {
	text-decoration: none;
	color: #939393;
}

#nav li li a {
	background: #222 none repeat scroll 0 0;
	border: 1px solid #333;
	color: #FF9415;
	display: block;
	font-size: 12px;
	line-height: 24px;
	padding: 0 0 0 20px;
	text-align: left;
	width: 150px;
}

li ul {
	padding: 0.5em 0 1em 0;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}

li>ul {
	top: auto;
}

li li {
	float: left;
	border: 0;
	display: block;
	background: transparent;
}

li:hover ul,li.over ul {
	display: block;
}

/**************************** REGISTRACION ****************************/
.recuadroRegistracion input {
	margin: 1px;
}

.recuadroRegistracion textarea {
	margin-left: -4px;
}

#jugador select {
	margin: 1px;
	width: 146px;
}

.recuadroRegistracion th {
	text-align: left;
}

.recuadroRegistracion {
	padding-left: 30px;
	padding-bottom: 50px;
}

/**************************** ELEMENTOS ESTRUCTURALES ****************************/
#contenedor {
	float: left;
	width: 998px;
	background-color: #F7F7F7;
}

#contenedorMedio {
	width: 998px;
	float: left;
}

#principal {
	width: 464px;
	float: left;
	height: 1000px;
}

#columna {
	float: left;
	width: 315px;
}

.opiniones {
	width: 217px;
	float: left;
	height: 827px;
	background-color: #EDEDED;
}

.opiniones #vozDelHincha {
	width: 217px;
	height: 60px;
	margin-bottom: 10px;
	background-image: url(../images/comentarios.jpg)
}

#video {
	margin-bottom: 25px;
	padding-left: 25px;
	padding-top: 10px;
}

/**************************** ELEMENTOS VISUALES DEL CONTENEDOR PRINCIPAL ****************************/
#descripcionSitio {
	font-weight: 700;
	padding: 20px 20px;
	line-height: 16px;
}

#ganadorDeLaFecha {
	
	padding: 0 0 25px 20px;
	float: left;
	font-size: 12px;
}

#ganadorDeLaFecha .imagen {
/*	margin-right: 2px;*/
	float: left;
	width: 138px;
	height: 128px;
	margin-right: 8px;
}

#ganadorDeLaFecha .nombres {
	left: 20px;
	top: 72px;
	position: relative;
}

#ganadorDeLaFecha a {
	text-decoration: none;
	color: #FFF;
}

#ganadorDeLaFecha a:hover {
	color: #666;
}


#ganadorDeLaFecha #imagenBonus{
	float:left;
	height:61px;
	margin-left:4px;
	margin-top:8px;
	width:423px;
}

#ganadorDeLaFecha #imagenBonus .nombresEquiposBonus{
	left: 120px;
	top: 22px;
	position: relative;
	
}




#noticias {
	padding-left: 20px;
	padding-right: 20px;
}

#noticias p {
	padding: 5px;
	line-height: 16px;
}

#fechaNoticia {
	color: #999;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
}

.tituloNoticia {
	color: #090;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.recuadroBonusYTorneos {
	padding-left: 25px;
	padding-top: 20px;
}

.recuadroBonusYTorneos span {
	color: #61B020;
	font-size: 18px;
	padding-left: 5px;
	margin-top: 10px;
	margin-left: 10px;
	position: absolute;
}

.reglamento {
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
	width: 700px;
	line-height: 18px;
}
.reglamento #indice{

	margin-left: 43px;
}
.reglamento p {
	margin:8px;
}
.reglamento .subtitulo {
	color: #090;
	font-weight: 700;
	margin-bottom: 10px;
}

.reglamento span {
	color: #090;
	font-size: 16px;
	font-weight: 700;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 5px;
	position: absolute;
}

/******************************** ESTILOS DE LAS TABLAS ***************************************/
.tabla {
	font-size: 0.9em;
	margin-top: 2px;
	text-align: center;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.filaFechaActual {
	padding: 0;
	margin: 0;
	height: 30px;
}

.filaFechaActual img {
	margin: 0;
	padding: 0;
}

.celda {
	border: 1px solid #FFF;
	height: 23px;
}

.filapar {
	background-color: #f7f7f7;
}

.filaimpar {
	background-color: #EBEBEB;
}

.descripcionEncabezadoDeTablas {
	font-weight: 700;
	font-size: 13px;
	color: #333;
	text-align: right;
	padding-left: 68px;
	padding-top: 23px;
	padding-right: 20px;
	font-family: arial;
}

#encabezadoFechaActual {
	height: 60px;
	background-image: url(../images/fecha.jpg);
}

#encabezadoJugadoresDestacados {
	height: 60px;
	background-image: url(../images/jugadoresdestacados.jpg)
}

#encabezadoTablaTorneoGeneral {
	width: 430px;
	height: 60px;
	background-image: url(../images/encabezados/torneogeneral.jpg)
}

#encabezadoTablaFechaPasada {
	width: 300px;
	height: 60px;
	background-image: url(../images/encabezados/puntajesfecha.jpg)
}
#encabezadoTablaFechaPasadaTorneoAmigos {
	width: 360px;
	height: 60px;
	background-image: url(../images/encabezados/puntajesfechaTorneoAmigos.jpg);
}

#encabezadoTablaFechaPasadaTorneos {
	width: 300px;
	height: 60px;
	background-image: url(../images/encabezados/puntajesfechatorneos.jpg)
}

#encabezadoTablaFechaPasadaEquipos {
	width: 300px;
	height: 60px;
	background-image: url(../images/encabezados/puntajesfechaequipos2.jpg)
}

#encabezadoTablaTorneoDeTorneos {
	width: 430px;
	height: 60px;
	background-image: url(../images/encabezados/torneodetorneos.jpg)
}

#encabezadoTablaTorneoEquipo {
	width: 430px;
	height: 60px;
	background-image: url(../images/encabezados/torneoequipos.jpg)
}

#encabezadoDentroTorneos {
	width: 365px;
	height: 60px;
	background-image: url(../images/encabezados/torneoamigos.jpg);
}

#encabezadoTablaEquipos {
	width: 365px;
	height: 60px;
	background-image: url(../images/encabezados/torneoamigos.jpg)
}

/******************************** ESTILOS DE LAS ESTADISTICAS ***************************************/
#contenedorEstadisticas {
	float: left;
	width: 948px;
	background-color: #F7F7F7;
	padding: 0 25px 25px 25px;
}

#tablasEstadisticas {
	float: left;
	width: 730px;
}

.tablaDeEstadisticas {
	margin-right: 25px;
	padding-bottom: 10px;
	float: left;
	position: relative;
}

.tablaPropiamenteDicha {
	border-collapse: collapse;
	color: #000;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
}

.filaEstadisticas {
	float: left;
	position: relative;
	width: 998px;
}

.encabezadoEstadisticas {
	background: #4eb84a none repeat scroll 0;
	color: #FFF;
	height: 20px;
	font-weight: 700;
	border: 1px solid #FFF;
}

a.info {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
}

a.info:hover {
	z-index: 25;
}

a.info span {
	display: none;
}

a.info:hover span {
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 200px;
	border: 1px solid #307A55;
	background-color: #EEE;
	color: #000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
}

#leyenda {
	background-color: #EDEDED;;
	font-size: 11px;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #090;
	width: 178px;
}

#imagenLeyenda {
	width: 218px;
	height: 60px;
	background-image: url(../images/referencia.jpg);
}

#navegacion {
	padding: 15px 0;
	font-size: 11px;
}

#navegacion a {
	border: 1px solid #EBEBEB;
	color: #FFF;
	margin: 1px;
	padding: 1px 5px;
	background-color: #4EB84A;
}

.currentPage {
	border: 1px solid #EBEBEB;
	color: #4EB84A;
	margin: 1px;
	padding: 1px 5px;
	background-color: #FFF;
}

#navegacion a:hover {
	border: 1px solid #EBEBEB;
	color: #4EB84A;
	margin: 2px;
	padding: 1px 5px;
	background-color: #FFF;
}

/******************************** ESTILOS DEL PERFIL / TORNEO ***************************************/
.recuadroPerfil {
	float: left;
	position: relative;
	width: 365px;
	background-color: #666;
	color: #FFF;
	height: 580px;
}

.descripcionPerfil {
	background-image: url(../images/encabezadoperfiles.jpg);
	height: 60px;
	width: 365px;
}

.descripcionPerfil span {
	padding-left: 15px;
	font-size: 20px;
	color: #FFF;
	margin-top: 16px;
	margin-left: 15px;
	position: absolute;
}

.descripcionPerfil img {
	padding-left: 21px;
}

.infoPerfil {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.infoPerfil p {
	margin: 5px;
}

.infoPerfil a {
	color: #fff;
	font-weight: bold;
}

.infoPerfil a:hover {
	color: #999;
	font-weight: bold;
}

.botonPerfil {
	background-image: url(../images/botonnaranja.jpg);
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 10px;
	font-weight: 700;
	padding: 1px;
}

.inputPerfil {
	height: 15px;
	background: #999 none repeat scroll 0 50%;
	color: #FFF;
}

.estadisticasPerfil {
	padding-left: 30px;
	float: left;
	width: 600px;
}

.estadisticasPerfil span {
	margin-top: 12px;
	margin-left: 15px;
	position: absolute;
	color: #090;
	font-size: 16px;
	font-weight: 700;
}

.titulosPerfil {
	color: #090;
	font-size: 16px;
	font-weight: 700;
	padding-left: 10px;
}

.lineaPunteada {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #61B020;
}

.grafico {
	position: relative;
	float: left;
}

/******************************** ESTILOS DE LOS TORNEOS ***************************************/
.encabezadoForoTorneo {
	width: 218px;
	height: 60px;
	background-image: url(../images/torneo_foro.jpg);
}

.recuadroPerfilTorneo {
	float: left;
	position: relative;
	width: 365px;
	background-color: #666;
	color: #FFF;
}

.estadisticasTorneoPerfil {
	padding-left: 20px;
	padding-top: 15px;
	float: left;
}

.estadisticasTorneoPerfil span {
	margin-top: 10px;
	margin-left: 5px;
	position: absolute;
	color: #090;
	font-size: 16px;
	font-weight: 700;
}

.segundaColumna {
	width: 365px;
	position: relative;
	float: left;
}

.tabla {
	position: relative;
	float: left;
}

/******************************** ESTILOS DE LA APUESTA ***************************************/
.recuadroApuesta {
	position: relative;
	width: 780px;
	height: 400px;
	float: left;
}


.encabezadoApuesta {
	background: #000;
	color: #FFF;
	font-weight: 700;
	border: 1px solid #307A55;
}

.tablaApuesta {
	position: relative;
	float: left;
}

.infoApuesta {
	width: 270px;
	background: #F7F7F7;
	color: #61B020;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	height: 360px;
}

.infoApuesta span {
	color: #090;
	font-size: 16px;
	font-weight: 700;
	margin-left: 15px;
	position: absolute;
}

/******************************** ESTILOS DE LA OPINION ***************************************/
.fopinion {
	padding-left: 15px;
	padding-top: 6px;
}

.restantes {
	color: #090;
	margin-top: 6px;
	font-weight: 700;
}

/******************************** ESTILOS DE LAS WEBS AMIGAS ***************************************/
.recuadroDerecha {
	width: 218px;
	float: left;
}

#encabezadoLinks {
	width: 218px;
	height: 30px;
	background-image: url(../images/links.jpg);
}
#encabezadoRss{
	width: 218px;
	height: 30px;
	background-image: url(../images/encabezadoNoticiasRss.jpg);
	position: absolute;
}

.recuadroLinks {
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	background-color: #69C264;
	padding-bottom: 20px;
	color: #FFF;
	line-height: 20px;
	
}

.recuadroLinks a {
	color: #FFF;
	font-family: "Arial";
	font-size: 13px
}

.recuadroLinks a:hover {
	color: #FFF;
	font-weight: 700;
}

/******************************** ESTILOS SALON DE LA FAMA ***************************************/
#encabezadoSalonFama {
	width: 218px;
	height: 30px;
	background-image: url(../images/salonfama.gif);
}

#encabezadoNuevosJugadores {
	width: 218px;
	height: 30px;
	background-image: url(../images/nuevosjugadores.gif);
}
#nuevosJugadores{
	height: 137px;
}
/******************************** ESTILOS DE LA ENCUESTA ***************************************/
#encuesta {
	width: 315px;
	float: left;
	position: relative;
}

#encabezadoEncuesta {
	width: 315px;
	height: 30px;
	background-image: url(../images/encuestas.jpg);
}

.recuadroEncuesta {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	background-color: #000;
	color: #d1d2d3;
	height: 725px;
	
}
.recuadroEncuesta p{
	margin-bottom:10px;
}
/******************************** ESTILOS DE LOS INDICES ***************************************/
.indiceLargo {
	width: 998px;
	height: 60px;
	background-image: url(../images/indiceLargo.jpg);
}

.indiceMedio {
	width: 778px;
	height: 60px;
	background-image: url(../images/indiceMedio.jpg);
}

.indiceCorto {
	width: 464px;
	height: 60px;
	background-image: url(../images/indiceCorto.jpg);
}

.descripcionIndice {
	font-size: 20px;
	color: #333;
	padding-left: 78px;
	text-align: left;
	padding-top: 19px;
}

/**************************** ESTILOS DE LA SECCION RESTRINGIDA Y OK ****************************/
.seccionRestringida {
	padding-top: 30px;
	padding-left: 30px;
	width: 420px;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}

.seccionRestringida span {
	margin-top: 16px;
	margin-left: 15px;
	position: absolute;
	font-size: 14px;
}

/**************************** ESTILOS DE LAS PESTAÑAS  ****************************/
	/* CSS Document */
#pestanas {
	float: left;
	width: 100%;
	background: #EDEDED url("../images/fond.gif") repeat-x bottom;
	font-size: 15px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#pestanas ul {
	margin: 0;
	list-style: none;
	padding: 26px 20px 0;
}

#pestanas li {
	float: left;
	margin: 0;
	padding: 0;
	background: url("../images/pasder.gif") no-repeat right top;
}

#pestanas a {
	display: block;
	background: url("../images/pasizq.gif") no-repeat left top;
	padding: 5px 15px 4px;
	text-decoration: none;
	color: #666;
}

#pestanas #current {
	background-image: url("../images/actder.gif");
}

#pestanas #current a {
	background-image: url("../images/actizq.gif");
	padding-bottom: 5px;
	color: #000;
}

/**************************** ESTILOS DEL CANVAS ****************************/
/*
.estadisticasPerfil canvas {
	display: block;
	border: 1px solid #ddd;
	font-size: 62.5%;
}

div.chartBlock {
	margin: 1em 0 2em 40px;
	position: relative;
}

#dataTable {
	display: none;
}

.estadisticasPerfil table input,table span {
	width: 4em;
	display: block;
	text-align: center;
	height: 1.6em;
	padding: 2px;
	margin: 0 auto;
	border: 1px solid orange;
	font-size: 1em;
}

.estadisticasPerfil table span {
	border: 0;
	padding: 3px;
}

.estadisticasPerfil table input {
	background: #ffe4bf;
}

/*show hide content for non js
.estadisticasPerfil div#dataVisualizations,h3 {
	display: none;
}

.estadisticasPerfil body.hasJS div#dataVisualizations {
	display: block;
}

.estadisticasPerfil body h3 {
	display: block;
	clear: both;
	margin: 4em 0 .5em;
}

.estadisticasPerfil #copy {
	margin-top: 5em;
	border-top: 1px solid #eee;
	padding: .5em 0;
}

.estadisticasPerfil li {
	font-size: 1em;
}

.estadisticasPerfil #dataTable {
	display: none;
}
*/
/**************************** ESTILOS DEL FOOTER ****************************/
#footer {
	height: 150px;
	color: #ededed;
	clear: both;
	position: relative;
	width: 998px;
	margin-bottom: 3px;
	background-image: url(../images/footer.jpg);
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
}
#footer p{
	margin :10px;
}
#footer .columnaIzq {
	position: relative;
	float: left;
	padding-top: 28px;
	padding-left: 230px;
}

#footer .columnaDer {
	position: relative;
	float: left;
	padding-top: 28px;
	padding-left: 160px;
}