html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #edeae6;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

#tudo{
	width: 100%;
	width: 100%;
	background-color: #edeae6;
}

#top{
	width: 100%;
	height: 47px;
	margin: 0px auto;
	margin-top: -4px;
	background: url(../img/partes/topo.png);	
}

#top #center{
	width: 70%;
	height: 47px;
	margin: 0px auto;
}

#telefone{
	width: 259px;
	height: 24px;
	float: right;
	margin-top: 12px;
	background: url(../img/partes/telefone.png);	
}

#menu{
	width: 70%;
	height: 80px;
	margin: 0px auto;
	margin-top: 8px;
}

#menu_tudo{
	display: none;
}

#logo{
	width: 250px;
	background: url(../img/partes/logo.png);
	height: 80px;
	float: left;
}

#menu #menu_principal{
	width:64%;
	height: 30px;
	float: right;
	margin-top: 25px;
}

#menu #menu_principal .menu{
	width: 110px;
	height: 30px;
	float: left;
	margin-left: 0.8%;
	margin-right: 0.8%;
}

/************************ BANNER ***********************************************/

.slide{
	width: 950px!important;
	height:331px;
	top: 35px;
}

.slide ul li img{
	width: 950px!important;
	height: 331px;
}

.controls{
	min-width: 80px;
	height: 20px;
	position: absolute;
	z-index: 99999;
	margin-left: 425px;
	margin-top: 50px;
}
.controls .ctrl{
	display: inline-block;
	padding: 6px;
	margin: 0 4px;
	/*background-color: #0c0c0c;*/
	background-image: url('../img/partes/botao_off.png');
	cursor: pointer;
}
.controls .slide-active{
	padding: 6px;
	background-image: url('../img/partes/botao_on.png');
}

.basemenu{
	width: 950px;
	height: 65px;
	background: url(../img/partes/base_banner.png);
	background-size: 100% 100%;
	margin-top: -3px;
	position: absolute;
}

/************************ BANNER ***********************************************/

#conteudo{
	width: 70%;
	min-height: 325px;
	margin: 0px auto;
}

#conteudo #home{
	width: 100%;
	height: 220px;
	margin-top: 100px;
}

#conteudo #home #span-1{
	width: 29%;
	height: 220px;
	float: left;
	background: url(../img/partes/empresa2.png);
	background-size: 100% 100%;	
}

#conteudo #home #span-2{
	width: 29%;
	height: 220px;
	float: left;
	margin-left: 6.5%;
	margin-right: 6.5%;
	background: url(../img/partes/servicos1.png);	
	background-size: 100% 100%;	
}

#conteudo #home #span-3{
	width: 29%;
	height: 220px;
	float: left;
	background: url(../img/partes/assistenciatecnica.png);	
	background-size: 100% 100%;	
}

#conteudo #title{
	width: 100%;
	height: 25px;
	margin-top: 15px;
	color: #243e59;
	font-size: 20px;
	border-bottom: 1px solid #243e59;
}

#conteudo #text{
	width: 100%;
	min-height: 25px;
	margin-top: 8px;
	color: #243e59;
	font-size: 15px;
}

#conteudo #text-empresa{
	width: 72%;
	min-height: 25px;
	margin-top: 20px;
	float: right;
}

#conteudo #text #imagens{
	width: 25%;
	min-height: 350px;
	float: left;
	margin-right: 4%;
	margin-left: 4%;
	margin-bottom: 55px;
	text-align: center;
	border:1px solid #CFCFCF;
}

#conteudo #text #imagens #titulo{
	width: 100%;
	height: 60px;
}

#conteudo #text #imagens .img-servico{
	width: 80%;
}

#conteudo table{
	width: 50%;
	color: #243e59!important;
	float: left;
}

.td{
	width: 100%;
	border-radius: 5px;
	height: 26px;
	color: #243e59!important;
	border:1px solid #4a6cd4!important;
}

.td-mensagem{
	width: 100%;
	border-radius: 5px;
	height: 76px;
	color: #243e59!important;
	border:1px solid #4a6cd4!important;	
}

.submit{
	width: 100%!important;
	border-radius: 5px;
	height: 38px;
	color: #4a6cd4;
	border:0;	
	color: white;
	font-size: 18px;
	background: -webkit-linear-gradient(#4a6cd4, #243e59); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#4a6cd4, #243e59); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#4a6cd4, #243e59); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#4a6cd4, #243e59); /* Standard syntax */
}

#rodape-top{
	width: 100%;
	height: 75px;
	margin-top: 55px;
	background-color: #4a6cd4;
}

