﻿@charset "utf-8";
* {
	margin: 0;
	padding:0; 
}

input:focus-visible, a:focus-visible, button:focus-visible, select:focus-visible {
	outline: 2px solid #EB7929 !important;
	border-radius: 3px !important;
}

.skip-main-content:not(:focus) {
	opacity: 0;
	width: 1px;
	height: 1px;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

.skip-main-content {
	left: 10px;
    top: 10px;
    position: absolute;
    white-space: nowrap;
    padding: 10px;
    opacity: 1;
    width: auto;
    height: auto;
    z-index: 1000;
    background-color: white;
    border-radius: 4px;
}

img, object, embed, video {
	max-width: 100%;
}

.lazy img {
	visibility:hidden;
	display:none;
}

.lazy {
/*	background-image:url(../images/miniloader.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;*/
	background-color:#FFF;
/* IE 6 non supporta max-width, quindi viene usata per impostazione predefinita la larghezza 100% */	
}
.ie6 img {
	width:100%;	
}
.animazione {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}	
.underline {
	display:inline-block;vertical-align:middle;
	-webkit-backface-visibility:hidden;backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
	position:relative;overflow:hidden;
}
.underline:before {
	content:"";
	position:absolute;
	z-index:-1;
	left:50%;
	right:50%;
	bottom:-1px;
	background:#999;
	height:3px;
	-webkit-transition-property:left,right;
	transition-property:left,right;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}
.underline:active:before,.underline:focus:before,.underline:hover:before{
	left:0;right:0;
}	
.push-up {
	display:inline-block;
	vertical-align:middle;
/*	
*/	
	box-shadow:0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;
	-webkit-transition-duration:.3s;transition-duration:.3s;
	-webkit-transition-property:transform;transition-property:transform;
}
.push-up:before{
	pointer-events:none;position:absolute;
	z-index:-1;
	content:'';
	top:100%;
	left:10%;
	height:8px;
	width:80%;
	opacity:0;
	background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
	background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
	-webkit-transition-duration:.3s;transition-duration:.3s;
	-webkit-transition-property:transform,opacity;
	transition-property:transform,opacity;
}
.push-up:active,.push-up:focus,.push-up:hover{
	-webkit-transform:translateY(-8px);transform:translateY(-8px);
}
.push-up:active:before,.push-up:focus:before,.push-up:hover:before{
	opacity:1;
	-webkit-transform:translateY(8px);
	transform:translateY(8px);
}
[data-scroll-reveal] {
	visibility: hidden;
}
.scrollreveral {
	visibility:hidden;
}
#map img {
	max-width:none; /* fix elementi su googlemaps */
}
/* PLAYER  VIDEO RESPONSIVE */
video {
  width: 100%    !important;
  height: auto   !important;
}
.embed-container { 
	position: relative;
	padding-bottom: 56.25%; 
	height: 0;
	overflow: hidden; 
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
/* PLAYER VIDEO RESPONSIVE */

/* COLORE PULSANTI */
}
.blu {
	background: rgba(71, 124, 164, 0.8);
	background: -moz-linear-gradient(top, rgba(71, 124, 164, 0.8) 0%, rgba(47, 91, 135, 0.8) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71, 124, 164, 0.8)), color-stop(100%, rgba(47, 91, 135, 0.8)));
	background: -webkit-linear-gradient(top, rgba(71, 124, 164, 0.8) 0%, rgba(47, 91, 135, 0.8) 100%);
	background: -o-linear-gradient(top, rgba(71, 124, 164, 0.8) 0%, rgba(47, 91, 135, 0.8) 100%);
	background: -ms-linear-gradient(top, rgba(71, 124, 164, 0.8) 0%, rgba(47, 91, 135, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(71, 124, 164, 0.8) 0%, rgba(47, 91, 135, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5174', endColorstr='#2F5B87', GradientType=0 );
}
.acqua {
	background: rgba(86, 156, 161, 0.8);
	background: -moz-linear-gradient(top, rgba(86, 156, 161, 0.8) 0%, rgba(45, 97, 103, 0.8) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86, 156, 161, 0.8)), color-stop(100%, rgba(45, 97, 103, 0.8)));
	background: -webkit-linear-gradient(top, rgba(86, 156, 161, 0.8) 0%, rgba(45, 97, 103, 0.8) 100%);
	background: -o-linear-gradient(top, rgba(86, 156, 161, 0.8) 0%, rgba(45, 97, 103, 0.8) 100%);
	background: -ms-linear-gradient(top, rgba(86, 156, 161, 0.8) 0%, rgba(45, 97, 103, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(86, 156, 161, 0.8) 0%, rgba(45, 97, 103, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325658', endColorstr='#2D6167', GradientType=0 );
}
.verde {
	background: rgba(149, 172, 69, 1);
	background: -moz-linear-gradient(top, rgba(149, 172, 69, 0.8) 0%, rgba(110, 137, 45, 0.8) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(149, 172, 69, 0.8)), color-stop(100%, rgba(110, 137, 45, 0.8)));
	background: -webkit-linear-gradient(top, rgba(149, 172, 69, 0.8) 0%, rgba(110, 137, 45, 0.8) 100%);
	background: -o-linear-gradient(top, rgba(149, 172, 69, 0.8) 0%, rgba(110, 137, 45, 0.8)) 100%);
	background: -ms-linear-gradient(top, rgba(149, 172, 69, 0.8) 0%, rgba(110, 137, 45, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(149, 172, 69, 0.8)) 0%, rgba(110, 137, 45, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61702E', endColorstr='#6E892D', GradientType=0 );
}
.verdechiaro { background: rgba(149, 172, 69, 1); 
			   background: -moz-linear-gradient(top, rgba(179, 195, 121, 1) 0%, rgba(126, 159, 47, 1) 100%); 
			   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 195, 121, 1)), color-stop(100%, rgba(126, 159, 47, 1))); 
			   background: -webkit-linear-gradient(top, rgba(179, 195, 121, 1) 0%, rgba(126, 159, 47, 1) 100%); 
			   background: -o-linear-gradient(top, rgba(179, 195, 121, 1) 0%, rgba(126, 159, 47, 1)) 100%); 
			   background: -ms-linear-gradient(top, rgba(179, 195, 121, 1) 0%, rgba(126, 159, 47, 1) 100%); 
			   background: linear-gradient(to bottom, rgba(179, 195, 121, 1)) 0%, rgba(126, 159, 47, 1) 100%); 
			   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B3C379', endColorstr='#7E9F2F', GradientType=0 ); 
}
.verdescuro { background: rgba(149, 172, 69, 1); 
			  background: -moz-linear-gradient(top, rgba(91, 161, 15, 1) 0%, rgba(67, 75, 0, 1) 100%); 
			  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91, 161, 15, 1)), color-stop(100%, rgba(67, 75, 0, 1))); 
			  background: -webkit-linear-gradient(top, rgba(91, 161, 15, 1) 0%, rgba(67, 75, 0, 1) 100%); 
			  background: -o-linear-gradient(top, rgba(91, 161, 15, 1) 0%, rgba(67, 75, 0, 1)) 100%); 
			  background: -ms-linear-gradient(top, rgba(91, 161, 15, 1) 0%, rgba(67, 75, 0, 1) 100%); 
			  background: linear-gradient(to bottom, rgba(91, 161, 15, 1)) 0%, rgba(67, 75, 0, 1) 100%); 
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5BA10F', endColorstr='#434B00', GradientType=0 ); 
}
/* COLORE PULSANTI */


