body{
	font-size:70%;
	font-family: Verdana;
	text-align: justify;
	background: #E6E6FA url(../images/fond5.jpg);
	}



/*Elementos fijos de html*/
h1 {	
	font-size: 200%;	
	text-align : left;	
	color : #F05600;	
	margin:0;
}

h2 {	
	font-size: 180%;	
	text-align : left;	
	color:#FF9900;	
	text-transform: capitalize;	
	margin-bottom: 20px;
}

h3 {	
	font-size: 160%;	
	text-align : left;	
	color : #555d66;	
	padding:15px;	
	margin-bottom:0px;
}

h4 {	
	font-size: 150%;	
	text-align : center;	
	color : #F05600;	
	text-decoration: underline;
}

h5 {	
	font-size: 120%;	
	text-align : left;	
	color : #59819F;
}

h6 {	
	font-size: 90%;	
	text-align : left;	
	color : #336699;
}

a {	
	font-size: 120%;	
	color:#FFF;
}

a:link {
	/*Para que no aparezca el hipervinculo subrayado*/	
	text-decoration: none;
}

a:visited {	
	text-decoration: none;
}

/*Cuando pasas el raton por encima*/
a:hover {	
	text-decoration: none;	
	color:#EDE33F;
}

a:active {	
	text-decoration: none;	
	color:#FF9900;
}

a.enlace {	
	color: #EDE33F;
}

/*Cuando pasas el raton por encima*/
a.enlace:hover {	
	text-decoration: none;	
	color:#EDE33F;
	font-weight: normal;
}

a.comentarios{	
	font-size: 110%;	
	padding: 3px;	
	padding-right: 11px;	
	line-height: 20px;
	color: #EDE33F;
}

.titulo {	
	background-image: url(../images/title4.gif);
	/*distancia que expande la capa respecto a los bordes de la misma (concepto complejo, mirad en internet). bottom abajo, top arriba, left y right */	
	width: 425px;
	padding-bottom: 15px;	
	padding-top: 15px;	
	padding-left: 60px;	
	padding-right: 60px;
	/*margen respecto a la  capa contigua*/	
	font-size: 220%;
	font-weight: bold;
	text-align: left;
	font-family: sans-serif;
	color: #555d66;
	margin-bottom: 10px;	
}

.tituloelreto {	
	background-image: url(../images/tituloelreto.gif);
	/*distancia que expande la capa respecto a los bordes de la misma (concepto complejo, mirad en internet). bottom abajo, top arriba, left y right */	
	width: 325px;
	*width: 425;
	padding-bottom: 15px;	
	padding-top: 15px;	
	padding-left: 60px;	
	padding-right: 60px;
	/*margen respecto a la  capa contigua*/	
	font-size: 210%;
	text-align: left;
	font-family: sans-serif;	
	font-weight: bold;
	color: #555d66;
	margin-bottom: 10px;	
}

.titulopronostico {	
	background-image: url(../images/title3.gif);
	/*distancia que expande la capa respecto a los bordes de la misma (concepto complejo, mirad en internet). bottom abajo, top arriba, left y right */	
	width: 425px;
	*width: 425;
	padding-bottom: 15px;	
	padding-top: 15px;	
	padding-left: 60px;	
	padding-right: 60px;
	/*margen respecto a la  capa contigua*/	
	font-size: 210%;
	font-weight: bold;
	text-align: left;
	font-family: sans-serif;	
	color: #555d66;
	margin-bottom: 10px;	
}


.titulocombi {	
	background-image: url(../images/title2.gif);
	/*distancia que expande la capa respecto a los bordes de la misma (concepto complejo, mirad en internet). bottom abajo, top arriba, left y right */	
	width: 425px;
	*width: 425;
	padding-bottom: 15px;	
	padding-top: 15px;	
	padding-left: 60px;	
	padding-right: 60px;
	/*margen respecto a la  capa contigua*/	
	font-size: 210%;
	font-weight: bold;
	text-align: left;
	font-family: sans-serif;	
	color: #555d66;
	margin-bottom: 10px;	
}

.tituloliga {	
	background-image: url(../images/tituloliga.gif);
	/*distancia que expande la capa respecto a los bordes de la misma (concepto complejo, mirad en internet). bottom abajo, top arriba, left y right */	
	width: 325px;
	*width: 425;
	padding-bottom: 15px;	
	padding-top: 15px;	
	padding-left: 60px;	
	padding-right: 60px;
	/*margen respecto a la  capa contigua*/	
	font-size: 210%;
	font-weight: bold;
	text-align: left;
	font-family: sans-serif;	
	color: #555d66;
	margin-bottom: 10px;	
}

