html,body{
height:100%;
height:100vh;
}
body{
margin:0;
width:100%;
width:100vw;
font-size:100%;
font-family:Calibri, Helvetica, Arial, sans-serif;
-webkit-overflow-scrolling: touch;
background-color:#84c9b7;
}
@font-face {
font-family: 'love_ya';
src: url(../fonts/loveya.eot);
src: url(../fonts/loveya.eot?#iefix) format('embedded-opentype'),
     url(../fonts/loveya.woff2) format('woff2'),
     url(..fonts/loveya.woff) format('woff'),
     url(../fonts/loveya.ttf) format('truetype'),
     url(../fonts/loveya.svg#love_ya_like_a_sisterregular) format('svg');
font-weight: normal;
font-style: normal;
}

input[type="button"], input[type="submit"],select {
	-webkit-appearance: none;
}

/**[data-page]{
padding:1em;
border:0.1em solid #888;
width: calc(100% - 2 * 1.1em);
height: calc(100% - 2 * 1.1em);
}*/
header{
height:15%;
height:15vh;
position:absolute;
width:100%;
left: 0;
right: 0;
background-image:url(../images/decor.png);
z-index: 999;
top:0;
}
header a{
height:100%;
}
header a img{
display:block;
}

header .back{
position:absolute;
left:0%;
}
header .back img{
display:block;
height:40%;
margin:25% auto 0 auto;
}

header .logo{
position:absolute;
left:31%;
}
header .logo img{
display:block;
width:80%;
margin:25% auto 0 auto;
}
header .assistenza{
position:absolute;
right:5%;
}
header .assistenza img{
margin-top:90%;
height:40%;
}
header .profile{
position: absolute;
right: 18%;
}
header .profile img{
margin-top:90%;
height:40%;
}
header .back{
position: absolute;
left:5%
}
header .back img{
margin-top: 90%;
}
header .switchlanguage{
position: absolute;
left: 20%;
height:50%;
top:45%;
width:10%;
}
header .switchlanguage img{
/*margin-top:110%;*/
/*height:20%;*/
/*width:100%;*/
width:35px;
}
.sysselect_selectionctr{
	background:transparent !important;
}
.sysselect_selectionctr img{
	width:35px;
}
header .logout{
position: absolute;
right: 18%;
}
header .logout img{
margin-top:90%;
height:40%;
}
section{
position:absolute;
overflow-y:auto;
/*margin-bottom:11em;*/
width: 100%;
top:15%;
top:15vh;
height:85%;
height:85vh;
}
footer{
width:100%;
position:absolute;
bottom:-1px;
left: 0;
right: 0;
max-height: 15em;
z-index: 999;
}
footer ul{
margin: 0;
padding: 0;
}
footer li{
float: left;
width: 20%;
height: 5em;
list-style: none;
}
footer ul li a{
height: 100%;
width: 100%;
}
footer ul li img{
display: block;
margin: auto;
height: 50%;
padding-top: 20%;
}
footer .tferie img{
height:auto;
width:70%;
padding-top:25%;
}
h1{
font-weight:normal;
font-family: 'love_ya';
font-size:1.5em;
margin:0;
text-align:center;
color: #fff;
}
h2{
font-weight:normal;
font-family: 'love_ya';
text-align:center;
color: #fff;
margin: 0;
}
a{
display:inline-block;
/*min-height: 0.5in;*/
text-decoration:none;
color: #333;
/*font-size: calc(0.5em + 0.5in);*/
}
[data-page] section>img{
display: block;
margin: auto;
width: 12%;
padding-top: 5%;
}
[data-page] section h1{
font-size: 1.2em;
width: 90%;
margin: auto;
margin-bottom: 5%;
padding-top: 1em;
}
[data-page] section h2{
font-size: 1.3em;
width: 90%;
margin: auto;
margin-bottom: 5%;
}
[data-page] section ul{
margin: 0;
padding: 0;
width: 90%;
margin: auto;
list-style: none;
}
[data-page] section ul li{
border-bottom: 1px dotted #fff;
padding: 2% 0;
}
[data-page="cms_hr"] section ul{
width: auto;
list-style-type: initial;
}
[data-page="cms_hr"] section ul li{
border-bottom: 0;
padding: 0;
}
[data-page="cms_hr"] section>div>.nscmselement>.nscmsimage, [data-page="cms_hr"] section>div>.nscmselement img{
	max-width:100%;
	max-height:50vh;
}
[data-page="cms_hr"] section>div>.nscmselement a{
	color: #441100;
	font-weight:bold;
}
[data-page="cms_hr"] section>div>.nscmselement>.nscmsdownload>img{
	height:3em;
}
[data-page="cms_hr"] section>div>.nscmselement>.nscmsdownload>span{
	line-height:3em;
	vertical-align:top;
}
[data-page] section ul li a, [data-page] section ul li>div, [data-page] section ul li>span, [data-page] section>div>p {
color: #fff;
}
[data-page] section ul li h3{
margin: 0;
font-size: 0.9em;
}
[data-page] section ul li .published{
font-style: italic;
}
[data-page] section ul li p{
margin: 0;
}
[data-page] section>span{
font-style: italic;
color: #fff;
width: 90%;
margin: auto;
display: block;
border-top: 1px dotted #fff;
}
[data-page] section>div{
width: 90%;
margin: auto;
color: #fff;
}
[data-page] section video{
height: 40%;
height: 40vh;
width: 100%;
}
/* login */
[data-page="login"]{
background-color:#84c9b7;
color:#fff;
}
[data-page="login"] header{
background-color:#84c9b7;
}
[data-page="login"] section{
height: 75%;
margin-bottom: 0;
}
[data-page="login"] section p{
text-align:center;
padding:5%;
font-size:0.9em;
margin:0;
}
[data-page="login"] form{
text-align: center;
}
[data-page="login"] input[type="text"], [data-page="login"] input[type="password"]{
width:80%;
display:block;
margin:0 auto 10px auto;
background-color:#bde0d7;
border:none;
padding:5px;
color:#4d4d4d;
}
[data-page="login"] input[type="submit"]{
background-color:#409ea0;
cursor:pointer;
border:none;
float:right;
color:#fff;
font-family:"love_ya";
padding:5px 15px;
margin-right:8%;
margin-bottom: 1em;
}
[data-page="login"] input[type="button"]{
background-size:60px;
border:none;
background-color:transparent;
font-size:0;
height:30px;
width:70px;
background-repeat:no-repeat;
cursor:pointer;
margin-left:8%;
margin-top:15px;
margin-bottom:15px;
display:inline-block;
vertical-align:middle;
}
.checkbox_checked, .checkbox_unchecked{
	color:transparent;
	background-color:transparent;
	border:0;
	background-size:contain;
	background-repeat:no-repeat;
	height:1.5em;
	width:3em;
	height:0.3in;
	width:0.6in;
}
.checkbox_unchecked{
background-image:url(../images/nocheck.png);
}
.checkbox_checked{
background-image:url(../images/check.png);
}
[data-page="login"] .terms span{
display:inline-block;
vertical-align:middle;
width:60%;
font-size:0.7em;
margin-top:15px;
margin-bottom:15px;
}
[data-page="login"] footer{
height:3em;
}
[data-page="login"] footer a{
width:50%;
height:3em;
display:block;
float:left;
text-align:center;
font-family: 'love_ya';
color:#fff;
font-size:0.7em;
padding-top:1.2em;
}
[data-page="login"] footer .pwdrec{
background-color:#6bddd4;
}
[data-page="login"] footer .firstacc{
background-color:#bdde45;
}
[data-page="login"] .terms{
display: block;
width: 100%;
text-align: left;
}
[data-page="login"] .continputlogin{

}

/* primo accesso */
[data-page="primoaccesso"]{
background-color:#84c9b7;
color:#fff;
}
[data-page="primoaccesso"] section{
padding-top:5%;
height: 75%;
margin-bottom: 0;
}
[data-page="primoaccesso"] section form{
width: 90%;
margin: auto;
}
[data-page="primoaccesso"] input[type="text"], 
[data-page="primoaccesso"] input[type="mail"], 
[data-page="primoaccesso"] input[type="number"], 
[data-page="primoaccesso"] select, 
[data-page="primoaccesso"] input[type="password"]{
width:80%;
display:block;
margin:auto;
background-color:#bde0d7;
border:none;
padding:5px;
margin-bottom:10px;
color:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-page="primoaccesso"] input[type="submit"]{
background-color:#409ea0;
cursor:pointer;
border:none;
float:right;
color:#fff;
font-family:"love_ya";
padding:5px 15px;
margin-right:8%;
}
[data-page="primoaccesso"] fieldset{
margin-bottom: 5%;
border:1px solid #fff;
}
[data-page="primoaccesso"] label{
display: inline-block;
vertical-align: top;
width: 20%;
line-height: 0.8em;
}
[data-page="primoaccesso"] fieldset input[type="text"], 
[data-page="primoaccesso"] fieldset input[type="mail"], 
[data-page="primoaccesso"] fieldset input[type="number"], 
[data-page="primoaccesso"] fieldset select, 
[data-page="primoaccesso"] input[type="password"]{
width: 70%;
display: inline-block;
vertical-align: middle;
margin-left: 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-page="primoaccesso"] form h2{
font-family:Calibri, Helvetica, Arial, sans-serif;
}
[data-page="primoaccesso"] #primoaccesso input[type="button"]{
background-color:#409ea0;
cursor:pointer;
border:none;
float:right;
color:#fff;
font-family:"love_ya";
padding:5px 15px;
margin-right:8%;
}
[data-page="primoaccesso"] #primoaccesso input[value="Rifiuta"]{
background-color:#ff6660;
float: none;
}
[data-page="primoaccesso"] span{
display: inline-block;
width: 60%;
float: right;
}
[data-page="primoaccesso"] #primoaccesso input[value="Continua"]{
margin-top: 5%;
}
[data-page="primoaccesso"] #primoaccesso input[value="Invia via mail"]{
background-color:#ff6660;
float: none;
margin-top: 5%;
}
/* recupero password */
[data-page="recuperopassword"]{
background-color:#84c9b7;
color:#fff;
}
[data-page="recuperopassword"] section{
padding-top:5%;
height: 75%;
margin-bottom: 0;
}
[data-page="recuperopassword"] section form{
width: 90%;
margin: auto;
}
[data-page="recuperopassword"] label{
	display:block;
}
[data-page="recuperopassword"] input[type="mail"],
[data-page="recuperopassword"] input[type="text"],
[data-page="recuperopassword"] input[type="phone"]
 {
width:80%;
display:block;
margin:auto;
background-color:#bde0d7;
border:none;
padding:5px;
margin-bottom:10px;
color:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-page="recuperopassword"] input[type="submit"]{
background-color:#409ea0;
cursor:pointer;
border:none;
float:right;
color:#fff;
font-family:"love_ya";
padding:5px 15px;
margin-right:8%;
}
[data-page="rubricaaziendale"] section ul{
	margin:0;
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 4em);
	height:calc(100vh - 15vh - 15em  - 1em - 1.2em);/* - 12vw - 5vw */
	overflow-y: auto;
}
[data-page="rubricaaziendale"] section div{
	margin:0;
	display:inline-block;
	vertical-align:top;
	width:3em;
	margin-top:-15vh;
}
[data-page="rubricaaziendale"] section div a{
	display:block;
	width:3em;
	text-align:center;
	color:white;
}
[data-page="rubricaaziendale"] section ul li{
	padding-left:5px;
	line-height:3em;
}
[data-page="rubricaaziendale"] section ul li h3{
	display:inline-block;
	vertical-align:top;
	width:10em !important;
	color:white;
	margin-top:2%;
}
[data-page="rubricaaziendale"] section ul li h4{
	display:inline-block;
	vertical-align:top;
	width:10em !important;
	color:white;
	margin-top:0;
	margin-bottom:0;
	margin-top:2%;
}
[data-page="rubricaaziendale"] section ul li div{
	display:inline-block;
	vertical-align:top;
	/*width: calc(100% - 20em);
	margin-top:2%;*/
	width: 50%;
	margin-top:0;
}
[data-page="rubricaaziendale"] section ul li div a{
	display:inline-block;
	vertical-align:top;
	/*width: 50%;*/
	width: 3em;
	height: 3em;
	background-repeat:no-repeat;
	background-size:contain;
	filter: invert(100%);
	margin:0 auto;
	margin-left:15px;
}
[data-page="rubricaaziendale"] section ul li div a.rubricaaziendale_mail{
	background-image:url(../images/email.png);
}
[data-page="rubricaaziendale"] section ul li div a.rubricaaziendale_tel{
	background-image:url(../images/phone.png);
}
@media only screen and (max-width: 600px){
	[data-page="rubricaaziendale"] section ul li h3,
	[data-page="rubricaaziendale"] section ul li h4{
		width:24% !important;
	}
	[data-page="rubricaaziendale"] section ul li div{
		/*margin-top:-1em;*/
	}
	/*[data-page="rubricaaziendale"] section ul li div a{
		display:block;
		width: auto;
		min-width:30vw;
		text-overflow:ellipsis;
		overflow:hidden;
	}*/
}
/* hompeage */
[data-page="homepage"]{
background-color: #fff;
}
[data-page="homepage"] section{
height:85%;
margin-bottom: 0;
}
[data-page="homepage"] .valentina{
background-image: url(../images/logo-valentina.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto 80%;
height:20%;
width: 100%;
background-color: #fff;
}
[data-page="homepage"] section ul{
width: 100%;
margin: 0;
padding: 0;
list-style: none;
height: 80%;
}
[data-page="homepage"] section ul li{
border: none;
width:50%;
height:16.7%;
padding: 0;
padding-top: 4%;
float:left;
text-align:center;
font-family: 'love_ya';
font-size:0.7em;
}
[data-page="homepage"] ul li a{
color:#fff;
height: 100%;
display: block;
}
[data-page="homepage"] ul li img{
display: block;
margin: auto;
height: 50%;
padding-bottom: 2%;
}
/* notifiche */
[data-page="notify"] section, [data-page="notify_detail"] section{
padding: 5% 0;
}
[data-page="notify"] section ul li{
	height: 7%;
	height: 7vh;
}
[data-page="notify"] section ul li h3{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 90%;
	width: 90vw;
	font-weight:normal !important;
}
[data-page="notify"] section ul li.unread h3{
	font-weight:bold !important;
}
[data-page="notify_detail"]>section>div{
	text-align:justify;
}
[data-page="notify_detail"]>section>a{
	display:block;
	width:90%;
	margin:auto;
	margin-top:5px;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	color:white;
}
[data-page="notify"] .unread, [data-page="comunicazionemultimediale_area"]  .unread, [data-page="privacysicurezza_area"]  .unread{
background-image: url(../images/reddot.png);
background-size: 12px;
background-repeat: no-repeat;
background-position: top 5px right;
}
/* dettaglio bacheca */
[data-page="bacheca_detail"] section ul li, [data-page="informativa_detail"] section ul li, [data-page="navetta_detail"] section ul li{
list-style: none;
padding: 0;
margin: 0;
color: #fff;
height: 3em;
margin: 0 auto;
display: table;
width:100%;
}
[data-page="bacheca_detail"] section ul li a, [data-page="informativa_detail"] section ul li a, [data-page="navetta_detail"] section ul li a{
color: #fff;
background: url(../images/pdf.png) no-repeat;
background-size: 10%;
background-position: center left;
vertical-align: middle;
padding-left: 15%;
display: table-cell;
}
[data-page="navetta_detail"] section ul li a{
	background-size:contain;
}
[data-page="navetta_detail"] section table.orario,
[data-page="navetta_detail"] section table.variazioni
{
	width:90%;
	margin:auto;
	margin-top:10px;
	color:#fff;
	text-align:center;
}
[data-page="navetta_detail"] section h3{
	width:90%;
	margin:auto;
	margin-top:10px;
	color:#fff;
	text-align:center;
}
[data-page="navetta_detail"] section table.orario thead,
[data-page="navetta_detail"] section table.variazioni thead{
	background-color:#6975d8;/*#5049a5;*/
}
[data-page="navetta_detail"] section table.orario tr:nth-child(even),
[data-page="navetta_detail"] section table.variazioni tr:nth-child(even){
	background-color:#5c67be;/*#5049a5;*/
}


[data-page="navetta_detail"] section a.showall{
	width:90%;
	margin:auto;
	margin-top:10px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
[data-page="bacheca_detail"] section ul li img{
display: block;
width: 100%;
height: auto;
margin: 5% 0;
}
/* pagina album */
[data-page="gallery_detail"] section>ul{
margin: 0;
width: 100%;
height: 40%;
height: 40vh;
margin-bottom:5%;
margin-bottom:5vh;
}
[data-page="gallery_detail"] section>ul li{
display: none;
}
[data-page="gallery_detail"] section>ul li.current{
display: block;
margin-bottom:5%;
height:100%;
}
[data-page="gallery_detail"] section>ul li img{
max-height:100%;
max-width:100%;
display:block;
	margin:0 auto;
}
[data-page="gallery_detail"] section>div ul{
text-align: center;
}
[data-page="gallery_detail"] section>div ul li{
display: inline-block;
background-image: url(../images/dot.png);
background-repeat: no-repeat;
height: 12px;
width: 12px;
background-size: contain;
margin: 2px;
border: none;
}
[data-page="gallery_detail"] section>div ul li.current{
background-image: url(../images/dot-active.png);
}
/* pagina ferie */
[data-page="tferie"] form{
width: 90%;
margin: auto;
color: #fff;
font-family:Calibri, Helvetica, Arial, sans-serif;
}
[data-page="tferie"] form input, [data-page="tferie"] form textarea{
font-family:Calibri, Helvetica, Arial, sans-serif;
border: 1px dotted #fff;
padding: 3px;
background-color: #bde0d7;
width:90%;
color: #4d4d4d;
margin: 5px auto;
display:block;
}
[data-page="tferie"] form label{
display: inline-block;
width: 18%;
margin-left: 5px;
margin-bottom: 5px;
display:none;
}
[data-page="tferie"] form input[type="submit"]{
margin: 5px auto;
display:block;
background-color: #409ea0;
color: #fff;
}
/* pagina profilo */
[data-page="profile"], [data-page="passwordexpired"]{
background-color:#84c9b7;
color:#fff;
}
[data-page="profile"] section form, [data-page="passwordexpired"] section form{
width: 90%;
margin: auto;
}
[data-page="profile"] fieldset, [data-page="passwordexpired"] fieldset{
margin-bottom: 2%;
margin-top: 2%;
border:1px solid #fff;
}
[data-page="profile"] label, [data-page="passwordexpired"] label{
display: inline-block;
vertical-align: top;
width: 25%;
line-height: 0.8em;
}
[data-page="profile"] fieldset input[type="text"], 
[data-page="profile"] fieldset input[type="mail"], 
[data-page="profile"] fieldset input[type="number"], 
[data-page="profile"] fieldset select, 
[data-page="profile"] fieldset input[type="password"], [data-page="passwordexpired"] input[type="password"], 
[data-page="profile"] fieldset span{
width: 70%;
display: inline-block;
vertical-align: middle;
margin-left: 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#bde0d7;
border:none;
padding:5px;
margin-bottom:10px;
color:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-page="profile"] fieldset span{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
[data-page="profile"] input[type="submit"], [data-page="passwordexpired"] input[type="submit"]{
background-color:#409ea0;
cursor:pointer;
border:none;
float:right;
color:#fff;
font-family:"love_ya";
padding:5px 15px;
margin-right:8%;
margin-bottom: 1em;
}
[data-page="profile"] fieldset input[type="button"]{
margin-bottom: 1em;
}
/* termini condizioni */
[data-page="terms"]{
background-color: #84c9b7;
color: #fff;
}
[data-page="terms"] h2{
font-family:Calibri, Helvetica, Arial, sans-serif;
}
[data-page="terms"] p{
padding: 1em;
text-align:justify;
}
[data-page="terms"] section ul li{
list-style: initial;
border: none;
list-style-position: inside;
margin: 0;
}

/* flessibilità */
[data-page="flessibilita"]>section>ul>li{
	display:inline-block;
	vertical-align:top;
	width:36%;
	width:36vw;
	height:15%;
	height:15vh;
	margin: 3%;
	margin: 3vw;
	text-align:center;
}
[data-page="flessibilita"]>section>ul>li>div{
	margin-bottom:5%;
	margin-bottom:5vw;
}
[data-page="flessibilita"]>section>ul>li>span{
	font-weight:bold;
}

/*[data-page="gallery_detail"]>section>footer,
[data-page="gallery_detail"]>section>img,
[data-page="gallery_detail"]>section>h1,
[data-page="gallery_detail"]>section>div{
	display:none;
}
[data-page="gallery_detail"]>section{
	overflow-y:hidden;
}*/


[data-page="tferie"] section{
padding-top:5%;
height: 75%;
margin-bottom: 5%;
}
[data-page="tferie"] section form{
width: 90%;
margin: auto;
}
[data-page="tferie"] input[type="datetime-local"], 
[data-page="tferie"] select, 
[data-page="tferie"] textarea{
width:80%;
display:block;
margin:auto;
background-color:#bde0d7;
border:none;
padding:5px;
margin-bottom:10px;
color:#fff;
color:#000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-page="tferie"] input[type="submit"]{
background-color:#409ea0;
cursor:pointer;
border:none;
float:right;
color:#fff;
font-family:"love_ya";
padding:5px 15px;
margin-right:8%;
}
[data-page="tferie"] fieldset{
margin-bottom: 5%;
border:1px solid #fff;
}
[data-page="tferie"] label{
display: inline-block;
vertical-align: top;
width: 20%;
line-height: 0.8em;
}
/* pagina assistenza */
[data-page="assistenza"] form{
width: 90%;
margin: auto;
color: #fff;
font-family:Calibri, Helvetica, Arial, sans-serif;
}
[data-page="assistenza"] form input[type="text"], [data-page="assistenza"] form input[type="email"], [data-page="assistenza"] form select, [data-page="assistenza"] form textarea{
font-family:Calibri, Helvetica, Arial, sans-serif;
border: 1px dotted #fff;
padding: 3px;
background-color: #bde0d7;
/*color: #fff;*/
/*color: #000;*/
color: #4d4d4d;
margin-bottom: 5px;
width:80%;
}
[data-page="assistenza"] form input[type="submit"]{
font-family: "love_ya";
border: none;
float:right;
padding: 5px 15px;
background-color: #409ea0;
color: #fff;
margin-right: 8%;
margin-bottom:1em;
}
[data-page="assistenza"] form label{
display: inline-block;
width: 18%;
margin-left: 5px;
margin-bottom: 5px;
}
[data-page="assistenza"] form fieldset{
	border:none;
}
/*[data-page="assistenza"] form input[type="submit"]{
float: right;
background-color: #fff;
color: rgb(49, 155, 88);
}*/
/* comunicazione multimediale */
.comunicazionemultimediale_videoctr{}
.comunicazionemultimediale_copertina{
	width:100%;
	height:40vh;
	cursor:pointer;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top center;
}
.comunicazionemultimediale_video{
	width:100%;
	height:40vh;
	cursor:pointer;
}
.comunicazionemultimediale_video>video{
	width:100%;
	height:40vh;
	cursor:pointer;
}
.comunicazionemultimediale_video>video::-webkit-media-controls{
	display:none !important;
}
.comunicazionemultimediale_copertina,
.comunicazionemultimediale_video{
	position:relative;
}
.comunicazionemultimediale_videoplay{
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../images/videoplay.png);
	background-size: 100px;
	margin-top: -50px;
	margin-left: -50px;
	z-index: 1;
	width: 100px;
	height: 100px;
}
.comunicazionemultimediale_copertina .comunicazionemultimediale_videoplay,
.canplay .comunicazionemultimediale_videoplay{
	display:block;
}
[data-page="comunicazionemultimediale_post"] input[type="submit"],
[data-page="privacysicurezza_post"] input[type="button"],
[data-page="privacysicurezza_post"] input[type="submit"]
 {
    background-color: #353fa5;
    cursor: pointer;
    border: none;
    float: right;
    color: #fff;
    font-family: "love_ya";
    padding: 5px 15px;
    margin-right: 8%;
    margin-bottom: 1em;
}
[data-page="comunicazionemultimediale_post"] section>b,
[data-page="comunicazionemultimediale_post"] section>p,
[data-page="privacysicurezza_post"] section>b,
[data-page="privacysicurezza_post"] section>p
{
	color:#fff;
	width: 90%;
	display: block;
	margin: auto;
	text-align: justify;
}
[data-page="comunicazionemultimediale"] section>ul>li>a>img{
	float:left;
	max-width:30px;
	max-height:30px;
}
[data-page="comunicazionemultimediale"] section>ul>li>a>h3{
	display:inline-block;
	margin-left:10px;
	margin-top:4px;
}
[data-page="comunicazionemultimediale_area"] section>ul>li>a>em{
	float:right;
	color:red;
}
.comunicazionemultimediale_remainingtime{
	float:right;
	background-image:url(../images/orologio_white.png);
	background-size: 30px 30px;
	background-repeat:no-repeat;
	background-position: top right;
	padding:3px;
	padding-right:30px;
	height:30px;
	color: white;
	font-size:16px;
	font-weight: bold;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr{
	display:block;
	font-weight:normal;
	color:inherit;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>h5{
	display:block;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>h5.comunicazionemultimediale_answergreen{
	color:green;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>h5.comunicazionemultimediale_answerred{
	color:red;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>div{
	display:block;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>div>span.comunicationmultimediale_answerdetail{
	cursor:pointer;
	text-decoration:underline;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>div>div.comunicationmultimediale_answermoredetail{
	display:none;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>div>div.comunicationmultimediale_answermoredetail.comunicationmultimediale_answermoredetailvisible{
	display:block;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>div>div.comunicationmultimediale_answermoredetail>div{
	display:block;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>div>div.comunicationmultimediale_answermoredetail>table tr{
	display:table-row;
}
[data-page="comunicazionemultimediale_post"]>section>b div.comunicazionemultimediale_answerctr>div>div.comunicationmultimediale_answermoredetail>table td{
	display:table-cell;
}
.comunicazionemultimediale_tickno{
	display:inline-block;
	height:20px !important;
	width:20px !important;
	background-image:url(../images/order_deleted.png);
	background-size:cover;
	margin-left:5px;
}
.comunicazionemultimediale_tickok{
	display:inline-block;
	height:20px !important;
	width:20px !important;
	background-image:url(../images/order_complete.png);
	background-size:cover;
	margin-left:5px;
}
.comunicazionemultimediale_numquestion{
	font-style:italic;
}

							.video_reset{
								background-image:url(../images/video_start.png);
								background-size:contain;
								background-repeat:no-repeat;
								cursor:pointer;
								width:30px;
								height:30px;
								display:inline-block;
								background-position:center;
							}
							.video_back{
								background-image:url(../images/video_back.png);
								background-size:contain;
								background-repeat:no-repeat;
								cursor:pointer;
								width:30px;
								height:30px;
								display:inline-block;
								background-position:center;
							}
							.video_fullscreen{
								background-image:url(../images/video_fullscreen.png);
								background-size:contain;
								background-repeat:no-repeat;
								cursor:pointer;
								width:30px;
								height:30px;
								display:inline-block;
								background-position:center;
							}
[data-page="homepage"]>section>ul>li.comunicazionemultimediale>a{
	margin-top:-10px;
}

[data-page="privacysicurezza"]>section>ul>li>a{
	text-align:center;
	width:90%;
}
[data-page="privacysicurezza"]>section>ul>li>a>img{
	max-width:40vw;
	max-height:30vh;
}

[data-page="privacysicurezza_post"]>section>form input[type="checkbox"]{
	width:0.25in;
	height:0.25in;
}
[data-page="privacysicurezza_post"]>section>form>label,
[data-page="privacysicurezza_post"]>section>form>div
{
	display:block;
	width:100%;
	margin:5px auto;
}
[data-page="privacysicurezza_post"]>section>form>label{
	font-style:italic;
	font-weight:bold;
	padding:5px;
}
[data-page="privacysicurezza_post"]>section>form>span{
	text-align:center;
	display:inline-block;
	vertical-align:top;
	width:49%;
}
[data-page="privacysicurezza_post"]>section>form>span>label{
	color:white;
	line-height:0.25in;
	vertical-align:top;
}
[data-page="privacysicurezza_post"]>section>form>label{
	margin-top:10px;
	color:white;
}
[data-page="privacysicurezza_post"]>section>form>div>div{
	padding:5px;
}
[data-page="privacysicurezza_post"]>section>form>div>div:nth-child(even){
	background-color:#0093de;
}
[data-page="privacysicurezza_post"]>section>form>div>div>span>div>input[type="text"]
{
	display:block;
	width:calc(100% - 10px);
	margin:5px auto;
}
.privacysicurezza_birthdate_label{
	width:33% !important;
	display:inline !important;
}
[data-page="privacysicurezza_post"]>section>form>div>div>span>div>input[type="date"]
{
	width:65%;
}
[data-page="privacysicurezza_post"]>section>form>div>div>span>div.privacysicurezza_approvals{
	width:100%;
	margin:5px auto;
}
[data-page="privacysicurezza_post"]>section>form>hr{
	width:90%;
	margin:5px auto;
	color:white;
}
[data-page="privacysicurezza_post"]>section>form>div>div>span>div>label{
	color:white;
	/*text-align:center;*/
	display:inline-block;
	vertical-align:top;
	/*width:39%;
	line-height:0.5in;*/
	vertical-align:top;
	/*font-size:0.8em;*/
	width: calc(49% - 0.25in - 21px);
	margin-top: calc(0.125in - 0.4em);
	margin-right:10px;
}


.likebox, .showbox{
	margin: 0 10px;
	float:right;
}
.likebox>span, .showbox>span{
	display:inline-block;
	vertical-align:top;
	border:1px solid #ccc;
	margin:3px auto;
	padding:2px auto;
	width: 40px;
	text-align:center;
}
.likebox>div, .showbox>div{
	display:inline-block;
	vertical-align:top;
	margin:3px;
	height: calc(2px + 2px + 2px + 1em);
	background-size:contain;
	background-repeat:no-repeat;
	width: calc(2px + 2px + 2px + 1em);
	filter: invert(100%);
}
.likebox>div{
	background-image:url(../images/like.png);
	cursor:pointer;
}
.showbox>div{
	background-image:url(../images/eye.png);
}
.likebox.likebox_Y>div{
	background-image:url(/images/dislike.png);
}


/* altezza sotto  600*/
@media only screen and (max-height: 600px){
	footer li{
	height:3.5em;
	}
}
/* altezza sotto  500*/
@media only screen and (max-height: 500px){
	header .logo img{
	margin:15% auto 0 auto;
	}
	[data-page="homepage"] section ul li{
	height:16%;
	}
	footer li{
	height:3em;
	}
}