/*------------------------------------
  Desenvolvido por GeniusDesign Brasil - 2008
  Eugênio Telles - webdesigner
  www.geniusdesignbrasil.com
------------------------------------*/

* {padding:0; margin:0;}

body {background:#442F51 url(images/fundo.jpg) no-repeat center top; text-align:center; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#D8D3DF; font-size:14px;}

.novo {font-size:9px; color:#FF0;}
.verde {color:#CCFF80;}

h1 {background:#392844; color:#C7E28D; padding:3px 0 3px 6px; font-size:13px; text-transform:uppercase; text-align:left; margin-top:10px;}
h2, h3 {font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight:normal; text-shadow:2px 2px 1px #303;}
h3 {text-transform:uppercase; font-size:13px; color:#C7E28D; margin-top:20px;}
table tr td h3 {text-align:center; font-size:25px; padding-bottom:4px;}

p.phone {font-size:21px; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-shadow:2px 2px 1px #303; text-align:center;}
p.phone span {color:#C7E28D;}

.br5 {line-height:5px;}

a {color:#D7FF9B; text-decoration:none;}
a:hover {background:#D7FF9B; color:#442F51;}

.input {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; color:#B189A3; font-size:13px; background:url(images/fundo_input.jpg) repeat-x bottom; border:1px solid #DDCAD6;padding:2px;}

ul.selecione_tratamento {list-style:none; margin-bottom:20px; display:table;}
ul.selecione_tratamento li {float:left;}
ul.selecione_tratamento li a {padding:2px; margin:2px 2px 0 0; display:block;}

.conteudo {width:740px; text-align:left; position:relative; margin:auto; font-size:16px;}
.destaque {width:100%; float:left; margin:0 20px;}

#externa {width:780px; position:relative; margin:0 auto;}

#container_fotos {color: #404040; width: 750px; margin:auto; margin-top:5px; text-align:left; margin-bottom:20px;}

#logo {width:121px; height:148px; margin-top:2px; background: url(images/logo.png); float:left;}

#menu {float:left; margin-top:25px; margin-left:20px;}
#menu ul {text-align:left; list-style:none;}
#menu ul li {width:100px; text-align:center; margin:5px;}
#menu ul li a {background:#D8D3DF; color:#442F51; font-size:10px; text-decoration:none; padding:2px 5px; -moz-border-radius:10px; display:block; text-transform:uppercase; font-weight:bold;}
#menu ul li a:hover {background:#D8EBB1;}

#endereco, #contato_top {float:right; font-size:12px;text-align:left;}
#endereco {margin-right:25px;}

#descricao_servico {float:left; width:400px; text-align:left; margin-top:20px; padding-left:6px; margin-bottom:20px;}
#descricao_servico a:hover {background:#C7E28D;}
#imagem_servico {float:right; width:370px; margin-top:20px; margin-bottom:20px;}
#imagem_servico img {border:5px solid #C7E28D;}

img {border:none;}

ul.tratamentos {width:200px; float:left; margin:0 40px 0 20px; text-align:left; list-style-image:url(images/marcador_lista.gif); font-size:13px;}
ul.tratamentos li a {color:#D8D3DF; text-decoration:none;}
ul.tratamentos li a:hover {color:#442F50;}

table tr td {font-size:12px;}

#mycarousel li a img {border:1px solid #D8D3DF;}
#mycarousel li a:hover img {border:1px solid #04C505;}

.accordion .pacotes {padding:0!important;}
.pacotes {background:#442F51; width:748px; font-size:16px; padding:20px; text-align:left; line-height:22px;}
.pacotes ul {list-style:none; margin-top:10px; margin-bottom:40px;}
.pacotes ul li {padding:15px 10px; font-size:12px; background:#3F2B4A; margin:10px 0;}
.pacotes ul li:nth-child(2n) {background:#442F51;}
.pacotes ul li strong, .texto strong {font-size:20px;}
.pacotes ul li span, .texto span {font-size:20px; color:#CCFF80; font-weight:bold;}
.pacotes h1 {background:none; font-size:24px; text-transform:none;}

.banner {width:223px; height:224px; position:relative; color:#593F6C;}
.banner p {position:absolute; top:80px; left:24px; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:50px; letter-spacing:-10px; line-height:53px;}
.banner p strong {font-size:10px; font-weight:normal; letter-spacing:0; line-height:13px;}
.banner#accent {background:url(banners/fundo-accent.jpg);}
.banner#lightsheer {background:url(banners/fundo-lightsheer.jpg);}

.exemplo img {border:1px solid #392844;}

.texto {width:600px; background:#F9F8FA; color:#442F51; display:table; font-size:16px; margin:20px; text-align:left;}
.texto p {margin:15px;}
.texto a {background:#D7FF9B; color:#442F51;}
.texto a:hover {text-decoration:underline;}


#rodape {width:100%; padding:20px 0; background:#E6FCCD url(images/fundo_footer.jpg) repeat-x; clear:both; color:#442F50;}
.rodape {width:740px; margin:0 auto; text-align:left; font-size:16px;}
.rodape h4 {text-transform:uppercase;}
.rodape a, #rodape a {color:#442F50; text-decoration:underline;}
.rodape a:hover {background:#442F50; color:#E6FCCD; text-decoration:none;}
.rodape input, .rodape .input {background:#E8E8E8 url(images/fundo_input2.jpg) repeat-x; padding:2px; border:1px solid #ccc; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; color:#666; font-size:16px;}
.rodape table tr td {font-size:16px;}
.rodape a.img:hover {background:none !important;}

.p15 {font-size:15px;}

.pboth {clear:both; line-height:0;}

/* ###### TOOLTIP com transparência ###### */
#tooltip {
position: absolute; /*leave this alone*/
z-index:5;
-moz-border-radius: 10px;
display: none; /*leave this alone*/
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
letter-spacing:1px;
color:#fff;
border: 1px solid #00CC00;
padding: 5px;
background: url(images/fundo_alphatooltip_verde_gradient.png);
}/* ###### FIM TOOLTIP com transparência ###### */