@charset "UTF-8";

html,body {
	-webkit-font-smoothing:antialiased;
	-webkit-backface-visibility:hidden;
	text-rendering:optimizeLegibility;
	width:100%;
	background-color: rgba(255, 255, 255, 1);
	-moz-osx-font-smoothing: grayscale; /*PATCH PER FONT BOLDED SU FIREFOX*/
	
	color: rgba(115,123,113, 1); /* TUTTI I TESTI VERDI */
	text-align: center; /* TUTTI I TESTI CENTRATI */
	
}

div{
	display: block;
	position: relative;
	float: left;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

a {
	text-decoration:none;
	color: rgba(115,123,113, 1); /* TUTTI I TESTI VERDI */
}



/* TESTI COLORI ANIMAZIONI E VARIE HTML */

.t_t{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.t_l{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.t_r,
.t_t strong,
.t_l strong{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.c_bg_body{
	background: rgba(235,238,229,1);
	background: -moz-linear-gradient(top, rgba(235,238,229,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,238,229,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(235,238,229,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(235,238,229,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(235,238,229,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(235,238,229,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeee5', endColorstr='#ffffff', GradientType=0 );
}

.c_bg_beige{
	background-color: rgba(249,249,244, 1);
}

.c_bg_verdescuro{
	background-color: rgba(115,123,113, 1);
}

.c_bor_verdechiaro{
	border-color: rgba(235,238,229, 1) !important;
}

.c_bor_verdescuro{
	border-color: rgba(115,123,113, 1) !important;
}

/* OMBRA */

.omb{
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.15);
}

.ombsu{
	box-shadow:0px -2px 5px rgba(0, 0, 0, 0.15);
}

/* ANIMAZIONI */

.animato {
	-webkit-transition:all .2s ease-out !important;
	-moz-transition:all .2s ease-out !important;
	-o-transition:all .2s ease-out !important;
	transition:all .2s ease-out !important;
}

.disable-select {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

sub {
	font-size:70%;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* TABLET */



}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* MOBILE */



}



/* GENERALI LAYOUT */

#contenitore{
	opacity: 0;
	z-index: 30;
}

.entrato{
	opacity: 1 !important;
}

.tuttalarghezza {
	width:100%;
}

.centrato {
	max-width:1400px;
}

.centrato img {
	width:100%;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* TABLET */



}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* MOBILE */

	.centrato {
		max-width:none;
	}

}

/***********************************/
/* ELEMENTI GENERICI               */
/***********************************/



/* PULSANTI */

.pulsStd{
	display: block;
	position: relative;
	float: left;
	padding: 10px 30px;
	clear: both;
	border: 1px solid;
}

.pulsStd:hover{
	color: rgba(249,249,244, 1);
	background-color: rgba(115,123,113, 1);
	border-radius: 10px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* TABLET */



}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* MOBILE */

	.pulsStd{
		padding: 30px 60px;
		border: 4px solid;
	}
	
	.pulsStd:hover{
		color: rgba(249,249,244, 1);
		background-color: rgba(115,123,113, 1);
		border-radius: 10px;
	}

}


/* TESTI */

.tt18{
	font-size: 18px;
	line-height: 30px;
}

.tt20{
	font-size: 20px;
	line-height: 32px;
}

.tt24{
	font-size: 24px;
	line-height: 34px;
}

.tt26{
	font-size: 26px;
	line-height: 36px;
}

.tt30{
	font-size: 30px;
	line-height: 40px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* TABLET */



}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* MOBILE */

	.tt18{
		font-size: 36px;
		line-height: 60px;
	}
	
	.tt20{
		font-size: 40px;
		line-height: 64px;
	}
	
	.tt24{
		font-size: 48px;
		line-height: 68px;
	}
	
	.tt26{
		font-size: 52px;
		line-height: 72px;
	}
	
	.tt30{
		font-size: 60px;
		line-height: 80px;
	}

}


/***********************************/
/* ELEMENTI PERSONALIZZATI         */
/***********************************/

#contmenu{
	position: fixed;
	top:0px;
	padding: 12px 26px;
	z-index: 40;
}

.scto{
	height: 40px;
	line-height: 40px;
	padding: 0px 30px;
	border-right: 1px solid;
	cursor: pointer;
	overflow: visible;
}

.scto:nth-child(4){
	border: none;
}

.scto:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: rgba(115,123,113);
	left: 0px;
	top: 48px;
	-webkit-transition:all .2s ease-out !important;
	-moz-transition:all .2s ease-out !important;
	-o-transition:all .2s ease-out !important;
	transition:all .2s ease-out !important;
	opacity: 0;
}

.scto:hover:after{
	opacity: 1;
}

.scto:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 40px;
	top:0px;
	left: 0px;
}

.sez{
	padding-bottom: 356px;
	overflow: visible;
}

#header img{
	width: 90%;
	min-width: 950px;
}

#nomi{
	width: 80%;
	margin-top: 100px;
}

.separino{
	height: 2px;
	width: 50px;
	clear: both;
}

.separino1{
	margin-top: 55px;
	margin-bottom: 20px;
}

.separino2{
	margin-top: 20px;
}

#fotoleo{
	width: 38%;
	margin-top: 90px;
}

.basette{
	width: 68%;
	padding: 20px;
	margin-top: -200px;
	overflow: visible;
}

.cornicebasette{
	width: 100%;
	border: 1px solid;
	padding: 20px 40px 150px 40px;
}

.titolobasetta{
	margin-top: 80px;
}

