/* Criado por Rene Melo em 20.08.2012 */

/* ---------------*/
/* -----GERAL-----*/
/* ---------------*/
*{
	font-family:Verdana, Geneva, sans-serif;	
	font-size:12px;
	color:#333;
	margin:0;
	border:0;
	padding:0;
}

body {
	background:url(../imagens/fundo.jpg)
}

a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#666;
}

input:focus{outline:none;}
textarea:focus{outline:none;}

#contaner{
	width:980px;
	height:auto;
	margin:auto;
	border:solid 0px #093;	
/*	background:#FFF;*/
}

/* --------------*/
/* -----TOPO-----*/
/* --------------*/
#topo_barra{
	width:100%;
	height:25px;
	background:#D20C0C;	
	border-bottom:solid 2px #D9D9D9;
}

#topo_logo{
	width:100%;
	height:114px;
	background:#BBB;
	/* border-bottom:solid 2px #D9D9D9; */
}

#logo{
	position:absolute;
	width:366px;
	height:108px;
	background: url(../imagens/logo_topo.jpg);
	margin-top:6px;
	/* border-bottom:solid 2px #D9D9D9; */
}

#topo_fone{
	position:absolute;
	height:26px;
	width:180px;
	/* border:solid 1px #FF0000; */
	margin-top:5px;
  	margin-left:626px;
}

.topo_fone_esquerdo{
	float:left;
	height:26px;
	width:10px;
	background: url(../imagens/fone_esquerdo.png);
}


.topo_fone_texto{
	float:left;
	height:19px;
	/* width:145px; */
	background: #E0E0E0;
	padding-top:7px;
	font:Verdana;
	font-size:9px;
	color:#777;
	text-shadow:1px 1px 0pt #f2f2f2;
}

.topo_fone_texto_negrito{
	font:Verdana;
	font-size:9px;
	color:#777;
	font-weight:bold;	
	text-shadow:1px 1px 0pt #f2f2f2;
}

.topo_fone_direito{
	float:left;
	height:26px;
	width:10px;
	background: url(../imagens/fone_direito.png);
}

.topo_fone_texto_fone{
	width:145px;
}

.topo_fone_texto_email{
	width:200px;
}

#topo_email{
	position:absolute;
	height:26px;
	width:180px;
	/* border:solid 1px #FF0000; */	
	margin-left:795px;
	margin-top:5px;
}

.topo_email_link{
	font:Verdana;
	font-size:9px;
	color:#777;
	text-shadow:1px 1px 0pt #f2f2f2;
}

#redes{
	position:absolute;
	height:24px;
	width:53px;
   margin-left:918px;
	margin-top:85px;
}
.twitter{
	height:24px;
	width:24px;
	background: url(../imagens/rede_social.png);
	float:left;
	margin-right:5px;
}

.twitter:hover{
   opacity:0.6;	
}

.facebook{
	height:24px;
	width:24px;
	background: url(../imagens/rede_social.png);
	background-position:24px 0px;
	float:left;
}

.facebook:hover{
   opacity:0.6;	
}


/* --------------*/
/* -----MENU-----*/
/* --------------*/
#menu{
	height:73px;
	width:100%;
	background:#444;	
	border-top: solid 1px #EEE;
}

#menu ul{
	height:70px;
	width:100%;
	list-style:none;
	border-top:solid 3px #D9D9D9; 
}

#menu .li_home{
	height:70px;
	float:left;
	border-top:solid 3px #D9D9D9; 
	margin-top:-3px;
	/*pagind top rigth button left;*/
}

#menu .li_home:hover{
	border-top:solid 3px #D20C0C; 
}

#menu .li_texto{
	height:50px;
	float:left;
	border-top:solid 3px #D9D9D9; 
	margin-top:-3px;
	padding: 20px 15px 0px 15px;
	/*pagind top rigth button left;*/
}

#menu .li_texto:hover{
	border-top:solid 3px #D20C0C; 
}

