/* Maquetación by Totbits Solutions (www.totbits.com) */

/* DEFAULT ELEMENTS ----------------------------------------------------------
   no tocar !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
*		{ margin: 0; padding: 0; }
body	{ font-family: Tahoma; font-size: 10px; padding: 5px 0; line-height: 14px; } 
img		{ border: 0; vertical-align: middle; }
ul 		{ list-style: none; }
a		{ outline: 0; color:#008cbc;}
table	{ border-spacing: 0; border-collapse: collapse; border: none; }
td, th	{ vertical-align: top; text-align: left; }
select  { padding: 0; }
option  { padding: 1px 5px; }
textarea{font-family:Tahoma;}
p label.error	{ color: #f00; }
.banner iframe {border:1px solid #eee;;}
hr{height:1px; border:none; border-top:1px solid #ccc; background:#ccc;}

/* CONTAINER #################################################################*/
div.body_container { width: 990px; text-align: left; margin: 0 auto; }

/* HEADER ####################################################################*/
#hbanner { height: 92px; }
#hbanner div.banner { background: url('/css/hbanner.jpg') no-repeat 0px 0px; padding-left: 12px; }
#header { height: 97px; background: url('/css/header.jpg') no-repeat; position: relative; margin-top:10px; }
#header h1, #header h2 { display: none; }
#header #link_escudo { display: block; position: absolute; margin: 0 0 0 45px; width: 65px; height: 80px; }
#header #link_escudo span { display: none;}
#header #link_portada { display: block; position: absolute; margin: 45px 0 0 140px; width: 375px; height: 45px;  }
#header #link_portada span { display: none;}
#header .object { position: absolute; top: 0px; right: 0px; }

#toolbar { height: 30px; background: #14090D; color: #FFF; }
#toolbar a {color:#FFF;}
#toolbar li a { color: #FFF; text-decoration: none; font-size: 14px; font-family: "Myriad Pro", sans-serif;  display: block; line-height: 30px; padding: 0 9px; border-right: 1px solid #383435; }
#toolbar li a:hover { text-decoration: underline; }
#toolbar li a.sel { background:#5B0028; }
#toolbar ul { padding: 0px 0 0px 10px; }
#toolbar li { float: left; }
#toolbar #apuestas { position: absolute; margin: 0 0 0 590px; text-decoration: none; }
#toolbar #apuestas iframe { border: none; }
#toolbar #apuestas:hover { text-decoration: underline; }
#toolbar #apuestas img { margin-right: 2px; }

#toolbar_sub { background: #5B0028; height: 26px;  }
#toolbar_sub ul { padding: 0px 0px 0px 10px; margin-top:0px;   }
#toolbar_sub li { float: left; padding:0px !important;}
#toolbar_sub li a { font-weight:bold; color: #FFF; display:block; text-decoration: none; height:100%; _width:20px; white-space:nowrap;  font-size: 10px; line-height: 25px; padding: 0px 9px; margin-top:0px; border-left:1px solid #5B0028; border-bottom:1px solid #5B0028;}
#toolbar_sub li a:hover, #toolbar_sub li a.sel, #toolbar_sub li.sfHover > a { text-decoration: none; color:#5B0028; border-bottom:1px solid #fff;  background: url('/css/bg_menu1.png'); }
#toolbar_sub li a.sel { background:#fff; font-weight:bold; border-bottom:1px solid #5B0028;}
#toolbar_sub li a:hover { background: url('/css/bg_menu1.png'); color:#5B0028; } /*IE6*/

#toolbar_sub ul ul { display:none; width:165px; top: 25px; left:20px;  background:#fff url('/css/bg_menu2.png') no-repeat; border:1px solid #5B0028; border-top:0px; padding-left:0px;}
#toolbar_sub ul ul li { height:25px; padding:3px 5px;}
#toolbar_sub ul ul a { padding: 0x 3px; font-size:11px; display:block; _width:100%;  color: #333; border:none;/*opacity: 0.9; filter: alpha(opacity=90);*/ }
#toolbar_sub ul ul a:hover, #toolbar_sub ul ul a.sel:hover{background:#eee url('/css/bg_menu3.png') repeat-y; border:none;}
#toolbar_sub ul ul a.sel{border:none; color:#76033d;}

