.hidden{
  display: none;
}

.center {
  text-align: center;
}

.centertable {
  margin-left: auto;
  margin-right: auto;
}

.centerdiv {
  margin: auto;
  width: 50%;
}

.info {
  width: 60%;
}

.alerta{  /*.qstWr>*/
  overflow: hidden;
  line-height: 20px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #FF8000; /*#c42b53; red*/
  float: right;
  width: 100%; /* width: 423px !important;*/
  display: inline-block;
}

.alerta2{  /*.qstWr>*/
  overflow: hidden;
  line-height: 20px;
  margin-top: -20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #c42b53; /* red*/
  float: right;
  width: 360px !important;
  display: inline-block;
}

.alerta3{  /*.qstWr>*/
  overflow: hidden;
  line-height: 20px;
  margin-top: 2px;
  margin-bottom: 10px;
  color: blue;
  font-size: 14px;
}

.mensaje{  /*.qstWr>*/
  overflow: hidden;
  line-height: 20px;
  margin-top: 2px;
  margin-bottom: 10px;
  color: blue;
  font-size: 16px;
}

.mensaje2{  /*.qstWr>*/
  overflow: hidden;
  line-height: 20px;
  margin-top: 2px;
  margin-bottom: 10px;
  color: blue;
  font-size: 15px;
}

.btns {
  text-decoration: none
}

.button1 {
  display: block;
  width: 200px;
  /*width: 100%;*/
  border: none;
  background-color: #4CAF50;
  color: white;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
}

.button2 {
  display: block;
  width: 500px;
  /*width: 100%;*/
  border: none;
  background-color: #4CAF50;
  color: white;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  margin-top: 30px;
}

.button1:hover {
  background-color: #ddd;
  color: black;
}

.loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #4CAF50;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.text-time2 {
   font: normal normal bold 24px/30px Barlow;
}

/* Adicioanl al style.css */
.input-group input {
    transform: skew(-25deg)!important;
}

.form-select {
  transform: skew(-25deg)!important;;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* Gracias Page */
/*
.bold-text{
	text-align: center;
	font: normal normal normal 36px/50px 'DIN', sans-serif;
	letter-spacing: 0px;
	color: #B1F83A;
	text-transform: uppercase;
	opacity: 1;
	margin: 58px auto 31px;
}
*/
.date-text-bold{
	text-align: center;
	font: normal normal normal 16px/30px 'futura-bold', sans-serif;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 1;
	margin-bottom: 31px;
	line-height: 1.3em;
}
.bold-text-2{
	text-align: center;
	font: normal normal normal 20px/30px 'futura-bold', sans-serif;
	letter-spacing: 0px;
	color: #ffda00;
	text-transform: uppercase;
	opacity: 1;
	margin-bottom: 18px;
	line-height: 1.3em;
}
.date-text-2{
  font-size: 12px;
  line-height: 1.5;
}
.btn-purple-box{
	width: 270px;
	height: 50px;
	font: normal normal normal 20px/30px 'futura-bold', sans-serif;
	/*background: #364ea4 0% 0% no-repeat padding-box;*/
	opacity: 1;
	display: block;
	margin: auto;
	margin-bottom: 20px;
	transform: skew(-20deg);
	cursor: pointer;
	position: relative;
	z-index: 2;
	border: solid;
	border-color:#364ea4;

}
.btn-purple-box span, .btn-purple-box a{
	text-align: center;
	font: normal normal normal 20px/30px 'futura-bold', sans-serif;
	letter-spacing: 0px;
	color: #ffff;
	text-transform: uppercase;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 47px;
	transform: skew(20deg);
	position: relative;
	z-index: 2;
	font-size: .9em;
}

.btn-purple-box::before{
	content: " ";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #ffda00;
    position: relative;
    z-index: 418;
    right: 0;
    left: 0;
    bottom: -48px;
}
.btn-purple-box::after{
	content: " ";
    display: block;
    height: 100%;
    width: 3px;
    background-color: #ffda00;
    position: relative;
    z-index: 418;
    left: 0;
     bottom: 49px;
}

.cod-div {
  margin-top:-45px;
  margin-left:0px;
}

.input-group .cont-c{
	width: 275px !important;
	height: 44px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	transform: skew(-20deg);
	position: absolute;
	top: 0;
	right: 0;
}

/*
.img-mecanica {
   background-image: url('../img/mecanica.png') !important;
}
*/

.space30{
	display: block;
	height: 30px;
}

.container-mecanica {
  height: 600px;
}

.img-mecanica{
	background-image: url('../img/mecanica.png');
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  /*
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
  border-color: blue;
  border-style: solid;
  height: 300px;
  */
}

.img-premios{
	background-image: url('../img/premios.png');
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
}


@media (max-width: 600px) and (orientation: portrait) {
  .cod-div {
    margin-top:0px;
    /*margin-left:-65px;*/
    width: 290px;
  }
  .container-mecanica {
    height: 700px;
  }
  .img-mecanica {
     background-image: url('../img/mecanica-mobile.png');
  }
  .img-premios {
     background-image: url('../img/premios-mobile.png');
  }
}

@media (max-width: 600px) and (orientation: landscape) {
  .container-mecanica {
    height: 400px;
  }
  .img-mecanica {
     background-image: url('../img/mecanica.png');
  }
  .img-premios {
     background-image: url('../img/premios.png');
  }
}