html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0;}
ul,li {list-style-type:none;}
p
html {margin: 0;padding: 0;font-size: 100%; overflow-x: hidden} 

/* font-size de 62.5% = 10px. 1em = 10px, 1.1em = 11px 1.2em = 12px */
body {font-family: Arial, Verdana, sans-serif;margin: 0 0 0 0;padding: 0;font-size: 62.5%;}

body.loadColor {}

/* setting classes */

.clearing { clear: both; }
.clear { clear: both; }
.clearRight {clear: right;}
.clearLeft {clear: left;}
.left {float: left;}
.right {float: right;}
.hide {display: none;}
.hideText {text-indent: -5000px;}

img.left {margin:0.42em 0.2em 0 0}
img.right {margin: 0.42em 0 0 0.2em}
a img {border: none;}

/* main styles */

#mainWrapAl {margin: 0 auto; width: ;}

#footer {color: #898989; font-size: 11px;  height:10px; display: block; position:relative; zoom:1; }
.tNews {position: absolute; z-index: 5000}
/* styles */
	/* 	header */
	/* content */
	#mainContainer .sidebar .menu {}
	
/* cdr styles */

#loaderDiv {width: 320px; height: 200px; padding: 200px 0 0 0; margin: 0 auto;}
span.round {display: block;}

