@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}

body{
	width:100%;
	height:100%;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
}

img{
	border:none;
}

a{
	text-decoration:none;
	color:inherit;
}

#menu{
	position:fixed;
	display:table;
	width:100%;
	height:70px;
	border-bottom:#212121 solid 2px;
	z-index:999;
	background-color: rgba(255, 255, 255, .95);
}

#menu img{
	position:relative;
	float:left;
	margin:10px;
	margin-right:20px;
}

#menu ul{
	float:left;
	display:table;
	margin:20px;
	list-style:none;
}

#menu li{
	float:left;
	font-size:14px;
	text-transform:uppercase;
	margin:0 10px;
}

#base{
	position:absolute;
	min-width:1000px;
	width:100%;
	height:100%;
}

#home{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

#logotipo{
	position:fixed;
	background:#FFF;
	top:40px;
	width:260px;
	height:170px;
	box-shadow:-6px 6px 0 #333;
	z-index:1000;
	text-align:right;
}

#logotipo img{
	margin:10px;
}

#empresa{
	position:relative;
	display:table;
	width:100%;
	padding:20px 0;
}

#empresa hr{
	width:80%;
	margin:5px auto;
}

#empresa hr.sec{
	width:70%;
	margin-bottom:20px;
}

#empresa h2{	
	font-family: 'Dosis', sans-serif;
	padding:0;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	color:#333;
	display:table;
	margin:0 auto;
}

#empresa p{
	width:75%;
	color:#666;
	text-align:justify;
	margin:0 auto;
	margin-bottom:20px;
}

#empresa span{
	font-size:18px;
	font-weight:600;
}

#resp_tecnico{
	padding-top:180px;
	background-image:url(../images/person-icon.png);
	background-repeat:no-repeat;
	background-position:top center;
	float:left;
	margin:40px;
	text-align:center;
}

#resp_tecnico h4{
	text-transform:uppercase;
	font-size:20px;
	margin-bottom:4px;
	color:#B6B8CB;
}

#resp_tecnico h5{
	margin:2px;
	padding:0;
}

#servicos{
	position:relative;
	display:table;
	background:#559ec6;
	padding:20px 0;
	width:100%;
	height:340px;
	background-image:url(../images/bg_servicos.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

#servicos h2{	
	font-family: 'Dosis', sans-serif;
	padding:0;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	display:table;
	margin:0 auto;
}

#servicos #center{
	margin-top:20px;
}

#servico{
	width:230px;
	height:230px;
	float:left;
	margin:10px;
	box-shadow:4px 4px 0 #222;
	background-repeat:no-repeat;
	background-size:230px 230px;
	background-position:center;
	transition:background-size 0.4s;
	-moz-transition: background-size 0.4s;
    -web-kit-transition: background-size 0.4s;
}

#servico:hover{
	background-size:300px 300px;
}

#serv_02{
	width:230px;
	height:230px;
	float:left;
	margin:10px;
	box-shadow:4px 4px 0 #222;
	background-image:url(../images/serv_02.jpg);
	background-repeat:no-repeat;
	background-size:230px 230px;
	background-position:center;
	transition:background-size 0.4s;
	-moz-transition: background-size 0.4s;
    -web-kit-transition: background-size 0.4s;
}

#serv_02:hover{
	background-size:300px 300px;
}

#serv_03{
	width:230px;
	height:230px;
	float:left;
	margin:10px;
	box-shadow:4px 4px 0 #222;
	background-image:url(../images/serv_03.jpg);
	background-repeat:no-repeat;
	background-size:230px 230px;
	background-position:center;
	transition:background-size 0.4s;
	-moz-transition: background-size 0.4s;
    -web-kit-transition: background-size 0.4s;
}

#serv_03:hover{
	background-size:300px 300px;
}

#serv_04{
	width:230px;
	height:230px;
	float:left;
	margin:10px;
	box-shadow:4px 4px 0 #222;
	background-image:url(../images/serv_04.jpg);
	background-repeat:no-repeat;
	background-size:230px 230px;
	background-position:center;
	transition:background-size 0.4s;
	-moz-transition: background-size 0.4s;
    -web-kit-transition: background-size 0.4s;
}

#serv_04:hover{
	background-size:300px 300px;
}

#desc{
	display:table;
	width:210px;
	height:210px;
	padding:0 10px 20px 10px;
	background:url(../images/bg_serv.png);
	color:#FFF;
	font-family: 'Dosis', sans-serif;
	font-size:24px;
	text-transform:uppercase;
	text-align:left;
	opacity:0;
	transition:opacity 0.4s, padding 0.4s;
	cursor:default;
}

#desc:hover{
	opacity:1;
	padding:10px;
}

#center{
	display:table;
	margin:0 auto;
}

#title{
	position:relative;
	display:table;
	background:#353535;
	width:100%;
	padding:20px 0;
}

#title h2{	
	font-family: 'Dosis', sans-serif;
	padding:0;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFF;
	display:table;
	margin:0 auto;
}

