@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i');

*{	margin: 0px;
	padding: 0px;
	list-style:none;
	border:none;
}

body {
	width:100%;
	height:100%;
	font-family: 'Lato', sans-serif;
	color:#002c4d;

}
img{max-width:100%;height:auto}
a { text-decoration:none}
.branco_topo{height:40px;background-color:#fff;}
#home, #empresa, #servicos, #obras, #contato{	
	min-height:94vh;
	background-size:cover;
	position:relative;
	}
#slides_mobile{display:none;}
#menu_hamburguer{display:none;position:fixed;top:0;right:0;z-index:8000;max-width:37px;}
#menu_topo{background-color:#fff;position:fixed;width:100%;top:0;z-index:1000;}
#menu_topo.abre{right:0;}
.menu{width:75%;max-width:1100px;margin:auto;}
.menu li{display:inline;}
.menu a{text-transform:uppercase;color:#ffba00;    padding: 0 2em 0 0;cursor:pointer;line-height:41px}
.menu a:hover, .menu a.ativo{color:#002c4d;}
#empresa{background-image:url(imagens/fundo_empresa.jpg);}
#servicos{background-image:url(imagens/fundo_servicos.jpg);}
#obras{background-image:url(imagens/fundo_obras.jpg);}
#contato{background-image:url(imagens/fundo_contato.jpg);}
.barraamarela{background-image:url(imagens/barra_amarela_interna.png);background-size:cover;}
.barraamarela.home{background-image:url(imagens/barra_amarela_home.png);}
.barraamarela p{display:block;width:75%;max-width:1100px;margin:auto;line-height:10vh;text-align:right;color:#002c4d}
.logo{position:absolute;left:50%;margin:0 0 0 -37.5%;z-index:800;top:0}
#simpllex{position:absolute;bottom:10%;width:80%;text-align:right;font-size:0.9em;    z-index: 1000; left: 50%; margin: 0 0 0 -40%;}
#simpllex a{color:#002c4d;}
#titulo_mobile{display:none;}

#empresa_interna{width: 55%;margin: 7em auto 0 auto; max-width: 1100px;}
#empresa_interna p{margin:1em 0}
#empresa_interna td {text-align:center;padding: 1em;vertical-align: bottom;}
#empresa_interna .numero{color:#c9d8e3;font-size:4em;}
#empresa_interna td p, #apres_mobile p{margin:0;text-transform:uppercase;color:#6e93a9;font-size:0.8em;}
.tabela_apres{background-color:#d3dfe8;vertical-align:middle;text-align:center;padding: 0.5em;margin:0.5em;}
#apres_mobile{display:none;}
#empresa_interna h2, #servicos_interna h2, #obras_interna h2, #contato_interna h2{display:none;text-transform:uppercase;color:#002c4d;;padding: 0 0 0 140px;
    font-weight: normal;
    line-height: 2em;}

#servicos_interna{width: 77%;max-width: 1100px; margin: 6em auto 0 auto;position:relative;}
#menu_servicos{float:left;width:32%;margin: 0 13% 0 0;}
#menu_servicos li{padding:1em;border-bottom:solid 2px #fff;}
#menu_servicos li:hover, #menu_servicos li.aceso{background-color:rgba(87, 121, 148, 0.26);cursor:pointer}
#menu_servicos a:before{display: table-cell;float: left; margin: 0 1em 0 0;width: 40px; text-align: center;vertical-align:middle}
#menu_servicos li.serv01 a:before{content:url(imagens/icone_servicos01.png);}
#menu_servicos li.serv02 a:before{content:url(imagens/icone_servicos02.png);}
#menu_servicos li.serv03 a:before{content:url(imagens/icone_servicos03.png);}
#menu_servicos li.serv04 a:before{content:url(imagens/icone_servicos04.png);}
#menu_servicos li.serv05 a:before{content:url(imagens/icone_servicos05.png);}
#menu_servicos a{ display: table-cell; white-space:nowrap;vertical-align:middle; cursor:pointer  }
.servicos_container{position:absolute;width: 55%;left:40%;display:none;}
.servicos_container.visivel{display:block;}
.servicos_conteudo p{font-size:0.85em;margin:0.5em 0}
.servicos_conteudo img{max-height:330px;}
.cycle-slideshow img { width: 100%; height: auto }
/*.cycle-slideshow{margin:auto;width:90%;background-color:#ccc;}
#home{background-color:#ccc;}*/


#obras_interna{width: 65%;max-width: 1100px; margin: 6em auto 0 auto;}
#obras_mobile{display:none;}

#contato_interna{width: 55%;max-width: 1100px;margin: 6em auto 0 auto;}
#contato_interna input, textarea{    padding: 0.5em; border: solid 1px #d6e3f3; width:70%;}
#contato_interna li{display:inline;}
#contato_interna p{margin:0.5em 0;}
#contato_interna label{display:inline-block;width:7em; vertical-align: top;}
#contato_interna a{display:inline-block;width:36px;padding:3px;}

.contato01, .contato02{display:inline-block;vertical-align:top}
.contato01{width:69%;}
.contato02{width:30%;}

.servicos_container .cycle-prev, .servicos_container .cycle-next{position: absolute;
    top: 0;
    width: 15%;
    z-index: 800;
    height: 100%;
    cursor: pointer;
	display:block;
	opacity:0.3;
	transition: all 100ms linear;
	}
.servicos_container .cycle-prev {
    left: 0;
    background: url(imagens/prev.png) 50% 50% no-repeat;
		background-size: 50%;}
.servicos_container .cycle-next {
    right: 0;
    background: url(imagens/next.png) 50% 50% no-repeat;
		background-size: 50%;}	
.servicos_container .cycle-prev:hover, .servicos_container .cycle-next:hover{position: absolute;
	opacity:1;
	}	
.redessociais{float: right;}	
#obras_desktop img{	
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
	
.lightwidget__image:hover{	-webkit-filter: grayscale(0%);filter: grayscale(0%);}
	
	
/* responsivo */

 @media only screen 
    and (max-width : 767px) {	
	.branco_topo{display:none;}
	#empresa, #servicos, #contato{background-image: none !important;}
	#menu_topo { background-color: rgba(255, 255, 255, 0.9); width: 35%; top: 39px; z-index: 9000; right: -35%;	transition: all 100ms linear;}
	#menu_hamburguer, #slides_mobile{display:block;}
	#obras_desktop, #slides_desktop{display:none;}
	#titulo_mobile{display:block;    padding: 1em 0 1em 164px;}
	#empresa_interna td{padding:0.2em}
	#empresa_interna h2, #servicos_interna h2, #obras_interna h2, #contato_interna h2{display:block;}
	#empresa_interna .numero{font-size:2.5em;color:#002c4d;}
	#apres_mobile{display:block;}
	.tabela_apres{display:none;}
	#apres_mobile .tabela_apres, #obras_mobile{display:block;}
	#home{ min-height: initial;}
	.logo { margin: 0 0 0 -40%; width: 30%;}
	#empresa_interna, #obras_interna,#contato_interna, #servicos_interna { width: 80%;margin:2em auto 0 auto;    padding: 0 0 2em 0;}
	#menu_servicos li { padding: 0.5em 1em; }
	.barraamarela p{visibility:hidden;line-height:initial;}
	#menu_servicos { float: initial; width: initial; margin: initial;}
	.servicos_container { position: initial; width: initial; left: initial;}
	.contato01, .contato02{width:100%;}
	#contato_interna input, textarea{ width:100%;}
	#simpllex { bottom: 1%;    font-size: 0.7em;}