﻿body { color: #000000; background-color: #ffffff; font-size: 0.8em; margin: 0px; padding: 0px; text-align: center; }

div, h1, h2, h3, h4, h5, h6 { margin: 0px; }
div, h1, h2, h3, h4, h5, h6 { font-family: Verdana, sans-serif, Tahoma; margin: 0px; }

a {text-decoration: none;}
p {margin:0px; border: 0px;}
img {margin:0px; border: 0px;}
span.negro{color: black;font-size: 10pt;}
span.blanco{color: white;font-size: 10pt;}
a.enlace{text-decoration:underline;}
iframe{margin:0;padding:0;border:0;}

#contenedor {
    width: 980px;

    color: black;
    background-color: white;

    margin: 0px auto 0px auto;  
    padding: 0;
    
    text-align: left;    
}
#contenedor hr {clear: both;visibility: hidden;}

#IFrameCab{
    clear: both;
    float: left;

    width: 980px;
    height: 100px;
  
    background-color: #000000;
}
#IFramePie{float: left; width: 100%; height: 200px;}
#IFrameIzq{float: left; width: 200px; height: 2000px; min-height: 1300px;}

#contenido {
    float: left;

    width: 776px;
    height: auto;
    
    margin: 0;
    padding: 0;
    
    color: #000000;
    background-color: #ffffff; 
}

.cabeceraSeccionForo{color: white;background-color: #F17D00;}
.cabeceraSeccionForo, .contenidoForo
{
	float: left;

	width: 776px;
    height: auto;
}

#cabecera 
{
	clear: both;
    margin: 0px auto 0px auto;
    padding: 0;
    
    width: 100%;
    height: 100px;
    
    color: #000000;
    background-color: black;
    
    text-align: center;
}

#izquierda
{
	float: left;
	display: inline;	

	width: 200px; 
	height: auto;

	margin: 0px; 
	padding: 0px;
	
	border-right: 1px solid #565857;
	background-color: #292B2A;
	
	text-align: left;
}


.menu{
    width: 168px;    
    float: left;
    color: #5781ae;
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px;   
    text-align: left; 
}

.menu ul {	
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: left;
}

.menu li 
{
	float: left;
    margin: 0px;
    padding: 0px;
}

.menu a {
    display: block;
    width: 199px;
    float: left;
    height: 25px;
    color: white;
    background-color: #292B2A;    
    padding: 7px 0px 0px 0px;
    border-right: 1px solid #565857;
    border-bottom: 1px solid #565857;
    text-align: left;
}
.menu a:hover, .menu a:active, .menu a:hover span, .menu a:active span {
    color: black;		
    background-color: #EBC900;
    border-bottom: 1px solid #EBC900;
}

.menu a span
{
	display: block;
    float: left;
    width: 40px;
    height: 25px;
    text-align: center;
    color: #565857;
    background-color: #292B2A;
    border-bottom: 1px solid #292B2A;
}

#pie
{
	float: left;
	clear: both;
	
	width: 100%;
	height: auto;
	padding: 3px 0px;

	color: black;
	background-color: #F17D00;
	border-top: 1px solid #565857;
	
	text-align: center;
	font-size: 8pt;	
}

#pie a{color: black;text-decoration: none;}
#legal{clear: both;}

p.idiomas
{
	margin: 0px;
	width: 199px;
	float: left;
	padding: 4px 0px;
	background-color: #292B2A;
	border-left: 1px solid #565857;
	font-size: 8pt;
	color: White;
}

p.idiomas span
{
	display: block;
	width: 99px;
	float: left;
	text-align: center;
}

p.idiomas span a
{
	display: block;
	padding: 3px 0px;
	color: White;
	text-decoration: none;
}

p.idiomas span a:hover
{
	color: #EBC900;
	text-decoration: underline;
}

p.item
{
	float: left;
	display: inline;

	width: 95px;
	height: 42px;
	
	margin: 0px 5px;

	padding: 5px 0px 5px 5px;
	font-size: 0.75em;
}

p.item2
{
	float: left;
	display: inline;

	width: 85px;
	height: 42px;
	
	margin: 0px 5px;
	padding: 5px 0px;
	
	font-size: 0.75em;
}

p.item input
{
	width: 90px;
}

p.item2 input.boton
{
	width: 80px;
	
	color: White;
	background-color: #F17D00;
}

p.item label, p.item2 label{
	float:left;
	display: block;
	padding: 3px 0px 0px 0px;
	height: 15px;
	margin-left: 5px;
}

p.item3
{
	float: left;
	display: inline;

	width: 70px;
	margin-top: 10px;	
	margin-left: 5px;
	padding: 0px;

	font-size: 0.75em;
	text-align: center;
}

/* LISTADO TABLAS GENERICO*/
#ranking
{
	float: left;
	width: 579px;
	clear: both;
}

table.ranking
{
	border: 0px;
	width: 579px;
	margin: 0px;
	clear: both;
	float: left;
}

.miniranking
{
	float: left;
}


/*MENU OCULTO ENLACES*/
.menuOculto
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #5E5E5E;
	float: left;
	width: 200px;
	display: inline;
}

