/*** IAR - SGM Sistemas - 2009 *******************************************************************/
body {
	margin: 0;
	padding: 0;	
	font-family: Tahoma;
	font-size: small;
	color: #747474;
	background-repeat: repeat-x;
	background-color: #000;
	
	background-image: url(../img/web/bg_body.jpg);
}

.portada {
	background-image: url(../img/web/bg_body_portada.jpg);
}

h1 {
	margin: 0;
	padding: 0;	
}

h2 {
	color: #9f9f9f;
	font-size: large;
}

h3 {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0;
}

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

a:hover {
	text-decoration: underline;
}

a img {
	border-width: 0;	
}

input, textarea, select {
	background-color: #464646;
	border-width: 0px;	
	font-family: Tahoma;
	font-size: small;
} 

/*** Distribución de la página *******************************************************************/
#marco {
	width: 996px;
	margin: 0 auto;	
	background-repeat: repeat-y;
	
	background-image: url(../img/web/bg_marco.jpg);
}

#marco.portada {
	background-image: url(../img/web/bg_marco_portada.jpg);
}

#cabecera {
	padding: 0 50px;
	background-repeat: no-repeat;
	
	height: 184px;
	background-image: url(../img/web/bg_cabecera.jpg);
}

#cabecera.portada {
	height: 264px;
	background-image: url(../img/web/bg_cabecera_portada.jpg);
}

#menu_superior {
	height: 34px;
	padding: 2px 85px 1px 85px;
	background-image: url(../img/web/bg_menu_superior.jpg);
	background-repeat: no-repeat;	
}

#principal {
	min-height: 300px;	
	padding: 0 50px;
}

#col_izq {
	width: 210px;
	float: left;
	padding: 4px 4px 10px 6px;
}

#col_der {
	width: 674px;
	float: right;
}

#pie {
	height: 207px;
	padding: 9px 59px 0 59px;
	background-image: url(../img/web/bg_pie.jpg);
	background-repeat: no-repeat;
}

/*** Menú superior *******************************************************************************/
#menu_superior ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu_superior ul li {
	float: left;
}

/*** Menú lateral ********************************************************************************/
.caja_lateral {
	background-color: #161616;
	width: 100%;
	overflow: hidden;
}

.caja_lateral h2 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	padding: 10px 10px;	
}

.caja_lateral .interior {
	background-color: #272727;
	padding: 8px;	
}

.caja_lateral .caja {
	width: 190px;
	height: 18px;
	padding-top: 4px;
	color: #fff;
}

ul.menu {
	margin: 0;
	padding: 0;	
	list-style: none;	
}

li.menu {
	line-height: 27px;
	padding: 2px 0 0 35px;
	background-image: url(../img/web/bg_menu_lateral_li.jpg);
	background-repeat: no-repeat;
	background-color: #272727;
	color: #eb6100;
	border-bottom: 2px solid #161616;
}

.menu a {
	display: block;
	width: 100%;
	height: 100%;	
}

ul.submenu {
	margin: 0 0 0 -35px;
	padding: 0;
	list-style: none;	
}

li.submenu{
	line-height: 27px;
	padding: 2px 0 0 40px;
	background-image: url(../img/web/bg_submenu_li.jpg);
	background-repeat: no-repeat;
	color: #9c9c9c;
	border-top: 2px solid #161616;
}

.submenu a {
	color: #9c9c9c;
	display: block;
	width: 100%;
	height: 100%;	
}

/*** Clases generales ****************************************************************************/
.separador {
	height: 1px;
	line-height: 1px;
	background-color: #464646;
	margin: 4px 0;
	clear: both;
}

.clear {
	clear: both;
}

.envolvente {
	background-color: #272727;	
}

.flecha_1 {
	background-image: url(../img/web/flecha_1.jpg);	
	background-repeat: no-repeat;
	background-position: 0 1px;
	display: block;
	height: 18px;
	padding-left: 20px;
}

