body{margin: 0; padding: 0;
font-family:"Arial", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Gill Sans, "sans-serif";
}
.conteudo{width: 1210px;  margin: 0 auto; }
a{text-decoration: none;}
.dir{text-align: right}
.esq{text-align: left}
.centro{text-align: center}
.p10{padding:0 6px}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt40{margin-top: 40px}
.mt80{margin-top: 80px}
.mt-30{margin-top: -30px}
.mt-100{margin-top: -100px}
.cor1{background: #005299;width: 100%;height: 140px; margin-top: -50px}
.cor2{width: 100%;height: 140px;background: #50abf9;margin-top: -49px}
.info, .info2{color: #fff; font-size: 26px;
text-align: center;}

.info h2{padding:30px 0;}
.info2 h2{padding:50px 0;}

.home{
background: url("../imagens/banner2.jpg") no-repeat ;
/*background: url("../imagens/banner-ferias-desktop.jpg") no-repeat ;*/
background-position: top center;
width: 100%; height: 891px;
}

.pagina{
background: url("../imagens/banner-pg2.jpg") no-repeat ;
background-position: top center;
width: 100%; height: 331px;
}

header h1{text-align: center;color: #fff;padding-top: 5px}

nav{
background: url("../imagens/barra-menu.png") no-repeat; width: 100%; height: 189px;
}
nav img{
position: relative;
top: 30px;
}

.menu li{
display: block;
float: left;
position: relative;
top: 60px;
padding: 0 10px;
font-size: 18px;
}

.menu li a{text-decoration: none;color: #043564;}
.menu li a:hover{color: #4787BF;}

h4{color: #50abf9; font-size: 25px}
h1{font-size: 40px;}

.destaque{
position: relative;
margin-top: -110px;
}

.diferencial h1{
margin-top: -20px;
}


.diferencial p{line-height: 24px}

.bt{
background: #043666;
width: 40%;
text-align: center;
margin: 0 auto;
color: #fff;
padding: 20px 10px;
border-radius: 100px;
font-size: 20px;
border: none;
}



.bt a{
background: #043666;
width: 40%;
text-align: center;
margin: 0 auto;
color: #fff;
padding: 20px 10px;
border-radius: 100px;
font-size: 20px;
}


.bt2{
	background: #043666;
	width: 50%;
	text-align: center;
	margin-top: -40px;
	color: #fff;
	padding: 20px 10px;
	border-radius: 10px;
	font-size: 20px;
}

.bt:hover{background: #50abf9}
.bt2:hover{background: #50abf9}

.depoimentos{
background: #043666 url("../imagens/depoimentos.jpg") no-repeat top center;
width: 100%;
height: 645px;
padding: 10px 0;
}

.depoimentos h1{
color: #fff;
}

.clientes .fundo{
position: relative;
top: -120px;
z-index: 222;
}

.quemsomos h1{margin-top: -20px}
.quemsomos h4{font-size: 16px; font-weight: normal}
.quemsomos span{color: #043666}
.quemsomos p{color: #747474; line-height: 20px}

.tel{
background: url("../imagens/tel.jpg") no-repeat;
width: 100%; height: 100px;
}

.tel span{margin-left: 75px; color: #000; position: relative; top: 13px}

.nulo{height: 500px}

footer{
background: #043666; min-height: 80px; width: 100%; padding: 15px 0;
color: #D0D0D0;
}

footer h6{
margin-bottom: -8px; margin-top: 10px;
font-size: 12px
}

footer ul li{
display:inline-block
}

footer li a{
color: #fff;
font-size: 12px;
}

/*EMPRESA*/
.video{ width:1220px;height: 630px }
 /*PRODUTO*/
	
.prod p{margin-top: -25px}
.produto img{width: 98%}
.produto{text-align:center}
.produto h2{
font-size: 18px;
background: #50ABF9; color: #fff;
width: 98%; padding: 10px 0;
margin-left: 1%;
}

.produto a:hover{
opacity: 0.8}

 .contato{
margin-top: 8px;
padding-left: 10px;
width: 90%;
height: 32px;
background: #FCFCFC;
border: #C9C9C9 solid 1px;
font-size: 13px;
border-radius: 5px;
color: #474643;
}

 .contato2{
margin-top: 8px;
padding-left: 10px;
width: 43%;
height: 32px;
background: #FCFCFC;
border: #C9C9C9 solid 1px;
font-size: 13px;
border-radius: 5px;
color: #474643;
}

.representante h5{
font-size: 18px; font-weight: normal;
margin-bottom: 1px;
}

.representante b{
font-size: 24px;
color: #043666;
}

.cliente img{width: 100%}


#mensagemEnviada{
	float: left;
	width: 100%;
	padding: 15px;
	text-align: center;
	background-color: #cdffc8;
}

.clientesLoop{
	float: left;
	width: 18%;
	margin: 1%;
	height: 110px;
	overflow: hidden;
}




	#fotoProduto{
		float: left;
		width: 32%;
		margin-right: 3%;
		margin-top: 20px;
	}

	#descricaoProduto{
		float: left;
		width: 65%;
		margin-top: 20px;
	}
	#outros{
		float: left;
		width: calc(100% - 30px);
		background-color: #ebebeb;
		padding: 15px;
		text-align: center;
		color: #000;
		font-weight: bold;
		margin-bottom: 15px;

	}
	#botaoWhats{
		float: left;		
		background-color: #40c817;
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 15px;
	}
	#botaoWhats:hover{
		background-color: #35af10;

	}
	#botaoWhats a{
		padding: 10px;
		color: #FFF;
		font-weight: bold;
		display: block;

	}





	.bloco{
		float: left;
		width: 100%;
		margin-bottom: 50px;
	}
	.blocoImg{
		
		width: 32%;
		margin-right: 3%;
		float: left;
	}
	.blocoNome{
		float: left;
		width: 65%;
		text-align: left;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 10px;
	}
	.blocoDescricao{
		float: left;
		width: 65%;
		text-align: left;
		    line-height: 24px;
	}
	.equipamentosInstalados{
		float: left;
		width: 100%;


	}

	.equipamentosInstaladosFoto{
		float: left;
		width: 33%;
		margin-right: 2%;
	}
	.equipamentosInstaladosTitulo{
		float: left;
		width: 65%;
		text-align: left;
		font-size: 20px;
		font-weight: bold;
	}
	.equipamentosInstaladosDescricao{
		float: left;
		width: 65%;
		text-align: left;
		margin-top: 20px;
	}

	.bx-wrapper .bx-prev{
		left: -30px !important;
	}

	.bx-wrapper .bx-next {
		right: -30px !important;
	}


	.bx-wrapper .bx-controls-direction a {
		top: 135px !important;

}














/* ###### QUEBRA 01 - CELULAR #### */
@media (max-width: 480px) {




.bloco{
	width: 96%;
	margin: 2%;
	margin-bottom: 35px;
}
#marS{
	margin-top: 40px !important;
}
.equipamentosInstalados{
	width: 96%;
	margin: 10px 2%;
	margin-top: -25px;
}
.equipamentosInstaladosFoto{
	float: left;
	width: 100%;
	margin: 15px 0;
}
.equipamentosInstaladosTitulo{
	width: 100%;
}

.equipamentosInstaladosDescricao{
		width: 100%;
}

.tel span{
	margin-left: 65px;
	    font-size: 30px !important;
}



.clientesLoop{
	width: 23%;
}
#fotoProduto{
	width: 100%;
	margin-right: 0%;
}
#descricaoProduto{
	width: 96%;
	padding: 2%;
}

.menu li {
line-height: 25px;
}

.separaInicio{
	margin-bottom: 100px;
}


	#botaoWhats{
		float: left;
		width: 90%;
		margin: 15px 5%;
		text-align: center;

		background-color: #40c817;
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

	}



}