/*******************************************************************
 CSS geral BAUMER
 Guilheme Menga / Renan Múfalo - Lecom S/A.
********************************************************************/

/*******************************************************************
 CONFIGURAÇÕES VÁLIDAS PARA TODOS OS ELEMENTOS DE TODAS AS ÁREAS
********************************************************************/

* { 
	margin: 0;
	padding: 0;
	font: normal 11px Verdana;
}

/*******************************************************************
 TAGS REDEFINIDAS VÁLIDAS PARA TODAS AS ÁREAS
********************************************************************/

img {
	border: 0;
	float: left;
}

div {
	float: left;
}

/*******************************************************************
 BOX GERAL  - BACKGROUND DEFINIDO EM CSS DA ÁREA
********************************************************************/

#container {
	width: 778px;
	margin-left: -389px;
	left: 50%;
	position: absolute;
	z-index: 10;
}

/*******************************************************************
 BARRA TOPO  
********************************************************************/

#topo {
	width: 100%;
	height: 85px;
}

#toposite {
	width: 778px;
}


/*******************************************************************
 BARRA DO MENU E DA BUSCA - FUNDO E BORDA DEFINIDOS EM CSS DE ÁREA  
********************************************************************/

#barraMenuBusca {
	width: 778px;
	float: left;
	height: 25px;
}

#menu ul {
	list-style: none;
	width: 560px;
	padding-top: 5px;
}

	#menu ul li {
		float: left;
		height: 12px;
	}
	
	#menu ul li a {
		padding: 5px 10px;
	}

		
/*******************************************************************
 CAMPO DE BUSCA  
********************************************************************/

#barraBusca { float: right; margin-right:10px; padding: 4px 0 0 10px; height: 21px; }
#formBusca input { margin: 0 3px 1px 3px; height: 15px; width: 75px;}
#formBusca button { font-size: 9px;}

/*******************************************************************
 #Geral -> DIV que contém o conteúdo e a barra direita
********************************************************************/

#geral { width: 100%; }

/*******************************************************************
 CONTEÚDO - DIV ALINHADA À ESQUERDA COM O CONTEÚDO E AS ÁREAS
********************************************************************/

#conteudo {
	width: 623px;
	padding: 0 5px 15px 0;
	/*margin-right: -150px;*/
}

#conteudohome {
	width: auto;
	padding-bottom:5px;
	/*margin-right: -150px;*/
}


/*************************************************************************
	FLASH DA HOME
*************************************************************************/

#flashHome {
	text-align: right;
	background-color:#FFFFFF;
	height:226px;
	width:624px;
	margin-top:5px;
	margin-bottom:5px;
}

/*******************************************************************
 SUB-MENU DE LINHAS
********************************************************************/

/*#lisLinhas {
	padding: 5px 0;
	width: 618px;
}*/

#subMenuLinhas {
	width: 624px;
	height:115px;
	background-image:url(../img/bg_segmentos.gif);
	background-repeat:no-repeat;
	padding-top:8px;
}

	#subMenuLinhas h2 {
		font-weight: bold;
	}

	#subMenuLinhas ul {
		list-style: none;
		margin-top: 10px;
	}
	
		#subMenuLinhas ul li {
			float: left;
			padding: 0 5px 0 0px;
		}
	
			#subMenuLinhas li a {
				display: block;
				height: 92px;
				width: 85px;
			}
				#subMenuLinhas li a h4 {
					display: none;
				}
				
#lisLinhas {
	padding: 10px;
	margin-left: 15px;
	padding-top:40px;
}
				
#lisLinhas ul {
	list-style: none;
}

	#lisLinhas li {
		padding: 5px 15px;
		margin-bottom: 2px;
		float: left;
		width: 500px;
	}
	
		#lisLinhas li img {
			float: left;
			margin-right: 10px;
		}
		
	#lisLinhas li a {
		display: block;
		text-decoration: none;
	}

/*******************************************************************
 BARRA LATERAL DIREITA
********************************************************************/

#barraLateral {
	width: 150px;
	float: right;
	margin-top:5px;
}

/*******************************************************************
 BOX DE LOGIN + FORMULARIO
********************************************************************/

#areaLogin {
	float: right;
	width: 85%;
	padding: 10px;
}
	
	#areaLogin h2 {
		width: 76px;
		height: 9px;
		margin: 4px 0px 8px 30px;
	}
		#areaLogin h2 span { display: none; }
	