.flecha_2 {
	background-image: url(../img/web/flecha_2.jpg);	
	background-repeat: no-repeat;
	background-position: 0 1px;
	display: block;
	height: 18px;
	padding-left: 20px;
}

.contenido {
	padding: 10px 2px 10px 5px;	
}

h2.titulo {
	font-size: 37px;
	font-weight: normal;
	margin: 5px 0;
	padding: 0 0 0 20px;
	color: #464646;	
}

h2.titulo span {
	color: #fff;
}

.tam_fijo {
	height: 760px;	
}

/*** Portada *************************************************************************************/
.columna_portada {
	width: 448px;
	float: left;
}

.columna_portada .interior {
	margin: 3px;
}

/*** Módulo Próximo Partido **********************************************************************/
#proximo_partido {
	height: 114px;
	padding: 5px;
	background-color: #131313;
}

#proximo_partido .equipos {
	color: #9f9f9f;
	font-size: 14px;
	text-transform: uppercase;	
}

/*** Módulo Último Partido ***********************************************************************/
#ultimo_partido {
	height: 245px;
	padding: 5px 0 0 0;
	background-color: #131313;
}

#ultimo_partido .equipos {
	color: #9f9f9f;
	font-size: 17px;
	text-transform: uppercase;	
}

#ultimo_partido .equipos .resultado {
	color: #fff;
}

/*** Combinado portada ***************************************************************************/
#scroll {
	overflow: hidden;
	width: 896px;
}

#combinado_portada {
	
}

#combinado_portada .elemento {
	width: 218px;
	height: 266px;
	float: left;
	margin-left: 2px;
	margin-right: 4px;
}

#combinado_portada .elemento .texto {
	background-color: #131313;
	margin-top: 1px;
	padding: 0 5px;
	height: 94px;
}

#combinado_portada .elemento  .texto h3 {
	height: 20px; 
	overflow: hidden; 
	font-size: 20px;
}

#combinado_portada .elemento  .texto p {
	padding: 0; 
	margin: 5px 0;
	height: 33px;
	overflow: hidden;
}

#navegador {
	padding-top: 10px;
	float: right;
}

#navegador img {
	cursor: pointer;
}

/*** Entrevista y jugada de la semana ************************************************************/
.entrevista {
	background-color: #272727; 
	height: 153px;
	padding: 8px 7px 7px 7px;
}

.entrevista .imagen {
	float: left;
	border-right: 1px solid #464646;
	padding-right: 10px;
	margin-right: 10px;
	height: 154px;
}

.entrevista .h2 {
	color: #a1a1a1;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}	

.entrevista .h3 {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	height: 20px;
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 3px;
}	

.entrevista .patrocinador {
	height: 90px;
}

/*** Noticias ************************************************************************************/
#noticia_lateral {
	margin-top: 11px;
}

#noticia_lateral .texto {
	margin-top: 1px;
	padding: 4px;
	background-color: #131313;
}

.noticia {
	width: 218px;
	height: 285px;
	float: left;
	margin-right: 4px;
}

.noticia .texto {
	margin-top: 1px;
	padding: 4px;
	background-color: #131313;
}

.noticia .texto h3 {
	height: 20px; 
	overflow: hidden; 	
}

#noticia {
	
}

#noticia .ampliacion {
	background-color: #272727;
	padding: 10px;
}

#noticia .ampliacion .imagen {
	float: left;
	margin: 10px 10px 0 0;	
}

#noticia .ampliacion .fecha {
	color: #ec6e00;
	margin: 4px 0;
	padding: 0;
}

#noticia .detalles {
	background-color: #161616;
	margin-top: 10px;
}

#noticia .detalles h3 {
	background-color: #161616;
	color: #9f9f9f;
	padding: 8px 0 8px 6px;
}

#noticia .detalles .texto {
	background-color: #272727;
	padding: 15px 0 0 15px;
}

#noticia .detalles .texto .img {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}


/*** Jugadores ***********************************************************************************/
#plantilla {

}

#plantilla .jugador {
	width: 192px;
	height: 94px;
	background-color: #272727;
	padding: 12px 10px 13px 10px;
	margin: 0 4px 4px 0;
	float: left;
}

