/* CSS Document */

/*reset*/
* html{border:0;padding:0;margin:0; _padding:0; _margin:0;}
img{border:0;padding:0;margin:0;_padding:0;_margin:0;_border:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;_padding:0; _margin:0;}
a{text-decoration:none;}
ul{list-style:none;}

/* ------------------------------------------------------------------------------------------------------------ */

body{
   background:url(../imagens/template/bgBody.jpg) no-repeat center top #fff;
   text-align:center;
   color:#004f79;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;}

#tudo{
   margin: 0 auto;
   text-align: left;
   width:912px;}

/* ------------------------------------------------------------------------------------------------------------ */

/* GERAL ( divīs - colunas - etc...) */   
#topo{
   width:912px;
   height:135px;
   cursor:pointer}
   
#menu{
   padding-top:24px;
   background-position:top;}
      
#interna_1{
   width:866px;
   min-height:300px;
   padding:40px 23px 40px 23px;}
   
#interna_2{
   width:872px;
   min-height:300px;
   padding:40px 20px 40px 20px;}   


#miolo_1{
   width:912px;
   min-height:170px;
   padding:40px 0 20px 0; }

#miolo_2{
   width:808px;
   padding:0 58px 0 0; }

#miolo_3{
   width:872px;
   display:table;}

#login{
   float:left;
   width:148px;
   padding-left:47px;}

#destaqsPortifolio{
   width:808px;
   padding-bottom:5px;
   display:table;}

#destaqDepoimentos{
   float:left;
   text-align:center;
   width:421px;
   padding:0 50px 0 50px;}

#destaqNoticias{
   float:right;
   width:148px;
   padding-right:47px;}

#depoimentosEmpresa{
   width:200px;
   height:225px;
   padding:20px 54px 20px 65px;
   background:url(../imagens/template/bgDepoimentos.jpg) no-repeat;
   line-height:18px;}

#chamadaDepoimentos{
   width:638px;
   padding:0 0 20px 25px;
   display:table;}

#fotoDepoimentos{
   float:left;
   width:200px;}
 
#textosDepoimentos{
   float:right;
   width:410px;}   

#noticias{
   width:700px;
   padding:0 0 30px 50px;}
   
#contatoForm{
   float:left;
   width:428px;
   padding:0 0 30px 60px;}    

#col_1{
   float:right;
   width:717px;}

#col_2{
   float:left;
   width:402px;}

#col_3{
   float:right;
   width:406px;}

#col_4{
   float:left;
   width:540px;
   _width:530px;
   padding-right:14px;}

#col_5{
   float:right;
   width:318px;}


#voltar{
   padding:20px 50px 50px 0;}


.lista{
	list-style: disc;
	padding-left:30px;}

.lista li{
	margin-bottom:8px;}

#float{
	position:absolute;
	left:600px;
	top:630px;
	width:306px;
	z-index:1; }


/* ------------------------------------------------------------------------------------------------------------ */ 

/* TEXTO */
.texto_1{
   font-size:9px;}
   
.texto_2{
   font-size:10px;}   

.titulo_1{
   font-size:13px;
   color:#05557f;}

.titulo_2{
   font-size:13px;
   padding:0 0 15px 58px;}
   
.titulo_3{
   font-size:18px;
   padding-bottom:30px;}   
   
.titulo_4{
   font-size:14px;
   color:#77ba29;
   padding:32px 30px 5px 45px;}   
   
.titulo_5{
   line-height:18px;
   font-size:14px;}
   
.titulo_6{
   line-height:18px;
   font-size:13px;}

#noticias h2{
   padding:2px 0 2px 0;}

#chamadaDepoimentos h2{
   padding:2px 0 2px 0 ;}



.rodapePaginacao{
	
	font-size:16px;
}


.tabelaRodapePaginacao td{
	border: solid 5px #FFF;
}



/* ------------------------------------------------------------------------------------------------------------ */   

/* LINKS*/
a:link {
   color:#5e9e15;}
a:visited {
   color:#5e9e15;}	
a:hover {
   color:#666;}
 
#menu li{
	list-style:none;
	display:inline;
	padding:8px;}
#menu a:link{
    color:#004f79;}
#menu a:visited{
    color:#004f79;}
#menu a:hover{
    color:#5e9e15;}	


#link_1 a:link{
   color:#5e9e15;}
#link_1 a:visited{
   color:#5e9e15;}
#link_1 a:hover{
   color:#006633;}


#ok{
   width:27px;
   height:27px;
   background: url(../imagens/template/btnOk.jpg) no-repeat 0 0;
   cursor:pointer;
   border:none;
   margin-top:5px}
#ok:hover{
   width:27px;
   height:27px;
   background: url(../imagens/template/btnOk.jpg) no-repeat 0 -27px;
   cursor:pointer;
   border:none;
   margin-top:5px;
   display:block;}
   
   
#enviar{
   width:49px;
   height:20px;
   background:url(../imagens/template/btnEnviar.jpg) no-repeat 0 0;
   cursor:pointer;
   border:none;
   margin-top:5px;
   display:block;}
#enviar:hover{
   width:49px;
   height:20px;
   background:url(../imagens/template/btnEnviar.jpg) no-repeat 0 -20px;
   cursor:pointer;
   border:none;
   margin-top:5px;
   display:block;}   


#link_2 a:link{
   color:#004f79;}
#link_2 a:visited{
   color:#004f79;}
#link_2 a:hover{
   color:#5e9e15;}
   

.paginacao a:link {
   font-size:15px;
   color:#004f79;
   background-color:#e3e1e1;
   padding:5px;}
