@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.top {
	background-image: url(img/fdo.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	height: 180px;
	width: 100%;
	height: 180px;
}
.top #conteudoTop {
	float: left;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
}
.top #conteudoTop .logo {
	width: 450px;
	margin-top: 20px;
	float: left;
}
.top #conteudoTop #placa {
	display:block;
	background-color: #039;
	float: right;
	height: 140px;
	width: 400px;
	margin-top: 20px;
	border-radius:10px
}
.top #conteudoTop #placa #caixa {
	height: 107px;
	width: 375px;
	border: 2px solid #FFF;
	margin-top: 10px;
	margin-left: 10px;
	border-radius: 5px;
	padding-top: 8px;
}
.top #conteudoTop #placa #caixa p {
	color: #FFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
}
.top #conteudoTop #placa #caixa p a{
	color:#FFF;
	text-decoration:none
}
.menu {
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	text-align: center;
	background-color: #039;
}
.menu ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.menu ul li {
	display: inline;
	padding-right: 2%;
	padding-left: 2%;
	list-style-type: none;
}
.menu ul li a:link, a:visited {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.menu ul li a:hover {
	color:#CC0
}
#banner {
	width: 100%;
}
#banner img {
	width: 100%;
}

.produtos {
	float: left;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 2%;
	background-color: #FFF;
}
.produtos h1{
	font-size: 2em;
	font-weight: normal;
	color: #039;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2%;
	margin-left: 0px;

	}

.produtos img{
	width:100%
}



.conteudo {
	float: left;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 2%;
	background-color: #CFD9DC;
	padding-bottom: 2%;
}
.conteudo h1 {
	font-size: 2em;
	font-weight: normal;
	color: #039;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2%;
	margin-left: 0px;
}
.conteudo p a {
	color: #03C;
	text-decoration: none;
}
.conteudo #logos {
	text-align: center;
}

.conteudo #logos img {
	height: 85px;
	width: 85px;
	margin-right: 10px;
	margin-bottom: 10px;
}



.fotoDireta {
	float: right;
	width: 40%;
	margin-bottom: 20px;
	margin-left: 20px;
}

.rodape {
	float: left;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 2%;
	background-color: #374042;
	color: #FFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CFD9DC;
	padding-bottom: 2%;
}
.rodape #logo {
	float: left;
	width: 450px;
}
.rodape #logo .logo {
	width: 200px;
}
.rodape #logo #endereco {
	float: right;
	width: 200px;
}
.rodape .menuRodape {
	float: right;
	width: 400px;
}
.rodape .menuRodape ul {
	margin: 0px;
	padding: 0px;
	float: right;
}
.rodape .menuRodape ul li {
}
.rodape .menuRodape ul li a {
	text-transform: capitalize;
	color: #FFF;
	text-decoration: none;
}
.rodape #direitos {
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 2%;
	font-size: 0.8em;
}
.rodape #direitos a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}


@media (max-width: 1100px){
	
body {
	font-size:26px
}
	
.top {
	background-image: url(img/fdo.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	height: 220px;
	width: 100%;
}
.top #conteudoTop {
	float: none;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	text-align:center
}
.top #conteudoTop .logo {
	width: 550px;
	margin-top: 20px;
	float: none;
}
.top #conteudoTop #placa {
	display:none
	}
	
.menu {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}
.menu ul li a:link, a:visited {
	font-size: 1.2em;
}


.produtos {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 4%;
}

	
	
.conteudo {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 4%;
	padding-bottom: 4%;
}
	
	
	
.fotoDireta {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0px;
}
	
	
	
	
	
	
	

.rodape {
	float: left;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 4%;
	background-color: #374042;
	color: #FFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CFD9DC;
	padding-bottom: 2%;
}
.rodape #logo {
	float: left;
	width: 100%;
}
.rodape #logo .logo {
	width: 30%;
}
.rodape #logo #endereco {
	float: right;
	width: 60%;
}
.rodape .menuRodape {
	float: none;
	width: 100%;
	text-align:center
}
.rodape .menuRodape ul {
	padding: 0px;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:center;
	width:100%
}
.rodape .menuRodape ul li {
	display:inline;
	margin-left:1%;
	margin-right:1%
}
.rodape .menuRodape ul li a {
	text-transform: capitalize;
	color: #FFF;
	text-decoration: none;
}
.rodape #direitos {
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 2%;
	font-size: 0.8em;
}
.rodape #direitos a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}



	}