/* LARGURA REAL DOS ELEMENTOS *********************************************************/

*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/* SEPARA OS ELEMENTOS FLOATS *********************************************************/

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix{
    *zoom: 1;
}



/* SEÇÃO *****************************************************************************/


/* BANNER ----------------------------------------*/

.banner{
     margin: 0 auto;
     max-width:1200px;
     width: 100%;
     text-align: left;
     font-size: 70px;
     font-weight: 600;
     letter-spacing: -3px;
     color: #fff;
     text-shadow: 1px 1px 3px #000;
     }

.banner img{
     width: 100%;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     }
	 
.no-banner{
     width: 100%;
	 height: 90px;
     }


/* CONTEÚDO ----------------------------------------*/

.container{
     margin: 0 auto;
     max-width:1200px;
     width: 100%;
     text-align: left;
     padding: 0px 80px;
}

.container h1{
     font-family:'SegoeWP-Semibold', Tahoma;
     font-size: 50px;
     letter-spacing: -3px;
     color: #1e1852;
     line-height: 140%;
     margin: 10px 0px;
     }
	 
	 
.formulario{
   float: left;
   margin:0 15%;
   width: 70%;
   }

.formulario H4{
   font-size: 14px;
   font-weight: 400;
   color: #CC0000;
   }

form input{
   width: 90%;
   margin: 5px 0px;
   padding: 10px;
   border: 1px solid #666;
   border-radius: 5px;
   font-size: 16px;
   font-spacing: -1px;
   }

form textarea{
   width: 90%;
   margin: 5px 0px;
   padding: 10px;
   font-family:'Open Sans', sans-serif;
   font-size: 16px;
   font-spacing: -1px;
   border: 1px solid #666;
   border-radius: 5px;
   }

.robo{
   width: 90%;
   margin: 5px 0px;
   padding: 10px;
   font-size: 16px;
   text-align: center;
   font-spacing: -1px;
   border-radius: 5px;
   background: #d1d3d4;
   }

.robo2{
   display: none;
   width: 90%;
   margin: 5px 0px;
   padding: 10px;
   font-size: 16px;
   text-align: center;
   font-spacing: -1px;
   border-radius: 5px;
   background: #d1d3d4;
   }

.noRobo{
   width: 50px;
   margin-left: 10px;
   font-size: 16px;
   font-spacing: -1px;
   text-align: center;
   }

.bt-form{
     width: 90%;
     height: 37px;
     border: 1px solid #1e1852;
     border-radius: 5px;
     font-family:'Open Sans', sans-serif;
     font-size: 16px;
     color: #fff;
     background: #1e1852;
     margin: 10px 0px;
     padding: 5px;
     }

.bt-form:hover{
     background: #877ec9;
     }

.mapa{
   float: left;
   width: 30%;
   border-radius: 5px;
   }

.mapaframe{
   width:100%;
   height:395px;
   border-radius: 10px;
   }


/* NEWSLETTER ----------------------------------------*/

.news{
     clear:both;
     width: 100%;
     padding: 20px;
     border-radius: 10px;
     background: #f8941d;
     text-align: center;
     font-size: 20px;
     letter-spacing: -1px;
     color: #fff;
     margin: 20px 0px;
     }

.news-input{
     width: 200px;
     margin: 3px;
     padding: 3px 10px;
     border: 1px solid #999;
     border-radius: 5px;
     font-family:'Open Sans', sans-serif;
     font-size: 20px;
     font-weight: 300;
     letter-spacing: -1px;
     }

.bt-enviar{
     width: 150px;
     margin: 3px;
     padding: 3px 10px;
     border: 1px solid #1e1852;
     border-radius: 5px;
     font-family:'Open Sans', sans-serif;
     color: #fff;
     font-size: 20px;
     font-weight: 300;
     letter-spacing: -1px;
     background: #1e1852;
     }

.bt-enviar:hover{
     background: #877ec9;
     }



/***********************************************************************************/
/* MÍDIA QUERIES */
/***********************************************************************************/


/* 1200px – Desktops, notebooks com monitores widescreen --------------------------*/

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

}


/* 960px – Tablets no formato paisagem e alguns monitores mais antigos ------------*/

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

.banner{
     font-size: 60px;
     }

.no-banner{
	 height: 60px;
     }

.container{
     padding: 0px 30px;
     }
	 
.container h1{
     font-size: 40px;
     letter-spacing: -2px;
     }

.mapa{
   width: 40%;
   }

}


/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/

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

.no-banner{
	 height: 20px;
     }

.container{
     margin-top: -10px;
     padding: 0px 30px;
     }
	 
.formulario{
   margin:0 10%;
   width:80%;
   }

.mapaframe{
   height:415px;
   }

}



/* 480px – Smartphones no formato paisagem com tela pequena -----------------------*/

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

.banner{
     text-align: center;
	 margin-top: -8px;
     }

.no-banner{
	 height: 10px;
     }

.container{
     padding: 0px 10px;
     }
	 
.container h1{
     font-size: 30px;
     letter-spacing: -1px;
     }

.formulario H4{
   margin: 0px;
   }

.formulario{
   margin:0;
   width: 100%;
   }

form input{
   width: 90%;
   margin: 10px 0px auto;
   font-size: 16px;
   font-spacing: -1px;
   }

.botaoForm, .botaoForm:hover{
   margin:5px 0px;
   }

.mapa{
   width: 100%;
   margin-top: 30px;
   }

.mapaframe{
   height:250px;
   }

}


/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/

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

.banner{
	 margin-top: -3px;
     }

.container{
     margin-top: -15px;
     padding: 0px 10px;
     text-align: center;
     }

.robo{
   display: none;
   }

.robo2{
   display: block;
   margin-left: 2.5%;
   }

}