/* CSS Document */
/* ---------------------- classes gerais -----------------------*/
body{
	background:#EFEEEE;
	margin:0;
}
* {
	margin:0;
}	
#content{
	display:table;
margin:auto;
	width:940px;
	
}

/* --------------------------------------------------------------
	----------------------- Classes do Cabeçalho -------------------
	----------------------------------------------------------------*/
#cabecalho{
	width:940px;
	height:160px;
	background:url(images/bg_cabecalho.gif) repeat-x;
	margin:0px;
	padding:0;				
}
.logo{
	width:400px;		
	float:left;
	padding-top:14px;
	padding-bottom:14px;
	padding-left:68px;
}
.login_form{
	width:370px;
	float:left;
	padding-top:45px;
	padding-left:55px;		
}
/*--------------------------------------------------------------------------------------------------
	------------------- Classes do Topo da Capa (menu, fotos e cadastro de e-mail  -------------------
	--------------------------------------------------------------------------------------------------*/
#topo{
	width:940px;
	height:385px;
	clear:both;	
}
#menu{
	background:#ba251d;
	width:260px;
	height:385px;
	float:left;
	color:#FFFFFF
}
.secao_menu{
	background:url(images/bg_menu.gif);
	width:260px;
	height:30px;		
}

#menu ul{
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	list-style:none;		
	font: 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;		
}
#menu ul li{
	line-height:18.3px; /* espaçamento entre as linhas do menu da capa */
}
#menu ul li a:active, #menu ul li a:link, #menu ul li a:visited{
	text-decoration:none;
	color:#ffffff;
}
#menu ul li a:hover{
	color:#d4d3d3;
}
#fotos_capa{
	float:left;
	width:675px;
	height:295px;
	margin:0;	
	clear:none;	
}
#grupo_fotos{
	width:675px;
	height:295px;
}
#botoes{
	top:425px;	
	position:absolute;
	z-index:2000;
	display:block;	
}
#grupo_botoes{	
	float:right;
	display:block;
}

#grupo_botoes a{	
	float:left;
	text-align:center;	
	height:26px;
	width:26px;
	background:url(images/bg_bt.png) no-repeat;
	margin-right:10px;		
	font:bold 12pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
}

#grupo_botoes a.activeSlide{
	color:#999999;
	text-decoration:underline;
}
#grupo_botoes ul{	
	float:right;
	list-style:none;
	text-align:center;	
	padding-right:17px;	
}
#grupo_botoes ul li{		
	height:26px;
	width:26px;
	background:url(images/bg_bt.png) no-repeat;
	float:left;
	margin-left:8px;
	font:bold 12pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	cursor:pointer;
}
#cadastro{
	float:left;	
	width:680px;
	height:93px;
	background:url(images/bg_cadastro.gif) top repeat-x;		
}
.label_cadastro{		
	width:280px;
	padding-left:15px;
	padding-bottom:20px;
	padding-top:20px;
	font:bold 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
	float:left;			
}
.user_icone{
	float:left;
	padding-right:5px;
}
.email_form{
	float:left;
	padding-right:15px;
	padding-bottom:20px;
	padding-top:30px;
	width:362px;					
}
/* -----------------------------------------------------------------------
	------------------------- Classes do Corpo da Capa ---------------------
	------------------------------------------------------------------------*/
#corpo{
	width:940px;
	clear:both;		
}
#lateral_esquerda{
	float:left;
	width:230px;
	padding:15px;
}
.caixa_redonda{
	width:230px;
	height:51px;
	background:url(images/rounded.gif) no-repeat;
}
.fundo_branco{
	background:#ffffff;
	padding:10px;		
}

.background_vermelho{
	background:#9c2827;
	color:#ffffff;	
}
a.background_vermelho:link,
a.background_vermelho:active,
a.background_vermelho:visited{
	text-decoration:none;
}
a.background_vermelho:hover{
	background:#ffffff;
	color:#9c2827;
	text-decoration:none;
}
.spacer{
	line-height:1;
}
#centro{
	padding:15px;
}
#noticias{
	width:400px;
	float:left;
	padding-top:20px;
}
.foto_capa{
	float:left;
	border:5px solid #ffffff;		
}
#conteudo_noticia{
	width:680px;
	padding-left:5px;
	float:none;
}

/*-------------------------------------------------------------------------- 
---------------------------- Classes das páginas internas ------------------
----------------------------------------------------------------------------*/
#utilidades{	
	padding-right:30px;
	padding-left:30px;
	padding-bottom:50px;
	color:#9c2827;	
}
#navegacao_interna{
	float:left;
}
#imprimir{	
	float:right;	
}
#pagina_interna{
	padding-right:30px;
	padding-left:30px;
	padding-bottom:30px;
}
#submenu{
	width:227px;
	margin-right:15px;
	float:left;
}
#conteudo_interno{
	font:10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4d4948;	
}

