/* ================================= VERSÃO PADRÃO ================================= */
*{
	transition:all 500ms ease;
}

body{
	font-family:"Sourcesanspro Regular";
	margin:0px;
	padding:0px;
	background:#efefef;
	background-position:center top;
	background-attachment:fixed;
}

header {
	width:100%;
	background: #ECECEC;
	z-index: 2;
	line-height:30px;
}

#pagina{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right: auto;
	margin-top:80px;
	position:relative;
}

#topo{
	width:100%;
	height:55px;
	background: rgba(229, 229, 229, 0.90);
	background-position:top center;
	float:left;
	position:fixed;
	margin:0px;
	top:0px;
	z-index:5;
}

#center{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

	#box_menu{
		width:1000px;
		height:50px;
	}

	#barra_top{
		width:1000px;
		height:50px;
		text-align:right;
	}

	#topo_logo{
		width:150px;
		height:40px;
		margin-top:7.5px;
		text-align:center;
		float:left;
		position:relative;
	}


	#control-nav:checked ~ .control-nav-close {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	}
	
	#control-nav:checked ~ nav {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	}

	.menu-hh * {}
	.menu-hh a { display: block;}
	/* Menu abre e fecha e classe Botao */ 
	
	.menu-hh li { list-style: none; float: left; height: 1%; /* Background do Menu */ margin:0px; }
	/* Corrijir um erro no script nem LI sem Link */
	.menu-hh li:hover {	
	}
	
	.menu-hh li ul { position: absolute; visibility: hidden; white-space: nowrap;  }
	
	.menu-hh li ul a{line-height:auto; float:left; clear:both;}
	
	/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
	html:first-child>body .menu-hh li ul { display: table; }
	html:first-child>body .menu-hh li ul li { float: none; display: table-cell; }
	.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;}
	
	/* a class  .over eh tecnica pro hover no IE */
	.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden; }
	.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}
	
	.menu-hh {
		width:800px;
		text-align:center;
	}
	
	.menu-hh a:link, .menu-hh a:active, .menu-hh a:visited{
		height:33px;
		line-height:33px;
		font-size:14px;
		font-weight:300;
		padding:10px 25px 10px 25px;
		text-decoration:none;
		color:#0051A4;
		text-transform:capitalize;
		text-align:center;
	}
	
	.menu-hh a:hover{

	}
	
	/*Icones menus */
	
	.menu-hh a.menucss:link, .menu-hh a.menucss:active, .menu-hh a.menucss:visited{
		border-bottom:2px solid transparent;
	}
	
	.menu-hh a.menucss:hover{
		border-bottom:2px solid #F99D1C;

	}
	
	/*Icones Submenus */
	
	.menu-hh a.subcss:link, .menu-hh a.subcss:active, .menu-hh a.subcss:visited{
		width:100px;
		background:url(../img/ico_sub21.png) no-repeat;
		background-position:10px center;
	}
	
	.menu-hh a.subcss:hover{
		background:url(../img/ico_sub21_on.png) no-repeat, url(../img/bg_menu.png);
		background-position:10px  center;
	}
	
	.menu-hh ul li ul {

	}
	
	.sep_100{
		width:100%;
		height:2px;
		background:url(../img/sep_hor_1000.png) no-repeat;
		background-position:center center;
		float:left;
		position:relative;
		margin:10px 0px 10px 0px;
	}
	
/* Rodape */

.rodape_index{
	margin-top:375px;
}

#rodape{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	clear:both;
	display:block;
	color:#333;
	top:33px;
	background:url(../img/sep_hor_1000.png) no-repeat;
	background-position:top center;
	padding-top:15px;
}

.rod_infos{
	width:100%;
	height:35px;
	margin-bottom:15px;
	line-height:35px;
	font-size:12px;
	color:#333333 !important;
}
.rod_infos a{
	color:#333333 !important;
}

.rod_logo{
	float:left;
	position:relative;
	padding-right:15px;
	background:url(../img/sep.png) no-repeat;
	background-position: right center;
}

	.logo_rod img{
	width:135px;
	height:35px;
	border:0px;
	object-fit:contain;
}

