a/* CSS Estilos Dermatologe */

/* ======================= Body ===================== */

BODY {
background-color:#FFFFFF;
background-repeat:repeat-y;
padding:0px;
margin:0px;
}

#body { 
width:779px;  
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:11px; 
background-color:#EFFBEF;
background-repeat:repeat-y;
clear:both;
}


/* ======================= Cabeçalho ===================== */

#cabecalho{
width:761px;
}

#cabecalho_logo{
width:309px;
height:139px;
background-image:url(../layout/imagens/cabecalho_logo.jpg);
background-repeat:no-repeat;
float:left;
}

.link_logo{
cursor:pointer;
}

.link_logo :hover{
cursor:pointer;
}

#cabecalho_flash{
width:452px;
height:139px;
float:right;
}

#divisor_flash{
width:761px;
height:15px;
background-color:#E9F8E6;
float:left;
margin-bottom:2px;
}

#cabecalho_menu_flash{
width:761px;
height:43px; 
clear:both;
}

#divisor_menu{
width:761px;
height:8px;
background-image:url(../layout/estrutura/divisor_menu.jpg);
background-repeat:no-repeat;
}

#flash_top{
width:452px; 
height:138px; 
}

#flash_left{
width:246px; 
height:63px; 
}

/* ======================= Body ===================== */

/* ======================= Marcador - Padrão ===================== */

#marcador{
width:12px;
height:15px;
background-image:url(../layout/estrutura/marcador.jpg);
background-repeat:no-repeat;
float:left;
margin-left:18px;
margin-top:18px;
}

#marcador_especial{
width:12px;
height:15px;
background-image:url(../layout/estrutura/marcador_especial.jpg);
background-repeat:no-repeat;
float:left;
margin-left:18px;
margin-top:18px;
}

/* ======================= Área - Abaixo do Cabeçalho ===================== */

#area{
width:765px;
background-color:#FFFFFF;
clear:both;
float:left;
margin-left:7px !important;
_margin-left:3px;
}


/* ======================= Área esquerada - Opções ===================== */

#area_left{
width:311px;
float:left;
background-color:#FFFFFF;
}

/* ======================= Contato - Farmacêuticas ===================== */

#contato{
width:311px;
height:158px;
background-image:url(../layout/estrutura/contato.jpg);
background-repeat:no-repeat;
}    

#alinha_contato{
width:125px;
height:120px;
float:left;
}

#caixa_texto_contato{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:11px; 
width:150px;
text-align:left;
float:left;
/*
margin-right:35px !important;
_margin-right:17px;
*/
padding-top:35px;
height:53px;  		  
}

#caixa_contato_nome{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:11px; 	
width:150px;
height:37px;	
float:left;
text-align:left;
}

#alinha_email{
width:40px;
height:15px;
float:left;
}

#caixa_contato_email{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:9px;
width:200px;
float:left;
text-align:left;
/*
margin-right:41px !important;
_margin-right:21px;*/  
}

.link_contato {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:9px;
text-decoration:none;
}

.link_contato:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:9px;
text-decoration:underline;
}

.botao_trabalho {
	border:solid 0px;
	width:75px;
	height:25px;
	cursor:pointer;
}


/* ======================= Cadastro NeewsLetter ===================== */

#cadastro{
width:311px;
height:129px;
background-image:url(../layout/estrutura/cadastro.jpg);
background-repeat:no-repeat;
}

#caixa_texto_cadastro{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:10px;
width:250px;
text-align:left;
padding-top:15px;
}

#caixa_campos_cadastro{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:10px; 
height:40px;
margin-top:5px;
}

.campo_cadastro{
border:1px #009900 solid;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
min-width:200px;
width:auto !important;
width:200px;
margin-top:5px;
}

#botao_cadastro{
width:73px;
height:29px;
margin-top:10px!important;
_margin-top:1px;
}


/* ======================= Banner Local = Esquerda ===================== */

#banner_left{
width:311px;
height:190px;
height:190px;
background-color:#FFFFFF;
}  


#banner_lateral_1{
width:246px;
height:63px;
}

#banner_lateral_2{
width:246px;
height:63px;
}


/* ======================= Enquete ===================== */


#enquete{
width:311px;
height:218px !important;
_height:245px;
background-image:url(../layout/estrutura/enquete.jpg);
background-repeat:no-repeat;
}

#caixa_botoes_enquete{
width:200px;
height:29px;
margin-top:10px!important;
_margin-top:20px;
}

#botao_enquete_votar{
width:73px;
height:29px;
float:left;
margin-left:10px;
}

