﻿body
{
	margin: 0 0 0 0;
	text-align: center;
    background-repeat: repeat;
    background-image: url('/Imagens/Layout/bgPrincipal.gif');
    font-family: Verdana;
    font-size: 12px;
}

/* Página inicial */
#ConteudoIndex
{
	margin:0 auto;	
	width: 800px;
}

#TopoIndex
{
	width: 800px;
	float: left;
	height: 107px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #BDBDBF;
	background-color: #F2F2F2;
}

#TopoIndex p#logo
{
	float: left;
	margin: 35px 40px;

}

#BannerIndex
{
	width: 800px;
	float: left;
	background: url('/Imagens/Layout/pt/banner.jpg') no-repeat left bottom;
	background-color: #F2F2F2;
	height: 267px; 
}

#MenuIndex
{
	width: 800px;
	float: left;
	display: inline;
	background: url('/Imagens/Layout/bgMenu.jpg') no-repeat left top;
	background-color: #F2F2F2;
	height: 102px; 
}

#OpcoesIndex
{
	border-color: #BDBDBF;
	float: left;
	width: 800px;
	background-color: #F2F2F2;
	height: 57px;
	bottom: 0;
	border-top-style: solid;
	border-top-width: 3px;
}

#RodapeIndex
{
	border-color: #9FA0A4;
	float: left;
	width: 800px;
	background-color: #D6D7DB;
	height: 44px;
	bottom: 0;
	border-top-style: solid;
	border-top-width: 1px;
}

#RodapeIndex p#direitos
{
	position: absolute;
	float: left;
	margin: 19px 242px;
}

#RodapeIndex p#bandeiras
{
	position: absolute;
	float: right;
}

/* Pesquisa no site */
#frmPesqSite {
	margin: 30px 20px;
	float: right;
	border: none;
	width: 195px; height: 46px;
	background: url(/Imagens/Layout/pt/bgPesquisa.jpg) no-repeat;
}

#frmPesqSite p {
	margin: 0; padding: 0;		
}
#frmPesqSite input
{
	border: none;
	background: transparent;
	color: #333333;
	float: left;
	text-align: right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#frmPesqSite .tbox {
	margin: 1px 0 0 5px; 
	width: 138px;	
	display: inline;	
}

#frmPesqSite .btn{
	margin: -15px 29px;
	float: right;
}

/* Menu Principal */
#menu {
	float: left;
	margin: 0px 33px ;
	display: inline;
}

#menu ul 
{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	line-height: normal;
}

#menu li 
{
	margin-right: 5px;
	display: block;
	float: left;
}

#menu a
{
	float: left;
	width: 117px;
	height: 47px;
	background: url('/Imagens/Layout/pt/botoes_menu.jpg') ;
}

#menu .empresa
{
	background-position: 0px -47px;
}
#menu .empresa:hover
{
	background-position: 0px 0px;
}

#menu .consumidores
{
	background-position: -117px -47px;
}
#menu .consumidores:hover
{
	background-position: -117px 0px;
}

#menu .profSaude
{
	background-position: -234px -47px;
}
#menu .profSaude:hover
{
	background-position: -234px 0px;
}

#menu .distribuidores
{
	background-position: -468px -47px;
}
#menu .distribuidores:hover
{
	background-position: -468px 0px;
}

#menu .educacional
{
	background-position: -351px -47px;
}
#menu .educacional:hover
{
	background-position: -351px 0px;
}

#menu .internacional
{
	background-position: -585px -47px;
}
#menu .internacional:hover
{
	background-position: -585px 0px;
}

/* BELEZA DE VERÃO */

#belezaverao {
	float: left;
	display: inline;
	background-image: url('http://www.herbarium.net/Imagens/Diversos/img.jpg');
	width: 800px;
	height: 337px;
}

#belezaverao ul 
{
	float:left;
	list-style: none;
	line-height: normal;
}

#belezaverao li 
{
	margin-right: 5px;
	display: block;
	float: left;
}

#belezaverao a
{
	float: left;
	background-color: Transparent;
}

#belezaverao .colagenan
{
	margin: 110px -82px;
	width: 100px;
	height: 195px;
}

#belezaverao .betabronze
{
	margin: 110px 85px;
	width: 100px;
	height: 195px;
}



/* Opção Rodapé*/

#opcao 
{
	float: left;
	margin: 0px 0px ;
}

#opcao ul 
{
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	line-height: normal;
}

#opcao li 
{
	display: block;
	float: left;
}

#opcao a
{
	float: left;
	background-color: #111111;
}

#opcao #chat
{
	width: 214px;
	height: 57px;
	background: url('/Imagens/Layout/pt/chat.png') no-repeat left top;
}
#opcao #chat:hover
{
	background-color: #E4E4E6;
}

