<!--
*{
	-webkit-text-size-adjust:none;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	
	-webkit-text-size-adjust:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#000;
	/*border:1px solid #FC0; /* */
}
body{
	margin:0px;
	padding:0px;
	background-color:#dadada; /* #fcfbf9; */
	background:url(../_grafiche/fondino_interna.jpg) top center;
	background-size:cover;
	background-attachment:fixed;
}

#frSX, #frDX{
	z-index:170;
	position:absolute;
	width:120px;
	height:50%;
	top:25%;
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.2;
	-webkit-transition:opacity 1s;
	transition:opacity 1s;
}
#frSX{
	background-image:url(../_grafiche/zoomFrBlackSx.png);
	left:0px;
}
#frDX{
	background-image:url(../_grafiche/zoomFrBlackDx.png);
	right:0px;
}
#frSX.frW{
	background-image:url(../_grafiche/zoomFrSx.png) !important;
}
#frDX.frW{
	background-image:url(../_grafiche/zoomFrDx.png) !important;
}

#frSX:hover, #frDX:hover{
	opacity:0.8;
}
#logo{
	position:absolute;
	z-index:200;
	right:30px;
	top:30px;
	width:250px;
	height:133px;
	background:url(../_grafiche/logoBouleganHome.png) top center no-repeat;
	background-size:contain;
	opacity:0.8;
	cursor:pointer;
}

#titolo{
	position:absolute;
	z-index:150;
	left:0px;
	bottom:25px;
	letter-spacing: 6px;
	height:100px;
	text-align:left;
	font-family:'Luismi Murder', 'futura_lt_btlight', sans-serif !important;
	font-size: 45px !important;
	color:#6d6d6d;
	padding:20px;
}
#menu div{
	height:10%;
}

#copy{
	position:fixed;
	z-index:110;
	left:0px;
	bottom:0px;
	width:100%;
	height:25px;
	padding-left:250px;
	padding-right:132px;
	opacity:0.4;
}
#copy, #copy *{
	font-size:10px;
}

#menu{
	position:absolute;
	z-index:180;
	left:0px;
	top:0px;
	margin-top:-1000px;
	opacity:0;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(20,30,30,0.9);
	-webkit-transition:opacity 1s, margin-top 1s;
	transition:opacity 1s, margin-top 1s;
}
.mnOp{
	margin-top:-25px !important;
	opacity:1 !important;
}
#menu div{
	height:9%;
}
#menu a{
	font-family:'Luismi Murder', 'futura_lt_btlight', sans-serif !important;
	font-size: 25px !important;
	text-decoration:none;
	color:#CCC;
	letter-spacing: 2px;
	display:inline-block;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position:center left;
	background-image:none;	
	padding-left:38px;
	margin-top:20px;
	-webkit-transition:color 1s, backgound-image 1s;
	transition:color 1s, backgound-image 1s;
}
#m_1{
	margin-right:10px;
}
#m_2{
	transform: rotate(-7deg);
	margin-right:5px;
}
#m_3{
	transform: rotate(4deg);
}
#m_4{
	transform: rotate(8deg);
	margin-right:15px;
}
#m_5{
	transform: rotate(-4deg);
	margin-right:30px;
}
#m_6{
	transform: rotate(6deg);
	margin-right:120px;
}

#m_7{
	transform: rotate(-4deg);	
	margin-right:160px;
}

#m_8{
	transform: rotate(-4deg);	
	margin-right:160px;
}
.nasM{
	height:12% !important;
}

