/**
*  Folha de estilos para a pagina contato
*/

.fixed {
   background-position: 50% 120px;
   background-size: 100% auto;
   background-image: url(/imagens/banner_contato.jpg);
}

#secao01 #banner {
   width: 100%;
}
#migalha {
   color: var(--vermelho);
   border-bottom: 1px solid var(--vermelho);
}

#secao02 {
   padding: 100px 0 0 0;
}
#secao02 > .media {
   display: table;
}
#secao02 .cell {
   display: table-cell;
   width: 50%;
   padding: 70px 0 70px 0;
   vertical-align: middle;
}
#secao02 #texto {
   padding-left: 110px;
   padding-right: 45px;
   color: var(--vermelho);
   font-size: 1.85em;
   font-family: "roboto_slablight";
   border-left: 8px solid var(--vermelho);
}
#secao02 #texto a {
   color: var(--vermelho);
}
#secao02 #frase02 {
   margin-right: 40px;
}


#secao03 {
   padding: 50px 0;
   border-top: 2px solid #DDDDDD;
   border-bottom: 2px solid #DDDDDD;
}
#secao03 form * {
   font-family: "roboto_slabregular";
}
#secao03 #butt {
   position: relative;
   display: table;
   width: 100%;
   height: 55px;
}

#secao03 input[type="text"],
#secao03 input[type="email"],
#secao03 textarea {
   width: 100%;
   margin-bottom: 15px;
}
#secao03 textarea {
   height: 200px;
   resize: none;
}
#secao03 input[type="submit"] {
   position: absolute;
   right: 0;
   bottom: 0;
   padding: 15px;
   background-color: var(--vermelho);
}
#secao03 input[type="submit"]:disabled {
   color: #EEEEEE;
   background-color: #CCCCCC;
   cursor: default;
}

#secao05 {
   padding: 50px 0 0 0;
}
#secao05 #mapa {
   height: 400px;
   background-image: url(../imagens/mapa.jpg);
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
}
#secao05 p:first-child {
   color: var(--vermelho);
   font-weight: bold;
   font-size: 1.2em;
}


@media only screen and (min-width: 1500px) and (orientation: landscape) {

   .fixed {
      /*background-size: auto;*/
   }

   #secao05 #mapa {
      height: 500px;
   }

}

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

   #secao02 {
      padding: 50px 0 50px 0;
   }

   #secao02 .cell {
      display: block;
      width: 80%;
      padding: 0;
      margin: 0 auto;
   }
   #secao02 #frase02 {
      width: 350px;
      margin: 0 auto;
   }
   #secao02 #texto {
      padding: 0;
      margin-top: 30px;
      text-align: center;
      border-left: none;
   }

   #secao03 form * {
      font-size: 1.35em !important;
   }
   #secao03 input[type="text"],
   #secao03 input[type="email"],
   #secao03 textarea {
      padding: 13px 10px;
   }

}
@media only screen and (max-width: 600px) and (orientation: portrait) {

   #secao02 #texto {
      font-size: 1.em;
      line-height: 1.5em;
   }

}