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

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

a {
text-decoration:none;
color:#006699;
}

a:hover {
text-decoration:none;
color:#3399CC;
}

a#link {
	border-bottom: 1px dashed #006699;
	color:#006699;
	text-decoration:none;
}

a#linkbold {
	border-bottom: 1px dashed #006699;
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

a.linklecom {
	color:#006699;
	size:10px;
	font-size:10px;
	text-decoration:none;
}



body{ background: #E9E9E9; }
	
input:focus { 
border: 1px solid #C2C3C7;
background-color:#F2F6F9;
font-family:Verdana;
font-size:10px;
color:#11516C;
}

input { 
border: 1px solid #C2C3C7;
background-color:#F2F6F9;
font-family:Verdana;
font-size:10px;
color:#11516C;
}


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

#container { background: #F2F6F9; }

/*******************************************************************
 LOGO BAUMER  
********************************************************************/

h1 {
	float: right;
	width: 200px;
	height: 37px;
	padding: 10px 10px 0 30px;
}

h1 a {
	display: block;
	width: 200px;
	height: 37px;
}

/*******************************************************************
 LOGO HOSPITALAR  
********************************************************************/

h2#logoArea {
	float: left;
	width: 190px;
	height: 60px;
}

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

#barraMenuBusca {
	background-image:url(../img/bg_menu_sup.gif);
	border: 1px solid #C1C4C5;
}

#menu ul li {
	border-right: 1px solid #9D9EA2;
	height:10px;
}

#menu ul li a {
			color: #069;
			text-decoration: none;
		}
		
		#menu ul li a:hover {
			color: #39c;
		}
		
/*******************************************************************
 BARRA DE IDIOMAS  
********************************************************************/
	
#topoIdiomas{
	float: right;
	clear: right;
	margin-top: 10px;
}

#topoIdiomas a {
	display: block;
	float: left;
	width: 40px;
	margin-left: 5px;
	padding-left: 20px;
	font-size: 10px;
	text-decoration: none;
	color: #999;
}
	#topoIdiomas a:hover {
		color: #000;
	}
#topoIdiomas .espanhol { background: url(../img/bg_espanhol.gif) no-repeat left; }
#topoIdiomas .ingles { background: url(../img/bg_ingles.gif) no-repeat left; }

/*******************************************************************
 BOX - TELEFONES + MAPA DO SITE   
********************************************************************/

/*#faleMapa {
	padding-top: 15px;
	width: 500px;
	float: right;
	border: 1px solid red;
}*/

/*******************************************************************
 TELEFONES E LINK PARA CONTATO DA HOME  
********************************************************************/

.logobaumer {
	float: right;
	width: 184px;
	height: 36px;
}


#topoFaleConosco {
	float: right;
	width: 392px;
	height: 12px;
	margin: 10px;
}
#topoFaleConosco a { 
	display: block;
	width: 563px;
	height: 12px;
	background: url(../img/navegacao_topo.gif) no-repeat;}

#topoFaleConosco span { display: none;}
	
/*******************************************************************
 ÍCONE DE MAPA DO SITE DA HOME
********************************************************************/

#topoMapaDoSite, #topoMapaDoSite a {
	display: block;
	width: 100%;
	height: 16px;
	padding: 5px 0px;
	background: #F5FAFC;
}
#topoMapaDoSite a { 
	display: block;
	width: 100px;
	background: url(../img/img_mapaSite.gif) no-repeat;
	margin-right: 5px;
	float:right;
}

#topoMapaDoSite span { display: none;}

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

#barraBusca { border-left: 1px solid #C2C3C7;  }

#formBusca label { color: #43697F;}
#formBusca button { background: #F2F6F9; border: 1px solid #C2C3C7;}


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

/*#conteudo { 
	border-right: 150px solid #DFEDF4;
	}*/

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



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

#subMenuLinhas {	 }
	#subMenuLinhas h2 { color: #3C9AD4; }
	
	
li.menuProteses a { background: url(../img/menu_proteses.jpg) no-repeat center bottom; }
li.menuColuna a { background: url(../img/menu_coluna.jpg) no-repeat center bottom; }
li.menuFixInterna a { background: url(../img/menu_fixInterna.jpg) no-repeat center bottom; }
li.menuFixExterna a { background: url(../img/menu_fixExterna.jpg) no-repeat center bottom; }
li.menuFixIntramedular a { background: url(../img/menu_fixIntramedular.jpg) no-repeat center bottom; }
li.menuCustomMade a { background: url(../img/menu_customMade.jpg) no-repeat center bottom; }
	
	
#lisLinhas li {
		background: #FaFaFa;
		border-bottom: 1px solid #ccc;
	}
		
	#lisLinhas li a {
		color: #369;
	}
	
		#lisLinhas li a:hover {
			color: #69c;
		}

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