#TT{
	opacity:0;
	position:fixed;
	z-index:160;
	/*left:0px;*/
	bottom:25px;
	margin-bottom:-25px;
	width:240px;
	height:48px;
	line-height:48px;
	font-family:'Luismi Murder', 'futura_lt_btlight', sans-serif !important;
	font-size: 25px !important;
	letter-spacing:2px;
	color:#FFF;
	text-align:center;
	border-radius:10px;
	background:rgba(0,0,0,0.3);
	-webkit-transition:opacity .5s, margin-bottom .5s;
	transition:opacity .5s, margin-bottom .5s;
}
.ttVis{
	margin-bottom:2px !important;
	opacity:1 !important;
}
.ttSX{
	position:absolute !important;
	left:0px !important;
	border-top-left-radius:0px !important;
	border-bottom-left-radius:0px !important;
	padding-left:100px !important;
	padding-right:20px !important;
	/*height:80px !important;
	line-height:80px !important;*/
	width:auto !important;
}
.ttDX{
	position:absolute !important;
	right:0px !important;
	border-top-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
	padding-right:100px !important;
	padding-left:20px !important;
	/*height:80px !important;
	line-height:80px !important;*/
	width:auto !important;
}
#colori{
	position:fixed;
	z-index:1070;
	left:0px;
	bottom:0px;
	width:100%;
	height:25px;
	-webkit-transition:width 0.7s, bottom 0.5s;
	transition:width 0.7s, bottom 0.5s;
}
#colori span{
	color:#fff;
	line-height:25px;
	font-family:'Luismi Murder', 'futura_lt_btlight', sans-serif !important;
	font-size: 20px !important;
	letter-spacing:2px;
	opacity:0.7;
	-webkit-transition:opacity 0.4s;
	transition:opacity 0.4s;
}
#colori div{
	display:inline-block;
	width:12.5%;
	height:25px;
	line-height:25px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	-webkit-transition:width 0.7s;
	transition:width 0.7s;
	
}
.colChiuso{
	width:240px !important;
}
.colGiu{
	bottom:-25px !important;
}
.colChiuso div{
	width:30px !important;
}
.colChiuso span{
	opacity:0 !important;
}
#colori.colChiuso div:hover, .onCol{
	background-image:url(../_grafiche/ico_colori.png);
}
.colChiuso .donnina{
	background-image:url(../_grafiche/ico_colori.png) !important;
}
#c_1{
	background-color:#bec444;
}
#c_2{
	background-color:#f3e68f;
}
#c_3{
	background-color:#d8ae58;
}
#c_4{
	background-color:#d26d37;
}
#c_5{
	background-color:#7d5d4c;
}
#c_6{
	background-color:#1b7d92;
}
#c_7{
	background-color:#75afa5;
}
#c_8{
	background-color:#6c6198;
}
	.mob{
		display:none;
	}
	
#pagina{
	position:absolute;
	z-index:100;
	height:100%;
	width:100%;
	padding:50px;
}
#pagina *, #contenuto, #contenuto *{
	font-family: 'futura_lt_btlight', Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height:20px;
	color:#444;	
}
#contenuto{
	margin-bottom:100px;
}
#introPagina{
	position:absolute;
	top:50%;
	right:0px;
	width:50%;
	margin-top:-170px;
	text-align:center;
	padding:100px;
	font-style:italic;
	/*padding-left:60%;
	padding-top:200px;*/
}
#introPagina, #introPagina div{
	font-size:18px !important;
}
.introStreaming{
	width:100% !important;
	top:50px !important;
	margin-top:0px !important;
}
.introSx{
	right:auto !important;
	left:0px;
	/*padding-right:60% !important;
	padding-left:100px !important;*/
}
@-webkit-keyframes 'pulse' {
	from {
	  opacity: 1;
	}
	50% {
	  opacity: 0.5;
	}
	to {
	  opacity: 1;
	}
}
#frGiu{
	margin-top:50px;
	-webkit-transition:opacity 2s;
	transition:opacity 2s;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	cursor:pointer;
}
#btnMenu, #btnTel{
	position:absolute;
	top:20px;
	width:40px;
	height:40px;
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0.8;
	cursor:pointer;
}
#btnMenu{
	z-index:200;
	left:15px;
	background-image:url(../_grafiche/btnMenu.png);
}
.chMenu{
	background-image:url(../_grafiche/chMenu.png) !important;
}
#btnTel{
	display:none;
	z-index:150;
	left:60px;
	background-image:url(../_grafiche/btnTel.png);
}
.l{
	height:0px;
	clear:both;
}
.cont_persone{
	padding-top:30px;
}
.persone{
	width:200px !important;
	height:300px !important;
	padding-left:10px !important;
	padding-right:10px !important;
	padding-top:0px !important;
	float:left;
	text-align:center;
	font-size:14px !important;
	line-height:16px !important;
	
}
.persone a{
	display:inline-block;
	text-align:center;
	font-size:14px !important;
	line-height:26px !important;
	text-decoration:none;
	height:26px !important;
	padding-left:10px;
	padding-right:10px;
	border-radius:13px;
	background-color:rgba(0,0,0,0.5);
	color:#FFF !important;
	-webkit-transition:background-color .5s;
	transition:background-color .5s;
	margin-top:5px;
}
.persone a:hover{
	background-color:#b09045 !important;
	
}
.persone img{
	width:150px;
	height:150px;
	margin-bottom:15px;
	border-radius:75px;
}


