/* FORMULÁRIO */
section { width: 100%; height: auto; padding: 0px; position: relative; }
section .fundobranco { width: 990px; padding: 45px 60px 20px 0px; margin: 0px 0px 0px 0px; height: auto; position: relative; clear: both; background-color: #ffffff; }
section .fundobranco .divisa { width: 50px; height: 4px; background-color: #696969; }
section .fundobranco .titulo { padding: 20px 0px 5px 0px; width: 100%; font-size: 32px; line-height: 32px; font-family: 'Roboto'; color: #010101; font-weight: 300; text-align: left; }
section .fundobranco .titulo span { font-weight: 700; }
section .fundobranco .subtitulo { padding: 0px 0px 20px 0px; width: 100%; position: relative; font-size: 12px; font-family: 'Roboto'; color: #696969; font-weight: 400; text-align: left; }

section .fundobranco #formulario { width: 620px; margin: 0 auto; height: auto; position: relative; clear: both; float: left; }
section .fundobranco #formulario .label { width: 100%; font-family: 'Roboto'; color: #696969; font-weight: 600; text-align: left; font-size: 12px; padding: 15px 0px 5px 0px; }
section .fundobranco #formulario input[type=text] { background-color: #ededed; height: 50px; padding: 0px 20px; width: 230px; margin: 6px 0px; font-size: 14px; line-height: 50px; font-family: 'Roboto'; color: #95989A; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
section .fundobranco #formulario input[type=text]:focus,
section .fundobranco #formulario textarea:focus { background-color: #c7c7c7; }
section .fundobranco #formulario textarea {background-color: #ededed; height: 75px; padding: 5px 20px; width: 535px; margin: 6px 0px; display: inline-block; font-size: 14px; line-height: 36px; font-family: 'Roboto'; color: #95989A; }
section .fundobranco #formulario .interesse { cursor: pointer; position: absolute; padding: 0px 0px 0px 0px; background-position: 245px 22px; background-color: #ededed; background-image: url(../imagens/sub2.png); background-repeat: no-repeat; height: 50px; overflow: hidden; width: 270px; margin: 6px; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #ffffff; }
section .fundobranco #formulario .interesse .slug { display: block; margin: -1px 0px 0px 0px; padding: 5px 20px; font-size: 14px; line-height: 38px; font-family: 'Roboto'; color: #95989A; text-align: left; }
section .fundobranco #formulario .interesse li { display: none; padding: 0px 20px; font-size: 15px; line-height: 38px; font-family: 'Roboto'; color: #95989A; text-align: left; }
section .fundobranco #formulario .interesse li:hover { background-color: #e0dfdf; }
section .fundobranco #formulario .botao { position: relative; clear: both; display: none; cursor: pointer; padding: 15px 25px; width: auto; font-size: 12px; font-weight: 700; font-family: 'Roboto'; color: #ffffff; text-align: center; height: auto; background: #010101; margin: 0px 43px 30px 0px; overflow: hidden; }
section .fundobranco #formulario .botao:hover { background: #f58634; }
section .fundobranco #formulario .colunas { width: 300px; height: auto; float: left; }
section .fundobranco #formulario .linha_aceite { padding: 10px 0px 5px 0px; font-size: 12px; font-family: 'Roboto'; padding-top: 12px; padding-bottom: 6px; font-weight: 300; color: #696969; text-align: left; }
section .fundobranco #formulario .linha_aceite a { color: #696969; font-size: 12px; }
section .fundobranco #formulario .linha_aceite a:hover { text-decoration: underline; }

section .fundobranco .dados { width: 320px; padding: 0px 30px 30px 30px; height: auto; background-color: #ededed; position: absolute; left: 50%; margin-left: 130px; margin-top: 0px; }
section .fundobranco .dados .tag { width: 100%; font-family: 'Roboto'; color: #696969; font-weight: 300; text-align: left; font-size: 24px; padding: 42px 0px 20px 0px; }
section .fundobranco .dados .tag span { font-weight: 700; }
section .fundobranco .dados .subtag { width: auto; position: relative; clear: both; font-family: 'Roboto'; color: #696969; font-weight: 400; text-align: left; font-size: 16px; padding: 15px 0px; }
section .fundobranco .dados .fone { background: url(../imagens/fone.png) no-repeat left 19px; padding-left: 25px; }
section .fundobranco .dados .chat { background: url(../imagens/chat.png) no-repeat left 19px; padding-left: 25px; }
section .fundobranco .dados .pin { background: url(../imagens/pin.png) no-repeat left 19px; padding-left: 25px; }
section .fundobranco .dados .horario { background: url(../imagens/horario.png) no-repeat left 19px; padding-left: 25px; }
section .fundobranco .dados .horario span { font-size: 12px; font-style: italic; font-weight: 400; }

section .fundobranco .dados .redes { width: 100%; height: auto; position: relative; margin: 20px 0px 0px 0px; float: right; }
section .fundobranco .dados .redes .facebook { margin-top: 3px; width: 35px; height: 25px; background: url(../imagens/face-contato.png) no-repeat center center; float: left; }
section .fundobranco .dados .redes .instagram { margin-top: 3px; width: 35px; height: 25px; background: url(../imagens/insta-contato.png) no-repeat center center; float: left; }
section .fundobranco .dados .redes .twitter { margin-top: 3px; width: 35px; height: 25px; background: url(../imagens/twit-contato.png) no-repeat center center; float: left; }
section .fundobranco .dados .redes .facebook:hover, section .fundobranco .dados .redes .instagram:hover, section .fundobranco .dados .redes .twitter:hover { margin-top: 0px; }

@media screen and (max-width: 1150px) {
	section .fundobranco { width: 80%; padding: 45px 5% 20px 5%; margin: 0px 5% 0px 5%; }
	section .fundobranco .divisa { margin: 0 auto; }
	section .fundobranco .titulo,
	section .fundobranco .subtitulo  { text-align: center; }

	section .fundobranco #formulario { width: 100%; margin: 0 auto; height: auto; text-align: center; position: relative; clear: both; float: none; }
	section .fundobranco #formulario .label { text-align: center; font-size: 16px; }
	section .fundobranco #formulario input[type=text] { text-align: center; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); display: inline-block; font-size: 16px }
	section .fundobranco #formulario textarea { height: 100px; padding: 5px 20px; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); }
	section .fundobranco #formulario .interesse { cursor: pointer; position: relative; padding: 0px 0px 0px 0px; background-position: 220px 22px; width: 100%; }
	section .fundobranco #formulario .interesse .slug { display: block; margin: -1px 0px 0px 0px; padding: 5px 20px; font-size: 14px; line-height: 38px; font-family: 'Roboto'; color: #95989A; text-align: left; }
	section .fundobranco #formulario .interesse li { display: none; padding: 0px 20px; font-size: 15px; line-height: 38px; font-family: 'Roboto'; color: #95989A; text-align: left; }
	section .fundobranco #formulario .interesse li:hover { background-color: #e0dfdf; }
	section .fundobranco #formulario .botao { display: inline-block; clear: both; float: none; margin: 20px auto; }
	section .fundobranco #formulario .colunas { width: 100%; height: auto; float: none; }

	section .fundobranco .dados { width: 94%; padding: 30px 3%; height: auto; background-color: #ffffff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0); box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0); position: relative; left: inherit; margin-left: inherit; margin-top: inherit; clear: both; }
}