*{
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:none;
}

body{
	text-align:center;
	background:#EBE7E8 url(images/bg-body.jpg) repeat-x top left;
	
}

p{
	font-size:12px;
	color:#616161;
	line-height:18px;
}

.geral{
	width:940px;
	margin:auto;
	text-align:left;
}

/* TOPO
**************************************************************************************/

.geral .topo{
	width:940px;
	margin-bottom:10px;
	position:relative;
}

.geral .topo .logo{
	width:940px;
	height:80px;	
}

.geral .topo .logo h1 a{
	width:319px;
	height:83px;
	display:block;
	color:#fff;
	overflow:hidden;
	text-indent:-10000px;
	background:transparent url(images/logo.jpg) no-repeat top left;
}

.atendimento{
	position:absolute;
	right:15px;
	top:20px;
	z-index:500;
}

/* MENU
*****************************************************************************************/

.topo .menu{
	width:852px;
	height:67px;
	margin:auto;
}

.topo .menu ul{
	list-style:none;	
}

.topo .menu ul li{
	float:left;
	display:inline;
}

.topo .menu ul li a{
	width:142px;
	height:67px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
	background: transparent url(images/menu.jpg) no-repeat;
}

.topo .menu ul li a.quem-somos:hover, .topo .menu ul li.over a.quem-somos{
	background-position:0 -67px;
}

.topo .menu ul li a.portifolio{
	background-position:-142px 0;
}

.topo .menu ul li a.portifolio:hover, .topo .menu ul li.over a.portifolio{
	background-position:-142px -67px;
}

.topo .menu ul li a.servicos{
	background-position:-284px 0;
}

.topo .menu ul li a.servicos:hover, .topo .menu ul li.over a.servicos{
	background-position:-284px -67px;
}

.topo .menu ul li a.clientes{
	background-position:-426px 0;
}

.topo .menu ul li a.clientes:hover, .topo .menu ul li.over a.clientes{
	background-position:-426px -67px;
}

.topo .menu ul li a.blog{
	background-position:-569px 0;
}

.topo .menu ul li a.blog:hover, .topo .menu ul li.over a.blog{
	background-position:-569px -67px;
}

.topo .menu ul li a.contato{
	background-position:-712px 0;	
}

.topo .menu ul li a.contato:hover, .topo .menu ul li.over a.contato{
	background-position:-712px -67px;	
}

/* HOME*************************** */

.home{
	width:840px;
	height:326px;
	background:transparent url(images/bg-banner-home.jpg) no-repeat top left;
}

.home .banner-home{
	margin:10px 0 0 10px;
}

/* CENTRO/CONTEUDO
********************************************************************************/
.centro{
	width:940px;
	position:relative;
	background: transparent url(images/bg-conteudo.jpg) repeat-y top left;
	padding:10px 0;
	text-align:center;
	margin-bottom:15px;
}

.centro-topo{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:940px;
	height:10px;
	background:transparent url(images/bg-topo-conteudo.jpg) no-repeat top left;
}

.centro-footer{
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	width:940px;
	height:10px;
	background:transparent url(images/bg-footer-conteudo.jpg) no-repeat top left;
}

.centro .conteudo{
	width:840px;
	margin:auto;
	text-align:left;
	padding:15px 0;
	position:relative;
}

.centro .conteudo h2{
	font-size:18px;
	color:#0373A0;
	margin-bottom:10px;
}

/* portifolio
*******************************************************************************************************************************/
.lista-portifolio{
	clear:both;
}

.lista-portifolio ul{
	list-style:none;
	overflow:hidden;
	height:100%;
	margin-bottom:10px;
}

.lista-portifolio ul li{
	float:left;
	padding:3px;
	background:#3B393A;
	margin:2px;
}

.lista-portifolio ul li a img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	display:block;
}

.lista-portifolio ul li a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

.portifolio{
	width:840px;
	height:609px;
	background:transparent url(images/bg-portifolio.jpg) no-repeat left top;
	position:relative;
	z-index:70;
}

.mais-informacoes{
	position:absolute;
	width:800px;
	max-height:569px;
	padding:10px 10px;
	z-index:75;
	top:10px;
	left:10px;
	background:transparent url(images/bg-transp-black.png) repeat;
	color:#aaa;
	display:none;
}

.mais-informacoes p{
	color:#aaa;
}

.portifolio img.portf{
	margin:10px 0 0 10px;	
}

.seta-esq{
	position:absolute;
	top:10px;
	left:-50px;
	z-index:50;
}

.seta-dir{
	position:absolute;
	top:10px;
	right:-50px;
	z-index:50;
}

.seta-esq a, .seta-dir a{
	position:relative;
	width:50px;
	height:auto;
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:14px;
}

.seta-esq a span{
	top:33px;
	left:0;
}