#moduloInfo{
	position:absolute;
	z-index:100;
	top:50%;
	left:32%;
	margin-left:-210px;
	width:420px;
	height:320px;
	margin-top:-160px;
	text-align:center;
	padding:10px;
	background:rgba(0,0,0,0.3);
	border-radius:10px;
}
#moduloLogin{
	position:absolute;
	z-index:100;
	top:50%;
	left:50%;
	margin-left:-210px;
	width:420px;
	margin-top:-40px;
	text-align:center;
	padding:10px;
	background:rgba(0,0,0,0.3);
	border-radius:10px;
}
#moduloLogin div:first-child{
	color:#FFF;
	padding-bottom:10px;
}
.caselle{
	width:400px;
	height:32px !important;
	line-height:32px !important;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#555;
	padding-left:10px;
	margin-bottom:5px;
	border:1px solid #666;
	box-shadow:0px 0px 4px rgba(0,0,0,0.5);
	-webkit-text-size-adjust: text !important;
	-webkit-touch-callout: text !important;
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}
.messaggio{
	width:400px;
	height:150px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#625d62;
	padding:10px;
	resize:none;
	border:1px solid #666;
	margin-bottom:5px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	-webkit-text-size-adjust: text !important;
	-webkit-touch-callout: text !important;
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}
#msg{
	background-color:#e7e2ac;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#555;
	font-weight:bold;
	padding:10px;
	border:1px solid #555;
	border-radius:5px;
	box-shadow:0px 0px 14px #999;
	margin-bottom:10px;
	position:fixed;
	top:30px;
	left:50%;
	width:300px;
	margin-top:100px;
	margin-left:-150px;
	z-index:2000;
	transition-property:opacity;
	transition-duration:1s;
}
.butContatti{
	background:url(../_grafiche/zoomFrDx.png) right center no-repeat #333;
	background-size:contain;
	border:none;
	border-radius:16px;
	height:32px;
	line-height:32px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color:#FFF !important;
	padding:5px;
	padding-left:18px;
	padding-right:30px;
	cursor:pointer;
	float:right;
	-webkit-transition:background-color .5s;
	transition:background-color .5s;
}
.butContatti:hover{
	background-color:#000 !important;
}
	#frGiuContatti{
		display:none;
		text-align:center;
		padding-top:40px;
		font-style:italic;
		color:#999;
	}
	#frGiuContatti img{
		margin-top:10px !important;
		margin-bottom:10px !important;
	}

#social{
	position:fixed;
	bottom:0px;
	right:0px;
	height:36px;
	padding:2px;
	z-index:1000;
}
#social a{
	float:right;
	width:36px;
	height:30px;
	margin:3px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	opacity:0.8;
	-webkit-transition:opacity 1s;
	transition:opacity 1s;
}
#social a:hover{
	opacity:0.5 !important;
}
#contatti{
	background-image:url(../_grafiche/ico_contatti.png);
}
#login{
	background-image:url(../_grafiche/ico_login.png);
}
#facebook{
	background-image:url(../_grafiche/ico_facebook.png);
}
#twitter{
	background-image:url(../_grafiche/ico_twitter.png);
}
#instagram{
	background-image:url(../_grafiche/ico_instagram.png);
}