#formLogin label {
	float: left;
	font-size: 9px;
	color: #666;
	margin: 1px 0;
}

#formLogin input { font-size: 10px; width: 60px; padding: 2px; }

#formLogin button { 
	margin-left: 2px;
	font-size: 9px;
	float: left;
}

#formLogin a {
	float: right;
	white-space: nowrap;
	margin-right: 5px;
	text-decoration: underline;
	font-size: 10px;
}

/*******************************************************************
 DESTAQUES
********************************************************************/

#destaques {
	width: 92%;
	padding: 5px;
	float: right;
}
	#destaques h2 {
		display: none;
	}
	
	#destaques ul {
		list-style: none;
	}
	
		#destaques ul li {
			text-align: center;
			padding: 6px 0;
		}
		
		#destaques ul li a {
			font-size: 10px;
		}
		
		#destaques ul li a span {
			font: bold 11px Tahoma, Arial, Verdana;
		}
		
		#destaques_area {
	width: 92%;
	padding: 5px;
	float: right;
}
	#destaques_area h2 {
		display: none;
	}
	
	#destaques_area ul {
		list-style: none;
	}
	
		#destaques_area ul li {
			text-align: center;
			padding: 6px 0;
		}
		
		#destaques_area ul li a {
			font-size: 10px;
		}
		
		#destaques_area ul li a span {
			font: bold 11px Tahoma, Arial, Verdana;
		}

				
/*******************************************************************
 SEÇÃO DE MIDIA
********************************************************************/

#boxBoletim {
	width: 95%;
	margin-bottom: 10px;
}
	
#cadBoletim {
	width: 100%;
	float: left;
	padding: 8px;
	margin-left:3px;

}

	#cadBoletim fieldset {
		border: 0;
		float: left;
		margin-left: 5px;
		width:47%;

	}
		#setAcao { display: block; width: 30% !important; margin:0; padding:0;  }
	
	#cadBoletim button {
		float: left;
		margin-top: 10px;
	}
	
	#cadBoletim label {
		float: left;
		margin-left: 20px;
		font-size:9px !important;
		width:150px;
	}
	
		
	#cadBoletim #setDados input {
		padding: 1px;
		width: 200px;
		margin-left: 3px;
	}
	
#cadBoletin #setAcao input { float: left; }
	
#naMidia { width: 100%; padding-top:40px; padding-bottom:10px;
background-image:url(../img/bg_midia.gif);
background-repeat:no-repeat;
}

	#naMidia h2 {
		font: bold 16px Verdana;
		padding: 10px 0 10px 10px;
	}
	
#naMidia div {
	width: 180px;
	padding: 0 5px;
	margin: 0 5px 0 0;
}

#midiaNoticias { border: 0 !important; }

#naMidia div h3 { font: bold 13px Verdana; }

.listaPadraoMidia { list-style: none; margin-left: 15px; float: left; padding-top: 25px; }
* html .listaPadraoMidia, * html #conteudo .listaPadraoMidia { margin-left: 10px; }
#conteudo .listaPadraoMidia { list-style: none;	margin-left: 25px; width: 90%;}

.listaPadraoMidia li { padding: 0px 0 4px 10px; width:90%; }
#conteudo .listaPadraoMidia li { margin-bottom: 5px; float: left; clear: left;}

.listaPadraoMidia li a span {
	display: block;
	margin-bottom: 3px;
}

#conteudo .listaPadraoMidia li a span { font-weight: normal; }

.listaPadraoMidia li a, #conteudo .listaPadraoMidia li a  {
	text-decoration: none;
	font-weight: normal;
}
.listaPadraoMidia li a:hover, .listaPadraoMidia li a:hover span, #conteudo .listaPadraoMidia li a:hover, #conteudo .listaPadraoMidia li a:hover span  {
	text-decoration: underline;
}
.listaPadraoMidia li a.verEventos {
	font-weight: bold;
}

#midiaEventos { width: 345px !important; }
#midiaEventos ul li { display: block; float: left; }
.listaPadraoMidia li img { margin-right: 5px; }


#eventosAntigos{ width: 160px; float: left; }

#eventosFuturos { width: 150px; float: left; }

#paginacao {
	width: 80%;
	list-style: none;
	padding-left: 20%;
	margin-top: 15px;
	clear: left;
}

* html #paginacao {
		 padding-left: 120px;
	}