.fundo_submenu{
	background:#BA251D;
	height:45px;
	padding-left:10px;
	padding-right:10px;
}
.foto_noticia{
	float:left;
	border:5px solid #ffffff;
	margin-right:10px;
}		

/* --------------------------------------------------------------
	----------------------- Classes do rodapé --------------------- 
	---------------------------------------------------------------*/
#rodape{
	background:#9c2827;
	padding:15px;
	clear:both;
	font:10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	height:20px;
}	
#endereco{
	float:left;
}
#informare{
	float:right;
}
.link_informare{
	font:10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
a.link_informare:link,
a.link_informare:visited,
a.link_informare:hover,
a.link_informare:active{
	text-decoration:underline;
	color:#FFFFFF;
}

/* -----------------------------------------------------------------------
-------------------------- Classe da página de clientes------------------ 
------------------------------------------------------------------------*/
#detalhes{
	background:#ffffff;
	position:absolute;
	display:none;
	font:10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
}

/* -----------------------------------------------------------------------
------------------------- Classes da página equipe.asp -------------------
-------------------------------------------------------------------------*/
#div_fotos{	
	margin:auto;
	padding:0;
	width:100%;		
}
#fotos{
	list-style:none; 
	display:inline;
	width:100%;
}
#fotos li{
	list-style:none;
	display:inline;
}
#fotos li a {  
	float:left;	
	margin-bottom:15px;
	text-decoration:none;	
}
#fotos li a div {
	display: none;
}
#fotos li a div {
	padding: 10px;
  position:absolute;
  background:#E6E6E6;
	margin-top: 80px;
	margin-left:-50px;
  border: 1px solid #BA251D;
  width: 200px;
  z-index: 999;
  color: #BA251D;
  font-size:12px;
}
#fotos li img:hover {
	border:5px solid #BA251D;
}

/********************************************* FORMS ******************************************/
.caixa_texto_capa{
	padding-left:6px;
	padding-top:8px;
	width:160px;
	height:22px;
	font: 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
	border:1px solid #d4d3d3;
}
.bt_form{
	background:#9c2827;
	color:#ffffff;
	border:1px solid #d4d3d3;
}
.bt_seta{
	margin-top:2px;
}
.caixa_texto{
	height:30px;
	font: 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
	border:1px solid #d4d3d3;
}

/***************************************** FONTES EM GERAL ************************************/
/* ----------  titulos --------------------*/
.titulo_menu{
	padding-left:32px;
	padding-top:3px;
	font:13pt "Trebuchet MS", Arial, Helvetica, sans-serif;		
}
a.titulo_menu:link,
a.titulo_menu:active,
a.titulo_menu:hover,
a.titulo_menu:visited{
	padding-left:0px;
	text-decoration:none;
	color:#FFFFFF;
}
.titulo_grande{
	font:14pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.titulo_lateral{
	font:13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	padding-top:15px;
	padding-left:20px;
}
.titulo_pequeno{
	font:bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;		
}
/* titulos do menu interno */
.titulo_menu_interno{
	font:13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
}
a.titulo_menu_interno:link, 
a.titulo_menu_interno:active, 
a.titulo_menu_interno:visited, 
a.titulo_menu_interno:hover{
	text-decoration:none;
}
/* subtitulos do menu interno */
.subtitulo_menu_interno{
	font:10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
}
a.subtitulo_menu_interno:link, 
a.subtitulo_menu_interno:active, 
a.subtitulo_menu_interno:visited, 
a.subtitulo_menu_interno:hover{
	text-decoration:none;
}
/* fontes do submenu */
.titulo_submenu{
	font:10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:underline;
}
.titulo_submenu a:link, a:active, a:visited, a:hover{
	text-decoration:underline;
}


/* -------- fontes menores ------------- */
.resumo{
	font:9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4d4948;
}
.fonte_data{
	font:8pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4d4948;
	padding-right:20px;
}

/* fonte do conteudo (link) */
a.link_conteudo:link, 
a.link_conteudo:active, 
a.link_conteudo:visited, 
a.link_conteudo:hover{
	text-decoration:underline;
	color:#4d4948;
}

/* fontes da div de utilidades */
.fonte_pequena{
	font:bold 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
	text-decoration:underline;	
}
.fonte_media{
	font:bold 11pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
	text-decoration:underline;
}
.fonte_grande{
	font:bold 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
	text-decoration:underline;
}
.link_vermelho{
	font:9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
	text-decoration:underline;
}	
.link_vermelho_big{
	font:20pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9c2827;
}	
/********************* CLASSES DO MENU INTERNO (EM FASE DE CONSTRUÇÂO) ***********/
#menu_interno{
	width:940px;
}
.fundo_menu{	
	background:#BA251D url(images/seta_direita.gif) left no-repeat ;
}
.espacamento{
	padding-left:30px;
	padding-right:15px;
}
#artigos{
	display:none;
}
#quem_somos{
	display:none;
}
#solucoes{
	display:none;
}
#vazio{
	display:block;
}
.espacamento_menor{
	padding-left:30px;
}