/*
Cascading Style Sheet - Folha de Estilos

Site: Terceirização - Eurofarma

Criado por: Francisco Monteiro Kamisaka

Criado em: 16/05/2006
*/

body {
	background-color						: #FFF;
	font-family									: Tahoma, Verdana, Arial;
	font-size										: 12px;
	color												: #0C2C84;
	margin											: 0;
	padding											: 0;
/*	filter:flipH;
	filter:flipV;	*/
}

img {border:0; margin:0;}

h1 {font-size:11px; margin:10px 0 0 0;}

select {font-size:11px; color:#0C2C84;}

a:link {color:#818181; text-decoration:none;}
a:visited {color:#818181; text-decoration:none;}
a:active {color:#818181; text-decoration:none;}
a:hover {color:#0C2C84; text-decoration:none;}

/* ::... IDs e Classes exclusivos para a 'Home' ...:: */
#conteiner_home {
	position										: absolute;
	left												: 50%;
	top													: 0;
	width												: 778px;
	margin-left									: -389px;
}

#subconteiner_home {background-color:#FFF; margin:0 0 0 20px;}
#subconteiner_home .flashMenuHome {margin:0; padding:0; height:252px;}

#conteudo_home {
	background									: #FFF url('/imagens/todas/bg_conteudo.gif') repeat-y 0 0;
	position										: relative;
	width												: 738px;
	min-height									: 200px;
	margin											: 0;
	padding											: 5px 0 0 0;
}

.ladoEsquerdo {
	color												: #818181;
	position										: absolute;
	top													: 5px;
	left												: 4px;
	width												: 142px;
}

.contatoHome {border:solid 1px #D6D7D7; border-width:1px 0;}

.contatoHome h1 {
	background-color						: #EBEAEA; 
	height											: 15px; 
	margin											: 0; 
	padding											: 2px 0 0 7px;
	_padding										: 1px 0 0 7px;
}

.contatoHome p {
	font-weight									: bold; 
	font-size										: 10px; 
	text-align									: left; 
	margin											: 0;
	padding											: 0 0 3px 7px;
}

#destaques {
	width												: 589px;
	min-height									: 185px;
	margin											: 0 0 0 146px;
}

.destaqueEsquerdo, .destaqueDireito {float:left;}

.destaqueEsquerdo {
	border-bottom								: solid 2px #0D2D84;
	font-weight									: bold;
	font-size										: 10px;
	color												: #818181;
	width												: 203px;
	min-height									: 180px;
	height											: 180px;
	margin											: 0 0 0 17px;
	_margin											: 0 0 0 9px;
}

.destaqueEsquerdo p {letter-spacing:1px; margin:5px 0 0 0;}

.destaqueDireito {
	background									: #FFF url('/imagens/home/bg_linhas_producao.jpg') no-repeat 0 0 !important;
	font-weight									: bold;
	font-size										: 11px;
	color												: #818181;
	width												: 317px;
	min-height									: 182px;
	height											: 182px;
	margin											: 0 0 0 33px;
}

.destaqueDireito h1 {
	font-weight									: bold !important;
	font-size										: 14px;
	color												: #929292;
	margin											: 20px 0 15px 25px;
}

.destaqueDireito ul {
	list-style-type							: none;
	list-style-position					: outside;
	margin											: 0 0 0 30px;
}

:root .destaqueDireito ul {margin:0;}

.destaqueDireito ul li {
	background									: url('/imagens/home/topico.gif') no-repeat 0 50%;
	text-indent									: 12px;
	margin											: 2px 0;
}
.popup{
	position:absolute;
	z-index:100;
	width:187;
	height:181;
	top:90px;
	left:565px;
}
/* :..  ..: */

/* ::... IDs e Classes para todas as páginas ...:: */
#conteiner {
	position										: absolute;
	left												: 50%;
	top													: 0;
	width												: 778px;
	margin-left									: -389px;
}

#subconteiner {
	background-color						: #FFF; 
	margin											: 0 0 0 20px; 
	height											: 100%;
}

#corpo {position:relative;}

#topo {position:relative; height:70px;}
#topo .logoEurofarma {position:absolute; top:5px; left:30px;}
#topo .terceirizacao {position:absolute; top:17px; right:19px;}

#topo .vinhetaTerceirizacao {
	background-color						: #F3F3F3; 
	font-weight									: bold; 
	text-align									: center;
}