/*para los bordes redondeados*/
.spiffy{	
	display:block
}

.spiffy *{	
	display:block;	
	height:1px;	
	overflow:hidden;	
	font-size:.01em;	
	background:#6b7d91
}

.spiffy1{	
	margin-left:3px;	
	margin-right:3px;	
	padding-left:1px;	
	padding-right:1px;	
	border-left:1px solid #2f3c4a;	
	border-right:1px solid #2f3c4a;	
	background:#354252
}

.spiffy2{	
	margin-left:1px;	
	margin-right:1px;	
	padding-right:1px;	
	padding-left:1px;	
	border-left:1px solid #283543;	
	border-right:1px solid #283543;	
	background:#364453
}

.spiffy3{	
	margin-left:1px;	
	margin-right:1px;	
	border-left:1px solid #364453;	
	border-right:1px solid #364453;
}

.spiffy4{	
	border-left:1px solid #2f3c4a;	
	border-right:1px solid #2f3c4a
}

.spiffy5{	
	border-left: 1px solid #354252;	
	border-right: 1px solid #354252
}

.spiffyfg{	
	/*background: #6b7d91*/
	background: #ffffff
}

.parrafo{
	*width: 445px;
	padding: 9px;	
	padding-right: 11px;
	line-height: 20px;
}

.evento{	
	background: #BC8F8F;	
	margin-bottom: 10px;	
	padding: 2px;	
	padding-left: 4px;	
	font-weight: bold;	
	color: #000000;
}


.lcdstyle {
	border: 2px dashed #EDE33F;
	display: block;
	font-size: 90%;
	*font-size: 100%;
	padding: 2px;
	padding-left: 4px;
	margin-bottom: 10px;
	font-weight: bold;
	/*color: white; */
	color: black;
	text-align: center;
}

.lcdstyle sup {
}

.enlaceCompleto{
	font-size: 110%;
	padding-left: 20px;	
	line-height: 60px;
	font-weight: bold;
	text-decoration: underline;
	color: black;
}



	

/* columna de la derecha */
#rigthcontent{
	border-top:2px solid #0D2A3C;	
	border-left:2px solid #0D2A3C;	
	border-bottom:2px solid #0D2A3C;	
	border-right:2px solid #0D2A3C;	
	background:#184870;	
	position: absolute;	
	left:908px;	
	width:200px;	
	top:148px;
}



/*Columna de la izquierda.*/
#leftcontent{
	/*se puede indicar por separado la composicion de los 4 bordes de un elemento*/	
	border-top:2px solid #0D2A3C;	
	border-left:2px solid #0D2A3C;	
	border-bottom:2px solid #0D2A3C;	
	border-right:2px solid #0D2A3C;	
	background:#184870;	
	position: absolute;	
	left:110px;	
	width:150px;	
	top:148px;
}

/* title */
#leftcontent .title{	
	background-image: url(../images/label_resources.jpg);	
	height: 16px;	
	width: 110px;	
	margin: 10px 10px 0 5px;
}

#leftcontent ul{
	color: #FFF;
	margin: 0;	
	margin-bottom: 10px;	
	padding: 10px 10px 0 10px;	
	list-style: none;
}

#leftcontent li{    
	margin:0;
	padding:0 0 8px 4px;
	list-style:none;
}

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

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


#fondoheader {
	position: absolute;
	left: 279px;
	width: 615px;
	top: 0px;	
	background: #E6E6FA url(../images/cesped.jpg);
}


/*Columna del centro izquierda.*/
#centerleftcontent {	
	position: absolute;	
	left: 280px;	
	width: 580px;
	//width: 450px;
	top: 10px;	
	padding: 0;
}

#centerleftcontent .banner{	
	background: url(../images/header.gif) no-repeat bottom fixed;	 	
	width:100%;	
	height: 100px;	
	top:0px;	
	padding: 0;
}

#centerrightcontent {	
	position: absolute;
	/*distancia al elemento de la izquierda*/	
	left: 670px;	
	width: 130px;
	/*distancia al elemento superior*/	
	top: 155px;
}
/*Columna de la derecha*/
#rightcontent {	
	position: absolute;	
	left: 810px;	
	width: 160px;	
	top:150px;
}
#rightcontent .divImg{	
	float: left;	
	padding-bottom: 10px;
}

#rightcontent .divTxt{		
	height:32px;	
	margin-top: 7px;	
	font-size: 90%;	
	color:#FFF;	
	font-weight: bold;	
	text-align: left;
}

