@import url('bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700&display=swap');

/****estilos generales********************/
:root{
  --color1:  #f39c12;
}


html{
	
}
*{
	outline: none;
}
body{
	background-color:#ffffff;
    font-family: 'Raleway', sans-serif; /**/
    font-size:15px;
	text-align:justify;
    color:#000;
	overflow-x: hidden;
}
header{
	background:#ff3455;
	border-bottom:2px solid #fff;
	position: fixed;
    height: 69px;
    width: 100%;
	z-index:999999;
}
.contenedor-slider.home{
	padding-top: 69px;
}
.rthora{
	margin:10px 0;
}
.horaresp div{display:none;}
.hora, .rtpa{
	display:inline-flex;
	margin:10px;
}
.hora{
	border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
	font-size: 14px;
    line-height: 11px;
}
.hora .dia, .hora .ho{
	padding: 5px 10px;
	font-size: 11px;
}
.hora .ho{
	padding: 5px 10px;
	color: #ff3455;
	background:#fff;
}
.redes div{
	display:inline-flex;
	margin:20px 10px;
	color:#fff;
	font-size:14px;
	float:right;
	text-transform:uppercase;
	font-weight: 600;
}
.redes a{
	color:#fff;
}
.redes a:hover{
	color:#fff;
	text-decoration:none;
}
.redes div img{
	margin-right:10px;
}

.col-md-12 .imgLiquid{
	height:600px;
}
.col-md-6 .imgLiquid{
	height:312px;
}
.col-md-3 .imgLiquid{
	height:150px;
}
.col-md-4 .imgLiquid{
	height:203px;
}
.cantometro .col-md-4 .imgLiquid {
    height: 360px;
}
.video{
	position:relative;
	height:100% !important;
}
.logo{
	text-align:center;
	margin:15px 0;
}
.batalla video, .promo video, .ganadores video, .participantes video{
	width:100%;
	display: block;
}
.batalla .votar, .batalla .votarcant{
	margin: 0px auto 50px auto;
}
.batalla .votar span, .batalla .votarcant span{
	cursor:pointer;
	text-align:center;
	margin:15px auto;
	background:#ff3455;
	color:#fff;
	text-transform:uppercase;
	padding: 17px 20px 17px 50px; /*8px 20px;*/
    font-size: 14px;
	font-weight: 600;
	display:inline-block;
	position:relative;
}


.batalla .votar span:before{
	content:'';
	
	background:url('../resources/votar.png');
	width:22px;
	height:19px;
	position:absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	
}


.bloque-display{
	position:relative;
}

.bloque-display .votado{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #ff3455;
	color: #fff;
	padding: 60px;
	display:none;
}

.col-md-4 .bloque-display .votado{
	padding: 20px 40px;
}

.col-md-4 .bloque-display .votado img{
	width:25%;

}

/**loader**************************/

.lds-roller {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  
  left: 50%;
top: 50%;
transform: translate(-50%,-50%);
display:none;
  
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/**fin loader******************************/


/*parallax**********************************/
.parallax{
	width: 100%;
    height: 400px;
    margin: 80px 0 50px 0;
    text-align: center;
    background: url("../resources/parallaxfb.png") no-repeat center center;
    background-attachment: scroll;
    background-size: auto auto;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}


.parallax .cover{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,1);
	top:0;
	left:0;
	opacity:0.4;
	z-index:8;
	transition:all linear 0.3s;
}


.parallax:hover .cover{
	opacity:0.5;
	
}

