html,body{
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}
body{
	min-width: 980px;
	width: 75%;	
	margin: 0 auto;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	
}
header{	
	width: 100%;
	height: 120px;	
	 
}
a,a:visited, a:active,a:link {
	text-decoration: none;
	color: #004a7b;
}
#logo{
	float: left;
	margin-top: 10px;	
	margin-left: 25px;
	width: 350px;
	height: 100px;
	background: url(../img/logo.png) no-repeat left;
	background-size: 350px;
	
}
#logo p{
	margin-top: 85px;
	margin-left: 90px;
	font-size: 1.1em;
}

#img-top{
	float: right;
	width: 600px;
	height: 120px;
	background: url(../img/caminhao-logo.png) no-repeat right;

}
nav{
	width: 100%;
	text-align: center;
	background: #f2f2f2;

}
nav a{
	line-height: 2.2em;
	text-transform: uppercase;
	color: #004a7b;
	text-decoration: none;
	padding: 15px 35px;
}
nav li{

	border-bottom: 3px solid #004a7b;
	display: inline-block;
	list-style: none;
	
}
nav a:hover{
	color:white;
	background: #1E90FF;
	transition: 0.4s;
}

#article2linhas{
	
	float: left;
	max-width: 74%;
}
.post{
	max-width: 47%;
	float: left;
	height: 480px;
	padding-right: 20px;
}


/* postagens pagina principal*/
h2{
	text-align: center;
	background-color: #004a7b;
	line-height: 2.2em;
	color: white;

}
#comochegar{
	background-color: #08aff3;
}
.img-post{	
	width: 100%;
	height: 250px;	
}

#img-post1{
	display: block;
	background: url(../img/pecas2.jpg) no-repeat center;
	
	background-size: cover;

}
#img-post2{
	display: block;
	background: url(../img/caminhaolona.jpg) no-repeat center;
	background-size: cover;

}
#img-post3{
	display: block;
	background: url(../img/baterias.jpg) no-repeat center;
	background-size: cover;
}
#img-post4{
	display: block;
	background: url(../img/ferramentas.jpg) no-repeat center;
	background-size: cover;
}

/* postagens pagina principal*/

aside{
	float: right;
	width: 25%;

}


.clear{
	clear: both;
}
#botaoemail{
	display: block;
	background-color: #08aff3;
	padding-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
	color: white;

	
}
#email{
	margin-top: 19px;
	display: block;
	height: 250px;
	background: #08aff3 url(../img/email.png) no-repeat center;
	background-size: 45%;
	text-align: center;
	text-decoration: none;
}
.botaolateral{
	margin-top: 18px;
	height: 50px;
	background: #004a7b url(../img/telefone.png) no-repeat left;
	background-size: 40px;
	background-position: 25px;
	text-align: right;
	padding-right: 13%;
	line-height: 2.7em;
	color: white;

}
#zap{
	background: #004a7b url(../img/zap.png) no-repeat left;
	background-size: 40px;
	background-position: 25px;
}
.botaolateral:hover, #email:hover{
	opacity: 90%;
}





#email p{
	position: relative;
	color: white;
	text-align: center;
	top:160px;
	font-size: 18px;
}

/*Postagem maior */
.post-maior{
	max-width: 100%;
	min-width: 47%;
	
}
.post-maior p{
	padding: 0px 16px 13px 13px;
	font-size: 16px;
	
}
#img-loja img{
	display: block;
	float: left;
	max-width: 50%;
	margin-right: 15px;
	margin-bottom: 15px;
	background-size: cover;
}
.serv{
	border-bottom: 1px dashed #004a7b;
	height: 200px;
	padding: 15px;
	transition: 1s;
}
.serv:hover{
	background: #e6e6e6;
}
.serv img{
	float: left;
	margin-top: 25px;
	margin-right: 25px;
	max-height: 180px;
	max-width: 180px;
	background-size: cover;
}
.serv p{
	line-height: 2em;	
	font-size: 14px;
	
}
/*Postagem maior */
/* MAPS */
 #map {
        height: 230px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */3
 }
/* MAPS */

footer{
	background-color: #004a7b;
	color: white;
	text-transform: uppercase;
	width: 100%;
	height: 30px;
	text-align: center;
	line-height: 2.8em;
	font-size:  12px;
	margin-top: 55px;

}