html, body{
	/* max-width: 100%;
	overflow-x: hidden; */
	/* ***Esto asegura que el iframe sea responsive en SAFARI del IPHONE */
	width: 1px;
	min-width: 100%;
	*width: 100%;
}

body {
	font-family: "Arial",Helvetica,Helvetica Neue,sans-serif;
	font-size: 12px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
}
.hr-dotted{
	border: 3px dotted #d6d6d6;
    border-style: none none dotted; 
    color: #fff; 
	background-color: #fff;
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.row.fecha p{
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	font-weight: 800;
	letter-spacing: 3px;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.divisor{
	margin: 0;
	margin-bottom: 10px;
}

.cajon img{
	margin-bottom: 5px;
}

.tanteo{
	text-align: center;
	font-weight: bold;
	padding-top: 15px;
	font-size: 20px;
}

.fecha{
	background: #ffffff;
	margin-bottom: 0;
	margin-top: -4px;
	text-align: center;
	color: #383838;
	font-size: 11px;
	padding: 0;
	line-height: 35px;
}

.fecha a{
	background: #0580af;
	color: #fff;
	padding: 0.1% 9% 1% 10%;
	float: right;
	cursor: pointer;
}

.fecha a:hover{
	background: #006e98;
}

.fix-cont{
	width: 100%;
}

.fix-fecha{
	border-right: 1px solid #dfdfdf;
}

.fix-info{
	margin-bottom: 0;
}

.fix-info p{
	font-size: 11px;
	text-align: center;
	padding-bottom: 0;
	padding-top: 0;
}

.posiciones-equipos img{
	width: 12%;
}

.gol img{
	width: 12%;
}

.fix-info small{
	color: #9f9f9f;
}
.fix-equipos ul li{
	list-style: none;
}
.fix-equipos ul{
	padding: 0;
	font-size: 11px;
	color: #000;
	width: 84%;
}
.fix-equipos ul li p {
	display: inline-block;
	margin: 0;
}
.escudo{
	padding: 2% 0 0 0;
}
.equipo{
	padding: 4% 25% 0 5%;
	color: #827871;
}
.marcador{
	font-size: 15px;
	font-weight: 800;
	float: right;
}
.marcador-equipos {
	font-size: 18px;
	font-weight: 900;
}

.fix-footer{
	background: #eeeeee;
	color: #656565;
	text-align: right;
	font-size: 11px;
}

.fix-footer p{
	display: inline;
	padding-right: 1%;
}

.fix-partidos{ 
	position: relative;
	padding-bottom: 1.5%;
	background: #f2f2f2;
}
.controles{
	position: absolute;
	width: 100%;
	top: 81%;
	left: 0;
}
.control-fix-izq, .control-fix-der{
	position: absolute;
	z-index: 999;
}
.control-fix-der{
	border: none;
	right: 0;
	top: 85px;
	background: rgba(196, 196, 196, 0.84);
	padding: 10px 4px 10px 4px;
	color: #fff;
}
.control-fix-izq{
	border: none;
	top: 85px;
	background: rgba(196, 196, 196, 0.84);
	padding: 10px 4px 10px 4px;
	color: #fff;
}
.control-fix-izq:hover, .control-fix-der:hover{
	background: #838383;
	color: #fff;
}
.control-fix-izq:disabled,
.control-fix-der:disabled {
	background: rgba(196, 196, 196, 0.84);
	cursor: not-allowed;
}
.fix-puntos{
	font-size: 14px;
	font-weight: 900;
	background: #efefef;
}

.fix-bg-posiciones{
	background: #f2f2f2;
	height: 33px;
}

.fix-fecha {
	border-right: 1px solid #cecece;
	padding-right: 0;
	padding-left: 0;
	margin-top: 4px;
}

.fix-equipos ul {
	padding: 0;
	margin: 0;
	font-size: 11px;
	width: 100%;
	text-align: center;
}

.fix-equipos ul li p {
	display: inline-block;
	margin: 0;
	padding-right: 4px;
}

.escudo {
	padding: 2% 0 0 0;
}

.fix-equipos ul li img {
	width: 90%;
}

.juego-finalizado {
	color: #9f9f9f;
}

.juego-terminado p
{
	display: block;
	text-align: center;
}

.juego-terminado p:nth-child(1){
	margin-bottom: 5px;
}

.horario-partido{
    color: #9b9b9b;
    font-weight: bold;
    font-size: 12px;
	text-align: center;	
}

.horario-partido p{
	display: block;
}

.horario-partido p:nth-child(1),
.horario-partido p:nth-child(2){
    margin-bottom: 0px;
}

.juego-finalizado img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.control-fix-izq:hover, .control-fix-der:hover {
	background: #838383;
	color: #fff;
}

.finaliza-juego p {
	text-align: center;
	font-size: 11px;
	padding-bottom: 7px;
}

.cronica a {
	border: 1px solid #de051f;
	color: #de051f;
	padding: 3px 30px 3px 30px;
	text-decoration: none;
}

.cronica a:hover {
	border: 1px solid #de05269f;
	color: #ffffff;
	background: #de051f;
}

.fix-equipos ul li {
	list-style: none;
	padding: 1% 0;
}

.top-posiciones{
	padding-top: 3%;
}

.juego-finalizado {
	color: #9f9f9f;
}

.quita-pd{
	padding: 0!important;
}

tbody td{
	text-align: center;
}

.margin-goleadores{
	padding-right: 0;
}

.margin-posiciones{
	padding-left: 0;
}

thead th{
	text-align: center;
}

#lista-etapas{
	background-color: #fff;
}

li.btn-etapa>a{
	color: #9b9b9b;
	background-color: transparent;
}

li.btn-etapa.active>a{
	background-color: #de051f !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #de051f;
}

/* .swiper-container {
	margin-right: -15px;
	margin-left: -15px;
	margin-top: -1px;
} */

#pag-grupos{
	top: auto;
	bottom: 0;
}
/* Swipe */
.stage {
	width: 100%;
	padding: 7rem 2rem 2rem;
	text-align: center;
}  