#menu .li_separador{
	height:70px;
	width:1px;
	float:left;
	margin-top:0px;
	background:#363636;
	border-right:solid 1px #555;
}

#menu .selec{
	border-top:solid 3px #D20C0C; 
}

#menu .menu_titulo{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-shadow:1px 1px 1px #333;
}

#menu .menu_descricao{
	color:#DDD;
	/*font-family:"Droid Serif",serif;*/
	font-size:12px;
	/*font-style:italic;*/
	text-shadow:1px 1px 1px #333;
}

#slider_topo_transparente{
	position:absolute;
	height:3px;
	width:980px;
	background:#000;
	opacity:0.4;	
	z-index:1005;
}

/* ----------------*/
/* -----SLIDER-----*/
/* ----------------*/
#slider{
	height:330px;
	width:100%;
	margin-top:0px;
	border-bottom:solid 3px #E5E5E5;
}

#slider_rodape{
	height:65px;
	width:950px;
	background: url(../imagens/fundo_slider_rodape.jpg) repeat;
	padding:15px 0px 0px 30px;
}

#slider_rodape .titulo{
	color:#333;
	font-size:18px;
	font-weight:bold;
}

#slider_rodape .descricao{
	color:#666;
	font-size:16px;
	margin-top:7px;
	/* font-weight:bold;*/
}

/* -----------------*/
/* -----PAGINAS-----*/
/* -----------------*/
#conteudo{
	background:#FFF;
}

#pagina_titulo{
	height:55px;
	background: url(../imagens/fundo_slider_rodape.jpg) repeat;
	border-top:solid 3px #E5E5E5;
	border-bottom:solid 3px #E5E5E5;
}

#pagina_titulo .titulo{
	font-size:21px;
	margin-top:15px;
	margin-left:31px;
}

#frase{
	width:875px;
	height:40px;
	margin:auto;
	border-top:solid 1px #E5E5E5;
	padding-top:20px;
	padding-bottom:0px;
	padding-left:40px;
	margin-top:40px;
	background:url(../imagens/quote.jpg) no-repeat;
	background-position: 0 18px;
}

#frase .texto{
	float:left;
	font-size:16px;
	font-style: italic;
	color:#6C6C6C;
}

#frase .fecha_frase{
	width:18px;
	height:14px;
	background:url(../imagens/quote2.jpg) no-repeat;
	float:left;
	margin-left:22px;
}

#banner_interno{
	width:980px;
	height:130px;
	background:#333;
}

#pagina_conteudo{
	width:915px;
	margin:auto;
	height:auto;
	overflow:hidden;
	padding:30px 0 0 0;
	line-height:23px;
	text-align:justify;
}

.mapa{
	width:915px;
	margin:auto;
}

/* -----------------*/
/* -----DEFAULT-----*/
/* -----------------*/
#servicos{
	width:100%;
	height:120px;
	overflow:hidden;
}

#servicos ul{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
	margin-top:20px;
}

#servicos li{
	width:460px;
	height:100px; /*DESENVOLVIMENTO*/
	float:left;
	padding:15px;
}

#servicos .icone1{
	width:70px;
	height:100%;
	background:url(../imagens/icone1.jpg) top right no-repeat;
	float:left;
}

#servicos .icone2{
	width:70px;
	height:100%;
	background:url(../imagens/icone2.jpg) top right no-repeat;
	float:left;
}

#servicos .info{
	width:350px;
	height:100%;
	float:left;
	padding-left:10px;
}

#servicos .titulo{
	width:100%;
	font-weight:bold;
	font-size:16px;
	color:#333;
	margin-bottom: 5px;
	padding-top:14px;
}

#servicos .desc{
	width:100%;
	line-height:18px;
	text-align:justify;
}

#servicos2{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
}

#servicos2 .apres{
	width:915px;
	margin:auto;
	font-size:21px;
	border-top:solid 1px #E5E5E5;
	padding-top:30px;
	margin-bottom: 20px;
}

#servicos2 ul{
	width:915px;
	margin:auto;
	height:auto;
	overflow:hidden;
	list-style:none;
}

