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

.bassa .int{
	display:none;	
}
.bassa .pagina_cont{
	padding-top:100px;
}

/* LOGO */
#logo {
    position: fixed;
    line-height: 48px;
    width: 100px;
    height: 100px;
    z-index: 11;
    top: 0px;
    left: 0px;
    cursor: pointer;
    background-image: url(../_grafiche/logo_mB.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
	transition:width 0.4s, height 0.4s;
	-webkit-transition:width 0.4s, height 0.4s;
}
#logo.logoNasc{
	opacity:0 !important;
}
#logo:hover{
    width: 120px;
    height: 120px;
}

@media (min-width: 601px){
	#bnt_menu{
		display:none;
	}
}
#btn_menu{
	position:fixed;
	z-index:12;
	right:7px;
	top:0px;
	width:57px;
	height:57px;
	background-image:url(../_grafiche/btn_menu.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 25px;
	cursor:pointer;
}
@media (min-width: 601px){
	#btn_menu{
		display:none;
		bottom: 40px !important;
		width: 46px !important;
		height: 46px !important;
		margin-left: -23px !important;
	}
}
@media (max-width: 600px){
	
	#btn_menu.noVis{
		display:none;
	}
}


/* INT */
.int{
	margin-top:57px;
	padding:40px;
	background-color:rgba(0,0,0,0.1);
	background-repeat:repeat-x, no-repeat;
	background-position:center center;
	background-size:contain, cover;
	height:400px;
}
.int > div {
    padding: 30px;
    font-size: 14px !important;
    text-align: center;
    font-style: italic;
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    width: 400px;
    right: 0px;
    top: 329px;
}
.noInt .int{
	display:none;
}

@media (max-width: 400px){
	.int > div {
		width: 100%;
	}
}
@media (min-width: 1200px){
	.int{
		height:500px;
	}
}


/* PAGINA */
.pagina_cont{
	width:100%;
	padding-top:57px;
	background-image:url(../_grafiche/logo_f2.png);
	background-repeat:no-repeat;
	background-position:1000px 50px;
	background-size:700px;
}
.pagina{
	width:100%;
	max-width:1000px;
	font-weight:300;
	min-height:500px;
	margin-bottom:50px;
}
.pagina,
.pagina *,
.int div,
.int div *{
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

@media (max-width: 1000px){
	.pagina{
		padding-left:30px !important;
		padding-right:30px !important;
	}
}
#contenuto .pagina p,
#contenuto .pagina p *,
#contenuto .pagina li,
#contenuto .pagina li *{
	font-size:14px;
}
#contenuto .pagina h1{
	font-family: 'Cambria', sans-serif !important;
	font-size:43px !important;
	font-weight:300;
	margin-bottom: 0px;
	padding-left: 20px;
}
#contenuto .pagina h1 i{
	font-size:14px;
	opacity:0.6;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:left center;
}
#contenuto .pagina p{
	text-align:justify;
}
#contenuto a{
	text-decoration:none;
}
#contenuto .pagina a:hover{
	color:#333;
}
#labelPage{
	text-align:right;
	color:#999;
	font-weight:100;
	line-height: 31px;
}
@media (min-width: 601px){
	.pagina{
		padding-left:95px;
		padding-right:95px;
	}
	#labelPage{
		font-size:44px;
		margin-top:0px;
		margin-bottom:0px;
	}
}

@media (max-width: 600px){
	.pagina{
		padding-left:30px;
		padding-right:30px;
	}
	#labelPage{
		font-size:30px;
		margin-top:-5px;
		margin-bottom:25px;
	}
	#contenuto .pagina h1{
		text-align:center;
		padding-left:0px !important;
	}
}


/* PIEDE */
#piede{
	padding-bottom:70px;
	text-align:right;
}
#piede > div{
	border-top:1px solid rgba(0,0,0,0.2);
	display:inline-block;
	width:400px;
	padding-bottom:70px;
	padding-left:85px;
	background-image:url(../_grafiche/logo_f.png);
	background-position:10px 5px;
	background-size:70px;
	background-repeat:no-repeat;
	text-align:left;
}
#piede > div > div:not(#stelle){
	opacity:0.5;
}
#piede > div a{
	text-decoration:none !important;
}
#piede_logo{
	font-family: 'Cambria';
	font-size:20px;
	text-shadow:0px 0px 1px #000;
	line-height:23px;
	padding-top:12px;
}
#piede *:not(#piede_logo){
	color:#000;
	font-size:12px !important;
}
#piede_social a{
	display:inline-block;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
