@charset: UTF-8;

* {outline:none;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #987f53;
	background-color: #fff;
	color: #987f53;
	padding: 5px;
	height:15px;
	line-height:15px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { font:13px Arial,Verdana; font-weight:bold; line-height:15px; padding:0; margin:0px; }

img {behavior: url(iepngfix.htc);}
html, body {height:100% ; font-size:12px;color: #777;font-family:"Verdana, Arial, Georgia"; margin:0;padding:0;}
body {text-align:center; background: url('/img/base/pattern.gif') center ; behavior: url(/css/csshover2.htc); }

#distance { width:1px;height:50%;background-color:transparent;margin-bottom:-272px; /* Metade da altura do box */float:left;}
#box_util {margin:0 auto;position:relative;text-align:left;height:534px;width:800px;clear:left;overflow:hidden; }

a {color: #b27e1e;font-weight:bold;text-decoration: none;font-family:Verdana, Arial, Helvetica, sans-serif;}
a:hover {text-decoration:none;color: #51a220;}

#header {width:800px;height:116px;margin:0;padding:0;}
#header_top {height:26px;width:800px;margin:0;padding:0;background: url(/img/base/header_top.png) no-repeat;}
#header_menu {width:800px;height:83px;margin:0;padding:8px 0 0 0;background: url(/img/base/header_menu.png) no-repeat;}

#logo {float:left;display:inline;width:75px;height:75px;margin:0 4px 0 20px;background:url(/img/base/logo.png) center no-repeat;}

#menu_sup {float:left;padding:0;}
#menu_sup .menu_superior {position:relative;height:20px;width:100%;}
#menu_sup .menu_superior ul {position:relative;height:16px;margin:0;padding:0;}
#menu_sup .menu_superior ul li {list-style:none;float:left;height:16px display:inline;margin:0;padding:0;}
#menu_sup .menu_superior ul li a {font:11px "Verdana";letter-spacing:0;color:#fff8ea;text-decoration:none;line-height:12px;display:block;vertical-align:middle;}
#menu_sup .menu_superior ul li a span {padding:0 5px;}
#menu_sup .menu_superior ul li a:hover span {letter-spacing:0; text-decoration:none; color:#fff;}
#menu_sup .menu_superior ul li a.active {background:none;}
#menu_sup .menu_superior .left {position:absolute;top:0;left:0;width:10px;height:22px;display:block;z-index:1;}
#menu_sup .menu_superior .right {position:absolute;float:left;top:0;right:0;width:10px;height:22px;display:block;z-index:1;}

#titulo_submenu {float:left;display:inline;width:673px;line-height:10px;text-align:left;margin:0 0 0 6px;padding:5px 0 1px;}


#menu {float:left;padding:0;margin:0 0 0px 0;}
#menu ul {height:26px;list-style:none;margin:0;margin-top:9px;padding:0;}
#menu li {float:left;display:inline;margin:0 0 0 2px;padding:0;border: 0;}
/*#menu li {display:inline;}*/
#menu li a { background: url(/img/menu_sprite.png) no-repeat; display: block; width: 120px; height: 60px; } /* define para cada item a posiÃ§Ã£o em que o sprite estÃ¡ na imagem */

#menu li #home { background-position: 0px 0px; width: 58px; height: 26px;}
#menu li #home:hover, #menu li #home.selected { background-position: 0px -32px; width: 58px; height: 26px;}
#menu li #marycohr { background-position: -60px 0px; width: 93px; height: 26px;}
#menu li #marycohr:hover, #menu li #marycohr.selected { background-position: -60px -32px; width: 93px; height: 26px;}
#menu li #aromaterapia { background-position: -155px 0px; width: 144px; height: 26px;}
#menu li #aromaterapia:hover, #menu li #aromaterapia.selected { background-position: -155px -32px; width: 144px; height: 26px;}
#menu li #tratamentos { background-position: -301px 0px; width: 153px; height: 26px;}
#menu li #tratamentos:hover, #menu li #tratamentos.selected { background-position: -301px -32px; width: 153px; height: 26px;}
#menu li #homecare { background-position: -456px 0px; width: 121px; height: 26px;}
#menu li #homecare:hover, #menu li #homecare.selected { background-position: -456px -32px; width: 121px; height: 26px;}
#menu li #contato { background-position: -579px 0px; width: 118px; height: 26px;}
#menu li #contato:hover, #menu li #contato.selected { background-position: -579px -32px; width: 118px; height: 26px;}

#page1 #menu li.home a, #page2 #tabs li#tab2 a, #page3 #tabs li#tab3 a, #page4 #tabs li#tab4 a, #page5 #tabs li#tab5 a, #page6 #tabs li#tab6 a,  .page7 li#tab7 a {
background-position: 0px -32px; width: 58px; height: 26px;
}

#menu_inf {float:left;margin-top:6px;padding:0;}

#content {
float:left;
display:inline;
width:776px;
height:382px;
background:url(/img/base/content_bg.png) left repeat-y;
margin:0;
padding:0;
padding-left:12px;
padding-right:12px;
overflow:hidden;
}

#content_area_div {
float:left;
display:inline;
width:4px;
height:378px;
background-color:#fff;
}

#content_area_1 {
float:left;
display:inline;
width:759px;
height:378px;
text-align:left;
overflow:auto;
margin-left:8px;
padding:0;
overflow:hidden;
position:relative;
background: #fff;
}