#cont_appr{
	display:none;
	
}
#appr{
	position:fixed;
	z-index:5000;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	opacity:0;
	-webkit-transition:opacity 1s;
	transition:opacity 1s;
	
}
#appr iframe{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFF;
	margin:20px;
	padding-right:20px;
	padding-bottom:20px;
	border-radius:10px;
	border:none;
	box-shadow:0px 0px 5px #000;
}
.appr_vis{
	display:block !important;
}
.appr1{
	opacity:1 !important;
}
#chAppr{
	position:absolute;
	z-index:6000;
	top:20px;
	left:20px;
	width:35px;;
	height:35px;;
	border:none;
	background:url(../_grafiche/chMenuN.png) no-repeat center center;
	background-size:contain;
	cursor:pointer;
}
#btnAreaRiservata{
	height: 26px;
    line-height: 26px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    background-color: #333;
    color: #FFF !important;
    display: inline-block;
	text-decoration: none;
}
#fumettoAreaRiservata{
	opacity:0;
	bottom:66px;
	position:fixed;
	right:10px;
	z-index:100;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
#fumettoAreaRiservata div:first-child{
	border-radius:7px;
	background-color:#FFF;
	padding:15px;
	box-shadow:0px 0px 4px rgba(0,0,0,0.5);
	position:relative;
	z-index:2;
	background-image:url(../_grafiche/chMenuN.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:20px;
	cursor:pointer;
}
#fumettoAreaRiservata div:last-child{
	background-image:url(../_grafiche/frFumetto.png);
	background-position:calc(100% - 43px) top;
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	z-index:3;
	height:12px;
	width:100%;
}
#fumettoAreaRiservata.vis{
	opacity:1 !important;
	bottom:40px !important;
}
@media screen and (max-aspect-ratio: 1000/800) and (min-width: 421px){
	
	#introPagina:not(.introStreaming), .introSx, .introPilates{
		padding-left:50px !important;
		padding-right:50px !important;
		margin-top:-120px !important;
		width:100%;
	}
	.introStreaming{
		top:100px !important;
	}
	#frSX, #frDX{
		display:none;
	}
	#frGiuContatti{
		display:block !important;
	}
	#moduloInfo{
		top:100% !important;
		left:50% !important;
		margin-top:0px !important;
		margin-bottom:200px;
	}
	
}
@media screen and (max-aspect-ratio: 1000/800) and (min-aspect-ratio: 1000/1000){	
	#introPagina:not(.introStreaming), .introSx, .introPilates, .introContatti{
		padding-top:180px !important;
	}
	.introSport{
		top:100px !important;
	}
	.introContatti{
		top:100px !important;
	}
	#frGiuContatti{
		display:block !important;
	}
	#moduloInfo{
		top:100% !important;
		left:50% !important;
		margin-top:0px !important;
		margin-bottom:200px;
	}
}
@media only screen and (max-width: 620px){

	#moduloInfo{
		top:100% !important;
		left:50% !important;
		margin-top:0px !important;
		margin-bottom:400px;
		height:360px;
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;
	}
	.introContatti{
		top:180px !important;
	}
	.introStreaming .butContatti{
		float:none !important;
		margin:10px;
	}
	.introStreaming{
		padding-top:60px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	#lezioni{
		white-space:nowrap;
		overflow-x:auto;
		overflow-y:hidden;
	}
	#frGiuContatti{
		display:block !important;
	}
	#moduloInfo{
		width:300px !important;
		margin-left:-150px !important;
	}
	.messaggio, .caselle{
		width:280px !important;
	}
}

