/* CSS Document */
body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}

#fondo{
	background: url(../img/fondo.jpg) top center no-repeat;
}

#wrapper{
	margin: 0px auto;
	width: 898px;
	padding: 0px 46px;
	overflow: auto;
}

a{
	color: #002A99;
}

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

a.leer_mas{
	padding: 2px 5px;
	color: #FDFC04;
	background: url(../img/leer-mas.jpg) repeat-x;
	float: right;
	width: auto;
	height: 19px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a.leer_mas:hover{
	text-decoration: underline;
}

#cabecera{
	width: 898px;
	height: 142px;
	background: url(../img/cabecera.jpg) -3px 0px no-repeat!important;
	background: url(../img/cabecera.jpg) -1px 0px no-repeat;
	position: relative;
}

	#cabecera #accesos{
		width: 165px;
		height: 25px;
		position: absolute;
		right: 8px;
		bottom: 0px;
		color: #FBED1B;
		font-size: 12px;
		padding: 5px 10px 0px 5px;
		text-align: right;
	}
	
	#cabecera #accesos a{
		color: #FBED1B;
		text-decoration: none;
	}
	
	#cabecera #accesos a:hover{
		color: #FBED1B;
		text-decoration: underline;
	}

#lateral_izquierda{
	float: left;
	width: 142px;
	padding: 50px 10px 0px 15px;
	min-height: 300px;
	height:auto !important;
	height:300px;
}

	#lateral_izquierda ul#menu{
		margin: 0px 0px 20px 0px;
		padding: 0px;
		list-style: none;
	}
		#lateral_izquierda ul#menu li{
			border-bottom: 1px solid #9D9DA7;
			padding-left: 15px;
			font-weight: bold;
			background:url(../img/menu-icon.gif) left no-repeat;
			font-size: 13px;
		}
		
		#lateral_izquierda ul#menu li a{
			color: #072B99;
			text-decoration: none;
		}
		
		#lateral_izquierda ul#menu li a:hover{
			color: #072B99;
			text-decoration: underline;
		}
		
		#lateral_izquierda ul#menu li.current{
			border-bottom: 1px solid #9D9DA7;
			padding-left: 15px;
			font-weight: bold;
			background:url(../img/menu-current.jpg) left no-repeat;
		}
		
		#lateral_izquierda ul#menu li.current a{
			color: #FDFC04;
			text-decoration: none;
		}
		
		#lateral_izquierda ul#menu li.current a:hover{
			color: #FDFC04;
			text-decoration: underline;
		}
		
	#lateral_izquierda #patrocinadores{
		background-color: #FFFFFF;
		text-align: center;
	}
		
		#lateral_izquierda #patrocinadores h2{
			font-size: 16px;
			color: #888888;
			margin-top: 0px;
			font-weight: bold;
		}
		
		#lateral_izquierda #patrocinadores img{
			border: 0px;
			clear: both;
			margin-bottom: 10px;
		}
		
#migas{
	float: left;
	clear: right;
	height: 20px;
	width: 711px;
	padding: 5px 0px 0px 20px;
	color: #072B99;
	font-size: 13px;
}

	#migas a{
		color: #072B99;
		text-decoration: underline;
	}
	
	#migas a:hover{
		color: #072B99;
		text-decoration: none;
	}