#servicos2 li{
	width:225px;
	height:auto;
	overflow:hidden;
	float:left;
	background:#333;
	margin-left:5px;
	cursor:pointer;
}

#servicos2 .first{
	margin-left:0px;
}

#servicos2 .imagem{
	width:100%;
	height:169px;
	padding-top:3px;
	background:#D5D5D5;
}

#servicos2 .thumbs{
	min-height:169px;
	min-width:100%;
	max-height:169px;
}

#servicos2 .titulo{
	width:215px;
	height:38px;
	background:#EEE;
	color:#545454;
	border-top:solid 3px #D5D5D5;
	padding:22px 5px 0 5px;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	font-size:14px;
}

#conteudo .rodape{
	height:55px;
	background: url(../imagens/fundo_slider_rodape.jpg) repeat;
	border-top:solid 3px #E5E5E5;
	border-bottom:solid 3px #E5E5E5;
}

/* -----------------*/
/* -----EMPRESA-----*/
/* -----------------*/
#pagina_conteudo .visao{
	width:440px;
	height:auto;
	overflow:hidden;
	margin-top:20px;
	float:left;
}

#pagina_conteudo .missao{
	width:440px;
	height:auto;
	overflow:hidden;
	margin-top:20px;
	float:right;
}

#pagina_conteudo .titulo{
	font-size:18px;
	border-bottom:solid 1px #444;
	margin-bottom:10px;
}


/* ------------------*/
/* -----SERVICOS-----*/
/* ------------------*/
#servicoss{
	width:915px;
	margin:auto;
	height:auto;
	overflow:hidden;
	padding:30px 0 0 0;
	line-height:23px;
	text-align:justify;
}

#servicoss ul{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
	margin-top:20px;
}

#servicoss li{
	width:50%;
	height:auto;
	overflow:hidden;
	border-bottom:solid 1px #CCC;
	padding-bottom:20px;
	margin-bottom:20px;
	float:left;
}

#servicoss .imagem{
	width:225px;
	height:169px;
	padding-top:3px;
	background:#D5D5D5;
	float:left;
	margin-left:25px;
}

#servicoss .imagem:hover{
	background:#D20C0C;
}

#servicoss .esq{
	margin-left:0px;
}

#servicoss .last{
	border-bottom:solid 1px #FFF;
	padding-bottom:0px;
	margin-bottom:0px;
}

#servicoss .thumbs{
	min-height:169px;
	min-width:225px;
	max-height:169px;
}

#servicoss .infos{
	width:200px;
	height:169px;
	padding-top:3px;
	float:left;
	padding-left:5px;
}

#servicoss .titulo{
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}

/* -----------------*/
/* -----ATUACAO-----*/
/* -----------------*/
#atuacao2{
	width:915px;
	margin:auto;
	height:auto;
	overflow:hidden;
	padding:30px 0 0 0;
	line-height:23px;
	text-align:justify;
}

#atuacao2 ul{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
}

#atuacao2 li{
	width:291px;
	height:auto;
	overflow:hidden;
	float:left;
	margin-right:20px;
}

#atuacao2 .rig{
	margin-right:0px;
}

#atuacao2 .box{
	width:289px;
	height:auto;
	overflow:hidden;
	border:solid 1px #444;
	margin-top:25px;
	/*background:url(../imagens/bg_atuacao.png) bottom no-repeat;
	background-position-x:170px;*/ 
}

#atuacao2 .titulo{
	font-size:14px;
	height:27px;
	font-weight:bold;
	color:#FFF;
	padding:3px 0 0 7px;
	background:#444;
}

#atuacao2 .mapa{
	width:94%;
	margin:auto;
	height:150px;
	text-align:center;
	border-bottom:solid 1px #CFCFCF;
	padding-bottom:5px;
	margin-top:13px;
}

#atuacao2 .itens ul{
	width:100%;
	margin:auto;
	height:auto;
	overflow:hidden;
	padding-top:5px;
}

#atuacao2 .itens li{
	width:134px;
	margin-right:0px;
	float:left;
	padding-left:10px;
	height:30px;
}





