html,body{background: #F1F1F1;margin:0;padding:0}
body{font: 80% Arial, Helvetica, sans-serif;text-align:left; line-height:160%}
h1{font-weight:bold; color:#FFFFFF; letter-spacing: 1px; font-size:14px; text-align: left;}
h2{text-align:left; font-weight:normal; color:#7C7C7C ; text-decoration:none;  margin-bottom:10px}
h3{color: #7C7C7C; font-weight:bold; font-size: 30px; padding:0}
h4 {color: #E20613;display: block;height: 27px;margin: 0px}

p{color: #727070;margin:0 2px 20px; padding:0px; text-align:justify} 
p2{color: #727070;margin:0 2px 20px; padding:0px;} 
.a2{cursor:pointer; transition: All 0.3s;margin-top: 10px; color:#FFFFFF; background: #E20613 ;font-size:11px; font-weight:bold; font-weight:normal; padding: 7px 22px 9px 22px; display:inline-block; text-decoration: none;width:auto; height:16px;}
.a2:hover{color:#E20613; background:#FFFFFF }
td{padding-top: 3px; padding-bottom:5px; text-align: left; color:#727070; vertical-align: top}
ul{padding-left:15px}
input{background:none; width:100px; height:20px; border:1px solid #5E7BAD; padding:1px; color:#5E7BAD}
/*img{margin-bottom:20px; border-

style:solid; border-color:#D9D9D9}*/



.central{clear:both; width:900px; margin-left:auto; margin-right:auto;
            display: -webkit-box;     
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; 

}
            
#mapaSite{display:block}
#menu_lateral{position:fixed; right: 0px; top:250px;}
.btns_menu_lateral{color: #FFFFFF; text-align:center; padding: 10px; font-weight: bold; font-size: 10px;border-bottom:solid 2px #CE000C;height: 55px; background: #E20613;}
.menus_lateral{background: #E20613;width: 300px; height: 211px;padding: 10px 20px; display:none; z-index: -1;}
.inputs{background: #FFFFFF; border: none; margin: 6px 0px; width: 250px; padding:4px}
.inputs_btn{background: #CE000C; border: none; padding:4px 10px;color: #FFFFFF; font-weight:bold; width:80px; display:inline}
.close_btn{background: #CE000C; border: none; padding:4px 10px;color: #FFFFFF; font-weight:bold; width:80px; display:inline}

.textUl{list-style: none;}
.textUl li{color: #727070;padding:0px 25px;border-left: 4px solid #E20613;margin: 10px; font-weight: bold;line-height: 14px;}
.linkUl li a{color:#727070}
#container{clear:both; text-align:left; width:100%;margin:0 auto; text-align:left; position: absolute; z-index:-1}

.sub_navigation{position:absolute} 
.li{z-index: 3;padding: 7px;background: #CE000C;border-bottom: 1px solid #A3000A;list-style-type: none; text-align:center}
.li:hover{background:#A3000A}
.li a{color:white; font-weight:bold; text-decoration:none; font-size:12px}

#header {background: #FFFFFF; border-bottom:1px solid #DDDDDD; z-index:3}

#area_clientes_btn{ text-align:right; color:#2E2E2E; font-size:9px; font-weight:bold; margin-bottom:5px;display:none}
#top_menu{display:block}
#btns{float:right; display:inline; padding:0px; margin-top:20px}
#logo{float:left; margin-top: 15px; width: 250px; height:55px}
.btn_a{letter-spacing: 2px;padding: 7px 15px;color: #2E2E2E;font-size: 12px;font-weight: bold;text-decoration: none;display: inline-flex;}
.menus{display:inline-block;}

#linguas a {color: black; text-decoration:none}

#menu_servicos li{width: 185px;margin-left: -70px;}
#menu_tecnologia li{width: 136px; margin-left: -43px;}
#menu_empresa li{width: 120px;margin-left: -41px;}
#menu_informacao li{width: 120px;margin-left: -28px;}
.menus ul{display:none}

.submenus{background: #3D3D3D; padding:20px 0px; color: #FFFFFF; font-size:11px;position:relative; left:4px; top:1px;display: none}
.submenus_links{margin: 10px 0px; padding: 0px 20px; cursor:pointer;}
 
 .clientesp p{margin:2px}
 
.servicosHome{width:260px}
.servicosHome img{width:214px}
.servicosHome p{height:150px; width:214px}
.servicosHome h1{color:#CE000C; }
.servicosTitleHome {margin: 30px 0px;padding: 10px 0px;font-size: 18px;border-color: #777777;border-style: solid;border-width: 1px 0px;letter-spacing: 2px;}
.servicosWrapperHome{display: -webkit-box;     
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
.servicosWrapper{width:267px}
.servicosWrapper img{width:100%; margin-bottom:10px}
.servW p{height:110px}
.servTitle {border: none;margin:10px 0px; height:40px;}
.servicosDisplay{display:inline-flex; margin-bottom:50px}
.outrosServicos{width:25%; text-align: center;padding: 4px;}
.outrosServicos .servTitle{font-size:14px; margin-top:30px}
.outrosServicos img{width:100%}
.outrosServicosImg{width: 170px; height: 170px; background-position: center; margin:auto}
.outrosServicosImg div{width:100%; height:100%; cursor:pointer}
.outrosServicosImg div:hover{background-color: rgba(180, 0, 0, 0.65)}
 
 .cont{width: 300px;margin: 0px 40px;}
 .cont p{}
 .cont span{font-weight:bold}
 .cont img {width: 20px;float: left;margin-right: 15px;}
 
.projecto h1{width: 160px;margin:2px 0px; color: #727070;padding: 3px 15px;border-left: 5px solid #E20613;margin-bottom:10px; }
.projecto p {width: 171px;text-align: left;margin-bottom:30px}  
#slide_imagens{height: 400px}
.slide_imagens_img{}
#slide_texto{text-align:left; width:410px; color: white; padding:5px; display:none}
.slide_texto_titulo{color:white;font-size: 20px; font-weight:normal; margin-bottom:3px; }
.slide_texto_txt{color:white; font-size: 15px; display:none }

.mapaSiteSecao a{display: flex;text-decoration:none; color: #727070;margin: 0px;padding: 0px;text-align: left;}
.mapaSiteSecao a:hover{color: #CE0505;}

#servicoswide{background:#FFFFFF;}
#servicos aside{background:#FFFFFF} 
#servicos img{border:2px; border-style:solid;border-color:#E6E3E3}
.projectos{border-bottom:1px solid #DDDDDD; padding:10px 0px}

.infoWrapper{display:flex;width:900px;  background-position: center; }

.mapaSiteSecao {width: 20%; padding-right:10px}

.infogra{height: 300px; background-image: url('Imagens/Infografia2.jpg'); cursor:pointer}
.infogra a {}
.infogra:hover{}
.mapaSiteTitle{border:none}

#content{background: #E4E4E4;padding:10px 0px;display:block}
#infografia{padding:20px ; width:860px; margin: 0px auto; height: 560px;background-image:url('Imagens/Infografia.jpg')}
.info_opt{background:#1D6FB9; display:inline-block; width:247px; margin:20px 25px; color: white; text-align:center; font-weight:normal; padding:7px 0px}
.info_btn{backgroundSSSS:#331414; border-radius:50%; width:18px; height:18px; cursor:pointer; position:relative}
.info_close_btn{float:right; border-radius:50%; width:22px; height:22px; cursor:pointer; background-color:rgb(29,111, 184); text-align:center	}
.info_box{background-color:rgba(29, 111, 184, 0.9); position:relative; padding:5px 15px 20px 15px; width: 230px; color: white;display:none}
#info_btn_1{top:96px; left: 283px}
#info_box_1{top:62px; left: 301px}
#info_btn_2{top:125px; left: 266px}
#info_box_2{top:105px; left: 284px}
#info_btn_3{top:133px; left: 250px}
#info_box_3{top:132px; left: 267px}

#header h1{margin:0; padding:0; color: #FFFFFF; text-shadow:none}
#clientes{float:right; color:#BEBCBC; font: 90% Arial, Helvetica, sans-serif; font-weight:bold;}
  
td img {width:90%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);}
  
#accordion h3{cursor:pointer;padding: 0px;font-size: 14px;color: black;margin: 8px 0px;}  
#accordion h3:hover{color:rgb(211, 0, 0);}
.span{ background: rgb(211, 0, 0); cursor:pointer; padding: 2px 6px;border-radius: 15px;color: white;margin-right: 10px;font-size:12px;position: relative;top: -1px;} 
.span:hover{background: rgb(140, 0, 0)}
#navPro{}
#navigationwide{height:240px}
#navigation{padding:0; display:flex;margin:0px}
#menu{	background: -moz-linear-gradient(bottom,  #EE2639,#C61021); /* Firefox 3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#EE2639), to(#C61021));
	float:right;
	width: 240px;
	height: 228px;
	padding-top:2px}

#menu a:visited {
display: block;
color: white;
background: none;
padding: 10px 20px 5px 20px;
margin: 0;
font-size: 13px;
height: 30px;
}
#menu a:link {
letter-spacing:2px;
display: block;
color: #FFFFFF;
  background: url('btn_back.png');
  background-repeat: no-repeat; 

background-position: -200px 0px;
  overflow: hidden;
  opacity:0.5;
padding: 10px 20px 5px 20px;
margin: 0;
font-size: 

15px;
height: 30px;

-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#menu a:hover{
	background-position: 0px 0px;
	

color:#000000}
#menu_mobile{display:none}
#setas {
	float:left;
	width: 10px;
	height:100%;
	

background:white;
	margin:10px
	}
#barra{
	display:none;
	height:40px;
	width:500px; 
	

position:absolute;
	top:290px;
	background:#17375E;
	opacity:0.4;
	z-index:1 }
#frase{
	display:none;
	

color:#FFFFFF; 
	font-size: 16px;
	font-weight:bold;
	text-align:right;
	width:490px;
	text-shadow:none;
	position:absolute;
	top: 300px;
	z-index:2}
#imagem{
	float:left; 
	width: 500px;
	

height:230px;
	}

#contentwide{
	background: #F2F2F2;
	border-top-style:solid;
	border-top-width:1px;
	border-color: 

#DAD8D8;}

#esquerda{
	width:500px; 
	}
#direita{
	width:300px;
	float:right;}
#direita  ul{
	
	

list-style:disc;
	color:#1F497D;
	margin-left:10px;}

#projectos {
	border-top-style:solid;
	border-top-width:1px;
	

border-color: #DAD8D8;
	margin-top:20px;
	padding-top:20px}
#projectos a:link{
	background:none;
	

font-size: 12px;
	color:#FD7A86;
	padding:1px;
	text-decoration:underline}
#projectos a:visited{
	

background:none;
	font-size: 12px;
	color:#EE2639;
	padding:4px;
	text-decoration:underline}


#footerwide{height:100%; color:#D9D9D9;	background: -webkit-gradient(linear, left top, left bottom, from(#333333), 

to(#5D5D5D)); background: -moz-linear-gradient(bottom,  #333333,  #5D5D5D); /* Firefox 3.6+ */ }
#footer{margin-top:40px; border-top:1px solid #DDDDDD}
#footer p{margin:0 ;padding:5px 10px}
#footer a:link{
	color:#D9D9D9;
	

display:block;
	padding:3px;
	background:none;
	text-decoration: none;
	font-weight: normal; 
}
#desen 

{padding-right: 50px; padding-top:10px; text-align:right}
#desen a{
	background:none;
	display:inline;}
.wide{clear:both;}

.btn{margin-right:10px; padding:2px; color: #FFFFFF; background: #EE2639; font-weight:bold; font-size: 10px; float:left; width:13px; text-align:center}