.seta-dir a span{
	top:33px;
	right:0;
}

.seta-esq a span, .seta-dir a span{
	background: transparent url(images/bg-tumb.png) no-repeat top left;
	width:169px;
	height:136px;
	padding-top:10px;
	position:absolute;
	z-index:60;
	display:none;
}


.seta-esq a:hover span, .seta-dir a:hover span{
	display:block;
}

/*paginador portifolio***************************/

.portfo{
	position:absolute;
	width:440px;
	top:0;
	right:0;
	z-index:70;
}

.paginador{
	clear:both;
	overflow:hidden;
	height:auto;
}

.paginador a{
	float:left;
	height:24px;
	line-height:24px;
	padding:0 10px;
	display:block;
	background:transparent url(images/bg-link-paginador.jpg) repeat-x 0 -24px;
	border:1px solid #c3c3c3;
	font-size:12px;
	font-weight:600;
	color:#0373a0;
	text-decoration:none;
	margin-right:5px;
}

.paginador a:hover, .paginador a.selected, .paginador span.selected a, .paginador span.selected{
	background:transparent url(images/bg-link-paginador.jpg) repeat-x 0 0;
	border:1px solid #113e50;
	color:#fff;
}

.paginador span{
	position:relative;
	cursor:pointer;
	display:block;
	float:left;
	z-index:79;
	padding:0 10px;
	height:24px;
	line-height:24px;
	margin-right:5px;
}

.paginador span ul{
	list-style:none;
	position:absolute;
	z-index:80;
	top:25px;
	left:0;
	border:2px solid #666;
	
	display:none;
}

.paginador span.selected ul{
	display:block;
}

.paginador span ul li{
	background:#3B393A;
}

.paginador span.selected ul li a{
	float:none;
	height:auto;
	line-height:auto;
	padding:3px 5px;
	display:block;
	width:250px;
	background:none;
	border:none;
	font-weight:normal;
	margin:auto;
	color:#aaa;
}

 .paginador span.selected ul li a:hover{
	background:#444;
	color:#fff;
 }


/* CONTATO
***************************************************************************************************/

.contato .smallInput, .smallSelect { background:url(images/bg_s_input.gif) no-repeat; width:168px;}
.contato .smallInput, .mediumInput, .largeInput, .smallSelect {padding:4px 6px 0px 6px; height:23px; display:block; margin:5px 0 10px 0;}
.contato .smallInput input, .mediumInput input, .largeInput input, .smallSelect select {background:none; border:none;  font-size:0.9em; color:#666;}
.smallInput input{
		width:165px;
	}
	
	 .smallSelect select{
		width:170px;
		background:#fff;
	 }
	 
	 .smallSelect select option{
			margin-bottom:3px; 
	 }
	
	.mediumInput input{
		width:375px;
	}

	.largeInput input{
		width:663px;
	}
	
	label{
		font-size:12px;
	}
	
	label.texto{
		color:#888;
		display:block;
	}
	
	label.cidades{
		width:215px;
		display:block;
		float:left;
	}
	
	.contato .mediumInput { background:url(images/bg_m_input.gif) no-repeat; width:378px;}
	.contato .largeInput { background:url(images/bg_l_input.gif) no-repeat; width:666px;}
	.contato .textarea {background:url(images/bg_textarea.gif) no-repeat; width:678px; height:131px; display:block; padding:5px 0 0 5px; margin:5px 0 0 0; }
	.contato .textarea-medium {background:url(images/bg_textarea-medium.gif) no-repeat; width:390px; height:131px; display:block; padding:5px 0 0 5px; margin:5px 0 0 0; }
	.contato .textarea textarea {height:115px; border:none; background:none; width:668px;  font-size:0.8em; color:#666; font-family:Helvetica, Arial;}
	.contato .textarea-medium textarea {height:115px; border:none; background:none; width:380px;  font-size:0.8em; color:#666; font-family:Helvetica, Arial; overflow:auto;}
	.contato small {color:#999;}
	
	fieldset{
		border:1px solid #ddd;
		margin-bottom:10px;
		padding:5px
	}
	
	.contato{
		height:500px;

	}
	
	.contato form {
		width:405px;
		float:left;
		margin-right:15px;
	}
	
	legend{
		font-weight:600;
		font-size:12px;
	}
	
	
table.clientes a img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

table.clientes a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}





/* RODAPE
**********************************************************************************************/

.rodape{
	width:100%;
	height:58px;
	background:transparent url(images/bg-rodape.jpg) repeat-x top left;
	text-align:center;
	position:absolute;
}

.rodape address{
	font-size:11px;
	color:#fff;
	padding-top:10px;
	line-height:16px;
	width:530px;
	margin:auto;
}

.acopadi {
	height:27px;
	position:absolute;
	top:17px;
	right:17px;
}