#opcao #central
{
	width: 320px;
	height: 57px;
	background: url('/Imagens/Layout/pt/central.png') no-repeat left top;	
}
#opcao #central:hover
{
	background-color: #E9EAEC;
}

#opcao #novidades
{
	width: 266px;
	height: 57px;
	background: url('/Imagens/Layout/pt/novidades.png') no-repeat left top;	
}
#opcao #novidades:hover
{
	background-color: #E9EAEC;
}

.backgroundModal
{
	filter: alpha(opacity=10);
	-moz-opacity: 0.10;
	-khtml-opacity: 0.10;
	opacity: 0.10;
	z-index: 1;	
}

/* Caixa de login - Área Profissionais de Saúde */
#LoginProfSaude
{
	padding-top: 5px;
	padding-left: 5px;
	width: 111px;
	height: 135px;
	background: #60B6D1;
	position: absolute;
	z-index: 2;
	margin: 0px;
	margin-top: 125px;
	margin-left: 276px;
	*margin-top: 125px;
	*margin-left: -124px;	
	_margin-top: 106px;
	_margin-left: -124px;	
	border: 1px solid #257CA7;
	text-align: left;
	font: normal 11px Arial, Verdana, sans-serif;
	color: #004564;
	display: none;
}

#LoginProfSaude a
{
	text-decoration: none;
	color: #1E1E1E;
}

#LoginProfSaude a:hover
{
	color: #1E1E1E;
	text-decoration: underline;
}

#AcessoProfSaude input
{
	border: 1px solid #44A4D2;
	background-color: #B0DAE8;
	height: 11px;
	width: 100px;
	font: normal 10px Arial, Verdana, sans-serif;
}

#AcessoProfSaude .btn
{
	border: 1px solid #257CA7;
	background-color: #247FAB;
	height: 15px;
	width: 60px;
	color: #B0DAE8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
}

#ProfSaudeDadosAdicionais
{
	width: 400px;
	height: 250px;
	background: #60B6D1;
	position: relative;
	margin:0 auto;	
	margin-top: 40px;
	border: 2px solid #257CA7;
	font: normal 12px Arial, Verdana, sans-serif;
	color: #FFF;
	display: block;
	text-align: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
		
}

#ProfSaudeDadosAdicionais input
{
	border: 1px solid #44A4D2;
	background-color: #B0DAE8;
	width: 135px;
	font: normal 12px Arial, Verdana, sans-serif;
}


#ProfSaudeDadosAdicionais select
{
	border: 1px solid #44A4D2;
	background-color: #B0DAE8;
	width: 140px;
	font: normal 12px Arial, Verdana, sans-serif;
}

#ProfSaudeDadosAdicionais .btn
{
	border: 1px solid #257CA7;
	background-color: #247FAB;
	height: 20px;
	width: 100px;
	color: #B0DAE8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}


/* REVISTA HERBARIUM*/

#Revistas
{width: 608px; height: 449px; border: 1px; z-index: 0;}

#edicao1 a
{
	float: left;
	width: 115px;
	height: 170px;
}
#edicao2 a
{
	float: left;
	width: 115px;
	height: 170px;
}

#edicao3 a
{
	float: left;
	width: 115px;
	height: 170px;
}

#edicao4 a
{
	float: left;
	width: 115px;
	height: 170px;
}


#edicao1
{
	width: 115px; 
	height: 170px; 
	margin-left: 27px; 
	margin-top: 41px; 
	*margin-left: -277px; 
	*margin-top: 41px; 
	_margin-left: -277px; 
	_margin-top: 41px; 
	position: absolute;
}

#edicao2
{
	width: 115px; 
	height: 170px; 
	margin-left: 182px; 
	margin-top: 41px; 
	*margin-left: -122px; 
	*margin-top: 41px; 
	_margin-left: -122px; 
	_margin-top: 41px; 
	position: absolute;
}

#edicao3
{
	width: 115px; 
	height: 170px; 
	margin-left: 338px; 
	margin-top: 41px; 
	*margin-left: 34px; 
	*margin-top: 41px; 
	_margin-left: 34px; 
	_margin-top: 41px; 
	position: absolute;
}

#edicao4
{
	width: 115px; 
	height: 170px; 
	margin-left: 27px; 
	margin-top: 237px; 
	*margin-left: -277px; 
	*margin-top: 237px; 
	_margin-left: -277px; 
	_margin-top: 237px; 
	position: absolute;
}

#videoInstitucional
{
	width: 440px; 
	height: 200px; 
	margin-left: 34px; 
	*margin-left: -120px; 
	_margin-left: -120px; 
	margin-top: 30px; 
	position: absolute;
}