#paginacao li {
	float: left;
	margin: 0 1px;
	text-align: center;
	}
	
		.pagAtual {
			padding: 1px 15px;
		}
	
	#paginacao li a {
		width: 100%;
		padding: 1px 15px;
		text-decoration: none;
	}
	
	#paginacao li a:hover {
		padding: 1px 15px;
	}

.midiaBox {
	width: 204px;
	margin-right: 1px;
	min-height: 315px;
}

*html .midiaBox {
	width: 204px;
	height: 315px;
}

	#conteudo .midiaBox ul {
		width: 85%;
		border: 0;
	}
	/*
	#conteudo .midiaBox ul#eventosAntigos li { clear: left; }
	#conteudo .midiaBox ul#eventosFuturos li { clear: left; }*/


/*******************************************************************
 RODAPÉ
********************************************************************/

#rodape {
	width: 100%;
	height: 17px;
	padding-top: 10px;
	text-align: center;
	clear: both;
	float: none;
}

#rodape a {	text-decoration: none; }


/************************************************************************************\
			D E F I N I Ç Õ E S  d a s  Á R E A S  I N T E R N A S \************************************************************************************/
			
/************************************************************************************\
			TRILHA ::: BOTÃO ENVIAR :::: AUMENTAR DIMINUIR LETRA ::: \************************************************************************************/
			
			
#trilha, #enviePara, #aumentaTexto {
	font-size: 9px;
	margin-right: 2px;
	padding: 2px 0 0 4px;
}

#trilha {
	width: 95%;
	margin-top:1%;
	padding-left: 5px;
}
	
	#trilha ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#trilha ul li {
		float: left;
		padding-left: 10px;
		margin-right: 5px;
	}
	
	#trilha ul li a { text-decoration: none; font-weight: normal; font-size: 11px; }
	#trilha ul li a:visited { text-decoration: none; }


#enviePara {
	width: 100px;
	position: relative;
	z-index: 20;
}

	#enviePara a {
		padding-left: 25px;
		font-size: 9px;
		text-decoration: none;
	}
	
#boxEnvie {
		display: block;
		position: absolute;
		width: 160px;
		padding: 5px;
		left: -20px;
		top: 12px;
		z-index: 30;
		cursor: auto;
	}
	
#boxEnvie form input, #boxEnvie form label { float: left; margin: 2px 0;}
#boxEnvie form input { margin-left: 5px; width: 80px; }
#boxEnvie form label { width: 62px; padding-right: 3px; text-align: right; }

#boxEnvie form button { 
	float: right;
	text-align: center;
	width: 45px;
	margin-top: 2px;
}
	
#aumentaTexto {
	width: 165px;
}
	#aumentaTexto a span { display: none; }
	#aumentaTexto .Amenos { display: block; width: 12px; height: 11px; }
	#aumentaTexto .Amais { display: block; width: 12px; height: 11px; }
	#aumentaTexto a { float: left; margin: 0 2px;}
	
/*******************************************************************
	CONTEÚDO INSTITUCIONAL >> TÍTULO + SUBMENU
********************************************************************/

#conteudo h2.texto {
	font: 32px Verdana;
	font-weight: 100;
	padding: 15px 0 10px 21px;
	margin-top: 15px;
}

	#conteudo h3 {
		font: 16px Verdana;
		font-weight: 100;
		padding: 15px 0 10px 21px;
	}

#conteudo h2.midia {
	font: 32px Verdana;
	font-weight: 100;
	padding: 15px 0 10px 21px;
	margin-top: 15px;
	display:none;
}

#conteudo h3.midia {
	font: bold 13px Verdana;
	padding: 15px 0 10px 21px;
}

	#conteudo h3.midia span {
		font: normal 11px Verdana;
	}

#subMenu {
	width: 95%;
	float:left;
	padding-left: 5px;
}

#subMenuConteudo {
	float: left;
	width: 95%;
	list-style: none;
	padding: 0;
	padding-bottom: 20px;
	margin-left: 10px;
	padding-top:10px;
}

#subMenuConteudo li {
	padding: 0 15px 0 7px;
	margin: 0;
}

#subMenuConteudo li {
	font-size: 11px;
	font-weight: bold;
}

#subMenuConteudo li a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
#subMenuConteudo li a:hover { text-decoration: none; }

/*******************************************************************
	CONTEÚDO TEXTO
********************************************************************/

#conteudo p {
	float: left;
	width: 90%;
	margin: 10px 0;
	padding-left: 21px;
}