.imgAdjDerecha{	
	float: right;	
	margin: 5px 0px 8px 20px;	
	border: 1px solid #666;	padding: 2px;
}

.imgAdjCentro{	
	margin: 5px 0px 8px 0px;	
	border: 1px solid #666;	
	padding: 2px;
}

.imgAdjIzquierda{	
	float: left;	
	margin: 5px 20px 8px 0px;	
	border: 1px solid #666;	
	padding: 2px;
}

table.apuesta{	
	color: #3E3E3E;	
	width: 100%;	
	font-size: 90%;	
	background-color: #E8E8E8;	
	border-collapse: collapse;	
	margin-top: 20px;	
	margin-bottom: 0px;
}

table.apuesta caption{	
	background-color: #59819F;
	border-bottom: 3px solid #C2DBEF;
	color: #FFF;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
}

table.apuesta thead th{
	background-color: #18394F;
	border-bottom: 3px solid #59819F;
	color: #FFF;
	padding: 5px;
}

table.apuesta tbody tr td{
	padding: 3px 8px;
}

.pron{
	text-align: center;
}

table.apuesta tfoot tr td{
	background-color: #18394F;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
}

table.apuesta tfoot tr td.vacio{
	background: #6B7D91;
}

table.apuesta tfoot tr td a{
	color: #FF9900;
}

table.apuesta tfoot tr td a:hover{
	color: #FFF;
	font-weight: bold;
}

.verde{	
	color: #6AD467;	
	font-weight: bold;
}
.blanco{	
	color: #FFF;
}

.negro{
	color: black;
}

.rojo{	
	color: #B22222;
	font-weight: bold;
}

.verdeacertado{
	color: #2CC128;	
	font-weight: bold;
}
.rojofallo{
	color: #A94040;
	font-weight: bold;
}

.azul{
	color: #2E9AFE;
	
}

.cotizaciones{
	color: #FF9900;
}

table.clasif{	
	width: 100%;	
	font-size: 80%;	
	background-color: #E8E8E8;	
	border-collapse: collapse;
}

table.clasif caption{	
	background-color: #59819F;	
	border-bottom: 3px solid #C2DBEF;	
	color: #FFF;	
	padding: 5px;	
	text-transform: uppercase;	
	font-weight: bold;
}

table.clasif thead th{
	background-color: #18394F;
	border-bottom: 3px solid #59819F;
	color: #FFF;
	padding: 5px;
}

table.clasif tbody tr td{
	padding: 3px 8px;
	color: #3E3E3E;
}

table.clasif tfoot tr td{
	background-color: #59819F;
	color: #FFF;
	padding: 4px;
	text-align: center;
	font-size: 120%;
}

/*Pie de la pagina*/
#centerleftcontent .footer{
	color: #FFF;
    clear: both;
    margin-top: 5px;
    height: 25px;
	float: right;
	text-align: left;
}

.content{
	border-left: 2px solid #A0A8B8;
	border-right: 1px solid #A0A8B8;
	border-bottom: 2px solid #A0A8B8;
	width: 99.5%;
/*hack para que solo detecte esta propiedad (y sobreescriba el anterior width) Internet Explorer 6*/
	.width: 103.5%;
	margin-top:37px;
	.margin-top:0px;
	padding: 15px;
}

#tabs{
	background: url(../images/navbar_background.gif) repeat-x bottom;
    float:left;
    width:500px;
    .width:498px;
    font-size:100%;
    line-height:normal;
	margin-top: 5px;
	margin-left:0;
}

#tabs ul{
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
}

#tabs li{
    display:inline;
    margin:0;
    padding:0;
}

#tabs a{
    float:left;
    background:url("../images/tableleftb.gif") no-repeat left top;
    margin:0;
	margin-left: 4px;
    padding:0 0 0 4px;
    text-decoration:none;
}

#tabs a span{
    float:left;
    display:block;
    background:url("../images/tablerightb.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span{
	float:none;
}
/* End IE5-Mac hack */

#tabs a:hover span{
    color:#FFF;
}

#tabs a:hover{
    background-position:0% -42px;
}

#tabs a:hover span{
    background-position:100% -42px;
}

#tabs .actual a{
    background:url("../images/tablelefts.gif") no-repeat left top;
	margin-top: 1px;
}

#tabs  .actual a span{
    background: url("../images/tablerights.gif") no-repeat right top;
}

* img {
	border: none;
}

ul.history {
	margin: 3px;
	margin-left: 15px;
	padding: 0;
}

ul.history li {
	list-style: none;
	font-size: 110%;
}

hr  {
border: 0;
height: 2px;
color: #F5F5F5;
background-color: #FFF;
}