#topo .vinhetaTerceirizacao img {margin-top:3px;}

#topo #menu_idioma {position:absolute; top:52px; right:15px; height:27px;}

#topo #menu_idioma .opcoes {
	background-color						: #FFF;
	list-style-type							: none;
	clear												: both;
	width												: 319px;
	_width											: 339px;
	height											: 14px;
	margin											: 0;
	padding											: 0 10px;
}

#topo #menu_idioma .opcoes li {display:inline; font-weight:bold;}

#conteudo {
	background										: #FFF url('/imagens/todas/bg_conteudo.gif') repeat-y 0 0;
	position										: relative;
	width											: 738px;
	min-height										: 465px;
	_height											: 485px;
/*	min-height										: 500px;
	_height											: 550px;	*/
	margin											: 0;
	padding											: 5px 0 0 0;
}

.flashSecao {position:relative; height:100px; z-index:1000;}

/* Esta classe aplica-se a mais de um submenu; o único parâmetro/propriedade que varia 
entre eles é o 'left', portanto este foi declarado em seu respectivo submenu. */
.subMenuFlash {
	background									: url('/imagens/todas/menu/borda_baixo-over_flash.gif') no-repeat 0 100%;
	font-weight									: bold;
	color										: #0D2D84;
	position									: absolute;
	top											: 100px;
	display										: none;
	width										: 147px;
	padding										: 0 0 5px 0;
	_padding									: 0 0 3px 0;
}

.subMenuFlash ul {
	background-color						: #F4F4F4;
	border									: solid 1px #C8C8C8;
	border-width							: 1px 1px 0 1px;
	list-style-type							: none;
	margin									: 0;
	padding									: 1px 1px 0 1px;
}

.subMenuFlash ul li {
/*	
	height									: 16px;
	margin									: 3px 0;
*/	
	Padding: 1px 0;
/*	background-color:#33FF66;*/
}