#FB{
	background-image:url(../_grafiche/FB.png);
}
#IN{
	background-image:url(../_grafiche/IN.png);
}
#YT{
	background-image:url(../_grafiche/YT.png);
}
@media (max-width: 600px){
	#piede{
		width: calc(100% + 20px);
		margin-left: -20px;
		height:130px;
		background-color: rgba(0,0,0,0.2);
	}
	#piede > div{
		width: 100%;
		padding-left: 100px;
		padding-right: 40px;
		padding-top: 6px;
		background-position: 25px 5px;
	}
	#piede_top{
		height:44px;
	}
	#piede_social{
		position: absolute;
		text-align: left;
	}
	#piede_privacy{
		position: absolute;
		text-align: left;
	}
}
#piede_privacy a{
	color:#840 !important;
}


/* MENU */
#menu_cont{
	position:fixed;
	top:0px;
	z-index:10;
}
#fMenu{
	position:fixed;
	top:0px;
	z-index:9;
	height: 57px;
	background-color:#FFF;
	/*border-bottom:1px solid rgba(0,0,0,0.3);*/
	background-color:#FFF !important;
	width:100% !important;
	left:0px !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
@media (min-width: 601px){
	#fMenu{
		width:100%;
		left:0px;
	}
	#menu_cont{
		height: 57px;	
		width:100%;
		left:0px;
		padding-right: 3px;
	}
	#menu_int{
		display:inline-block;
		vertical-align:top;
		width:100%;
	}
	#menu{
		padding-top:11px;
		overflow:none;
		white-space:nowrap;
		height:46px;
		text-align:right;
	}
	#menu a{
		display:inline-block;
		padding-left:15px;
		padding-right:15px;
		background-repeat:no-repeat;
		background-position:13px 10px;
		background-size:16px;
		text-transform: uppercase;
		margin-left:0px;
		margin-right:-4px;
	}
	#menu a:hover{
		border-bottom: 3px solid #CCC;
		text-shadow:0px 0px 2px rgba(0,0,0,0.3);
	}
	.mn1 #mn_chi_sono,
	.mn2 #mn_servizi,
	.mn3 #mn_buoni,
	.mn4 #mn_contatti{
		border-bottom: 3px solid #fbbd62 !important;
		text-shadow:none !important;
	}
	
	#menu_chiudi{
		display:none;
	}
	.SMbtn{
		background-position:calc(100% - 10px) 12px;
		background-repeat:no-repeat;
		background-size:14px auto;
		padding-right:30px !important;
		background-image:url(../_grafiche/frDw.png);
	}
	.SMbtn:hover{
		background-image:url(../_grafiche/frDw.png) !important;
	}
	.SM i{
		display:none;
	}
	#menu a,
	.SM a{
		display:inline-block;
		line-height:54px;
		height:46px;
		text-decoration:none;
		font-size:14px !important;
		transition:text-shadow 0.3s, background-image 0.3s, background-color 0.3s;
		-webkit-transition:text-shadow 0.3s, background-image 0.3s, background-color 0.3s;
		cursor:pointer;
	}
	.SM a{
		display:block;
		color:#FFF;
		text-overflow:ellipsis;
		white-space:nowrap;
		width:calc(100%);
		overflow:hidden;
		padding-left:30px;
		padding-right:30px;
		text-align:center;
	}
	.SM a:hover{
		text-shadow:0px 0px 4px #FFF !important;
		background-color:rgba(255,255,255,0.1);
	}
	.SM{
		position:fixed;
		top:49px;
		background-color:rgba(0,0,0,0.63);
		opacity:0;	
		left:-600px;
		bottom:0px;
		height:fit-content;
		padding-top:20px;
		padding-bottom:20px;
	}
}

