*{
 padding: 0;
 margin: 0;
}

section{
 margin:0 auto 100px auto;
 width: 100%;
 max-width: 980px;
}

body{
   /*background:  url(../img/back.png) no-repeat center center;*/
   background-image: url("https://image.mailing.cyamoda.com/lib/fe3b157175640478731073/m/3/38241ab4-c73c-432b-a30d-7e273cb52888.png");
   background-color: #ff5100;
   /*-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;*/
   font-family: "futura-pt";
   color: #FFF;
}

header{
 width: 100%;
 background-color: #FFF;
 height: 100px;
 text-align: center;
}

footer{
 width: 100%;
 background-color: #FFF;
 text-align: center;
}

.titulo-form{
 font-weight: 700;
 color: #ff5100;
 font-size: 18px;
}

.margen-form{
 width: 70%;
 margin: 20px auto;
 color: #7d7d7d;
 font-size: 14px;
}

#pestana{
 width: 100%;
 text-align: center;
}

#copyright{
 width: 100%;
 background-color: #000;
 height: 30px;
 text-align: center;
 color: #FFF;
 font-family: Arial;
 line-height: 30px;
 font-size: 13px;
}

#logos{
 text-align: center;
color: #000;
padding: 70px 0;
}

#logos img{
 width: 90%;
 max-width: 600px;
}

.logo{
 max-height: 80px;
 margin: 10px 0;
}

#top{
 width: 100%;
}

.bannertop{
 width: 100%;
 max-width: 980px;
 background-color: none;
}

.lugares{
 width: 100%;
 max-width: 980px;
 display: block;
 overflow: hidden;
 margin: 30px auto;
}

.icono{
 width: 20%;
 float: left;
 text-align: center;

}

.icono img{
 width: 80%;
 max-width: 100px;
 margin: 0 auto;
 padding: 0;
}

.premio span{
 font-size: 20px;
 font-weight: 700;
}

.premio{
 width: 70%;
 float: left;
 padding: 10px 0;
}

#entrega p{
 margin: 10px;
}

li{
 margin: 20px 0;
}

.legales{
 width: 85%;
 margin: 30px auto;
}

#wrapper{
 position:relative;
 margin-top: 100px;
}

#entrega{
 position: absolute;
 width: 70%;
 max-width: 700px;
 border-radius: 30px 30px 30px 30px;
 -moz-border-radius: 30px 30px 30px 30px;
 -webkit-border-radius: 30px 30px 30px 30px;
 border: 0;
 font: 400 18px "futura-pt";
 color: #000;
 background-color: #fde629;
 margin: 0 auto;
 padding: 10px;
 text-align: left;
 top: -80px;
 left: 0;
 right: 0;
}

#lista-premios{
 margin: 0 auto;
 width: 90%;
 max-width: 980px;
 border-radius: 30px 30px 30px 30px;
 -moz-border-radius: 30px 30px 30px 30px;
 -webkit-border-radius: 30px 30px 30px 30px;
 border: 0;
 font: 400 18px "futura-pt";
 color: #000;
 background-color: #F7F7F7;
 padding-top: 120px;
 padding-bottom: 30px;
 text-align: left;
}

#pestana-content{
 position:relative;
}

#bloque-pestana{
 display: bloque;
}

#tommy{
 position: absolute;
 top: 40%;
 left: 60%;
}

#premios{
 background-color: #FFF;
 width: 100%;
 max-width: 980px;
 margin:  0 auto;
}

#bases-concurso{
 background-color: #FFF;
 width: 100%;
 max-width: 980px;
 margin:  0 auto;
 padding: 50px 0;
}

#bases-concurso p{
 margin: 20px 0;
}

#bases-concurso ul,ol{
 width: 90%;
 margin: 0 auto;
}

#bloques{
 background-color: #FFF;
}

#contenido{
 width: 90%;
 display: block;
 overflow: hidden;
 background-color: #FFF;
 margin: 0 auto;
}

.contenido-txt{
 margin: 50px auto;

}

.titulo-legal{
 font-size: 18px;
 font-weight: 700;
 margin: 30px 0;
}

.subtitulo-legal{
 font-size: 16px;
 font-weight: 700;
 width: 100%;
 text-align: center;
 margin: 30px 0;
}

.etiqueta{
 margin: 50px auto;
 max-width: 400px;
}

.como-participo{
 width: 90%;
 margin: 50px auto 10px auto;
 text-align: center;
}

.content-txt ol{
 padding: 30px;
}



#content-dinamica{
 width: 50%;
 background-color: #FF5101;
 float: left;
}

#content-form{
 width: 50%;
 background-color: #FFF;
 float: right;
}

/* ===== LINKS ===== */

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

a:link {
  color: #ff5100;
}

a:visited {
  color: #ff5100;
}


a:hover {
  border-bottom:#ff5100 1px solid;
}

a:active {
  color: #ff5100;
}

/* ===== GRACIAS ===== */

.gracias{
 width: 100%;
 background-color: #ff5100;
 display: block;
}

.gracias p{
 font: 700 16px "futura-pt";
}

.gracias h1{
 font: 700 40px "futura-pt";
 margin-bottom: 50px;
}

.gracias-txt{
 margin: 0 auto;
 max-width: 980px;
 padding: 100px 0;
 text-align: center;
}



@media screen and(max-width: 1024px){
 
}

@media screen and (max-width: 768px){
 
 #content-dinamica{
  width: 100%;
 }

 #content-form{
  width: 100%;
 }

 #entrega{
  font-size: 14px;
 }

 #lista-premios{
  font-size: 14px;
 }

 .legales{
  width: 80%;
 }

 .premio span{
  font-size: 16px;
 }

 .lugares{
  font-size: 12px;
 }

 #lista-premios{
  padding-top: 150px;
 }

 .gracias h1{
  font: 700 25px "futura-pt";
  margin-bottom: 30px;
 }

 .gracias p{
  font: 700 14px "futura-pt";
 }

 .gracias-txt{
  padding: 50px 0;
 }

}

@media screen and (max-width: 480px) {

 
 
}