/* reset5 Â© 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:square;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}

a {
	text-decoration: none;
	color:#0B2F63;
}
@font-face {
    font-family: 'MyriadProLight';
    src: url('myriadpro-light.eot');
    src: url('myriadpro-light.eot') format('embedded-opentype'),
         url('myriadpro-light.woff') format('woff'),
         url('myriadpro-light.ttf') format('truetype'),
         url('myriadpro-light.svg#MyriadProLight') format('svg');
}


@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriadpro-webfont.eot');
    src: url('myriadpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-webfont.woff') format('woff'),
         url('myriadpro-webfont.ttf') format('truetype'),
         url('myriadpro-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;


}


body
{
	background: url('../img/fundo.png') repeat;
}


.container
{
	position: relative;
	clear: both;
	/*float: left;*/
	max-width: 894px;
	height: auto;
	margin-top: 0px;
	margin: 0 auto;
	/*margin-left: -450px;*/
	/*left:50%;*/


}


#logo
{
	position: absolute;
	float: left;
	left: 50px;
	top: 37px;
	width: 282px;
	height: 44px;
	background: url('../img/logo.jpg')no-repeat;
}



#menu
{
	position: absolute;
	float: right;
	right: 40px;
	top: 60px;
	width: auto;
	height: 50px;
}

#secondMenu
{
	position: absolute;
	float: right;
	right: 264px;
	width: auto;
	margin-top: 10px;
}

#secondMenu ul li
{
	margin: 5px 5px;
	color:#0B2F63;
	font: 13px 'MyriadProRegular';
	text-decoration: none;
	display: inline-block;
}


#menu_mobile {
	display: none;
}


#cruz, #barras {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 1.3em;
  display: none;
}

#cruz {
	opacity: 0;
}

#checkbox {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
  display: none;
}
#checkbox:checked ~ nav {
  display: block;
}
#checkbox:checked ~ #cruz {
  opacity: 1;
  z-index: 4;
}
#checkbox:checked ~ #barras {
  opacity: 0;
}



.links
{
	position: relative;
	float: left;
	color:#0B2F63;
	font: 15px 'MyriadProRegular';
	text-decoration: none;
	margin-top: 15px;

}

.links:hover 
{
	color: #D16707;
}

#menu ul li
{
	margin: 10px 20px;
	color:#0B2F63;
	font: 15px 'MyriadProRegular';
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
}


a:hover, a:hover
{
	color: #D16707;
}


/*    ##### MENU   */

#header
{
	position: relative;
	float: left;
	width: 100%;
	height: 105px;
	margin-top: 0px;
	margin-left: 0px;
	background: #FFF;
}


#arealang
{
	position: absolute;
	float: right;
	right:180px;
	top:0px;
	width: 79px;
	height: 33px;
	background: url('../img/fundoLang.png')no-repeat;
}


#langCent
{
	position: relative;
	text-align: center;
	margin-top: 7px;
	color: #0B2D63;
	cursor: pointer;
	font: 15px 'MyriadProRegular';
}

#langCent:hover
{
	color: #D16707;
}

#linkLang
{
  color: #0B2D63;
  text-decoration:none;
}

#linkLang:hover
{
  color: #D16707;
}




/* ##### FOOTER */

/*
#footer
{
	position: absolute;
	float: left;
	width: 100%;
	height: 105px;
	left: 0px;
	//bottom: 0px;
	background: #FFF;
}

*/


#footer
{
	position: relative;
	margin-top: -105px; /* negative value of footer height */
	height: 105px;
	clear:both;
	background: #FFF;
	/*

	position: relative;
	margin-top: -105px;
	height: 105px;
	clear:both;

	width: 100%;
	height: 105px;
	margin-left: 0px;


*/

}



#containerFooter
{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: white;
		box-sizing: border-box;
	/*margin-left: -600px;*/
	/*left:50%;*/

}

#direitos
{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
	font: 10px 'MyriadProRegular';
	color:#999999;
}