/* 	CENTRALE*/
#logo {
	clear:both;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	margin-bottom:2%;
	min-height:166px;
	text-align:center;
}
#logo img {
	margin:1% auto;
	max-width:180px;
}
#logo h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:1.38em; /* 18px */
	line-height:22px;
	color:#666666;
	font-style:italic;
}
#planisfero {
	display:inline-block;
	width:100%;
	margin:2% auto;
	min-height:340px;
	background-image:url(../images/planisfero.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	/* centro gli elementi all'interno del box */
	display: -ms-flexbox; 
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
	display:-webkit-flex; /* Safari 6.1+ */
	-webkit-flex-wrap:wrap;  /* Safari 6.1+ */
	-webkit-justify-content: center;  /* Safari 6.1+ */
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
	/* centro gli elementi all'interno del box */
	
/* modifica pulsanti 25-01-2020 */
}
#pulsanti {
	display:inline-block;
	width:100%;
	margin:1% auto;
	min-height:50px;
	text-align:center;
}
.pulsante {
	position: relative;
	display:inline-block;
	width: 180px; 
	height: 140px;
	margin:15px 10%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pulsante img {
	display:inline-block;
	margin-top:auto;
	max-height:30px;
}
.pulsante p  {
	display:inline-block;
	width:86%;
	font-size:0.92em; /* 12px */
	font-weight:300;
	line-height:16px;
	color:#FFF;
	font-style:italic;
	margin-top:10px;
}
.pulsante a  {
	position: relative;
	display:inline-block;
	width:100%;
	height:100%;
	color:#FFF;
}
.centrami {
  margin: 0 7%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 /* modifica pulsanti 25-01-2020 */
 
}
#brand {
	clear:both;
	float:left;
	width:100%;
	min-height:20px;
	margin-right:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0.5%;
	text-align:center;
}
#brand h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	color:#365C7D;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:1%;
	margin-right:1%;
	padding:0 2%;
	line-height:22px;
	font-size:1.38em; /* 18px */
	text-align:center;
}
#brand h2:after {
	content:url("../images/baffo-nero-200.png");
    display: block;
    clear: both;
