@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
.cajaHipoXAnio .row{width:100%; float:left;position:relative;} 
.cajaHipoXAnio .text-right { text-align:right;}
.marginTop20{margin-top:20px;}
.marginTop15{margin-top:15px;}
.marginTop10{margin-top:10px;}
.trivia-btn-enviar-email{cursor:hand;cursor:pointer;}
.trivia-btn-enviar-email img{width:100%;max-width:165px;}

.containerHipoXAnio {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 590px;
    height: 590px;
    width: 100%;
	background: url(../images/bk.jpg) no-repeat right bottom ;
}
.Hipo-Anio-2021-Izquierda
{
	/* background: url(../images/lan-izq.png) no-repeat right bottom #f7f8fa; */
	height: 590px !important;
}
.Hipo-Anio-2021-Derecha
{
	/* content: url(../images/lan-der2.png); */
	content: url(../images/SorteoPomo.png);
    /* width:100%; */
	margin-left: -18px;
    margin-top: 50px;
}

.Hipo-Anio-2021-caja {
    background-color: #fefefe;
    /* color: #4c4c4c; */
}


.cajaHipoXAnio{
	align-items: center;
	color: #4c4c4c !important;
} 

.boton-share{
	width:100%;
}

.boton-share img{
    margin: auto 1%;
    max-width: 35px;
	text-align: center;
}

a {
    color: #333 !important;
    text-decoration: none;
	
}

@media (min-width: 1200px){
	.container {
		width: 1060px !important;
	}
}
.alreadyRegistered{
 color: #333;
 /* font-family: Georgia, 'Times New Roman', Times, serif; */
font-family:'Lato', sans-serif !important; 
 font-size: 1.1em;
 line-height: 1.3em;

}

.Gracias{
		font-weight: 900;
		color: #89e1eb;
		font-size: 18.1px;
		font-family: 'Lato', sans-serif !important;
	}

.dniclave{
  color: #333 !important;
  /* font-family: Georgia, 'Times New Roman', Times, serif, 'Times New Roman', Times, serif; */
  font-family:'Lato', sans-serif !important; 
  font-size: 1.3em;
  line-height: 35px;
}

.textobyc{
  color: #333;
  /* font-family: Georgia, 'Times New Roman', Times, serif; */
  font-family:'Lato', sans-serif !important; 
  font-size: 0.9em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding-bottom: 15px;
  font-weight: 800;
}

.msj-error{	
	color: #ffaaaa;
	font-family:'Lato', sans-serif;
	font-size: 1.2em;
	text-align:center;
}

.inputtext input[type="text"],.inputtext input[type="password"]
{
	width:97%;
	height: 35px;
	border:1px solid #bebebe;
	background: #fff;
	border-radius: 3px 3px;
}

.imgstar{
  position: absolute;
  left: 5%;
  bottom: -2%;
  width:15%;
}

.imgnube {
    position: absolute;
    right: -10%;
    top: -4%;
    width: 28%;
}

.imgnube img,.imgstar img{width: 100%;}

.btnregistrate img{background: none; border: none; max-width: 165px; width: 100%;}

.btningresar img{background: none; border: none; max-width: 165px; width: 100%;}

.titparticipa img{max-width: 310px; width: 100%;}

.titHipoXAnio img{max-width: 239px; width: 100%;}

/*//// TABLET ////*/ 
@media (min-width: 480px ) and (max-width: 800px )  {
	.cajaHipoXAnio { margin-left: 0 }

	.cajaHipoXAnio img { width: 100%; }
	
	
	
	.imgstar{
	  position: absolute;
	  left: 1%;
	  bottom: 1%;
	  width:15%;
	}

	.imgnube {
		position: absolute;
		right: 1%;
		top: 0%;
		width: 28%;
	}
	
	.containerHipoXAnio
	{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	.containerHipoXAnio{
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
	  min-height: initial;
	  height: initial;
	  padding: inherit;
	  position: relative;
	  width: 100%;
	}
	
	
}

@media (max-width: 479px )  {
	
	.cajaHipoXAnio { margin-left: 0 }

	.cajaHipoXAnio img { width: 100%; }

	.Hipo-Anio-2021-Izquierda {
    background: url(../images/lan-izq.png) no-repeat right bottom #f7f8fa;
    height: 100% !important;
	}
	.containerHipoXAnio {  
		background-size: 185% !important; 
	}
	.imgstar{
	  position: absolute;
	  left: 1%;
	  bottom: 1%;
	  width:15%;
	}
	.Hipo-Anio-2021-Derecha{
		width: 100%;
	}
	.imgnube {
		position: absolute;
		right: 1%;
		top: 0%;
		width: 28%;
	}
	
	
.Hipo-Anio-2021-caja {
    background-color: #fff;
	margin-top:20px !important;
	margin-bottom:30px !important;
	margin-left: 10px;
    /* color: #4c4c4c; */
}
	
	.containerHipoXAnio{
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
	  min-height: initial;
	  height: initial;
	  padding: inherit;
	  position: relative;
	  width: 100%;
	}
	
}