.rod_tel{
	float:left;
	position:relative;
	padding-left:45px;
	padding-right:15px;
	background:url(../img/ico_rod_tel.png) no-repeat, url(../img/sep.png) no-repeat;
	background-position: 15px center, right center;
}

.rod_end{
	float:left;
	position:relative;
	padding-left:45px;
	padding-right:15px;
	background:url(../img/ico_rod_end.png) no-repeat, url(../img/sep.png) no-repeat;
	background-position: 15px center, right center;
}

.rod_email{
	float:left;
	position:relative;
	padding-left:45px;
	background:url(../img/ico_rod_email.png) no-repeat;
	background-position: 15px center;
}

#barra_rodape{
	width:100%;
	height:33px;
	clear:both;
	display:block;
	text-align:left;
	line-height:33px;
	color:#333;
	font-size:11px;
	float:left;
	position:relative;
	top:33px;
}

/*Credito Usios */

	#usios{
		width:71px;
		height:70px;
		float:right;
		position:relative;
		margin-top:-40px;
	}

	/* Destaques da Index */
	
	#linha{
		width:100%;
		height:330px;
		margin-left:auto;
		margin-right:auto;
		margin-top:575px;
		position:absolute;
		z-index:3;
	}
	
	#box_dest, #box_dest2{
		width:250px;
		height:300px;
		margin-left:16px;
		margin-right:16px;
		float:left;
		position:relative;
		padding:25px;
		background:url(../img/bg_box_dest_cinza.png);
		z-index:4;
		font-size:14px;
		text-align:justify;
		line-height:20px;
	}
	
	.box_dest2_img{
		width:300px;
		height:241px;
		left:0px;
		bottom:0px;
		position:absolute;
		background:url(../img/img_box_dest_produtos.png);
	}
	
	#box_dest2{
		background:url(../img/bg_box_dest_laranja.png);
	}
	
	#box_dest .c_login, 
	#box_dest .c_senha{
		width:225px;
		text-align:center;
	}
	
	
	#box_dest h2, #box_dest2 h2{
		width:100%;
		height:50px;
		line-height:50px;
		margin-bottom:25px;
		color:#003366;
		font-size:30px;
		text-align:center;
		font-weight:bold;
		font-family:"Helvetica Neue Light";
		text-shadow:#003366 0px 0px 1px;
	}
	
	#box_dest2 h2{
		color:#FFF;
		text-shadow:#FFF 0px 0px 1px;
	}

	a.botao, a.botao:link, a.botao:visited, a.botao:active{
		width:200px;
		height:50px;
		line-height:50px;
		text-align:center;
		background:#003366;
		position:absolute;
		right:75px;
		bottom:-40px;
		color:#FFF;
		text-decoration:none;
	}

	a.botao:hover{
		background:#FF9900;
		color:#003366;
	}
	
	.botao_mais{
		width:100px;
		height:38px;
		line-height:38px;
		text-align:center;
		background:#003366;
		position:absolute;
		bottom:10px;
		right:10px;
		color:#FFF;
		text-decoration:none;
	}

	.botao_mais:hover{
		background:#FF9900;
		color:#003366;
	}
	
	/* Textos */
	
	input, select, option, textarea{
		height:25px;
		padding:5px;
		margin:5px;
		border:2px solid #1F429A;
		font-family:"Sourcesanspro Regular";

	}

	a.botao_voltar{
		width:30px;
		height:30px;
		background:url(../img/ico_voltar.png) no-repeat #1F429A;
		background-position:center center;
		padding:10px;
		text-align:center;
		float:left;
		position:relative;
		line-height:30px;
	}
	
	a.botao_voltar:hover{
		background:url(../img/ico_voltar_on.png) no-repeat #1F429A;
		background-position:center center;

	}
	
	h1{
		width:auto;
		height:30px;
		font-family:"Helvetica Neue Light";
		background: linear-gradient(to right, #1F429A, #008CD2);
		color:#FFF;
		font-size:25px;
		font-weight:normal;
		text-transform:uppercase;
		padding:10px 20px 10px 10px;
		text-align:center;
		float:left;
		position:relative;
		line-height:30px;
	}
	
	h2{
		color:#003366;
		font-size:25px;
		line-height:30px;
		text-transform:uppercase;
		margin:0px;
		padding:0px;
	}

	h3{
		width:950px;
		height:30px;
		padding:5px 25px 5px 25px;
		line-height:30px;
		background:#1F429A;
		color:#FEBD0E;
		text-transform:uppercase;
	}
	
	.dest{
		font-weight:bold;
		color:#1F429A;
	}
	
.fone{
	width:auto;
	height:50px;
	background:url(../img/ico_fone.png) no-repeat;
	background-position:left center;
	color:#333;
	padding:10px;
	line-height:50px;
	font-weight:bold;
}

	.fone .ddd{
		margin-left:25px;
		font-size:15px;
	}
	
	.fone .tel{
		font-size:20px;
	}
	
.end{
		width:25%;		
		height:50px;
		padding:7px;
		font-size:15px;
		line-height:20px;
		padding-left:60px;
		background:url(../img/ico_end.png) no-repeat;
		background-position:left center;
		color:#000;
		font-weight:bold;
		float:left;
		position:relative;
	}

	
	.email{
		width:25%;		
		height:50px;
		padding:7px;
		font-size:15px;
		line-height:50px;
		padding-left:60px;
		background:url(../img/ico_email.png) no-repeat;
		background-position:left center;
		color:#000;
		font-weight:bold;
		float:left;
		position:relative;
	}
	
	.fb{
		width:25%;		
		height:50px;
		padding:7px;
		font-size:15px;
		line-height:50px;
		padding-left:60px;
		background:url(../img/ico_fb.png) no-repeat;
		background-position:left center;
		color:#000;
		font-weight:bold;
		float:left;
		position:relative;
	}

	/* Institucional */
	
	#institucional{
		width:1000px;
		height:auto;
		float:left;
		position:relative;
		line-height:20px;
	}
	
	#institucional #box_img{
		width:200px;
		height:150px;
		margin:25px 50px 25px 0px;
		float:left;
		position:relative;
	}
	
		#institucional #box_img img{
			width:100%;
			height:100%;
			background:#FFF;
			border-radius:5px;
			box-shadow: 1px 0 0 0 #d2d2d2,-1px 0 0 0 #d2d2d2,0 1px 0 0 #b6b6b6,0 2px 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,-2px 0 0 0 #e6e6e6,0 3px 0 0 #e6e6e6,0 -1px 0 0 #e6e6e6;
		}
	
	#box_texto{
		width:750px;
		height:auto;
		float:left;
		position:relative;

	}

	#box-clientes{
		width:1000px;
		position:relative;
		clear:both;
		display:block;
	}
	
	#box-clientes ul{
		text-align:center;
	}
	
	#box-clientes ul li{
		text-align:center;
		line-height:91px;
	}
	
	#box-clientes li img{
		width:182px;
		height:91px;
		float:left;
		position:relative;
		text-align:center;
	}
		
	/* Serviços */
	
	#servicos{
		width:1000px;
		height:auto;
		float:left;
		position:relative;
	}
	
		#servicos #box_cat_servicos{
			width:1000px;
			height:auto;
			float:left;
			position:relative;
		}
		
		#servicos #box_cat_servicos #itens{
			width: 450px;
			height:auto;
			padding:5px 25px 5px 25px;
			float:left;
			position:relative;
		}
		
		#servicos #box_cat_servicos #itens a.item{
			width: 400px;
			height:auto;
			clear:both;
			float:left;
			position:relative;
			margin:5px 0px 5px 0px;
			padding:0px 25px 0px 25px;
			text-align:justify;
			color:#000;
			text-decoration:none;
			background:url(../img/bg_item.png) no-repeat;
			background-position:0px top;
		}

		#servicos #box_cat_servicos #itens a.item:hover{
			background:url(../img/bg_item_on.png) no-repeat;
			color:#1F429A;
			text-decoration:none;
		}

	   #img{
			width: 400px;
			height:auto;
			margin:0px 25px 0px 25px;
			float:left;
			position:relative;
		}
		
		#img img{
			width: 135px;
			height: 135px;
			margin:12.5px;
			padding:0px;
			background:#FFF;
			border:0px;
			border-radius:5px;
			box-shadow: 1px 0 0 0 #d2d2d2,-1px 0 0 0 #d2d2d2,0 1px 0 0 #b6b6b6,0 2px 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,-2px 0 0 0 #e6e6e6,0 3px 0 0 #e6e6e6,0 -1px 0 0 #e6e6e6;
			opacity:1;
		}
		
		#img img:hover{
			opacity:0.75;
		}
		
	#servicos #descritivo{
		width:1000px;
		height:auto;
		float:left;
		position:relative;
		text-align:justify;
	}
	
	/* Projetos */
	
	#servicos{
		width:1000px;
		height:auto;
		float:left;
		position:relative;
	}
		
	
		#projetos #box_cat_projetos{
			width:1000px;
			height:auto;
			float:left;
			position:relative;
		}
		
		#projetos #box_cat_projetos .item{
			width: 1000px;
			height:auto;
			clear:both;
			float:left;
			position:relative;
			margin:20px 0px 5px 0px;
			padding:0px 25px 0px 25px;
			text-align:justify;
			font-size:18px;
			font-weight:bold;
			color:#1F429A;
			text-decoration:none;
			background:url(../img/bg_item.png) no-repeat;
			background-position:0px top;
		}

	   #projetos #box_cat_projetos #img{
			width: 1000px;
			height:auto;
			margin:0px 25px 0px 25px;
			float:left;
			position:relative;
		}
		
		#projetos #box_cat_projetos #img img{
			width: 200px;
			height: 200px;
			margin:12.5px;
			padding:0px;
			background:#FFF;
			border:0px;
			border-radius:5px;
			box-shadow: 1px 0 0 0 #d2d2d2,-1px 0 0 0 #d2d2d2,0 1px 0 0 #b6b6b6,0 2px 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,-2px 0 0 0 #e6e6e6,0 3px 0 0 #e6e6e6,0 -1px 0 0 #e6e6e6;
			opacity:1;
		}
		
		#projetos #box_cat_projetos #img img:hover{
			opacity:0.75;

		}
		

	
	/* Contato */
	
	#contato{
		width:1000px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		background:#fc0;
	}
	
	#contato #box_form{
		width:450px;
		height:auto;
		margin-right:25px;
		float:left;
		position:relative;
	}
	
		#contato #box_form input, 
		#contato #box_form select, 
		#contato #box_form option, 
		#contato #box_form textarea{
			height:25px;
			padding:5px;
			margin:10px;
			border:2px solid #1F429A;
			font-size:14px;
		}
		
		#contato #box_form .c_nome, 
		#contato #box_form .c_email, 
		#contato #box_form .c_assunto{
			width:350px;
		}

		#contato #box_form .c_ddd{
			width:70px;
		}
		
		#contato #box_form .c_tel{
			width:240px;
		}

		#contato #box_form .c_msg{
			width:350px;
			height:100px;			
		}

	#contato #box_infos{
		width:450px;
		height:auto;
		margin-left:25px;
		float:left;
		position:relative;
		font-size:14px;
	}
	
	.fb2{
		width:auto;		
		height:30px;
		padding:5px 40px 5px 40px;
		line-height:30px;
		background:url(../img/ico_fb.png) no-repeat;
		background-position:left center;
		float:left;
		position:relative;
		clear:both;
		display:block;
		color:#000;
		text-decoration:none;
	}
	
	.fone2{
		width:auto;
		height:30px;
		background:url(../img/ico_fone.png) no-repeat;
		background-position:left center;
		padding:5px;
		line-height:30px;
		clear:both;
		display:block;
	}

	.fone2 .ddd{
		padding-left:40px;
	}
	
	.fone2 .tel{
		font-size:16px;
	}
	
	.email2{
		width:auto;		
		height:auto;
		padding:5px 40px 5px 40px;
		line-height:20px;
		background:url(../img/ico_email.png) no-repeat;
		background-position:left center;
		float:left;
		position:relative;
		clear:both;
		display:block;
	}
	
	.end2{
		width:auto;		
		height:auto;
		padding:5px 40px 5px 40px;
		line-height:20px;
		background:url(../img/ico_end.png) no-repeat;
		background-position:left center;
		float:left;
		position:relative;
		clear:both;
		display:block;
	}
	
	.gps{
		width:auto;		
		height:auto;
		padding:5px 40px 5px 40px;
		line-height:20px;
		background:url(../img/ico_gps.png) no-repeat;
		background-position:left center;
		float:left;
		position:relative;
		clear:both;
		display:block;		
	}
	
	.mapa{
		 width:320px;
		 height:150px;
		 border:2px solid #155A7B;
		 margin:10px 40px 0px 40px;
	}
	