#plantilla .jugador img {
	float: left;
	margin-right: 9px;
}

#plantilla .dorsal {
	width: 29px;
	height: 29px;
	background-color: #464646;
	float: left;
	color: #eb6100;
	font-size: 14px;
	text-align: center;
	line-height: 27px;
	font-weight: bold;
}

#plantilla .nombre {
	width: 75px;
	height: 42px;
	float: left;
	color: #a9a9a9;
	font-size: 15px;
	font-weight: bold;
	margin-top: 8px;
}

#plantilla .demarcacion {
	float: left;
	color: #eb6100;
	font-size: 15px;
	font-weight: bold;
}

.ficha_jugador {
	background-color: #272727;
	padding: 10px;
	height: 94px;
}

.ficha_jugador img {
	float: left;
	margin-right: 10px;
}

.ficha_jugador .texto {
	border-right: 1px solid #464646;
	width: 145px;
	float: left;
	height: 93px;
}

.ficha_jugador .texto .dorsal {
	width: 29px;
	height: 29px;
	background-color: #464646;
	color: #eb6100;
	font-size: 14px;
	text-align: center;
	line-height: 27px;
	font-weight: bold;
}

.ficha_jugador .texto .nombre {
	width: 75px;
	height: 42px;
	color: #a9a9a9;
	font-size: 15px;
	font-weight: bold;
	margin-top: 8px;
}

.ficha_jugador .texto .demarcacion {
	color: #eb6100;
	font-size: 15px;
	font-weight: bold;
}

.ficha_jugador .detalles {
	width: 350px;
	float: left;
	height: 93px;
	padding-left: 15px;
	color: #c5c5c5;
	line-height: 23px;
}

.ficha_jugador .detalles span {
	color: #eb6100;
}

.detalles_jugador {
	background-color: #161616;
	margin-top: 10px;
}

.detalles_jugador h3 {
	background-color: #161616;
	color: #9f9f9f;
	padding: 8px 0 8px 6px;
}

.detalles_jugador .texto {
	background-color: #272727;
	padding: 1px 15px;
}

/*** Paginador ***********************************************************************************/
div.paginador {
	float: right;
	height: 20px;
	margin-top: 10px;
}