#conteudo p img{ margin: 5px 10px 5px 0; padding: 3px; }
#conteudo p strong { font-weight: bold; font-size: 10px; }
#conteudo p a { font-size:12px; text-decoration: none; }
#conteudo p a:visited { text-decoration: underline; }
#conteudo p a:hover { text-decoration: underline; }

/************************************************************************
CONTEÚDO LISTAS - se for lista normal, usar UL; se for lista c/ IMG, usar OL 
- sempre depois de <p></p> 
************************************************************************/

/*#conteudo p + .listaTexto { margin: 5px 0; padding-left: 21px; }*/
#conteudo p + ul, #conteudo p + ol { list-style: none; padding-left: 21px; }
#conteudo p + ul li { margin: 4px 10px; clear: both;}
#conteudo p + ul li a, #conteudo p + ol li a  { font-weight: bold; font-size: 10px; text-decoration: none; }
#conteudo p + ul li a:visited, #conteudo p + ol li a:visited  { text-decoration: underline; }

#conteudo p + ol li { margin: 4px 10px; float: left; clear: none; }
#conteudo p + ol li img { margin-right: 8px; padding: 3px; }

/*******************************************************************
	CONTEÚDO LISTAS EXCLUSIVOS PARA IE 6 C/ COMENTÁRIO CONDICIONAL
********************************************************************/

#IEcontainer ul, #IEcontainer ol { list-style: none; padding-left: 21px; float: left; }
#IEcontainer ul li { margin: 4px 10px; clear: both;}
#IEcontainer ol li { margin: 4px 10px; float: left; clear: both; }
#IEcontainer li a { font-weight: bold; font-size: 10px; text-decoration: none; }
#IEcontainer li a:visited { text-decoration: underline; }
#IEcontainer li a:hover { text-decoration: none; }
#IEcontainer ol li img { margin-right: 8px; padding: 3px; }

/*******************************************************************
	CONTEÚDO LISTA Mapa do Site
********************************************************************/

#conteudo #listaMapaSite { list-style: none; padding-left: 21px; width: 40%; }
#conteudo #listaMapaSite ul { list-style: none; padding-left: 12px; width: 95%; }
	#conteudo #listaMapaSite li { margin: 2px 0px; }
	#conteudo #listaMapaSite li a  { display: block; width: 98%; padding: 3px 0 3px 10px; text-decoration: none; font-weight: normal; }
	#conteudo #listaMapaSite li a:hover{ text-decoration: underline; }

/*******************************************************************
	CONTEÚDO LISTAS Representantes
********************************************************************/

#listaRepresentantes {
	float: left;
	list-style: none;
	padding-left: 21px;
}

	#listaRepresentantes li {
		padding-left: 12px;
		padding-bottom: 5px;
		margin: 5px 0;
	}
	
	#listaRepresentantes li ul {
		list-style: none;
	}
	
	#listaRepresentantes li li {
		padding: 3px 5px;
	}
	
		#listaRepresentantes li span {
			display: block;
			font-weight: bold;
		}
		
		#listaRepresentantes li h4 {
			font-weight: bold;
			font-size: 10px;		}
		
		#listaRepresentantes li li span {
			display: inline;
			margin-right: 5px;
			font-weight: bold;
		}

/*******************************************************************
	CONTEÚDO FILTRO Representantes
********************************************************************/
		
#filtroRepresentantes {
	width: 80%;
	margin: 10px;
	padding: 5px;
	float: left;
}
	
	#filtroRepresentantes label {	font-weight: bold; }
		#filtroRepresentantes label select { margin-left: 5px; }
			
/*******************************************************************
	FORMULÁRIO FALE CONOSCO
********************************************************************/
	
#formContato {
	width: 99%;
}

#formContato form, #corpo form {
	margin: 5px 15px;
	padding: 15px 10px;
}
	#formContato form label, #corpo form label {
		display: block;
		padding: 3px;
		margin: 4px 0;
		width: 80%;
	}
		#formContato form label.botao { float: left; }
		#formContato form label.obrigatorio span, #corpo form label.obrigatorio span { font-weight: bold; }
	
		#formContato form label span {
			display: block;
			float: left;
			width: 30%;
			text-align: right;
		}
	
	#formContato form input, select, textarea, button, #corpo form input, select, textarea, button {
		padding: 1px;
		margin-left: 5px;
	}
	
	#formContato form button, #corpo form button {
		padding: 1px 3px;
		font-weight: bold;
				
	}