#botao_enquete_visualizar{
width:73px;
height:29px;
float:right;
margin-right:10px;
margin-bottom:3px;
}

#caixa_texto_enquete{
font-size:10px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
width:230px;
padding-top:10px;
text-align:left;
}

#caixa_radios{
width:220px;
height:100px!important;
_height:100px;
text-align:left;
padding-top:25px!important;
_padding-top:10px;
}

#texto_radios{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
}

#nenhuma_enquete{
height:150px;
width:300px;
padding-top:100px;		   
}

/* ======================= Resultado Enquete ===================== */

#resultado_enquete{
background-color:#FFFFFF;
background-repeat:repeat-y;
float:left;
}	  

#texto_resultado{
width:450px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#009900;
text-align:left;
}


#corpo_historico{
width:450px;
background-color:#FFFFFF;
text-align:left;
float:left;
}

#texto_historico{
padding-left:5px;
padding-top:10px;
height:30px;
}


/* ======================= Atendimento ao Consumidor SAC ===================== */

#atendimento{
width:311px;
height:120px;
background-image:url(../layout/estrutura/atendimento.jpg);
background-repeat:no-repeat;
}	


#alinha_atendimento{
width:60px;
float:left;
height:120px;
}

#caixa_texto_atendimento{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
width:215px;
float:left;
text-align:left;
/*
margin-right:40px !important;
_margin-right:20px;*/
padding-top:30px; 
}


.atendimento_link{
 font-size:9px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 text-decoration:none;
 cursor:pointer;
}

.atendimento_link:hover{
 font-size:9px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 text-decoration:underline;
 cursor:pointer;
}

/* ======================= Home = Área Direita ===================== */

#home{
width:452px;
float:left;
background-color:#FFFFFF;
}


/* ======================= Título Padrão ===================== */

#titulo{
width:450px;
height:35px;
background-image:url(../layout/estrutura/titulo.jpg);
background-repeat:no-repeat;
float:left;
}

#titulo_extra{
width:450px;
height:0px;
background-image:url(../layout/estrutura/titulo.jpg);
background-repeat:no-repeat;
}

#titulo_texto{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
float:left;
padding-left:10px;
padding-top:15px;
}

#titulo_texto A{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
float:left;
text-decoration:none;
}

#titulo_texto A:HOVER{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
float:left;
text-decoration:underline;
}

#titulo2{
width:440px;
height:50px;
background-image:url(../layout/estrutura/titulo_style_a.jpg);
background-repeat:no-repeat;
float:left;
}

#titulo2_texto{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
padding-top:15px;
margin-left:70px;
_margin-left:40px;
float:left;
text-align:left;
}

#titulo2_texto A{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
float:left;
text-align:left;
text-decoration:none;
}

#titulo2_texto A:HOVER{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
float:left;
text-align:left;
float:left;
text-decoration:underline;
}

#titulo3{
width:452px;
height:20px;
background-image:url(../layout/estrutura/titulo_style_b.jpg);
background-repeat:no-repeat;
}

#titulo3_texto{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
margin-left:160px;
_margin-left:160px;
text-align:left;
}

#titulo3_texto A{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
text-align:left;
text-decoration:none;
}

#titulo3_texto A:HOVER{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
text-align:left;
text-decoration:underline;
}

/* ======================= Navegação hierárquica ===================== */

#nav_caixa{
 float:left;
 width:390px;
 _width:360px;
 margin-left:40px;
 _margin-left:30px; 
 margin-top:10px;
}


#nav_texto{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 font-style:italic;
 text-align:left;
 float:left;
 height:20px;
}

#nav_texto A{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 font-style:italic;
 text-align:left;
 float:left;
 text-decoration:none;
}

#nav_texto A:HOVER{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 font-style:italic;
 text-align:left;
 float:left;
 text-decoration:underline;
}

#nav_texto_sel{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 font-weight:bold;
 font-style:italic;
 text-align:left;
 float:left;
 height:20px;
}

#nav_texto_sel A{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 font-weight:bold;
 font-style:italic;
 text-align:left;
 float:left;
 text-decoration:none;
}

#nav_texto_sel A:HOVER{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 font-weight:bold;
 font-style:italic;
 text-align:left;
 float:left;
 text-decoration:underline;
}


/* ======================= Conteúdo , Histórico, Estrutura, etc... ===================== */

#texto_conteudo{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 text-align:left;
 width:440px;
 margin-top:10px;
 padding-left:5px;
}

#texto_conteudo a{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 text-decoration:none;
}

#texto_conteudo a:hover{
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 text-decoration:underline;
}