#moradaFooter
{
	position: relative;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	font: 10px 'MyriadProRegular';
	color:#999999;
}

#emailFooter
{
	position: relative;
	float: right;
	margin-right: 40px;
	margin-top: 10px;
	font: 10px 'MyriadProRegular';
	color:#999999;
}


#linkedIn
{
	position: relative;
	float: right;
	margin-top: 8px;
	margin-right: 40px;
	width: 	24px;
	height: 24px;
	background: url('../img/linkedin.png')no-repeat;
}


#apoios
{
	position: relative;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	width: 	300px;
}


#skype
{
	position: relative;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	width: 	24px;
	height: 24px;
	background: url('../img/skype.png')no-repeat;
}



/* ###### FGP */


#accordion
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-top: 0px;
	width: 100%;
	height: auto;
}

.tab
{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	clear: left;
	height:70px;
	border:none;
	font-size: 28px;
	width:100%;
	font-family: 'MyriadProRegular';
	padding-left: 60px;
	padding-top: 25px;
	box-sizing: border-box;
}

.tab1
{
	background: #0B2F63;
	color:#FFFFFF;
}

.tab2
{
	background: #FFFFFF;
	color:#0B2F63;

}


.accTitle
{
	cursor: pointer;
}


.tabExp1
{
	background: #0B2F63;
	color:#FFFFFF;
}

.tabExp2
{
	background: #FFFFFF;
	color:#0B2F63;
}


.ui-accordion-content{
	padding: 20px 20px;
	background: #0B2F63;

}



.ui-accordion-content2{
	padding: 20px 20px;
	background: #FFFFFF;

}


.imgTabs
{
	max-width: 541px; 
	/*position: relative;
	float: left;
	width: 541px;
	height: 279px;
	margin-left: -35px;
	margin-top: 10px;*/
}



.textTabs
{
	/*position: relative;*/
	/*float: left;*/
/*	margin-top: 30px;
	margin-left: 30px;*/
	font: 14px 'MyriadProRegular';
  text-align:justify;

}

.textTitle {
	font-family: 'MyriadProRegular';
	margin-bottom: 10px;
}

.verMais
{
	position: relative;
	float: right;
	margin-top: 4px;
	margin-right: 30px;
	font:16px 'MyriadProRegular';
}

.textTabs1
{
	color:#FFFFFF;
}

.textTabs2
{
	color:#0B2F63;
}




/* #### CERTIFICACOES  */


#gridEsq
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 50%;
	background: #0B2F63;
	padding: 40px;
	box-sizing: border-box;
	height: 450px;
}

#gridEsq a {
	color: #D16707;
}

#gridDir
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 50%;
	height: 450px;
	background: #FFF;
	padding: 40px;
	box-sizing: border-box;
}

#gridDir p {
	text-align: center;
}

#certiTitle
{
	position: relative;
	float: left;
	/*margin-left: 57px;*/
	margin-top: 0px;
	font: 43px 'MyriadProRegular';
	color:#FFF;
}

#certiText
{
	position: relative;
	float: left;
	/*margin-left: 57px;*/
	margin-top: 30px;
	font: 14px 'MyriadProRegular';
	color:#FFF;
}


#imgCertificadoLNEC
{
	width: 100%;
	/*height: 428px;*/
}
#imgCertificadoTUV
{
	width: 80%;
	/*height: 428px;*/
}
/*  #### MAPA */


#mapa
{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 900px;
	height: 427px;
	background: url('../img/contactos/mapa.jpg') no-repeat;
}



#contactosTitle
{
	position: relative;
	float: left;
	/*margin-left: 57px;*/
	/*margin-top: 25px;*/
	font: 43px 'MyriadProRegular';
	color:#FFF;
	width:324px;
}

.contactosTitle
{
	position: relative;
	float: left;
	/*margin-left: 57px;*/
	margin-top: 30px;
	font: 18px 'MyriadProRegular';
	color:#FFF;
	width:324px;
}

