@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');

*{margin:0;

padding:0;

list-style:none;}

body{

	background-color:#2e3b43;

	font-family: 'Roboto', sans-serif;

	font-size:1.3em;

	font-weight:300;

}

img{max-width:100%;}

a{color:#004d9d;text-decoration:none;font-weight:400;}

a:hover{color:#1d8bcb;border-bottom:solid 1px}


#logo {

	position:fixed;

    width: 45%;

    left: 50%;

    margin: 0 0 0 17.75%;	}

.claro{background-color:#79b6e4;}

.medio{background-color:#1d8bcb;}

.escuro{background-color:#105caa;}

p{margin:0.5em 0;	line-height:1.5em}

h1{font-size:1.6em;text-transform:uppercase;color:#58585a;font-weight:400;margin-top:1em;}

h1:before{

	content:url(imagens/seta_titulo.png);

	    vertical-align: -77%;

    padding-right: 0.5em;}

#texto{clear:both;width:72%;margin:auto;background-color:#e0e2e2;padding:14% 4% 4% 4%;background-image:url(imagens/topo.jpg);background-size:contain;background-repeat:no-repeat;background-position:center top}

#texto li{display:inline}

#texto a.quadrado{color:#fff;border:none;	text-transform:uppercase;

	color:#FFF;

	text-align:center;display:block;float:left;width:12vw;padding:1em;font-size:0.8em;font-weight:400;margin:0.1em;}

	
.formulario{width: 50%;margin: auto;}
input, textarea, select {width: 96%;padding: 2%; }

.whatsapp{height: 1em;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
}
	

@media (max-width:800px) {

	#texto{width:85%}

	#texto a.quadrado{width:86%;}

	#logo{    width: 71%;   margin: 0 0 0 5%;}

	.formulario{width: 100%;margin: auto;}

}