/* ================================= VERSÃO MOBILE ================================= */
@media screen and (max-width: 767px) {
	
	body{
		overflow-x:hidden;
	}
	
	#pagina{
		width:90%;
		height:auto;
		margin:115px 5% 0PX 5%;
		position:relative;
	}
	

	
	/* Botão p/ Abrir Menu Antes */
	header .control-nav {
	position: absolute;
	left: 20px;
	top: 20px;
	display: block;
	width: 20px;
	padding: 5px 0;
	border: solid #333;
	border-width: 3px 0;
	z-index: 2;
	cursor: pointer;
	}
	
	header .control-nav:before {
	content: "";
	display: block;
	height: 3px;
	background: #333;
	}
	
	/* Vidro Fumê  */
	header .control-nav-close {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
	}
	
	/* Menu em si */
	header nav {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 300px;
		border-left: 1px solid #ccc;
		background: #fff;
		z-index: 2;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(-110%, 0);
		-ms-transform: translate(-110%, 0);
		transform: translate(-110%, 0);
		box-shadow: 0px 0px 20px #333;
		overflow-x:hidden;
	}


	.menu-hh {
		width:auto;
	}
	/*Itens do Menu*/
	
	nav ul li, nav ul li a, .menu-hh ul li,  .menu-hh ul li a{
		width:250px;
		height:100px;
		float:left;
		position:relative;
		clear:both;
		display:block;
		visibility:visible;
		border-bottom:1px solid #ccc;
		line-height:100px;
		background:linear-gradient(to top, #DCDCDC, #fff);
	}

	.menu-hh a:link, .menu-hh a:active, .menu-hh a:visited{
		height:97px;
		line-height:97px;
		padding:0px;
	}
	
	.menu-hh ul li a:hover, .menu-hh a.menucss1:hover, .menu-hh a.menucss2:hover, .menu-hh a.menucss3:hover, .menu-hh a.menucss4:hover, .menu-hh a.menucss5:hover{
		border-radius:0px;
		height:97px;
		line-height:97px;
	}

	/*Sub Itens do Menu*/
	nav ul li ul, nav ul li ul a, .menu-hh ul li ul, .menu-hh ul li ul a{
		width:250px;
		float:left;
		position:relative;
		clear:both;
		display:block;
		visibility:visible;
		line-height:60px;
		background:linear-gradient(to top, #EFEFEF, #fff);
		
	}
	
	.menu-hh ul li ul a{
		height:25px;
		line-height:25px;
	}

	.menu-hh ul li ul a:hover{
		border-radius:0px;
		
	}

	/* Arrumar a largura do Sub Item no Menu Comprimido*/
	.menu-hh a.subcss21:link, .menu-hh a.subcss21:active, .menu-hh a.subcss21:visited, .menu-hh a.subcss22:link, .menu-hh a.subcss22:active, .menu-hh a.subcss22:visited, .menu-hh a.subcss23:link, .menu-hh a.subcss23:active, .menu-hh a.subcss23:visited{
		width:100%;

	}
	
	#topo{
		width:100%;
		height:55px;
		float:left;
		position:fixed;
	
	}
	
	#center{
		width:90%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		
	}

	#topo_logo{
		width:100%;
		margin-top:10px;
		text-align:center;
	}
	
	#barra_top{
		width:100%;
		float:left;
		position:relative;
		text-align:center;
	}
	
	.sep_100{
		display:none;
	}
	
