@charset "utf-8";
*{margin:0; border:0; padding:0;}
body {background:url(imgs/bg-geral.jpg) top center;}

.clear {clear:both;}

.box {width:1056px; margin:0 auto; background:url(imgs/bg-formulario.png) top center no-repeat;}
.box2 {width:960px; margin:0 auto; background:url(imgs/familia.png) right top no-repeat;}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

p, li {font:15px 'open_sansregular';}
h1 {font:25px 'open_sansregular';}
h2 {font:20px 'open_sansregular';}

#header {width:1056px; height:177px; }
#header .chamada {width:420px; float:right; padding:50px 0 0 50px;}
#header .chamada {font:30px Georgia, "Times New Roman", Times, serif; color:#ed7409; font-style:italic; text-align:right}

#header .logo {width:349px; height:128px; float:left; padding:25px 45px 0 0;}

#header2 {width:960px; height:177px; }
#header2 .logo {width:349px; height:128px; float:left; padding:25px 45px 0 0;}
#header2 .chamada {width:320px; float:left; padding:50px 200px 0 0}
.btn2 {padding:20px 0; width:220px; background:#7650af; font:24px Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:center; border-radius:10px; transition:0.4s; margin:0 auto}
.btn2 a{color:#FFF; text-decoration:none; }
.btn2:hover {background:#3d1c6d;}

#conteudo {width:1056px;}

#conteudo .coluna1 {width:564px; float:left; padding:35px 0 0 10px}
#conteudo .coluna1 h1 {color:#FFF; text-align:center; font:20px 'open_sansregular'; padding:0 300px 0 30px; margin-bottom:25px}
#conteudo .coluna1 .video {width:412px; height:236px; margin:0 0 35px 0}

#conteudo .coluna1 .tips {width:290px; height:90px; background:url(imgs/tips.png) no-repeat; padding:12px 0 0 45px; margin-left:30px; }
#conteudo .coluna1 .tips p {color:#FFF; font:15px 'open_sansregular'; color:#333;}

#conteudo .coluna2 {width:482px; float:right; padding:60px 0 ;}
#conteudo .coluna2 .formulario {width:310px; height:430px; margin-left:135px; margin-bottom:70px;}
#conteudo .coluna2 .formulario h1 {font:24px Georgia, "Times New Roman", Times, serif; color:#FFF; text-align:center; font-style:italic;}
#conteudo .coluna2 .formulario p {font:15px 'open_sansregular'; color:#FFF; text-align:center; padding:0 25px;}

#conteudo .coluna2 .formulario .campos {width:310px; margin-top:35px;}
#conteudo .coluna2 .formulario .campos label {font:13px 'open_sansregular'; color:#333;}
#conteudo .coluna2 .formulario .campos .linha {width:310px; margin-bottom:10px;}
#conteudo .coluna2 .formulario .campos .linha input {padding:5px; border:1px solid #b8b8b8; width:298px}
#conteudo .coluna2 .formulario .campos .linha select {padding:5px; border:1px solid #b8b8b8; width:310px}
#conteudo .coluna2 .formulario .campos .linha option {padding:0 10px;}

#conteudo .coluna2 .formulario .campos .linha2 {width:150px; margin-bottom:10px; float:left}
#conteudo .coluna2 .formulario .campos .linha2 input {padding:5px; border:1px solid #b8b8b8; width:138px; }

#conteudo .coluna2 .formulario .campos .linha .btn {padding:10px 5px; width:120px; color:#FFF; background-color:#7650af; float:right; font-size:16px; text-transform:uppercase; border-radius:8px; border:none; margin-top:15px; cursor:pointer; transition: 0.3s}
#conteudo .coluna2 .formulario .campos .linha .btn:hover {box-shadow: 0 0 5px rgba(0,0,0,0.3);}


#conteudo .operadoras {width:948px; height:67px; background:url(../imgs/bg-operadoras.jpg) repeat-x; border:1px solid #c6c6c6; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.2); padding:18px 0 0 10px; margin:0 auto}
#conteudo .operadoras ul {list-style:none;}
#conteudo .operadoras ul li {float:left; padding:0 9px}

#conteudo-paginas {width:600px; float:left; padding:50px 0}
#conteudo-paginas h1 {font-size:22px; color:#7650af; margin-bottom:20px;}
#conteudo-paginas p {color:#333; margin-bottom:10px;}
#conteudo-paginas ul {list-style:square; margin-left:15px}
#conteudo-paginas ul li {color:#333;}

.box2 .operadoras {width:948px; height:67px; background:url(../imgs/bg-operadoras.jpg) repeat-x; border:1px solid #c6c6c6; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.2); padding:18px 0 0 10px; margin:0 auto}
.box2 .operadoras ul {list-style:none;}
.box2 .operadoras ul li {float:left; padding:0 9px}

/*Footer*/
#footer { background-color:#dedede; padding:40px 0 0 0; margin-top:40px;}
#footer .box {width:960px; margin:0 auto; background:none}
#footer .mapa {width:960px; margin:0 auto; padding-bottom:30px}
#footer .mapa .links {width:480px; float:left;}
#footer .mapa .links h1 {margin:0 0 15px 0; color:#036; font-size:25px;}
#footer .mapa .links p {font-size:11px; padding-right:200px; color:#666}
#footer .mapa .links ul {list-style:square; margin-left:15px; margin-bottom:35px;}
#footer .mapa .links ul li {font-size:14px;}
#footer .mapa .links ul li a{color:#036; transition:0.3s; text-decoration:none;}


#footer .mapa .endereco {width:480px; float:right; padding-bottom:30px;}
#footer .mapa .endereco p {font-size:13px; text-align:center; color:#333}

#footer .creditos {padding:50px 0; background-color:#002a3f;}
#footer .creditos p {font-size:11px; color:#FFF; text-align:justify}