#toolbar_sub ul ul ul{top:0px; left:15em; border-top:1px solid #5B0028;}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#toolbar li.disabled a{color:#666;}
#toolbar_sub li.disabled a {color:#ccc;}


#search_box { background: url('/css/search_box.jpg') no-repeat; float: right; width: 150px; height: 19px; margin: 6px 10px 6px 5px; }
#search_box input { border: 0; width: 120px; margin: 2px 0 2px 27px; color: #9C9C9C; font-size: 10px; }
#search_box input.submit { display: none; }

/* BODY ######################################################################*/
#body { width: 757px; padding: 8px 0 15px 0; font-size: 11px; line-height: 15px; color: #303030; }
#body_box { padding-right: 16px; }

#body div.banner { background: url('/css/bbanner.jpg') no-repeat 1px 0px; padding-top: 12px; margin-bottom: 20px; }
#body div.megabanner { background: url('/css/hbanner.jpg') no-repeat; padding-left: 12px; margin-bottom: 20px; }

#breadcrumbs { padding-left: 10px; padding-bottom:5px; }
#breadcrumbs a { color: #222081; }
#breadcrumbs span { color: #222081; font-weight: bold; }

#set_homepage { float:right; margin-right: 10px;  }
#home_rss { float:right;  }
#set_homepage b { color: #1F207A; }
#set_homepage a, #home_rss a { color: #303030; text-decoration: none; line-height: 12px; font-size: 10px; }
#set_homepage a img, #home_rss a img { vertical-align: bottom; }

#flash_title{margin:0px; padding:0px 25px; height:28px;}
#flash_title object{margin:0px;}