#portfolio{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	padding:0;
}

#portfolio #center{
	position:relative;
	display:block;
}

.obra{
	position:relative;
	display:table;
	float:left;
	width:20%;
}

.nome_obra{
	padding:10px;
	font-family: 'Dosis', sans-serif;
	color:#069;
	height:50px;
}

#portfolio h2{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
}

#clientes{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	background:#CCC;
	padding:20px 0;
}

#clientes #center{
	position:relative;
	display:block;
	width:900px;
	max-width:900px;
	margin:0 auto;
}

#form_mail input:focus{
	outline:none;
}

#fornecedores{
	position:relative;
	display:table;
	width:100%;
	background:#069;
	padding:20px 0;
}

#clientes h2, #fornecedores h2{
	font-family: 'Dosis', sans-serif;
	padding:0;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	color:#069;
	display:table;
	margin:0 auto;
}

#fornecedores h2{
	color:#CCC;
}

.cliente{
	display:block;
	position:relative;
	max-width:120px;
	max-height:120px;
	float:left;
	margin:20px;
	cursor:default;
}

.cliente img{
	box-shadow:4px 4px 0 #999;
}

.cliente h4{
	font-family: 'Dosis', sans-serif;
	background:url(../images/bg_serv.png);
	width:100px;
	padding:10px;
	display:table;
	position:absolute;
	color:#CCC;
	font-weight:normal;
	bottom:0;
	margin:0;
	opacity:0;
	transition:opacity 0.4s, bottom 0.4s;
}

.cliente:hover h4{
	opacity:1;
	bottom:20px;
}

#footer{
	position:relative;
	display:table;
	width:100%;
	height:200px;
	background:#222;
	color:#999;
	padding:20px 0;
}

#footer h2, #footer h3{
	font-family: 'Dosis', sans-serif;
	padding:0;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	display:table;
	margin:0 auto;
}

#footer h3{
	font-size:16px;
	margin-top:20px;
	margin-bottom:10px;
}

#fone{
	float:left;
	margin:30px 60px;
	padding-left:30px;
	background-image:url(../images/fone.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#endereco{
	float:left;
	margin:20px 60px;
	padding-left:30px;
	background-image:url(../images/address.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#form{
	margin-bottom:40px;
}

#form input[type=text]{
	padding:4px;
	width:400px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	background:#333;
	border:#999 solid thin;
	color:#999;
	clear:both;
	float:left;
	margin:3px;
}

#form input[type=text]:focus, #form textarea:focus{
	outline:none;
}

#form textarea{
	padding:4px;
	width:400px;
	max-width:400px;
	max-height:800px;
	height:60px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	background:#333;
	border:#999 solid thin;
	color:#999;
	clear:both;
	float:left;
	margin:3px;
}

#form input[type=submit]{
	padding:4px;
	width:410px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	background:#333;
	border:none;
	color:#999;
	clear:both;
	float:left;
	margin:3px;
	cursor:pointer;
	transition:background 0.4s, color 0.4s;
	margin-bottom:50px;
}

#form input[type=submit]:hover{
	background:#444;
	color:#AAA;
}

.next{
	width:50px;
	height:50px;
	background:url(../images/next.png) no-repeat;
	background-size:50px 50px;
	opacity:0.5;
	transition:opacity 0.4s;
	margin-right:20px;
}

.next:hover{
	opacity:0.7;
}

.prev{
	width:50px;
	height:50px;
	background:url(../images/prev.png) no-repeat;
	background-size:50px 50px;
	opacity:0.5;
	transition:opacity 0.4s;
	margin-left:20px;
}

.prev:hover{
	opacity:0.7;
}

#resp_tecnico.carlos{
	background-image:url(../images/carlos.png);
}

#resp_tecnico.adriano{
	background-image:url(../images/adriano.png);
}

#resp_tecnico.francisco{
	background-image:url(../images/francisco.png);
}

#obras{
	position:relative;
	width:100%;
	margin-top:70px;
}

#menu_obras{
	position:relative;
	float:left;
	width:30%;
	height:100%;
	background:#DEDEDE;
}

#menu_obras ul{
	display:table;
	float:right;
	margin:20px;
	list-style:none;
}

#menu_obras li{
	display:block;
	padding:0 5px;
	opacity:.8;
	transition:padding 0.2s, opacity 0.2s;
}

#menu_obras li:hover{
	opacity:1;
	padding-left:10px;
	padding-right:0;
}

#obra{
	position:relative;
	float:left;
	width:70%;
	background-color:rgba(79,152,191,.2);
}

#obra img{
	border:#666 solid thin;
	margin:5px;
}

#obra h1{
	text-align:center;
	width:100%;
	padding:10px 0;
	margin:0;
	background-color:rgba(0,0,0,.8);
	color:#CCC;
	font-family: 'Dosis', sans-serif;
	text-transform:uppercase;
	font-weight:normal;
}