#barraLateral { }

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

#areaLogin { background: #C8DCEB; }
	#areaLogin p {  }
	
#formLogin button { border: 1px solid #C2C3C7; background-color:#F2F6F9; }
#formLogin a { color: #666; }
#formLogin label {display:block; }


#areaLoginDireita { background: #C8DCEB; }
	#areaLoginDireita h2 { color: #6F90AE; }
	
#formLogin button { border: 1px solid #C2C3C7; background-color:#F2F6F9; }
#formLogin a { color: #666; }



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

#destaques { background:url(../img/bg_fade.gif) no-repeat top right; }

#destaques ul li { background: url(../img/linha.gif) bottom center no-repeat; }
#destaques ul li a { text-decoration: none; color: #666; }
#destaques ul li a span { font-weight: bold; color: #369; }
#destaques ul li a:hover, #destaques_area ul li a:hover span { text-decoration: underline; }

#destaques_area { background:url(../img/bg_fade.gif) no-repeat top right; width:92%; }

#destaques_area ul li { background: url(../img/linha.gif) bottom center no-repeat; }
#destaques_area ul li a { text-decoration: none; color: #666; }
#destaques_area ul li a span { font-weight: bold; color: #369; }
#destaques_area ul li a:hover, #destaques_area ul li a:hover span { text-decoration: underline; }
		
/*******************************************************************
 SEÇÃO DE MIDIA
********************************************************************/

#cadBoletim {
	background: #f9f9f9;
	border: 1px solid #ccc;
}

	#cadBoletim button { background: #fff; color: #69c; }
	#cadBoletim label { color: #666; }
			
		
#naMidia {  }
	#naMidia h2 { color: #3C9AD4; }
	
#naMidia div { border-left: 1px solid #BAD1DA; }
	#naMidia div h3 { color: #006699; }

.listaPadraoMidia li { background: url(../img/bullet_midia.gif) no-repeat  0px 5px; }
	.listaPadraoMidia li a span { color: #006699; }

.listaPadraoMidia li a, #conteudo .listaPadraoMidia li a  { color: #666; }

#eventosAntigos { border-right: 1px solid #E1E3E8; }

.pagAtual { color: #369; background: #f5f5f5; }
	
	#paginacao li a { color: #069; background: #fff; }
		#paginacao li a:hover { color: #369; background: #f5f5f5; }

.midiaBox { background: #fff; }

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

#rodape { color: #369; background: url(../img/bg_rodape.jpg) repeat-x; }
	#rodape a {	color: #369; }
		#rodape a:hover { color: #03c; }


/************************************************************************************\
			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 {
	background: #fff;
}

#trilha { border-left: 21px solid #fff; }
	#trilha ul li { background: url(../img/bullet_setadupla.gif) no-repeat left; }
		#trilha ul li a { color: #39c; }


#enviePara { background: #F5F5F5 url(../img/ico_enviar_email.gif) no-repeat 3px 3px; }
	#enviePara a { color: #608DA0; }
	
#boxEnvie {	background: #fff;	}
	#boxEnvie form label { color: #69c; }

#boxEnvie form button { 
	border: 1px solid #69c;
	background: #f5f5f5;
	color: #69c;
}
	
#aumentaTexto {	color: #39c; }
	#aumentaTexto .Amenos { background: url(../img/ico_diminuir_letra.gif) top; }
	#aumentaTexto .Amais { background: url(../img/ico_aumentar_letra.gif) top; }
	
/*******************************************************************
	CONTEÚDO INSTITUCIONAL >> TÍTULO + SUBMENU
********************************************************************/

#conteudo h2.texto {
	color: #3C9AD4;
}

	#conteudo h3 {
		color: #3C9AD4;
	}

#conteudo h2.midia {
	color: #006699;
}

#conteudo h3.midia {
	color: #006699;
}

	#conteudo h3.midia span {
		color: #666;
	}

	#conteudo li.busca {
		background-color: #ECECEC;
		display:block;
		width:400px;
		list-style-type:none;
	}
	
