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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

body {
	
	line-height: 20px;
	font-size: 16px;
	color:black;
	
	
}


.topo {
	background: url("../imagens/site_cabecalho.png");
	width: 980px;
	height: 170px;
	margin: auto;
	
}


nav{
    font-family: 'Montserrat', sans-serif;
	color: white;
	font-size: 15px;
	line-height: 50px;
	float: left;
	padding: 23px 3px 0px 275px;
    
	
}



nav ul{
	float: left;
	
	

	
}


nav ul li{
	float: left;
	list-style: none;
    position: relative;
	
	
}


 nav ul li a {
	display: block;
	font-family: 'Montserrat', sans-serif;
	color: white;
	font-size: 15px;
	padding: 10px  10px 0px;
	text-decoration: none;
	padding: 5px;
	
}


 nav ul li a:hover {
	color:#7B9CD1;
	
}
	
 nav ul li ul {
	display: none;
	position: relative;
	background-color: #102B51;
	padding: 5px;
	border-radius: 0  0 5px 5px;
	position: absolute;
	z-index: 99;
}	


nav ul li:hover ul {
	display: block;
	
	
}

 nav ul li ul li{ /*tamanho da caixa sub*/
	width: 300px;
	border-radius: 4px;
	

	
}

 nav ul li ul li a{ /*espaco entre as palavras sub*/
	padding: 0px 5px;

	
}	
	
 nav ul li ul li a:hover{ /*cor de quando passa o mouse no sub*/
	background-color: #E9E9E9;
	

	
}	



/*fim menu*/


/*redes sociais*/

.face{
    width: 15px;
	height: 15px;
	float: right;
	position: relative;
	margin: 38px 15px 0 5px;
    
}

.insta{
    width: 15px;
	height: 15px;
	float: right;
	position: relative;
	margin: 38px 15px 0 5px;
    
}

.whats{
    width: 15px;
	height: 15px;
	float: right;
	position: relative;
	margin:  38px 27px 0 5px;
    
}


/*fim das redes sociais*/


/* Inicio da PƔgina nossa Historia*/


#fundo{
	width: 980px;
	height: 2348px;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo2.png") no-repeat;
	
}

.img1{
	background: url("../imagens/site_foto1home.png");
	width: 980px;
	height: 450px;
	float:relative;
	position:relative;
	margin: 0px;
	
}


.box_txt1{
	width: 960px;
	height: 150px;
	float: right;
	margin: 10px;
	
}

.box_txt1 p {
	font-size:19px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;
	
}


.negrito{
	font-weight: bold;
	
}


.box_txt15 ul {
	width: 200px;
	height: 100px;
	float: left;
	margin: 15px 10px  0  180px;
	font-size:19px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;
	list-style-type: circle;
	
	
}


.box_txt16 ul {
	width: 450px;
	height: 100px;
	float: right;
	margin: -90px  0  0px  200px;
	font-size:19px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;
	list-style-type: circle;
	
	
}



.box_txt2{
	width: 960px;
	height: 300px;
	float: right;
	margin: 10px;
	
}

.box_txt2 p {
	font-size:20px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;
	
}

.box_txt2 h1 p {
	font-size:23px;
	color: black;
	font-family: "Myriad Pro";
	
	
}



.img24{
	background: url("../imagens/site_missao.png");
	width: 146px;
	height: 146px;
	float:left;
	position:relative;
	margin: 15px;
}





.box_txt21{
	font-size:20px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;
	margin: 15px;
}



.img25{
	background: url("../imagens/site_visao.png");
	width: 146px;
	height: 146px;
	float:left;
	position:relative;
	margin: 15px;
}





.box_txt22{
	font-size:20px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;
	margin: 15px;
}


.img26{
	background: url("../imagens/site_valores.png");
	width: 146px;
	height: 146px;
	float:left;
	position:relative;
	margin: 15px;
}



.box_txt23 ul{
	
	width: 720px;
	height: 100px;
	float: right;
	margin: 40px  80px  0px 0px;
	font-size:19px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;
	list-style-type: circle;
	
	
	
}