.menuOculto tr
{
	width: 168px;	
}

.menuOculto tr
{
	width: 168px;	
}
.menuOculto td a
{
	background-color: #5E5E5E;	
	font-size: 8pt;
	margin: 5px 0px 0px 35px;
	height: auto;
	width: auto;
	padding: 0px 0px 0px 8px;
	display: inline;
}

.menuOculto td a:hover
{
	background: #5E5E5E url(../Upload/Image/flechamenu.jpg) no-repeat left;	
	color: White;
    border-bottom: 1px solid yellow;
}

#logo
{
	float: left;
	display: inline;
	width: 200px;	
}

.numero_seccion{font-size: 9pt;color: Black;}

.caja_subseccion
{
	display: block;
	float: left;
	clear: both;
	width: 579px;
	color:white;
	background-color: #565857;
	border-top: 1px solid black;
	text-align: center;
	padding:7px 0px;
}
.naranja{color: white;background-color:#F17D00;}
.amarillo{color:black;background-color: #EBC900;}

/*===========================================================*/
.sindatos, .sindatos2, .sindatos3
{
	width: 195px;
	height: 150px;
	display: block;
	float: left;
	font-size: 7pt;
	padding-left: 9px;
	padding-right: 5px;
	padding-top: 12px;
	font-weight: bold;
}
.sindatos{background: #c7c7c7 url('../img/hoy_en_juego_vacio.gif') no-repeat;}
.sindatos2{background: #c7c7c7 url('../img/ahora_en_juego_vacio.gif') no-repeat;}
.sindatos3{background: #000000 url('../img/ahora_en_juego_vacio.gif') no-repeat;}
/*****************************************************/


/*========== BANNERS ===============*/
.banner{clear:both;text-align:center;padding:0px;height:auto;width: 100%;}
.banner img{border:0px;margin:0px;text-align:center;}

.banner_cabecera{padding: 5px 0px;margin:0;}
.banner_izquierda{width:200px;height:auto;padding: 10px 0px;background-color:black;}
.banner_pie{width: 980px; float:left; height:auto; background-color:#F17D00;margin-bottom:3px;}
.banner_recurso_vertical{width: 120px;margin-left: 10px;height:300px;text-align:center;padding: 3px 0px 15px 0px;}


/* AVISO LEGAL, CONTACTO */
.contacto
{
	clear: both;
	width: 579px;
}


.contacto_cab
{
	float: left;
	clear: both;
	color: White;
	background-color: #565857;
	width: 579px;
	padding: 5px 0px;
	text-indent: 5px;
}

.contacto_texto
{
	float: left;
	width: 569px;
	padding: 5px;
	text-align: justify;
	background-color: #F1F1F1;
}

.contacto_imagen
{
	float: left;
	width: 250px;
	text-align: left;
	height: 300px;
	margin-left: 30px;
}


/* RANKING LIGA PORTADA */
#RankingLigaPortada
{
	float: left; 
	
	width: 200px;
	height: 449px;
	min-height: 449px;
	
	background-color: #292B2A;
	font-size: 9pt;
	
	background: #292B2A url('../img/recursos/recursoIzq.jpg') no-repeat bottom;
}

#RankingLigaPortada table{width: 200px;margin:0;padding:0;}
#RankingLigaPortada td
{
	height: 27px;
}

#PanelRank
{
	width: 200px;
	border: 0px;
	margin: 0px;
}

.BloqueRankingLigaPortada
{
	height: 22px;
	width: 196px;
	
	padding-top: 6px;
	padding-right: 4px;
}

.BloqueRankingLigaPortadaPie
{
	height: 22px;
	width: 186px;
	
	padding-top: 6px;
	padding-right: 14px;
}


.BloqueRankingLigaPortada{
	color: #ffffff;
	background-color: #F17D00;
	
	text-align: center;
	font-size: 10pt;
}

.BloqueRankingLigaPortadaPie
{
	color: #ffffff;
	background: #292B2A url('../img/flecha.png') no-repeat right;

	text-align: right;
}

.BloqueRankingLigaPortadaPie a
{
	color: #ffffff;
}


/*========================= ESTILO LISTADOS - TABLA ========================*/
table.TablaBoleto
{
	font-size: 8pt;
	clear: both;
	float: left;
}

tr.FilaBoletoCab
{
	background-color: #9E9E9E;
	color: white;
	font-size: 8pt;
	vertical-align: middle;
}

tr.FilaBoleto
{
	color: Black;
	background-color: #F1F1F1;
	font-size: 8pt;
	vertical-align: middle;
}
tr.FilaBoletoAlt
{
	color: Black;
	background-color: #E2E2E2;
	font-size: 8pt;
	vertical-align: middle;
}
tr.FilaBoletoCab td,tr.FilaBoleto td, tr.FilaBoletoAlt td{height: 23px;}


tr.FilaBoleto:hover, tr.FilaBoletoAlt:hover, tr.FilaBoleto:hover a, tr.FilaBoletoAlt:hover a
{
	color: black;
	background-color: #FF9955;
	font-size: 8pt;
	vertical-align: middle;
}
/*===========================================================*/
div.tituloSeccion
{
	width: 500px;
	height: 30px;	
	float: left;
	margin: 10px 0px 0px 10px;
}

div.tituloSeccion p
{
	color: Black;
	font-size: 8pt;	
	float: left;
}

div.tituloSeccion label
{
	float: left;
	font-size: 16pt;
	color: White;
	margin: 0px 0px 0px 5px;
}

.tag
{
	float: left;
	width: 200px;
	height: auto;
}

/*===========================================================*/
#WebAmigasForo
{
	background-color:#F17D00;
	border-top:1px solid #black;
	width:980px;
	height:auto;
	float:left;
	display:block;
	
}

.banner_WebAmigasTituloForo
{
	width: 980px;
	height: 20px;
	background:#F17D00; 
	float:left;
	display:block;
}

#banner_WebAmigasInfoForo
{
	width: 980px;
	background:#F17D00; 
	float:left;
	display:block;	
}

.banner_WebAmigasInfoForo
{
	width:980px;
	height:auto;
	float:left;
	display:block;
	background:#F17D00; 
}

.banner_WebAmigasNombreForo
{
	width: 130px;
	height: 20px; 
	text-align:right;
	float:left; 
	color:black;
	background:#F17D00;
	font-size:8pt;
	font-weight:normal;
}

.banner_WebAmigasUrlForo
{
	color:Black;
	width: 835px;
	height: 20px; 
	text-align:left; 
	float:left; 
	background:#F17D00;
	font-size:8pt; 
	font-weight:normal;
	margin-left:5pt;
}

.refWebAmigaForo
{
	text-align:center; 
	background:#F17D00; 
	font-size:8pt; 
	color:black; 
	width: 630px;
	font-weight:normal;
	float:left;
	display:block;
}

.dvbannerPublicidadCabForo
{
	float:left;
	height:auto;
	width:776px;
}

.bannerPublicidadCabForo
{
	float:left;
	width:100%;
	height:60px;
	text-align:center;
}