@charset "UTF-8";
/* CSS Document */
.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

/*roboto-regular*/
@font-face {
    font-family: 'robotoregular';
    src: url('webfonts/roboto-regular/Roboto-Regular-webfont.eot');
    src: url('webfonts/roboto-regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/roboto-regular/Roboto-Regular-webfont.woff') format('woff'),
         url('webfonts/roboto-regular/Roboto-Regular-webfont.ttf') format('truetype'),
         url('webfonts/roboto-regular/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*roboto-black*/
@font-face {
    font-family: 'robotoblack';
    src: url('webfonts/roboto-black/Roboto-Black-webfont.eot');
    src: url('webfonts/roboto-black/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/roboto-black/Roboto-Black-webfont.woff') format('woff'),
         url('webfonts/roboto-black/Roboto-Black-webfont.ttf') format('truetype'),
         url('webfonts/roboto-black/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}



.mundial-2014 .cabecera{ background:url(img/mundial-2014/bg-cabecera.png) no-repeat bottom left; margin-bottom:5px; height:50px; position:relative}
.mundial-2014 .cabecera h1{ width:348px; height:38px; display:block; text-indent:-1999em; overflow:hidden; background:url(img/mundial-2014/bg-cabecera-brand.png) no-repeat 0 0;}
.mundial-2014 .cabecera h1 a{width:348px; height:38px; display:block;}
.mundial-2014 .cabecera .patrocinio{ position:absolute; top:0; right:8px; width:196px; height:37px;}
.mundial-2014 .cabecera .patrocinio a{ display:block; width:196px; height:37px}
.mundial-2014 ul.secciones {width: 980px; position: relative; display: block; background:#152d03 url(img/mundial-2014/bg-secciones.png) repeat-x bottom right; font: bold 11px/11px Arial, Helvetica, sans-serif; margin-bottom:5px}
.mundial-2014 ul.secciones li { display: block; float: left; margin: 0; padding: 0 0px;}
.mundial-2014 ul.secciones li a { display: block; float: left; color: #ffffff; text-decoration: none; font-weight: bold; padding: 7px 20px 3px 20px; border-bottom: 3px solid transparent;}
.mundial-2014 ul.secciones li a:hover { color: #f0f0f0; border-bottom: 3px solid #9ce705;}
.mundial-2014 ul.secciones li.active a { display: inline; border-bottom: 3px solid #9ce705; float: left; margin: 0;}
.mundial-2014 .grupos{border-bottom:3px solid #be050a; margin-bottom:15px; padding-bottom:5px}
.mundial-2014 .grupos li{width:113px; height:50px; margin-right:10px; display:block; float:left;}
.mundial-2014 .grupos li.last{margin:0} 
.mundial-2014 .grupos li span{ text-align:right; color:#bd0609; padding:2px 0; font:bold 11px/11px Arial, Helvetica, sans-serif; display:block; border-bottom:2px solid #014f1d; margin-bottom:3px;}
.mundial-2014 .grupos .pais li{width:20px; height:29px; margin-right:11px; display:block; float:left}
.mundial-2014 .grupos .pais li a{ background:url(img/mundial-2014/pais.gif) no-repeat 0 0; display:block; width:20px; height:29px; text-indent:-1999em; overflow:hidden;}
.mundial-2014 .grupos .pais li a:hover{opacity:.8}
.mundial-2014 .grupos .pais .brasil	{background-position:0px 0px;}
.mundial-2014 .grupos .pais .croacia	{background-position:-30px 0px;}
.mundial-2014 .grupos .pais .mexico	{background-position:-61px 0px;}
.mundial-2014 .grupos .pais .camerun	{background-position:-92px 0px;}
.mundial-2014 .grupos .pais .espana	{background-position:-122px 0px;}
.mundial-2014 .grupos .pais .holanda	{background-position:-152px 0px;}
.mundial-2014 .grupos .pais .chile	{background-position:-183px 0px;}
.mundial-2014 .grupos .pais .australia{background-position:-214px 0px;}
.mundial-2014 .grupos .pais .colombia	{background-position:-245px 0px;}
.mundial-2014 .grupos .pais .grecia	{background-position:-275px 0px;}
.mundial-2014 .grupos .pais .costa-marfil	{background-position:-306px 0px;}
.mundial-2014 .grupos .pais .japon		{background-position:-337px 0px;}
.mundial-2014 .grupos .pais .uruguay		{background-position:-368px 0px;}
.mundial-2014 .grupos .pais .costa-rica	{background-position:-398px 0px;}
.mundial-2014 .grupos .pais .inglaterra	{background-position:-429px 0px;}
.mundial-2014 .grupos .pais .italia	{background-position:-460px 0px;}
.mundial-2014 .grupos .pais .suiza	{background-position:-491px 0px;}
.mundial-2014 .grupos .pais .ecuador	{background-position:-521px 0px;}
.mundial-2014 .grupos .pais .francia	{background-position:-552px 0px;}
.mundial-2014 .grupos .pais .honduras	{background-position:-583px 0px;}
.mundial-2014 .grupos .pais .argentina{background-position:-613px 0px;}
.mundial-2014 .grupos .pais .bosnia	{background-position:-644px 0px;}
.mundial-2014 .grupos .pais .iran		{background-position:-675px 0px;}
.mundial-2014 .grupos .pais .nigeria	{background-position:-706px 0px;}
.mundial-2014 .grupos .pais .alemania	{background-position:-737px 0px;}
.mundial-2014 .grupos .pais .portugal	{background-position:-767px 0px;}
.mundial-2014 .grupos .pais .ghana	{background-position:-798px 0px;}
.mundial-2014 .grupos .pais .usa		{background-position:-829px 0px;}
.mundial-2014 .grupos .pais .belgica	{background-position:-859px 0px;}
.mundial-2014 .grupos .pais .argelia	{background-position:-889px 0px;}
.mundial-2014 .grupos .pais .rusia	{background-position:-920px 0px;}
.mundial-2014 .grupos .pais .corea-sur{background-position:-951px 0px;}
.mundial-2014 .grupos .pais .last		{margin:0}

/*calendario*/
.calendario{ margin-bottom:15px;}
.calendario .grupo{ text-align:right; color:#cc0c16; font-size:14px; font-weight:bold; padding:5px 0}
.calendario table{ margin-bottom:10px;  background:#FFF;}
.calendario th{border-top:2px solid #014f1d;border-bottom:2px solid #014f1d; background:#FFF;}
.calendario th a{ color:#cc0c16; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; display:block; width:57px; padding-top:25px; height:15px; background:url(img/mundial-2014/ico-paises.png) no-repeat top center}
.calendario th a.brasil	{background-position:17px 5px;}
.calendario th a.croacia	{background-position:17px -50px;}
.calendario th a.mexico	{background-position:17px -105px;}
.calendario th a.camerun	{background-position:17px -160px;}
.calendario th a.espana		{background-position:17px -215px;}
.calendario th a.holanda	{background-position:17px -270px;}
.calendario th a.chile		{background-position:17px -325px;}
.calendario th a.australia	{background-position:17px -380px;}
.calendario th a.colombia	{background-position:17px -435px;}
.calendario th a.grecia		{background-position:17px -490px;}
.calendario th a.costa-marfil{background-position:17px -545px;}
.calendario th a.japon		{background-position:17px -600px;}
.calendario th a.uruguay	{background-position:17px -655px;}
.calendario th a.costa-rica	{background-position:17px -710px;}
.calendario th a.inglaterra	{background-position:17px -765px;}
.calendario th a.italia		{background-position:17px -820px;}
.calendario th a.suiza		{background-position:17px -875px;}
.calendario th a.ecuador	{background-position:17px -930px;}
.calendario th a.francia	{background-position:17px -985px;}
.calendario th a.honduras	{background-position:17px -1040px;}
.calendario th a.argentina	{background-position:17px -1095px;}
.calendario th a.bosnia		{background-position:17px -1150px;}
.calendario th a.iran		{background-position:17px -1205px;}
.calendario th a.nigeria	{background-position:17px -1260px;}
.calendario th a.alemania	{background-position:17px -1315px;}
.calendario th a.portugal	{background-position:17px -1370px;}
.calendario th a.ghana		{background-position:17px -1425px;}
.calendario th a.usa		{background-position:17px -1480px;}
.calendario th a.belgica	{background-position:17px -1535px;}
.calendario th a.argelia	{background-position:17px -1590px;}
.calendario th a.rusia		{background-position:17px -1645px;}
.calendario th a.corea-sur	{background-position:17px -1698px;}
.calendario tbody tr{ border-bottom:1px solid #014f1d; min-height:24px; margin-bottom:5px; display:block;}
.calendario tbody tr td{font:normal 12px/12px Arial, Helvetica, sans-serif; color:#414141;}
.calendario tbody tr td.td1{ text-align:left; vertical-align:middle; width:95px}
.calendario tbody tr td.td2{ text-align:center; background-color:#014f1d; width:41px; padding:3px 1px }
.calendario tbody tr td.td2 p.fecha{ color:#b5fa23; font:bold 11px/11px Arial, Helvetica, sans-serif;}
.calendario tbody tr td.td2 p.hora{ color:#FFF;font:bold 11px/11px Arial, Helvetica, sans-serif;}
.calendario tbody tr td.td2 p.resultado{ color:#FFF; padding:5px 0; font-weight:bold; font-size:14px;}
.calendario tbody tr td.td3{ text-align:right; vertical-align:middle; width:95px}
.calendario .ver-mas{color:#014f1d;text-align:right; }
.calendario .ver-mas a{ color:#014f1d;text-align:right;font:bold 12px/12px Arial, Helvetica, sans-serif; padding:5px 0}

/*clasificacion*/
.clasificacion{}
.clasificacion dl.col{ width:138px; float:left; display:block}
.clasificacion dl.col dt{ background-color:#014f1d; text-align:center; color:#FFF; font-size:13px; font-family:'robotoblack'; text-transform:uppercase; padding:3px 0}
.clasificacion dl.col dd{ padding:0 5px; width:130px; }
.clasificacion dl.col .ubicacion{ background-color:#014f1d; color:#FFF; font-size:10px; font-family:'robotoblack'; text-transform:uppercase; text-align:center; padding:5px 0}
.clasificacion dl.col .ubicacion p{color:#FFF; font-size:10px; font-family:'robotoblack'; text-transform:uppercase; text-align:center; line-height:13px;}
.clasificacion dl.col .resultado p{ position:relative; border-bottom:2px solid #FFF; background-color:#79a287; color:#FFF;font-size:16px; line-height:26px; font-family:'robotoblack'; text-transform:uppercase; padding-left:5px; }
.clasificacion dl.col .resultado p span.res{ position:absolute; right:0; top:0; background-color:#4a951f; width:25px; text-align:center}
.clasificacion dl.col .resultado p span.res a{color:#ffffff}
.clasificacion dl.col .resultado p span.noclas{text-align:center; display:block}
.clasificacion dl.col.octavos dd{ margin:10px 0}
.clasificacion dl.col.cuartos dd{ margin:80px 0}
.clasificacion dl.col.semifinales dd{ margin:160px 0}
.clasificacion dl.col.puesto3-4 dd.tercero{margin:40px 0 150px}