/* CENTRALE */
}
/* CONTAINER */
.gridContainer, .gridContainerMid, .gridContainerBig  {
	width:100%;
	margin:0 auto;
	padding:0;
/* CONTAINER */

/* FOOTER */
}
#full-box-footer {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background: rgba(91, 141, 177, 1);
	background: -moz-linear-gradient(top, rgba(91, 141, 177, 1) 0%, rgba(51, 96, 139, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91, 141, 177, 1)), color-stop(100%, rgba(51, 96, 139, 1)));
	background: -webkit-linear-gradient(top, rgba(91, 141, 177, 1) 0%, rgba(51, 96, 139, 1) 100%);
	background: -o-linear-gradient(top, rgba(91, 141, 177, 1) 0%, rgba(51, 96, 139, 1) 100%);
	background: -ms-linear-gradient(top, rgba(91, 141, 177, 1) 0%, rgba(51, 96, 139, 1) 100%);
	background: linear-gradient(to bottom, rgba(91, 141, 177, 1) 0%, rgba(51, 96, 139, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5B8DB1', endColorstr='#33608B', GradientType=0 );
}
#loghi-footer {
	clear:both;
	float:left;
	display:block;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:5%;
	margin-bottom:1%;
	min-height:60px;
}
#loghi-footer img {
	max-width:80px;
	margin-left:4%;
	margin-right:4%;
	margin-top:0;
	margin-bottom:1.5%;
/*  FOOTER */

/* EXTRA */
}
#full-box-extra {
	width:100%;
	height:40px;
	background-color:rgba(0, 0, 0, 0.8);
	margin:0 auto;
	padding:0;
	text-align:center;
}
.grid-box-extra {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:0.92em; /* 12px */
	color:rgba(255, 255, 255, 0.5);
	width:100%;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	max-width:1500px;
}
.grid-box-extra a {
	text-decoration:none;
	color:rgba(255, 255, 255, 0.5);
}
.extraleft {
	clear:both;
	float:left;
	display:block;
	width:90%;
	margin-top:12px;
	margin-bottom:0;
	margin-left:5%;
	margin-right:5%;
	padding:0;
	text-align:center;
}
.extracenter {
	display:none;
}
.extraright {
	display:none;
	text-transform:lowercase;
/* EXTRA */
}

.mostra-cell { display: block !important }
.mostra-tab-port { display: none !important }
.mostra-tab-land { display: none !important }
.mostra-desktop { display: none !important }

