*{
 padding: 0;
 margin: 0;
}

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

body{
   /*background-image: url("https://image.mailing.cyamoda.com/lib/fe3b157175640478731073/m/3/38241ab4-c73c-432b-a30d-7e273cb52888.png");
   background-color: #3C8C9B;*/
  background-color: #E7E7E7;
   /*-webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;*/
   font-family: "futura-pt";
   color: #999;

}

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

footer{
 width: 100%;
 text-align: center;
}

H1{
 line-height: 80px;
 margin: 50px 0 25px 0;
 color:  #3C8C9B !important;
}

.btn-cya{

  background-color:#3C8C9B !important;
  border:1px solid #227f96 !important;
  color:#fff;
  font-weight:700;
}

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

}


.margen-form{
 width:90%;
 margin: 50px auto;
 /*color: #7d7d7d;*/
 font-size: 14px;
}

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}

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

#copyright{
 width: 100%;
 background-color: #3c8c9b;
 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;
}

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

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

a:link {
  color: #3C8C9B;
}

a:visited {
  color: #3C8C9B;
}


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

a:active {
  color: #3C8C9B;
}

/* ===== 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){


}

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

  section{
   width: 90%;
  }
 
}