#contenido{
	margin-top: 5px;
	width: 515px;
	padding: 5px 15px 20px 20px;
	float: left;
}

	#contenido h2{
		color: #002A99;
		font-size: 24px;
		font-weight: normal;
		margin: 10px 0px 10px 0px;
	}
	
	#contenido h3{
		color: #808080;
		font-size: 18px;
		font-weight: normal;
		margin: 0px 0px 10px 0px;
		border-bottom: 1px solid #808080;
	}
	
	#contenido .peque{
		font-size: 10px;
	}
	
		#contenido h3 a{
			color: #808080;
			text-decoration: none;
		}
		
		#contenido h3 a:hover{
			color: #072B99;
			text-decoration: none;
		}
	
		#contenido #destacado{
			background: url(../img/noticia-principal.jpg) bottom right no-repeat;
			padding: 0px 25px 35px 0px !important; 
			padding: 0px 25px 33px 0px;
			margin: 0px 0px 0px 0px;
			overflow: auto;
			height: 100%;
		}
			
			#contenido #destacado #imagen{
				padding: 0px 0px 10px 10px !important;
				padding: 0px 0px 10px 7px;
				float: right;
				background-color: #FFFFFF;
				margin: 0px;
			}
			
		
			#contenido #destacado #imagen img{
				border: 5px solid #002A99;
				float: left;
			}
			
		#contenido #destacado p{
			font-size: 12px;
			line-height: 120%;
			margin: 0px 0px 10px 0px;
		}
		
		#contenido .noticia{
			margin-bottom: 30px !important;
			margin-bottom: 40px;
			overflow: hidden;
			height: 100%;
		}
		
		#contenido .noticia p{
			font-size: 12px;
			line-height: 120%;
			margin: 0px 0px 10px 0px;
		}
		
		#contenido #paginacion_noticias{
		}
			
			#contenido #paginacion_noticias #anterior{
				float: left;
			}
			
			#contenido #paginacion_noticias #siguiente{
				float: right;
			}
		
		#contenido #plantilla{
			background: url(../img/noticia-principal.jpg) bottom right no-repeat;
			padding: 0px 0px 40px 0px !important; 
			padding: 0px 0px 38px 0px;
			margin: 0px 0px 0px 0px;
			overflow: hidden;
		}
		
			#contenido #plantilla img.plantilla{
				border: 5px solid #002A99;
			}
		
		#contenido #lista_patrocinadores{
			text-align: center;
			margin-bottom: 20px;
		}
		
		#contenido #lista_patrocinadores img{
			border: 0px;
		}
		
		#contenido #colaboradores{
			margin-bottom: 20px;
			height: 100%;
			overflow: hidden;
		}
		
		#contenido #colaboradores .colaborador{
			width: 50%;
			float: left;
			margin-bottom: 10px;
		}
		
		#contenido #balones{
			text-align: center;
			margin-bottom: 20px;
		}
		
	#contenido table.tabla_listado{
		width: 100%;
		margin: 0px auto 5px auto;
	}
	
		#contenido table.tabla_listado th{
			background-color: #7497D9;
			color: #FFFFFF;
			font-weight: bold;
			text-align: left;
			padding: 3px 5px;
		}
		
		#contenido table.tabla_listado th.fija{
			width: 70px;
		}
		
		#contenido table.tabla_listado th.check{
			width: 20px;
		}
		
		#contenido table.tabla_listado td{
			background-color:#EBE8E8;
			text-align: left;
			padding: 3px 5px;
		}
		
		#contenido #paginacion{
			width: auto;
			float: right;
			color:#9d9b9b;
			padding: 0px 5px 5px 5px;
			margin-right: 1px;
		}
	
		#contenido #paginacion img{
			border:0px;
			height:20px;
			float:left;
			margin:0px 2px;
		}
		
		#contenido #paginacion div{
			border:0px;
			height:17px;
			padding:3px 5px 0px 5px ;
			color:#000;
			float:left;
		}
		
		#contenido #jugadores{
			text-align: center;
		}
		
		#contenido #jugadores .linea{
			clear: both;
			overflow: hidden;
			margin-left: 3px !important;
			margin-left: 0px;
		}
		
		#contenido #jugadores .jugador{
			width: 72px;
			margin: 5px 5px 5px 5px;
			float:left;
		}
		
		#contenido #jugadores .jugador img{
			width: 72px;
			height: 96px;
			border: 0px;
		}
		
	#contenido form.form_admin{
		background-color:#EBE8E8;
		border: 1px solid #082B72;
		padding: 5px 10px 10px 10px;
		margin: 0px 0px 15px 0px;
		overflow: auto;
	}
	
	#contenido form p{
		padding: 10px 5px 5px 5px;
		margin: 0px;
		clear: both;
	}
			
	#contenido form label{
		font-weight:bold;
		width:120px;
		padding: 3px 0px;
		float: left;
	}
			
	#contenido form input.datos{
		float:left;
		width:350px;
	}
	
	#contenido form textarea{
		float: left;
		width: 350px;
		height: 240px;
		margin: 0px;
	}
	
	#contenido form select{
		float: left;
	}
	
	#contenido form input.boton{
		color: #FDFC04;
		background: url(../img/leer-mas.jpg) repeat-x;
		font-weight: bold;
		width: auto;
		border: 0px;
		padding: 2px 5px;
		height: 19px;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		margin-right: 10px;
	}
	
	#contenido form .leyenda{
		font-size: 10px;
	}
	
	#contenido p.mensaje{
		background-color: #7497D9;
		border: 1px dashed #082B72;
		padding: 3px;
		color:#FFFFFF;
		font-weight: bold;
	}
	
	#contenido .producto{
		background: url(../img/producto_bg.jpg) repeat-y;
		width: 252px;
		float: left;
	}
	
	#contenido .producto .prod_img{
		background: url(../img/producto_pie.jpg) bottom no-repeat;
		padding: 10px 25px 31px 20px;
		min-height: 190px;
		height: auto !important;
		height: 190px;
	}
	
	#contenido .producto .prod_cab{
		background: url(../img/producto_cabecera.jpg) top no-repeat;
		padding: 0px 20px 5px 20px;
		overflow: hidden;
		min-height: 38px;
		height: auto !important;
		height: 38px;
	}
	
	#contenido .producto .prod_cab .tit_cab{
		color: #FFFFFF;
		float: left;
		font-weight: bold;
		padding: 10px 0px;
	}
	
	#contenido .producto .prod_cab .precio{
		background: url(../img/producto_precio_bg.jpg) left no-repeat;
		float: right;
		height: 17px;
		margin: 8px 0px 0px 0px;
		padding: 3px 5px 0px 15px;
		background-color: #FFFFFF;
		color: #16439D;
		font-weight: bold;
	}
	
	#contenido .equipoinf{
		text-align: center;
		width: 240px;
		float: left;
		margin: 0px 17px 20px 0px;
	}
		#contenido .equipoinf img{
			width: 240px;
			height: 149px;
			border: 0px;
		}
	
	.derecha{
		float: right;
		margin: 0px 0px 10px 10px;
	}
	
	.centro{
		text-align: center;
	}
		
