body {
	margin: 0;
    font-size: 14px;
    font-family: arial;
}

.box01{
	background-image: url(../img/box01.png);
    background-position: center center;
}

.box02 {
	background-color: #000000;
}

.box03 {
	background-color: #FFFFFF;
}

.box04 {
	background-color: #000000;
    background-image: url(../img/box04.png);
    background-position: center 3.4em;
    background-size: 57%;
    background-repeat: no-repeat;
}

.box05 {
	background-color: #eae9e8;
}

.box06 {	
    height: 35em;
}

.conteudo {
	width: 100%;
    max-width: 1120px;
    display: table;
    margin: auto;
}

.logo {
	text-align: center;
}

.logo img {
	width: 22%;
    margin-top: 6em;
}

.menu {
	text-align: center;
    width: 60%;
    margin: auto;
    background: #FFFFFF;
    margin-top: 3em;
    margin-bottom: 7em;
    padding: 8px 0;
}

.menu ul {
	list-style: none;
    padding: 0;
    margin: 0;
}

.menu ul li:first-child {
	margin-left: 0;
}

div.menu li {
	display: inline-block;
	color:#000000;
    margin-left: 5%;

}

div.menu li a {	
	color:#000000;

}

a {
    text-decoration: none;
}

h1.titulo {    
	color: #eaae7b;
    text-align: center;
    font-size: 3.5em;
    margin-top: 1em;
}

.box02 h2 {
	margin: 0;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 2em;
}

.placas {
	text-align: center;
}

.placas img {
	width: 63%;
    margin-top: 1em;
    margin-bottom: 7em;
}

div.esq,
div.dir { width: 50%; float: left;}

div.esq img {
	width: 86%;
}

div.dir {
	text-align: center;
}

div.dir h2 {
	width: 60%;
    margin: auto;
    margin-top: 3em;
    font-size: 1.6em;
    color: #eaae7b;
}

div.dir p {	
    width: 60%;
    margin: auto;
    margin-top: 2em;    
}

.linha1 h2 {
	font-weight: 500;
}

.linha2,
.linha3,
.linha4 {
	clear: both;
}

.linha2 h2 {
	width: 60%;
    margin: auto;
    margin-top: 3em;
    font-size: 1.6em;
    color: #eaae7b;
}

.linha2 p {	
    width: 60%;
    margin: auto;
    margin-top: 2em;    
}

.linha2 div.esq {
	text-align: center;
}

.linha2 div.dir img {
    margin-top: 4em;
	width: 48%;
}

.linha3 div.esq {
	text-align: center;
}

.linha3 label {
	margin-top: 2em;
    display: block;
    font-weight: bold;
    font-size: 1.1em;
}

.linha4>div{
	width: 33.33%;	
    margin-top: 4em;    
    float: left;
}

.linha4>div.esq { text-align: left; }
.linha4>div.meio { text-align: center; }
.linha4>div.dir { text-align: right; }

div.linha4 div img {
	width: 60%;
}

div.linha4 h2 {
	width: 60%;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
    font-size: 2.3em;
    color: #eaae7b;
    text-align: center;
}

.linha4 div.esq p {
	width: 60%;
    text-align: center;
    margin: 0;
}


.linha4 div.meio h2 {
	width: 65%;
    text-align: center;    
    margin: 0.3em auto 0.5em auto;
}

.linha4 div.meio p {
	width: 60%;
    text-align: center;
    margin: auto;
}

.linha4 div.dir h2 {
	width: 65%;
    text-align: center;    
    margin: 0.3em auto 0.5em auto;   
    float: right;
}

.linha4 div.dir p {
	width: 60%;
    text-align: center;
    margin: auto;
    float: right;
}

.clr {
	clear: both !important;
}

.box04 .conteudo {
	
}

.box04 .conteudo .txt {	
    margin-bottom: 6em;
}

.box04 .conteudo h1 {
    margin-top: 1em;
}

.box04 .conteudo h2 {
    color: #FFFFFF;
    text-align: center;    
    margin-bottom: 1.3em;
}

.box05 div.txt {
    margin-bottom: 4em;

}

.box05 div img {
	width: 53%;
    cursor: pointer;
}

.box05 div.dir {
	width: 40%;
    float: right;
}

.box05 div.esq {
	width: 60%;
    float: left;
}

.box05 input {
	width: 98%;
    margin-bottom: 2%;
    height: 2em;
    border: 0;
}

.box05 textarea {
	width: 98%;
    margin-bottom: 2%;
    height: 7em;    
    border: 0;
    resize: vertical;
}

.box05 input.enviar {
	width: 21%;
    background-color: #dc9f6c;
    font-weight: bold;
    padding: 0.7em 0;
    height: auto;    
    cursor: pointer;
}

footer {
	background-color: #dc9f6c;
}

footer div.esq,
footer div.dir {
	text-align: center;
    margin-top: 4em;
}

footer div.esq img {
	width: 10%;
    float: left;
    margin-left: 30%;
}

footer div.esq div {
    float: left;
    font-size: 1.2em;
    margin-left: 3%;
    margin-top: 0.5em;
    color: #000000;
}

footer div.esq div label {
    display: block;
    font-weight: bold;
    text-align: left;
}

footer div.esq div a {
    color: #000000;
}

footer div.dir img {
    width: 15%;
    float: left;
    margin-left: 23%;
}

footer div.dir div {
    float: left;
    font-size: 1.2em;
    margin-left: 3%;
    margin-top: 0.5em;
    color: #000000;
}

footer div.dir div label {
    display: block;
    font-weight: bold;
    text-align: left;
}

footer div.dir div a {
    color: #000000;
}

footer div.social {
    float: left;
    clear: both;    
    margin-top: 4em;
    margin-left: 42%;
}

footer div.social img {
    width: 15%;
    margin-left: 6%;
}

footer div.dev {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
}

@media (max-width: 500px)
{
    .menu { display: none; }

    .logo img { width: 38%; margin-top: 3em; margin-bottom: 3em; }

    h1.titulo { font-size: 4.5em; }

    .placas img { width: 69%; }

    div.esq, div.dir { clear: both; margin-left: 5%; width:90%; }

    div.esq img { width: 60%; margin-left: 20%; }

    div.esq h2, 
    div.dir h2 { width: 80%; font-size: 2em; }

    div.esq p,
    div.dir p { width: 80%; font-size: 1.3em; }

    .linha2 div.dir img { width: 60%; }

    div.linha4 h2 { margin: auto; margin-top: 0.3em; margin-bottom: 0.5em;}

    .linha4 div.esq p { margin: auto; }

    .linha4>div { width: 90%; margin-left: 5%; }

    .linha4 div.meio p { width: 80%; font-size: 1.3em; }

    .linha4>div.dir { text-align: center; }

    .linha4 div.dir p,
    .linha4 div.dir h2 { float: none; }

    .box04 { background-position: center 32.4em; background-size: 87%; }

    .box05 div.esq { width: 90%; }

    .box05 div img { width: 88%; }

    .box05 input.enviar { margin-left: 24%; width: 50%; font-size: 1.5em;}

    .box05 div.dir { width: 52%; margin: auto; float: none; padding-top: 2em; padding-bottom: 1em; }

    footer div.esq img { margin-left: 27%; }

    footer div.social { margin-left: 32%; }
}

@media (max-width: 450px)
{


    footer div.esq img { width: 13%; margin-left: 19%; }

    footer div.dir img { width: 18%; margin-left: 15%; }

    footer div.social { margin-left: 29%; }

    footer div.social img { width: 13%; }
}