<!--
*{
	-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;
}
body{
	margin:0px;
	padding:0px;
	background-color:#dadada; /* #fcfbf9; */
}

#fondino{
	position:absolute;
	z-index:0;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(../_grafiche/fondino_home.jpg) center center no-repeat;
	background-size:cover;
}
#foto{
	position:absolute;
	z-index:10;
	left:45%;
	top:0px;
	width:55%;
	height:100%;
	background:url(../_grafiche/foto_home012.png) left center no-repeat;
	background-size:contain;
}
#logo{
	position:absolute;
	z-index:100;
	left:30px;
	top:30px;
	width:350px;
	height:133px;
	background:url(../_grafiche/logoBouleganHome.png) top left no-repeat;
	background-size:contain;
}

#menu{
	position:absolute;
	z-index:150;
	right:43%;
	top:0px;
	width:57%;
	height:100%;
	text-align:right;
}
#menu div{
	height:9%;
}
#menu a{
	font-family:'Luismi Murder', 'futura_lt_btlight', sans-serif !important;
	font-size: 35px !important;
	text-decoration:none;
	color:#6d6d6d;
	letter-spacing: 4px;
	display:inline-block;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position:center left;
	background-image:none;	
	padding-left:38px;
	
	-webkit-transition:opacity .5s, color 1s, backgound-image 1s;
	transition:opacity .5s, color 1s, backgound-image 1s;
}
#menu a:hover, #menu a.ovM{
	/*background-image:url(../_grafiche/iconcina.png) !important;	*/
}
#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(-3deg);	
	margin-right:160px;
}


#m_1:hover, #m_1.ovM{
	color:#bec444;
}
#m_2:hover, #m_2.ovM{
	color:#f3e68f;
}
#m_3:hover, #m_3.ovM{
	color:#d8ae58;
}
#m_4:hover, #m_4.ovM{
	color:#d26d37;
}
#m_5:hover, #m_5.ovM{
	color:#7d5d4c;
}
#m_6:hover, #m_6.ovM{
	color:#1b7d92;
}
#m_7:hover, #m_7.ovM{
	color:#75afa5;
}
#m_8:hover, #m_8.ovM{
	color:#6c6198;
}

#copy{
	position:absolute;
	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;
}
#colori{
	position:absolute;
	z-index:160;
	left:0px;
	bottom:0px;
	width:240px;
	height:25px;
}
#colori div{
	display:inline-block;
	width:30px;
	height:25px;
	cursor:pointer;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
#colori div:hover, .onCol{
	background-image:url(../_grafiche/ico_colori.png);
}
/*#c_1:hover{
	background-image:none !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;
	}


#divInizio{
	-webkit-transition:opacity 1s;
	transition:opacity 1s;
}
#logoInizio{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:6000 !important;
	background:url(../_grafiche/logoBouleganHome.png) no-repeat center center;
	opacity:0;
	/*background-size:400px 148px;*/
	-webkit-transition:background-size 2s, opacity 1s;
	transition:background-size 2s, opacity 1s;
}
.logoInizioOk{
	opacity:1 !important;
	/*background-size:500px 186px !important;*/
}
.logoInizioOk2{
	opacity:0 !important;
	/*background-size:500px 186px !important;*/
}
#benvenuti{
	opacity:0;
	position:absolute;
	z-index:6000 !important;
	left:0px;
	width:100%;
	top:50%;
	height:80px;
	margin-top:-40px;
	line-height:80px;
	font-family:'futura_lt_btlight', 'futura_lt_btlight', sans-serif !important;
	font-size:25px;
	font-weight: normal !important;
	color:#FFF;
	text-align:center;
	text-shadow:0px 0px 4px #FFF;
	-webkit-transition:font-size 2s, opacity 2s;
	transition:font-size 2s, opacity 2s;
}
.benvOk{
	opacity:1 !important;
	font-size:30px !important;
}
.benvOk2{
	opacity:0 !important;
	font-size:30px !important;
}
.rett{
	z-index:5000 !important;
	position:absolute;
	top:0px;
	width:21%;
	height:50%;
	-webkit-transition:height 1s, opacity 1s;
	transition:height 1s, opacity 1s;
}
.rett2{
	z-index:5000 !important;
	position:absolute;
	bottom:0px;
	width:21%;
	height:50%;
	-webkit-transition:height 1s, opacity 1s;
	transition:height 1s, opacity 1s;
}

