html, body{ margin: 0px; padding: 0px; background: url(../img/sf2.jpg) center bottom repeat-x; color: #666; font-family: "Trebuchet MS", Arial; font-size: 1.0em; font-style: normal; text-align: center; background-color: #FFF; height:100% }
html { background-color: #ffd3a3; background-image: none }
/*html { background-color: #fbbebe; background-image: none }*/
div, p, ul, h2, h3 { margin: 0px; padding: 0px }
img { border-width: 0px }
ul{list-style-type: none}


div#div_tot { margin: 0 auto; text-align: left; width: 887px; position:relative; height:auto !important; height:100%; min-height:100% }


div#headermain { width: 887px; height: 91px; position: relative; margin: 0 auto; padding: 0px; float: left}
#logo { float: left; width: 199px; height: 91px; padding-right: 33px }

#newslettermain { float: left; width: 655px; height: 91px; background: url(../img/sf_header2.jpg) 0 0 no-repeat }
#newsletter { float: left; width: 556px; height: 30px; background: url(../img/sf_newsletter2.jpg) no-repeat; margin: 36px 0px 25px 99px; }
#newsletter .titolo { float: left; width: 90px; color: #FFFFFF; padding: 0px 0px 0px 12px; font-size: 0.85em; line-height: 32px }

.form {float:left; padding: 0px; margin: 0px }
.form input {float: left; line-height: 15px }
.form label { float:left; line-height: 32px}
.privacy { float: left; width: 426px; height: 30px; color: #fff; font-size: 0.75em; font-family: Arial }
.privacy a:link, .privacy a:visited{ color: #7a5b3c; text-decoration: underline }
.form .mail { float: left; height: 13px; width: 270px; margin-top: 5px; ; color: #666666 }
.form .check { float: left; line-height: 30px; margin-top: 6px}
.form .submit {float: left; width: 20px; height: 20px; margin: 5px 4px 0px 4px }


div#main { float: left; width: 887px; padding-bottom: 30px }

#menu_tot { float: left; width: 185px; padding: 18px 7px 0px 7px }

ul.menu, ul.menu ul { list-style-type: none; margin: 0; padding: 0; width: 15em; width: 185px; text-align: center; border-top: dashed 1px #999}
ul.menu a { display: block; text-decoration: none }

ul.menu li { line-height: 32px; border-bottom: dashed 1px #999 }
ul.menu li a { background: #fff; color: #7a5b3c; font-size: 0.9em }
ul.menu li a:hover { background: #887a6a; color: #FFFFFF}

ul.menu li ul li a { background: #ddd; color: #7a5b3c; font-size: 0.7em }
ul li li.noborder { border-bottom: none }
ul li li.border { border-top: dashed 1px #ddd; border-bottom: dashed 1px #ddd }
ul.menu li ul li a:hover { background: #ccc; color: #f37a29 }


#indirizzo_fisso { float: left; width: 165px; font-size: 0.8em; font-family: Arial; padding: 50px 10px }
#indirizzo_fisso a { color: #7a5b3c; text-decoration: underline }
#indirizzo_fisso a:hover { color: #f37a29; text-decoration: underline }

div#footermain { position:absolute; bottom:0; width: 842px; margin: 0 auto; } /*no used*/

#contenuti { float: left; width: 655px; padding: 0px 0px 0px 33px }
.mariapia { color: #7a5b3c; font-weight: bold; font-family: "Trebuchet MS", Arial }
.nome_servizio { color: #1c6107; font-family: "Trebuchet MS", Arial }
.marrone { color: #7a5b3c; font-family: "Trebuchet MS", Arial }

#news { float: left; width: 655px; height: 268px }

#box_servizi_tot { float: left; width: 655px; height: 125px; padding-top: 6px }
.box_servizio { float: left; width: 214px; height: 125px }
.box_servizio_mezzo { float: left; width: 214px; height: 125px; padding: 0px 6px 0px 7px; }
.img_servizio { float: left; width: 214px; height: 95px }
.btn_servizio a{ float: left; width: 214px; height: 30px; line-height: 30px; text-align: center; background: url(../img/btn_servizi.png) no-repeat; color: #FFFFFF; text-decoration: none }
.btn_servizio a:hover{ background: url(../img/btn_servizi_on.png) no-repeat }


#centro_olistico { float: left; width: 655px }
#centro_olistico .titolo { float: left; width: 625px; background: url(../img/titolo_olistico.png) no-repeat; color:#7a5b3c; font-size: 1.0em; line-height: 20px; padding: 15px 15px 10px 15px; font-weight: bold }
#centro_olistico .descrizione { float: left; width: 625px; padding: 10px 12px 15px 12px; border: solid 3px #95c247; border-top: none; background-color: #FFFFFF }
#centro_olistico .txt { float: left; width: 418px; padding: 0px 15px 0px 0px; font-size: 0.8em; font-family: Arial }
#centro_olistico .img_tot { float: left; width: 192px }
#centro_olistico .img { float: left; width: 57px; height: 57px; padding: 5px 0px }
#centro_olistico .spazio { float: left; width: 10px; height: 57px }

#chi_siamo { float: left; width: 655px; color: #FFFFFF;  background: url(../img/sf_chisiamo.png) 0 0 repeat-y; margin-top: 10px }
#chi_siamo .titolo { float: left; font-size: 1.0em; width: 466px; line-height: 20px; padding: 15px; font-weight: bold }
#chi_siamo .txt { float: left; font-size: 0.8em; width: 466px; padding: 0px 15px 5px 15px; font-family: Arial }
#chi_siamo .img { float: left; width: 144px; padding: 15px 0px 5px 15px }
.chiusura_chisiamo { float: left; width: 655px; height: 10px; background: url(../img/sf_chiusura.png) no-repeat }

#tot_servizio { float: left; width: 655px }
#descrizione { float: left; width: 350px }
#descrizione .titolo {float: left; width: 320px; background: url(../img/titolo_servizio.png) no-repeat; color:#7a5b3c; font-size: 1.0em; line-height: 20px; padding: 15px 15px 10px 15px; font-weight: bold }
#descrizione .txt { float: left; width: 314px; padding: 15px 15px 0px 15px; font-size: 0.8em; font-family: Arial; border: solid 3px #95c247; border-top: none; border-bottom: none; background-color: #FFFFFF }
#descrizione .img { float: left; width: 344px; height: 194px; border: solid 3px #95c247; border-top: none; border-bottom: none; }
.chiusura_servizio { float: left; width: 350px; height: 15px; background: url(../img/sf_chiusura_servizio.png) bottom no-repeat }

#box_sx {float: left; width: 350px }

#box_listino { float: left; width: 295px; margin-left: 10px }
.apertura_listino { float: left; width: 295px; height: 10px; background: url(../img/sf_listino.png) top right no-repeat; }
#listino { float: left; width: 295px; background: url(../img/sf_mezzo_listino.png) top right repeat-y }
#listino .riga { float: left; width: 270px; padding: 5px 10px 5px 15px }
#listino .trattamento { float: left; width: 200px; font-size: 0.9em; color: #1c6107; padding-right: 10px; line-height: 20px }
#listino .prezzo { float: left; width: 60px; font-size: 0.85em; color: #666; font-weight: normal; line-height: 20px }

#listino_es { float: left; width: 295px; background: url(../img/sf_mezzo_listino.png) top right repeat-y }
#listino_es .riga { float: left; width: 270px; padding: 5px 10px 5px 15px }
#listino_es .riga ul li{ width: 270px }
#listino_es .trattamento { float: left; width: 200px; font-size: 0.9em; color: #1c6107; padding-right: 10px; line-height: 20px }
#listino_es .prezzo { float: left; width: 60px; font-size: 0.85em; color: #666; font-weight: normal; line-height: 20px }

#box_listino_sotto { float: left; width: 350px; margin-left: 10px }
.apertura_listino_sotto { float: left; width: 350px; height: 10px; background: url(../img/sf_listino_sotto.png) top right no-repeat; margin-top: 10px }
#listino_sotto { float: left; width: 350px; background: url(../img/sf_mezzo_listino.png) top right repeat }
#listino_sotto .riga { float: left; width: 325px; padding: 5px 10px 5px 15px }
#listino_sotto .trattamento { float: left; width: 255px; font-size: 0.9em; color: #1c6107; padding-right: 10px; line-height: 20px }
#listino_sotto .prezzo { float: left; width: 60px; font-size: 0.85em; color: #666; font-weight: normal; line-height: 20px }

.trattamento_p { font-size: 0.8em; font-family: Arial; color: #333; line-height: 1.2em }

.massaggi { float: left; font-size: 0.83em; font-family: Arial; color: #2d5620; line-height: 1.3em; padding-top: 2px }
.massaggi a { font-size: 1.0em; font-family: Arial; color: #2d5620; text-decoration: underline; line-height: 1.5em }
.massaggi a:hover { color: #f37a29 }

.estetica { float: left; width: 200px; font-size: 0.83em; font-family: Arial; color: #2d5620; line-height: 1.3em; padding-right: 10px }
.estetica_prezzo { float: left; width: 60px; font-size: 0.75em; color: #666; font-weight: normal; line-height: 20px }
.estetica_sotto { float: left; width: 255px; font-size: 0.83em; font-family: Arial; color: #2d5620; line-height: 1.3em; padding-right: 10px }
.estetica_prezzo_sotto { float: left; width: 60px; font-size: 0.75em; color: #666; font-weight: normal; line-height: 20px }

.chiusura_listino { float: left; width: 295px; height: 10px; background: url(../img/sf_chiusura_listino.png) bottom right no-repeat; }
.chiusura_listino_sotto { float: left; width: 350px; height: 10px; background: url(../img/sf_chiusura_listino_sotto.png) bottom right no-repeat; }



#corsi { float: left; width: 655px }
#corsi .titolo { float: left; width: 625px; background: url(../img/titolo_corsi.png) no-repeat; color:#7a5b3c; font-size: 1.0em; line-height: 20px; padding: 15px 15px 10px 15px; font-weight: bold }
#corsi .img { float: left; width: 649px; border: solid 3px #256c0f; border-top: none; border-bottom: none; }
#corsi .txt { float: left; width: 619px; padding: 15px 15px 0px 15px;  border: solid 3px #256c0f; border-top: none; border-bottom: none; background-color: #FFFFFF }
#corsi .img_corso { float: left; width: 150px; padding: 10px 10px 0px 0px } 
.nome_corso { float: left; width: 619px; font-size: 1.0em; color: #7a5b3c; font-weight: bold; line-height: 20px } 
.data { float: left; width: 619px; font-size: 0.8em; font-family: Arial; color: #666; padding-top: 10px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #1c6107 }
.data a { color: #666; text-decoration: underline } 
.data a:hover { color: #7a5b3c; text-decoration: underline } 
.descrizione_corso { float: left; width: 459px; font-size: 0.8em; font-family: Arial; color: #666; padding-top: 10px } 
.chiusura_corsi { float: left; width: 655px; height: 15px; background: url(../img/sf_chiusura_corsi.png) bottom no-repeat; }

#corsi .img_corso2 { float: left; width: 150px; padding: 5px 10px 5px 0px }
.data2 { float: left; width: 459px; padding-top: 10px }


#dove_siamo { float: left; width: 655px }
#dove_siamo .titolo { float: left; width: 625px; background: url(../img/titolo_dove2.png) no-repeat; color:#7a5b3c; font-size: 1.0em; line-height: 20px; padding: 15px 15px 10px 15px; font-weight: bold }
#dove_siamo .map { float: left; width: 649px; border: solid 3px #f8bb7c; border-top: none; border-bottom: none; background-color: #FFFFFF }
/*#dove_siamo .map a { font-size: 0.8em; color: #333333; text-decoration: underline; text-align: right; font-family:Arial }*/
#dove_siamo .txt { float: left; width: 619px; padding: 15px 15px 0px 15px; font-size: 0.8em; font-family: Arial; border: solid 3px #f8bb7c; border-top: none; border-bottom: none; background-color: #FFFFFF }
#dove_siamo .txt a { color: #7a5b3c; text-decoration: underline }
#dove_siamo .txt a:hover { color: #f37a29; text-decoration: underline }
.chiusura_dove { float: left; width: 655px; height: 15px; background: url(../img/sf_chiusura_dove2.png) bottom no-repeat; }

#contatti { float: left; width: 655px }
#contatti .titolo { float: left; width: 625px; background: url(../img/titolo_contatti.png) no-repeat; color:#7a5b3c; font-size: 1.0em; line-height: 20px; padding: 15px 15px 10px 15px; font-weight: bold }

#contatti .form {float:left; padding: 0px 15px 10px 15px; width: 619px; text-align: left; color: #666; font-size: 0.9em; background-color: #FFFFFF; border: solid 3px #7a5b3c; border-top: none; border-bottom: none }
#contatti .form label { float:left; font-weight:bold; width: 619px; line-height: 20px; padding-top: 10px; font-size: 0.8em }
#contatti .form input { float:left; width: 350px}
#contatti .form textarea { float:left; margin-bottom: 10px; width: 450px}
#contatti .form .submit { clear:both; width: 200px; margin-top: 30px }
#contatti .privacy_contatti { float: left; width: 619px; text-align: left; color: #666; font-size: 0.7em; font-family: Arial }
.chiusura_contatti { float: left; width: 655px; height: 15px; background: url(../img/sf_chiusura_contatti.png) bottom no-repeat; }

#msg {display:none; position:absolute; z-index:200; background:url(../img/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#fff; border:2px solid #999; border-left:none; padding:5px; min-width: 100px; max-width:250px; color: #ff0000; font-size: 0.8em; font-family: Arial }

.copy { float: left; width: 650px; font-size: 0.7em; color: #999; text-align: right; padding-top: 15px; padding-right: 5px; font: Arial }
.copy a{ text-decoration:underline; color: #999 }
.copy a:hover{ text-decoration:underline; color: #7a5b3c }