html {
	height:100%;
}

iframe {border: 1px solid #874c95;}

.spazio-sopra {margin-top:30px;}

a:link{ color:#874c95;/*9d8ca3*/text-decoration:none}
a:visited{ color:#874c95;/*9d8ca3*/text-decoration:none}
a:hover{color:#4f2960; text-decoration:underline}
a:active{color:#4f2960; text-decoration:underline}


.t1-paginaint {color:#4f2960;font-size: 21.0667px; margin:35px 0px 0px 0px; padding:0px;}




body {

	display:block;
	padding:0 !important;
	margin:0;
	
	background: #ffffff; /* Old browsers */
				
	width:100%;
	height:100%;
	overflow:scroll;
}

@font-face {
    font-family: neogrey;
    src: url(NeogreyMedium.woff);
}

@font-face {
    font-family: sansumi;
    src: url(Sansumi-Bold.woff);
}

.wrapper {
	height: 100%;
	
}

.cont {
	padding-top: 0px;
	margin: 0 auto;
	width:100%;
	height: 100vh;
	overflow: hidden;
	background: url('../img/bg.png')no-repeat;
	background-size: auto 55.7%;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
   height:100%;
}

.colonna{
	float:left;
	width: 50%;
	height: 75%;
	display:block;
	
}

.titolo{
	background: url('../img/titolo.svg')no-repeat;
	background-size: 100% 100%;
	background-position: center top; 
	font-family: neogrey;
	color: #36314E;
	width: 100%;
	height: 12%;
	display: block;
	text-align: center;
	font-size: 2.0em;
	margin: 0 auto;
    clear:both;
}

.sottotitolo{
	font-family: sansumi;
	color: #36314E;
	width: 100%;
	height: 20%;
	display: block;
	text-align: center;
	font-size: 0.8em;
	margin: 0 auto;
    clear:both;
}

/***********************LANDING PAGE******************************************************************/

.land-video { text-align: center; }
.land-wrap { padding-top:30px; width:960px; margin-left: auto; margin-right: auto; text-align:left; }
.land-head { margin-right:10px; float:left }
.land-tx { font-family: sansumi; color: #36314E; font-size: 12.8px; float:left; margin-top:5px; }
.land-entra{float:right}

h1.land1 { font-weight:normal; font-size:17px; margin:0px; padding:0px }
h2.land2 { font-weight:normal; font-size: 12.8px; margin:5px 0px 15px 0px; padding:0px }


/***********************MENU PAG PRINCIPALE******************************************************************/
.menuL {
	float: right;
	height: 100%;
	width: auto;
}

.menuR {
	float: left;
	margin-left:-5px;
	height: 100%;
	width: auto;
}


.menu {
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 0px;
	width: auto;
}


.menu li {
	margin-top:-2%;
	position: relative;
	list-style-type: none;
	width:100px; /*298px;*/
	height:33%;/*296px;*/
	display: block;
	margin: 0px,0px,0px,0px;
	padding: 0px,0px,0px,0px;
	font-family:arial, helvetica;
	background-size: 100% 100%;
	cursor: pointer;
	text-decoration: none;
	text-shadow: 1px 1px #bb9bce;
	font-weight: bold;
	font-size: 2.7vh;
	color: #7a4096 ;	
}




.menuL li a {
	color: #7a4096 ;
	text-decoration: none;
	padding-top: 5%;
	margin-top: 90%;
	margin-left: 3%;
	display:block;
	position:absolute;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: left top 0;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: left top 0;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: left top 0;
	-o-transform: rotate(270deg);
	-o-transform-origin: left top 0;
	transform: rotate(270deg);
	transform-origin: left top 0;
	overflow: visible;
}

.menuL a:hover {
	text-decoration: none;
}

.menuR li a {
	color: #7a4096 ;
	text-decoration: none;
	padding-top: 5%;
	margin-top: 7%;
	margin-left: 98%;
	display:block;
	position:absolute;
	-ms-transform: rotate(90deg);
	-ms-transform-origin: left top 0;
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: left top 0;
	-moz-transform: rotate(90deg);
	-moz-transform-origin: left top 0;
	-o-transform: rotate(90deg);
	-o-transform-origin: left top 0;
	transform: rotate(90deg);
	transform-origin: left top 0;
	overflow: visible;
}

.menuR a:hover {
	text-decoration: none;
}

.menu li.tile1 {
	background-image:  url("../img/tessera1.png");
}
.menu li.tile2 {
	background-image:  url("../img/tessera2.png");
}
.menu li.tile3 {
	background-image:  url("../img/tessera3.png");
}
.menu li.tile4 {
	background-image:  url("../img/tessera4.png");
}
.menu li.tile5 {
	background-image:  url("../img/tessera5.png");
}
.menu li.tile6 {
	background-image:  url("../img/tessera6.png");
}

/*******************************MENU ORIZZONTALE***************************/
.hcontainer {
	height: 100vh;
	background: url('../img/bg_bio.png')no-repeat;
	background-size: auto 85%;
	background-position: -15vh 25vh;
}

#includedMenu {
	width: 150vh;
	margin: 0 auto;
	
}
.hmenu_container{
	margin: 0 auto;
	width:200vh;
}
.hmenu {
	margin-top: 10px;
	padding-top: 10px;
	margin: 0 auto;
	width:158vh;
	padding-left:0px;
}
.hmenu li {
	position: relative;
	list-style-type: none;
	width:24.75vh; /*298px;*/
	height:24.75vh;/*296px;*/
	display: inline-block;
	margin: 0px,0px,0px,0px;
	padding: 0px,0px,0px,0px;
	font-family:arial,helvetica;
	background-size: 100% 100%;
	cursor: pointer;
	
}

.hmenu li.tile1 {
	background-image:  url("../img/tessera1.png");
}
.hmenu li.tile2 {
	background-image:  url("../img/tessera2.png");
}
.hmenu li.tile3 {
	background-image:  url("../img/tessera3.png");
}
.hmenu li.tile4 {
	background-image:  url("../img/tessera4.png");
}
.hmenu li.tile5 {
	background-image:  url("../img/tessera5.png");
}
.hmenu li.tile6 {
	background-image:  url("../img/tessera6.png");
}





.hmenu_a_L {
	width: 24vh;
	height: 24vh;
	text-shadow: 1px 1px #bb9bce;
	font-weight: bold;
	font-size: 2.7vh;
	color: #7a4096 ;	
	text-decoration: none;
	padding-top: 5%;
	margin-top: 90%;
	margin-left: 3%;
	display:block;
	line-height: 3vh;
	position:absolute;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: left top 0;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: left top 0;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: left top 0;
	-o-transform: rotate(270deg);
	-o-transform-origin: left top 0;
	transform: rotate(270deg);
	transform-origin: left top 0;
	overflow: visible;
}

.hmenu_a_L:hover{
	text-decoration: none;
	color: #7a4096 ;	
}

.hmenu_a_R {
	width: 24vh;
	height: 24vh;
	text-shadow: 1px 1px #bb9bce;
	font-weight: bold;
	font-size: 2.7vh;
	color: #7a4096 ;	
	text-decoration: none;
	padding-top: 5%;
	margin-top: 7%;
	margin-left: 98%;
	display:block;
	position:absolute;
	-ms-transform: rotate(90deg);
	-ms-transform-origin: left top 0;
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: left top 0;
	-moz-transform: rotate(90deg);
	-moz-transform-origin: left top 0;
	-o-transform: rotate(90deg);
	-o-transform-origin: left top 0;
	transform: rotate(90deg);
	transform-origin: left top 0;
	overflow: visible;
}
.hmenu_a_R:hover{
	text-decoration: none;
	color: #7a4096 ;	
}

.active {
	color: #b956c4;
}
/***********************MENU SMARTPHONE******************************/

.ph_container {
	
	height: 95vh;
	overflow: hidden;
	background: url('../img/bg_bio.png')no-repeat;
	background-size: auto 75%;
	background-position: center 100%;
}
#includedMenuPhone {
	width: 100vw;
	
}
.phmenu_container{
	margin: 0 auto;
	width:100vw;
}

.phmenu {
	margin-top: 10px;
	padding-top: 10px;
	margin: 0 auto;
	width:51vh;
	padding-left:0px;
}
.phmenu li {
	position: relative;
	list-style-type: none;
	width:24.75vh; /*298px;*/
	height:24.75vh;/*296px;*/
	display: inline-block;
	margin: 0px,0px,0px,0px;
	padding: 0px,0px,0px,0px;
	font-family:arial,helvetica;
	background-size: 100% 100%;
	cursor: pointer;
	
}

.phmenu li.tile1 {
	background-image:  url("../img/tessera1.png");
}
.phmenu li.tile2 {
	background-image:  url("../img/tessera2.png");
}
.phmenu li.tile3 {
	background-image:  url("../img/tessera3.png");
}
.phmenu li.tile4 {
	background-image:  url("../img/tessera4.png");
}
.phmenu li.tile5 {
	background-image:  url("../img/tessera5.png");
}
.phmenu li.tile6 {
	background-image:  url("../img/tessera6.png");
}





.phmenuL_a {
	width: 24vh;
	height: 24vh;
	text-shadow: 1px 1px #bb9bce;
	font-weight: bold;
	font-size: 2.7vh;
	color: #7a4096 ;	
	text-decoration: none;
	padding-top: 5%;
	margin-top: 90%;
	margin-left: 3%;
	display:block;
	position:absolute;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: left top 0;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: left top 0;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: left top 0;
	-o-transform: rotate(270deg);
	-o-transform-origin: left top 0;
	transform: rotate(270deg);
	transform-origin: left top 0;
	overflow: visible;
}

.phmenuL_a:hover {
	text-decoration: none;
	color: #7a4096 ;
}	
	
.phmenuR_a {
	width: 24vh;
	height: 24vh;
	text-decoration: none;
	text-shadow: 1px 1px #bb9bce;
	font-weight: bold;
	font-size: 3vh;
	color: #7a4096 ;
	padding-top: 5%;
	margin-top: 90%;
	margin-left: 75%;
	display:block;
	position:absolute;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: left top 0;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: left top 0;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: left top 0;
	-o-transform: rotate(270deg);
	-o-transform-origin: left top 0;
	transform: rotate(270deg);
	transform-origin: left top 0;
	overflow: visible;
}

.phmenuR_a:hover {
	text-decoration: none;
	color: #7a4096 ;
}