.paginacao a:visited {
   font-size:15px;
   color:#5e9e15;
   font-weight:bold;
   background-color:#e3e1e1;
   padding:5px;}	
.paginacao a:hover {
   font-size:15px;
   background-color:#e3e1e1;
   color:#666;
   padding:5px}  

#menu #home a{
   width:35px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_home.jpg) no-repeat 0 0}
#menu #home a:hover{
   width:35px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_home.jpg) no-repeat 0 -14px}


#menu #empresa a{
   width:70px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_empresa.jpg) no-repeat 0 0}
#menu #empresa a:hover{
   width:70px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_empresa.jpg) no-repeat 0 -14px}

   
#menu li a .atendimento{
   width:95px;
   height:14px;   
   _height:16px;   
   border:0; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_atendimento.jpg) no-repeat 0 0}

#menu li a .atendimento:hover{	
   width:95px;
   height:14px;
   _height:16px;   
   border:0;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_atendimento.jpg) no-repeat 0 -14px}
   
   
#menu li a .atividades{
   width:80px;
   height:14px;   
   _height:16px;   
   border:none; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_atividades.jpg) no-repeat 0 0}

#menu li a .atividades:hover{	
   width:80px;
   height:14px;
   _height:16px;   
   border:none;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_atividades.jpg) no-repeat 0 -14px}   
   
   
#menu li a .apoio{
   width:45px;
   height:14px;   
   _height:16px;   
   border:none; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_apoio.jpg) no-repeat 0 0}

#menu li a .apoio:hover{	
   width:45px;
   height:14px;
   _height:16px;   
   border:none;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_apoio.jpg) no-repeat 0 -14px} 
   
   
#menu li a .areaPessoal{
   width:100px;
   height:14px;   
   _height:16px;   
   border:none; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_areaPessoal.jpg) no-repeat 0 0}

#menu li a .areaPessoal:hover{	
   width:100px;
   height:14px;
   _height:16px;   
   border:none;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_areaPessoal.jpg) no-repeat 0 -14px}

   
#menu li a .cadastros{
   width:70px;
   height:14px;   
   _height:16px;   
   border:none; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_cadastro.jpg) no-repeat 0 0}

#menu li a .cadastros:hover{	
   width:70px;
   height:14px;
   _height:16px;   
   border:none;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_cadastro.jpg) no-repeat 0 -14px}
   

#menu li a .comercial{
   width:80px;
   height:14px;   
   _height:16px;   
   border:none; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_comercial.jpg) no-repeat 0 0}

#menu li a .comercial:hover{	
   width:80px;
   height:14px;
   _height:16px;   
   border:none;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_comercial.jpg) no-repeat 0 -14px}
   
   
#menu li a .relatorios{
   width:80px;
   height:14px;   
   _height:16px;   
   border:none; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_relatorios.jpg) no-repeat 0 0}

#menu li a .relatorios:hover{	
   width:80px;
   height:14px;
   _height:16px;   
   border:none;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_relatorios.jpg) no-repeat 0 -14px}
   

#menu #sair a{
   width:35px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_sair.jpg) no-repeat 0 0}
   
#menu #sair a:hover{
   width:35px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_sair.jpg) no-repeat 0 -14px}
  
#menu li a .servicos{
   width:63px;
   height:14px;   
   _height:16px;   
   border:none; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_servicos.jpg) no-repeat 0 0}

#menu li a .servicos:hover{	
   width:63px;
   height:14px;
   _height:16px;   
   border:none;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;
   background:url(../imagens/template/bt_servicos.jpg) no-repeat 0 -14px}
   
   
#menu li a .portifolio{
   width:74px;
   height:14px;   
   _height:16px;   
   border:none; 
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;  
   display:inline-block;
   background:url(../imagens/template/bt_portifolio.jpg) no-repeat 0 0}
   
#menu li a .portifolio:hover{	
   width:74px;
   height:14px;
   _height:16px;
   border:none;
   _position:relative;
   _bottom:-2px;
   *position:relative;
   *bottom:-2px;
   display:inline-block;   
   background:url(../imagens/template/bt_portifolio.jpg) no-repeat 0 -14px}

#menu #clientes a{
   width:60px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_clientes.jpg) no-repeat 0 0}
#menu #clientes a:hover{
   width:60px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_clientes.jpg) no-repeat 0 -14px}

#menu #contato a{
   width:57px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_contato.jpg) no-repeat 0 0}
#menu #contato a:hover{
   width:57px;
   height:14px;
   _height:16px;
   display:inline-block;
   background:url(../imagens/template/bt_contato.jpg) no-repeat 0 -14px}

   






/* ------------------------------------------------------------------------------------------------------------ */ 

/* FORM */
#email{
   width:99px;
   height:18px;
   margin:2px 0 2px 2px;
   background:#b0df6a;
   border:none;}
   
#senha{
   width:99px;
   height:18px;
   margin:2px 0 2px 0;
   background:#b0df6a;
   border:none;}






/* ------------------------------------------------------------------------------------------------------------ */   

/* RODAPE */
#rodape{
   background:url(../imagens/template/bgRodape.jpg) no-repeat;
   text-align:center;
   width:912px;
   height:107px;
   padding-top:20px;
   color:#588b0d;
   display:table;}
   
/*--------------------------------------------------------------------------------------------------------*/
/* TWITTER */
        
#sidebar { 
	width: 190px; 
	float: right;
	position: fixed; 
	left: 50%; 
	top: 150px; 
	margin: 0 0 0 350px;}
	

#page-wrap { 
	width: 100%;  
	position: relative;
	}