div.submenu { background: #F2F2F2; height: 25px; margin-top:0px; margin-bottom: 20px;  }
div.submenu a { color: #333; text-decoration: none; font-size: 11px; font-weight:bold; }
div.submenu a:hover, div.submenu a.sel { text-decoration: underline; color:#09c; }
div.submenu ul { padding: 4px 0 4px 19px; }
div.submenu li { float: left; }
div.submenu li a { display: block; line-height: 16px; padding: 0 9px; }

/* RIGHT MENU ################################################################*/
#rmenu { width: 225px; background: #e9e9e9 url('/css/rmenu_bg.jpg') repeat-y; padding: 8px 0 15px 0; }
#rmenu_box { padding: 0 16px; }
#rmenu h2 { color: #640130; font-size: 14px; font-family: "Myriad Pro", sans-serif; margin-bottom: 12px; border:0; padding: 0;  }
#rmenu div.banner { background: url('/css/rbanner.jpg') no-repeat 1px 0px; padding-top: 12px; margin-bottom: 20px; }
#rmenu div.not_ad { background-image: none; padding-top: 0px; }
#rmenu p.more { border-bottom: 1px solid #D7D7D7; margin-top: 10px; margin-bottom: 5px; }
#rmenu p.more a { text-decoration: none; margin: -7px 10px 0 0; color: #640130; background: #F7F7F7; float: right; padding: 0 3px; }


#rmenu div.box { background: #F7F7F7; padding: 13px 10px; margin-bottom: 20px; }
#rmenu div.box img.ico { margin: -20px 165px; position: absolute; }

#rmenu div.sms {height:105px;}
#rmenu div.sms h2 { color: #003060; }
#rmenu div.sms p.more { float: right; margin-top: -35px; }
#rmenu div.sms p.more a { color: #003060;}
#rmenu div.sms p.sms { font-size: 1.1em; }

#rmenu div.tienda .links{border-bottom:0px; margin-bottom:0px;}
  #rmenu div.tienda .links img{vertical-align:bottom; margin-left:3px;}
#rmenu div.tienda a.btn_carrito { font-weight:bold; color:#000; font-size:12px; text-transform:uppercase; font-family:Arial; text-decoration:none;}
  #rmenu div.tienda a.btn_carrito:hover { color:#09c; }
#rmenu div.tienda ul ul {margin-top:5px;}
#rmenu div.tienda ul b{font-size:12px; font-family:Arial;}
#rmenu div.tienda ul ul li a{color:#666; font-size:11px; font-weight:bold; padding:2px 0 2px 10px; display:block; text-decoration:none; background:url('/css/square.gif') 0px 7px no-repeat;}
  #rmenu div.tienda ul ul li a:hover{color:#09c;}
  
#rmenu div.partido {  }
#rmenu div.partido .liga { }
#rmenu div.partido .fecha { font-size:14px; border-bottom:1px solid #ccc; padding: 4px 0; color:#86a8ba; font-weight: bold; }
#rmenu div.partido .fecha span { float: right; }
#rmenu div.partido table{ width:100%; }
#rmenu div.partido table td{ text-align:center; padding:4px 0px; font-size:11px; font-weight:bold;}

#rmenu table.clasif { width: 100%; }
#rmenu table.clasif td, #rmenu table.clasif th { border-top: 1px solid #DCDCDC; line-height: 18px; background: url('/css/clasif_bg.jpg') repeat-x; padding: 0 5px; font-size: 1.1em; }
#rmenu table.clasif td.num { text-align: right; }
#rmenu table.clasif tr.sel td,#rmenu table.clasif tr.sel th { color: #660033; }

#rmenu div.links { padding: 11px 0; border: 1px solid #D9D9D9; border-right: 0; border-left: 0; margin-bottom: 10px; } 
#rmenu div.links table { width: 100%; }
#rmenu div.links table td { vertical-align: middle; }

/* FOOTER ####################################################################*/
#footer { background: url('/css/footer.jpg') repeat-x; height: 160px; color: #313132; }
#footer a { color: #313132; }
#contact_data { text-align: right; position: absolute; width:215px; margin: 18px 0 0 528px; line-height: 15px; }
#mediaworks { position: absolute; margin: 18px 0 0 778px; }
#patrocinadores { border-bottom: 1px solid #D9D9D9; width: 750px; height: 102px; }
#patrocinadores img { margin: 32px 30px 0 10px; }
#langs { text-align: right; position: absolute; width:215px; margin: 5px 0 0 528px;  }
#langs a  { text-decoration: none;  }
#footer p.menu { padding: 5px 0 0 10px; }
#footer p.menu a { text-decoration: none; font-size: 1.1em; }


/* #############################################################################
## COMMON CLASSES ##############################################################
##############################################################################*/
h1 { color:#a6004e; font-size:24px; margin:10px 0;}
h2 { color:#003366; font-size:17px; border: 1px solid #D9D9D9; border-left: 0; border-right: 0; padding: 10px 15px; margin-bottom: 20px;  }
h3 { color:#008cbb; font-size:17px; margin:5px 0 15px 0;}
h4 { color:#008cbb; font-size:15px; padding: 5px 0; margin-bottom: 5px;  }
#body p { margin-bottom: 5px; }

/* CAJAS ELEMENTOS */
#body div.box { border-top: 1px solid #D7D7D7; padding-top: 5px; background: url('/css/body_box.jpg') 0 42px repeat-x; margin-bottom: 20px; }
#body div.box h2 span { display: none; }
#body div.box h2 { height: 42px; padding: 0; margin: 0; }
#body div.box div.pad { margin: 10px 10px 5px 10px; }
#body div.box p.more { border-bottom: 1px solid #D7D7D7; margin-top: 9px; }
#body div.box p.more a { float: right; margin: -7px 10px 0 0; background: #FFF; text-decoration: none; color: #CD0076; padding: 0 3px; }

#body div.box table.bb { width: 100%; }
#body div.box table.bb td, #body div.box table.bb th { padding: 9px 5px; background: url('/css/body_box_table.jpg') repeat-x;  vertical-align:middle; }
#body div.box table.bb td.last { background-position: 0 -33px; }
#body div.box table.bb .no_padding td{padding:0px !important; background:none;}
#body div.box table.bb .no_padding td.escudo{text-align:center; width:30px;}

/* NOTICIAS */
div.noticia {  border-bottom: 1px solid #D9D9D9; padding-bottom:10px; margin-bottom: 6px;}
div.noticia h3 { font-size: 18px; line-height: 18px; color: #A6004E;  margin: 5px 0 0 0 !important; font-family:Arial, sans-serif; }
  div.noticia.primera h3 { font-size: 20px;  color: #00469B; line-height:22px;}
div.noticia p.date { color: #838486; font-size: 10px; margin: 0px 0px 10px 0; }
div.noticia img { border: 1px solid #BABCBB; margin-bottom: 5px; }
  div.noticia img.fl { float: left; margin: 0 9px 20px 0; }
div.noticia a.read_more{ display: block; margin-top:5px;}
div.noticia p{margin-bottom:0px !important;}



p.noticias_mas a { float: right; margin: -7px 10px 0 0; background: #FFF; text-decoration: none; color: #CD0076; padding: 0 3px; }

.anteriores h4 { color:#333; font-family:Arial; font-size:18px;}
.anteriores div.noticia h3{ line-height:16px; }
.anteriores div.noticia h3 a { color:#00469B; text-decoration:none; font-size:14px;}
  .anteriores div.noticia h3 a:hover { text-decoration:underline; }
  .anteriores div.noticia h3 span { color:#999; font-size:11px; font-weight:normal;}
  
#noticia_dia { padding: 0 8px 10px 0; }
#noticia_dia img { padding: 3px; border:1px solid #ccc;}
#noticia_dia p.legend { padding: 5px 0px; }
#noticia_dia h3 { color: #00366C; font-family: "Myriad Pro", sans-serif; font-size: 28px; line-height: 32px; margin-top: 7px;   }


/* ACTUALIDAD */
#content.actualidad{margin-right:0px; padding:0px 0 0 10px;}

#content.actualidad .anteriores {  }

/* GALERÍAS */
div.gallery { padding: 0px 0px 20px 0; margin:0px; border-bottom: 1px solid #D9D9D9; }
div.gallery h3 { font-size: 15px; line-height: 15px; color: #66002F;  margin: 3px 0; }
div.gallery p.date { color: #838486; font-size: 10px; margin-bottom: 2px; }
div.gallery div.preview { border: 1px solid #BABCBB; margin-bottom: 5px; overflow: hidden;  }

.anteriores h4 { color:#333; font-family:Arial; font-size:18px; margin-bottom:10px;}
.anteriores div.gallery {  }
.anteriores div.gallery h3 a { color:#00469B; text-decoration:none; font-size:14px;}
  .anteriores div.gallery h3 a:hover { text-decoration:underline; }
  .anteriores div.gallery h3 span { color:#999; font-size:11px; }


/* CONTENIDO TEXTO */
#content    { padding:0px 10px; min-height:425px;}
#content p  {text-align:justify; margin:10px 0;}
#content b  {font-weight:bold; color:#002A56;}

/* CLASES COMUNES */
.float_right { float:right; margin-top:0px !important;}
.float_left  { float:left; margin-top:0px !important;}
img.foto {margin:15px 20px; border:1px solid #ccc; padding:2px;}

ul.std{list-style-image:none; margin-left:0px;}
ul.std li{background:url('/css/square.gif') 2px 6px no-repeat; padding-left:12px;}
tr.odd{background:#eee;}

a.back {padding:2px 0px 2px 22px; background:url('/css/undo.png') no-repeat; text-transform:uppercase; margin-top:35px; display:block;}

/* TITULO MÁS USADO EN LA WEB */
div.menu_titulo{ border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:20px;}
  div.menu_titulo h2{ line-height:18px; border:none; color:#A6004E; font-size:18px; margin:0px; padding:10px 10px;}
  div.menu_titulo ul li{ float:right; margin:10px 7px; } 

  div.menu_titulo.organigrama ul li {margin:10px 3px;}
  div.menu_titulo.organigrama ul li a{font-size:11px;}  
  div.menu_titulo.organigrama ul li a.sel{font-weight:bold; color:#333;}

/* CONTENT NEWS */
	.news h1	{ line-height: normal !important; }
	.news img	{ margin: 10px 20px 10px 0px; border:1px solid #ccc; padding:3px;}
	.news h4 	{ color: #999; font-size:15px; margin: 0; padding: 0; line-height: 20px; }
	
  /* PAGINACIÓN */
	.paginacion									{ float: rigth; padding: 3px; margin:30px 10px; text-align: right;  }
	.paginacion a								{ padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #b4b2a9; text-decoration: none;  color: #fff; background: #c7c4b9 url('btn_paginacion_off.gif'); }
	.paginacion a:hover, .paginacion a:active   { border: 1px solid #b4b2a9; color: #fff !important; background: #5b0028 url('btn_paginacion_on.gif'); }
	.paginacion span.current					{ padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #b4b2a9; font-weight: bold; background: #5b0028 url('btn_paginacion_on.gif'); color: #fff !important; }
	.paginacion span.disabled					{ padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; }


/* GALERIAS DE FOTOS #############################################################*/
#content.galeria .gallery { padding:5px 0px; margin:10px 0px 10px 0px;}
#content.galeria .gallery.primera h3 { color:#00469b; font-size:18px; }
  #content.galeria .gallery h3 .date{ font-size:11px; color:#777; }
  #content.galeria .gallery .preview { border:none; }
  #content.galeria .gallery .preview a img{ border:1px solid #aaa; padding:2px; }
  #content.galeria p.date { margin: 5px 0; }
  #content.galeria td.anteriores p.date { margin-top: 0; }
  
/* GALERIA ESPECIFICA */
#content.galeria h1{margin:0px !important; border-bottom:1px solid #ccc; padding-bottom:5px;}
  #content.galeria h1 .date{font-size:0.7em; color:#e2c8d4;}
  
#content.galeria .intro_galeria {margin:20px 0px;}
  #content.galeria .intro_galeria p{margin:0px !important;}

#content.galeria a.preview img{border:1px solid #ddd; padding:3px; margin:1px;}
#content.galeria a.preview:hover img{border:1px solid #5b0028; background:#eee; padding:3px; margin:1px;}

/* SUGERENCIAS #############################################################*/
.formulario_sugerencias th{padding-right:7px;}
.formulario_sugerencias .text{
  border:1px solid #999;
  margin:2px 0px;
  padding:1px 2px;
}
.formulario_sugerencias #form_contacto p { padding: 0 !important; margin: 0 !important; }

/* LOGIN USUARIOS #############################################################*/
p.login_error{ background:#A6004E; color: #FFF; display:block; margin: 0 0 5px 0; padding: 10px 20px; }

/* links estadísticas asobal -------------------------------------------------*/
ul.asobal_stats { margin: 30px 0px; }
ul.asobal_stats li { margin: 5px 10px; }
ul.asobal_stats li.nopad { margin-left: 0px; }

/*--- Banner animate ---*/
#banner_animate	{ width: 740px; height: 300px;  margin: 0px 0px 10px 0px; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	margin-left: 	-20px;
	width:			20em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
	margin-top:		-25px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
#content.fundacion{ padding-right:30px; }
#content.fundacion img{ padding:3px; border:1px solid #eee; margin:0 0 10px 20px;}

#content.fundacion p {text-align:justify !important;}

#content.fundacion .dato { padding-left:10px; background:url('/css/square.gif') 0px 5px no-repeat; margin:3px 0;}
#content.fundacion table.fundadores td{padding-right:10px;}