@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);

/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

body {
	font: 62.5% /*onde 62.5% equivale a 12px*/ verdana, arial, tahoma, sans-serif;
	background-color: #f2f2f2;
}

a {
	text-decoration:none;
	color:#666;
}

a img {
	border:0;
}

a.link:hover{
	text-decoration: underline;
}

html, body {
   margin:0;
   padding:0;
   height:100%;
}

.tudo {
   min-height: 100%;
   position: relative;
   overflow:auto;
}

#conteudo{
	position:relative;
	display: table;
	width:71.5%;
	margin:auto;
	height: inherit;
}

/*CSS PARA O TOPO*/
#topo{
	position:fixed;
	height: 120px;
	width:100%;
	z-index:91;
	box-shadow:#000 0px 1px 15px;
	
}

#topo.toponormal{
	background-color: transparent;
}

#topo.topopreto{
	background-color: #002f51;

}


/* CSS PARA MENU RESPONSIVO */
#menu_responsivo{
	display:none;
	visibility:hidden;
}

#lista{
	display:none;
	visibility:hidden;
}


/* CSS DO MENU IMG*/
#topo img[name="logo"]{
	margin-top:2.5%;
}

/* CSS DO ATENDIMENTO */
#atendimento{
	display:block;
	width: 280px;
	text-align:right;
	height: 25px;
	line-height: 25px;
	float:right;
	margin-top:15px;
}

/* CSS DO MENU */
#menu{
	display:block;
	position:absolute;
	bottom: 0;
	right: 0;
	height: auto;
	width:80%;
	z-index:100;
}

#menu > ul{
	margin:0;
	padding:0;
	list-style:none;
	margin:auto;
	width:100%;
	bottom:0;
	text-align: right;
}

#menu > ul > li{
	display: inline-block;
	height: 3.0em;
	line-height: 30px;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0 2% 0 0;
	margin-bottom: 3%;
	border:1px transparent solid;
	text-align:right;
}

#menu > ul > li:last-child{	
	margin: 0 0 0 0;
}
#menu > ul > li:hover{
	border-bottom: 1px #FFF solid;
}

#menu > ul > li.ativo{
	border-bottom: 1px #FFF solid;
}

#menu > ul > li a{
	font-family:"Ubuntu";
	font-size:1.4em;
	color:#fff;
	font-weight: 400;
}

#menu > ul > li > a.seg:after{
	content:url(../img_site/seta_seg.png);
	margin-left:5px;
}


#menu ul > li > ul{
	position:absolute;
	display:none;
	margin:-2px 0 0 -1px;
	padding:0;
	width:auto;
	height:auto;
	list-style:none;
	color:#0F0;	
}

#menu > ul > li:hover ul{
	display:block;
}

#menu ul li > ul > li{
	height:35px;
	line-height:35px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	background-color:#00599C;
	color:#FFF !important;
	text-align:left;
}

#menu ul li > ul > li a{
	font-family:"ubuntu";
	color:#FFF;
	font-size: 1.2em;
	text-decoration:none;
}

#menu ul li > ul > li:hover{
	background-color:#00487D;
}	


/*CSS PARA DESTAQUE*/
/*#destaque{
	position:relative;
	display:block;
	height:auto;
	width:100%;
	background-color:#000;
}

#destaque img{
	position: relative;
	display:block;
	max-width:100%;
	height:auto;
	
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-ms-opacity: 0.4;
	-o-opacity: 0.4;
	opacity: 0.4;
}
*/
#destaque > span[class]{
	font-weight: bold;
}

/*CSS PARA O TEXTO E SETA DO DESTAQUE*/
#destaque #textodestaque{
	position: absolute;
	bottom:0;
	width: 100%;
	height:auto;
	min-height: 300px;
	text-align:center;
}

#destaque #textodestaque a span.setadestaque{
	display:block;
	position:absolute;
	bottom: 20%;
	left:50%;
	margin-left:-22px;
	width:44px;
	height:44px;
	line-height:44px;
	background:url(../img_site/seta_seg.png) no-repeat center center;
	background-size: 50%;
	border:#FFF 1px solid;
	border-radius:100%;
}

#destaque #textodestaque > span{
	display:block;
}

/*CSS PARA INCLUDE NOTICIAS*/
#noticias{
	display:block;
	width:100%;
	text-align:center;
	background-color:#EEEEEE;
	padding: 2% 0 5% 0;
}

#noticias ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-top: 2%;
	text-align:center;
}