.rodape {
    width: 980px;
    height: 135px;
    margin: 20px auto;
    clear: both;
    background: url("../imagens/site_rodape.png");
}

.rodape2 {
    text-align: center;       /* centraliza o conteśdo */
    clear: both;              /* garante que fique abaixo de outros elementos flutuantes */
    margin: 20px 0;           /* espaēo acima e abaixo */
}

.rodape2 img {
    max-width: 100%;          /* evita que a imagem ultrapasse o container */
    height: auto;
}



/* Fim da pƔgina Nossa Historia*/


/* Inicio da ServiƧos - Vigilancia*/

#bg2{
    width: 980px;
	height:680px;
	position: relative;
	margin: 20px auto 20px auto;
	background-image: url("../imagens/site_fundo.png");
	


}




.img3{
	background: url( "../imagens/site_tx_vigilancia.png");
	width: 491px;
	height: 52px;
	float:left;
	position:relative;
	margin: 0px;
	
	
}

.img4{
	background: url("../imagens/site_vigilancia.png");
	width: 630px;
	height: 430px;
	float:left;
	position:relative;
	margin: 0px;	
		
		
		
}
    
.box_txt3{
    width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px;
	
	
}	

.box_txt3 p {
	font-size:17px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;

}
.rodape{
	width:980px;
	height: 135px;
	margin: 20px auto;
	clear:both;
	background: url("../imagens/site_rodape2.png");
}

.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}

/* Fim da pƔgina Vigilancia Armada*/


/* Inicio da pƔgina Limpeza*/


#bg3{
    width: 980px;
	height:643px ;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo.png") no-repeat;
	


}


.img5{
	background: url(  "../imagens/site_tx_patrimonial.png");
	width: 565px;
	height: 82px;
	float:left;
	position:relative;
	margin: 0;
	
	
}

.img6{
	background: url( "../imagens/site_zaladoria.png");
	width: 630px;
	height: 430px;
	float:left;
	position:relative;
	margin: 0px;	
		
		
		
}
    
.box_txt4{
    width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px;
	
	
}	

.box_txt4 p {
	font-size:17px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;

}
.rodape{
	width:980px;
	height: 135px;
	margin: 20px auto;
	clear:both;
	background: url("../imagens/site_rodape2.png");

}


.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}
/* Fim da pƔgina Limpeza*/


/* Inicio da Jardinagem*/

#bg4{
    width: 980px;
	height:643px ;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo.png") no-repeat;
	
	
	

}



.img7{
	background: url( "../imagens/site_tx_zeladoria.png");
	width: 566px;
	height: 82px;
	float:left;
	position:relative;
	margin: 0;
	
	
}

.img8{
	background: url( "../imagens/site_jardinagem.png");
	width: 630px;
	height: 430px;
	float:left;
	position:relative;
	margin: 0px;	
		
		
		
}
    
.box_txt4{
    width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px;
	
	
}	

.box_txt4 p {
	font-size:18px;
	color: black;
	font-family:"Myriad Pro";
	text-align: justify;
	line-height: 30px;
	

}

.box_txt20 ul{
	margin:auto;
	font-size:17px;
	color: black;
	font-family: "Myriad Pro";
	
	line-height: 30px;
	list-style-type: circle;
	
}
	.rodape{
	width:980px;
	height: 135px;
	margin: 20px auto;
	clear:both;
	background: url("../imagens/site_rodape2.png");
}


.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}
/* Fim da pƔgina Limpeza*/


/* Inicio da Portaria*/


#bg5{
    width: 980px;
	height:720px ;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo.png") no-repeat;
	
	

}


.img9{
	background: url( "../imagens/site_tx_portaria.png");
	width: 495px;
	height: 52px;
	float:left;
	position:relative;
	margin:0;
	
	
}

.img10{
	background: url("../imagens/site_portaria.png");
	width: 630px;
	height: 430px;
	float:left;
	position:relative;
	margin: 0px;	
		
		
		
}
    
.box_txt5{
    width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px;
	
	
}	

