@charset "utf-8";
/* CSS Document */


/* MENU */
#menu_servizi{
    position: fixed;
    top: 57px;
    z-index: 8;
    height: 32px;
    background-color: #333;
    width: 100% !important;
    left: 0px !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	text-align:right;
}
#menu_servizi > div{
	display:inline-block;
	vertical-align:middle;
	color:#FFF;
	height:32px;
	line-height:32px;
	padding-left:15px;
	padding-right:25px;
	cursor:pointer;
	background-image:url(../_grafiche/frDwW.png);
	background-position:calc(100% - 5px) center;
	background-repeat:no-repeat;
	background-size:auto 8px;
	font-size:14px !important;
}
#menu_servizi > div:hover{
	background-color:rgba(255,255,255,0.1);
}

h2{
	font-size:18px !important;
	margin-top:50px;
	margin-bottom: 0px;
}
#menu_TA{
	display:none;
    position: fixed;
    top: 89px;
	right:0px;
    z-index: 8;
    background-color: #111;
	padding-bottom:20px;
}
#menu_TA > div{
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}
#menu_TA > div:first-child{
	border-right:1px solid rgba(255,255,255,0.1);
	padding-right:20px;
	padding-left:20px;
}
#menu_TA > div a{
	display:block;
	color:#FFF;
	font-size:13px;
	height:40px;
	line-height:40px;
	text-align:left;
	border-top:1px solid rgba(255,255,255,0.1);
	background-image:url(../_grafiche/frDxG.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 16px;
	font-size:14px !important;
	white-space:nowrap;
	padding-right:20px;
}
#menu_TA > div a:hover{
	color:#FFF !important;
	background-color:rgba(255,255,255,0.05) !important;
	background-image:url(../_grafiche/frDxW.png) !important;
}
#menu_TA > div h3{
	font-size:17px !important;
	line-height:40px;
	color:#fbcc88;
	margin-top:10px;
	margin-bottom:0px;
}

#menu_TA.visSV{
	display:block;
}
#menu_servizi > div.visSV{
	background-image:url(../_grafiche/frUpW.png);
}


@media (min-width: 601px){
	#menu_TA{
		border-bottom-left-radius:8px;
	}
}
@media (max-width: 600px){
	#menu_TA{
		overflow-y:auto;
		height:calc(100% - 89px);
	}
	#menu_TA > div{
		width:100%;
		margin:0px;
		padding:20px;
		padding-bottom:0px;
	}
	#menu_TA > div h3{
		margin-top:0px;
	}
}

.tecniche.massaggi #ta_massaggi,
.tecniche.reflessologia #ta_reflessologia,
.tecniche.counseling #ta_counseling,
.tecniche.meditazione #ta_meditazione,
.tecniche.ginnastica_passiva #ta_ginnastica_passiva,
.tecniche.bars #ta_bars,
.ambiti.disagio_psico_fisico_emotivo #ta_disagio_psico_fisico_emotivo,
.ambiti.dinamiche_relazionali #ta_dinamiche_relazionali,
.ambiti.bisogno_di_rilassamento #ta_bisogno_di_rilassamento,
.ambiti.desiderio_di_vitalita #ta_desiderio_di_vitalita,
.ambiti.stress_sportivo #ta_stress_sportivo,
.ambiti.difficolta_nel_movimento #ta_difficolta_nel_movimento{
	border-left: 3px solid #fbbd62;
	padding-left: 10px;
}
.dinamiche_relazionali .pagina{
	padding-top:100px;
}
.dinamiche_relazionali .int div{
	top:250px;
}


/* FRECCE */
.frNav{
	display:block;
	position:fixed;
	z-index:6;
	top:120px;
	width:auto;
	height:60px;
	line-height:60px;
	background-repeat:no-repeat;
	background-size:auto 80px; 
	opacity:0.5;
	text-decoration:none !important;
	background-color:rgba(255,255,255,0.6);
	max-width:calc(100% - 70px);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.frNav span{
	display:none;
	font-size:16px !important;
}
.frNav:hover{
	opacity:1 !important;
}
.frNav:hover span{
	display:inline !important;
}
#navPrec{
	left:0px;
	background-image:url(../_img/zoomFrSxB2.png);
	background-position:-10px center;
	text-align:left;
	padding-left:60px; 
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
}
#navSucc{
	right:0px;
	background-image:url(../_img/zoomFrDxB2.png);
	background-position:calc(100% + 10px) center;
	text-align:right;
	padding-right:60px;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
}

#navPrec span{
	padding-right:30px;
}

#navSucc span{
	padding-left:30px;
}





/* PAGINA */
.pagina_cont{
	padding-top:0px;
	margin-top:-100px;
}
.pagina_cont h1{
	margin-bottom:50px !important;
}


/* INT */
.tecniche.massaggi .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/massaggi.jpg);
}
.tecniche.reflessologia .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/reflessologia.jpg);
}
.tecniche.counseling .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/counseling.jpg);
	background-position:center center, center bottom !important;
}
.tecniche.meditazione .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/meditazione.jpg);
}
.tecniche.ginnastica_passiva .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/ginnastica_passiva.jpg);
}
.tecniche.bars .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/bars.jpg);
}
.ambiti.disagio_psico_fisico_emotivo .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/disagio_psico_fisico_emotivo.jpg);
}
.ambiti.dinamiche_relazionali .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/dinamiche_relazionali.jpg);
}
@media (min-width: 600px){
	.ambiti.dinamiche_relazionali .int{
		background-size: 100% 30%, cover;
		background-position:center bottom, center center;
	}
}
.ambiti.bisogno_di_rilassamento .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/bisogno_di_rilassamento.jpg);
	/*background-position:center center, center top !important;*/
}
.ambiti.desiderio_di_vitalita .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/desiderio_di_vitalita.jpg);
}
.ambiti.stress_sportivo .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/stress_sportivo.jpg);
}
.ambiti.difficolta_nel_movimento .int{
	background-image:url(../_grafiche/sfEEE.png), url(../_img/difficolta_nel_movimento.jpg);
}


@media (min-width: 900px){
	.tecniche.ginnastica_passiva .int{
		background-position:center center, center bottom !important;
	}
}

/* TELEFONO */

#contatti_servizi{
	margin-top:40px;
	padding-top:15px;
	border-top:1px solid rgba(0,0,0,0.2);
	font-size:15px;
	width:fit-content;
}