/* 
----------------------------------------------------------------------
autor: Lucas Petes - Commquest Comunicação
data de criação: 22/11/2005
descrição: folha de estilo base - site Belle Bonelli
----------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------
GERAL - ESTRUTURA
----------------------------------------------------------------------
*/
/*
##################################################
Definições gerais
*/
/*
div {border:1px solid blue;}
div div {border:1px solid green;}
div div div {border:1px solid red;}
div div div div {border:1px solid orange;}
*/
body {
background-image:url(../imgs/fdo_top_index.png);
background-repeat:repeat-x;
margin:0;
}

body, td, th {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#555;
}

input, textarea {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#A06354;
}

* {
margin:0;
padding:0;
border:0;
}
.inforimpor {
}




/*
##################################################
Estrutura
*/

div#container, div#topo, ul#menu, div#titulo, div#submenu, div#corpo, div#flash {
float:left;
}

h1#bellebonelli {
display:none;
}

div#container,
div#titulo,
div#submenu {
width:100%;
}

div#flash {
width:778px;
height:166px;
}

div#titulo {
background-color:#E2E2E2;
height:34px;
}

div#submenu {
background-color:#F2F2F2;
height:11px;
font-size:0px;
}

div#corpo {
padding-left:8px;
width:778px !important;
_width:auto;
}

div#col1 {
width:491px;
float:left;
padding-right:50px;
}

div#col2 {
width:237px;
float:left;
}

/*
##################################################
Menu
*/

ul#menu {
width:678px;
margin-left:100px;
_float:none;
/*margin-bottom:-10px;*/
}

ul#menu li a{
_height:65px;
_padding:16px 13px 16px 13px;
}

ul#menu a:hover{
_padding:15px 12px 15px 12px;
_background-color:#99361E;
_border:1px solid #92341D;
}

ul#menu ul {
list-style:none;
}

ul#menu li {
display:block;
float:left;
margin:0 7px 0 7px;
}

html>body ul#menu li {
padding:16px 13px 16px 13px;
}

html>body ul#menu li:hover{
padding:15px 12px 15px 12px;
background-color:#99361E;
border:1px solid #92341D;
}

/*
##################################################
Títulos - H2
*/

h2 {
text-indent:-999px;
background-repeat:no-repeat;
height:31px;
font-size:1px;
margin-left:-8px;
}

h2#agenda {
width:54px;
background-image:url(../imgs/t_agenda.gif);
}

h2#tratamentos {
width:153px;
background-image:url(../imgs/t_tratamentos.gif);
}

h2#clinica {
width:49px;
background-image:url(../imgs/t_clinica.gif);
}

h2#draludmila {
width:175px;
background-image:url(../imgs/t_draludmila.gif);
}

h2#cursos {
width:127px;
background-image:url(../imgs/t_cursos.gif);
}

h2#dicas {
width:42px;
background-image:url(../imgs/t_dicas.gif);
}

h2#faleconosco {
width:89px;
background-image:url(../imgs/t_faleconosco.gif);
}

/*
##################################################
Títulos - H3
*/

h3 {
text-indent:-999px;
background-repeat:no-repeat;
height:33px;
font-size:1px;
margin-bottom:35px;
margin-left:-8px;
_margin-left:0;
}

h3#cursos {
width:45px;
background-image:url(../imgs/tit_cursos.gif);
}

h3#cadastrese {
width:75px;
background-image:url(../imgs/tit_cadastrese.gif);
}

h3#banhodelua {
width:500px;
background-image:url(../imgs/tit_banhodelua.gif);
}

h3#correnterussa {
width:500px;
background-image:url(../imgs/tit_correnterussa.gif);
}

h3#crioterapia {
width:500px;
background-image:url(../imgs/tit_crioterapia.gif);
}

h3#drenagemlinfaticaeletronica {
width:500px;
background-image:url(../imgs/tit_drenagemlinfaticaeletronica.gif);
}

h3#drenagemlinfaticamanual {
width:500px;
background-image:url(../imgs/tit_drenagemlinfaticamanual.gif);
}

h3#emagrecimento {
width:500px;
background-image:url(../imgs/tit_emagrecimento.gif);
}

h3#endermoterapia {
width:500px;
background-image:url(../imgs/tit_endermoterapia.gif);
}

h3#fisioterapia {
width:500px;
background-image:url(../imgs/tit_fisioterapia.gif);
}

h3#hidratacao {
width:500px;
background-image:url(../imgs/tit_hidratacao.gif);
}

h3#lifting {
width:530px;
background-image:url(../imgs/tit_lifting.gif);
}

h3#limpezadepele {
width:500px;
background-image:url(../imgs/tit_limpezadepele.gif);
}

h3#massagemmanual {
width:500px;
background-image:url(../imgs/tit_massagemmanual.gif);
}

h3#massagemrelaxante {
width:500px;
background-image:url(../imgs/tit_massagemrelaxante.gif);
}