#corpo_historico{
width:450px;
background-color:#FFFFFF;
text-align:left;
float:left;
}

#texto_historico{
padding-left:5px;
padding-top:10px;
height:30px;
}

/* ======================= medicamentos */
.caixa_medicamentos{
	width:400px;
	text-align:left;
}

.texto_medicamento {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900; 
	width:400px;
	height:auto;
	padding-left:10px;
	margin-top:10px;
	clear:both;
}

.titulo_medicamento {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	font-weight:bold;
	width:400px;
	height:30px;
	float:left;
	padding-left:10px;
}

/* ======================= medicamentos */
.caixa_florais{
width:400px;
float:left;
text-align:left;
}

.texto_florais {
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900; 
width:400px;
height:80px;
float:left;
padding-left:10px;
margin-top:5px;
	
}

.titulo_florais {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
width:400px;
height:30px;
float:left;
padding-left:10px;
}



/* ======================= Produto , Pedido , Produto Destaque ===================== */

#espaco_produto{
width:452px;
height:320px;
background-repeat:no-repeat;
background-color:#FFFFFF;
}


#caixa_produto{
width:217px;
float:left;
}

#linha_imagem{
width:215px;
height:175px;
float:left;
}

#medicamentos_div{
width:215px;
height:50px;
float:left;
}


#imagem_produto{
width:140px;
height:170px;
float:left;
margin-left:40px;
_margin-left:18px;
}

#titulo_produto_caixa{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
width:205px;
height:30px;
float:left;
text-align:center;
padding-left:10px;
}

#texto_produto{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900; 
width:205px;
height:75px;
float:left;
text-align:center;
padding-left:10px;
margin-top:0px;
}

#botao_pedido{
width:73px;
height:29px;
margin-top:5px;
}


/* ======================= Divisores Home ===================== */

#divisor_simples{
width:452;
height:14px;
background-image:url(../layout/estrutura/divisor_simples.jpg);
background-repeat:no-repeat;
}

#divisor_mais{
width:452px;
height:24px;
background-color:#FFFFFF;
background-repeat:no-repeat;
}


#divisor_sombra{
width:452px;
height:18px;
background-image:url(../layout/estrutura/divisor_sombra.jpg);
background-repeat:no-repeat;
}

#divisor_vertical{
width:11px;
height:200px;
background-image:url(../layout/estrutura/divisor_vertical.jpg);
background-repeat:no-repeat;
float:left;
}

#divisor_horizontal{
width:452px;
height:26px;
background-image:url(../layout/estrutura/divisor_horizontal.jpg);
background-repeat:no-repeat;
}

#divisor_simples_no_home{
width:400px;
height:14px;
background-image:url(../layout/estrutura/divisor_simples.jpg);
background-repeat:no-repeat;
margin-top:5px;
}



/* ======================= Notícias = Notícias Home ===================== */

#marcador_noticias{
width:12px;
height:15px;
background-image:url(../layout/estrutura/marcador.jpg);
background-repeat:no-repeat;
float:left;
margin-left:18px;
margin-top:5px;
}

#titulo_noticia{
width:452px;
height:20px;
background-color:#FFFFFF;
}

#titulo_noticias_texto{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
float:left;
padding-left:10px;
padding-top:5px;
}

#noticia_destaque{
width:452px;
height:120px;
background-color:#FFFFFF;	
}

#noticia_destaque_imagem{
width:130px;
height:113px;
float:left;
}

#noticia_destaque_caixa{
height:115px;
width:265px;
float:left;
margin-left:2px;
}

#noticia_destaque_titulo{
height:30px;
width:265px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
text-align:left;
padding-top:10px;
padding-left:10px;
}

.link_noticia_destaque {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

.link_noticia_destaque:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:10px;
font-weight:bold;
text-decoration:underline;
}

#noticia_destaque_texto{
height:100px;
width:265px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
text-align:left;
padding-top:5px;
padding-left:10px;
}

#noticia_resumo{
width:452px;
height:65px;
background-color:#FFFFFF;
text-align:left;
}

#noticia_resumo_linha{
width:452px;
height:35px;
float:left;
}

.link_noticia {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:9px;
text-decoration:none;
}

.link_noticia:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:9px;
text-decoration:underline;
}


/* ======================= Notícias = Notícias Conteúdos ===================== */

#marcador_destaque{
width:12px;
height:15px;
background-image:url(../layout/estrutura/marcador.jpg);
background-repeat:no-repeat;
float:left;
margin-left:18px;
margin-top:5px;
}  