.box_txt5 p {
	font-size:17px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;

}

.rodape{
	width:980px;
	height: 135px;
	margin: 20px auto;
	clear:both;
	background: url("../imagens/site_rodape2.png");
}


.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}

/* Fim da pƔgina Portaria*/


/* Inicio da Sistemas de alarme*/

#bg6{
    width: 980px;
	height:680px ;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo.png") no-repeat;

	
}

.img11{
	background: url( "../imagens/site_tx_alarmes.png");
	width: 621px;
	height: 52px;
	float:left;
	position:relative;
	margin: 0;
	
	
}

.img12{
	background: url( "../imagens/site_alarme.png");
	width: 630px;
	height: 430px;
	float:left;
	position:relative;
	margin: 0px;	
		
		
		
}
    
.box_txt6{
    width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px;
	
	
}	

.box_txt6 p {
	font-size:17px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;

}


.rodape{
	width:980px;
	height: 135px;
	margin: 20px auto;
	clear:both;
	background: url("../imagens/site_rodape2.png");
}


.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}

/* Fim da pƔgina Sistemas de alarme*/


/* Inicio da Cerca ElƩtrica*/

#bg7{
    width: 980px;
	height:1176px;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo.png") no-repeat;
	
	
}
	
	
.img13{
	background: url("../imagens/site_tx_cerca.png");
	width: 496px;
	height: 52px;
	float:left;
	position:relative;
	margin: 0;
	
	
}

.img14{
	background: url( "../imagens/site_cerca.png");
	width: 630px;
	height: 430px;
	float:left;
	position:relative;
	margin: 0px;	
		
		
		
}
    
.box_txt7{
    width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px;
	
	
}	

.box_txt7 p {
	font-size:17px;
	color: black;
	font-family:"Myriad Pro";
	text-align: justify;
	line-height: 30px;

}


/*InstalaĆ§Ć£o Concertina*/

.img22{
	background: url("../imagens/site_txt_concertina.png");
	width: 543px;
	height: 67px;
	float:left;
	position:relative;
	margin: 0;
	
	
}

.img23{
	background: url( "../imagens/site_concertina.png");
	width: 630px;
	height: 464px;
	float:left;
	position:relative;
	margin: 0px;	
		
		
		
}
    
.box_txt10{
    width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px;
	
	
}	

.box_txt10 p {
	font-size:17px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;

}



.rodape{
	width:980px;
	height: 135px;
	margin: 20px auto;
	clear:both;
	background: url("../imagens/site_rodape2.png");
}


.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}




/* Fim da pƔgina Cerca Eletrica*/


/* Inicio da Monitoramento*/

#bg8{
    width: 980px;
	height:653px ;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo.png") no-repeat;
	

}



.img15{
	background: url( "../imagens/site_tx_monitoramento.png");
	width: 695px;
	height: 52px;
	float:left;
	position:relative;
	margin: 0;
	
	
}

.img16{
	background: url("../imagens/site_monitoramento_monitoramento_monitoramento_monitoramento.png");
	width: 630px;
	height: 430px;
	float:left;
	position:relative;
	margin: 0px;	
		
		
		
}
    
.box_txt8{
    width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px;
	
	
}	

.box_txt8 p {
	font-size:18px;
	color: black;
	font-family: "Myriad Pro";
	text-align: justify;
	line-height: 30px;

}



.rodape{
	width:980px;
	height: 135px;
	margin: 20px auto;
	clear:both;
	background: url("../imagens/site_rodape2.png");
	
	
}

.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}

/* Fim da pƔgina Monitoramento*/


/* Inicio da Nossos clientes*/

#bg9{
	width: 980px;
	height: 950 px;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo.png") no-repeat;
}




.img17{
	background: url("../imagens/site_tx_nossos.png");
	width: 491px;
	height: 52px;
	float:left;
	position:relative;
	margin: 0px;
	
	
}



.img18{
    background: url("../imagens/fundobranco.png");
	width: 980px;
	height: 660px;
	margin: auto;
	position: relative;
}


