@charset "utf-8";
/* CSS Document */

#bkmenutopo{
	width:100%;
	height:40px;
	float:left;
	background-color:#333;
	position:fixed;
	z-index: 888;
	}
#largura_topmenu{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	}
#butmenu{
	width:109px;
	height:40px;
	float:left;
	background-color:#333;
	font-family:"Titillium", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	color:#FFF;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	}
#butmenu:hover{
	background-color:#DC0000;
	-webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
	}	
#butmenu_ative{
	width:109px;
	height:40px;
	float:left;
	background-color:#DC0000;
	font-family:"Titillium", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	color:#FFF;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	}
#btfone{
	width:175px;
	height:40px;
	float:right;
	background-color:#333;
	font-family:"Titillium", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	color:#FFF;
	text-align:center;
	line-height:40px;
	}
#btwhatss{
	width:175px;
	height:40px;
	float:right;
	background-color:#33CC33;
	font-family:"Titillium", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	color:#FFF;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	}	
#btwhatss:hover{
	background-color:#21AD21;
	-webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
	}	
#icotop{
	width:30px;
	height:auto;
	padding-top:12px;
	float:left;
	text-align:right;
	}	
@media(max-width:820px){#butmenu,#butmenu_ative{ display:none;}}
@media(max-width:450px){#btfone{ display:none;}}	
#bklogo{
	width:100%;
	height:auto;
	float:left;
	background-color:#DC0000;
	text-align:center;
	padding-top:40px;
	}
#banner_destaque{
	width:100%;
	height:auto;
	float:left;
	}
#bkbranco{
	width:100%;
	height:auto;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	background-color: #FFF;
	}
#bkcinza{
	width:100%;
	height:auto;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	background-color: #E6E6E6;
	}
#bkpreto{
	width:100%;
	height:auto;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	background-color: #242424;
	}
#bkvermelhoEscuro{
	width:100%;
	height:auto;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	background-color: #B30000;
	}
#bkvermelho{
	width:100%;
	height:auto;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	background-color: #DC0000;
	}
#largura_paginas{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	}
@media(max-width:1200px){#largura_paginas{ width:90%;}}	
/* ----------------PAGINA HOME------------- */	
#caixa{
	width:32.5%;
	height:auto;
	float:left;
	text-align:center;
	margin-right:0.7%;
	cursor:pointer;
	}
#caixadest{
	width:100%;
	height:auto;
	float:left;
	background-color:#DC0000;
	text-align:center;
	}
#caixatitle{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:600;
	color:#FFF;
	padding-top:15px;
	}
#caixaicone{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	}	
#caixatxt{
	width:100%;
	height:auto;
	float:left;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:400;
	color:#666;
	padding-top:5px;
	padding-bottom:10px;
	}
#caixa:hover #caixadest{
	background-color:#00459A;
	-webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
	}		
@media(max-width:745px){#caixa{ width:100%;}}
#img_desthome{
	width:50%;
	height:auto;
	float:left;
	}	
#beneficio_MOno{
	width:47%;
	height:auto;
	float:right;
	}
#title_desthome{
	width:100%;
	height:auto;
	float:left;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:600;
	color:#DC0000;
	}	
#txt_desthome{
	width:100%;
	height:auto;
	float:left;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:400;
	color:#666;
	}								
@media(max-width:745px){#img_desthome,#beneficio_MOno{ width:100%;}}
@media(max-width:745px){#img_desthome{ padding-bottom:20px; }}
#titlecliente{
	width:100%;
	height:auto;
	float:left;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:600;
	color:#DC0000;
	text-align:center;
	}
#btorcamentodest{
	width:100%;
	height:auto;
	float:left;
	background-color:#00459A;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:400;
	color:#FFF;
	cursor:pointer;
	}
#btorcamentodest:hover{
	background-color:#666;
	-webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
    -o-transition:0.5s ease-out;
    transition:0.5s ease-out;
	}	
#largura_butorca{
	width:470px;
	margin-left:auto;
	margin-right:auto;
	}
@media(max-width:580px){#btorcamentodest,#largura_butorca{ width:100%;}}
#quadatendimento{
	width:24%;
	height:auto;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
	}
#icoatendimento01{
	width:40px;
	height:40px;
	float:left;
	background-color:#BA0000;
	background-image:url(../imagens-site/icones/atendimento/atefone.png);
	background-position:center center;
	background-repeat: no-repeat;
	}
#icoatendimento02{
	width:40px;
	height:40px;
	float:left;
	background-color:#BA0000;
	background-image:url(../imagens-site/icones/atendimento/atecel.png);
	background-position:center center;
	background-repeat: no-repeat;
	}	
#icoatendimento03{
	width:40px;
	height:40px;
	float:left;
	background-color:#BA0000;
	background-image:url(../imagens-site/icones/atendimento/ateemail.png);
	background-position:center center;
	background-repeat: no-repeat;
	}							