.contactosText
{
	position: relative;
	float: left;
	/*margin-left: 57px;*/
	margin-top: 30px;
	font: 14px 'MyriadProRegular';
	color:#FFF;
	width:324px;
}

.contactosText a {
	color: #D16707;
}



#FormularioContacto
{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 20px;
	/*width: 450px;*/
	height: auto;
}

.formTitles
{
	position: relative;
	float: left;
	height: 28px;
	/*margin-left: 40px;*/
	font: 14px 'MyriadProRegular';
	color:#0B2F63;
	margin-top: 20px;
	clear: left;
}


.formArea
{
	position: relative;
	float: right;
	width: 260px;
	height: 28px;
	/*background: url('../img/contactos/fundoForm.jpg');*/
	/*background-repeat: no-repeat;*/
	margin-right: 23px;
	margin-top: 20px;
	border: 1px solid #0B2F63;
}




#textArea
{
	position: relative;
	float: right;
	width: 260px;
	height: 85px;
	margin-top: 20px;
	/*background: url('../img/contactos/fundoTxtArea.jpg');*/
	/*background-repeat: no-repeat;*/
	margin-right: 23px;
	border: 1px solid #0B2F63;
}

textarea {
	/*padding-left:10px;
	padding-top:3px;*/
	border:none;
	background: transparent;
	width: 100%;
	height:85px;
	color:#0B2F63;
	font-family: 'MyriadProRegular';
	font-size: 19px;
}


.inputItem
{
	/*padding-left:10px;
	padding-top:3px;*/
	border:none;
	background: transparent;
	width: 100%;
	height:25px;
	color:#0B2F63;
	font-family: 'MyriadProRegular';
	font-size: 19px;
}



#msgSucesso
{
	position: relative;
	float:left;
	width:auto;
	height: auto;
	margin-top: 20px;
	margin-left: 126px;
	font-family: 'MyriadProRegular';
	font-size: 19px;
	color:#0B2F63;


}


#btnEnviar
{
	position: relative;
	float:right;
	clear: right;
	width:81px;
	height: 33px;
	background: url('../img/contactos/btnEnviar.jpg')no-repeat;
	margin-top: 15px;
	margin-right: 23px;
	cursor: pointer;

}

#enviar
{
	position: relative;
	text-align: center;
	font-family: 'MyriadProRegular';
	font-size: 14px;
	width: 81px;
	color:#0B2F63;
	background: transparent;
	line-height: 33px;
	cursor: pointer;

}



/* ###### SERVICOS */

.clear {
	clear: both;
}


#sevicosArea
{
	position: relative;
	float: left;
	padding: 15px;
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	height: auto;
	background: #FFF;
	box-sizing: border-box;
}


#servicosTitle
{
	position: relative;
	float: left;
	font: 43px 'MyriadProLight';
	color:#0B2F63;
	width:324px;
	box-sizing: border-box;
}


.servicosText
{
	position: relative;
	float: left;
	clear: left;
	font: 15px 'MyriadProRegular';
	line-height: 170%;
	color:#0B2F63;
}

.servicosText a {
	text-decoration: none;
	color: #D16707;
}

.servicosText a:hover {
	color: #D16707;
}


.gridServices {
	clear: both;
	padding: 15px;
	display: grid;
  	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  /* This is better for small screens, once min() is better supported */
  /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
  	grid-gap: 1rem;
  	grid-row-gap: 1.5rem;
  /* This is the standardized property now, but has slightly less support */
  /* gap: 1rem */
  background-color: #FFF;

}


.gridServices img {
	width: 100%;
}





/******* Detalhe de servico ********/
.servicoArea {
  position: relative;
  z-index: 5;
  padding: 100px 50px;
  width: 100%;
  box-sizing: border-box;
}

.servicoArea::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .2;
}


.servicoTitle
{
	position: relative;
	font: 43px 'MyriadProLight';
	color:#0B2F63;
	width:100%;
	box-sizing: border-box;
}


.servicoText
{
	position: relative;
	padding-top: 10px;
	font: 15px 'MyriadProRegular';
	line-height: 170%;
	color:#0B2F63;



}