*, *:after, *:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
  
.swipe {	
	z-index: 2;
	display: inline-block;
	color: #000;
	-moz-animation-name: swipe;
	-webkit-animation-name: swipe;
	animation-name: swipe;
	-moz-animation-duration: 2700ms;
	-webkit-animation-duration: 2700ms;
	animation-duration: 2700ms;
	-moz-animation-delay: 250ms;
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	line-height: 35px;
}

.swipe2 {
	border-radius: 50%;
    background: #ffffffe3;
    width: 35px;
    height: 35px;
    padding: 9px 0 0 4px;
    overflow: hidden;
    position: absolute;
    top: 39%;
    left: 46%;
    z-index: 2;
    display: inline-block;
    color: #000;
    -moz-animation-name: swipe;
    -webkit-animation-name: swipe;
    animation-name: swipe;
    -moz-animation-duration: 2700ms;
    -webkit-animation-duration: 2700ms;
    animation-duration: 2700ms;
    -moz-animation-delay: 250ms;
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
  
@-moz-keyframes swipe {
	0% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	10% {
		-moz-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}
	20% {
		-moz-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}
	30% {
		-moz-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}
	40% {
		-moz-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}
	50% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes swipe {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	10% {
		-webkit-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}
	20% {
		-webkit-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}
	30% {
		-webkit-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}
	40% {
		-webkit-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes swipe {
	0% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	10% {
		-moz-transform: translateX(-0.1em);
		-ms-transform: translateX(-0.1em);
		-webkit-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}
	20% {
		-moz-transform: translateX(0.1em);
		-ms-transform: translateX(0.1em);
		-webkit-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}
	30% {
		-moz-transform: translateX(-0.1em);
		-ms-transform: translateX(-0.1em);
		-webkit-transform: translateX(-0.1em);
		transform: translateX(-0.1em);
	}
	40% {
		-moz-transform: translateX(0.1em);
		-ms-transform: translateX(0.1em);
		-webkit-transform: translateX(0.1em);
		transform: translateX(0.1em);
	}
	50% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-moz-keyframes swipe-rotate {
	0% {
		-moz-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
	10% {
		-moz-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}
	20% {
		-moz-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}
	30% {
		-moz-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}
	40% {
		-moz-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}
	50% {
		-moz-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
	100% {
		-moz-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
}

@-webkit-keyframes swipe-rotate {
	0% {
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
	10% {
		-webkit-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}
	20% {
		-webkit-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}
	30% {
		-webkit-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}
	40% {
		-webkit-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}
	50% {
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
	100% {
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
}

@keyframes swipe-rotate {
	0% {
		-moz-transform: scaleY(1.2) skew(0);
		-ms-transform: scaleY(1.2) skew(0);
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
	10% {
		-moz-transform: scaleY(1.2) skew(5deg);
		-ms-transform: scaleY(1.2) skew(5deg);
		-webkit-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}
	20% {
		-moz-transform: scaleY(1.2) skew(-5deg);
		-ms-transform: scaleY(1.2) skew(-5deg);
		-webkit-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}
	30% {
		-moz-transform: scaleY(1.2) skew(5deg);
		-ms-transform: scaleY(1.2) skew(5deg);
		-webkit-transform: scaleY(1.2) skew(5deg);
		transform: scaleY(1.2) skew(5deg);
	}
	40% {
		-moz-transform: scaleY(1.2) skew(-5deg);
		-ms-transform: scaleY(1.2) skew(-5deg);
		-webkit-transform: scaleY(1.2) skew(-5deg);
		transform: scaleY(1.2) skew(-5deg);
	}
	50% {
		-moz-transform: scaleY(1.2) skew(0);
		-ms-transform: scaleY(1.2) skew(0);
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
	100% {
		-moz-transform: scaleY(1.2) skew(0);
		-ms-transform: scaleY(1.2) skew(0);
		-webkit-transform: scaleY(1.2) skew(0);
		transform: scaleY(1.2) skew(0);
	}
}

#swiper-fechas{
	line-height: 0px;
}

.row.fecha p{
	display: inline-block;
	margin: 0 10px;
	padding: 0;
}

#sel-torneos{
	width: 100%;
	border: 1.85px solid #353535;
	background-color: #F2F2F2;
	color: black;
	font-weight: 900;
	padding: 5px;
}

.encabezado-etapa {
    color: #de061e;
    font-weight: bold;
    margin: 15px 0;
    text-align: center;
}

.contenedor-llave {
    margin-top: 62px !important;
    margin-left: -15px !important;
}

.match {
    margin-bottom: 30px;
}

.scorebox {
    border: 1px solid #b9b9b9;
}

.nombreequipo, .score {
    margin: 5px 2px;
    font-size: 13px;
    color: #9b9ba4;
    font-weight: bold;
}

.scorebox p, .scorebox img {
    display: inline-block;
}

.horario p, .horario div, .horario a {
    display: inline-block;
}

.fechahora {
    display: inline-block;
    margin-bottom: -5px;
    font-weight: bold;
    font-size: 12px;
}

.torneo-name-div {
	background: #383838;
	color: white;
	padding: 5px;
}

#torneo-name {
	text-transform: uppercase;
	font-weight: bold;
}