/*******************************************************************
	AREA RESTRITA
********************************************************************/

.area_restrita { width: 95%; }

.area_restrita li {
	background:#DDF3FF !important;
	margin:4px;
	padding:8px;
	float:left;
	width:80%;
}

#subMenuConteudo { border-bottom: 1px solid #ccc; }

#subMenuConteudo li {
	background: url(../img/bullet_square.gif) no-repeat 0px 5px;
	padding: 4px;
	color: #95A6BF;
}

#subMenuConteudo li a { color: #3C9AD4; }

#subMenuConteudo li a:hover { color: #006; }


#resultadoBusca {
	width:80%;
	position:absolute;
	top:235px;
	left:25px;
}

#resultadoBusca strong { font-weight:bold; }

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

#conteudo strong, #conteudo b { color: #369; }

#conteudo p { color: #333; }
	#conteudo p img{ border: 1px solid #C2C3C7; }
	#conteudo p a { color: #369; }
		#conteudo p a:visited { color: #666; }

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

#conteudo p + ul li a, #conteudo p + ol li a  { color: #369; }
#conteudo p + ul li a:visited, #conteudo p + ol li a:visited  { color: #666; }
#conteudo p + ul li a:hover, #conteudo p + ol li a:hover { color: #039;}

#conteudo p + ol li img {  border: 1px solid #C2C3C7; }

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

#IEcontainer li a { color: #039; }
#IEcontainer li a:visited { color: #666; }
#IEcontainer li a:hover { color: #06c; }
#IEcontainer ol li img { border: 1px solid #C2C3C7; }

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

#conteudo #listaMapaSite li a  { background: #fff url(../img/bullet_setadupla.gif) no-repeat 0px 50%; }
#conteudo #listaMapaSite li a:visited  { color: #039; }
#conteudo #listaMapaSite li a:hover{ color: #69c; background: #f9f9f9  url(../img/bullet_setadupla.gif) no-repeat 0px 50%;}

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

	#listaRepresentantes li {
		background: url(../img/bullet_seta.gif) no-repeat left top;
	}
		
	#listaRepresentantes li li {
		background: #fff;
	}
	
		#listaRepresentantes li li:hover { background: #f5f5f5; }
	
	#listaRepresentantes.geral li {
		border-bottom: 1px solid #999;
	}
			
		#listaRepresentantes li h4 {
			color: #369;
		}

/*******************************************************************
	CONTEÚDO FILTRO Representantes (em Layout.css)
********************************************************************/
		
/*******************************************************************
	FORMULÁRIO FALE CONOSCO
********************************************************************/
	
	
#formContato {}

#formContato form, #corpo form {
	border-top: 1px solid #666;
}
	#formContato form label, #corpo form label {
		color: #666;
		background: #fAfAfA;
	}
		#formContato form label.botao {}
		#formContato form label.obrigatorio span, #corpo form label.obrigatorio span {}
	
		#formContato form label span {}
	
	#formContato form, select, textarea, button, #corpo form input, select, textarea, button {
		border: 1px solid #C2C3C7 ;size:10px;
	}
	
	#formContato form button, #corpo form button {
		border: 1px solid #069;
		background: #fff;
		color: #09c;
	}


/*******************************************************************
	FORMULÁRIO FALE CONOSCO - TAMANHOS DOS CAMPOS (em Layout.css)
********************************************************************/

/*******************************************************************
	LISTAGEM DA BUSCA
********************************************************************/
#resultaBusca ul {
	border-bottom: 1px solid #ccc;
}
	
	#resultaBusca ul li a  {
		color:#666;
		background: #fff;
	}
	
	#resultaBusca ul li a:hover { color: #69c; background: #f9f9f9; }

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

#navegacao {
	background: url(../img/bg_navegacao.jpg) repeat-x bottom right;
}

#navegacao ul {}