.servicoDetalhe {
	background-color: #FFF;
    font: 15px 'MyriadProRegular';
    padding: 15px;
    color: #0B2E63;
}

.servicoDetalhe p {
	margin: 10px 0;
}

.servicoDetalhe div {
	margin: 10px 0;
	text-align: right;
}

.servicoDetalhe img {
	max-width: 100%
}


h2 {
	margin: 10px 0;
	line-height: 1.3em;
	font-size: 1.5em;
}

h3 {
	margin: 10px 0;
	line-height: 1.3em;
	font-size: 1.3em;
}


ul {
	margin-left: 15px;
}

li {
	line-height: 1.3em;
}

.borderRight {
	width: 50%;
	position: relative;
	left: 50%;
	border-top: 1px solid #0B2E63;
}


.g-de-e::before{
	background: url("../img/servicos/s1.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}
.f-de-o::before{
	background: url("../img/servicos/s2.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}
.g-de-o::before{
	background: url("../img/servicos/s3.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}
.p-de-e::before{
	background: url("../img/servicos/s4.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}
.c-de-p::before{
	background: url("../img/servicos/s5.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}
.r-de-p::before{
	background: url("../img/servicos/s6.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}
.i-d-i::before{
	background: url("../img/servicos/s7.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}
.h-s-s-t::before{
	background: url("../img/servicos/s8.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}
.c-e-c-p::before{
	background: url("../img/servicos/s9.jpg") center center;
	background-size: cover;	
    background-repeat: no-repeat;
}





/* #####  PORTFOLIO  */
#portfolioIntro {
	background-color: #fff;
	font:15px 'MyriadProRegular';
	padding: 15px;
	color:#0B2E63;
}

#portfolioTitle
{
	position: relative;
	float: left;
	font: 43px 'MyriadProLight';
	color:#0B2F63;
	width:100%;
	box-sizing: border-box;
}

#portfolioIntro p {
	padding:5px;
}

#portfolioIntro a {
	text-decoration: none;
	color: #D16707;
}

#portfolioIntro a:hover {
	color: #D16707;
}

#categorias
{
	position: relative;
	float: left;
	width: 225px;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;

}


#subCategorias
{
	position: relative;
	float: left;
	width: 219px;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;

}


/*
.containerCategorias
{
	position: relative;
	float: left;
	width: 219px;
	height: 158px;
	margin-top: 0px;
	margin-left: 0px;
	z-index:0;
	display:none;
}
*/

.categoriasArea
{
	position: relative;
	float: left;
	margin-left:0px;
	margin-top: 0px;
	width: 225px;
	height: 79px;
	background: #FFF;
	//border-bottom: 1px solid #ccc;
	color:#D16707;
	cursor: pointer;

}

.categoriasArea:hover
{
	color:#0B2E63;
}


.containerBarraCat
{
	position: relative;
	float: left;
	margin-left:0px;
	margin-top: 0px;
	width: 8px;
	height: 79px;
	background: transparent;
}

.barraCat
{
	position: relative;
	float: left;
	margin-left:0px;
	margin-top: 0px;
	width: 8px;
	height: 79px;
	background: #D16707;
	display:none;
}


.tituloCat
{
	position: relative;
	text-align: center;
	font:18px 'MyriadProRegular';
	//line-height: 79px;
	margin-top: 20px;

}


.subCatAreas
{
	position: relative;
	float: left;
	margin-left:0px;
	margin-top: 0px;
	width: 219px;
	height: 158px;

}


.containerBarraSub
{
	position: relative;
	float: left;
	margin-left:0px;
	margin-top: 0px;
	width: 8px;
	height: 158px;
	background: transparent;
}


.barraSub
{
	position: relative;
	float: left;
	margin-left:0px;
	margin-top: 0px;
	width: 8px;
	height: 158px;
	background: #0B2F63;
	display:none;
}

.thumbSubContainer
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 211px;
	height: 79px;
	overflow: hidden;
	display: flex;
    align-items: center;
}

.thumbSub
{
	flex-shrink:0;
    min-width:100%;
    min-height:100%
}

.titleSubCatArea
{
	position: relative;
	float: left;
	margin-top: 0px;
	background: #FFF;
	width: 211px;
	height: 79px;
	color:#0B2E63;
	cursor: pointer;

}


.titleSubCatArea:hover
{
	color:#D16606;
}

.titleSubCat
{
	position: relative;
	text-align: center;
	margin-top: 20px;
	font:15px 'MyriadProRegular';
	padding: 0px 15px;



}


#descricaoArea
{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 450px;
	height: auto;



}

.descricao
{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 450px;
	height: auto;
	background: #0B2F63;
}


#descricao
{
	background: #0B2F63;
}


.sliderHolder
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width:450px;
	height: 317px;
	overflow: hidden;

}


.sliderPort
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width:1800px;
	height: 317px;

}


.imgPortContainer {
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	height: 317px;
	width: 450px;
	overflow: hidden;
	display: flex;
    align-items: center;
}

.imgPort img
{
	flex-shrink:0;
    width:100%;
    height:100%;
    object-fit: cover;
}

.wrapperButtons
{
	position: relative;;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width:auto;
	height: 20px;
}

.buttons
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	background: url('../img/button.png') no-repeat;
	width: 41px;
	height: 20px;
	cursor: pointer;
}

.buttons:hover
{
	background: url('../img/buttonHover.png') no-repeat;
}

.buttonsHover
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	background: url('../img/buttonHover.png') no-repeat;
	width: 41px;
	height: 20px;
	cursor: pointer;
}

.descHolder
{
	position: relative;
	float: left;
	margin-top: 0px;
	padding-left: 40px;
	width: 370px;
	height: auto;
	padding-bottom: 60px;
	box-sizing: border-box;
}


.xpto
{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px !important;
}


#holderTextSlider
{
	position: absolute;
	float: left;
	margin-left: 0px;
	margin-top: 350px;
	z-index: 1;
	width: 530px;
	height: 105px;
	overflow: hidden;
}


.textSlider
{
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 530px;
	height: 105px;
	font:31px 'MyriadProRegular';
	color:#FFF;
	background: rgba(1,47,100,0.8);
	display: none;

}


.containerCategorias
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width: 219px;
	max-height: 850px;
	overflow-y:scroll;
}

.barraSlider
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	height: 105px;
	width: 8px;
	background: #D16707;
}

.titlesDesc
{
	position: relative;
	float: left;
	clear: left;
	margin-top: 50px;
	margin-left: 0px;
	font:18px 'MyriadProRegular';
	color:#FFF;

}

.textDesc
{
	position: relative;
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 0px;
	font:14px 'MyriadProRegular';
	color:#FFF;
}







/*  #### RH */


#textQuadro
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	font:14px 'MyriadProRegular';
	color: #FFF;
}




.permArea
{
  position:relative;
  float:left;
  margin-top:7px;
  margin-left:7px;
  width:257px;
  height:84px;
  background:#FFF;
}


.photoPerm
{
  position:relative;
  float:left;
  margin-top:0px;
  margin-left:0px;
  width:70px;
  height:84px;
  background:#fff;
}

.descQuadro
{
  position:relative;
  float:left;
  margin-top:0px;
  margin-left:0px;
  width:187px;
  height:84px;
  background:#FFF;
}

.nomePerm
{
  position: relative;
  float: left;
  margin-top: 8px;
  margin-left: 12px;
  font: 16px 'MyriadProRegular';
  color:#0B2E63;
  text-align: left;
  width: 100%;
}

.habPerm
{
  position: relative;
  float: left;
  margin-top: 2px;
  margin-left: 12px;
  font: 14px 'MyriadProLight';
  color:#0B2E63;
}


.funcaoPerm
{
  position: relative;
  float: left;
  margin-top: 0px;
  margin-left: 12px;
  font: 14px 'MyriadProLight';
  color:#0B2E63;
}



#col1
{
	position: relative;
	float: left;
	margin-top: 25px;
	margin-left: 0px;
	width: 233px;
	height: auto;
}


#col2
{
	position: relative;
	float: left;
	margin-top: 25px;
	margin-left: 28px;
	width: 206px;
	height: auto;

}


#col3
{
	position: relative;
	float: left;
	margin-top: 25px;
	margin-left: 28px;
	width: 301px;
	height: auto;

}


.colTitle
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	font:18px 'MyriadProRegular';
	color: #FFF;
	clear: left;

}

.colDesc
{
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	font:16px 'MyriadProRegular';
	color: #FFF;
	line-height: 160%;
	clear: left;
}



.colTitle2
{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	font:18px 'MyriadProRegular';
	color: #0B2D63;
	clear: left;

}

.colDesc2
{
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	font:14px 'MyriadProRegular';
	color: #0B2D63;
	line-height: 160%;
	clear: left;
}


#organograma
{
	position: relative;
	float: left;
	width: 900px;
	height: 645px;
	margin-left: -35px;
	margin-top: 10px;
}


/* Testemunhos */

#testemunhosIntro {
	background-color: #fff;
	font:15px 'MyriadProRegular';
	padding: 15px;
	color:#0B2E63;
}



#testemunhosAreaTitle
{
  position:relative;
  float:left;
  margin-top:0px;
  margin-left:0px;
  width:100%;
  font-size: 23px;
  height: 79px;
  background:#0B2F63;
}


#testemunhosArea
{
  position:relative;
  float:left;
  margin-top:0px;
  margin-left:0px;
  width:100%;
  height:auto;
  padding-bottom:50px;
  background:#FFF;
}


.testemunhoArea
{
  position:relative;
  float:left;
  margin-top:40px;
  padding-left: 13px;
  padding-right: 13px;
  width:874px;
  height:auto;
}

.testemunhoText
{
  position:relative;
  float:left;
  margin-top:15px;
  margin-left:0px;
  margin-right: 0px;
  width:100%;
  height:auto;
  color:#0B2F63;
  font: 14px 'MyriadProRegular';
  clear: left;
  word-wrap: break-word;
}




.testemunhoAutor
{
  position:relative;
  float:left;
  margin-top:5px;
  margin-left:0px;
  color:#D16707;
  font: 18px 'MyriadProRegular';
  font-weight:bold;
  margin-right: 0px;
}

.separadorTestemunhos
{
  position:relative;
  float:left;
  margin-top:0px;
  margin-left:13px;
  width:2px;
  height:213px;
  background:url('../img/separadorTestemunhos.png') no-repeat;
}

.separadorTestemunhosNew
{
position:relative;
  float:left;
  clear: left;
  margin-top:20px;
  margin-left:0px;
  margin-right: 0px;
  width:874px;
  height:1px;
  background: #0B2F63;
}

 /*--- NOTICIAS -------*/
#noticiasArea
{
	padding: 15px;
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	height: auto;
	background: #FFF;
	box-sizing: border-box;
}


#noticiasTitle
{
	font: 43px 'MyriadProLight';
	color:#0B2F63;
	width: 100%;
	box-sizing: border-box;
	padding-top: 10px;
}


.noticiasText
{
	font: 15px 'MyriadProRegular';
	line-height: 170%;
	color:#0B2F63;
}

.gridNoticias {
	display: grid;
  	grid-template-columns: 1fr;
  	grid-template-rows: auto;
	font: 15px 'MyriadProRegular';
	color:#0B2F63;
}

.gridNoticia {
	display: grid;
	grid-template-columns: 1fr 5fr;
	grid-template-rows: auto;
	grid-gap: 1em;
}

.gridNoticia img, .noticiasText img {
	width: 100%;
	margin-top: 10px;
}


.noticiaData {
	display: grid;
	/*grid-template-columns: 1fr;*/
	grid-template-rows: auto;
	grid-gap: 0.5em;
}

.noticiaTitleDate {
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-template-rows: auto
}

.noticiaTitleDate div:nth-child(1) {
	font: 17px 'MyriadProLight';
}
.noticiaTitleDate div:nth-child(2) {
	text-align: right;
}

.noticiaBody {
	overflow-wrap: anywhere;
}

.noticiaDetailDate {
	font: 15px 'MyriadProRegular';
	line-height: 170%;
	color:#0B2F63;
	text-align: right;
}

a.noticiasSmall {
	font: 12px 'MyriadProRegular';
	color:#0B2F63;
}

#banner
{
	float:left;
	position:relative;
	margin-top:0px;
	left:0px;
	width:100%;
	height:700px;
	overflow:hidden;
	z-index:0;
}


#stripe
{
	position:absolute;
	top:0px;
	left:0px;
	height:700px;
	float:left;
}


.img
{
	position:relative;
	float:left;
	overflow: hidden;
}



#linkIndex
{
	color: #D16707;
}



#footer
{
	position: relative;
	float: left;
	width: 100%;
	height: 105px;
	margin-left: 0px;
	margin-top: 20px !important;
	background: #FFF;
}

/* CSS que acrescentei */

.containerNovo
{
	position: relative;
	clear: both;
	max-width: 894px;
	height: auto;
	margin-top: 0px;
	margin: 0 auto;
	padding: 15px;
	background: #FFF;
}

.grid1 
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-gap: 2rem;
}

.grid2
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	grid-gap: 1rem;
	margin: 15px 0;
}

