html, body {
width:100%;margin: 0; padding: 0; border:0;
font: normal 13px Arial, Helvetica, sans-serif; color: #000;
background-color:#293c45;
background: url(../img/fiocco.png) repeat;
}
h1, h2, h3, h4, h5, h6, ol, hr, div, img, p, ul, li, dl, dd, dt, form {
padding: 0; margin: 0; border:0; text-align: left;
}
a, a:hover, a:visited, a:link {cursor:pointer; text-decoration:none }
a:hover{ text-decoration:none}
a:active, object:active, div:active { outline: none; }
input { font: normal 12px Arial, Helvetica, sans-serif; padding:2px;}
.bianco {color: #ffffff;}
.azzurro {color: #29abd0;}
.arancio { color:#f15b22;}
.rosa { color:#b684cd;}
.hide { display:none }
.btn_azzurro{border:0; color:#FFF; background-color:#09badb; font-size:14px; font-weight:bold; cursor:pointer}
.btn_nero{border:0; color:#FFF; background-color:#000; font-size:14px; font-weight:bold; cursor:pointer}
h1 { font-size:24px}
h2 { font-size:18px;}
h3 { font-size:16px;}
h4 { font-size:14px;}
#container {width: 950px; height:auto; overflow:auto; margin:0 auto 5px; padding:0; position:relative; background-color:#d4d3c2}
#logo { position:absolute; z-index:100; left:15px; top:0; width:200px; height:163px;}
#forbice { position:absolute; z-index:100; left:900px; top:46px; width:40px; height:31px; background:url(../img/ico_forbice.png) no-repeat right top}
.bg_bodydream {background:url(../img/bg_page.gif) repeat-y left top;}
.bg_armonia{background:url(../img/bg_armonia.gif) repeat-y left top;}
.bg_link{background:url(../img/bg_link.gif) repeat-y left top;}
.bg_energia{background:url(../img/bg_page_energia.gif) repeat-y left top;}
/*-----------------------------------------------------
MENU
------------------------------------------------------*/
#menu_bb {width:700px; height:1px; left:0; top:60px; position:absolute; z-index:2; color: #000; border-top:2px dashed #000}
#menu { width:700px; height:60px; margin:0 0 0 220px; padding-left:10px; position:relative; z-index:30;
font: normal 14px "Myriad Pro", Arial, Helvetica, sans-serif; color: #000;}
#menu dd{ float:left; display:inline; width:auto; height:80px; overflow:visible; padding-right:7px; z-index:30;}
#menu dd a{ color: #000; float:left; display:inline; padding:30px 5px 0; font-size:14px; font-weight:bold}
#menu dd.bodydream a:hover{ height:30px; background:url(../img/bg_bodydream_6px.gif) no-repeat 0 54px;}
#menu dd.bodydream a.itact{ height:30px; background:url(../img/bg_bodydream_6px.gif) no-repeat 0 54px;}
#menu dd.bodydream .subItem a:hover{color:#29abd0; background:none}
#menu dd.bodydream .subItem a.active{color:#29abd0;}
#menu dd.energia a:hover{ height:24px; border-bottom:6px solid #f15b22 }
#menu dd.energia a.itact{ height:24px; border-bottom:6px solid #f15b22 }
#menu dd.energia .subItem a:hover{color:#f15b22; border-bottom:none }
#menu dd.energia .subItem a.active{color:#f15b22;}
#menu dd.armonia a:hover{ height:24px; border-bottom:6px solid #b385bc }
#menu dd.armonia a.itact{ height:24px; border-bottom:6px solid #b385bc }
#menu dd.armonia .subItem a:hover{color:#b385bc; border-bottom:none }
#menu dd.armonia .subItem a.active{color:#b385bc;}
#menu dd.novita a:hover{ height:24px; border-bottom:6px solid #00b9da }
#menu dd.novita .subItem a:hover{color:#00b9da; border-bottom:none }
#menu dd.novita .subItem a.active{color:#00b9da;}
#menu dd.diventa_fan{ float:right; padding-right:40px;}
#menu dd.diventa_fan a{ float:left; width:auto; display:block;}
#menu dd .subItem{width:690px; height:30px; overflow:visible; position:absolute; padding-left:10px; left:0; top:75px; z-index:100;
text-align:left; margin:0; border-bottom:2px dashed #000;}
#menu dd .subItem a { float:left; display:inline; padding:0 15px 0 5px; margin-right:0;}
#menu dd a.item1active{ height:30px; background:url(../img/bg_bodydream_1px.gif) repeat-y left top;}
#menu dd a.item2active{ height:30px; background-color:#f15b22}
#menu dd a.item3active{ height:30px; background-color:#b385bc}
#menu dd a.item4active{ height:30px; background-color:#00b9da}
/*-----------------------------------------------------
HOME
------------------------------------------------------*/
#home_content{ width:auto; height:440px; overflow:auto; margin-top:38px; background:url(../img/home_img_txt.gif) no-repeat 28px top}
#home_content .newsletter{ float:left; margin-top:330px; padding-left:30px; width:190px; height:auto; z-index:101; font-size:14px;}
#home_content .newsletter p{ margin-bottom:8px}
#home_content .newsletter input{ margin-bottom:10px; border:0}
#home_content .newsletter .txt{ width:165px;}
#home_content .cnt_descr{ float:left; padding-left:300px; width:315px; height:auto;}
#home_content .cnt_descr .box_bianco{ margin-top:30px; width:315px; height:auto; background-color:#FFF; padding:10px; background:#FFF url(../img/ico_forbice_b.gif) no-repeat 290px bottom}
#home_content .cnt_descr .box_bianco .cnt{ width:auto; height:auto; padding:15px; border:2px dashed #000;}
#home_content .cnt_descr .box_nero{ position:relative; margin-top:30px; width:315px; height:110px; padding:10px 10px 0; background-color:#293c45; color:#FFF}
#home_content .cnt_descr .box_nero .cnt{ width:auto; height:66px; padding:15px; border:2px dashed #fff;}
#home_content .cnt_descr .box_nero .forbice{ position:absolute; left:290px; top:98px; width:31px; height:22px; background:#09badb url(../img/ico_forbice_n.gif) no-repeat 0 top; z-index:10;}
#home_lb{ position:relative; width:auto; height:auto; background-color:#FFF;/* background:#FFF url(../img/ico_forbice_b.gif) no-repeat 290px bottom*/}
#home_lb .cnt{ position:relative; z-index:1; width:470px; height:265px; margin:10px 0 0 10px; padding:30px; border:2px dashed #000;}
#home_lb .cnt p{ margin-bottom:15px;}
#home_lb .cnt .mail{ height:30px; line-height:30px;}
#home_lb .cnt .mail a{ color:#29abd0; float:right; width:100px; text-decoration:underline; display:block; background:url(../img/ico_mail.gif) no-repeat left top; height:20px; line-height:20px; padding-left:32px;}
#home_lb .ico_close{ position:absolute; width:33px; height:33px; left:520px; top:305px; z-index:2;}
#iscrizione_lb{ position:relative; width:auto; height:auto; background-color:#FFF;/* background:#FFF url(../img/ico_forbice_b.gif) no-repeat 290px bottom*/}
#iscrizione_lb .cnt{ position:relative; z-index:1; width:300px; height:115px; margin:10px 0 0 10px; padding:30px; border:2px dashed #000;}
#iscrizione_lb .cnt p{ margin-bottom:15px;}
#iscrizione_lb .ico_close{ position:absolute; width:33px; height:33px; left:350px; top:155px; z-index:2;}
.arancio { color:#f15b22;}
.rosa { color:#b385bc;}
.home_foto{ width:auto; height:110px; overflow:auto; margin-left:30px;}
.home_foto .descr{ float:left; width:165px; height:auto; margin-right:20px;}
.home_foto .descr .tit{ font-size:32px;}
.home_foto .btarancio{ border-top:10px solid #f15b22;}
.home_foto .btrosa{ border-top:10px solid #b385bc;}
.home_foto .foto{ float:left; display:block; width:auto; height:auto; margin-right:5px;}
.home_foto .foto img{ display:block}
/*-----------------------------------------------------
CHI SIAMO
------------------------------------------------------*/
#chisiamo_content{ width:auto; height:450px; overflow:auto; margin-top:88px; padding-left:380px; margin-bottom:0; background:url(../img/chisiamo_img.jpg) no-repeat 28px top}
#chisiamo_content .descr{ width:auto; height:auto; background-color:#FFF; margin:0; padding:10px;}
#chisiamo_content .descr .cnt{ width:auto; height:auto; padding:10px; border:2px dashed #000;}
#chisiamo_content .descr .cnt p{ margin-bottom:10px}
/*-----------------------------------------------------
LOCATION
------------------------------------------------------*/
#location_content{ width:auto; height:360px; overflow:auto; margin-top:68px; margin-bottom:5px; background:url(../img/location_img.jpg) no-repeat 28px top}
#location_content .descr{ width:500px; height:auto; background-color:#FFF; margin:40px 0 0 430px; padding:10px;}
#location_content .descr .cnt{ width:auto; height:auto; padding:30px; border:2px dashed #000;}
#location_content .descr .cnt p{ margin-bottom:10px}
.location_foto{ width:auto; height:112px; overflow:auto; margin-left:35px; margin-bottom:5px}
.location_foto .foto{ float:left; display:block; width:auto; height:auto; margin-right:5px;}
.location_foto .foto img{ display:block}
/*-----------------------------------------------------
SEZIONE ARMONIA
------------------------------------------------------*/
#armonia_content{ width:auto; overflow:auto; margin-top:72px; margin-bottom:5px;}
#armonia_content .descr{ width:500px; height:auto; background-color:#FFF; margin:0 0 0 430px; padding:10px; margin-top:30px}
#armonia_content .descr .cnt{ width:auto; height:auto; padding:30px; border:2px dashed #000;}
#armonia_content .descr .cnt p{ margin-bottom:10px}
.img_estetica{ height:330px; background:url(../img/estetica_img.jpg) no-repeat 38px top}
.img_ayurveda{ height:335px; background:url(../img/ayurveda_img.jpg) no-repeat 38px top}
.img_spa{ height:330px; background:url(../img/spa_img.jpg) no-repeat 38px 20px}
.img_dietagift{ height:480px; background:url(../img/dietagift_img.jpg) no-repeat 38px top}
.img_corsi{ height:370px; background:url(../img/corsi_img.jpg) no-repeat 38px 20px}
.img_orthobionomy{ height:365px; background:url(../img/orthobionomy_img.jpg) no-repeat 20px 30px}
/*-----------------------------------------------------
LISTA PROGRAMMI ARMONIA
------------------------------------------------------*/
.lista_corsi{ width:870px; height:auto; margin:10px 35px 20px; background:url(../img/sep_oriz.gif) repeat-x left top}
.lista_corsi dd{ width:870px; height:auto; overflow:hidden; padding:6px 0; background:url(../img/sep_oriz.gif) repeat-x left bottom}
.lista_corsi dd .titolo{ float:left; width:250px; padding:3px; height:auto; font-weight:bold; color:#b684cd; font-size:20px}
.lista_corsi dd .testo{ float:left; width:580px; padding:3px; height:auto; margin-left:10px; font-size:12px;}
.lista_corsi dd .lh1{ line-height:30px}
.lista_corsi dd .lh2{ line-height:50px}
/*-----------------------------------------------------
SEZIONE ENERGIA
------------------------------------------------------*/
#energia_content{ width:auto; overflow:auto; margin-top:72px; margin-bottom:5px;}
#energia_content .descr{ width:500px; height:auto; background-color:#FFF; margin:0 0 0 430px; padding:10px; margin-top:30px}
#energia_content .descr .cnt{ width:auto; height:auto; padding:30px; border:2px dashed #000;}
#energia_content .descr .cnt p{ margin-bottom:10px}
.img_aerobica{ height:345px; background:url(../img/aerobica_img.jpg) no-repeat 68px 0}
.img_danza{ height:330px; background:url(../img/danza_img.jpg) no-repeat 38px 20px}
.img_tonificazione{ height:355px; background:url(../img/tonificazione_img.jpg) no-repeat 38px top}
.img_combattimento{ height:335px; background:url(../img/combattimento_img.jpg) no-repeat 18px 0}
/*-----------------------------------------------------
LISTA PROGRAMMI ENERGIA
------------------------------------------------------*/
.lista_corsi_en{ width:870px; height:auto; margin:10px 35px 20px; background:url(../img/sep_oriz.gif) repeat-x left top}
.lista_corsi_en dd{ width:870px; height:auto; overflow:hidden; padding:6px 0; background:url(../img/sep_oriz.gif) repeat-x left bottom}
.lista_corsi_en dd .titolo{ float:left; width:250px; padding:3px; height:auto; font-weight:bold; color:#f15b22; font-size:20px}
.lista_corsi_en dd .testo{ float:left; padding:3px; width:580px; height:auto; margin-left:10px; font-size:12px;}
.lista_corsi_en dd .lh1{ line-height:30px}
.lista_corsi_en dd .lh2{ line-height:50px}
.lista_corsi_en dd .plf145{ float:left; width:435px; height:auto; margin-left:10px; font-size:12px; padding-left:145px;}
.lista_corsi_en dd .lgazelle{ float:left; width:435px; height:auto; margin-left:10px; font-size:12px; padding-left:145px; height:45px; background:url(../img/gazelle_logo.gif) no-repeat left top}
/*-----------------------------------------------------
NOVITA
------------------------------------------------------*/
#novita_content{ width:auto; height:320px; overflow:auto; margin-top:72px; margin-bottom:5px; background:url(../img/novita_img.jpg) no-repeat 16px 10px}
#novita_content .descr{ width:500px; height:auto; background-color:#FFF; margin:0 0 0 430px; padding:10px; margin-top:30px}
#novita_content .descr .cnt{ width:auto; height:auto; padding:30px; border:2px dashed #000;}
#novita_content .descr .cnt p{ margin-bottom:10px}
#novita_content .descr .cnt p.mail{ background:url(../img/ico_mail.gif) no-repeat left top; padding-left:34px; margin-top:10px;}
#novita_content .descr .cnt .newsletter{ width:190px; height:auto; font-size:14px;}
#novita_content .descr .cnt .newsletter p{ margin-bottom:8px}
#novita_content .descr .cnt .newsletter input{ margin-bottom:10px; border:0}
#novita_content .descr .cnt .newsletter .txt{ width:165px; border:1px solid #666}
.lista_promo{ width:100%; height:auto; overflow:auto; margin:10px 0; background:url(../img/sep_promo.gif) repeat-y left top}
.lista_promo dl{ width:390px; height:auto; padding:0 40px }
.lista_promo .promo{ float:left}
.lista_promo .eventi{ float:right}
.lista_promo dl dt{ font-size:22px; font-weight:bold; margin-bottom:20px}
.lista_promo dl dd{ margin-bottom:20px;}
.lista_promo dl dd p{ margin-bottom:10px;}
.lista_promo dl dd a{ text-decoration:underline; color:#000}
.lista_promo dl dd .titolo{color: #29abd0; font-weight:bold}
.lista_promo dl dd .small{ font-size:12px}
.lista_promo dl .sep{ padding-bottom:20px; background:url(../img/sep_oriz.gif) repeat-x left bottom}
/*-----------------------------------------------------
LINK
------------------------------------------------------*/
#link_content{ width:auto; height:340px; overflow:auto; margin-top:72px; margin-bottom:10px; background:url(../img/link_img.jpg) no-repeat 58px top}
#link_content .descr{ width:500px; height:auto; background-color:#FFF; margin:0 0 0 430px; padding:10px; margin-top:30px}
#link_content .descr .cnt{ width:auto; height:auto; padding:30px; border:2px dashed #000;}
#link_content .descr .cnt p{ margin-bottom:10px}
.lista_link{ width:870px; height:auto; margin:5px 35px; background:url(../img/sep_oriz.gif) repeat-x left top}
.lista_link dd{ width:870px; height:auto; overflow:hidden; padding:5px 0; background:url(../img/sep_oriz.gif) repeat-x left bottom}
.lista_link dd .logo{ float:left; width:250px; text-align:center; height:auto;}
/*-----------------------------------------------------
INFO CONTATTI
------------------------------------------------------*/
#infocontatti_content{ width:auto; overflow:auto; margin-top:52px; margin-bottom:20px; height:410px; background:url(../img/contatti_img.jpg) no-repeat 20px 50px}
#infocontatti_content .descr{ width:535px; height:50px; overflow:auto; margin:0 0 0 405px; padding-bottom:10px;}
#infocontatti_content .descr .tit{ float:left; width:140px; padding-left:10px; font-size:20px; font-weight:bold; color:#29abd0;}
#infocontatti_content .descr .txt{ float:left; width:330px; padding-left:10px; }
#infocontatti_content .descr .txt a{ text-decoration:underline; color:#000;}
#infocontatti_content .mappa{ width:515px; height:auto; margin:0 0 0 415px; background-color:#FFF; padding:10px;}
/*-----------------------------------------------------
FOOTER
------------------------------------------------------*/
#footer{ width:auto; height:20px; overflow:visible; padding:10px 0 10px 30px; background-color:#FFF; font-size:11px;}
#footer .info{ float:left; width:auto; }
#footer .credits{ float:right; width:auto; padding-right:35px; }
#footer .credits a{ font-size:11px; color:#000}
#footer .credits a:hover{color: #29abd0; }