#noticia_resumo_texto{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
float:left;
padding-left:10px;
padding-top:5px;
}

#noticia_titulo{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-weight:bold;
float:left;
padding-left:10px;
margin-top:10px;
}

#noticia_texto{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
float:left;
padding-left:10px;
margin-top:10px;
text-align:left;
}

#noticia_imagem{
margin-top:10px;
float:left;
padding-left:10px;
}

#noticia_fonte{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
float:left;
padding-left:10px;
font-style:italic;
margin-top:10px;
}


/* ======================= Rodapé ===================== */

#rodape{
width:761px;
height:77px;
background-image:url(../layout/estrutura/rodape.jpg);
background-repeat:no-repeat;	  
clear:both;
}  

#rodape_texto{
width:600px;
height:50px;
padding-top:30px;
}


#rodape_endereco{
width:600px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#009900;
height:25px;
}

#rodape_fone{
width:350px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#009900;
height:20px;
}

.link_n_home {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:9px;
text-decoration:none;
}

.link_n_home:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009900;
font-size:9px;
text-decoration:underline;
}

/* ======================= FAQ = Perguntas Freqüentes ===================== */

#resultado_enquete{
background-color:#FFFFFF;
background-repeat:repeat-y;
}	  

#texto_resultado{
width:450px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#009900;
text-align:left;
}


#faq_categoria{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#009900;
font-weight:bold;
float:left;
padding-left:5px;
margin-top:20px;
width:400px;
text-align:left;
background-color:#F0FAF2;
text-transform:uppercase;
}

#faq_produto{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#009900;
float:left;
font-weight:bold;
margin-top:20px;
width:400px;
text-align:left;
padding-left:15px;
}


#faq_pergunta{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#009900;
float:left;
padding-left:25px;
margin-top:20px;
width:400px;
text-align:left;
}

#faq_resposta{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#009900;
float:left;
padding-left:25px;
margin-top:20px;
width:400px;
text-align:left;

}

.faq_link{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#009900;
text-decoration:none;
}

.faq_link:hover {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#009900;
text-decoration:underline;
}

#caixa_faq_perguntas{
 width:420px;
}

#caixa_faq_respostas{
 width:420px;
 margin-top:30px;
 
}

/* ======================= Formulários ===================== */

#formulario{
 text-align:left;
 margin-top:50px;
 float:left;

}

#titulo_formulario{
 float:left;
 margin-left:20px!important;
 margin-top:20px;
 _margin-left:0px;
}

.tabela_formulario{
 width:450px;
 margin-left:20px !important;
 _margin-left:0px;
}

.campo_grande{
 min-width:300px;
 border:1px #00CC00 solid;
 color:#006633;
}

.campo_medio{
 max-width:80px;
 border:1px #00CC00 solid;
 color:#006633;
}

.campo_normal{
 border:1px #00CC00 solid;
 color:#006633;
}

.campo_pequeno{
 max-width:30px;
 border:1px #00CC00 solid;
 color:#006633;
}

.textarea{
 width:300px;
 border:1px #00CC00 solid;
 color:#006633;
}

#campos_obrigatorios{
 font-size:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#009900;
 float:left; 
 padding-left:10px;
 font-style:italic;
}


/* ====================== Paginacao ====================== */

#caixa_paginacao{
 width:452px;
 height:40px;
 background-image:url(../layout/estrutura/titulo.jpg);
 background-repeat:no-repeat;
 margin-top:5px;
}

#texto_caixa_paginacao{
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#009900;
 text-decoration:none;
 margin-top:20px;
}

#texto_caixa_paginacao a{
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#009900;
 text-decoration:none;
 margin-top:20px;
}

#texto_caixa_paginacao a:hover{
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#009900;
 text-decoration:underline;
 margin-top:20px;
}

#texto_caixa_paginacao_flor{
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#009900;
 text-decoration:none;
}

#texto_caixa_paginacao_flor a:hover{
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#009900;
 text-decoration:underline;
}

#texto_caixa_paginacao_flor a{
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#009900;
 text-decoration:none;
 margin-top:20px;
}

/* ===================== Medicamentos ===================== */

#caixa_medicamentos{
 width:450px;
 margin-left:20px;
 _margin-left:0px;
}

#titulo_medicamento{
 font:Verdana, Arial, Helvetica, sans-serif; 
 font-size:12px; 
 color:#009900;
 float:left;
 width:440px;
 text-align:left;
 font-weight:bold;
 margin-top:10px;
}

#texto_medicamento{
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#009900;
 float:left;
 width:200px;
 text-align:left;
 margin-top:10px;
}