#atuacao{
	width:915px;
	margin:auto;
	height:auto;
	overflow:hidden;
	padding:0 0 0 0;
	line-height:23px;
	text-align:justify;
}

#atuacao ul{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
	margin-top:30px;
}

#atuacao li{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
}

#atuacao .rig{

}

#atuacao .box{
	border:solid 1px #444;
	height:auto;
	overflow:hidden;
	padding-bottom:10px;
}

#atuacao .titulo{
	width:100%;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	background:#444;
}

#atuacao .mapa{
	height:100%;
	width:25%;
	float:left;
	text-align:center;
	margin-top:20px;
}

#atuacao .itens ul{
	list-style:none;
	width:75%;
	float:left;
	margin-top:10px;
}

#atuacao .itens li{
	width:25%;
	float:left;
	height:30px;
	margin-bottom:0px;
}





/* -----------------*/
/* -----CONTATO-----*/
/* -----------------*/
#contato{
	width:915px;
	margin:auto;
	height:auto;
	overflow:hidden;
	padding:0 0 0 0;
	line-height:23px;
	text-align:justify;
}

#contato ul{
	width:60%;
	height:auto;
	overflow:hidden;
	line-style:none;
	margin-top:30px;
	float:left;
}

#contato li{
	width:100%;
	margin-bottom:10px;
}

#contato .emails{
	width:32%;
	height:auto;
	overflow:hidden;
	margin-top:30px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	background:#F2F2F2;
	margin-right:33px;
}

#contato .campo{
	width:98%;
	border:solid 1px #444;
	font-size:14px;
	height:25px;
	padding-left:5px;
}

#contato .campo_area{
	width:98%;
	border:solid 1px #444;
	font-size:14px;
	padding-left:5px;
	padding-top:5px;
}

#contato .titulo{
	font-size:18px;
	border-bottom:solid 1px #444;
	width:100%;
}

#contato .email{
	margin-bottom:15px;
	width:99.5%;
	background:url(../imagens/mail2.png) right no-repeat;
}

#contato .phone{
	margin-bottom:15px;
	width:99.5%;
	background:url(../imagens/telephone2.png) right no-repeat;
}

#contato .fax{
	margin-bottom:15px;
	width:99.5%;
	background:url(../imagens/printer2.png) right no-repeat;
}

#contato .btn_enviar{
	width:129px;
	height:29px;
	float:right;
	margin-right:5px;
	background:url(../imagens/enviar.png) no-repeat;
	background-position:0 0;
}

#contato .btn_enviar:hover{
	background:url(../imagens/enviar.png) no-repeat;
	background-position:0 -29px;
	cursor:pointer;
}

#contato .subtitulo{
	float:right;
}







/* ----------------*/
/* -----RODAPE-----*/
/* ----------------*/

#rodape .topo{		
	background:#444;
	color:#FFF;
	font-size:11px;
	padding:1px 20px 10px 20px;
	line-height:18px;
}

#rodape .rodape{
	height:30px;
	background:#333;
	border-top:solid 5px #2D2D2D;
	border-bottom:solid 5px #2D2D2D;	
	text-align:right;
	line-height:18px;
	color:#FFF;
	padding:10px 20px 10px 10px;
	font-size:11px;
}

#rodape .rodape a{
	color:#FFF;
	font-size:11px;
}

#rodape .rodape a:hover {
	color:#C00;
}

#rodape ul{
	width:100%;
	height:auto;
	list-style:none;
	overflow:hidden;
	margin-top:15px;
}

#rodape li{
	float:left;
	text-align:center;
	/*pagind top rigth button left;*/
}
		
#rodape .icone{
	height:20px;
	width:22px;
	background:#2F2F2F;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;	
	padding:7px 5px 5px 5px;	
	float:left;
}

#rodape .icone_texto{
	float:left;
	color:#FFF;
	padding:6px 0 0 10px;
}

#rodape .ende{
	margin-top:-7px;
	text-align:left;
}