/* 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.banner.small-mbottom { margin-bottom: 10px; }
#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.events { margin-bottom: 20px; }

#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; }

div.third-party { margin: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px 0px; }
	div.third-party td { vertical-align: middle; padding-right: 20px; }
	div.third-party td.share-text { }
	div.third-party a { margin: 0px; padding: 0px; }
	div.third-party img { margin: 0px; padding: 0px; border: none; }

#share-links { text-align: left; clear: both; }
#share-links img { border: none; margin: 0px; padding: 0px; }
#share-links td { padding-right: 20px; vertical-align: bottom; }
#share-links td.share-text { padding-left: 30px; }
/*** 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;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}/* INSTALACIONES #############################################################*/
#content.instalaciones h3{margin:30px 0px 5px 0;}

#fotos_instalaciones {}
#content #fotos_instalaciones img { margin:0px; }
#content #fotos_instalaciones .thumbs img { margin:0px 5px 7px 0px; }

/* ORGANIGRAMA #####################################################################*/
#content.junta table {margin:20px 0 10px 0;}
#content.junta table td{vertical-align:bottom; padding-bottom:20px;}
#content.junta table img{margin:0px 10px 0px 0px;}
#content.presi table img{margin:0 10px 0 0;}

/* CUERPO TECNICO #####################################################################*/
#content.cuerpo_tecnico ul.std { }

/* COLABORADORES */
.colaborador {margin:10px 0; width:340px;}
.colaborador td{vertical-align:middle; padding:2px 2px;}
  .colaborador td.img{width:60px;}