#noticias ul a li{
	position:relative;
	width:32.8%;
	min-height: 310px;
	height: auto;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}

#noticias ul a li div.img_noticia{
	display: block;
	width: 100%;
	height: 126px;
	overflow: hidden;
}

#noticias ul a li img{
	margin: auto;
	width: 100%;
	align-items: center;
	
}

#noticias ul a li span.btnoticias{
	position:absolute;
	display:block;
	bottom:5px;
	left:5px;
	background-color:#00599C;
	color:#FFF;
	padding: 7px;
}

/*CSS PARA A PAGINA INTERNA DAS NOTÍCIAS*/

div.flex-container{
	display: flex;
	flex-wrap: wrap;
	height: auto;
}

a.box{
	position:relative;
	border: 1px solid #bbb;
	width: 22%;
	min-height: 235px;
	margin: 0.5%;
	text-align: left;
	padding: 3px;
	overflow: hidden;
}

a.box img{
	align-items: center;
	width: 100%;
	height: auto;
}

a.box div.icon_noticia{
	display:block;
	position: absolute;
	bottom: -1px;
	right: 0;
	background: url(../img_site/icone_noticias_i.png) no-repeat center center;
	width: 22px;
	height: 26px;
	margin: 100px 0 0 0;
}

a.box:hover div.icon_noticia{
	background: url(../img_site/icone_noticias_a.png) no-repeat center center;
	transition:all linear 0.5s; 
}

/*CSS PARA CLIENTES*/
#clientes{
	display:block;
	padding: 2% 0 145px 0;
	height: auto;
	width:100%;
	text-align:center;
	margin: 0 0 50px 0;
	background-color:#FFF;
}

#clientes div.container_clientes{
	display: inline-flex;	
	justify-content: space-between;	
	margin-top: 5%;
	width: 100%;

}

#clientes div.box_clientes{
	padding: 3px;
}

#clientes div.box_clientes a{
	flex: 1;
	flex-flow: row wrap; /*deixa todos em uma unica linha*/
}

#clientes div.box_clientes a:hover{
	cursor: none !important;
}

/*CSS PARA OS DIFERENCIAIS*/
#diferenciais{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 372px;
	text-align: center;
	padding: 2% 0 0 0;
	background-color: #000;
	overflow: hidden;
}

#diferenciais span{
	position:relative;
	display:block;
	width:100%;
	margin-bottom: 5%;
}

#diferenciais img{
	display:block;
	position: absolute;
	top:0;
	left:0;
	right:auto;
	height:100%;
	width: auto;
	opacity:0.4;
}

#diferenciais div.dif_esquerda{
	width:46%;
	float:left;
	position:relative;
	display:block;
}

#diferenciais div.dif_esquerda ul{
	padding:0;
	margin:0;
	list-style:none;
}

#diferenciais div.dif_esquerda ul li{
	display: block;
	position: relative;
	text-align: right;
	padding: 10px;
	margin: 0 0 5px 0;
	background-color: #000;
}

#diferenciais div.dif_direita{
	width:46%;
	float: right;
	position:relative;
	display:block;

}

#diferenciais div.dif_direita ul{
	padding:0;
	margin:0;
	list-style:none;
}

#diferenciais div.dif_direita ul li{
	display: block;
	position: relative;
	text-align: left;
	padding: 10px;
	margin: 0 0 5px 0;
	background-color: #000;
}

/*CSS PARA SOLUCOES*/
#solucoes{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	min-height: 560px;
	text-align:center;
	background-color:#FFF;
}

#solucoes span{
	display:block;
	margin-top: 3%;
	margin-bottom: 1%;
}

#solucoes p{
	width: 100%;
	margin: auto;
	display:block;
}

/*CSS PARA RODAPE*/
#rodape{
	position: absolute;
	bottom:0;
	width:100%;
	height: 115px;
	background-color:#002F51;
	text-align:center;
	padding-top: 30px;
}

#rodape .copy {
	display:block;
	position: relative;
	margin: 10px 0 10px 0;
}

#rodape .safe {
	display:block;
	position: relative;
	margin: 10px 0 0 0;
}

#rodape img[name="logo_adapt"] {
	position: relative;
	display:block;
	margin: 20px auto 0 auto;
}

/*CSS PARA PAGINAS INTERNAS*/
.fonte_padrao{	
	font-family:"Ubuntu";
	font-size:1.4em;
	line-height:1.4;
	color:#000;
	text-align:justify;	
}

