:root {
--celestino: #c8e9ea;
--verdescuro: #006666;
}

.centroBody, #content {position:relative; float:left; clear:both; width:100%;}
#content {z-index:2;}
.item-page {padding-left:5%; padding-right:5%; padding-top:30px; font-size:18px; line-height:24px;}
.item-page h1 {padding-top:40px; font-size:34px; line-height:38px; font-weight:300; color:#000;}
.item-page figure {float:left; width:100%; margin-top:30px; margin-bottom:30px;}
.item-page figure.img_principaleArticolo {margin-bottom:20px;}
.item-page p {margin-top:10px; margin-bottom:10px; font-size:20px; line-height:26px;}
.item-page p.introduzioneArticolo {margin-bottom:20px; font-size:22px; line-height:28px; font-weight:300; font-style:italic; color:#444;}
.item-page h2 {margin-top:40px; padding-bottom:10px; font-size:28px; line-height:28px; font-weight:400; color:var(--verdescuro); border-bottom:1px solid var(--celestino);}
.item-page h3 {margin-top:25px; font-size:20px; line-height:22px; font-weight:500; color:#444;}

.pagContatti {text-align:center;}
.pagContatti h3 {float:left; width:100%; margin-bottom:8px; font-size:24px; color:var(--verdescuro);} .pagContatti p {margin-top:0; margin-bottom:25px;} .pagContatti a {color:#000;}


.centroFoto {float:left; width:100%; text-align:center;}
.centroFoto img {display:inline-block; margin-bottom:25px;}

#CONTENITORE-TOP, #CONTENITORE-MENU, #CONTENITORE-FOOTER {float:left; width:100%; z-index:0;}
#CONTENITORE-TOP {border-bottom:2px solid var(--verdescuro);}
#CONTENITORE-MENU {background-color:var(--verdescuro);}

#menu_Responsive {position:relative; float:right; width:100px; line-height:80px; height:80px; text-align:center;
font-size:20px; font-weight:500; color:#fff; cursor:pointer; z-index:999; background-color:var(--verdescuro); } #menu_Responsive:hover {text-decoration:none;}
@media all and (min-width:1280px) {#menu_Responsive {display:none;} }

.boxTop_telefoni {display:none;}
@media all and (min-width:750px) {.boxTop_telefoni {display:block; float:right; margin-right:30px; padding-top:18px; padding-left:40px; background:url("../images/struttura/ico_whatsapp.png") left 25px no-repeat;}
.boxTop_telefoni a {display:block; font-size:15px; font-weight:400; color:var(--verdescuro);} .boxTop_telefoni a:hover {color:#000;}
.boxTop_telefoni a:before {float:left; width:83px;} .boxTop_telefoni a.dottoressa:before {content:"Dottoressa:";} .boxTop_telefoni a.segreteria:before {content:"Segreteria:";}
}

.banner, .banner_Home {position:relative; float:left; width:100%; min-height:500px;}
.banner h1 {float:left; clear:left; margin-top:30px; padding-left:5%; padding-right:5%; font-size:50px; line-height:42px; font-weight:500; color:var(--verdescuro);}
.banner_Home h2 {float:left; clear:left; margin-top:70px; padding:25px 50px 0 25px; font-size:36px; line-height:34px; font-weight:300; color:#fff; background-color:rgba(0,102,102,0.80);}
.banner_Home h1 {float:left; clear:left; padding:25px; font-size:50px; line-height:42px; font-weight:500; color:#fff; background-color:rgba(0,102,102,0.80);}
.banner_Home h1 strong {float:left; width:100%; margin-bottom:5px;}
.banner_Home h1 small {float:left; width:auto; margin-right:18px; font-size:26px; line-height:24px; font-weight:600;}

.banner_Home {background:#a8bbc4 url("../images/banner/banner_home.jpg") right -60px bottom no-repeat;}
.banner.composizioneCorporea {background:#d0d0d0 url("../images/banner/banner_composizione.jpg") right bottom no-repeat;}
.banner.diabete {background:#bdebfa url("../images/banner/banner_diabete.jpg") right bottom no-repeat;}
.banner.colesterolo {background:#e5e5e5 url("../images/banner/banner_colesterolo.jpg") right bottom no-repeat;}
.banner.iperinsulinismo {background:#efcbdb url("../images/banner/banner_iperinsulinismo.jpg") right bottom no-repeat;}
.banner.steaosiEpatica {background:#e5e5e5 url("../images/banner/banner_steaosi_epatica.jpg") right bottom no-repeat;}
.banner.lowFood {background:#e5e5e5 url("../images/banner/banner_low-food.jpg") right bottom no-repeat;}
.banner.gravidanza {background:#e5e5e5 url("../images/banner/banner_gravidanza.jpg") right bottom no-repeat;}
.banner.alimentazioneEtaScolastica {background:#fed459 url("../images/banner/banner_alimentazione_scolastica.jpg") right bottom no-repeat;}
.banner.chisono {background:#edede9 url("../images/banner/XXX.jpg") center bottom no-repeat;}
.banner.contatti {background:#edede9 url("../images/banner/XXX.jpg") center bottom no-repeat;}
.banner.laprimavisita {background:#edede9 url("../images/banner/XXX.jpg") center bottom no-repeat;}
.banner.controllisuccessivi {background:#edede9 url("../images/banner/XXX.jpg") center bottom no-repeat;}
@media all and (max-width:500px) {
.banner_Home {background-position:center bottom;}
.banner.composizioneCorporea {background-position:right -280px bottom;}
.banner.diabete {background-position:right -280px bottom;} .banner.diabete h1 {margin-top:140px;}
.banner.colesterolo {background-position:right -220px bottom; background-size:200%;}
.banner.iperinsulinismo {background-position:right -120px bottom; background-size:230%;}
.banner.steaosiEpatica {background-position:right -240px bottom;}
.banner.lowFood {background-position:right -200px bottom;}
.banner.gravidanza {background-position:right -190px bottom;}
.banner.alimentazioneEtaScolastica {background-position:right -220px bottom -80px;}
}
@media all and (min-width:501px) {.banner_Home h1, .banner_Home h2 {margin-left:5%;}}
@media all and (min-width:1160px) { .banner h1, .banner_Home h1, .banner_Home h2 {position:relative; margin-left:50%; left:-500px; width:auto;}
.banner h1 {margin-top:160px;} .banner_Home h1 small {font-weight:300;}
}







.banner .bottomBanner, .banner .bottomBanner_HP {position:absolute; left:0; bottom:0; width:100%;}
.hp_box_01 {position:relative; float:left; width:100%; padding-top:50px; padding-bottom:50px; background-color:var(--celestino); z-index:8;}
.hp_box_01 h4 {float:right; max-width:100%; font-size:44px; line-height:46px; font-weight:300; text-align:center; color:var(--verdescuro);}
.hp_box_01 h4 small {display:block; margin-top:15px; padding-left:40px; padding-right:40px; font-size:22px; line-height:28px;}
.hp_box_02 {float:left; width:100%; padding-top:50px; padding-bottom:220px; z-index:8; background-color:#f6f0ea !important;}
.hp_box_02 h6 {float:right; width:100%; font-size:40px; line-height:42px; font-weight:300; text-align:center; color:var(--verdescuro);}
.hp_box_02 h6 small {display:block; margin-top:15px; padding-left:40px; padding-right:40px; font-size:22px; line-height:28px;}
.hp_box_02 h6 small br {display:none;}
.hp_piatto {position:absolute; margin-left:50%; background-position:0 0; background-repeat:no-repeat; z-index:10;}

.hp_box_02 h3, .pagChisono h3 {float:left; width:100%; padding-left:20px; padding-right:20px; font-size:40px; line-height:46px; font-weight:200; text-align:center; color:var(--verdescuro);}
.hp_box_02 p.txt_hp_01, .hp_box_02 p.txt_hp_02, .pagChisono p.txt_hp_02 {float:left; width:100%; padding:45px 25px; font-size:22px; line-height:30px; font-weight:300; text-align:center; color:var(--verdescuro);}
.hp_box_02 p.txt_hp_02, .pagChisono p.txt_hp_02 {padding-top:20px; padding-bottom:0;}


@media all and (max-width:550px) { .hp_box_01 {padding-top:10px;}
.banner .bottomBanner {height:145px; background:url("../images/banner/sf_top_550_bianco.png") center bottom no-repeat;}
.banner .bottomBanner_HP {height:145px; background:url("../images/banner/sf_top_550.png") left bottom no-repeat;}
.hp_box_02 {background:url("../images/banner/sf_bottom_550.png") left top no-repeat;}
.hp_box_02 p.txt_hp_02 br, .pagChisono p.txt_hp_02 br {display:none;}
}
@media all and (min-width:551px) {
.banner .bottomBanner {height:150px; background:url("../images/banner/sf_top_2400_bianco.png") center bottom no-repeat;}
.banner .bottomBanner_HP {height:150px; background:url("../images/banner/sf_top_2400.png") center bottom no-repeat;}
.hp_box_02 {background:url("../images/banner/sf_bottom_1900.png") center top no-repeat;}
}

@media all and (max-width:630px) {
.hp_box_02 h3 strong, .pagChisono h3 strong {float:left; width:100%; margin-bottom:6px;}
.hp_box_02 p.txt_hp_01 br {display:none;}
}

@media all and (max-width:700px) {
.hp_piatto {bottom:-155px; left:-200px; width:350px; height:300px; background-image:url("../images/struttura/hp_piatto_350.png"); background-size:contain;}
.hp_box_01 {padding-bottom:140px;} .hp_box_01 h4, .hp_box_02 h6 {width:100%;} .hp_box_01 h4 small br {display:none;} .hp_box_02 {padding-top:190px;}
}
@media all and (min-width:701px) {
.hp_piatto {top:-60px; left:-670px; width:550px; height:472px; background-image:url("../images/struttura/hp_piatto_550.png");}
.hp_box_01 h4 {max-width:460px; margin-right:60px;} .hp_box_01 h4 small br {display:none;}
}
@media all and (min-width:1160px) {.hp_box_02 h6 small br {display:block;} .hp_piatto {left:-570px; top:-90px;} .hp_box_01 h4 small, .hp_box_02 h6 small {font-weight:200;} .hp_box_02 {padding-top:70px;} .hp_box_02 p.txt_hp_01, .hp_box_02 p.txt_hp_02, .pagChisono p.txt_hp_02 {font-weight:200;}}


.hp_introDottoressa {position:relative; float:left; width:100%;}
.hp_introDottoressa figure {position:absolute; margin-left:50%; width:300px; left:-150px; top:-150px;}
.hp_introDottoressa figure img {float:left; width:100%; width:300px; height:300px; border-radius:50%;}


.hp_elencoServizi {float:left; width:100%; text-align:center; padding-top:200px; font-size:0; background: url("../images/struttura/sf_bottom_chiaro_1900.png") center top no-repeat;}
.hp_elencoServizi p {font-size:40px; line-height:42px; font-weight:400; color:var(--verdescuro);}

.hp_elencoServizi .elencoPuls {float:left; width:100%; padding-left:20px; padding-right:20px; padding-top:35px;}
@media all and (min-width:1000px) {.hp_elencoServizi .elencoPuls {width:1000px; position:relative; margin-left:50%; left:-500px; padding-left:0; padding-right:0;} }
.hp_elencoServizi a {display:inline-block; padding:17px 20px; margin:10px 5px; font-size:22px; line-height:24px; font-weight:500; color:var(--verdescuro); border-radius:15px; background-color:var(--celestino); text-transform:uppercase;}
@media all and (max-width:600px) {.hp_elencoServizi a {width:90%; margin:7px 5%; font-weight:600;} }
.hp_elencoServizi a:hover {background-color:var(--verdescuro); color:#fff;}

.box_altriArticoli {float:left; width:100%; text-align:center; padding-top:100px; font-size:0;}
.box_altriArticoli:before {float:left; width:100%; margin-bottom:30px; font-size:20px; line-height:20px; color:var(--verdescuro); content:"ALTRI ARGOMENTI TRATTATI"; }
.box_altriArticoli a {display:inline-block; padding:17px 20px; margin:5px; font-size:18px; line-height:20px; font-weight:400; color:var(--verdescuro); border-radius:15px; background-color:#f2f2f2;} .box_altriArticoli a:hover {background-color:var(--celestino);}
@media all and (max-width:600px) {.box_altriArticoli a {width:90%; margin:7px 5%; font-size:20px;}}
.pagChisono .box_altriArticoli {padding-bottom:100px;}
.pagChisono .box_altriArticoli:before {content:"ARGOMENTI TRATTATI"; font-weight:500;}

.boxPrimaVisita {float:left; width:100%; text-align:center; padding-top:50px; padding-bottom:30px; font-size:0;}
.boxPrimaVisita.HP {padding-top:50px;}
.boxPrimaVisita a {display:inline-block; width:80%; padding:20px 20px 30px 20px; margin:3px 10%; font-size:22px; vertical-align:top; color:#fff; background-color:var(--verdescuro);} .boxPrimaVisita a strong {display:block; margin-top:6px; font-size:24px;} .boxPrimaVisita a:hover {background-color:#999;}
.boxPrimaVisita a.primaVisita {border-radius:25px 25px 0 0;}
.boxPrimaVisita a.controlliSuccessivi {border-radius:0 0 25px 25px;}
.boxPrimaVisita a.primaVisita.quattroangoli, .boxPrimaVisita a.controlliSuccessivi.quattroangoli {border-radius:25px;}
@media all and (min-width:750px) {.boxPrimaVisita a {width:350px; margin:8px;} .boxPrimaVisita a.primaVisita {border-radius:25px 0 0 25px;} .boxPrimaVisita a.controlliSuccessivi {border-radius:0 25px 25px 0;}
}

.puls_prenotaVisita {float:left; position:relative; margin-left:50%; left:-150px; width:300px; padding-top:130px; padding-bottom:30px; margin-top:150px; font-size:40px; font-weight:600; color:#2fbb97 !important; border-radius:25px; text-align:center; border:5px solid #c6c9c2;}
.puls_prenotaVisita:before {position:absolute; margin-left:50%; left:-80px; top:-85px; width:160px; height:160px; border-radius:50%; background-color:#666; content:""; background-image:url("../../../images/caterina-oddi-nutrizionista-veroli.jpg"); background-size:cover;}
.puls_prenotaVisita:after {position:absolute; top:90px; left:0; width:100%; margin-bottom:12px; font-size:26px; line-height:26px; font-weight:500; color:#2fbb97; content:"PRENOTA UNA VISITA"}
.puls_prenotaVisita:hover {border-color:#2fbb97;}

.puls_prenotaVisita.HP {padding-top:70px; margin-top:30px; margin-bottom:100px;}
.puls_prenotaVisita.HP:before {display:none;}
.puls_prenotaVisita.HP:after {position:absolute; top:30px;}



.homePage {float:left; width:100%;}
@media all and (max-width:749px) {.homePage {background:url("../images/struttura/bottom_fragole.jpg") center bottom no-repeat; padding-bottom:180px;} }
@media all and (min-width:750px) { .homePage {background-image:url(../images/struttura/bottom_frutta.jpg), url(../images/struttura/bottom_fragole.jpg); 
background-position:left bottom, right 20px bottom; background-repeat: no-repeat; padding-bottom:220px;} }
@media all and (min-width:1060px) { .homePage {padding-bottom:80px;} }

#CONTENITORE-FOOTER {padding:25px 20px; background-color:#e5e5e5;}
#CONTENITORE-FOOTER .info {float:left; width:50%;}
#CONTENITORE-FOOTER .info p {margin-bottom:15px; font-size:16px; color:#999;}
#CONTENITORE-FOOTER .info p.altro {float:left; margin-top:5px; margin-right:15px; margin-bottom:5px; font-size:14px; line-height:12px;}
#CONTENITORE-FOOTER .dx {float:right; width:50%; text-align:right;}
#CONTENITORE-FOOTER .dx a {float:right; clear:right; margin-bottom:5px; font-size:14px; line-height:16px;}
#CONTENITORE-FOOTER .dx .copyright {float:right; width:100%; margin-top:8px; font-size:14px; line-height:16px; color:#999;}