.grid2 img 
{
	width: 100%;
}

.grid3
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	grid-gap: 1rem;
	margin: 15px 0;
}

.grid3 img 
{
	width: 100%;
}

.border {
	width: 100%;
	position: relative;
	border-top: 1px solid #0B2E63;
	margin: 20px 0;
	float: right;
}

.linha {
	
}

.borderLeft {
	width: 70%;
	position: relative;
	border-top: 1px solid #0B2E63;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ultObras
{
	position: relative;
}

.overLay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}

.pCima
{
	position: absolute;
	padding: 8px;
	top: 0;
	color: #FFF;
}

.pBaixo
{
	position: absolute;
	padding: 8px;
	bottom: 0;
	right: 0;
	color: #FFF;
}

p {
	font: 15px 'MyriadProRegular';
	color:#0B2F63;
}

h1 {
	font: 30px 'MyriadProRegular';
	font-weight: bold;
	color: #0B2F63;
	padding: 15px 0;
}

h2 {
	font: 24px 'MyriadProRegular';
	font-weight:bold;
	color: #0B2F63;

}

h3 {
	font: 20px 'MyriadProRegular';
	font-weight: bold;
	color: #0B2F63;
}



.btnNoticias {
	border: 1px solid #0B2F63;
	background-color: #FFF;
	color: #0B2F63;
	padding: 7px 18px;
	cursor: pointer;
	margin-top: 15px;
}

.btnNoticias:hover  {
	color: #D16707;
	border: 1px solid #D16707;
}

.btnServicos {
	border: 1px solid #0B2F63;
	background-color: #FFF;
	color: #0B2F63;
	padding: 7px 18px;
	cursor: pointer;

}

.btnServicos:hover  {
	color: #D16707;
	border: 1px solid #D16707;
}

.btnObras {
	border: 1px solid #0B2F63;
	background-color: #FFF;
	color: #0B2F63;
	padding: 7px 18px;
	cursor: pointer;
	margin-bottom: 20px;
}

.btnObras:hover  {
	color: #D16707;
	border: 1px solid #D16707;
}

.gridUltNoticias {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

.dateNoticia {
	font: 13px 'MyriadProRegular';
	color:#0B2F63;
}

.tituloNoticia {
	font: 13px 'MyriadProRegular';
	color:#0B2F63;
}

.corpoNoticia p {
	font: 13px 'MyriadProRegular';
	color:#0B2F63;
	overflow-wrap: anywhere;
}

@media (max-width: 850px){
	#logo
	{
		top:5px;
	}
}
