@font-face{
	font-family:"bebas";
	src:url('../font/BebasNeue-Regular.woff');
	font-weight:normal;
}

@font-face{
	font-family:"inter";
	src:url('../font/Inter-Regular.woff');
	font-weight:normal;
}

@font-face{
	font-family:"inter";
	src:url('../font/Inter-Bold.woff');
	font-weight:bold;
}

body {
    background-color: #f8f6f6;
	text-align:left;
	font-family:inter;
}

.content {
  padding-top: 30px;
}

.section{
	margin:auto;
	width:490px;
	border-bottom: none;
}

.bebas p{
	font-family: bebas;
	font-size: 40pt;
	line-height: 38pt;
	margin: 0px;
}

h2{
  color: #000;
  font-size: 19pt;
  line-height: 22pt;
}

input[type=text]{
  width: 100%;
  border: none;
  background-color: e4e4e8;
  padding: 10px;
  border-radius: 10px;
  font-family: inter;
  font-size: 12pt;
  margin: 6px 0px;
}

input[type=submit],
.boton.g-recaptcha{
	display: inline-block;
  border: solid 2px black;
  padding: 7px 23px;
  border-radius: 10px;
  font-weight: bold;
  color: black;
  text-decoration: none;
  text-align: center;
  background-color: #cbd41b;
  border-color: #cbd41b;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}

input[type=submit].sending,
.boton.g-recaptcha.sending{
	background-image:url(http://fincaantonia.com/img/gif_off_loading_sorteo.gif)
}

.boton.g-recaptcha.disabled,
input[type="submit"]:disabled {
  cursor: not-allowed;
  background-color: #b7bf1b;

}
/*
input[type="submit"].sending:disabled {
  background-image: url(../img/enviando_submit.gif);
  background-repeat: no-repeat;  
  background-position: 150px;
  background-color: cbd41b;
}*/

#inicio {
  width: 650px;
  text-align:center;
  margin-bottom: 50px;
  margin-top: 30px;
}

#inicio .bebas p {
font-size: 65pt;
	padding: 5pt 0px;
  margin: 5px 0px;
  display: inline-block;
}

p.gratis{
background-image: url(../img/flechas_gratis.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 382px;
}

#inicio .botonera{
	width: 100%;
	text-align: left;
	height: auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}


#ubicacion_btn .botonera{
	width: 100%;
}

#pasalavoz{
  width: 100%;
  background-color: #18191a;
  color: #FFF;
  text-align: center;
}

#ganadores{
	width: 1040px;
}

#videos_ganadores {
  width: 100%;
  text-align: left;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

#pie .wrapper{
	width: 1000px;
	text-align: left;
	height: auto;
	display: grid;
	/*grid-template-columns: repeat(2, 1fr);*/
	grid-template-columns: auto 325px;
	grid-gap: 20px;
	margin: auto;
}

#pie{
  width: 100%;
  background-color: #e4e4e8;
  color: #000;
  text-align: center;
}

#pasalavoz .content{
	margin:auto;
	width: 700;
	text-align: center;
	margin-bottom: 30px;
}

#pasalavoz .bebas span,
span.verde{
	
	color:#cbd41b;
}

#pasalavoz h2{
	color:#FFF;
}

#redes_sociales{
	width: 400px;
  text-align: left;
  height: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin: auto;
}

#redes_sociales a.icon{
  background-color: #cbd41b;
  border-radius: 10px;
  font-size:0pt;
  min-height:80px;
  background-repeat: no-repeat;
  background-position: center;
}

#redes_sociales a.icon.wp{
	background-image:url(../img/icon_wp.png)
}

#redes_sociales a.icon.tk{
	background-image:url(../img/icon_tk.png)
}

#redes_sociales a.icon.in{
	background-image:url(../img/icon_in.png)
}

#redes_sociales a.icon.fb{
	background-image:url(../img/icon_fb.png)
}


.boton.gps{
	width:100%;
	box-sizing: border-box;
}

.boton.gps span {
  background-image: url(../img/gps_icon.png);
  background-repeat: no-repeat;
  padding-left: 24px;
}


.boton{
  display: inline-block;
  border: solid 2px black;
  padding: 7px 23px;
  border-radius: 10px;
  font-weight: bold;
  color: black;
  text-decoration: none;
  text-align: center;
}

.boton:hover{
  background-color: cbd41b;
  border-color: cbd41b;
}

#fotos{
	position:relative;
	height: 440px;
}

.foto{
	width:480px;
	height:360px;
	background-position:center;
	background-size:cover;
	border-radius: 20px;
}

.foto.a{
	position: absolute;
	background-image:url(../img/0006.jpg);
	z-index:3;
}