.parallax .centrado-vertical{
	width:100%;
	z-index:9999;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.parallax .texto{
	font-size:24px;
	color:#ffffff;
}

/**fin parallax**********************************/


.boton{
	text-align:center;
}
.enviar-form{
	cursor:pointer;
	text-align:center;
	margin:15px auto;
	background:#ff3455;
	border:1px solid #ff3455;
	color:#fff;
	text-transform:uppercase;
	padding: 8px 20px;
    font-size: 13px;
	font-weight: 600;
}
.imagenbatalla{
	width:100%;
	margin-bottom: 12px;
}

.batalla .votar span img, .batalla .votarcant span img{
	width: 18px;
    margin-right: 5px;
    margin-bottom: 2px;
}
.batalla h2, .ganadores h2, .participantes h2{
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:5px;
}
.batalla h2 {
    font-size:22px;
}

.centro{
	  color: #ff3455;
  margin: 10px;
  padding:0 !important;
}
}

.batalla p, .ganadores p, .participantes p{
	font-size:16px;
}
.ganadores p, .participantes p {
    padding-bottom:20px;
}
.batalla .programa, .batalla .fecha{
	display:none;
}
.percento{
	/*background:#ff3455;
	color:#fff;*/
	
	color:#ff3455;
	
	margin-top:50px;
}

.titulo-voto{
	text-align:center;
}

.titulo-voto h2{
	margin:0px;
	position: relative;
	padding: 40px 20px;
	/*text-transform:uppercase;*/
	font-weight:600;
}

.titulo{
	text-align:center;
}
.titulo h2{
	margin:0px;
	position: relative;
	padding-bottom: 20px;
	text-transform:uppercase;
	margin-top:50px;
	margin-bottom:25px;
	font-weight:600;
}
.titulo h2:after{
    display: block;
    width: 50px;
    border-bottom: 3px solid #ff3455;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.textarea__label--ruri::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #8f8f8f;
    left: 0;
    top: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
}
.input__label--ruri::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #8f8f8f;
    left: 0px;
    top: 0px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
}
.titulo .descripcion{
	margin-bottom:40px;
	font-size:16px;
}
.ganadores, .participantes{
	margin-top:25px;
	text-align:center;
}
.participantes {
    margin-bottom: 50px;
}
.porcentajes{
	text-align:center;
}
.participantes div, .ganadores div, .porcentajes div{
	display: inline-block;
	margin-bottom:12px;
}
.porcentajes div {
    float: none;
}
.svg-container{
	margin-top:-85px !important;
}
.ganadores h2, .participantes h2{
	margin-top:5px;
}

.ganadores h2{
	font-size:22px;
	
	background-color: #ff3455;
	color:#ffffff;
	display:inline-block;
	padding:10px 20px;
}

.ganadores p{
	font-size:16px;
}

.ganadores .centro{
	font-size:18px;
	font-weight:bold;
}
.participantes h2{
	font-size:20px;
}
.ganadores .programa, .participantes .programa{
	background:#ff3455;
	color:#fff;
	text-transform:uppercase;
	padding:5px 15px;
	font-weight:600;
	margin-top:0px;
	font-size:10px;
}
.ganadores .fecha, .participantes .fecha{
	border:2px solid #ff3455;
	color:#ff3455;
	text-transform:uppercase;
	padding:0px 10px 3px 10px;
	font-weight:600;
	margin-top:0px;
	margin-left:5px;
	font-size:14px;
}

/**********************/

.openpop{
	cursor:pointer;
	position:relative;
	text-align:center;
}

/*

.openpop:before{
	content:'';
	background-color:#fff;
	padding:50px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	border-radius:50%;
}
*/


.openpop:after{
	content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 25px 50px; /*2.5em 0 2.5em 5em;*/
border-color: transparent transparent transparent #ff3455;
opacity: .75;
	
	
}	

#cboxLoadedContent{
  height:auto !important;	
}

#popvideo{
	padding-bottom:30px;
}

