* {
	margin: 0px;
	padding: 0px;
}

body {
	background: url(imagens_v2/v3_fundo.png) fixed;	
	font-family: "Calibri", sans-serif;
	overflow: hidden;

}

/* Layout */

#area-cabecalho {
	background: black;
	opacity: 0.5;
	width: 100%;
	height: 45px;
	padding: 10px;
	top: 0;
	position: fixed;
	border-bottom: 3px solid #00A79D;
	z-index: 999;
}

#container_menu {
	width: 52%;
	margin: 15% auto;
	position: relative;
}

#container_menu img {
	width: 90%;
	display: block;
	margin: 0px auto;
}

#container_empresa {
	width: 60%;
	margin: 8% auto;
	position: relative;
}

#container_solucoes{
	width: 55%;
	margin: 5% auto;
	position: relative;

}

#container_solucoes img{
	width: 70%;
	display: block;
	margin: 0px auto;
}

#container_texto_solucoes {

	width: 60%;
	margin: 8% auto;
}

#layout_solucoes {
	display: inline;
	position: absolute;
}


#img_solucoes_esquerdo {
	position: relative;
	margin: 9% auto;
	padding-left: 3em;
	float: left;

}

#img_solucoes_esquerdo img {
	width: 150px;
	margin: 12px;
	display: flex;
	

}

#img_solucoes_direito {
	position: relative;
	margin: 9% auto;
	padding-right: 3em;
	float: right;

}

#img_solucoes_direito img {
	width: 150px;
	margin: 12px;
	display: flex;
	
}

#container_contato {
	width: 52%;
	margin: 8% auto;
	position: relative;
}



/* Formatação menu */

#area-logo {
	padding: 10px;
	margin-left: 40px;
	clear: both;
}

#area-logo img {
	width: 15%;
	float: left;
	margin-top: -10px;
}

#area-menu {
	margin-right: 60px;
	padding: 5px;
	opacity: 1;

}

#area-menu a {
	color: white;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	float: right;
	margin-right: 30px ;
	margin-top:-10px;


}

#area-menu a:link, a:visited {
	color: #00A79D ;

}

#area-menu a:hover {
	color: #00A79D;
}

/* Formatação geral */

.texto_empresa {
	color: white;
	font-size: 20px;
	text-align: justify;
}

.texto_solucoes {
	color: white;
	font-size: 20px;
	text-align: justify;
}

.clear{
	clear: both;
}

/* Soluções - hexagonos */

#container_hexagonos {
  max-width: 1111px;
  margin: 0% auto;
  position: absolute;
  margin-top: 6%;
  margin-left: 5%;

  }

#container_hexagonos img {
    width: 200px;
   }

#container_hexagonos ul {
    list-style: none;
}

#hexagono_salt{
  margin-left: 32em;
}

#hexagono_illumio {
  margin-left: 22em;
  margin-top: -5em;
}

#hexagono_varonis {
  margin-left: 22em;
  margin-top: 0.1em;
}

#hexagono_cymulate {
   margin-left: 32em;
   margin-top: -5.7em;
}

#hexagono_armis{
  margin-top: -22.1em;
  margin-left: 41.9em;
}
#hexagono_guardian{
  margin-left: 41.9em;
  margin-top: -16.7em;
 
}


/* Contato */
#formulario_body {
  margin: 0% auto; 
  margin-top: -1em;
  width: 100%;
  background-color: transparent;
  box-sizing: border-box;
  
}


.formulario_text {
  margin-top: 1em;
  margin-bottom: 3em;
  text-align: right;
  max-width: 1111px;
  float: left;
  background-color: transparent;
  box-sizing: border-box; 
  color: white;
  font-family: 'Calibri', sans-serif;
  font-weight: lighter;
  font-size:20px;
  
}

.formulario_text p{
  margin-right: 24em ;
  margin-left: -8em;
  margin-top: 1em;
  color: white;

}

.formulario_email_numero{
  height: 11em;
  width: 49%;
  float: right;
  background-color: transparent;
  box-sizing: border-box;
  border-left: 2px solid white;
}