.orario{
	margin-top: 120px;
}

.titolobasetta img{
	height: 118px;
	width: auto;
}

.separino3{
	margin-top: 20px;
	margin-bottom: 20px;
}

.descbasetta1{
	margin-top: 50px;
	margin-bottom: 50px;
}

.mezzacolonna{
	width: 50%;
}

.pulsbrindisi{
	margin-top: 30px;
	margin-bottom: 0px;
}

.descbasetta2{
	margin-top: 10px;
	margin-bottom: 30px;
}

.separino4{
	margin-bottom: 50px;
	margin-top: 50px;
}

.ospiti{
	margin-bottom: 70px;
}

.indirsvp{
	margin-top: 50px;
}

.mailto:hover{
	color: rgba(235,238,229, 1);
}

#leoheart{
	display: inline-block;
	height: 15px;
	width: 16px;
	background-repeat: no-repeat;
	background-size: 16px 15px;
	background-image: url(../img/leo_heart.png);
}

.coord{
	margin-top: 40px;
	padding: 20px;
	border: 1px solid;
}

#decofooter{
	margin-top: 4px;
	margin-bottom: -4px;	
}

#decofooter img{
	width: 90%;
	min-width: 950px;
}

.credits{
	height: 100px;
	line-height: 100px;
	z-index: 9;
}

#sez4{
	padding-bottom: 120px;
}

.deco{
	position: absolute;
	background-repeat: no-repeat;
}


.deco1sx{
	width: 222px;
	height: 755px;
	background-size: 222px 755px;
	background-image: url(../img/sf_1_sx.png);
	top: 120px;
	left: -171px;
}

.deco1dx{
	width: 221px;
	height: 757px;
	background-size: 221px 756.5px;
	background-image: url(../img/sf_1_dx.png);
	top: 123px;
	right: -181px;
}

.deco2sx{
	width: 232px;
	height: 586px;
	background-size: 232px 586px;
	background-image: url(../img/sf_2_sx.png);
	top: 88px;
	left: -180px;
}

.deco2dx{
	width: 214px;
	height: 540px;
	background-size: 214px 539.5px;
	background-image: url(../img/sf_2_dx.png);
	top: 86px;
	right: -165px;
}

.deco3sx{
	width: 156px;
	height: 412px;
	background-size: 156px 411.5px;
	background-image: url(../img/sf_3_sx.png);
	top: 103px;
	left: -130px;
}

.deco3dx{
	width: 166px;
	height: 391px;
	background-size: 166px 391px;
	background-image: url(../img/sf_3_dx.png);
	top: 101px;
	right: -134px;
}

.toTop{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 20px;
	right: 20px;
	border: 1px solid;
	cursor: pointer;
}

.toTop span{
	font-size: 18px;
	line-height: 19px;
	width: 60px;
	padding-top: 10px;
	display: block;
}

.toTop:hover{
	background-color: rgba(115,123,113, 1);
	border-radius: 10px;
}

.toTop:hover span{
	color: rgba(249,249,244, 1);
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* TABLET */



}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* MOBILE */

	#contmenu{
		padding: 20px 2%;
		width: 100%;
		/*background-color: rgba(249,249,244, .5);*/
	}
	
	.scto{
		height: 80px;
		line-height: 80px;
		padding: 0px 0px;
		border-right: 2px solid;
		cursor: none;
		width: 50%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.scto:after{
		display: none;
	}
	
	.scto:nth-child(2),
	.scto:nth-child(4){
		border: none;
	}
	
	#header img{
		width: 90%;
		min-width: 950px;
		margin-top: 230px;
	}
	
	#nomi{
		width: 90%;
		margin-top: 100px;
	}
	
	.separino{
		height: 4px;
		width: 100px;
	}
	
	.separino1{
		margin-top: 110px;
		margin-bottom: 40px;
	}
	
	.separino2{
		margin-top: 40px;
	}
	
	#fotoleo{
		width: 76%;
		margin-top: 140px;
	}
	
	.basette{
		width: 80%;
		padding: 20px;
	}
	
	.cornicebasette{
		border: 2px solid;
		padding: 20px 40px 150px 40px;
	}
	
	.titolobasetta{
		margin-top: 110px;
	}
	
	.orario{
		margin-top: 180px;
	}
	
	.titolobasetta img{
		height: 156px;
	}
	
	.separino3{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.descbasetta1{
		margin-top: 80px;
		margin-bottom: 80px;
	}
	
	.mezzacolonna{
		width: 100%;
	}
	
	.mezzadue{
		margin-top: 80px;
	}
	.pulsbrindisi{
		margin-top: 60px;
	}
	
	.descbasetta2{
		margin-top: 20px;
		margin-bottom: 60px;
	}
	
	.separino4{
		margin-bottom: 100px;
		margin-top: 100px;
	}
	
	.ospiti{
		margin-bottom: 140px;
	}
	
	.indirsvp{
		margin-top: 100px;
	}
	
	#leoheart{
		height: 30px;
		width: 32px;
		background-size: 32px 30px;
	}
	
	.coord{
		margin-top: 80px;
		padding: 40px;
		border: 2px solid;
	}
	
	#decofooter{
		margin-top: 4px;
		margin-bottom: -4px;	
	}
	
	#decofooter img{
		width: 90%;
		min-width: none;
	}
	
	.credits{
		height: 200px;
		line-height: 200px;
	}
	
	#sez4{
		padding-bottom: 180px;
	}
	
	.toTop{
		display: none;
	}

}