#menuProdutos ul ul {}

	
	#menuProdutos li {
		background: url(../img/bg_submenu_nivel1.jpg );
		border-bottom: 1px solid #e9e9e9;
	}
	
	#menuProdutos li li {
		background: #F5F5F5;
	}
	
	#menuProdutos li li li {
		background: #FeFeFe;
	}
	
	#menuProdutos li li li div {
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #fff;
	}
	
	#menuProdutos li li li div ul {}
		
		#menuProdutos li li li:hover div, #menuProdutos li li li.over div {}
			
	#menuProdutos li li li div li {
		background: #F7F7F7;
		border-bottom: 1px dashed #ccc;
		border-top: none;
	}
	
	#menuProdutos li a {
		color: #069;
	}
	
	#menuProdutos li li a {
		color: #09c;
	}
	
	#menuProdutos li li li a {
		color: #369;
		background: url(../img/bullet_disc.gif) no-repeat 10px 8px;
	}
	
	#menuProdutos li li li div li a {
		color: #888;
		background: none;
	}
		
		#menuProdutos li a:hover {
			color:  #6cf;
		}
		
		#menuProdutos li li a:hover {
			color: #6cf;
		}
		
		#menuProdutos li li li a:hover {
			color: #036;
			background: #dedede url(../img/bullet_disc-branco.gif) no-repeat 10px 8px;
		}
		
		#menuProdutos div li a:hover {
			color: #666;
			background: none;
		}

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

#colunaDireita {}

	#colunaDireita h2.texto {}

#fotoModelo {}

#fotoModeloPqn {}

#fotoModelo img {
	border: 1px solid #ccc;
}

#fotoModelo img.imgModeloGde {
	border: none;
}

#texto {}
	
	#texto p {	}
	
#conteudo h4 {
	color: #369;
}

#arqAnexos {
	background: #F5F5F5;
}

#arqAnexos ul {
	list-style: none;
	margin: 2px 0;
	padding: 0;
}

	#arqAnexos ul li {
		margin: 0;
		padding-left: 10px;
			background: url(../img/bullet_anexo.gif) no-repeat left;
	}
	
			#arqAnexos ul li.arqRestrito {
			background: url(../img/cadeado.gif) no-repeat left;
		padding-left: 14px;
		}
		
			#arqAnexos ul li a {
				color: #333;
				border-bottom: 1px dashed #333;
			}

#outrasOpcoes {
	background: #f5f5f5;
}

#outrasOpcoes h4 {
	background: url(../img/bg_rodape.jpg) repeat-x;
	border-bottom: 2px solid #fff;
}

	#outrasOpcoes h4 span {
		background:url(../img/bullet.gif) no-repeat 0 5px;
	}

	#outrasOpcoes ul {
		list-style: square;
	}
	
	#outrasOpcoes ul li a {
		color: #888;
	}
	
		#outrasOpcoes ul li a:hover {
			color: #09C;
		}

/*******************************************************************
	CURRICULO + LOGIN CURRICULO
********************************************************************/	
	
#loginCurriculo form {
	border: 1px solid #ccc;
	background: #f5f5f5;
}

#loginCurriculo p {}

	#loginCurriculo form label {}
	
	
	#loginCurriculo form button {
		border: 1px solid #069;
		background: #fff;
		color: #09c;
	}
	
#tarjadireita {
width:150px;
background-color:#DFEEF5;
float:left;
text-align:center;
}

#pFonte9, #descricaoproduto, #prlistagem {
font-family:Verdana;
font-size:10px;
color:#666666;
text-align:justify;
}

#pFontetarja, #tarjadireita, #rodape{
font-family:Verdana;
font-size:10px;
color:#666666;
text-align:center;
}


.pFonte11B {
font-family:Verdana;
font-size:10px;
color:#336699;
font-weight:bold;
}

input {
border: 1px solid #C2C3C7;
background-color:#F2F6F9;
font-family:Verdana;
font-size:10px;
color:#11516C;
}

#acessorestrito {
width:140px;
background-color:#C7DCED;
float:left;
text-align:left;
padding:5px;
}

#fonte16 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	size:18px;
	font-weight:bold;
	color:#11516c;
}

#fonte20Repres {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#3C9AD4;
	margin-left:25px;
}

.pFonte10 {
font-family:Verdana;
font-size:10px;
color:#666666;
}

.loginpopup form label{
	clear:both;
	display:block;
	width:140px;
	float:left;
}

.loginpopup form label span{
	font-family: verdana;
	font-size:11px;
	display:block;
	width:45px;
	text-align:right;
	float:left;
}

.loginpopup form button{
	margin-top:20px !important;
	height: 16px;
	font-size:11px;
}

.loginpopup p{
	font-family: verdana;
	font-size:11px;
	color:red;
	padding-bottom:5px;
	padding-left:5px;
}

p.error, p.success { left:625px; top:196px; width:123px; text-align:center; padding:5px; color:#000000; z-index:100; }
p.error { background:#FF9999; border:2px solid #FF0000;  }