/* Rodape */

.rodape_index{
	margin-top:800px;
}


#rodape{
	width:90%;
	margin-right:10%;
	height:auto;
	float:left;
	position:relative;
	clear:both;
	display:block;
	color:#333;
	top:33px;
}

#barra_rodape{
	width:70%;
	padding-right:30%;
	height:auto;
	background:#DDD;
	clear:both;
	display:block;
	text-align:left;
	line-height:15px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	float:left;
	position:relative;
	top:33px;
}

/*Credito Usios */

	#usios{
		width:71px;
		height:70px;
		right:10px;
		bottom:0px;
		position:absolute;
	}


	/* Destaques da Index */
	
	#linha{
		width:100%;
		height:400px;
		float:left;
		position:relative;
		z-index:3;
		margin-top:300px;
	}
	
	#box_dest, #box_dest2{
		width:80%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		margin-bottom:10px;
		float:none;
		position:relative;
		z-index:4;
		padding:10%;
		padding-bottom:75px;
		text-align:justify;
	}
	
	#box_dest2{
		width:80%;
		height:auto;
	}
	
	#box_dest .c_login, 
	#box_dest .c_senha{
		width:70%;
		padding:5%;
		margin:5%;
	}
	
	.box_dest2_img{
		width:100%;
		height:250px;
		left:0px;
		position:relative;
		background:url(../img/img_box_dest_produtos.png);
		background-size:100%;
		background-position: center center;
	}
	
	a.botao, a.botao:link, a.botao:active, a.botao:visited{
		width:90%;
		height:30px;
		line-height:30px;
		right:inherit;
		padding:2.5%;
		margin:2.5%;
		font-size:24px;
		border:2px solid #003366;
		font-family:"Helvetica Neue Light";
		bottom:-50px;
	}

	a.botao:hover{
		background:#FF9900;
		border:2px solid #F90;

	}

	.botao_mais{
		width:100%;
		height:50px;
		line-height:50px;
		bottom:0px;
		right:0px;
		font-size:24px;
		font-family:"Helvetica Neue Light";
	}

	.botao_mais:hover{
		background:#FF9900;
	}

	/* Textos */
	
	input, select, option, textarea{
		width:90%;
		padding:2.5%;
		margin:2.5%;
	}

	a.botao_voltar{
		width:10%;
		height:35px;
		line-height:35px;
		float:left;
		padding:5px 2.5% 5px 2.5%;
		top:55px;
		left:0px;
		position:fixed;
		z-index:4;
	}
	
	a.botao_voltar:hover{
		background:url(../img/ico_voltar_on.png) no-repeat #1F429A;
		background-position:center center;

	}
	
	h1{
		width:85%;
		height:35px;
		line-height:35px;
		padding:5px 2.5% 5px 2.5%;
		position:fixed;
		top:55px;
		left:15%;
		text-align:left;
		z-index:4;
	}
	
	h2{
	}
	
	h3{
		color:#1F429A;
		width:100%;
		background:url(../img/sep_hor_1000.png) no-repeat;
		background-position:center bottom;
		margin:0px 0px 10px 0px;
		padding:0px 0px 10px 0px;
		height:auto;
		line-height:25px;
	}

	
	.fone{
		width:auto;
		margin-left:auto;
		margin-right:auto;
		height:50px;
		background:url(../img/ico_fone.png) no-repeat;
		background-position:left center;
		color:#333;
		padding:10px;
		line-height:50px;
		font-weight:bold;
	}
	
	.fone .ddd{
		margin-left:25px;
		font-size:15px;
	}
	
	.fone .tel{
		font-size:20px;
	}

	#box_menu{
		width:100%;
	}

	.end{
		width:auto;
		height:50px;
		padding:7px;
		font-size:15px;
		line-height:20px;
		padding-left:60px;
		background:url(../img/ico_end.png) no-repeat;
		background-position:left center;
		color:#000;
		margin-right:20px;
		text-align:center;
		font-weight:bold;
		float:left;
		position:relative;
	}

	
	.email{
		width:90%;
		height:50px;
		padding:7px;
		font-size:15px;
		line-height:50px;
		padding-left:60px;
		background:url(../img/ico_email.png) no-repeat;
		background-position:left center;
		color:#000;
		margin-right:20px;
		font-weight:bold;
		float:left;
		position:relative;
	}
	
	.fb{
		width:90%;
		height:50px;
		padding:7px;
		font-size:15px;
		line-height:50px;
		padding-left:60px;
		background:url(../img/ico_fb.png) no-repeat;
		background-position:left center;
		color:#000;
		margin-right:20px;
		font-weight:bold;
		float:left;
		position:relative;
	}


	/* Institucional */
	
	#institucional{
		width:100%;
		height:auto;
		float:left;
		position:relative;
	}
	
	#institucional #box_img{
		width:100%;
		height:auto;
		margin-right:0px;
	}
	
		#institucional #box_img img{
		}
	
	#box_texto{
		width:100%;
		height:auto;
		float:left;
		position:relative;

	}

	#box-clientes{
		width:100%;
		float:left;
		position:relative;
		clear:both;
		display:block;
	}
	
	.logo_cli li img{
		width:50%;
		text-align:center;
	}
	

	/* Serviços */
	
	#servicos{
		width:100%;
	}
	
		#servicos #box_cat_servicos{
			width:100%;
		}
		
		#servicos #box_cat_servicos #itens{
			width: 100%;
			padding:0px;
		}
		
		#servicos #box_cat_servicos #itens a.item{
			width: 90%;
			padding:0px 0px 0px 10%;
			margin:20px 0px 0px 0px;
	}

		#servicos #box_cat_servicos #itens a.item:hover{
		}

	   #img{
			width: 100%;
			height:auto;
			margin:0px;
			text-align:center;
		}
		
		#img img{
		}
		
		#img img:hover{
		}
		
	#servicos #descritivo{
		width:100%;
	}
	
	/* Projetos */

	#projetos{
		width:100%;
	}
	
		#projetos #box_cat_projetos{
			width:100%;
		}
		
		#projetos #box_cat_projetos .item{
			width: 90%;
			text-align:left;
			padding:0px 0px 0px 10%;
			margin:20px 0px 0px 0px;
	}

	   #projetos #box_cat_projetos #img{
			width: 100%;
			height:auto;
			margin:0px;
			text-align:center;
		}
		
		#projetos #box_cat_projetos#img img{
		}
		
		#projetos #box_cat_projetos #img img:hover{
		}
		
	/* Contato */
	
	#contato{
		width:100%;
	}
	
	#contato #box_form, 
	#contato #box_form table{
		width:100%;
	}
		
		#contato #box_form input, 
		#contato #box_form select, 
		#contato #box_form option, 
		#contato #box_form textarea{
		width:90%;
		padding:0px;

		}
		
		#contato #box_form .c_nome, 
		#contato #box_form .c_email, 
		#contato #box_form .c_assunto{
		width:90%;
		padding:2.5%;
		margin:2.5%;
		}

		#contato #box_form .c_ddd{
		width:12.5%;
		padding:2.5%;
		margin:2.5%;
		}
		
		#contato #box_form .c_tel{
		width:65%;
		padding:2.5%;
		margin:2.5% 0px 2.5% 2.5%;
		}

		#contato #box_form .c_msg{
		width:90%;
		padding:2.5%;
		margin:2.5%;
		}


	#contato #box_infos{
		width:95%;
		margin:75px 2.5% 0% 2.5%;
	}
	
	.fb2{
	}
	
	.fone2{
	}

	.fone2 .ddd{
	}
	
	.fone2 .tel{
	}
	
	.email2{
	}
	
	.end2{
	}
	
	.gps{
	}
	
	.mapa{
		 width:100%;
		 margin-left:0px;
		 margin-right:0px;
		 height:300px;
	}
	

	
}