ul.paginador {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

ul.paginador li {
	float: left;
	height: 21px;
	padding: 2px 4px 0 4px;
}

ul.paginador li.anterior {
	width: 75px;
	
	background-image: url(../img/web/botones/anterior.jpg);
	background-repeat: no-repeat;
}

ul.paginador li.siguiente {
	width: 52px;
	
	padding-left: 28px;
	background-image: url(../img/web/botones/siguiente.jpg);
	background-repeat: no-repeat;
}

/*** Calendario **********************************************************************************/
.clasificacion {
	background-color: #161616;
	margin: 1px 3px;
	color: #ababab;
}

.clasificacion h3 {
	color: #9f9f9f;
	padding-left: 15px;
}

.clasificacion .jornada_actual {
	margin-bottom: 15px;	
}

.clasificacion .jornada_actual .rotulos {
	width: 100%; 
	color: #ec6e00; 
	height: 30px; 
	font-weight: normal;
}

.clasificacion .jornada_actual .rotulos th {
	font-weight: normal;
}

.clasificacion .jornada_actual .linea {
	text-align: center; 
	width: 100%; 
	height: 30px; 
	border-top: 1px solid #464646;
}

.clasificacion .jornada_actual .rotulos th, .linea td {
	border-right: 1px solid #464646;
}

/*** Calendario (con todos los partidos) **********************************************************/
.calendario .jornada {
	background-color: #161616;
	margin-bottom: 7px;
}

.calendario .jornada.izq {
	float: left;
	width: 330px;	
}

.calendario .jornada.der {
	float: right;
	width: 330px;		
}

.calendario .jornada h3 {
	color: #9f9f9f;
	margin-left: 15px;	
}

.calendario .jornada .rotulos {
	width: 100%; 
	font-weight: bold; 
	margin: 2px 0;
}

.calendario .jornada .rotulos th {
	color: #ec6e00;
	text-align: center;
	height: 30px; 
}

.calendario .jornada .linea {
	width: 100%; 
	height: 30px; 
	border-top: 1px solid #464646;
	color: #ababab;
}

.calendario .jornada.izq .linea, .calendario .jornada.der .linea  {
	height: 50px; 
}

.calendario .jornada .linea td {
	text-align: center;
}

.calendario .jornada .linea td b {
	color: #ec6e00;
	font-weight: normal;
}

/*** Galerías (imágenes, vídeos y descargas) *****************************************************/
.titulin {
	font-size: 21px;
	padding-left: 20px;
}

.multimedia .elemento {
	width: 218px;
	height: 266px;
	float: left;
	margin-left: 1px;
	margin-right: 3px;
}

.multimedia .elemento .texto {
	background-color: #131313;
	margin-top: 3px;
	padding: 0 5px;
	height: 94px;
}

.multimedia .elemento  .texto h3 {
	height: 17px; 
	overflow: hidden; 
	font-size: 17px;
}

.multimedia .elemento  .texto p {
	padding: 0; 
	margin: 11px 0;
	height: 20px;
	overflow: hidden;
}

.detalles_galeria {
	background-color: #161616;
	margin-bottom: 5px;
}

.detalles_galeria h3 {
	font-size: 20px;
	color: #9f9f9f;
	margin-left: 15px;
	text-transform: none;	
}

.detalles_galeria .fecha {
	float: right; 
	color: #ec6e00;
	margin: 13px 10px 0 0;
}	

.detalles_galeria .texto {
	background-color: #272727;
	padding: 1px 15px;
	border-top: 1px solid #000;
}

.elementos_galeria {
	background-color: #161616;
	padding: 10px 0 0 10px;
}

.elementos_galeria .imagen {
	float: left;
	width: 150px;
	text-align: center;
	margin-right: 14px;
}

.texto_elemento {
	height: 34px;
	margin-top: 2px;
	padding: 0;
	overflow: hidden;
}

/*** Contacto ************************************************************************************/
.contacto {

}

.contacto .contacto_rotulo {
	color: #eb6100;
}

.contacto .caja {
	height: 18px;
	color: #fff;
	padding: 4px 2px 2px 2px;
}

/*** Último y próximo partido ********************************************************************/
.partido {
	background-color: #161616;
}

.partido h3 {
	color: #9f9f9f;
	font-size: 20px;
	padding-left: 15px;	
}

.partido .escudos {
	background-color: #272727;
	padding: 10px 0;
	color: #9f9f9f;
	font-size: 25px;
	text-align: center;
}

.partido .detalles {
	padding: 10px;
}

.partido .detalles b {
	color: #eb6100;	
}

/*** Entrevistas y jugadas de la semana **********************************************************/
#entrevista, #jugada {
	
}

#entrevista .ampliacion, #jugada .ampliacion {
	background-color: #272727;
	padding: 10px;
}

#entrevista .ampliacion .imagen, #jugada .ampliacion .imagen {
	float: left;
	margin: 10px 10px 0 0;	
}

#entrevista .ampliacion .fecha, #jugada .ampliacion .fecha {
	color: #ec6e00;
	margin: 4px 0;
	padding: 0;
}

#entrevista .detalles, #jugada .detalles {
	background-color: #161616;
	margin-top: 10px;
}

#entrevista .detalles h3, #jugada3 .detalles h3{
	background-color: #161616;
	color: #9f9f9f;
	padding: 8px 0 8px 6px;
}

#entrevista .detalles .texto, #jugada .detalles .texto {
	background-color: #272727;
	padding: 15px 0 0 15px;
}

#entrevista .detalles .texto .img, #jugada .detalles .texto .img {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

/*** Contenidos estáticos ************************************************************************/
.contenido .gris {
	background-color: #272727;
	padding: 10px;
}