.conteudo_pg_interno{
	padding: 150px 15px 170px 15px;
	display: block;
	background-color:#FFF;
	min-height:400px; 
	height:100%;
}

#conteudo #btvoltar{
	width:80px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#333;
	font-size:1.4em;
	border:#333 1px solid;
	display:block;
	position:absolute;
	bottom:250px;
	right: 2%;
}

#imagens_seg{
	display: flex;
	flex-wrap: wrap;
	height: auto;
	justify-content: space-between;
	position:relative;
	margin: 3% 0;
}

.box_imgseg{
	position: relative;
	border: 1px #ccc solid;
	width: 32%;
	height: auto;
	margin: 1% 0;
	min-width: 200px;
	overflow: hidden;
}

.box_imgseg img{
	position: relative;
	height: 100%;
	width: 100%;
}

/*CSS PARA AS FONTES*/
.fonte_14_branco_r{
	font-family:"Ubuntu";
	font-size: 1.4em;
	color:#FFF;
	font-weight:400;
}

.fonte_14_preto_m{
	font-family:"Ubuntu";
	font-size: 1.4em;
	color:#444;
	font-weight:500;
}

.fonte_14_branco_b{
	font-family:"Ubuntu";
	font-size: 1.4em;
	color:#FFF;
	font-weight: bold;
}

.fonte_34_branco_l{
	font-family:"Ubuntu";
	font-size: 3.4em;
	color:#FFF;
	font-weight: lighter;
}

.fonte_20_preto_l{
	font-family:"Ubuntu";
	font-size: 2.0em;
	color:#000;
	font-weight: lighter;
}

.fonte_20_branco_l{
	font-family:"Ubuntu";
	font-size: 2.0em;
	color:#FFF;
	font-weight: lighter;
}

.fonte_34_preto_m{
	font-family:"Ubuntu";
	font-size: 3.4em;
	color:#000;
}

.fonte_34_branco_m{
	font-family:"Ubuntu";
	font-size: 3.4em;
	color:#FFF;
}

.fonte_16_branco_r{
	font-family:"Ubuntu";
	font-size: 1.6em;
	color:#FFF;
}

.fonte_21_preto_r{
	font-family:"Ubuntu";
	font-size: 2.1em;
	color:#000;
	font-weight:400;
}

.fonte_14_cinza_l{
	font-family:"Ubuntu";
	font-size: 1.4em;
	color:#777777;
	font-weight: lighter;
}

h1{
	font-family: "Ubuntu";
	font-weight: 500;
	color: #444444;
	size: 2.9em;
}

@media only screen and (max-width: 768px){
/*CSS PARA O CONTEUDO*/
#conteudo{
	width:95%;
}

body {
	font: 50% /*onde 62.5% equivale a 12px*/ verdana, arial, tahoma, sans-serif;
}

/* CSS DO MENU IMG*/
#topo img[name="logo"]{
	width: 40%;
	height: auto;
	margin-top: 30px;
}
/* CSS DO ATENDIMENTO */
#atendimento{
	display: none;
}

/*CSS PARA O TOPO*/
#topo{
	position: fixed;
	background-color: #000 !important;
	height: 100px;
	z-index:1000;
}

#menu {
	display:none;
}

/*AQUI CSS PARA O MENU */
#menu_responsivo{
	position: relative;
	display: block;
	visibility: visible;
	float: right;
	width: auto;
	height: auto;
	clear: both;
	top: 30px;
	cursor:pointer;
}

#lista{
	display:block;
	visibility:visible;
	position: absolute;
	float: right;
	top:100px;
	height:auto;
	right:0px;
	width: 280px; 
	background-color: #FFF;
}

#lista ul{
	top:0px;
	height: auto; 
	text-align: right;
}

#lista ul li{
	display: table;
	height: 40px;
	width: 226px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	line-height:40px;
	text-align:left;
}

#lista ul li:last-child{
	border:none;
}

.lista{
	font-family: "Ubuntu";
	font-size: 16px;
	color: #333;
	text-decoration: none;
	padding-left: 20px;
}

.lista_sub{
	font-family: "Ubuntu";
	font-size: 14px;
	color: #333;
	text-decoration: none;
	padding-left: 30px;
}

.lista:hover{
	color: #04767D;
}

#escurece{
	position:absolute;
	background-color:#000;
	opacity: 0.4;
	min-width:100%;
	min-height:100%;
	z-index: 2;
}

#up{
	position: relative;
	display: block;
	margin-top: -12px;
	z-index: 6000;
	float: right;
}