#lateral_derecha{
	float: right;
	width: 180px;
	padding: 20px 0px 0px 0px;
}

	#lateral_derecha .titulo{
		text-align: center;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: bold;
		width: auto;
		height: 20px;
		background-color: #7497D9;
	}
	
	#lateral_derecha .contenido{
		text-align: center;
		color: #FDFC04;
		font-size: 13px;
		font-weight: bold;
		padding: 5px 3px;
	}

	#lateral_derecha #ultimo_partido{
		width: 170px;
		margin-bottom: 20px;
	}
	
		#lateral_derecha #ultimo_partido .titulo{
			border-top: 2px solid #2D5EC7;
		}
		
		#lateral_derecha #ultimo_partido .contenido{
			background: #05185A url(../img/ultimo-resultado.jpg) top repeat-x;
		}
		
			#lateral_derecha #ultimo_partido .contenido span#resultado{
				font-size: 20px;
			}
			
	#lateral_derecha #proximo_partido{
		width: 164px;
		border: 3px solid #FDFC04;
		margin-bottom: 20px;
	}
		
		#lateral_derecha #proximo_partido .contenido{
			background: #012059 url(../img/proximo-partido.jpg) top repeat-x;
		}
		
		#lateral_derecha #proximo_partido .contenido .fecha{
			font-size: 10px;
			margin-top: 5px;
		}
		
	#lateral_derecha #clasificacion{
		width: 164px;
		border: 3px solid #FDFC04;
		margin-bottom: 20px;
	}
		
		#lateral_derecha #clasificacion .contenido{
			background: #021C55 url(../img/clasificacion.jpg) top repeat-x;
			color: #FFFFFF;
		}
		
			#lateral_derecha #clasificacion .contenido table tr td.equipo{
				font-size: 9px;
				font-weight: 100;
			}
			
	#lateral_derecha .submenu{
		width: 170px;
		margin-bottom: 20px;
	}
	
		#lateral_derecha .submenu .titulo{
			border-top: 2px solid #2D5EC7;
		}
		
		#lateral_derecha .submenu .contenido{
			background: #05185A url(../img/ultimo-resultado.jpg) top repeat-x;
			text-align: left;
		}
		
		#lateral_derecha .submenu a{
			color: #FDFC04;
		}
		
		#lateral_derecha .submenu a:hover{
			color: #FDFC04;
			text-decoration: none;
		}
		
		#lateral_derecha .submenu ul{
			margin: 0px 0px 0px 20px;
			padding: 0px 0px 0px 0px;
			list-style-type: square;
		}
		
		
#pie{
	width: 898px;
	clear: both;
}

	#pie #prepie{
		width: auto;
		background-color: #EDEBEC;
		padding: 4px 10px;
		font-size: 12px;
		font-weight: bold;
		text-align: right;
		text-transform: uppercase;
		border: 3px solid #98AADA;
		color: #808080;
		margin-bottom: 0px;
	}
	
	#pie #postpie{
		width: 898px;
		height: 19px;
		background: url(../img/sombra-pie.jpg) top no-repeat;
	}
	
	
/*LOGIN*/
body.login{
	background: url(../img/login_bg.jpg) top no-repeat;
}
#wrapper_login{
	width: 245px;
	margin: 60px auto;
	position: relative;
}

#error{
	margin: 0px 0px 0px 40px;
	height: 20px;
}

#error p{
	padding: 5px;
	border: 1px solid #FF0000;
	color: #FF0000;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: center;
}

	#wrapper_login form{
		margin: 50px 0px 0px 40px;
		padding: 0px 0px 10px 0px;
	}
		
	#wrapper_login form p{
		padding: 5px 5px 5px 5px;
		clear: both;
	}
			
	#wrapper_login form label{
		font-weight:bold;
		width:60px;
		padding: 0px 3px;
		float: left;
		color: #223BA9;
	}
			
	#wrapper_login form input{
		float:right;
		width:100px;
	}
	
	#wrapper_login form input.boton{
		color: #223BA9;
		border: 1px solid #223BA9;
		background-color:#F0FF00;
		font-weight: bold;
		width: auto;
		float: right;
	}