/* noticias */
#divNoticias {overflow-x: hidden; overflow-y: hidden !important;}
#contentNewsLines {}
.newsItem, .newsItem p, .newsItem h2{width: 290px; float: left; clear: both;}
.newsItem {padding-bottom: 5px;}
.newsItem p {color: #444; margin-bottom: 3px;}
.newsItem h2 {color: #222; font-size: 12px; margin-bottom: 3px; text-decoration: underline;}
.newsItem a.readMore {color: #fc0; display: block; height: 15px; width: 77px; font-size: 10px; text-decoration: none; background: #666 url(../images/sprite.gif) -156px 0 no-repeat; line-height: 15px; text-align: center; float: left; margin-bottom: 5px; clear: both;}

/* barra noticias */
#divNoticias div.divDispBar {width: 205px; float: right; margin: 2px 0 0 0; background: #937813; height: 16px; margin-bottom: 5px; clear: both;}
#divNoticias ul#dispBar {float: right;}
#divNoticias ul#dispBar, ul#dispBar li, ul#dispBar li span {display: block; height: 16px;}
#divNoticias ul#dispBar li {float: left;}
#divNoticias ul#dispBar li span {cursor: pointer;}
#divNoticias ul#dispBar li.title {width: 68px; background: url(../images/sprite.gif) 0 -315px no-repeat; padding-right: 7px}
#divNoticias ul#dispBar li.calendar {width: 64px; background: url(../images/sprite.gif) -75px -331px no-repeat; padding-right: 3px}
#divNoticias ul#dispBar li.players {width: 63px; background: url(../images/sprite.gif) -142px -331px no-repeat;}
#divNoticias ul#dispBar li.calendar span.current {background: url(../images/sprite.gif) -75px -315px no-repeat;}
#divNoticias ul#dispBar li.players span.current {background: url(../images/sprite.gif) -142px -315px no-repeat;}


/* goleadores */
ul.goalRow {display: block; clear: both; border-bottom: solid 1px black; height: 22px; overflow: hidden;}
ul.goalRow li {display: block; height: 22px; color: #000}
ul.goalRow li img {margin-right: 5px;}
ul.goalRow li.player {color: #000; font-weight: bold; font-size: 12px; line-height: 22px;}
ul.goalRow li.player span.playerName {display: block; float: left; text-align: left; width: 80%;}
ul.goalRow li.player span.goals {color: #000; float: right; width: 30px; text-align: right}

/* jugadores estadisticas */

#div_jugadores_divPartidosEquipo ul.goalRow li.player, /* cambia color en jugadores en detalle */
#div_jugadores_divPartidosEquipoE ul.goalRow li.player /* cambia color desde estadisticas */
 {color: #000; font-weight: bold; font-size: 12px; line-height: 22px; cursor: pointer}

/* innerpadding */

span.wcInner {padding: 5px 0 5px 5px ; display: block;}

.wcMarginTop {margin: 0px 6px 6px 6px; width: 310px}
.wcMargin {margin: 6px 6px; width: 310px}
#siteTitle {clear: both; background: url(../images/spriteshead.gif) no-repeat top left; height: 40px;} 
#siteTitle h1 {display: none;}
#siteTitle h1.wc {display: none;}
#siteTitle h1.logo {display: none;}
#bannerTop {background:#BCBEC0; text-align:center; height:45px; color:#000; line-height:45px; clear:both; }

/* wc grupos = Grupos de equipos */
.wcGroup {clear:both; width: 290px; margin: 0 auto !important; }
.wcGroup .sidebar {border-right: solid 1px #666; width: 18%; padding:0 4px 0 0; float: left; text-align: left;}
	.wcGroup .sidebar .dateTime {height: 25px; font-size: 10px; color: #000; text-transform: uppercase}
	.wcGroup .sidebar .dateTime .date {font-weight: bold;} 
	.wcGroup .sidebar .dateTime .time {color: #666;}
.wcGroup .content {float: right; width: 75%; margin-bottom: .5em}
	.wcGroup .content ul.wcRow, .wcGroup .content li.team, .wcGroup .content li.teamRight {display: block; line-height: 25px; text-transform: uppercase; font-size: 11px; font-weight: bold}
	.wcGroup .content ul.wcRow {float: left; clear: both; width: 100%}
	.wcGroup .content li.team {height: 25px; float: left; width: 30%;}
	.wcGroup .content li.teamRight {height: 25px; float: right; width: 30%; text-align: right; /* border: solid 1px blue */}
	.wcGroup .content li.score {float: left; width: 40%; display: block; text-align: center; font-size: 14px; font-weight: bold; color: #245184}
	.wcGroup .content li.winner {color: red}
	.winner {color: red}

/* hora y fecha horizonal en grupos */

.horiz img.left {margin:0 0.2em 0 0}
.horiz img.right {margin: 0 0 0 0.2em}

.horiz {clear:both;}
.horiz .sidebar {border-right: solid 1px #666; width: 90px; padding:0 4px 0 0; float: left; text-align: left;}
.horiz .sidebar .dateTime {height: 12px; font-size: 10px; color: #000; text-transform: uppercase; margin-bottom: 3px; padding-top: 3px}
.horiz .sidebar .dateTime .date {font-weight: bold; float: left; padding-right: 3px } 
.horiz .sidebar .dateTime .time {color: #666; float: left}
.horiz .content {float: left; width: 180px; float: right; margin-bottom: .5em}
.horiz .content ul.wcRow {height: 15px; margin-bottom: 3px;}
.horiz .content ul.wcRow, .horiz .content li.team, .horiz .content li.teamRight {display: block; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 15px;}
.horiz .content ul.wcRow {float: left; clear: both; width: 100%}
.horiz .content li.team {height: 15px; float: left; width: 65px;}
.horiz .content li.teamRight {height: 25px; float: right; width: 60px; text-align: right; /* border: solid 1px blue */}
.horiz .content li.score {float: left; width: 30%; display: block; text-align: center; font-size: 14px; font-weight: bold; color: #245184; height: 15px;}
.horiz .content li.winner {color: red}

/* historico de equipos */
div_divPartidosEquipoE {}
	
/* tabla posiciones */
.wcTabla {font-size: 12px; margin-bottom: 5px;}
	.innerP {padding: 7px 10px 5px 10px;} 
	.wcTabla .innerP {padding: 0px 10px 5px 10px;}	
	.wcTabla h2, 
	.wcGroup h2,
	h2.jugTitle {color: #fff; font-size: 10px; text-transform: uppercase; background: url(../images/sprite.gif) 0 -15px no-repeat;}	
		.wcTabla h2 span.round, 
		.wcGroup h2 span.round,
		h2.jugTitle span.round 
		{display: block; height: 20px; background: url(../images/sprite.gif) 283px -35px no-repeat; text-indent: 10px; line-height: 20px;}
	h2.jugTitle {clear: both; margin-bottom: 5px}
	#divJornadasContent .wcGroup h2 {width: 290px; margin: 0 0 5px 0 }
	.wcGroup h2 {width: 290px; margin: 0 0 5px 0}
	.wcTabla ul.tablaRow {border-bottom: solid 1px #716332; color: #000}
	.wcTabla ul.tablaRow li {}
	.wcTabla ul.tablaRow li img {margin: .25em 0 .25em 0; float: left} 
	.wcTabla ul.tablaRow li span.team {font-weight: bold;}
	.wcTabla ul.tablaRow li span {display: block; height: 10px; padding: .3em 0 .3em .3em; float: left; margin-right: 5px; }
	.wcTabla ul.tablaRow li span.dataDesc {width: 15px; display: block; float: left; text-align: center; font-weight: bold; font-size: 10px}
	.wcTabla ul.tablaRow li span.data {width: 15px; display: block; float: left; text-align: center}
		
		
/* Grupos en historial */		

#divHistorico {overflow: hidden}
#divHistorico .innerP {padding: 0 0 0 0;}
#divHistorico .wcGroup .content {width: 75%; float: right; margin-bottom: 3px;}
#divHistorico .wcGroup .content .wcRow {height: 22px; padding-top: 1px }
#divHistorico .wcGroup .sidebar {width: 17%; padding:0 0 0 3px;}
#divHistorico .wcGroup .sidebar span.time {display: block;}
#divHistorico .wcGroup .sidebar
#divHistorico .SchCR {width: 282px; background: #ffeaa3 url(../images/sprite.gif) 0 -239px no-repeat; margin-top: 0px; margin-bottom: 3px}
#divHistorico .final {margin: 5px 0; background: #262626 url(../images/finalhist.gif) 0 0 no-repeat;}
#divHistorico .sFinal {margin-bottom: 5px; background: url(../images/finalhist.gif) 0 -62px no-repeat;}
#divHistorico #pages .ui-tabs-nav { height: auto;}

/* Semifinal  */

.sFinal {background: #262626 url(../images/spritesSF.gif); width: 292px; margin: 0 auto; color: #fff; height: 47px;}
.sFinal .sidebar {width: 45px; float: left; padding: 6px 0 0 35px;}
	.sFinal .sidebar .title {}
	.sFinal .sidebar .date, .sFinal .sidebar .time {color: #A7A9AC;} 
	.sFinal .sidebar .date {}
	.sFinal .sidebar .time {}

.sFinal .teams {float: left; width: 170px; padding: 12px 0; float: right}
	.sFinal .teams ul.wcRow {display: block; float: left}
	.sFinal .teams ul.wcRow li {display: block; float: left;}
		.sFinal .teams ul.wcRow li.team,
		.sFinal .teams ul.wcRow li.teamRight
 		{text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 25px;}
		.sFinal .teams ul.wcRow li.team {width: 50px;}
		.sFinal .teams ul.wcRow li.teamRight {width: 50px; text-align: right}	
		.sFinal .teams ul.wcRow li.separator {width: auto; line-height: 25px; padding: 0 10px;}

/* historial estadisticas semifinal */

#divSemi .wcGroup .sidebar {padding: 0 0 0 0; width: 17%;}

/* Final  */

.final {background: #262626 url(../images/spritesSF.gif) 0 -47px ; width: 292px; color: #fff; height: 62px; margin: 0 auto;}
.final .sidebar {width: 225px; float: right;}
	.final .sidebar .date, .final .sidebar .time {color: #A7A9AC;} 
	.final .sidebar .date {float: left;}
	.final .sidebar .time {float: left}

.final .teams {float: left; width: 225px; padding: 0; float: right; margin: 10px 5px 0 0}
	.final .teams ul.wcRow {display: block; float: left}
	.final .teams ul.wcRow li {display: block; float: left;}
		.final .teams ul.wcRow li.team,
		.final .teams ul.wcRow li.teamRight
 		{text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 25px;}
		.final .teams ul.wcRow li.team {width: 50px;}
		.final .teams ul.wcRow li.teamRight {width: 50px; text-align: right}	
		.final .teams ul.wcRow li.score {width: auto; line-height: 25px; padding: 0; width: 100px; text-align: center; font-size: 14px; color: #fc0; font-weight: bold;}

div#third {width: 292px; height: 62px; margin: 0 auto; background: url(../images/third.gif) no-repeat 0 10px;}
div#third ul.wcRow {display: block; width: 230px; height: 40px; float: right; clear: both; border-left: solid 1px gray; margin-top: 10px; padding: 0 10px}
div#third ul.wcRow li.team, div#third ul.wcRow li.teamRight, div#third ul.wcRow li.score
{line-height: 25px; text-transform: uppercase; font-size: 12px; font-weight: bold; height: 25px;}
div#third ul.wcRow li.team {display: block; display: block; float: left; width: 30%;}
div#third ul.wcRow li.teamRight {height: 25px; float: right; width: 30%; text-align: right; /* border: solid 1px blue */}
div#third ul.wcRow li.score {float: left; width: 40%; display: block; border: silver; text-align: center; font-size: 14px; font-weight: bold; color: #245184}
div#third ul.wcRow li.dateTime {display: block; clear: both; color: #58595B;}

/* estadisticas del partido */

.team {cursor: pointer}
.teamRight {cursor: pointer}

#divEstadisticasPartido span.back, #divEstadisticasPartidoO span.back,
#divEstadisticasPartidoC span.back, #divEstadisticasPartidoS span.back,
#divEstadisticasPartidoF span.back,#divEstadisticasPartidoE span.back,
#divPartidosEquipo span.back, #divPartidosEquipoE span.back,
#div_st_jugador_GoleadoresDiv span.back,
#div_st_jugador_divGoleadores span.back {color: black; display: block; height: 15px; width: 77px; font-size: 11px; text-decoration: none; background: #fc0 url(../images/sprite.gif) -156px 0 no-repeat; line-height: 15px; text-align: center; clear: both; font-weight: bold; cursor: pointer; width: 78px; color: #fc0; cursor: pointer;}

#divEstadisticasPartido span.back, #divEstadisticasPartidoO span.back
#divEstadisticasPartidoC span.back, #divEstadisticasPartidoS span.back,
#divEstadisticasPartidoF span.back, #divEstadisticasPartidoE span.back,
{margin: 5px 5px 5px 15px;}

#divPartidosEquipo {overflow: hidden; margin: 0 auto; width: 290px}
#divPartidosEquipo span.back {margin: 0;}
#divEstadisticasPartido span.back,
#divEstadisticasPartidoO span.back {margin: 5px 5px 5px 15px !important}
#divAmistososContent li.team, #divAmistososContent li.teamRight {width: 88px;}
#divAmistososContent li.score{width: 40px}
#divAmistososContent #pages ul
{margin-right: 10px; margin-top: 3px}
#divPartidosEquipo #pages ul {}

h2.statsGame {color: #fff; font-size: 10px; text-transform: uppercase; background: url(../images/sprite.gif) 0 -15px no-repeat; display: block; height: 20px; overflow: hidden; margin-bottom: 5px; clear: both}	
h2.statsGame span.round {display: block; height: 20px; background: url(../images/sprite.gif) 273px -35px no-repeat !important; text-indent: 10px; line-height: 20px;}


.statDet {clear: both; width: 280px; margin: 0 auto;}
.statDet ul.stRow {display: block; float: left; clear: both; height: 27px; width: 280px; border-top: 1px solid #000; font-size: 11px; line-height: 25px}
.statDet ul.stRow li {display: block;}
.statDet ul.stRow li.col {width: 65px; text-align: center; font-weight: bold; font-size: 12px}
.statDet ul.stRow li.score {color: #245184; font-size: 14px;}
.statDet ul.stRow li.stData {}

/* goles */
ul.stRowG {height: 27px; width: 280px; clear: both; line-height: 27px; border-top: solid 1px #666}
ul.stRowG li.team {width: 190px; font-weight: 11px;}
ul.stRowG li.gol {height: 27px; width: 30px; float: left; text-align: center; }
ul.stRowG li.min {height: 27px; width: 50px; float: right; text-align: right; font-weight: bold;}
/* centro */
.statDet ul.stRow li.center,
.statDet ul.stRow li.score {width: 150px; text-align: center; float: left;}

/* hora de costa rica */

.SchCR {background: #ffeaa3 url(../images/sprite.gif) 0 -55px no-repeat; width: 292px; margin: 0 auto; margin-top: 0.5em; height: 18px; line-height: 18px; text-indent: 21px;}
.SchCR span.round {}

/* estadios */

.stadiumC {padding: 10px 0 0 0}
.stadiumItem {clear: both; margin-bottom: 10px; background: url(../images/sprite.gif) no-repeat 0 -73px; width: 287px; height: 60px; margin: 0 auto; margin-bottom: 5px;}
.stadiumItem span.imgStadium {margin-right: 15px; float: left; width: 60px;}
.stadiumItem  {text-decoration: none; display: block; clear: both; cursor: pointer}
.stadiumItem  span {display: block; float: left; width: 190px;}
.stadiumItem  span.name {font-size: 12px; color: #ffcc00; padding-top: 15px;}
.stadiumItem  span.local {font-size: 10px; color: #fff;}

	/* detalles */
	
	.estDet {color: #fff; padding: 0 5px 5px 5px}
	.estDet .aligner {width: 100%;}
	span.back {color: black; display: block; height: 15px; width: 77px; font-size: 11px; text-decoration: none; background: #fc0 url(../images/sprite.gif) 0 0 no-repeat; line-height: 15px; text-align: center; clear: both; margin-bottom: 10px; font-weight: bold; cursor: pointer;}  
	.estDet p {margin-bottom: 5px;}
	.estDet span {display: block;}
	.estDet span.imgStadium {margin-right: 10px; float: left; width: 60px;}
	.estDet span.name {font-size: 12px; color: #ffcc00; clear: right;}
	.estDet span.local {font-size: 10px; color: #fff; margin-bottom: 10px}
	
	/* slideshow */
	#slideshow {margin: 10px 0 0 0; position:relative; height:140px; width: 298px; overflow: hidden; border: solid 1px #fc0;}
	#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
	#slideshow IMG.active {z-index:10; opacity:1.0;}
	#slideshow IMG.last-active {z-index:9;}

/* estadisticas */

	#stages {float: left; width: 100%; height: 20px; border-bottom: 1px solid black; clear: both; margin-bottom: 4px}
	#stages span {float: left;}
	#stages span span {display:block; line-height: 20px; padding: 0 0.3em 0 0.25em; color: #000; font-size: 11px; text-decoration: none;}
	#stages span span:hover{cursor:pointer;}	
	#stages span span.current {background: black; color: #fc0; text-decoration: none;}
	
	#tabsStats ul.tablaRow {border-bottom: solid 1px #716332; color: #000}
	#tabsStats ul.tablaRow li {}
	#tabsStats ul.tablaRow li img {margin: .25em 0 .25em 0; float: left} 
	#tabsStats ul.tablaRow li span.team {font-weight: bold;}
	#tabsStats ul.tablaRow li span {display: block; height: 10px; padding: .3em 0 .3em .3em; float: left; margin-right: 5px; }
	#tabsStats ul.tablaRow li span.dataDesc {width: 15px; display: block; float: left; text-align: center; font-weight: bold; font-size: 10px}
	#tabsStats ul.tablaRow li span.data {width: 15px; display: block; float: left; text-align: center; white-space: nowrap;}

	#pages {}
	#pages ul {display: block; padding: 0}
	#pages ul li {display: block; float: left;}
	#pages ul li.title {}
	
.copyrBottom {text-align:center; padding-bottom: 5px; display: block; clear: both; margin: 6px 6px 0 0; width: 310px}
.copyrBottom a {font-weight: bold;}
.copyrBottom, .copyrBottom a {color:#bc9c0c;}

/* Marquee Anuncio Rapido */
#marquee{ color: #FFFFFF; font-weight: bold; font-size: 12px }

/* mini */
.miniGdgt {background: url(../images/mini.png) no-repeat; width: 178px; height: 98px; position: absolute; padding: 4px 4px 4px 10px; z-index: 800}
.miniGdgt .tNews {position: absolute; z-index: 5000; left: 0; top: 0; width: 69px; height: 14px;}
.miniGdgt .marquee {color: #fff; z-index: 1000;}
.miniGdgt .copyrBottom {text-align:center; padding-bottom: 5px; position: absolute; bottom: 8px; left: 7px; width: 178px;}
.miniGdgt .copyrBottom a {font-weight: bold;}
.miniGdgt .copyrBottom, .miniGdgt .copyrBottom a {color:#bc9c0c;}

/* radio */

#RadioDiv {overflow-y: hidden !important; overflow-x: hidden !important}

/* uniform torneos */

#div_cmbTorneos {background: #fc0 url(../images/sprite.gif) 0 -257px no-repeat; height: 26px;}
#div_cmbTorneos span.torSel {color: #fc0; float: left; display: block; font-size: 12px; padding: 0 5px 0 5px; text-transform: uppercase; line-height: 27px; font-weight: bold}
#div_cmbTorneos .selector {width: 230px;}
#div_cmbTorneos .selector span {width: 205px;}
#div_cmbTorneos .selector select {width: 233px;}

/* combo proximos partidos */
#cmbFechasProximas {padding: 0 4px}
#fechasDivsContent {width: 290px; margin: 0 auto}
#fechasDivsContent .wcGroup {width: 100%; margin-top: 0px;}
#cmbFechasProximas .selector {width: 290px;}
#cmbFechasProximas .selector span {width: 265px;}
#cmbFechasProximas .selector select {width: 290px;}
#fechasDivsContent .wcGroup .content {margin-right: 10px; background: none; width: 70%;}
#fechasDivsContent li.team, #fechasDivsContent li.teamRight {width: 80px;}
#fechasDivsContent li.score {width:40px}
/* facebook */
#FacebookDiv {}
#FacebookDiv .fbAligner {width: 290px; height: 222px; margin: 0 auto; background: url(../images/backdropW.png); float: left; clear: both;}

/* barra estadisticas */
.heaterE {float: left; height: 20px; width: 290px; padding-bottom: 5px}
div.divDispBar {width: 205px; float: right; margin: 2px 0 0 0; background: #937813; height: 16px;}
ul#dispBar {float: right;}
ul#dispBar, ul#dispBar li, ul#dispBar li span {display: block; height: 16px;}
ul#dispBar li {float: left;}
ul#dispBar li span {cursor: pointer;}
ul#dispBar li.title {width: 68px; background: url(../images/sprite.gif) 0 -283px no-repeat; padding-right: 7px}
ul#dispBar li.calendar {width: 64px; background: url(../images/sprite.gif) -75px -299px no-repeat; padding-right: 3px}
ul#dispBar li.players {width: 63px; background: url(../images/sprite.gif) -142px -299px no-repeat;}
ul#dispBar li.calendar span.current {background: url(../images/sprite.gif) -75px -283px no-repeat;}
ul#dispBar li.players span.current {background: url(../images/sprite.gif) -142px -283px no-repeat;}

#div_divPartidosEquipo {float: left; width: 290px;}

/* barra en estadisticas */
#div_divPartidosEquipoE {float: left; width: 290px;}
#tabsStats .heaterE {width:290px;}

/* jugadores */
#div_st_jugador_divPartidosEquipoE {}
#GoleadoresDiv {overflow-y: hidden !important}
.infJug {height: 110px; float: left; width: 290px; margin-bottom: 10px; margin-top: 5px;}
.infJug, .infTorneo {font-size: 11px;}
.infJug .datos {width: 200px;}
.infJug span.identif, .infTorneo span.identif {font-weight: bold; margin-right: 5px;}
.infJug li, .infTorneo li {padding-bottom: 5px;}
#ML_AdInfo {background-color: transparent !important;}

#divJornadasContent .ui-tabs .ui-tabs-nav li a {
    padding: 0 2px;
    width: auto;
}
#divJornadasContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: url(../images/sprite.gif) no-repeat scroll 0 -347px transparent;
}