.foto.b{
	background-image:url(../img/0004.jpg);
	top: 50px;
	position: absolute;
	left: -350px;
	z-index:2;
}

.foto.c{
	background-image:url(../img/casa_huerto.jpg);
	top: 50px;
	  position: absolute;
	  right: -350px;
	  z-index:1;
}

#selector_comollego{
  width: 100%;
  text-align: left;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

#amigo{
	background-image:url(../img/sobre_negro.png);
}

#amigo:hover,
#amigo.selected{
	background-image:url(../img/sobre_blanco.png);
}

#influencer{
	background-image:url(../img/estrella_negro.png);
}

#influencer:not(.disabled):hover,
#influencer.selected{
	background-image:url(../img/estrella_blanco.png);
}

#ninguno{
	background-image:url(../img/persona_negro.png);
}

#ninguno:not(.disabled):hover,
#ninguno.selected{
	background-image:url(../img/persona_blanco.png);
}


.boton_selector {
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  line-height: 11pt;
  border: solid 2px #000;
  border-radius: 10px;
  padding: 30px 20px 5px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center 7px;
}

.boton_selector:not(.disabled):hover,
.boton_selector.selected{
  background-color: #000;
  color: #FFF;
}

.boton_selector.disabled{
  opacity: 0.3;
  cursor: auto;
}

#pie .botonera {
  margin-top: 20px;
}

#cortina{
  position: fixed;
  background-color: #18191ac4;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 99;
  display: inline-flex;
}

#mensaje {
  display: inline-block;
  background-color: #FFF;
  margin: auto;
padding: 20px 20px 50px 20px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 10px;
  max-width: 450px;
}

.boton_cerrar_tira {
  text-align: right;
}
.boton_cerrar_tira a.cerrar {
  text-decoration: none;
  font-size: 28pt;
  color: #000;
}

select {
  font-family: inter;
  font-size: 12pt;
}

.boton.wp {
  background-color: 72b77b;
  border-color: 72b77b;
  min-width: 200px;
  text-align:center;
}

.boton.wp span{
background-image: url(../img/icon_wp.png);
  background-position: left center;
  background-size: 19px;
  background-repeat: no-repeat;
  padding-left: 23px;
}

.resalte{
  font-size: 24pt;
  margin: 5px;
  line-height: 29pt;
}

.resalte.margintop{
  margin-top: 25px;
}

.resalte .verde {
  font-family: bebas;
  font-size: 40pt;
}

#proximo_sorteo {
  text-align: center;
}

#proximo_sorteo .content{
}

p.big{
  color: #fe2c55;
  font-size: 63pt;
  line-height: 74pt;
}

/*MOVIL*/
@media only screen and (max-width: 450px){
	#inicio {
		width: 100%;
		margin-bottom: 0px;
	}
	
	#inicio .bebas p {
		font-size: 47pt;
		padding: 5pt 0px;
		margin: 0px;
		display: inline-block;
	}
	
	p.gratis {
	  width: 80%;
	}
	
	#inicio .botonera {
	  grid-template-columns: repeat(1, 1fr);
	}
	
	.section {
		width: 100%;
	}
	
	
	.foto {
	  width: 100%;
	  height: 200px;
	}
	
	#fotos {
	  position: relative;
	  height: auto;
	}
	.foto.a {
		position: relative;
	}
	
	.foto.b {
	  top: 0px;
	  position: relative;
	  left: 0px;
	}
	
	.foto.c {
	  top: 0px;
	  position: relative;
	  right: 0px;
	}
	
	label {
		display: inline-block !important;
	}
	  
	#selector_comollego {
	  grid-gap: 10px;
	}
	
	.boton_selector {
		padding: 30px 10px 5px;
	}
	
	#pasalavoz .content {
		margin: auto;
		margin-bottom: auto;
		width: 100%;
		text-align: left;
		margin-bottom: 30px;
	}
	
	#redes_sociales a.icon {
		min-height: 73px;
	}
	
	#pie .wrapper {
		 width: 100%;
		grid-template-columns: repeat(1, 1fr);
	}
	
	#ganadores {
	  width: 100%;
	}
	
	#videos_ganadores {
	  grid-template-columns: repeat(1, 1fr);
	  grid-gap: 10px;
	}
	#redes_sociales {
		width: 100%;
	}
	
	#pie .bebas {
		text-align: center;
	}
	
	#ubicacion_btn .botonera {
	  margin-top: 20px;
	}
	
	#mensaje {
	  max-width: 90%;
	}
	
	#proximo_sorteo img{
		width:100%;
		height:auto;
	}
}