@media only screen and (max-width: 620px) and (orientation: landscape){
	.introContatti, .introStreaming{
		left:10% !important;
		top:140px !important;
		padding:0px !important;
	}
	#frGiuContatti{
		position:absolute;
		right:-70% !important;
		top:30px  !important;
		display:block !important;
	}
	#frGiu{
		display:block !important;
		margin-left:7px;
	}
}
@media only screen and (max-width: 420px){
	.introStreaming{
		padding-top:60px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	#colori{
		width:216px;
		height:26px !important;
	}
	#colori div{
		width:27px;
		height:26px !important;
	}
	#colori span{
		display:none;
	}
	#copy{
		position:absolute;
		bottom:25px;
		height:15px;
		padding-left:5px;
	}
	#copy, #copy *{
		font-size:9px !important;
	}
	#social{
		width:100%;
		background-color:#c9c9c9;
		padding:0px;
		height:26px;
	}
	.nas{
		display:none;
	}
	.mob{
		display:inline;
	}
	#colori div:hover, .onCol{
		background-image:none !important;
	}
	
	#introPagina{
		/*padding-left:0px !important;
		padding-right:0px !important;*/
		padding-left:50px;
		padding-right:50px;
		width:100% !important;
		padding-top:130px;
	}
	
	#frGiu{
		/*display:none;*/
		margin-top:20px;
		height:25px;
	}
	#logo{
		top:0px;
		left:0px;
		right:auto !important;
	}
	#btnMenu, #btnTel{
		display:block !important;
	}
	#btnMenu{
		left:auto !important;
		right:15px;
	}
	#btnTel{
		left:auto !important;
		right:60px;
	}

	#frSX, #frDX{
		display:none;
	}
	.nasM{
		height:10% !important;
	}
}
@media only screen and (max-width: 360px){
	#logo{
		width:65%;
		height:80px !important;
	}
	#copy{
		line-height:10px !important;
	}
	.nas2{
		display:none;
	}
	#titolo{
		letter-spacing:4px !important;
	}
}
@media only screen and (max-height: 420px){
	#frGiu{
		display:none !important;
	}
	#introPagina, .introSx, .introPilates, .introContatti, .introStreaming{
		padding-top:130px;
	}
	.introPilates, .introContatti, .introStreaming{
		width:60% !important;
	}
}
@media only screen and (max-height: 420px){

	#logo{
		top:15px;
		width:65% !important;
		height:85px !important;
		background-position:right top !important;
	}
	#titolo{
		bottom:0px !important;
		line-height:100px;
		font-size:35px !important;
		letter-spacing:3px;
	}
	#colori{
		/*position:absolute;*/
		right:0px;
		left:auto !important;
		top:0px;
		bottom:auto !important;
		height:100%;
		width:20px !important;
	}
	#colori div{
		display:block;
		clear:both;
		width:20px;
		height:11%;
	}
	#copy{
		position:absolute;
		padding-left:0px !important;
		padding-right:30px;
		height:20px;
		line-height:20px;
		bottom:auto !important;
		top:0px;
		text-align:right;
	}
	.nas{
		display:none;
	}
	#frSX, #frDX{
		display:none;
	}
	#btnMenu{
		top:7px;
	}
	#introPagina{
		width:50%;
		padding:20px !important;
		margin-top:-30px;
		right:20px;
		/*margin-top:0px;
		margin-left:45%;
		padding-top:60px !important;*/
	}
	.introSx, .introPilates{
		width:50% !important;
		left:20px !important;
		right:auto !important;
		margin-top:-80px !important;
		/*margin-left:0px !important;
		margin-top:-45px !important;*/
	}
	.introContatti, .introStreaming{
		width:40% !important;
		margin-top:-80px !important;
	}
	.mnOp{
		margin-top:0px !important;
		opacity:1 !important;
	}
	#menu{
		padding-right:40%;
		padding-top:0px;
	}
	#menu div{
		height:12%;
	}
	.nasM{
		display:none;
	}
	#moduloInfo{
		width:300px !important;
		margin-left:-150px !important;
	}
	.messaggio, .caselle{
		width:280px !important;
	}
	#social{
		position:absolute;
		bottom:auto !important;
		top:0px;
		right:330px !important;
	}
	.mob{
		display:inline;
	}

}
@media screen and (min-width: 451px){
	#popup{
		left:auto !important;
		right:20px;
		top:-30px !important;
	}
}
-->