/*******************************************************************
	FORMULÁRIO FALE CONOSCO - TAMANHOS DOS CAMPOS
********************************************************************/
#campoNome input { width: 250px !important; }
#campoMail input { width: 200px; }
#campoCidade input { width: 150px; }
#campoTelefone input { width: 100px; }
#campoMsg textarea { width: 250px !important; height: 80px !important; }

/*******************************************************************
	LISTAGEM DA BUSCA
********************************************************************/
#resultaBusca ul {
	list-style: none;
	margin-left: 21px;
	margin-bottom: 10px;
	padding: 4px 0;
	width: 60%;
}
	#resultaBusca ul li { margin: 2px 0; }
	
	#resultaBusca ul li a  {
		display: block;
		text-decoration: none;
		font-weight: normal;
	}
		#resultaBusca ul li a span { display: block; font-weight: bold; }
		#resultaBusca ul li a:hover span { text-decoration: underline; }

/*******************************************************************
	MENU DE PRODUTOS
********************************************************************/

#navegacao {
	width: 180px;
	margin-top: 10px;
	padding-left: 20px;
	padding-bottom: 130px;
}



/*******************************************************************
	COLUNA DIREITA (TEXTOS DE LINHA E DETALHES DE MODELO
********************************************************************/

#colunaDireita {
	float: right;
	width: 400px;
}

	#colunaDireita h2.texto {
		font: 24px Verdana, Arial, Verdana;
		font-weight: 100;
		padding: 5px 0 6px 21px;
		margin-top: 15px;
	}

#fotoModelo {
	width: auto;
}

#itensDestaque {
	width: 400px;
}

#itensDestaque img {
	padding: 8px;
	float:left;
}

#itensDestaque ul {
	float:left;
	list-style: none;
	margin:0;
	padding:0;
}


#itensDestaque ul li {
	float:left ;
	clear: none;
	margin:2px ;
	width:180px;
	background-color:#FFFFFF;
}

#fotoModeloPqn {
	clear: left;
}

#fotoModelo img {
	margin: 5px 10px;
	padding: 3px;
}

#fotoModelo img.imgModeloGde {
	border: none;
}

#texto {
	width: 50%;
	font-size: 10px;
}
	
	#texto p {
		padding: 0;
		width: auto;
	}
	
#conteudo h4 {
	font: bold 10px Verdana, Arial, Verdana;
	margin: 3px 0;
}

#arqAnexos {
	width: 210px;
	padding: 5px;
	margin-top: 5px;
}

	#arqAnexos ul {
		margin-left: 10px;
		padding-left: 10px;
		margin-top: 4px;
	}
		
		#arqAnexos ul li {
			margin: 3px 0px;
		}
		
			#arqAnexos ul li a {
				text-decoration: none;
			}

#outrasOpcoes {
	float: right;
	width: 390px;
	margin-top: 15px;
	padding-bottom: 5px;
}

#outrasOpcoes h4 {
	height: 20px;
	padding-top: 7px;
	padding-left: 5px;
}

	#outrasOpcoes h4 span {
		font-size: 10px;
		font-weight: normal;
		padding: 6px 22px;
		vertical-align: top;
	}
	
		#outrasOpcoes h4 span strong {
			font-weight: bold;
		font-size: 10px;
			
		}

	#outrasOpcoes ul {
		float: left;
		margin-left: 15px;
		padding-left: 15px;
		color: #888;
	}
	
	#outrasOpcoes ul li a {
		text-decoration: none;
		font-size: 10px;
	}
	
/*******************************************************************
	CURRICULO + LOGIN CURRICULO
********************************************************************/	
	
#loginCurriculo form {
	margin-left: 20px;
	padding: 10px;
}

#loginCurriculo p {
	clear: left;
}

	#loginCurriculo form label {
		display: block;
		margin: 4px 0px;
	}
	
	#loginCurriculo form input {
		padding: 1px;
		margin-left: 4px;
	}
	
	#loginCurriculo form button {
		padding: 1px 3px;
		font-weight: bold;
		margin: 4px 2px;
	}
	
/*******************************************************************
	Formulário de alterações de configurações de usuário
********************************************************************/
#formUsu { }

#formUsu label { width:380px; display:block; padding:5px; }

#formUsu input { width:210px; }

#formUsu span {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding:3px;
}

#formUsu button {
	margin-left:160px;
	margin-top:5px;
	clear:both;
}

/*******************************************************************
	area de contatos em vermelho
********************************************************************/

#conteudo strong.vermelho { 
        color:#FF0000;
}