body{margin: 0; font-family: 'Open Sans', 'Trebuchet MS', sans-serif; color: #8b8b8b;}

h2{color: #1dbed4; margin: 0; font-weight: bold; font-size: 28px;}

#box-topo{height: 200px; position: relative; font-size: 18px;}

#box-topo img{display: block; width: 100%; max-width: 242px; }
#box-topo .box-abs-right{color: #000000;}

.box-cor{width: 25%; float: left; height: 15px;}
.box-cor-vermelho{background-color: #f04e2b;}
.box-cor-verde{background-color: #a1a817;}
.box-cor-amarelo{background-color: #e5a522;}
.box-cor-azul{background-color: #1dbed4;}

.box-abs-left{position: absolute; right: 50%; width: 50%; top: 50%; top: 30%\9; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-right: 15px;}
.box-abs-left img{float: right;}
.box-abs-right{position: absolute; left: 50%; width: 50%; top: 50%; top: 18%\9; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 15px;}
.box-abs-right p:last-child{margin-bottom: 0;}

.wrapper-campo input,
.wrapper-campo input:focus {border: solid 1px #bdbdbd; outline: none; padding: 6px 10px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; width: 100%; background-color: #f7f7f7;}

.wrapper-campo input:focus{border-color: #1DBED4;}

.wrapper-campo input[type="checkbox"],.wrapper-campo input[type="checkbox"]:focus{border: none; background-color: #ffffff; width: auto; padding: 0; margin-left: -8px\9;}

.wrapper-campo input[type="submit"],.wrapper-campo input[type="submit"]:focus{background-color: #f04e2b; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; color: #ffffff; border-bottom: solid 6px #cb2b09; border-left: none; border-top: none; border-right: none; font-size: 16px; padding: 15px 30px; margin: 20px auto 0 auto; display: table; outline: none; width: auto;}
.wrapper-campo input[type="submit"]:hover{background-color: #cd4225; border-color: #aa2408;}

form>.wrapper-campo:last-child{clear: both;}
form p{margin-bottom: 30px; text-align: center; font-size: 16px;}
form h2{text-align: center;}
.wrapper-campo{position: relative; margin-bottom: 20px; display: table; width: 100%;}
.wrapper-50{float: left; width: 50%;}
.wrapper-50:first-child{padding-right: 10px;}
.wrapper-50:last-child{padding-left: 10px;}
.wrapper-campo label{display: block; margin-left: 10px; color: #1dbed4; font-weight: normal;}
.wrapper-icone input,
.wrapper-icone input:focus{padding-left: 35px;}
.wrapper-icone img{position: absolute; bottom: -3px; z-index: 0; bottom: -5px\9;}
.wrapper-50:first-child .wrapper-icone img{left: -2px;}
.wrapper-50:last-child .wrapper-icone img{left: -1px;}

#img-cad-left{display: block; float: right; width: 100%; max-width: 529px; padding-right: 20px;}
#box-topo-cadastro{width: 100%; display: table; position: relative; margin-bottom: 40px;}
#box-topo-cadastro .box-abs-right{margin-top: -30px; top: 50%\9; font-size: 16px; max-width: 460px; text-align: justify;}

#box-conteudo{margin: 80px 0 100px 0;}

#label-aceito{padding-left: 15px; margin-top: 20px; color: #8b8b8b;}
#label-aceito input{position: absolute; left: 10px; top: 50%; margin-top: 0;}

footer{color: #90A2B5; font-size: 11px;}
footer p{margin-bottom: 0;}
#box-footer{background-color: #122f4d; padding-top: 20px;}
#box-copyright{background-color: #001b36; margin-top: 20px; padding: 8px 0;}

@media (max-width: 767px){
    #form-cadastro{width: 100%; max-width: 350px; margin: 0 auto; padding: 0 15px;}
    .wrapper-campo.wrapper-50{width: 100%; padding: 0;}
    #label-aceito{display: table; margin: 0 auto; position: relative; padding-left: 25px;}
    #label-aceito input{left: 0; margin-top: -5px;}
    .box-abs-left img{float: none; margin: 0 auto; display: block;}
    .box-abs-right, .box-abs-left{position: relative; display: table; transform: inherit;-webkit-transform: none; -ms-transform: none; top: inherit; width: 100%; left: inherit; right: inherit; text-align: center; padding: 15px 0 0 0; clear: both;}
    #box-topo{height: auto; padding: 15px 0 30px 0;}
    #img-cad-left{max-width: 400px; float: none; margin: 0 auto 20px auto;}
    #box-topo-cadastro .box-abs-right{display: table; margin: 0 auto; padding: 0 30px;}
}