.guaratingueta{
    width: 232px;
    height: 91px;
    float: right;
    position: relative;
    margin: 30px 90px 0px 5px;
   
	
	
}

.akaer{
    width: 232px;
    height: 91px;
    float: right;
    position: relative;
    margin: 55px -2px 0px 5px;


}

.alltec{
    width: 122px;
    height: 88px;
    float: right;
    position: relative;
    margin: 30px 120px 0px 5px;


}

.essencis{
    width: 156px;
    height: 57px;
    float: right;
    position: relative;
    margin: 160px -660px 0px 5px;

}


.digex{
    width: 156px;
    height: 57px;
    float: right;
    position: relative;
    margin: 170px -385px 0px 5px;

}


.centrodajuventude{
    width: 150px;
    height: 61px;
    float: right;
    position: relative;
    margin: 170px -130px 0px 5px;

}


.hospital{
    width: 168px;
    height: 69px;
    float: right;
    position: relative;
    margin: 260px -700px 0px 5px;

}

.fiec{
    width: 177px;
    height: 85px;
    float: right;
    position: relative;
    margin: 260px -440px 0px 5px;

}

.emdhap{ 
    width: 175px;
    height: 85px;
    float: right;
    position: relative;
    margin: 260px -175px 0px 5px;

}

.msg{ 
    width: 194px;
    height: 86px;
    float: right;
    position: relative;
    margin: 360px -710px 0px 5px;

}

.jambeiro{ 
    width: 185px;
    height: 82px;
    float: right;
    position: relative;
    margin: 405px -440px 0px 5px;

}

.instituto{ 
    width: 196px;
    height: 86px;
    float: right;
    position: relative;
    margin: 398px -180px 0px 5px;

}

.quinabra{ 
    width: 165px;
    height: 67px;
    float: right;
    position: relative;
    margin: 540px -715px 0px 5px;

}

.prefeitura{ 
    width: 194px;
    height: 136px;
    float: right;
    position: relative;
    margin: 500px -470px 0px 5px;

}


.objetivo{ 
    width: 160px;
    height: 96px;
    float: right;
    position: relative;
    margin: 520px -190px 0px 5px;

}



.rodape{
	width:980px;
	height: 135px;
	margin: 20px auto;
	clear:both;
	background: url("../imagens/site_rodape.png");
	
	
}

.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}



/* Fim da pƔgina Nossos Clientes*/


/* Inicio do Contato*/

#bg10{
	width: 980px;
	height: 680px;
	position: relative;
	margin: 20px auto 20px auto;
	background: url( "../imagens/site_fundo.png") no-repeat;
}




.img19{
	background: url("../imagens/site_tx_fale.png");
	width: 491px;
	height: 52px;
	float:left;
	position:relative;
	margin: 0px;
	
	
}

.img20{
	
	width: 277px;
	height: 70px;
    
	position:relative;
	margin: 0px 10px 0px 530px;	
	
}
    


.img21{
	background: url( "../imagens/site_comochegar.png");
	width: 173px;
	height: 33px;
	
	position:relative;
	margin: 5px 10px 0px 530px;	
    

}



.mapa {
	float: right;
	position: relative;
	margin: 20px 85px 10px 0px;
	
	
	
}




.formulario{
    width: 450px;
    height: 350px;
    float: relative;
    position: relative;
    margin: 0px 40px 10px 75px;	
	

	
}


#form1{
	font-family:"Myriad Pro";
	font-size: 15px;
	color:#002E51;
	
}


#textarea{
	width: 350px;
	height: 30px;
	

}


#textarea2{
	width: 350px;
	height: 30px;


}

#textarea3{
	width: 350px;
	height: 60px;

}

.botao{
    font-size: 20px;
    border: 0;
    color: white;
    position: relative;
	background-color: navy;
   
}


.rodape{
	width:980px;
	height: 100px;
	margin: 10px auto -10px 1px;
	clear:both;
	background: url("../imagens/site_rodape.png");
	
	
}


.rodape2{
	margin: 0px 40px 0 360px;
	clear:both;
	
	
}