.sfum{
	opacity:0 !important;
}
.sfum .rett{
	height:0px !important;
}
.sfum .rett2{
	height:0px !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);
}
#btnAreaRiservata{
	
	/*display: block;
    position: fixed;
    bottom: 52px;
    left: 30px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 2px;
    padding-left: 44px;
    padding-right: 20px;
    border-radius: 7px;
    background-color: #c2ca19;
    color: #353535 !important;
    text-decoration: none;
    z-index: 1000;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    font-weight: bold;
	background-image:url(../_grafiche/zoomFrBlackDx.png);
	background-size: auto 120%;
	background-position:left center;
	background-repeat:no-repeat;*/
	
	display: block;
    position: fixed;
    bottom: 52px;
    left: 30px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 2px;
	margin-left:-300px;
    padding-left: 49px;
    padding-right: 20px;
    border-radius: 7px;
    background-color: #c2ca19;
    color: #353535 !important;
    text-decoration: none;
    z-index: 1000;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    font-weight: bold;
	font-size:18px;
	background-image:url(../_grafiche/zoomFrBlackDx.png);
	background-size: auto 120%;
	background-position:left center;
	background-repeat:no-repeat;
	opacity: 0;
	-webkit-transition:margin-left 0.3s, opacity 0.3s, transform 0.1s;
	transition:margin-left 0.3s, opacity 0.3s, transform 0.1s;
	
}
.areaOn{
	margin-left: 0px !important;
	opacity: 1 !important;
}
.rL{
	transform:rotate(5deg);
	-webkit-transform:rotate(5deg);
}
.rR{
	transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
}
.sc1{
	-webkit-transition:margin-left 0.3s, transform 0.6s, background-color 0.6s !important;
	transition:margin-left 0.3s, transform 0.6s, background-color 0.6s !important;
}
.sc2{
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
    background-color:#f4ff01 !important;
}

#gyrotonic_home{
	font-family: 'Times New Roman', Times, serif !important;
    font-size: 16px !important;
    text-decoration: none;
    background-color:#6c6198;
    padding: 10px;
    background-image: url(../_grafiche/zoomFrDx.png);
    background-size: auto 120%;
    background-position: -5px center;
    background-repeat: no-repeat;
    padding-left: 32px;
	color:#FFF;
}
#gyrotonic_home *{
	color:#FFF;
}
#gC{
	color:#FFF;
	font-family: 'Times New Roman', Times, serif !important;
    font-size: 16px !important;
}
#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 only screen and (max-width: 620px){
	#logo{
		top:20px;
		left:0px;
		width:80%;
		height:100px;
		/*background-position:center center;*/
	}
}
@media only screen and (max-width: 620px) and (min-width: 500px){
	#btnAreaRiservata{
		bottom: auto !important;
		top:152px;
	}
}
@media only screen and (max-width: 620px){
	#gyrotonic_home{
	background-image: url(../_grafiche/gyrotonic_logo.png) !important;
    background-size: contain !important;
    background-position: center center !important;
    overflow: hidden;
    padding-left: 40px !important;
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 0px;
		/*background-position: right center !important;
		overflow: hidden;
		display: block;
		padding: 7px;
		position: fixed;
		bottom: 0px;
		right: 0px;
		background-image: none;
		background-color: #000;
		font-size: 11px !important;
		text-align: center;*/
	}
	#gC{
		clear:both;
		width:100%;
		height:1px;
		display:block;
		overflow:hidden;
	}
}
@media only screen and (max-width: 499px){
	#btnAreaRiservata{
		top: auto !important;
		padding-left: 25px !important;
		padding-right: 49px !important;
		background-position:right center !important;
		height: 50px;
		border-top-right-radius:0px !important;
		border-bottom-right-radius:0px !important;
		line-height: 50px;
		font-size:15px;
		right:0px;
		left: auto;
		bottom: 45px;
		box-shadow: 0px 0px 5px #000;
	}
}
@media only screen and (max-height: 620px){
	#logo{
		width:80%;
		height:100px;
	}
}