h3#deplaser {
width:500px;
background-image:url(../imgs/tit_deplaser.gif);
}
h3#belle {
width:500px;
background-image:url(../imgs/tit_belle.gif);
}
h3#mao {
width:500px;
background-image:url(../imgs/tit_mao.gif);
}

h3#peeling {
width:500px;
background-image:url(../imgs/tit_peeling.gif);
}

h3#shiatsu {
width:500px;
background-image:url(../imgs/tit_shiatsu.gif);
}

h3#termogenese {
width:500px;
background-image:url(../imgs/tit_termogenese.gif);
}

h3#tonificacao {
width:500px;
background-image:url(../imgs/tit_tonificacao.gif);
}

h3#ultrasom {
width:500px;
background-image:url(../imgs/tit_ultrasom.gif);
}

h3#hidratacaofacial {
width:500px;
background-image:url(../imgs/tit_hidratacaofacial.gif);
}

h3#cronobiologia {
width:500px;
background-image:url(../imgs/tit_cronobiologia.gif);
}

h3#protetoressolares {
width:500px;
background-image:url(../imgs/tit_protetoressolares.gif);
}

h3#curiosidadesobreflorais {
width:500px;
background-image:url(../imgs/tit_curiosidadesobreflorais.gif);
}

h3#luz {
width:500px;
background-image:url(../imgs/tit_luz.gif);
}

h3#dermoconjuntiva {
width:500px;
background-image:url(../imgs/tit_dermoconjuntiva.gif);
}

h3#ginastica {
width:500px;
background-image:url(../imgs/tit_ginastica.gif);
}

h3#puntuacao {
width:500px;
background-image:url(../imgs/tit_puntuacao.gif);
}

h3#cosmetologia {
width:500px;
background-image:url(../imgs/tit_cosmetologia.gif);
}

h3#peelingdiamante {
width:500px;
background-image:url(../imgs/tit_peelingdiamante.gif);
}

h3#leds {
width:500px;
background-image:url(../imgs/tit_leds.gif);
}

h3#radiofrequenciafacial {
width:500px;
background-image:url(../imgs/tit_radiofrequenciafacial.gif);
}

h3#radiofrequencia {
width:500px;
background-image:url(../imgs/tit_radiofrequencia.gif);
}

h3#drenagemlinfocinetica {
width:500px;
background-image:url(../imgs/tit_drenagemlinfocinetica.gif);
}

h3#lipoescultura {
width:500px;
background-image:url(../imgs/tit_lipoescultura.gif);
}

h3#sonoporacao {
width:500px;
background-image:url(../imgs/tit_sonoporacao.gif);
}

h3#plataforma {
width:500px;
background-image:url(../imgs/tit_plataforma.gif);
}

/*
##################################################
Textos, Links, etc.
*/

h4 {
	font-size:14px;
	font-weight:bold;
	color:#A35F4E;
	margin: 14px 0 4px 0;
}
.lotado {
	font-size:20px;
	font-weight:bold;
	color:#A35F4E;
	margin: 14px 0 4px 0;
}

h5 {
font-size:11px;
font-weight:bold;
color:#CC7A6B;
margin: 14px 0 4px 0;
}

strong {
color:#666;
}
p a, ul.lista a {
color:#555;
text-decoration:none;
border-bottom:1px dashed #dedede;
}

p a:hover, ul.lista a:hover {
background-color:#F3F3F3;
color:#444;
/*border-bottom:1px solid #dedede;*/
}

p {
margin-top:8px;
margin-bottom:4px;
}

div#borboleta {
z-index:999;
margin-top:-6px;
margin-left:-30px;
_margin-left:-0px;
position:relative;
}

/*
##################################################
Rodape
*/

div#rodape {
float:left;
width:100%;
background-color:#E9E9E9;
height:59px;
}

div#rodape address {
display:block;
text-indent:-9999px;
width:400px;
height:47px;
background-image:url(../imgs/el_endereco.png);
background-repeat:no-repeat;
}

address {display:block;}


/*
##################################################
Formulário
*/


form#f_faleconosco input, form#f_faleconosco textarea {
border-color:#DECDC9;
border-style:solid;
border-width:1px 1px 1px 1px;
}


/*
##################################################
Tabela
*/

table.listagem {
margin-left:38px;
width:75%;
margin-top:20px;
}

table.listagem th {
border-bottom: 1px solid #dedede;
color:#777;
}

ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px;
-ms-interpolation-mode: bicubic;
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(http://4.bp.blogspot.com/_p4Te9Li52fs/So9a2fSh2jI/AAAAAAAAAAc/VX0mAW1oYHc/thumb_bg.png) no-repeat center center; 
border: none;
}

.inforimpor {
	font-weight: bold;
	color: #F00;
	font-size: 14px;
	text-align: justify;
	padding-right: 90px;
	padding-left: 90px;
}
.inforimportit {
	font-weight: bold;
	color: #F00;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	padding-left: 90px;
	padding-right: 90px;
	text-align: justify;
	text-decoration: underline;
}