.ui-datepicker { z-index: 9999 !important }

/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
/* 	CENTRALE*/
#logo {
	clear:both;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	margin-bottom:2%;
	min-height:166px;
	text-align:center;
}
#logo img {
	margin:1% auto;
	max-width:180px;
}
#logo h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:1.69em; /* 22px */
	color:#666666;
	font-style:italic;
}
#planisfero {
	display:inline-block;
	width:100%;
	margin:5.5% auto;
	min-height:340px;
	background-image:url(../images/planisfero.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	/* centro gli elementi all'interno del box */
	display: -ms-flexbox; 
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
	display:-webkit-flex; /* Safari 6.1+ */
	-webkit-flex-wrap:wrap;  /* Safari 6.1+ */
	-webkit-justify-content: center;  /* Safari 6.1+ */
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
	/* centro gli elementi all'interno del box */
	
/* modifica pulsanti 25-01-2020 */
}
#pulsanti {
	display:inline-block;
	width:100%;
	margin:1% 0;
	min-height:50px;
	text-align:center;
}
.pulsante {
	position: relative;
	display:inline-block;
	width:40%;
	max-width: 240px; 
	min-height: 170px;
	margin:4%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pulsante img {
	display:inline-block;
	margin-top:auto;
	max-height:40px;
}
.pulsante p  {
	display:inline-block;
	width:86%;
	font-size:1em; /* 13px */
	font-weight:300;
	line-height:22px;
	color:#FFF;
	font-style:italic;
	margin-top:10px;
}
.pulsante a  {
	position: relative;
	display:inline-block;
	width:100%;
	height:100%;
	color:#FFF;
}
.centrami {
  margin: 0 7%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 /* modifica pulsanti 25-01-2020 */
}

#brand {
	clear:both;
	float:left;
	width:100%;
	min-height:20px;
	margin-right:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0.5%;
	text-align:center;
}
#brand h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	color:#365C7D;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:1%;
	margin-right:1%;
	padding:0 2%;
	line-height:22px;
	font-size:1.69em; /* 22px */
	text-align:center;
}
#brand h2:after {
	content:url("../images/baffo-nero-200.png");
    display: block;
    clear: both;
/* CENTRALE */
}
/* CONTAINER */
.gridContainer, .gridContainerMid .gridContainerBig {
	width:100%;
	margin:0 auto;
	padding:0;
}
/* CONTAINER */	
/* OMBRA  */
.ombra-box {
	width:100%;
	display:block;
	height:28px;
/* OMBRA *//
/* FOOTER */
}
#full-box-footer {
	width:100%;
	margin:0 auto;
	padding:0;
}
#loghi-footer {
	clear:both;
	float:left;
	display:block;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:5%;
	margin-bottom:1%;
	min-height:60px;
}
#loghi-footer img {
	max-width:70px;
	margin-left:4%;
	margin-right:4%;
	margin-top:0;
	margin-bottom:1.5%;
/*  FOOTER */

/* EXTRA */
}
#full-box-extra {
	width:100%;
	height:40px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.grid-box-extra {
	font-size:0.92em; /* 12px */
	width:100%;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	max-width:1500px;
}
.extraleft {
	clear:both;
	float:left;
	display:block;
	width:45%;
	margin-top:12px;
	margin-bottom:0;
	margin-left:4%;
	margin-right:1%;
	padding:0;
	text-align:left;
}
.extracenter {
	display:none;
}
.extraright {
	clear:none;
	float:left;
	display:block;
	width:45%;
	margin-top:12px;
	margin-bottom:auto;
	margin-left:1%;
	margin-right:4%;
	text-align:right;
/* EXTRA */
}