.colaborador h4{padding:3px 0px; border:none; font-size:14px; margin:0px 0px 5px 0px !important; border-bottom:1px solid #ccc;}
.colaborador p{margin:0px !important;}
.colaborador a{font-size:10px;}

/* PATROCINADORES ############################################################*/
table.patrocinadores { width: 100%; margin-bottom: 20px; }
table.patrocinadores td { width: 20%; text-align: center; vertical-align:middle;}

/* SMS RECIBIDOS #############################################################*/
table.sms_list { width: 100%; }
table.sms_list td.fecha {}
table.sms_list td.msg { }
 
/* PALMARES #############################################################*/
.palmares .p_result {margin:7px 0; border-bottom:1px solid #ddd; width:650px;}
.palmares th { background:#333; color:#fff; padding:3px 0;}
  .palmares th h5{ color:#999; }
.palmares .anio1{ height:auto; clear:none; width:80px; font-weight:bold; color:#640130;}
.palmares .campeonato{width:320px;} 
.palmares .distincion{width:250px; } 
  .palmares .dato {background:url('/css/square.gif') 5px 5px no-repeat; padding-left:15px; }
 
.palmares .resultados td, .palmares .resultados th{ text-align:center; padding:3px 4px; vertical-align:middle; line-height:11px;}
.palmares .resultados td.anyo{ width:50px !important; }
.palmares .resultados td.tit_resultados{ width:55px; background:#222; color:#999; font-weight:bold;  font-size:10px; }
.palmares .resultados td small {font-size:10px; color:#666;}
.palmares .resultados td b {color:#333 !important;}

/* RESULTADOS */
#content .resultados table{margin:5px 0 !important;}
#content .resultados table th{text-align:left; background:#333; color:#ccc; font-size:10px; padding:3px 8px;}
#content .resultados table td{padding:6px 15px; color:#444;}
#content .resultados table td.fase     {width:70px; }
#content .resultados table td.partido  {width:280px; text-align:left; }
#content .resultados table td.goles    {width:100px; }


/* HISTORIA #############################################################*/
#content.historia{}
#content.historia .mascota img{border:1px solid #ccc; padding:3px;}

#content.historia .float_right{margin-right:0px;}

#himno{ background:#f7f7f7; width:300px;  margin-bottom:40px;}
#himno p{font-size:12px; margin:10px 20px; text-align:center;}


/* RECORDS #############################################################*/
#content.records h3{font-size:12px; margin:20px 0 5px 0;}
#content.records p{margin:0px; background:url('/css/square.gif') 2px 6px no-repeat; padding-left:12px;}

/* CLASIFICACION #############################################################*/
#content.clasificacion .clasif           { border:1px solid #999; }
#content.clasificacion .clasif thead td  { background:#333; font-size:11px; color:#aaa !important; }
#content.clasificacion .clasif thead th  { background:#333; color:#fff !important; text-align:center !important; font-weight:bold;}
#content.clasificacion .clasif tr.odd    { background:#eee;}
#content.clasificacion .clasif td, .clasif th { padding:2px 8px;  text-align:right; color:#555 !important; vertical-align:middle;}
#content.clasificacion .clasif td.equipo { text-align:left !important;}
#content.clasificacion .clasif td.num { text-align:center !important;}
#content.clasificacion .clasif td.border_left { border-left:1px solid #999;}
.clasificacion#competicion_select { float: right; margin: 54px 20px 0 0; font-size:11px; }

/* CALENDARIO #############################################################*/
#content.calendario { padding-right:0px; }
#content.calendario .selector { width:180px; }
#content.calendario .selector #competiciones { font-size:11px; margin:0px 0 10px 0; }
#content.calendario .selector #temporadas { font-size:11px; margin-bottom:5px; }

#content.calendario h4{text-align:center; font-size:14px;}
#cal_table{ width:100%;}
#cal_table th{text-align:center; background:#333; color:#ccc; padding:3px 8px;}
#cal_table td{padding:2px 5px; border-collapse:separate; border:3px solid #fff; vertical-align:middle;}
#cal_table td.fecha{width:70px; text-align:Center;}
#cal_table td.num{width:20px; text-align:Center;}
#cal_table td.equipo_right{width:120px;}
#cal_table td.equipo_left{width:120px; text-align:right;}
#cal_table td.equipo_right img{margin-left:5px;}
#cal_table td.equipo_left img{margin-right:5px;}

#cal_table td table { margin:auto; }
#cal_table td table td { border:none; text-align:center; padding:0px;}
#cal_table td table td.escudo { width:30px;}

#cal_table.prox_partidos { width:650px; border-bottom:1px solid #ccc;}
#cal_table.prox_partidos td{ vertical-align:middle; }
#cal_table.prox_partidos .competi{ text-align:center; }
#cal_table.prox_partidos .fecha{ width:130px; }
  #cal_table.prox_partidos .fecha span{ margin:0px 5px; }
  
   
/* EQUIPO #############################################################*/
#content.equipo .table_foto{ width:100%;}
#content.equipo .table_foto td.texto{background:url('/images/logo_cbcr_100.png') left bottom no-repeat; padding: 20px;}
#content.equipo .table_foto td img{ border:1px solid #aaa; padding:3px; }

#content.equipo .jugadores_lista { width:100%; background:url('/images/logo_jugador.jpg') right bottom no-repeat; }
#content.equipo .jugadores_lista th{width:120px;} 
#content.equipo .jugadores_lista td{padding-bottom:7px;}
#content.equipo .jugadores_lista td img{margin-left:5px;}

#content.equipo .foto_equipo img{ border:1px solid #aaa; padding:3px; }

/* JUGADOR */
#content.jugador img{border:1px solid #ccc; padding:3px;}
#content.jugador .datos_interes th{padding-left:15px; background:url('/css/square.gif') 3px 6px no-repeat;}

/* ENTRADAS ############################################################*/
table.precios_entradas { font-size: 12px; font-weight:bold; font-family:Arial;}
  table.precios_entradas thead th { background:#333; color:#fff; line-height: 20px; padding:1px 8px; font-size:11px; vertical-align: middle; text-align: center; border:3px solid #fff; }
  table.precios_entradas td {  padding:6px 8px; border:3px solid #fff;}
  table.precios_entradas .precio {text-align:right;}

/* PEÑAS ############################################################*/
#content.nuestrapenas td{padding-right:10px;}
#content.nuestrapenas img{border:1px solid #ccc; padding:3px;}

/* PEÑAS ############################################################*/
table.sms_list th{background:#222; color:#fff;}
table.sms_list td, table.sms_list th{padding:3px 5px;}
table.sms_list td.fecha, table.sms_list th.fecha{text-align:center;}

/* REVISTA ############################################################*/
div.revista a.read_more { background:url('/css/pdf.png') left 4px no-repeat; padding-left:  23px; line-height: 25px; }
/*
ul.revista li         { margin-bottom:15px; }
ul.revista li .fecha   { color:#333; }
ul.revista li .numero  { color:#999; }
ul.revista li .title  { font-weight:bold; color:#00469B; font-size:16px; font-family:Arial; padding-left:-10px;}
ul.revista li .reportajes  { padding-left:10px; display:block;}
ul.revista li a { font-weight:bold; color:#34a85c; margin:0px; background:url('/css/pdf.png') 105px 8px no-repeat; padding:10px 23px 10px 0; display:block; }
  ul.revista li a:hover { color:#f60 }
*/

/* ESPECIALES ############################################################*/
#content.especiales { padding-right: 0px; }

#content div.last_especial { width: 680px; margin-bottom: 20px; border-bottom: 1px solid #D9D9D9; }
#content div.last_especial p { text-align: left; }

#content.especiales img.cabecera { width: 730px; }
#content.especiales .fecha, #content.especiales .titular a{font-weight:bold; font-size:12px;  }
#content.especiales .fecha {color:#777;}
#content.especiales .titular {padding-bottom:5px;}
#content.especiales .titular a{color:#00469B !important; }
#content.especiales .titular a:hover{color:#640130 !important; }

ul.especial_list { padding-left: 15px; }
ul.especial_list li { margin-bottom: 5px; }
ul.especial_list a { font-size: 1.1em; color: #00469B; font-weight: bold; padding-left: 70px; display: block; }
ul.especial_list span.date { color: #AAA; position: absolute; }