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

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

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

.tNews {position: absolute; z-index: 5000}
#divContentTG {position: relative; float: left; width: 100%; margin-bottom: 5px; min-height: 50px;}	
/* cdr styles */

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

/* noticias */

.newsItem {padding-bottom: 5px;}
.newsItem p {color: #E2E2E2; margin-bottom: 3px;}
.newsItem h2 {color: #FFCC00; font-size: 12px; margin-bottom: 3px; text-decoration: underline;}
.newsItem a.readMore {color: black; display: block; height: 15px; width: 77px; font-size: 10px; text-decoration: none; background: #fc0 url(../images/sprite.gif) -78px 0 no-repeat; line-height: 15px; text-align: center; float: right;}

/* goleadores */

ul.goalRow {display: block; clear: both; border-bottom: solid 1px #89969c; height: 22px; overflow: hidden;}
ul.goalRow li {display: block; height: 22px;}
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}

/* 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;}
.wcGroup .sidebar {border-right: solid 1px #666; width: 50px; padding:0 4px 0 0; float: left; text-align: left;}
	.wcGroup .sidebar .dateTime {height: 25px; font-size: 10px; color: #000; text-transform: uppercase; padding: 1px 0 0 0}
	.wcGroup .sidebar .dateTime .date {font-weight: bold;} 
	.wcGroup .sidebar .dateTime .time {color: #666;}
.wcGroup .content {float: left; width: 88%; float: right; margin-right: 0; 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: 12px; font-weight: bold}
	.wcGroup .content ul.wcRow {float: left; clear: both; width: 100%}
	.wcGroup .content li.team {height: 25px; float: left; width: 20%;}
	.wcGroup .content li.teamRight {height: 25px; float: right; width: 30%; text-align: right; /* border: solid 1px blue */}
	.wcGroup .content li.score {float: left; width: 50%; display: block; text-align: center; font-size: 14px; font-weight: bold; color: #245184}
	.wcGroup .content li.winner {color: red}
	.winner {color: red}
/* 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 {color: #fff; font-size: 10px; text-transform: uppercase; background: #00549e url(../../images/grp.png) center;}	
		.wcTabla h2 span.round, 
		.wcGroup h2 span.round {display: block; height: 20px; text-indent: 10px; line-height: 20px;}
	.wcGroup h2 { 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: 89%; float: right; margin-left: 10px; margin-bottom: 3px; margin-right: 0px}
#divHistorico .wcGroup .sidebar {width: 45px; padding:0 4px 0 3px;}
#divHistorico .wcGroup .sidebar span.time {display: block;}
#divHistorico .final {margin: 5px 0;}
#divHistorico .sFinal {margin: 5px 0;}

/* Semifinal  */

.sFinal {margin: 5px 0; background: #00549E url(../images/copa.png) no-repeat; width: 100%; color: #fff; height: 47px;}
.sFinal .wcRow {border-bottom: none;}
.sFinal .sidebar {width: 70px; float: left; padding: 6px 0 0 50px;}
	.sFinal .sidebar .title {font-weight: bold; font-size: 12px;}
	.sFinal .sidebar .date, .sFinal .sidebar .time {color: #d8dbde;} 
	.sFinal .sidebar .date {}
	.sFinal .sidebar .time {}

.sFinal .teams {float: left; width: 450px; 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, 
		.sFinal .teams ul.wcRow li.teamRight {width: 200px;}
		.sFinal .teams ul.wcRow li.teamRight {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: 50px;}

/* Final  */

.final {background: #00549E url(../images/copa.png) 10px 8px no-repeat; width: 100%; color: #fff; height: 62px; margin: 0 auto;}
.final .wcRow {border-bottom: none }
.final .sidebar {float: right;}
	.final .sidebar .date, .final .sidebar .time {color: #d8dbde;} 
	.final .sidebar .date {float: left;}
	.final .sidebar .time {float: left}
.final .sidebar, .final .teams {width: 520px;}
.final .teams {float: left; 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, .final .teams ul.wcRow li.teamRight {width: 190px;}
		.final .teams ul.wcRow li.teamRight {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: 100%; height: 55px; background: url(../images/third.png) #a5caea no-repeat 15px 4px; clear: both;}
div#third ul.wcRow {display: block; width: 515px; height: 40px; float: right; clear: both; margin-top: 10px; padding: 0 10px; border-bottom: none; }
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; color: #000}
div#third ul.wcRow li.team, div#third ul.wcRow li.teamRight {width: 190px;}
div#third ul.wcRow li.team {display: block; display: block; float: left;}
div#third ul.wcRow li.teamRight {height: 25px; float: right; text-align: right; padding-right: 35px}
div#third ul.wcRow li.score {float: left; width: 100px; 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}
#divEstadisticasPartidoPAR span.back,
#divEstadisticasPartido span.back, #divEstadisticasPartidoO span.back,
#divEstadisticasPartidoC span.back, #divEstadisticasPartidoS span.back,
#divEstadisticasPartidoF span.back,#divEstadisticasPartidoE span.back,
#divPartidosEquipo span.back, #divPartidosEquipoE span.back, #contDesc span.back  {display: block; height: 20px; width: 50px !important; font-size: 11px; text-decoration: none; background: #000 url(../../images/grp.png) center; line-height: 20px; text-align: center; clear: both; font-weight: bold; cursor: pointer; color: #fff; cursor: pointer; float: left;}

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

#divPartidosEquipo span.back {margin: 5px;}
#divEstadisticasPartido span.back {margin: 5px 5px 5px 0px}

h2.statsGame {color: #fff; font-size: 10px; text-transform: uppercase; background: #00549e url(../../images/grp.png) center; display: block; height: 20px; overflow: hidden; margin-bottom: 5px; clear: both}	
h2.statsGame span.round {display: block; height: 20px; text-indent: 10px; line-height: 20px;}


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

/* centro */
.statDet ul.stRow li.center,
.statDet ul.stRow li.score {width: 48%; text-align: center; float: left; font-weight: bold}

/* goles */
ul.stRowG {height: 27px; width: 100%; clear: both; line-height: 27px; border-top: solid 1px #bbb}
ul.stRowG li.team {width: 190px; font-weight: 11px;}
ul.stRowG li.gol {height: 27px; width: 70px; float: left;}
ul.stRowG li.gol img {margin: 8px 6px 0 0;}
ul.stRowG li.min {height: 27px; width: 50px; float: right; text-align: right; font-weight: bold;}

/* hora de costa rica */

.SchCR {background: url(../../images/clock.png) 5px 0 no-repeat; width: 100%; margin-top: 0.5em; height: 18px; line-height: 18px; text-indent: 25px; color: #00549E }
.SchCR span.round {}

/* estadios */

.stadiumC {padding: 10px 0 0 0}
.stadiumItem {margin-bottom: 10px; background: url(../images/sprite.gif) no-repeat 0 -73px; width: 295px; height: 60px; margin: 0 0 5px 5px;text-decoration: none; display: block; cursor: pointer; float: left; overflow: hidden; position: relative;}
.stadiumItem span.imgStadium {margin-right: 7px; float: left; width: 60px;}
.stadiumItem span {display: block; float: left;}
.stadiumItem span.name {font-size: 12px; color: #ffcc00; top: 10px; position: absolute; }
.stadiumItem span.local {font-size: 10px; color: #fff; position: absolute; bottom: 10px;}
.stadiumItem span.local, .stadiumItem span.name {width: 130px; left: 70px}


	/* detalles */
	
	.estDet {color: #000; padding: 0 5px 5px 5px}
	.estDet .aligner {width: 100%;}
	span.back {display: block; height: 15px; width: 77px; font-size: 11px; text-decoration: none; background: black url(../../images/grp.png) center; line-height: 15px; text-align: center; clear: both; margin-bottom: 5px; font-weight: bold; cursor: pointer;}  
	.estDet p {margin-bottom: 5px; font-size: 12px}
	.estDet span {display: block;}
	.estDet span.imgStadium {margin-right: 10px; float: left; width: 60px;}
	.estDet span.name {font-size: 12px; color: #00549e; clear: right; font-weight: bold;}
	.estDet span.local {font-size: 10px; color: #666; /*margin-bottom: 10px*/} /*comento margin para agregar bajo esta misma clase capcidad y tipo cancha*/
	.estDet span.last {margin-bottom: 15px} /*comento margin para agregar bajo esta misma clase capcidad y tipo cancha*/
	
	/* 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 #00549e; clear: both; margin-bottom: 4px; font-size: 12px;}
	#stages span {float: left;}
	#stages span span {display:block; line-height: 20px; padding: 0 10px; color: #00549e; font-size: 11px; text-decoration: none;}
	#stages span span:hover{cursor:pointer;}	
	#stages span span.current {background: #00549e url(../../images/grp.png) center; color: #fff; text-decoration: none;}
	
	#tabsStats ul.tablaRow {border-bottom: solid 1px #89969c; 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}

	#pages {clear: both}
	#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;  }

/* 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;}

/* colores consulta */

ul.wcRow {border-bottom: #89969c solid 1px}
#divJornadasContentPAR {width: 97%;}
#divJornadasContentPAR .wcRow li.stadium {font-size: 10px; color: gray; height: 15px; line-height: 15px; float: right; padding: 4px 10px 0 0;}
#divJornadasContentPAR .wcRow li.team {width: 101;}
#divJornadasContentPAR .wcRow li.score {width: 100px;}
#divJornadasContentPAR .wcRow li.teamRight {width: 90px; float: left;}
/* radio */

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

/* embed */
.embedC {height: 33px; margin-top: 5px;}
.embedC img {float: right}
.embed {font-size: 12px}
.embed .code {width: 400px; padding-left: 20px; margin-top: 15px;}
.embed .code textarea {display: block; width: 95%; border: none; height: 120px; padding: 10px; background: #fff7d3;}


/* footer */

#footer {padding:10px 0 0 0; color: #666; border-top: solid 1px #00549e; margin-top: 5px;}
#footer .kratosLogo {background: url(../images/logoKratos.png) no-repeat 0 0; width: 200px; height: 27px; margin-top: -5px;}
#footer .copyright {}
#footer .copyright a {color: #00549e; font-weight: bold;}


/**Combo de Torneos**/
#cbmTorneos{
	width:600px; 
	height:25px;
	line-height:25px;
	font-size:16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 4px;
	background: url(../../images/grp.png) repeat scroll center center #444444;
}
/* calendario jugadores */
#div_jugadores_equipo {width: 100%}
#divPartidosEquipo {clear: both}
#div_partidos_equipo {clear: both; width: 100%; float: left; }
div.divDispBar {top: 10px; right: 10px; font-size: 11px}
div.divDispBar {width: 190px; float: right; margin: 2px 0 0 0; background: #00549E url(../../images/grp.png) center; height: 20px;}
ul#dispBar {float: right;}
ul#dispBar, ul#dispBar li, ul#dispBar li span {display: block; height: 20px; line-height: 20px }
ul#dispBar li {float: left;}
ul#dispBar li span {cursor: pointer;}
ul#dispBar li.title {width: 50px; padding:0 3px 0 3px; color: white; font-weight: bold; border-right: solid 1px white}
ul#dispBar li.calendar,
ul#dispBar li.players {width: 64px; text-align: center; color: white}
ul#dispBar li.calendar span.current, 
ul#dispBar li.players span.current 
{background: #000 url(../../images/grp.png) center; color: white; font-weight: bold}
 {width: 50px; padding:0 3px 0 3px; color: white; font-weight: bold; border-right: solid 1px white}
ul#dispBar li.calendar,
ul#dispBar li.players {width: 64px; text-align: center; color: white}
ul#dispBar li.calendar span.current, 
ul#dispBar li.players span.current 
{background: #000 url(../../images/grp.png) center; color: white; font-weight: bold}

/* jugadores */
.infJug {height: 110px; float: left; width: 100%; margin-bottom: 10px; margin-top: 5px}
.infJug, .infTorneo {font-size: 11px;}
.infJug .datos {width: 200px; margin-left: 10px}
.infJug span.identif, .infTorneo span.identif {font-weight: bold; margin-right: 5px;}
.infJug li, .infTorneo li {padding-bottom: 5px}