/**********************/
footer{
	background:#000;
}
footer .row div div{
	color:#fff;
	text-align:center;
}
footer .copy{
	text-align:center;
	color:#fff;
	margin:30px 0;
	font-size:10px;
}
footer .copy a{
	color:#fff;
}
footer .copy a:hover{
	color:#ff3455;
	text-decoration:none;
}
footer .rthora {
	margin-top: 30px;
}
footer .redes{
	margin-top:20px;
	font-size:12px;
}
footer .redes div{
	font-size:12px;
	margin: 8px 10px;
}
footer .logo{
	margin-top:25px;
}
footer .row .redes div {
    text-align: left;
	width:100%;
	float: none;
}
footer .rtpa {
    margin-left: 0px;
}
footer .proima{
	margin-top:15px;
	text-align:left !important;
	font-size:12px;
}
footer .proima img{
	margin-left:10px;
	margin-top: -7px;
}
.batalla .resultado{
	position: absolute;
    top: 0;
    background: #ff3455;
    width: 100%;
    height: 100%;
    text-align: center;
}
.batalla .resultado div{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	color:#fff;
	font-size:16px;
}
.batalla .resultado img{
	display: block;
    margin: auto;
    margin-bottom: 25px;
}
.batalla div{
	text-align: center;
}
/*.porcentajes .rotate svg{
	transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}*/
/*.porcentajes .rotate svg text{
	transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;
}*/
.porcentajes svg text .number{
	font-size:40px !important;
}
.porcentajes svg text .percent{
	font-size:20px !important;
}
.slider .altura{
	padding:280px 0;
}
.parallaxhome{
	background:#ff3455;
	color:#fff;
	height:400px;
	width:100%;
	text-align:center;
}
.parallaxhome .cover {
    display: block;
    position: absolute;
    width: 100%;
    /*height: 100%;*/
}
.parallaxhome .contenedor-slider {
    z-index: 999999;
    width: 100%;
    height: 100%;
	position: relative;
}
.parallaxhome .slider-flechas {
    padding: 30px 0;
    position: absolute;
    width: 70%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto !important;
    z-index: 9999;
}
.parallaxhome .slider-flechas .container {
    text-align: center;
    z-index: 999999998;
}
.controls{
	display:none;
}

.parallaxhome img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
article h3 {
    font-size: 20px;
}
.claseaviso .separatablas {
    border-right: 2px solid #ff3455;
    padding-right: 15px;
}
.claseaviso .tabla table {
    border-spacing: 10px;
    border-collapse: inherit;
}
.claseaviso td, .claseaviso th {
    border: none;
}
.singanadores{
	margin-bottom:50px;
}
.ganadorescesta{
	text-align:center;
	font-size:20px;
}
@media (min-width: 2500px) {
	.slider .altura{
		padding:320px 0;
	}
}
@media (max-width: 1440px) and (min-width: 1200px) {
	.slider .altura{
		padding:225px 0;
	}
}
@media (max-width: 1199px) and (min-width: 992px) {
	footer .proima img {
		margin-left: 0px;
		margin-top: 0px;
	}
	footer .hora {
		margin-left: 0px;
	}
	.participantes h2 {
		font-size: 16px;
	}
	.participantes p {
		font-size: 14px;
	}
	header{
		height: 90px;
	}
	.contenedor-slider.home {
		padding-top: 90px;
	}
	.redes div {
		margin: 10px 10px;
	}
	.parallaxhome {
		background-attachment: scroll !important;
	}
	.batalla .votar span, .batalla .votarcant span{
		font-size: 9px;
	}
	.slider .altura{
		padding:190px 0;
	}
}

@media (max-width: 991px) and (min-width: 769px) {
	header{
		height: 90px;
	}
	.contenedor-slider.home {
		padding-top: 90px;
	}
	.redes div {
		margin: 10px 10px;
		font-size: 13px;
	}
	footer .redes div {
		font-size: 10px;
	}
	.hora .dia, .hora .ho {
		padding: 5px 5px;
	}
	footer .proima img {
		margin-left: 0px;
		margin-top: 0px;
		width:100%;
	}
	footer .hora {
		margin-left: 0px;
	}
	.participantes .programa {
		padding: 5px 10px;
		font-size: 11px;
	}
	.participantes .fecha {
		padding: 3px 20px;
		font-size: 11px;
	}
	.participantes h2 {
		font-size: 14px;
	}
	.participantes p {
		font-size: 12px;
	}
	.parallaxhome {
		background-attachment: scroll !important;
	}
	.batalla .votar span, .batalla .votarcant span{
		font-size: 7px;
	}
	.slider .altura{
		/*padding:225px 0;*/
		padding: 150px 0;
	}
}