.subMenuFlash ul li div {
	font-size: 10px;
	background-image: url(/imagens/fundo_submenu.jpg); 
	padding: 1px 0 1px 16px;
/*	background-color:#FFCC00;	*/
}
.subMenuFlash a { /*font-weight: bold; */}
.subMenuFlash a:link {color:#324D95; text-decoration:none; }
.subMenuFlash a:visited {color:#324D95; text-decoration:none;}
.subMenuFlash a:active {color:#324D95; text-decoration:none; }
.subMenuFlash a:hover {color:#324D95; text-decoration:none; }

#navegacao_esquerda {
	position			: absolute;
	top					: 5px;
	left				: 4px;
	width				: 142px;
}

#menu_secao {margin:10px 0 0 17px; z-index:800;}

#menu_secao ul {
	list-style-type							: none;
	background-color						: #EDEDED;
	text-align								: right;
	width									: 125px;
	margin									: 0;
	padding									: 0;
}

#menu_secao ul li {
	font-weight								: bold;
	font-size								: 11px;
	color									: #0D2D84 !important;
/*	height									: 21px;	
	_height									: 10px; */
	margin									: 0;
/*	padding									: 0 8px 0 0;
	_padding								: 0 3px 0 0; */
}

.menuOver {
	position										: absolute;
	top													: 48px;
	left												: 143px;
	display											: none;
}

.menuOver ul {
	background-color						: #E6E5E5; 
	list-style-type							: none; 
	border											: solid 1px #BBB; 
	border-width								: 0 1px; 
	font-weight									: bold;
	width												: 120px; 
	_width											: 123px; 
	height											: 102px; 
	margin											: 0;
	padding											: 3px 0 10px 1px;
}

.menuOver ul li {margin:2px 0;}
  
#busca {width:142px; margin:25px 0 0 0; _margin:15px 0 0 0;} 
#busca h1 {background-color:#EDEDED; padding:4px 0 2px 18px;}
#busca p {margin:0; padding:4px 0 2px 38px;}
#busca div {padding-left:3px;}
#busca select {width:134px; height:19px; margin-bottom:6px;}

.vinheta {
	text-align									    : left;
	position										: absolute;
	top												: 0;
	left											: 60px;
	height											: 16px;
	_height											: 21px;
	padding											: 5px 0 0 15px;
	z-index											: 900;
}

.vinheta div {float:left;}

.vinheta .nomeSecao {
	background-color						: #0D2D84;
	display											: block;
	font-weight									: bold; /* < Servem como default caso a imagem não carregue */
	color												: #FFF; /* < */
	width												: 430px;
	_width											: 428px;
	height											: 16px;
	_height											: 21px;
	padding											: 5px 0 0 7px;
}

.descricao, .apresentacaoDireita {float:left;}

.descricao {
	max-width										: 383px;
	width												: 370px;
	margin											: 16px 0 20px 146px;
	_margin											: 18px 0 0 73px; /* I.E. */
	padding											: 17px 0 0 8px;
}

.descricao p {margin:10px 0;} /* I.E. */

.tituloSubsecao {font-weight:bold;}
.tituloSubsecao span {color:#A3A3A3;}

.linhaPontilhada {
	background									: #FFF url('/imagens/todas/bg_pontilhado.gif') repeat-x 0 0;
	clear												: both;
	width												: 365px;
	_width											: 100%;
	height											: 1px;
}

.blocoUnidade {
	font-size										: 11px;
	clear												: both;
	height											: 43px;
	margin											: 12px 0;
	_margin											: 15px 0;
}
:root .blocoUnidade {margin:20px 0;} /* Fire Fox */
.blocoUnidade a:link, .blocoUnidade a:visited, .blocoUnidade a:active {color:#0C2C84;}
.blocoUnidade div {float:left;}

.blocoUnidade .conteudoUnidade {
	background-color						: #F1F3F8; 
	width												: 341px;
	_width											: 346px;
	height											: 42px;
	padding											: 3px 0 3px 13px;
}

.blocoUnidade .conteudoUnidade div {float:left; padding:5px 0 0 7px;}

.unidade_destaque {
	background									: #FFF url('/imagens/todas/empresa/bg_contorno-unidade.gif') no-repeat 5px 8px;
	_background-position				: 8px 8px;
	width												: 100%;
	height											: 126px;
	margin-top									: 18px;
}

.unidade_destaque img, .unidade_destaque p {float:left;}

.unidade_destaque p {
	width												: 190px; 
	_width											: 195px; 
	padding											: 0 0 0 10px;				/* Opera */
	_padding										: 6px 0 0 7px;			/* I.E. */
}

:root .unidade_destaque p {padding:3px 0 0 10px;}	/* FF */

.unidadeServico {
	list-style-type							: none;
	list-style-position					: outside;
	clear												: both;
	margin											: 10px 0 10px 0;
	padding											: 0;
}

.unidadeServico li {
	background									: #F1F3F8 url('/imagens/todas/bola_topico.gif') no-repeat 1% 50%;
	margin											: 1px 0;
	padding											: 2px 0 2px 16px;
}

#dados_linhas {margin:15px 0 0 0; *margin-left:3px;}
#dados_linhas div, #dados_linhas table {margin:0; padding:0;}

#dados_linhas .tabResultado {
	border-collapse							: collapse;
	border											: solid 1px #D3D3D3;
	border-top									: solid 1px #F1F1F1;
	text-align									: center;
	width												: 356px;
	margin											: 0;
	padding:0;
}

#dados_linhas .tabResultado th, .tabResultado td {width:50%; font-size:12px; padding:3px;}

#dados_linhas .tabResultado th {
	background-color						: #F1F1F1;
	color												: #FF0000;
}

.dadosLinhas {
	clear												: both !important;
	width												: 360px;
	min-height									: 68px;
	margin											: 15px 0 0 3px;
	_margin											: 10px 0 0 3px;
	font-size										: 11px;
	
}

.dadosLinhas div {
	border											: solid 1px #EDEDED;
	height											: 18px;
	margin-bottom								: 4px;
}

.dadosLinhas div.esquerdo, .dadosLinhas div.direito {
	float												: left;
	margin											: 0;
}

.dadosLinhas div.direito {
	border											: 0;
	width												: 170px;
	_width											: 175px;
	padding											: 1px 0 0 5px;
}

.dadosLinhas div.esquerdo {
	background-color						: #EDEDED;
	border											: none;
	font-weight									: bold;
	color												: #FF0000;
	text-align									: right;
	width												: 170px;
	_width											: 175px;
	padding											: 1px 5px 0 0;
	_padding										: 1px 5px 0 2px;
}

#busca_linhas {clear:both;}

.combosBusca {
	background-color								: #F1F3F8;
	clear											: both;
	width											: 351px;
	_width											: 365px;
	padding											: 3px 6px 3px 8px;
	_padding										: 3px 5px 3px 9px;
}

.resultadoBusca {
	list-style-type							: none;
	font-weight									: bold;
	margin											: 15px 0 10px 0;
	padding-left								: 3px;
}

.resultadoBusca li {display:inline;}

.exibeUnidade {font-size:11px; text-align:left;}
.exibeUnidade img {float:left; margin-right:10px;}

.linha_destaque {
	background									: #FFF url('/imagens/todas/linhas_producao/bg_contorno-linhas.gif') no-repeat 5px 8px;
	_background-position				: 8px 8px;
	width												: 100%;
	height											: 88px;
	_height											: 95px;
	margin-top									: 18px;
	_margin-top									: 0;
}

.linha_destaque img, .linha_destaque p {float:left;}

.linha_destaque p {
	width												: 235px;
	_width											: 240px;
	padding											: 0 0 0 10px;				/* F.F. & Opera */
	_padding										: 6px 0 0 7px;			/* I.E. */
}

#formulario {clear:both; margin:0;}
#formulario div {margin:2px 0;}

#formulario label {
	font-size										: 11px;
	text-align									: right;
	float												: left;
	width												: 103px;
	padding											: 2px 5px 0 0;
	_padding										: 4px 1px 0 0;
}