@media (max-width: 600px){
	#fMenu{
		width:calc(100% - 40px);
		left:20px;
	}
	#menu_cont{
		width:calc(100% - 40px);
		background-color:rgba(0,0,0,0.8);
		overflow: hidden;
		position:fixed;
		z-index:9;
		opacity:0;	
		left:0px;
		width:250px;
		height:100% !important;
		padding-top:60px;
		height:fit-content;
		margin-left:-250px;
		transition:margin-left 0.3s, opacity 0.3s;
		-webkit-transition:margin-left 0.3s, opacity 0.3s;
	}
	#menu_int{
		white-space:nowrap;
		width:100% !important;
		margin-top:60px;
	}
	#menu{
		transition:margin-left 0.3s;
		-webkit-transition:margin-left 0.3s;	
	}
	#menu,
	.SM{
		width:100% !important;
		padding-left:30px;
		padding-right:30px;
		background-color:transparent !important;
		position:relative !important;
		display:inline-block;
		vertical-align:top;
	}
	.SM{
		display:none;
	}
	#menu_chiudi{
		position:absolute;
		width:25px;
		height:25px;
		background-image:url(../_grafiche/chMenu.png);
		background-position:center center;
		background-repeat:no-repeat;
		cursor:pointer;
		margin-left: calc(100% - 44px);
   		margin-top: -47px;
	}
	#menu a,
	.SM a{
		display:block;
		line-height:30px;
		height:30px;
		text-decoration:none;
		color:#FFF;
		text-align:left;
		text-overflow:ellipsis;
		white-space:nowrap;
		width:calc(100%);
		overflow:hidden;
		transition:text-shadow 0.3s, background-image 0.3s;
		-webkit-transition:text-shadow 0.3s, background-image 0.3s;
		cursor:pointer;
		display:block;
		line-height:40px !important;
		height:40px !important;
		font-size:24px !important;
	}
	.SMbtn{
		background-image:url(../_grafiche/frDxW.png);
		background-position:calc(100% - 10px) center;
		background-repeat:no-repeat;
		background-size:auto 18px;
	}
	.SM i{
		display:block;
		color:rgba(255,255,255,0.4);
		font-weight: 500;
		font-size:23px !important;
		text-shadow:0px 0px 1px rgba(255,255,255,0.8);
		cursor:pointer;
		padding-left:30px;
		background-image:url(../_grafiche/frSxW.png);
		background-position:left center;
		background-repeat:no-repeat;
		margin-bottom: 18px;
		transition:text-shadow 0.3s, background-image 0.3s;
		-webkit-transition:text-shadow 0.3s, background-image 0.3s;
	}
	#menu.sw{
		margin-left:calc(0px - 100%);
	}
	.visSM{
		display:inline-block !important;	
	}
}
@media (max-width: 490px){
	#menu_cont{
		width:100%;
		margin-left:-100%;
	}
	#menu a,
	.SM a{
		display:block;
		line-height:40px !important;
		height:40px !important;
		font-size:24px !important;
	}
}
.visMenu{
	opacity:1 !important;
	margin-left:0px !important;
}
.visSM{
	opacity:1 !important;
}




.telefono{
	display:inline-block;
	height:46px;
	line-height:46px;
	padding-left:55px;
	padding-right:20px;
	background-color:#fbcc88;
	border-radius:5px;
	text-align:center;
	color:#000;
	font-size:16px !important;
	box-shadow:0px 0px 2px rgba(0,0,0,0.7);
	margin:10px;
	background-image:url(../_grafiche/telefonolineablack.png);
	background-position:10px center;
	background-repeat:no-repeat;
}


#stelle {
	position:absolute;
	left:50%;
    cursor: pointer;
    width: 130px;
    height: 50px;
    text-align: left;
    background-position: left top, right top;
    background-repeat: no-repeat;
    background-size: auto 32px, 90px auto;
    background-image: url(../_img/logo_gg.png), url(../_img/stelle.png);
    font-size: 11px;
    padding-top: 20px;
    padding-left: 41px;
	margin:85px 0 50px -65px;
}