.mostra-cell { display: none !important }
.mostra-tab-port { display: block !important }
.mostra-tab-land { display: none !important }
.mostra-desktop { display: none !important }


}
/* Layout landscape: da 769 px a 1024 px max.  Eredita stili da: Layout mobile e Layout tablet portrait */
@media only screen and (min-width: 769px ) {
/* 	CENTRALE*/
#logo {
	clear:both;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	margin-bottom:0;
	min-height:166px;
	text-align:center;
}
#logo img {
	margin:1% auto;
	max-width:200px;
}
#logo h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:2.0em; /* 26px */
	color:#666666;
	font-style:italic;
}
#planisfero {
	display:inline-block;
	width:100%;
	margin:0 auto;
	min-height:180px;
	background-image:url(../images/planisfero.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	/* centro gli elementi all'interno del box */
	display: -ms-flexbox; 
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
	display:-webkit-flex; /* Safari 6.1+ */
	-webkit-flex-wrap:wrap;  /* Safari 6.1+ */
	-webkit-justify-content: center;  /* Safari 6.1+ */
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
	/* centro gli elementi all'interno del box */
	
/* modifica pulsanti 25-01-2020 */
}
#pulsanti {
	display:inline-block;
	width:100%;
	margin:1% auto;
	min-height:50px;
	text-align:center;
}
.pulsante {
	position: relative;
	display:inline-block;
	width:27%;
	max-width: 240px; 
	min-height: 170px;
	margin:6% 3%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pulsante img {
	display:inline-block;
	margin-top:auto;
	max-height:50px;
}
.pulsante p  {
	display:inline-block;
	width:86%;
	font-size:1.076em; /* 14px */
	font-weight:300;
	line-height:22px;
	color:#FFF;
	font-style:italic;
	margin-top:10px;
}
.pulsante a  {
	position: relative;
	display:inline-block;
	width:100%;
	height:100%;
	color:#FFF;
}
.centrami {
  margin: 0 7%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 /* modifica pulsanti 25-01-2020 */
  
}
#brand {
	clear:both;
	float:left;
	width:100%;
	min-height:20px;
	margin-right:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0.5%;
	text-align:center;
}
#brand h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	color:#365C7D;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:1%;
	margin-right:1%;
	padding:0 2%;
	line-height:24px;
	font-size:1.84em; /* 24px */
	text-align:center;
}
#brand h2:after {
	content:url("../images/baffo-nero-200.png");
    display: block;
    clear: both;
/* CENTRALE */
}
/* CONTAINER */
.gridContainer {
	width:100%;
	margin:0 auto;
	padding:0;
	max-width:1680px;
/*	min-width:769px;*/
}
.gridContainerMid {
	width:100%;
	margin:0 auto;
	padding:0;
	max-width:1232px;
	min-width:769px;
}
.gridContainerBig {
	width:100%;
	margin:0 auto;
	padding:0;
	max-width:1920px;
}
/* CONTAINER */

/* FOOTER */
#full-box-footer {
	width:100%;
	margin:0 auto;
	padding:0;
}
#loghi-footer {
	clear:both;
	float:left;
	display:block;
	width:98%;
	margin:0 1%;
	min-height:60px;
}
#loghi-footer img {
	max-width:70px;
	margin:2.0% 0.5%;
/*  FOOTER */

/* EXTRA */
}
#full-box-extra {
	width:100%;
	height:40px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.grid-box-extra {
	font-size:1em; /* 14px */
	width:100%;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	max-width:1500px;
}
.extraleft {
	clear:both;
	float:left;
	display:block;
	width:40.5%;
	margin-top:12px;
	margin-bottom:0;
	margin-left:3.5%;
	margin-right:1%;
	padding:0;
	text-align:left;
}
.extracenter {
	clear:none;
	float:left;
	display:block;
	width:10%;
	margin-top:12px;
	margin-bottom:auto;
	margin-left:0;
	margin-right:0;
	font-size:1.38em; /* 18px */
	text-align:center;
}
.extraright {
	clear:none;
	float:left;
	display:block;
	width:40.5%;
	margin-top:12px;
	margin-bottom:auto;
	margin-left:1%;
	margin-right:3.5%;
	text-align:right;
/* EXTRA */
}

    /* MESSAGGIO ERRORE */
    .errorbox {
        font-size: 1.15em; /* 15px */
    }
    /* MESSAGGIO ERRORE */