#content_area_1_faq {
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_faq.png) right bottom no-repeat;
}
#content_area_1_encontre{
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_encontre.png) right bottom no-repeat;
}
#content_area_1_midia {
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_midia.png) right bottom no-repeat;
}
#content_area_1_treinamentos {
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_treinamentos.png) right bottom no-repeat;
}
#content_area_1_home{
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: #fff;
}
#content_area_1_marycohr {
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_marycohr.png) right bottom no-repeat;
}
#content_area_1_aromaterapia {
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_aromaterapia.png) right bottom no-repeat;
}
#content_area_1_tratamentos {
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_tratamentos_facial.png) right bottom no-repeat;
}
#content_area_1_homecare {
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_homecare.jpg) left bottom no-repeat;
}
#content_area_1_contato {
float:left;display:inline;
width:759px;height:378px;margin:0 0 0 8px;padding:0;overflow:hidden;
background: url(/img/background/centro_contato.png) right bottom no-repeat;
}


#content_area_1_1 {
float:left;
display:inline;
width: 758px;
height: 375px;
text-align:left;
margin:0;
padding:0;
position:relative;
/*overflow:auto;*/
/*border: 1px solid #000;*/
}

div .img_oculta, .img_oculta {
    width:100%;
    height:100%;
    position:absolute;
    background:url('/img/blank.gif');
}

#content_area_2 {
float:left;
display:inline;
width: 535px;
height: 378px;
text-align:left;
margin:0;
padding:0;
overflow:hidden;
/*border: 1px solid #000;*/
}

#content_area_3 {
float:left;
display:inline;
margin-left:6px;
width: 218px;
height: 378px;
padding:0;
overflow:hidden;
}

#rodape {width:800px;height: 33px;float:left;line-height:28px;margin:0;padding:0 0 0 14px;background: url(/img/base/footer.png) no-repeat;overflow:hidden;}
#rodape strong {font-size:11px;color: #b27e1e;font-family:"Trebuchet MS";}
#rodape b {margin:0;font-size:11px;font-weight:normal;color: #333;font-family:"Trebuchet MS";}
#rodape a {color: #b27e1e;}


/* FormataÃ§Ã£o de Textos */
body {
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #949698;
}
p {
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:16px;
color: #949698;
}

strong {color: #987f53;}

h2, h2 strong {
height:18px;
font-size:16px;
line-height:18px;
color: #a9d19a;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

