/* CSS Dermoteca - criado por Patricia-Carvalho.com - v.1 - 17 Set 2004 / Maio 2005 */


/* CORES */
/*

#EFEDF2 - cinza claro (fundo)
#7D7B80 - cinza escuro (setas)
#666666 - cinza medio (texto)
#7D7B80 - cinza medio mais claro (menu topo / texto)

#FFE9E0 - salmao muito claro
#F7B8A6 - salmao claro
#F7B8A6 - salmao (titulos)
#F78160 - salmao (titulos2)
#DA603E - salmao escuro

*/
a {
text-decoration:none;
}
div.path {
color:#999999;
margin-top: 0px;
margin-bottom: 20px; 
margin-left: 20px; 
}
div.path a {
color:#999999;
text-transform:lowercase;
text-decoration: underline;
}
div.path a:hover {
text-decoration:none;
}

.zbr {
color:#000000;
margin-top: 0px;

}
.zbr a {
color:#000000;
text-transform:lowercase;
text-decoration: underline;
}
.zbr a:hover {
color:#000000;
text-decoration:none;
}

BODY {margin: 0px; padding: 0px }
BODY, TABLE, TR, TD, INPUT {font-family: 'Trebuchet MS'; color: #7D7B80; font-size: 12px}

A { color: #DA603E}
B { color: #3B393E}

.left {float: left}
.right {float: right}

IMG.left {float: left; margin-right: 20px}
IMG.right {float: right; margin-left: 20px}

.minicase {
	text-transform: uppercase;
	font-size: 9px;
	font-style: normal;
}

FORM {
	margin: 0; padding: 0;
}
INPUT.login-field {
	border: 1px solid #7D7B80;
	background-color: #ffffff;
	width: 98%;
	padding: 2px;
	color: #7D7B80
}

INPUT.field ,TEXTAREA.field {
	border: 1px #B8B5BB solid;
	background-color: #ffffff;
	padding: 2px;
	color: #7D7B80;
}

INPUT.obrig-field , SELECT.obrig-field { 
	border: 1px solid #B8B5BB;
	background-color: #EFEDF2;
	padding: 2px;
	color: #7D7B80;
}

div.sep {
border-top: 4px #EFEDF2 solid;
margin-top: 20px;
margin-bottom: 10px; }

.small { font-size: 10px }

.section-title { color: #F78160; font-weight: 17px; background-image: url(img/bullet_2.gif); background-repeat: no-repeat; padding-left: 10px; background-position:0 6px; padding-top: 4px; }

TD#main {background-color: #ffffff; }
.td-menu {vertical-align: top}

DIV.main-menu {height: 32px; margin-top: 10px; text-align: right; width: auto}
.main-menu A.menuitem IMG ,.main-menu A:VISITED.menuitem IMG {border-bottom: 4px solid #ffffff; border-top: 4px solid #ffffff; margin-bottom: 3px}
.main-menu A:HOVER.menuitem IMG {border-bottom: 4px solid #F7B8A6; border-top: 4px solid #ffffff}


.auxmenu {background-color:#EFEDF2; height: 16px; text-align: right; padding: 2px; margin-bottom: 10px  }
.auxmenu IMG {margin-left: 13px; margin-right: 7px}
.auxmenu A.menuitem IMG ,.auxmenu A:VISITED.menuitem IMG {border-bottom: 1px solid #EFEDF2; border-top: 1px solid #EFEDF2; margin-top: 2px}
.auxmenu A:HOVER.menuitem IMG {border-bottom: 1px solid #7D7B80; border-top: 1px solid #EFEDF2;}

.topmenu {float: right; width: 460px; vertical-align: 0px; margin-bottom: 0px; }

.sep16px {height: 16px; display: block}
.sep23px {height: 23px; display: block}


.home-noticias {margin-top: 4px; }
.home-noticias TH {text-align: left; background-color: #FFE9E0; padding-left: 13px }
.home-noticias TD.noticias {background-color: #FFE9E0; background-image: url(img/canto_inf_dto.gif); background-repeat: no-repeat; background-position: right bottom}
.home-noticias TD.noticias .text { padding-left: 13px; font-size: 11px; line-height: 15px; padding-top: 15px; padding-right: 30px; padding-bottom: 20px }
.home-noticias TD.noticias .text A { color: #666666; font-weight: bold}




.wide-pic {margin-bottom: 5px}
.go {margin-top: 12px }


.copyright {margin-left: 19px; font-size: 10px; margin-bottom: 10px; margin-top: 30px; color: #7D7B80; font-weight: bold}
.copyright A {color: #7D7B80}

.main-title {background-color: #FFE9E0; height: 66px; padding-left: 19px; background-image: url(img/canto_inf_dto.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}
.main-title-content {margin: 0px; padding-left: 8px; height: 66px; border-left: 1px solid #ffffff}
.main-title-content .title {padding-top: 6px; padding-bottom: 3px}
.main-title-content A.menu-link IMG {border-bottom: 1px solid #FFE9E0; border-top: 2px solid #FFE9E0; margin-bottom: 3px}
.main-title-content A.menu-link:HOVER IMG {border-bottom: 1px solid #F78160; border-top: 2px solid #FFE9E0;}
.main-title-content A.menu-link { text-decoration:none; text-transform:uppercase; font-size:10px; padding-bottom:5px; font-weight:bold; vertical-align:middle}
.main-title-content A.menu-link:HOVER {text-decoration:underline;}


.main-title-content .with-subtitle {padding-top: 6px; padding-bottom: 3px;display: block; margin-bottom: 0; }

/* white links */
.main-title-content A.menu-link-w IMG {border-bottom: 1px solid #F78160; border-top: 2px solid #F78160; margin-bottom: 3px}
.main-title-content A.menu-link-w:HOVER IMG {border-bottom: 1px solid #ffffff; border-top: 2px solid #F78160;}

.main-title-main {background-color: #FFE9E0; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_diversos.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}

.main-title-noticias {background-color: #FFE9E0; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_noticias.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}

.main-title-produtos {background-color: #F78160; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_produtos.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}

.main-title-tratamentos {background-color: #F78160; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_tratamentos.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}

.main-title-dermoteca {background-color: #FFE9E0; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_dermoteca.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}
.main-title-representacoes {background-color: #FFE9E0; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_representacoes.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}

.main-title-contactos {background-color: #FFE9E0; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_contactos.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}

.main-title-login {background-color: #6B7E8E; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_login.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}


.main-story {font-size: 12px; color: #666666; line-height: 18px; padding-left: 20px; padding-right: 10px; margin-bottom: 10px}


H1 {color: #F78160; font-size: 18px; line-height: 16px}
H1.artigo {color: #F78160; font-size: 19px; line-height:22px; border-bottom: 6px solid #efefef; padding-bottom: 5px; margin-bottom: 20px }
H2 {color: #F78160; font-size: 16px; line-height: 16px; margin-top: 0}
H3 {color: #F78160; font-size: 14px; line-height: 16px; margin-top: 0}
H6 {color: #F78160; font-size: 13px; margin-top: 0; margin-bottom: 8px; text-transform: uppercase; line-height: 22px; }

H6.inline {display: inline; text-transform: uppercase; line-height: 22px; }

H1 A, H2 A, H3 A { text-decoration: none; color: #F78160; }

H4, H4 A { font-size: 11px; margin-bottom: 0; padding-bottom: 2px; line-height:100%; text-decoration: none; color: #7D7B80;  margin-top: 0}



.subtit, .subtit2 {border-bottom: 8px solid #EFEDF2; padding-bottom: 3px; margin-bottom: 20px;}
.subtit {margin-left: 20px; text-decoration:none;}
.subtit a {text-decoration:none;}

.subtit2 H1 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: 0px;
}

.subtit2 H2 {
	font-size: 12px;
	color:#bdbdbd;
	font-weight: normal;
	margin-bottom: 3px;
}

.pics {
	margin-left:20px;
	padding-bottom: 10px;
}

.main-story IMG { padding-bottom: 10px; }

.sec-story { font-size: 11px; padding-top: 14px; padding-bottom: 14px;  border-top: 1px dotted #999999; }
.story { font-size: 12px; padding-top: 14px; padding-bottom: 14px;  border-top: 1px dotted #999999; }

.small-grey-story  {background-color: #EFEDF2; background-image: url(img/canto_inf_dto.gif); background-repeat: no-repeat; background-position: right bottom; padding-left: 10px; padding-right:10px; width: 456px; font-size: 11px; color: #666666; line-height: 14px; padding-top: 8px; float: left}

.small-grey-story H6 , .small-grey-story H6 A {font-size: 12px; color: #D36F3D; font-weight: bold; margin: 0px}
.small-grey-story A {color: #D36F3D; line-height: 12px}
.small-grey-story IMG , .small-pink-story IMG {padding-bottom: 5px}

.box-title { margin-right: 10px }

.col-left {width: 40%; float: left; display: block; padding-right: 30px; padding-bottom: 15px}
.col-right {width: 40%; float: right; display: block; padding-right: 30px; padding-bottom: 15px}
.col-right2 {width: 280px; float: right; display: block; margin-right: 10px; padding-bottom: 15px; font-size: 11px; line-height: 13px ; margin-left: 10px}

.subcol-left {width: 40%;float: left; display: block}
.subcol-right {width: 40%;float: right; display: block; }

#col-main-right {
	margin-left: 20px; margin-right: 10px; border-left: 1px solid #E5E4EA; padding-left:10px; float: right; display: block; height: 90%}

#col-main-left {
	float: left; display: block;
}

#one-column { display: block; width:  750px; margin-left: 20px; }

#col-main-right .small-grey-story {background-color: #EFEDF2; background-image: url(img/canto_inf_dto.gif); background-repeat: no-repeat; background-position: right bottom; padding: 10px; font-size: 11px; color: #666666; line-height: 14px; float: left; margin-left: 10px; }

#col-main-right .small-pink-story {background-color: #FFE9E0; background-image: url(img/canto_inf_dto.gif); background-repeat: no-repeat; background-position: right bottom; padding: 10px; font-size: 11px; color: #666666; line-height: 14px; float: left; margin-left: 10px;}


#col-main-right LI {
	margin-bottom: 6px;
}

.seta-title {margin-bottom: 4px}

UL { margin: 0; padding: 0; list-style: none; padding-bottom: 10px}

UL LI { background-repeat: no-repeat; background-image: url(img/bullet_1.gif); background-position: 0 3px; padding-left: 12px; line-height: 130%}

UL LI A:LINK { color: #999999}

IMG.seta-destaque { margin-bottom: 15px;}

/* home */
.box-produtos .title {height: 12px; background-color:#EFEDF2; padding: 0px; text-align: left; margin-bottom: 17px }
.box-produtos .foto {display: block; float: left; width: 140px; height: 250px}
.box-produtos .texto {display: block; float: right; width: 125px; font-size: 11px; line-height: 13px; }

.box-saude {margin-left: 15px; width: 165px; font-size: 11px;line-height: 13px; float: right  }
.box-saude .title {background-color: #FFE9E0; padding-top: 29px; padding-bottom: 0px; margin-bottom: 20px}
.box-saude A {color: #666666}


#marcas {margin-top: 20px; margin-left: 19px; padding: 0px; margin-bottom: 10px}
#marcas .mini-logos IMG {width: 58px; height: 49px; margin-right: 5px}


/* farmacias */
.main-title-farmacias {background-color: #D2E476; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_farmacias.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}
#farmacias H1, #farmacias H3, #farmacias H3 A:LINK {color: #9AAB49}
#farmacias H2, #farmacias H2 A:LINK {color: #527230} 
#farmacias .main-story { background-color: #D2E476; background-image: url(img/canto_inf_dto.gif); background-repeat: no-repeat; background-position: right bottom; padding: 10px; font-size: 12px; color: #666666; line-height: 15px;  }
#farmacias .subtit {margin-left: 0px; border-bottom: 1px dotted #ffffff; padding-bottom: 3px;  padding: 0 }
#farmacias .subtit H1 {text-transform: uppercase; color: #ffffff; font-weight: normal; margin: 0; margin-top: 5px; margin-bottom: 15px; font-size: 22px}
#farmacias H3 {color: #666666}
#farmacias #col-main-right .small-pink-story {background-color: #D2E476;}
#farmacias UL LI { background-repeat: no-repeat; background-image: url(img/bullet_1.gif); background-position: 0 3px; padding-left: 12px; line-height: 130%}





/* medicos */
.main-title-medicos {background-color: #4DA1B4; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_medicos.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}
#medicos H1, #medicos H3 A:LINK {color: #338599}
#medicos H2, #medicos H2 A:LINK {color: #2E5F6B} 
#medicos .main-story { background-color: #B3DCE6; background-image: url(img/canto_inf_dto.gif); background-repeat: no-repeat; background-position: right bottom; padding: 10px; font-size: 12px; color: #666666; line-height: 15px;  }
#medicos .subtit {margin-left: 0px; border-bottom: 1px dotted #ffffff; padding-bottom: 3px;  padding: 0 }
#medicos .subtit H1 {text-transform: uppercase; color: #ffffff; font-weight: normal; margin: 0; margin-top: 5px; margin-bottom: 15px; font-size: 22px}
#medicos H3 {color: #666666}
#medicos #col-main-right .small-pink-story {background-color: #B3DCE6;}
#medicos .small-grey-story {background-color: #66B8CC; color: #333333}
#medicos .small-grey-story B {color: #ffffff; font-size: 13px;}
#medicos UL LI { background-repeat: no-repeat; background-image: url(img/bullet_3.gif); background-position: 0 3px; padding-left: 12px; line-height: 130%}
#medicos sub { color: #ffffff; font-size: 10px; line-height: 18px;}


/* imprensa */
.main-title-imprensa {background-color: #7790B5; height: 66px; padding-left: 19px; background-image: url(img/bkg_tit_imprensa.gif); background-repeat: no-repeat; background-position: right bottom; margin-right: 10px; margin-bottom: 25px}
#imprensa H1, #imprensa H3 A:LINK {color: #335D99}
#imprensa H2, #imprensa H2 A:LINK {color: #2E476B} 
#imprensa .main-story { background-color: #B3C8E6; background-image: url(img/canto_inf_dto.gif); background-repeat: no-repeat; background-position: right bottom; padding: 10px; font-size: 12px; color: #666666; line-height: 15px;  }
#imprensa .subtit {margin-left: 0px; border-bottom: 1px dotted #ffffff; padding-bottom: 3px;  padding: 0 }
#imprensa .subtit H1 {text-transform: uppercase; color: #ffffff; font-weight: normal; margin: 0; margin-top: 5px; margin-bottom: 15px; font-size: 22px}
#imprensa H3 {color: #2E476B}
#imprensa #col-main-right .small-pink-story , #imprensa #col-main-right .small-pink-story H3 {background-color: #2E476B; color: #ffffff}
#imprensa .small-grey-story {background-color: #B3C8E6; color: #666666}
#imprensa .small-grey-story B {color: #ffffff; font-size: 13px;}
#imprensa UL LI { background-repeat: no-repeat; background-image: url(img/bullet_3.gif); background-position: 0 3px; padding-left: 12px; line-height: 130%}
#imprensa UL.list2 LI {background-image: url(img/bullet_1.gif);}
#imprensa sub { color: #ffffff; font-size: 10px; line-height: 18px;}
#imprensa A:LINK {color: #2E476B}
#imprensa .small-grey-story2 {background-color: #e5e5e5; color: #666666}