@charset "utf-8";
/*
/* 
 * HTML5 ✰ Boilerplate
 *
 * Quanto segue è il risultato di un esteso lavoro di ricerca sugli stili cross-browser. 
 * I riconoscimenti sono stati lasciati inline e un grosso grazie va a Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen e la comunità e il team di sviluppo H5BP.
 *
 * Informazioni dettagliate su questo CSS: h5bp.com/css
 * 
 * Modifiche in Dreamweaver:
 * 1. Evidenziazione selezione rimossa tramite commento
 * 2. Sezione media query rimossa (abbiamo aggiunto la nostra in un file separato)
 *
 * ==|== normalizzazione ==========================================================
 */


/* =============================================================================
   Definizioni visualizzazione HTML5
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
display: none;
}
/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corretto il ridimensionamento non corretto del testo in IE6/7 quando la dimensione carattere del corpo è impostata con unità em
 * 2. Barra di scorrimento verticale forzata nei browser non IE
 * 3. Impedito il ridimensionamento del testo in iOS dopo un cambio di orientamento del dispositivo, senza disabilitare lo zoom utente: h5bp.com/g
 */

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	font-size: 16px;
	line-height: 1.231;
	background-color: #929DB1;
	/*	background-attachment: fixed;*/
	background-image: url(../images/sfondo/sfondo.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
body, button, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
/* 
 * Rimossa ombreggiatura testo in evidenziazione selezione: h5bp.com/i
 * Queste dichiarazioni di selezione devono essere separate
 * Inoltre: rosa acceso! (oppure potete personalizzare il colore di sfondo in base al vostro stile di design)
 */

/* Dreamweaver: rimuovete i commenti se volete personalizzare l'evidenziazione della selezione
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */

/* =============================================================================
   Collegamenti
   ========================================================================== */

a {
	color: #00e;
}
a:visited {
	color: #551a8b;
}
a:hover {
	color: #06e;
}
a:focus {
	outline: thin dotted;
}
/* Leggibilità migliorata in caso di attivazione e hover in tutti i browser: h5bp.com/h */
a:hover, a:active {
	outline: 0;
}
/* =============================================================================
   Composizione tipografica
   ========================================================================== */

abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
/* Famiglia di caratteri monospace ridichiarata: h5bp.com/j */
pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
/* Leggibilità migliorata del testo preformattato in tutti i browser */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
/* Posizionamento dei contenuti in pedice e apice senza alterare l'altezza della riga: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* =============================================================================
   Elenchi
   ========================================================================== */

ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
/* =============================================================================
   Contenuto incorporato
   ========================================================================== */

/*
 * 1. Qualità immagine migliorata in caso di ridimensionamento in IE7: h5bp.com/d
 * 2. Rimossa la distanza tra immagini e bordi nei contenitori di immagini: h5bp.com/e 
 */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/*
 * Corretto riversamento non nascosto in IE9 
 */

svg:not(:root) {
	overflow: hidden;
}
/* =============================================================================
   Figure
   ========================================================================== */

figure {
	margin: 0;
}
/* =============================================================================
   Moduli
   ========================================================================== */

form {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/* Indica che 'label' passerà lo stato di attivazione all'elemento modulo associato */
label {
	cursor: pointer;
}
/* 
 * 1. Risolto problema colore non ereditato in IE6/7/8/9 
 * 2. Risolto problema allineamento non visualizzato esattamente in IE6/7 
 */

legend {
	border: 0;
*margin-left: -7px;
	padding: 0;
}
/*
 * 1. Risolto problema dimensione carattere non ereditata in tutti i browser
 * 2. Margini rimossi in FF3/4 S5 Chrome
 * 3. Definita visualizzazione uniforme dell'allineamento verticale in tutti i browser
 */

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
/*
 * 1. Altezza riga definita come normale per corrispondere a FF3/4 (impostata mediante !important nel foglio di stile UA)
 * 2. Risolto problema allineamento non visualizzato correttamente in IE6/7
 */

button, input {
	line-height: normal;
*overflow: visible;
}
/*
 * Reintrodotta spaziatura interna in 'table' per evitare problemi di sovrapposizione e spazio vuoto in IE6/7
 */

table button, table input {
*overflow: auto;
}
/*
 * 1. Cursore a forma di mano visualizzato per elementi modulo cliccabili
 * 2. Consentita l'applicazione di stili agli elementi modulo cliccabili in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
/*
 * Ridimensionamento e aspetto uniformi delle caselle 
 */

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/* 
 * Rimossa spaziatura interna e bordo in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* 
 * 1. Rimossa barra di scorrimento verticale predefinita in IE6/7/8/9 
 * 2. Consentito solo ridimensionamento verticale
 */

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

/* Colori per validità modulo */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
/* =============================================================================
   Tabelle
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: middle;
}
/* ==|== stili principali =====================================================
   Autore: 
   ========================================================================== */
















/* ==|== classi helper non semantiche ========================================
   Definite i vostri stili prima di questa sezione.
   ========================================================================== */

/* Per sostituzione immagini */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.ir br {
	display: none;
}
/* Nascondere sia negli screen reader che nei browser: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}
/* Nascondere solo visivamente, mantenendo la disponibilità negli screen reader: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Estende la classe .visuallyhidden per consentire all'elemento di ricevere lo stato di attivazione se raggiunto tramite tastiera: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Nascondere visivamente e anche negli screen reader, mantenendo il layout */
.invisible {
	visibility: hidden;
}
/* Con contenuto float: h5bp.com/q */ 
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}


/* ==|== stampa stili =======================================================
   Stampa stili.
   Inserimento in linea per evitare la necessità di una connessione HTTP: h5bp.com/r
   ========================================================================== */
 
 @media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
} /* Stampa più veloce del nero: h5bp.com/s */
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}  /* Collegamenti non visualizzati per le immagini, o collegamenti javascript/interni */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* h5bp.com/t */
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}
#sfondo_pagina {
	background-image: url(../images/sfondo/pagina_sfondo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 80% auto;
}
.gridContainer.clearfix #div_superiore #div_logo {
	float: left;
	width: 20%;
}
.gridContainer.clearfix #div_superiore #div_destra_sup {
	float: left;
	/*	background-color: #000;*/
	width: 80%;
}
.div_allunga {
	clear: both;
}
.gridContainer.clearfix #div_superiore #div_destra_sup #div_lingua ul {
	margin: 0px;
	padding: 0px;
	font-family: 'Comfortaa', cursive;
	font-weight: 400;
	text-transform: uppercase;
}
.gridContainer.clearfix #div_superiore #div_destra_sup #div_lingua ul li {
	color: #FFF;
	list-style-type: none;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E0E4E9;
	padding-right: 5px;
	padding-left: 5px;
}
.gridContainer.clearfix #div_superiore #div_destra_sup #div_lingua ul li a {
	color: #E0E4E9;
	text-decoration: none;
}
.gridContainer.clearfix #div_superiore #div_destra_sup #div_lingua ul li.primo {
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 0px;
}
.gridContainer.clearfix #div_superiore #div_destra_sup #div_lingua {
	background-image: url(../images/sfondo/lingue_sfondo.png);
	float: right;
	padding: 1%;
}
.gridContainer.clearfix #div_superiore #div_destra_sup #div_menu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.6);
	margin-top: 6.6%;
	margin-left: 2%;
	height: 21px;
}
#MenuBar {
	/*background-color: #cccccc;*/
	font-family: 'Comfortaa', cursive;
	font-weight: 300;
	font-size: 110%;
	font-style: normal;
	padding: 0;
	border-color: #ffffff #ffffff #ffffff #ffffff;
	border-width: 0px;
	border-style: none none none none;
	text-transform: uppercase;
}
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
	display: none;
}
.MenuBarLeftShrink {
	float: left; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarRightShrink {
	float: right; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarFixedLeft {
	float: left;
	width: 80em;
}
.MenuBarFixedCentered {
	float: none;
	width: 80em;
	margin-left: auto;
	margin-right: auto;
}
.MenuBarFixedCentered br {
	clear: both;
	display: block;
}
.MenuBarFixedCentered .SubMenu br {
	display: none;
}
.MenuBarFullwidth {
	float: left;
	width: 100%;
}
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
	padding: 0px 0px 0px 0px;
	margin: 0;
}
#MenuBar .MenuItem {
	padding: 0px 5px 0px 0px;
	/*background-color: #cccccc;*/
	border-width: 0px;
	border-color: #cccccc #ffffff #cccccc #ffffff;
	border-style: none solid none solid;
}
#MenuBar .MenuItemFirst {
	border-style: none none none none;
}
#MenuBar .MenuItemLast {
	border-style: none solid none none;
}
#MenuBar .MenuItem .MenuItemLabel {
	text-align: center;
	line-height: 1.4em;
	color: #FFF;
	/*background-color:#cccccc;*/
	padding: 0px 3px 0px 10px;
	width: 10em;
	width: auto;
}
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel {
	width: 1em; /* Equivalent to min-width in modern browsers */
}
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	font-style: normal;
	background-color: #ffffff;
	padding: 0px 2px 0px 10px;
	border-width: 1px;
	border-color: #6b7485 #6b7485 #6b7485 #6b7485;
	/* Border styles are overriden by first and last items */
	border-style: solid solid none solid;
	text-transform: none;
}
#MenuBar .SubMenu .MenuItemFirst {
	border-style: solid solid none solid;
}
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel {
	padding-top: 6px;
}
#MenuBar .SubMenu .MenuItemLast {
	border-style: solid solid solid solid;
}
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel {
	padding-bottom: 6px;
}
#MenuBar .SubMenu .MenuItem .MenuItemLabel {
	text-align: left;
	line-height: 1em;
	background-color: #ffffff;
	color: #666666;
	padding: 6px 12px 6px 5px;
	width: 7em;
	width: auto;
}
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
	background-color: #6b7485;
	border-color: #cccccc #cccccc #cccccc #cccccc;
}
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel {
	background-color: #6b7485; /* consider exposing this prop separately*/
	color: #FFF;
}
#MenuBar .MenuItemHover .MenuItemLabel {
	background-color: #6b7485;
	color: #FFF;
}
#MenuBar .SubMenu .MenuItemHover {
	background-color: #929db1;
	border-color: #929db1 #929db1 #929db1 #929db1;
}
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel {
	background-color: #929db1;
	color: #FFF;
}
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
	background-color: #ffffff;
	min-width: 100%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
	border-color: #ffffff #ffffff #ffffff #ffffff;
	border-width: 0px;
	border-style: none none none none;
}
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
	top: 100%;	/* 100% is at the bottom of parent menuItemContainer */
	left: 0px;
	z-index: 10;
}
#MenuBar.MenuBarVertical .SubMenuVisible {
	top: 0px;
	left: 100%;
	min-width: 0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
}
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
	background-color: #ffffff;
	min-width: 0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
	top: 0px;
	left: 100%;
}
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */ {
	background-color: #6b7485; /* consider exposing this prop separately*/
	color: #000000;
}
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */ {
	background-color: #929db1; /* consider exposing this prop separately*/
	color: #333333;
}
.SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */ {
	margin-left: -10px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
}
.gridContainer.clearfix #div_testata {
	background-color: #FFF;
	padding: 0.1%;
	margin-top: 2.5%;/*width: 100%;*/
	position: relative;
}
.gridContainer.clearfix #div_testata img {
	width: 100%;
}
.gridContainer.clearfix #div_contenuti #div_sinistra {
	width: 27%;
	background-color: #FFF;
	float: left;
	margin-right: 2.2%;
	padding: 2%;
	margin-left: 1.1%;
}
.gridContainer.clearfix #div_contenuti #div_destra {
	float: left;
	background-color: #FFF;
	padding: 2%;
	background-image: url(../images/sfondo/contenuti_destra_sfondo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
}
.gridContainer.clearfix #div_contenuti #div_destra h1 {
	font-size: 250%;
	font-weight: 400;
	color: #434A5C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9FA4AB;
	text-transform: uppercase;
	font-family: 'Comfortaa', cursive;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 0px;
}
.gridContainer.clearfix #div_contenuti #div_destra h2 {
	font-size: 180%;
	font-weight: 400;
	color: #696669;
	font-family: 'Comfortaa', cursive;
	margin: 0px;
}
.gridContainer.clearfix #div_contenuti #div_destra h3 {
	font-size: 150%;
	font-weight: 400;
	font-family: 'Comfortaa', cursive;
}
/*_______________________ TESTI INIZIO _______________________*/
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella {
	width: 100%;
	border: 1px solid #6E798B;
	border-collapse: separate;
	border-spacing: 2px;
}
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella td {
	text-align: center;
	border: 1px solid #6E798B;
	border-collapse: separate;
	border-spacing: 2px;
}
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella td p {
	margin-top: 0px;
	margin-bottom: 0px;
}
/*_______________________INIZIO TITOLO_______________________*/
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella tr.cms-titolo td {
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	border: 0px solid #D9DCE4;
}
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella td.cms-titolo {
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	border: 0px solid #D9DCE4;
}
/*_______________________INIZIO SOTTOTITOLO_______________________*/
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella tr.cms-sottotitolo td {
	font-size: 90%;
	text-align: center;
	background-color: #D9DCE4;
}
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella td.cms-sottotitolo {
	font-size: 90%;
	text-align: center;
	background-color: #D9DCE4;
}
/*_______________________INIZIO SCURA_______________________*/
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella tr.cms-scura td {
	background-color: #D9DCE4;
}
.gridContainer.clearfix #div_contenuti #div_destra .cms-tabella td.cms-scura {
	background-color: #D9DCE4;
}
/*_______________________IMMAGINI_______________________*/
.gridContainer.clearfix #div_contenuti #div_destra a img {
	border: none;
}
.gridContainer.clearfix #div_contenuti #div_destra img.cms-immagine-sinistra {
	margin-top: 5px;
	margin-right: 3px;
	margin-left: 0px;
	margin-bottom: 3px;
	float: left;
	padding: 5px;
}
.gridContainer.clearfix #div_contenuti #div_destra img.cms-immagine-destra {
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 3px;
	margin-bottom: 3px;
	float: right;
	padding: 5px;
}
.gridContainer.clearfix #div_contenuti #div_destra img.cms-immagine-nascosta {
	display: none;
}
.gridContainer.clearfix #div_contenuti #div_destra a {
	font-weight: bold;
	color: #696669;
	text-decoration: none;
}
.gridContainer.clearfix #div_contenuti #div_destra #googlemaps_mappa {
	height: 300px;
	margin-right: 20px;
}
.gridContainer.clearfix #div_contenuti #div_destra #google_start {
	width: 50%;
	border: 0px;
	font-size: 120%;
	font-style: italic;
	background-color: #F5F4F4;
	padding: 5px;
	font-style: italic;
}
.gridContainer.clearfix #div_contenuti #div_destra .submit_route {
	font-weight: 400;
	color: #696669;
	font-family: 'Comfortaa', cursive;
	font-size: 120%;
	color: #ffffff;
	background-color: #404A59;
	padding: 2%;
	border: 0px;
	text-transform: uppercase;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta .div_box_richiesta {
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta label {
	font-weight: bold;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta p.intero {
	margin-top: 0px;
	padding-top: 0px;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta select {
	width: 100%;
	border: 0px;
	font-size: 120%;
	font-style: italic;
	background-color: #E9EBEF;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta .g {
	width: 100%;
	border: 0px;
	font-size: 120%;
	font-style: italic;
	background-color: #E9EBEF;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta .o {
	width: 100%;
	border: 0px;
	font-size: 120%;
	font-style: italic;
	background-color: #D4D8E0;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta .op {
	width: 80%;
	border: 0px;
	font-size: 120%;
	padding: 5px;
	font-style: italic;
	background-color: #D4D8E0;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta .p {
	width: 100%;
	border: 0px;
	font-size: 16px;
	font-style: italic;
	background-color: #E9EBEF;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta textarea {
	width: 100%;
	height: 80px;
	border: 0px;
	font-size: 120%;
	padding: 5px;
	font-style: italic;
	background-color: #E9EBEF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta h6 {
	margin: 2%;
	font-size: 80%;
	text-align: center;
	font-weight: normal;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta #invia_contenitore {
	text-align: center;
}
.gridContainer.clearfix #div_contenuti #div_destra #div_richiesta #invia_contenitore .invia {
	font-weight: 400;
	color: #696669;
	font-family: 'Comfortaa', cursive;
	font-size: 120%;
	color: #ffffff;
	background-color: #404A59;
	padding: 2%;
	border: 0px;
	text-transform: uppercase;
}
.gridContainer.clearfix #div_contenuti #div_sinistra ul {
	margin: 0px;
	padding: 0px;
}
.gridContainer.clearfix #div_contenuti #div_sinistra ul li a {
	color: #434A5C;
	text-decoration: none;
}
.gridContainer.clearfix #div_contenuti #div_sinistra ul li a:hover {
	color: #696669;
}
.gridContainer.clearfix #div_contenuti #div_sinistra ul li {
	font-size: 250%;
	font-weight: 400;
	color: #434A5C;
	text-transform: uppercase;
	font-family: 'Comfortaa', cursive;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.gridContainer.clearfix #div_contenuti #div_sinistra ul li ul {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C4C7CC;
	padding-top: 5px;
}
.gridContainer.clearfix #div_contenuti #div_sinistra ul li ul li {
	font-size: 70%;
	font-weight: 400;
	color: #434A5C;
	font-family: 'Comfortaa', cursive;
	list-style-type: none;
	text-transform: none;
}
#div_sinistra p.titolo_box {
	font-size: 170%;
	font-weight: 400;
	color: #434A5C;
	font-family: 'Comfortaa', cursive;
	list-style-type: none;
	text-transform: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4C7CC;
	padding-top: 5px;
	padding-left: 0%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#div_sinistra p {
	font-size: 120%;
	font-weight: normal;
	color: #434A5C;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #C4C7CC;
	padding-left: 0%;
	margin: 0px;
}
.gridContainer.clearfix #div_contenuti #div_sinistra a {
	color: #434A5C;
	text-decoration: none;
}
.gridContainer.clearfix #div_contenuti #div_sinistra ul li ul li ul li {
	font-size: 75%;
	font-weight: normal;
	color: #434A5C;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4C7CC;
	padding-left: 8%;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom {
	width: 31%;
	float: left;
	margin-right: 1.1%;
	padding: 0%;
	background-color: #FFF;
	margin-left: 1.1%;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .blu {
	background-color: #404A59;
	color: #FFF;
	background-image: url(../images/sfondo/pulsante_avanti.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100%;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom a .titolo_box {
	color: #FFF;
	text-decoration: none;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom a .testo {
	color: #FFF;
	text-decoration: none;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom img {
	width: 100%;
}
/*.gridContainer.clearfix #div_contenitore_box .div_box_bottom .blu .testo {
	/*	font-size: 140%;
	padding-bottom: 10%;
}*/
.gridContainer.clearfix #div_contenitore_box .div_box_bottom a {
	color: #333333;
	text-decoration: none;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .titolo_box {
	font-family: 'Comfortaa', cursive;
	text-transform: uppercase;
	margin: 0px;
	font-weight: 400;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .grande {
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom p {
	padding: 0%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 5%;
	margin-left: 0%;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini {
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 0%;
	padding-left: 5%;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini_no {
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 0%;
	padding-left: 5%;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom p strong {
	font-family: 'Comfortaa', cursive;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini address strong {
	font-family: 'Comfortaa', cursive;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini address {
	font-style: normal;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini a {
	color: #333333;
	text-decoration: none;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini_no .invia {
	text-transform: uppercase;
	color: #FFF;
	background-color: #404A59;
	border: 0px;
	font-size: 130%;
	padding: 2%;
	width: 30%;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini_no .mail_news {
	font-size: 130%;
	color: #333;
	background-color: #E9EBF0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2%;
	width: 60%;
	margin-right: 2%;
	font-style: italic;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini_no #div_newsletter {
	margin-top: 5%;
	padding-bottom: 5%;
}
.gridContainer.clearfix #div_contenitore_box .div_box_bottom .div_margini_no #div_newsletter .tab_newsletter {
	margin-top: 5%;
}
/*.gridContainer.clearfix #div_contenitore_box .div_box_bottom img {
	max-height: 220px;
}*/
.gridContainer.clearfix #div_tacco {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255, 255, 255, 0.6);
	border-bottom-color: rgba(255, 255, 255, 0.6);
	margin-top: 2%;
	padding: 1%;
}
.gridContainer.clearfix #div_tacco .img_loghi {
	float: left;
}
.gridContainer.clearfix #div_copyright p {
	color: #FFF;
	text-align: right;
	font-size: 80%;
	margin-top: 0.5%;
	margin-right: 0px;
	margin-bottom: 1.2%;
	margin-left: 0px;
}
#sfondo_pagina .gridContainer.clearfix #div_copyright a {
	color: #FFF;
	text-decoration: none;
}
#sfondo_pagina .gridContainer.clearfix #div_copyright a:hover {
	color: #CCC;
}
#sfondo_pagina .gridContainer.clearfix #div_tacco #div_loghi {
	float: left;
	width: 40%;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_cont_menu {
	background-color: #939DB2;
	position: absolute;
	z-index: 1200;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_pulsante {
	font-family: 'Comfortaa', cursive;
	font-weight: 400;
	background-image: url(../images/sfondo/lingue_sfondo.png);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 160%;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	padding: 0.5%;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_pulsante a {
	text-decoration: none;
	color: #FFF;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_pulsante a:hover {
	color: #404A59;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_cont_menu ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_cont_menu ul li {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 120%;
	list-style-type: none;
	font-weight: bold;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_cont_menu ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0%;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_cont_menu ul li li {
	color: #FFF;
	text-decoration: none;
	text-transform: none;
	font-size: 90%;
	list-style-type: circle;
	font-weight: normal;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_cont_menu ul li a {
	color: #FFF;
	text-decoration: none;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_cont_menu ul li a:hover {
	color: #404A59;
}
#carousel-image-and-text {
	width: 100%;
	height: 279px;
	margin: 0 auto;
}
#carousel-image-and-text .arrow-holder {
	height: 250px;
}
#carousel-image-and-text .touchcarousel-item {
	margin-right: 1px;
	width: 155px;
	height: 277px;
}
#carousel-image-and-text .item-block {
	width: 155px;
	height: 277px;
	display: block;
}
#carousel-image-and-text .item-block img, #carousel-image-and-text .item-block h4, #carousel-image-and-text .item-block p {
	float: left;
	position: relative;
	display: block;
	margin: 0;
}
#carousel-image-and-text .item-block img {
	width: 155px;
	height: 230px;
	border: 0;
	padding: 0;
}
#carousel-image-and-text .item-block {
	text-decoration: none;
	color: inherit;
}
#carousel-image-and-text .item-block h4 {
	font: bold 13px/20px Helvetica, Arial, sans-serif;
	color: #000;
	width: 158px;
	height: auto;
	padding: 2px 0 0 6px;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
#carousel-image-and-text .item-block:hover h4 {
	color: #1873c9;
}
#carousel-image-and-text .item-block p {
	font: normal 13px/20px Helvetica, Arial, sans-serif;
	color: #555;
	width: 158px;
	padding: 0 0 0 6px;
}
#carousel-image-and-text .scrollbar-holder {
	background: #CED7DB;
	bottom: 0;
	height: 1px;
	left: 0;
	right: 0;
}
#carousel-image-and-text .scrollbar {
	background-color: #45a8ce !important;
	bottom: 0;
}
#sfondo_pagina .gridContainer.clearfix #div_menu_mobile #div_cont_menu #CollapsiblePanel1 .CollapsiblePanelContent #div_margine {
	padding-top: 2%;
	padding-bottom: 2%;
}
#sfondo_pagina .gridContainer.clearfix #div_superiore #div_destra_sup #div_menu #div_sopra {
	position: absolute;
	z-index: 1000;
}
#sfondo_pagina .gridContainer.clearfix #div_testata p {
	font-family: 'Comfortaa', cursive;
	font-weight: 400;
	position: absolute;
	z-index: 1100;
	bottom: 5%;
	font-size: 250%;
	text-transform: uppercase;
	color: #FFF;
	padding: 1%;
	background-image: url(../images/sfondo/slogan_sfondo.png);
}
#sfondo_pagina .gridContainer.clearfix #div_testata p strong {
	text-transform: none;
	font-weight: normal;
	font-size: 80%;
}
#sfondo_pagina .gridContainer.clearfix #div_stampa {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	display: none;
}
#sfondo_pagina .gridContainer.clearfix #div_contenitore_box .div_box_bottom #unoslider p {
	padding-top: 0%;
	padding-right: 5%;
	padding-bottom: 0%;
	padding-left: 5%;
}
#unoslider p {
	color: #C00;
}
#sfondo_pagina .gridContainer.clearfix #div_tacco .div_facebook {
	float: right;
}
#sfondo_pagina .gridContainer.clearfix #div_contenitore_box .div_box_bottom.altezza #unoslider li .img_offerta {
	height: 200px;
}
#sfondo_pagina .gridContainer.clearfix #div_contenitore_box .div_box_bottom.altezza #unoslider .margine {
	padding-top: 60%;
}
#sfondo_pagina .gridContainer.clearfix #div_tacco .div_facebook .div_social {
	float: left;
	margin-left: 5px;/*border: 1px solid #e3e6e9;*/
}
#sfondo_pagina .gridContainer.clearfix #div_testata .div_news {
	height: 200px;
	width: 200px;
	position: absolute;
	z-index: 999;
	right: 10px;
	top: 10px;
	background-image: url(../images/sfondo/img_icona.png);
	background-repeat: no-repeat;
	background-position: center center;
	transform: rotate(5deg);
	/* Safari and Chrome */
	-webkit-transform: rotate(5deg);
	/* Opera */
	-o-transform: rotate(5deg);
	/* Firefox */
	-moz-transform: rotate(5deg);
	/* IE 9 */
	-ms-transform: rotate(5deg);
}
#sfondo_pagina .gridContainer.clearfix #div_testata .div_news p {
	background-color: transparent;
	background-image: none;
	font-size: 14px;
	text-align: center;
	top: 60px !important;
	bottom: 200px!important;
	text-transform: none;
	width: 100%;
}
#sfondo_pagina .gridContainer.clearfix #div_testata .div_news p strong {
	font-size: 21px;
	text-transform: uppercase;
}
#sfondo_pagina .gridContainer.clearfix #div_testata .div_news.test_3 p strong {
	font-size: 18px;
	text-transform: uppercase;
}
/* The Modal (background) */
.modal {
	/* display: none; Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1101; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 2s;
	animation-name: animatetop;
	animation-duration: 2s;
}
.modal p {
	margin: 0px;
	padding: 10px 0px;
}
.modal h1 {
	margin: 0px;
	padding: 10px 0px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 25px;
	text-align: center;
	padding-right: 50px;
	font-family: 'Comfortaa', cursive;
}
.modal h1, .modal p {
	font-family: 'Comfortaa', cursive;
	background-color: #434A5C;
}
@-webkit-keyframes animatetop {
 0% {
opacity:0;
}
 50% {
opacity:0;
}
100% {
 opacity: 1
}
}
 @keyframes animatetop {
 0% {
opacity:0;
}
50% {
opacity:0
}
100% {
 opacity: 1
}
}
/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 700px;
	position: relative;
}
/* The Close Button */
.close {
	color: #FFF;
	right: 40px;
	font-size: 38px;
	font-weight: bold;
	position: absolute;
	top: 15px;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
#div_contenitore {
	text-align: center;
	padding: 10px;
	clear: both;
	display: block;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255, 255, 255, 0.6);
	border-bottom-color: rgba(255, 255, 255, 0.6);
	margin: 10px 0px;
	color: #FFF;
}
#div_contenitore .all_div {
	display: inline;
}
#div_contenitore .all_div .div_tripadvisor {
	display: inline-block;
}
.div_pulsante_o {
	padding: 10px;
	margin: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
	font-size: 110%;
	background-color: #404A59;
}
.div_pulsante_o a {
	color: #FFF!important;
}
/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 700px;
	position: relative;
}
/* The Close Button */
.close {
	color: #FFF;
	right: 40px;
	font-size: 38px;
	font-weight: bold;
	position: absolute;
	top: 15px;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.div_testi .div_pulsante {
	padding: 10px;
	margin: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-size: 110%;
}
.div_testi .div_pulsante a {
	color: #FFF;
}
/*animazione etichetta whatsapp*/
#scompare {
	-webkit-animation: 3s ease 0s normal forwards 1 fadein;
	animation: 3s ease 0s normal forwards 1 fadein;
}
@keyframes fadein {
 0% {
opacity:0;
}
 66% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes fadein {
 0% {
opacity:0;
}
 66% {
opacity:0;
}
 100% {
opacity:1;
}
}
.trigger {
	float: right;
	font-family: Arial, sans-serif;
	margin-right: 10px;
	cursor: pointer;
	border: solid 1px #FFFFFF;
	text-align: center;
	width: 23px;
}
/* Additional styles not required */
.etichetta {
	background: #424a5b;
	padding: 10px;
	text-align: center;
	position: fixed;
	bottom: 30px;
	right: 30px;
	font-size: 17px;
	width: 250px;
	line-height: 1.2;
	border-radius: 10px;
	color: #FFF;
	-webkit-box-shadow: -1px 1px 15px 0px rgba(0,0,0,.8);
	-moz-box-shadow: -1px 1px 15px 0px rgba(0,0,0,.8);
	-o-box-shadow: -1px 1px 15px 0px rgba(0,0,0,.8);
	box-shadow: -1px 1px 15px 0px rgba(0,0,0,.8);
	z-index: 100;
}
.etichetta a {
	color: #424a5b;
	padding: 5px 10px;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 5px solid #424a5b;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Comfortaa', cursive;
	font-weight: bold;
	font-size: 90%;
}
/*animazione etichetta whatsapp*/
.news_lato .titolo_box {
	margin-top: 30px!important;
	color: #C00!important;
}
.news_lato ul.novita_l {
	margin: 0px;
	padding: 0px 0px;
	font-size: 10px;
}
.news_lato ul.novita_l li {
	font-family: Arial, Helvetica, sans-serif!important;
	color: #333333;
	font-size: 15px!important;
	list-style-type: disc!important;
	padding: 0px!important;
	margin: 0px 20px!important;
	text-transform: none!important;
}
label.error {
	color: #f33;
	padding: 0;
	margin: 2px 0 0 0;
	padding-left: 18px;
	background-image: url(/images/sfondo/error.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.hotel-fontana-app {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 20px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-top: 1px solid #6c6c58;
}

.hotel-fontana-app .immagine {
    flex: 0 0 20%;
    text-align: right;
}

.hotel-fontana-app .immagine img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
}

.hotel-fontana-app .contenuto {
    flex: 1;
    min-width: 0;
}

@media (max-width: 767px) {
    .hotel-fontana-app {
        flex-direction: column;
        text-align: center;
    }

    .hotel-fontana-app .immagine {
        flex: none;
        width: 100%;
        text-align: center;
    }

    .hotel-fontana-app .immagine img {
        width: 100%;
        max-width: 180px;
        height: auto;
        margin: 0 auto;
    }

    .hotel-fontana-app .contenuto {
        width: 100%;
    }
}