#formulario label span {color:#D01515; padding-right:2px;}
#formulario input {border:solid 1px #0D2D84; height:18px;}
#formulario textarea {border:solid 1px #0D2D84; width:247px;}

.botaoConfirmacao {
	background-color						: #0D2D84;
	font-weight									: bold;
	font-size										: 10px;
	color												: #FFF;
	text-align									: center;
	width												: 55px;
	height											: 15px;
}

.centralAtendimento {
	text-align									: center;
	position										: absolute;
	bottom											: 0;
	left												: 35px;
	z-index											: 1000;
}

.apresentacaoDireita {margin:16px 0 0 0; padding:0 0 0 5px;}

#rodape {margin:10px 0 5px 21px;}
/* :..  ..: */

.Corpo_select{
		float		:	left; 
		border		:	1px solid #7F9DB9; 
		background	:	#FFF; 
		padding		:	2px;
		padding-right:	1px;
		padding-left:	4px;
		padding-bottom:	3px;
		margin-left	:	4px;
		height		:	15px;
		font-size	:	11px;
		text-align	:	right;
}
.Corpo_select img{ 
		margin-bottom: -3px; 
		margin-left: 3px;
}
.MenuRefinaProcura{ 
		font-size:10px;
}

.MenuLateralLinhas li a { 
		color: #4960A0;
		text-decoration: none;
}

.MenuLateralLinhas li { 
/*	height: 10px;	 
	font-size: 9px; */
}

.MenuLateralLinhas li div {
/*	border: 0 0 1px 0 solid #000000;*/
	width: 100%;
	padding: 1px;		
/*	font-size: 9px	*/
 }

.itemMenuLinhasProd {
	 _height: 15px; 
	 font-size: 10px; 
	 font-family:Verdana; 
	 font-weight:bold; 
	 color:#1C3A8B;
}
.linhaMenuLinhaProd {
	margin: 0px 5px 0px 0; _margin: 5px 5px 0px 0; background-color:#D8D8D8; border:0 1px 0 0 solid; border-left: 0; border-bottom:0 
}

/* Empresa - Unidades - Galeria Fotos */
.fotosGeral{
	width: 351px;
	height: 203px;
	margin-left:5px;
}
.fotosBordaCima{
	width: 351px;
	height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0D2D84;
	font-weight:bold;
	background-image:url(/imagens/todas/empresa/fotos_borda_cima.jpg);
	background-repeat:no-repeat;
}
.fotosBorda{
	text-align:center;
	width: 351px;
	height: 177px;
	padding-bottom:12px;
	background-image: url(/imagens/todas/empresa/fotos_borda.jpg);
	background-repeat: repeat-y;
}
.fotosBordaBaixo{
	width: 351px;
	height: 9px;
}