.mostra-cell { display: none !important }
.mostra-tab-port { display: none !important }
.mostra-tab-land { display: block !important }
.mostra-desktop { display: none !important }


}
/* Layout desktop: da 1025 px a superiori. Eredita stili da: Layout tablet landscape */
@media only screen and (min-width: 1025px ) {
/* 	CENTRALE*/
#logo {
	clear:both;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	margin-bottom:0;
	min-height:188px;
	text-align:center;
}
#logo img {
	margin:1% auto;
}
#logo h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	font-size:2.30em; /* 30px */
	color:#666666;
	font-style:italic;
}
#planisfero {
	display:inline-block;
	width:100%;
	margin:1% 0;
	background-image:url(../images/planisfero.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	/* centro gli elementi all'interno del box */
	display: -ms-flexbox; 
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
	display:-webkit-flex; /* Safari 6.1+ */
	-webkit-flex-wrap:wrap;  /* Safari 6.1+ */
	-webkit-justify-content: center;  /* Safari 6.1+ */
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
	/* centro gli elementi all'interno del box */
	
/* modifica pulsanti 25-01-2020 */
}
#pulsanti {
	display:inline-block;
	width:100%;
	margin:1% auto;
	min-height:50px;
	text-align:center;
}
.pulsante {
	position: relative;
	display:inline-block;
	width:27%;
	max-width: 320px; 
	min-height: 190px;
	margin:6% 3%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.pulsante img {
	display:inline-block;
	margin-top:auto;
	max-height:60px;
}
.pulsante p  {
	display:inline-block;
	width:86%;
	font-family: 'Roboto', sans-serif;
	font-size:1.23em; /* 16px */
	font-weight:300;
	line-height:24px;
	color:#FFF;
	padding:0;
	font-style:italic;
	margin-top:10px;
}
.pulsante a  {
	position: relative;
	display:inline-block;
	width:100%;
	height:100%;
	color:#FFF;
}
.centrami {
  margin: 0 7%;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 /* modifica pulsanti 25-01-2020 */
 
}
#brand {
	clear:both;
	float:left;
	width:100%;
	min-height:20px;
	margin-right:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0.5%;
	text-align:center;
}
#brand h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:400;
	color:#365C7D;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:1%;
	margin-right:1%;
	padding:0 2%;
	line-height:26px;
	font-size:2em; /* 26px */
	text-align:center;
}
#brand h2:after {
	content:url("../images/baffo-nero-200.png");
    display: block;
    clear: both;
/* CENTRALE */
}
/* FOOTER */
#footer {
	width:100%;
	display:block;
	bottom:0;
	left:0;
}
#full-box-footer {
	width:100%;
	margin:0 auto;
	padding:0;
}
#loghi-footer {
	clear:both;
	float:left;
	display:block;
	width:98%;
	margin:0 1%;
	min-height:80px;
}
#loghi-footer img {
	max-width:90px;
	margin:1.5% 1%;
/*  FOOTER */
/* EXTRA */
}
#full-box-extra {
	width:100%;
	height:40px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.grid-box-extra {
	font-size:1em; /* 14px */
	width:100%;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	max-width:1500px;
}
.extraleft {
	clear:both;
	float:left;
	display:block;
	width:41.5%;
	margin-top:12px;
	margin-bottom:0;
	margin-left:2.5%;
	margin-right:1%;
	padding:0;
	text-align:left;
}
.extracenter {
	clear:none;
	float:left;
	display:block;
	width:10%;
	margin-top:12px;
	margin-bottom:auto;
	margin-left:0;
	margin-right:0;
	font-size:1.38em; /* 18px */
	text-align:center;
}
.extraright {
	clear:none;
	float:left;
	display:block;
	width:41.5%;
	margin-top:12px;
	margin-bottom:auto;
	margin-left:1%;
	margin-right:2.5%;
	text-align:right;
/* EXTRA */
}

.mostra-cell { display: none !important }
.mostra-tab-port { display: none !important }
.mostra-tab-land { display: none !important }
.mostra-desktop { display: block !important }

}