@media screen and (max-aspect-ratio: 1300/700){
	
	#foto{
		background-size:cover !important;
		background-position:left center !important;
	}
	#menu{
		width:100%;
		right:52%;
		margin-right:-160px;
	}
	#m_1{
		margin-right:30px;
	}
	#m_2{
		margin-right:20px;
	}
	#m_3{
		margin-right:30px;
	}
	#m_4{
		margin-right:50px;
	}
	#m_5{
		margin-right:50px;
	}
}

@media only screen and (max-width: 530px){
	#logoInizio{
		background-size:80%;
	}
}
@media only screen and (max-width: 420px){
	#foto{
		left:35%;
		width:65%;
		height: calc(100% - 60px);
	}
	#menu{
		right:58%;
	}
	#menu a{
		font-size:28px !important;
	}
	#colori{
		width:216px;
		height:25px;
	}
	#colori div{
		width:27px;
		height:25px;
	}
	#copy{
		bottom:25px;
		height:15px;
		padding-left:5px;
	}
	#copy, #copy *{
		font-size:9px !important;
	}
	#social{
		padding:0px;
		height:26px;
	}
	.nas{
		display:none;
	}
	.mob{
		display:inline;
	}
	#colori div:hover, .onCol{
		background-image:none !important;
	}
}

@media only screen and (max-width: 360px){
	#logo{
		top:5px;
		left:5px;
		width:70% !important;
		height:90px !important;
	}
	#menu{
		margin-right:-130px !important;
	}
	#menu a{
		font-size:25px !important;
		letter-spacing:2px !important;
		color:#555 !important;
	}
	/*#m_1{
		margin-right:30px;
	}*/
	#m_2{
		margin-right:30px;
	}
	/*#m_3{
		margin-right:30px;
	}
	#m_4{
		margin-right:50px;
	}
	#m_5{
		margin-right:50px;
	}*/
	#m_6{
		margin-right:110px;
	}
	#m_7{
		margin-right:150px !important;
	}
	#copy{
		line-height:10px !important;
	}
	.nas2{
		display:none;
	}
	#foto{
		left:32% !important;
		width:68% !important;
	}
}
@media only screen and (max-height: 620px){
	#menu{
		right:58%;
	}
	#menu a{
		font-size:28px !important;
	}
	#menu{
		margin-right:-130px !important;
	}
	#menu a{
		font-size:25px !important;
		letter-spacing:2px !important;
		color:#555 !important;
	}
	#m_6{
		margin-right:110px;
	}
	#m_7{
		margin-right:130px;
	}
}
@media only screen and (max-height: 360px){

	#logo{
		top:10px;
		left:5px;
		width:70% !important;
		height:90px !important;
	}
	#foto{
		margin-left:50px;
	}
	#menu{
		margin-top:-65px !important;
		margin-right:0px !important;
		right:38% !important;
	}
	#menu div{
		margin-top:7px !important;
	}
	#m_6{
		margin-right:80px;
	}
	#m_7{
		margin-right:100px;
	}
	#colori{
		right:0px;
		left:auto !important;
		top:0px;
		bottom:auto !important;
		height:100%;
		width:20px;
	}
	#colori div{
		display:block;
		clear:both;
		width:20px;
		height:10%;
	}
	#copy{
		padding-right:10px;
		height:20px;
		text-align:right;
	}
	#social{
		left:0px;
		right:auto !important;
	}
	.nas{
		display:none;
	}
	#foto{
		left:35% !important;
		background-position:right bottom;
	}
	.mob{
		display:inline;
	}
}
-->