#icoatendimento04{
	width:40px;
	height:40px;
	float:left;
	background-color:#BA0000;
	background-image:url(../imagens-site/icones/atendimento/atelocalidade.png);
	background-position:center center;
	background-repeat: no-repeat;
	}
#centroicone{
	width:40px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:20px;
	}	
#quaddados{
	width:100%;
	height:70px;
	float:left;
	border:1px solid #FFF;
	text-align:center;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:400;
	color:#FFF;
	padding-top:50px;
	}
#quaddados_local{
	width:100%;
	height:90px;
	float:left;
	border:1px solid #FFF;
	text-align:center;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:400;
	color:#FFF;
	padding-top:30px;
	}	
@media(max-width:1029px){#quadatendimento{ width:49%;}}		
@media(max-width:545px){#quadatendimento{ width:100%;}}	
#rodapetxt{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#FFF;
	}		
#elcage:link {color: #FFFFFF;text-decoration: none;}
#elcage:visited {color: #FFFFFF;text-decoration: none;}
#elcage:hover {color:#333;text-decoration: none;}
#elcage:active {color: #FFFFFF;text-decoration: none;}	
#logorodape{
	width:100%;
	height: auto;
	float:left;
	text-align:center;
	}
/* ----------------PAGINA EMPRESA------------- */		
#txtEmpresa{
	width:100%;
	height:auto;
	float:left;
	text-align: left;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:400;
	color:#666;
	}
#bkTitlesPaginas{
	width:100%;
	height:auto;
	float: left;
	background-color:#002a63;
	background-image:url(../imagens-site/fundos/bktitlepaginas.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:25px;
	padding-bottom:25px;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:600;
	color:#FFF;
	text-align:center;
	}
/* ----------------PAGINA SERVIÇOS------------- */		
#quadserv{
	width:24%;
	height:auto;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
	}	
#tserv{
	width:100%;
	height:60px;
	float:left;
	font-family:"Titillium",Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:600;
	color:#DC0000;
	text-align:center;
	line-height:22px;
	}
#fotoservico01{
	width:100%;
	height:300px;
	float:left;
	background-color:#999;
	background-image:url(../imagens-site/Servicos/serv-01.png);
	background-position: center center;
	background-repeat:no-repeat;
	margin-bottom:15px;
	border:1px solid #CCC;
	}
#fotoservico02{
	width:100%;
	height:300px;
	float:left;
	background-color:#999;
	background-image:url(../imagens-site/Servicos/serv-02.png);
	background-position: center center;
	background-repeat:no-repeat;
	margin-bottom:15px;
	border:1px solid #CCC;
	}
#fotoservico03{
	width:100%;
	height:300px;
	float:left;
	background-color:#999;
	background-image:url(../imagens-site/Servicos/serv-03.png);
	background-position: center center;
	background-repeat:no-repeat;
	margin-bottom:15px;
	border:1px solid #CCC;
	}
#fotoservico04{
	width:100%;
	height:300px;
	float:left;
	background-color:#999;
	background-image:url(../imagens-site/Servicos/serv-04.png);
	background-position: center center;
	background-repeat:no-repeat;
	margin-bottom:15px;
	border:1px solid #CCC;
	}			
@media(max-width:1000px){#quadserv{ width:49%;}}
@media(max-width:550px){#quadserv{ width:100%;}}	
@media(max-width:550px){#tserv{ height:auto; padding-bottom:10px;}}				
/* ----------------PAGINA CONTATO------------- */

/*formulario de contato*/	
input{
	width:100%; 
	height:40px; 
	margin-bottom:5px; 
	padding-left:5px; 
	border:1px solid #FFF; 
	font-family:'Titillium',cursive,Tahoma, Geneva, sans-serif; font-size:16px; color: #FFF;
	background-color:#242424;
	}	
	
textarea{
	width:100%; 
	height:230px; 
	margin-bottom:5px; 
	padding-left:5px; 
	padding-top:7px; 
	border:1px solid #FFF; 
	font-family:'Titillium',cursive,Tahoma, Geneva, sans-serif; font-size:16px; color: #FFF;
	background-color:#242424;
	resize: none;
	}	
/*campo email*/	
#email:valid {background:#00FF00;}
#email:invalid {background:;}	
/*final formulario de contato*/	

#form_esq{
	width:49%;
	height:auto;
	float:left;
	}
#form_dir{
	width:49%;
	height:auto;
	float:right;
	}
@media(max-width:612px){#form_esq,#form_dir{width:100%;}}

#title_antesdepois{
	width:100%;
	height:auto;
	float: left;
	font-family:"Titillium",Arial, Helvetica, sans-serif;font-size:18px;font-weight:600;color:#DC0000;
}


#bkvermelhoatendi{
	width:100%;
	height:auto;
	float:left;
	background-color:#DC0000;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	}