@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Oswald';
    src: url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.eot');
    src: url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.woff') format('woff'),
         url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('/especiales/recursos_especiales/fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldLight';
    src: url('/especiales/recursos_especiales/fonts/oswald-light-webfont.eot');
    src: url('/especiales/recursos_especiales/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/recursos_especiales/fonts/oswald-light-webfont.woff2') format('woff2'),
         url('/especiales/recursos_especiales/fonts/oswald-light-webfont.woff') format('woff'),
         url('/especiales/recursos_especiales/fonts/oswald-light-webfont.ttf') format('truetype'),
         url('/especiales/recursos_especiales/fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.cont_line_vertical {width:100%}

.marcador_cont {
	width:100%;
	max-width:710px;
	height:116px;
	position: relative;
	cursor: pointer;
}

.marcador_cont.segundo-marcador {
border-top: 1px solid #ccc;
height: 76px;
margin-bottom:15px;
}

.marcador_cont.segundo-marcador .marcador_cont_datos {
top:14px;
}

.marcador_cont.segundo-marcador .marcador_tiempo {
top:10px;
}

.marcador_cont.segundo-marcador .marcador_equipo_nombre_local,
.marcador_cont.segundo-marcador .marcador_equipo_nombre_visita {
top:14px;
}

.marcador_cont.segundo-marcador .marcador_resultados {
top:16px;
}

.marcador_tab {
	width:100%;
	height:30px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #367dcc;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
}
.marcador_cont_datos {
	width:100%;
	float:left;
	height:auto;
	position: absolute;
	background-image: url(img/fondo.png);
	background-repeat:   repeat-x;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	overflow: hidden;
	top:50px;
}
.marcador_equipo_local {
	width:56px;
	float:left;
	height:56px;
}
.marcador_equipo_visita {
	width:56px;
	float:right;
	height:56px;

}
.marcador_equipo_nombre_local {
	float:left;
	height:56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 56px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	
	margin-left: 0px;
	margin-top: 0px;
	position:absolute;
	width: 28%;
	left: 10.5%;
	-webkit-transform: translateX(-10.5%);
	-ms-transform: translateX(-10.5%);
	transform: translateX(-10.5%);
	top:50px;
	text-align: center;
}
.marcador_equipo_nombre_visita {
	height:56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 56px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	position:absolute;
	width: 28%;
	text-align:center;
	left: 89%;
	-webkit-transform: translateX(-89%);
	-ms-transform: translateX(-89%);
	transform: translateX(-89%);
	top:50px;
		
}
.marcador_equipo_local img, .marcador_equipo_visita img{
width:100%;
height:auto;

}
.marcador_resultados {
	height: auto;
	width: 204px;
	position: absolute;
	top:52px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.marcador_tiempo {
	height: 15px;
	line-height: 15px;
	width: 204px;
	position: absolute;
	top:46px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.marcador_numero_local {
	width:68px;
	height:50px;
	float:left;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	border: 2px solid #b5b4b4;
	text-align: center;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 50px;
	color: #5289bb;
}
.marcador_numero_visita {
	width:68px;
	height:50px;
	float:right;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	border: 2px solid #b5b4b4;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	color: #5289bb;
	line-height: 50px;
}
.marcador_vs {
	width:60px;
	height:54px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #a0a0a0;
	text-align: center;
	line-height: 54px;
}


/* ===== RESOLUCIÓN < 1260 ===== */

/*@media (max-width: 1260px) {*/

.marcador_cont {
height: 100px;
}

.marcador_tab {
	width:100%;
	height:30px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1a5c99;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
}
.marcador_equipo_nombre_local {
	height:56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 56px;
	font-weight: bold;
	text-transform:inherit;
	top:40px;
	left: 10%;
	-webkit-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	transform: translateX(-10%);
	
}
.marcador_equipo_nombre_visita {
	height:56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 56px;
	font-weight: bold;
	text-transform:inherit;
	margin-right: 53px;
	top:40px;
		left: 89.5%;
	-webkit-transform: translateX(-89.5%);
	-ms-transform: translateX(-89.5%);
	transform: translateX(-89.5%);
}
.marcador_cont_datos {
	top:45px;
}
.marcador_cont_datos {

	 background-image: url(img/fondo.png);
  background-repeat: repeat-x;
  background-position: -50px;
}
.marcador_equipo_local, .marcador_equipo_visita {
width:40px;
height:auto;
padding-top:0px;
}
.marcador_equipo_local {
padding-left:6px;
}
.marcador_equipo_visita {
padding-right:6px;
}
.marcador_numero_local {
	width:58px;
	height:38px;
	float:left;
	font-size: 26px;
	line-height: 38px;
	color: #5289bb;
}
.marcador_numero_visita {
	width:58px;
	height:38px;
	float:right;
	font-size: 26px;
	text-align: center;
	color: #5289bb;
	line-height: 38px;
}
.marcador_vs {
	width:50px;
	height:42px;
	font-size: 18px;
	line-height: 46px;
}
.marcador_tiempo {
	height: 15px;
	width: 60px;
	position: absolute;
	top:35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#999999;
}
.marcador_resultados {
	height: auto;
	width: 174px;
	position: absolute;
	top:45px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.marcador_cont.segundo-marcador .marcador_cont_datos {
top:15px;
}

.marcador_cont.segundo-marcador .marcador_tiempo {
top:5px;
}

.marcador_cont.segundo-marcador .marcador_resultados {
top:16px;
}

.marcador_cont.segundo-marcador .marcador_equipo_nombre_local,
.marcador_cont.segundo-marcador .marcador_equipo_nombre_visita {
top:10px;
}

/*}*/

@media (max-width: 490px) {

.marcador_cont {
height: 95px;
}

.marcador_tiempo {
	height: 15px;
	width: 60px;
	position: absolute;
	top:34px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#999999;
}
.marcador_numero_local {
	width:38px;
	height:38px;
	float:left;
	font-size: 22px;
	line-height: 38px;
	color: #5289bb;
}
.marcador_numero_visita {
	width:38px;
	height:38px;
	float:right;
	font-size: 22px;
	text-align: center;
	color: #5289bb;
	line-height: 38px;
}
.marcador_vs {
	width:25px;
	height:42px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 48px;
}
.marcador_resultados {
	height: auto;
	width: 109px;
	position: absolute;
	top:40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.marcador_equipo_nombre_local {
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-transform:inherit;
	top:56px;
	left: 5%;
	-webkit-transform: translateX(-5%);
	-ms-transform: translateX(-5%);
	transform: translateX(-5%);
		border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	overflow: hidden;
	background-image:url(img/gris.png);
	background-color: rgba(255,255,255,0.7);
	border: 1px solid #fff;

	color:#333333;
	width:32%;

}
.marcador_equipo_nombre_visita {
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-transform:inherit;
	top:56px;
		left: 95%;
	-webkit-transform: translateX(-95%);
	-ms-transform: translateX(-95%);
	transform: translateX(-95%);
		border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	overflow: hidden;
	background-image:url(img/gris.png);
	background-color: rgba(255,255,255,0.7);
	border: 1px solid #fff;

	color:#333333;
	width:32%;
}

.marcador_cont.segundo-marcador .marcador_cont_datos {
top:20px;
}

.marcador_cont.segundo-marcador .marcador_tiempo {
top:8px;
}

.marcador_cont.segundo-marcador .marcador_resultados {
top:21px;
}

.marcador_cont.segundo-marcador .marcador_equipo_nombre_local,
.marcador_cont.segundo-marcador .marcador_equipo_nombre_visita {
top:31px;
}

}

/* ===== RESOLUCIÓN < 725 ===== */

@media (max-width: 400px) {

.marcador_cont {
height: 110px;
margin-bottom: 0px;
}

.marcador_cont.segundo-marcador {
margin-bottom: 5px!important;
}

.marcador_cont_datos {
top:52px;
}

.marcador_equipo_nombre_local {
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-transform:inherit;
	top:33px;
	left: 3%;
	-webkit-transform: translateX(-3%);
	-ms-transform: translateX(-3%);
	transform: translateX(-3%);
		border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	overflow: hidden;
	background-image:none;
	background-color: transparent;
	border: 0px solid #fff;
text-align:left;
	color:#666666;
	width:45%;
	
	
}
.marcador_equipo_nombre_visita {
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-transform:inherit;
	top:33px;
		left: 97%;
	-webkit-transform: translateX(-97%);
	-ms-transform: translateX(-97%);
	transform: translateX(-97%);
		border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	overflow: hidden;
	background-image:none;
	background-color: transparent;
	border: 0px solid #fff;
text-align:right;
	color:#666666;
	width:45%;

}
.marcador_tiempo {
	height: 15px;
	width: 60px;
	position: absolute;
	top:40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#999999;
}
.marcador_numero_local {
	width:58px;
	height:30px;
	float:left;
	font-size: 24px;
	margin-top:6px;
	line-height: 30px;
	color: #5289bb;
}
.marcador_numero_visita {
	width:58px;
	height:30px;
	float:right;
	font-size: 24px;
	margin-top:6px;
	text-align: center;
	color: #5289bb;
	line-height: 30px;
}
.marcador_resultados {
	height: auto;
	width: 160px;
	position: absolute;
	top:52px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.marcador_vs {
	width:36px;
	height:42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	line-height: 50px;
}


.marcador_cont.segundo-marcador .marcador_cont_datos {
top:25px;
}

.marcador_cont.segundo-marcador .marcador_tiempo {
top:13px;
}

.marcador_cont.segundo-marcador .marcador_resultados {
top:26px;
}

.marcador_cont.segundo-marcador .marcador_equipo_nombre_local,
.marcador_cont.segundo-marcador .marcador_equipo_nombre_visita {
top:5px;
}

}