@media (max-width: 768px){
	
	
	.bloque-display .votado{
		padding: 20px 60px;
	}
	
	.bloque-display .votado img{
		width: 25%;
	}
	
	.parallax{
		height:200px;
		background-position: 20% center;
	}
	
	.parallax .texto img{
		width:100%;
	}
	
	.col-xs-12 .imgLiquid{
		height:300px; /*00px;*/
	}
	.cantometro .col-md-12 .imgLiquid {
		height: 345px;
	}
	header{
		height: 90px;
	}
	.contenedor-slider.home {
		padding-top: 90px;
	}
	.slider .altura {
		/*padding: 150px 0;*/
		padding: 90px 0;
	}
	.redes span{
		display:none;
	}
	footer .row .redes div {
		text-align: left;
		width: auto;
		float: right;
	}
	footer .redes div {
		margin: 8px 4px;
	}
	header .hora, header .rtpa, footer .hora, footer .rtpa {
		margin-left: 0px;
	}
	footer .rtpa {
		margin-top: 0px;
	}
	footer .hora {
		display:none;
	}
	footer .hora, footer .rtpa {
		margin-bottom: 0px;
	}
	header .hora .dia, header .hora .ho, footer .hora .dia, footer .hora .ho {
		padding: 5px 8px;
		font-size: 11px;
		line-height: 9px;
		color:#fff;
		background:none;
	}
	header .redes div img {
		margin-right: 0px;
	}
	footer .rthora {
		padding-right:0px;
	}
	footer .hora .dia, footer .hora .ho {
		padding: 5px 4px;
		font-size: 8px;
		line-height: 9px;
	}
	footer .proima {
		margin-top: 5px;
		text-align: left !important;
		font-size: 9px;
	}
	footer .proima img {
		margin-left: 0px;
		margin-top: 0px;
	}
	header .hora {
		display:none;
	}
	.horaresp div {
		display: inline-block;
		text-align:center;
	}
	.horaresp .hora {
		margin: 0px;
		border:none;
	}
	.horaresp .rthora {
		margin-top: 0px;
	}
	header .rthora {
		margin: 0px;
		margin-top:10px;
	}
	.parallaxhome {
		height: 200px;
	}
	.parallaxhome img{
		width:50%;
	}
	.svg-container {
		margin-top: -50px !important;
	}
	.parallaxhome {
		background-attachment: scroll !important;
	}

}

@media (max-width: 450px){
	.titulo h2 {
		font-size:20px;
	}
	.batalla h2 {
		font-size: 20px;
	}
	.ganadores h2, .participantes h2 {
		font-size: 18px;
	}
	.redes div img {
		width: 18px;
	}
	.redes div {
		margin: 10px 5px;
	}
	header .hora {
		display:none;
	}
	header .logo {
		margin-bottom: 5px;
	}
	header .logo img{
		width:100%;
	}
	header .rtpa img{
		width:60%;
	}
	header .rtpa{
		margin-bottom: 0px;
		margin-top:0px;
	}
	.slider .altura {
		/*padding: 100px 0;*/
		padding: 59px 0;
	}
	.horaresp div {
		display: inline-block;
		text-align:center;
	}
	.horaresp .hora {
		margin: 0px;
	}
	.horaresp .rthora {
		margin-top: 0px;
	}
	footer .proima img {
		width:100%;
	}
	.batalla .resultado img {
		width:40%;
	}
	header{
		height: 75px;
	}
	.contenedor-slider.home {
		padding-top: 75px;
	}
}