* {padding-top: 1px; margin-top: -1px; background-position: center; background-size: cover; background-repeat: no-repeat;}
body {font-family: 'Raleway', sans-serif!important;}

section {background-color: #fff; margin-bottom: 40px;}

section#inicio {width: 100%; background: linear-gradient(90deg, #fff 50%, #87A1AB 50%); background-size: 100% auto; min-height: 100px;}

a, a:link, a:hover, a:visited {text-decoration: none!important; color: #dcaa27;}

button {cursor:pointer;}

#inicio .logo  {width: 80%; margin: auto; margin-top: 170px;}
#inicio .logo img {width: 100%;}
#inicio .bloco {padding: 30px;}
#inicio p {color:#fff; font-size: 18px; line-height: 32px; margin-bottom: 30px;}
#header_cadastro {background-color: #313131;}
#header_cadastro #frase {color:#fff; background-color: #000; text-align: center; font-size: 20px; font-weight: bold; padding: 15px;}
.logo {
    margin: auto;
    display: table;	
	margin-top: 20px;
	margin-bottom: 20px;
}

.rosa {width: 100%; display: table; background: #dcaa27; border: 0; padding: 8px; font-weight: bold; color: #000; border-radius: 10px; margin: auto; padding-left: 30px; padding-right: 30px;}

.center {text-align: center; margin: auto; display: table;}

.bloco {margin-top: 40px; width: 100%;}

.redesocial {margin: 10px; padding: 20px; border: 1px solid #ccc;}
.representante {margin: 10px; padding: 20px; border: 1px solid #ccc;}

.dropzone {margin-top: 20px; margin-bottom: 20px;}

form .campo {clear: both; margin-bottom: 10px;}
form input[type=text], form input[type=email], form input[type=number], form input[type=url]{width:100%; padding:7px; border: 1px solid #8ac6d5; margin-bottom: 5px;}
form select {width:100%; padding:7px; border: 1px solid #8ac6d5; margin-bottom: 5px;}
form textarea {width:100%; height: 100px; padding:7px; border: 1px solid #8ac6d5; margin-bottom: 5px;}
form .categoria {width: 50%; float: left; clear: none; padding-right: 3px;}
form .outra {width: 50%; float: left; clear: none; padding-left: 3px;}
form .termo {padding: 20px; border: 1px solid rgba(0,0,0,.8); font-weight: bold; font-size: 11px;}
form .error {display: none; color:red; font-weight: bold;}
form button {width: 100%; padding:7px; background-color: #00969d; color: #fff; font-weight: bold; text-align: center; border: 0;}

#resultados {position: relative;}
#resultados #mensagem {position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(135, 161, 171, 0.6);}

#resultados #mensagem .painel {width: 50%; padding: 40px; background-color: #fff; margin: auto; margin-top: 40px;}
#resultados #mensagem .painel .texto{margin-top: 30px;}
#resultados #mensagem .sucesso {text-align: center; padding: 30px; color: #fff; background-color: #313131;}
#resultados #mensagem .fracasso {text-align: center; padding: 30px;}

.copyright {text-align: center; color: #b7b7b7;}
.copyright h5 {font-size: 12px; font-size: 15px; margin: 0;}
.copyright h6 {font-size: 12px;}
.logoRP {background-image: url("../imagens/RP-02.png"); width: 170px; height: 50px; margin: auto; margin-bottom: 20px;}

.linkCaseiroWeb {width: 245px; margin:auto; margin-top:-40px; padding-bottom: 20px;}
.linkCaseiroWeb a, a:link, a:hover, a:visited {text-decoration: none;}
.logoCaseiroWeb {width: 100%; height: 25px; background-image: url("../imagens/caseiroweb_cinza.png");
background-size: auto; background-position-x: right; padding-right: 100px; font-size: 11px; font-weight: normal; color: #6b6b6b; padding-top: 4px; margin: auto; margin-top: 40px;}


@media only screen and (min-width: 0px) and (max-width: 639px) {
	#header_cadastro .logo  {width: 80%; margin: auto; margin-top: 20px; margin-bottom: 20px;}
	#header_cadastro .logo img {width: 100%;}
	section#inicio {width: 100%; background: #fff;}
	section#inicio .mobilecinza {background: #87A1AB;}
	#resultados #mensagem .painel {width: 90%; padding: 20px; margin-top: 40px;}
	#resultados #mensagem .painel .logo  {width: 85%; margin: auto; margin-top: 20px; margin-bottom: 20px;}
	#resultados #mensagem .painel .logo img {width: 100%;}
	#resultados #mensagem .painel .texto{margin-top: 30px;}
	#resultados #mensagem .painel .rosa {margin-bottom: 10px;}
}

@media (min-width: 1200px){
	
}