.numero_contato {
  margin: 5px auto;
  margin-top: 0.5em;
  margin-right: 2em;
  font-size: 30px;
  font-family: 'Calibri';
  font-style: italic;
  font-weight: bold;
  color: #FFF;
  text-align: center;

}

.numero_contato_0800{
  margin: 5px auto;
  margin-top: 10px;
  margin-right: 2em;
  font-size: 30px;
  font-family: 'Calibri';
  font-style: italic;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  }


.email_contato {
  font-size: 22px;
  font-family: 'Calibri';
  font-style: italic;
  font-weight: bold;
  color: #FFF;
  text-align: center;
}

.email_contato a {
  color: white;
}



input[type=text]:focus, textarea[type=text]:focus {
     background: transparent;
}
.boxform, .boxformGRD, .boxformlist {
  padding: 4px;
  border-radius: 4px;
  background: transparent;
  border: 2px white solid;
  line-height: 2;
  width: 90%;
  margin: 1em auto;
  font-size: 90%;
  color: white;
  font-family: 'Calibri';
  font-weight: lighter;
  padding-top: 0.5em;
}

.boxformGRD {
  height: 12em;
  width: 90%;
  padding: 10px auto;
 }

 .enviar {
     border: 2px white solid;
     padding: 0.8em;
     padding-bottom: 0.80em;
     font-size: 90%;
     background: transparent;
     color: #fff;
     border-radius: 4px;
     width: 48%;
     margin-top: 12px;
     margin-left: 13px;

}
 .enviar:hover {
  background: #00A79D;
  border: 2px white solid;

}
 .enviar:active {
  transition-duration: 0s;
  box-shadow: white;
 
}

.container_form_{
  
  width: 49%;
  float: left;
  background-color: transparent;
  box-sizing: border-box;

  clear: left;


}
.container_mensagem{
  width: 49%;
  float: right;
  background-color: transparent;
  box-sizing: border-box;
}

.container_mensagem textarea{
   color: white;
    font-family: 'Calibri';
    font-weight: lighter;
}

.container_enviar{
  margin-top: -1.2em;
  margin-left: 1em;
  margin-right: 1em;
 
}

/* Denúncias */

.container_denuncias {
	display: flex;
	gap: 30px;
	margin-top: 2em;
	align-items: flex-start;
}

.denuncias_info {
	flex: 1;
	min-width: 45%;
}

.denuncias_form {
	flex: 1;
	min-width: 45%;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 20px;
	border-radius: 8px;
	border: 2px solid #00A79D;
}

.denuncias_form form {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.form_group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.form_group label {
	color: white;
	font-size: 16px;
	font-weight: bold;
}

.input_denuncias {
	padding: 10px;
	border: 2px solid #00A79D;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.05);
	color: white;
	font-family: 'Calibri', sans-serif;
	font-size: 15px;
	transition: all 0.3s ease;
}

.input_denuncias:focus {
	outline: none;
	background-color: rgba(255, 255, 255, 0.1);
	border-color: #00A79D;
	box-shadow: 0 0 8px rgba(0, 167, 157, 0.3);
}

.input_denuncias::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.textarea_denuncias {
	padding: 12px;
	border: 2px solid #00A79D;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.05);
	color: white;
	font-family: 'Calibri', sans-serif;
	font-size: 15px;
	resize: vertical;
	min-height: 150px;
	transition: all 0.3s ease;
}

.textarea_denuncias:focus {
	outline: none;
	background-color: rgba(255, 255, 255, 0.1);
	border-color: #00A79D;
	box-shadow: 0 0 8px rgba(0, 167, 157, 0.3);
}

.textarea_denuncias::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.btn_enviar_denuncias {
	padding: 12px 24px;
	background-color: #00A79D;
	color: white;
	border: 2px solid #00A79D;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-top: 10px;
}

.btn_enviar_denuncias:hover {
	background-color: transparent;
	color: #00A79D;
	border-color: #00A79D;
}

.btn_enviar_denuncias:active {
	transform: scale(0.98);
}

/* Links de Denúncias */

.link_denuncia {
	color: #999999;
	text-decoration: none;
	transition: color 0.3s ease;
}

.link_denuncia:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.link_denuncia:active {
	color: #777777;
}