/*CSS PARA DESTAQUE*/
#destaque{
	position:relative;
	display:block;
	height:auto;
	width:100%;
	background-color:#000;
	margin-top:90px;
}

#destaque img{
	position: relative;
	display:block;
	max-width:100%;
	height:auto;
	
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-ms-opacity: 0.4;
	-o-opacity: 0.4;
	opacity: 0.4;
}


/*CSS PARA O TEXTO E SETA DO DESTAQUE*/
#destaque #textodestaque{
	display:none;
	position: absolute;
	bottom:0;
	width: 100%;
	height:auto;
	min-height: 200px;
	text-align:center;
}

#destaque #textodestaque a span.setadestaque{
	display: block;
	position: absolute;
	bottom: 5%;
	left:50%;
	margin-left:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	background:url(../img_site/seta_seg.png) no-repeat center center;
	background-size: 50%;
	border:#FFF 1px solid;
	border-radius:100%;
}

#destaque #textodestaque > span{
	display:block;
}

/*CSS PARA A PAGINA INTERNA DAS NOTÍCIAS*/

div.flex-container{
	display: flex;
	flex-wrap: wrap;
	height: auto;
}

a.box{

	border: 1px solid #bbb;
	width: 80%;
	height: auto;
	margin: auto;
	text-align: left;
	padding: 3px 3px 10px 3px;
	margin-bottom: 15px;
}

a.box img{
	align-items: center;
	width: 100%;
	height: auto;
}

a.box div.icon_noticia{
	display:block;
	position: absolute;
	bottom: -1px;
	right: 0;
	background: url(../img_site/icone_noticias_i.png) no-repeat center center;
	width: 22px;
	height: 26px;
	margin: 100px 0 0 0;
}

a.box:hover div.icon_noticia{
	background: url(../img_site/icone_noticias_a.png) no-repeat center center;
	transition:all linear 0.5s; 
}


/*CSS PARA CLIENTES*/
#clientes{
	display:block;
	padding: 2% 0 125px 0;
	height: auto;
	width:100%;
	text-align:center;
	margin: 0 0 50px 0;
	background-color:#FFF;
}

#clientes div.container_clientes{
	display: inline-flex;	
	flex-direction: column;
	justify-content: space-between;	
	margin-top: 5%;
	width: 100%;

}

#clientes div.box_clientes{
	padding: 3px;
}

#clientes div.box_clientes a{
	flex: 0;
	flex-direction: column;
}

#clientes div.box_clientes a:hover{
	cursor: none !important;
}


/*CSS PARA OS DIFERENCIAIS*/
#diferenciais{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	text-align: center;
	padding: 2% 0 5% 0;
	background-color: #000;
	overflow:hidden;
}

#diferenciais span{
	position:relative;
	display:block;
	width:100%;
	margin-bottom: 5%;
}

#diferenciais img{
	display:block;
	position: absolute;
	top:0;
	left:0;
	right:auto;
	height:100%;
	width: auto;
	opacity:0.4;
}

#diferenciais div.dif_esquerda{
	width:100%;
	float: none;
	position:relative;
	display:block;
}

#diferenciais div.dif_esquerda ul{
	padding:0;
	margin:0;
	list-style:none;
}

#diferenciais div.dif_esquerda ul li{
	display: block;
	position: relative;
	text-align: center;
	padding: 10px;
	margin: 0 0 5px 0;
	background-color: #000;
}

#diferenciais div.dif_direita{
	width:100%;
	float: none;
	position:relative;
	display:block;

}

#diferenciais div.dif_direita ul{
	padding:0;
	margin:0;
	list-style:none;
}

#diferenciais div.dif_direita ul li{
	display: block;
	position: relative;
	text-align: center;
	padding: 10px;
	margin: 0 0 5px 0;
	background-color: #000;
}

/*CSS PARA NOTICIAS*/
#noticias{
	display:block;
	width:100%;
	text-align:center;
	background-color:#EEEEEE;
	padding: 5% 0 5% 0;
}

#noticias ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-top: 2%;
	text-align:center;
}

#noticias ul a li{
	position:relative;
	width:90%;
	max-width: 350px;
	height: auto;
	margin: 2% 0 5% 0;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}

#noticias ul a li img{
	max-width:100%;
	height:auto;
}

#noticias ul a li span.btnoticias{
	position:absolute;
	display:block;
	bottom:5px;
	left:5px;
	background-color:#00599C;
	color:#FFF;
	padding: 7px;
}



}