/*******************************************************************
 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;
}

td img { float: none; }

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: 590px;
	padding-top: 5px;
}

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

#menu ul li a { padding: 5px 8px; }

/*******************************************************************
 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: 623px;
	height:80px;
	background-image:url(../img/bg_segmentos.gif);
	background-repeat:no-repeat;
	padding-top:8px;
}

#subMenuLinhas img { margin-right: 10px; }

#lisLinhas {
	width: 450px;
	padding: 10px;
	margin-left: 15px;
	padding-top:40px;
}

#lisLinhas ul { list-style: none; }

#lisLinhas li {
	padding: 5px 15px;
	margin-bottom: 10px;
}

#lisLinhas li a {
	display: block;
	padding-top: 25px;
	padding-left: 65px;
	height: 60px;
	text-decoration: none;
}

#lisLinhas li a h4 { display: 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: 55px;
	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;
}

/*******************************************************************
 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: 570px;
	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: 13px;
	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: 13px;
	height: 11px;
}

#aumentaTexto .Amais {
	display: block;
	width: 13px;
	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: normal;
	font-size: 10px;
	text-decoration: none;
}

#conteudo p + ul li a:visited,
#conteudo p + ol li a:visited { text-decoration: none; }

#conteudo p + ol li {
	margin: 4px 10px;
	float: left;
	clear: none;
}

#conteudo p + ol li img,
#conteudo p + ul li img {
	margin-right: 4px;
	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: normal;
	font-size: 10px;
	text-decoration: none;
}

#IEcontainer li a:visited { text-decoration: none; }

#IEcontainer li a:hover { text-decoration: none; }

#IEcontainer ol li img,
#IEcontainer ul li img {
	margin-right: 4px;
	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: 13px;
	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: none; }

/*******************************************************************
	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,
#corpo form input,
select,
textarea {
	padding: 1px;
	margin-left: 5px;
}

#formContato form button,
#corpo form button {
	padding: 1px 3px;
	font-weight: bold;
	margin-left: 145px;
}

/*******************************************************************
	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; }

#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;
}

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