#rodape-top #center{
	width: 70%;
	height: 75px;
	margin: 0px auto;
}

#rodape-top #center #esquerda{
	width: 20%;
	height: 55px;
	float: left;
	margin-top: 20px;
	font-weight: bold;
	color: white;
	font-size: 15px;
}

#rodape-top #center #direita{
	width: 33%;
	height: 55px;
	float: right;
	margin-top: 20px;
	color: white;
}

#rodape-down{	
	width: 100%;
	height: 40px;
	background-color: #243e59;
}

#rodape-down #center{	
	width: 70%;
	height: 40px;
	margin: 0px auto;
	text-align: center;
	color: white;
	line-height: 35px;
}

#rodape-down #center a{
	color: white;
	text-decoration: none;
}

#maps{
	width: 400px;
	height: 300px;
	border:0; 
	float:right; 
	margin-top:20px;
}

@media (max-width: 768px){
	html, body{
		padding: 0!important;
	}

	#top{
		background-size: 100% 100%;
	}

	#top #center{
		width: 95%;
	}

	#menu{
		display: none;
	}

	#logo{
		width: 185px;
		background-size: 100% 100%;
		height: 70px;
		margin-top: 5px;
		margin-left: 2%;
	}

	#menu_tudo{
		width: 100%;
		height: 85px;
		background:none; 
		display: block;
	}

	#menu_central{
		width: 100%;
		height: 40px;
		margin: 0px auto;
	}

	#menu_parts{
		width: 100%;
		height: 10px;
		text-align: center;
		float: right;
		font-size: 18px;
	}

	#menu_parts{
		z-index: 99999;
		position: relative;
	}
	#menu_parts ul{
		width: 98%;
		margin: 0;
		padding: 0;
		margin-left: 4px;
		float: left;
		display: none;
		background: #243e59;
		border-bottom: 1px solid white;
	}
	#menu_parts ul li{
		width: 99.5%;
		display: block;
	}

	#menu_parts ul li a{
		height: 40px;
		display: inline-block;
		text-decoration: none;
		line-height: 45px;
		color: white;
		font-weight: bold;
		text-align: left;
	}

	#menu_contato{
		width: 55%;
		height: 50px;
		float: right;
		color: #221f1f;	
		font-size: 14px;
	}

	.menu_contato{
		font-size: 14px;
		color: #221f1f;	
	}

	.button-menu{
		width: 30px;
		/*height: 35px;*/
		padding: 2px;
		margin-top: -60px;
		margin-right: 15px;
		float: right;
		display: block;
		border-radius: 5px;
		border: 1px solid black;
	}
	.button-menu div{
		width: 90%;
		height: 0px;
		margin: 6px auto;
		border-top: 2px solid black;
	}
	.button-menu-center{
		width: 100px;
		color: #B9B9B9;
		font-size: 1.6em;
		text-align: center;
		margin: 0 auto;
		padding-top: 16px;
	}

	/************************ BANNER ***********************************************/

	.slide{
		height:175px;
		top: 5px;
	}
	.controls{
		width: 95%;
		text-align: center;
		margin-left: 0px;
		margin-top: 20px;
	}
	.basemenu{
		width: 95%;
		margin-top: -35px;
	}

	/************************ BANNER ***********************************************/

	#conteudo{
		width: 95%;
		min-height: 725px;
	}

	#conteudo #home{
		width: 100%;
		height: 220px;
		margin-top: 50px;
	}

	#conteudo #home #span-1{
		width: 75%;
		height: 175px;
		margin-left: 13%;
	}

	#conteudo #home #span-2{
		width: 75%;
		height: 175px;
		margin-top: 10px;
		margin-left: 13%;
		margin-right: 0%;
	}

	#conteudo #home #span-3{
		width: 75%;
		height: 175px;
		margin-top: 10px;
		margin-left: 13%;
	}

	#conteudo table{
		width: 95%;
	}

	#rodape-top{
		height: 115px;
	}

	#rodape-top #center{
		width: 95%;
	}

	#maps{
		width: 100%;
		height: 300px;
		border:0; 
		float:right; 
		margin-top:20px;
	}

	#rodape-top #center #esquerda{
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}

	#rodape-top #center #direita{
		width: 100%;
		text-align: center;
		margin-top: 0px;
	}

	#rodape-down{	
		height: 80px;
	}

	#rodape-down #center{	
		width: 90%;
	}
}