/*
/* 
 * 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%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 16px; line-height: 1.250; }

body, button, input, select, textarea { font-family:Georgia, "Times New Roman", Times, serif; color: #FFF; }

/* 
 * 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: #FFF; text-decoration: underline; }
a:visited { color: #CCC; }
a:hover { color: #FFF; }
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 60px; list-style-type:none;}
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: top; }



/* ==|== 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; }
}


img, object, embed, video {
	max-width: 100%;
}


/* ******************************************* INIZIO CSS SITO ****************************************** */

body {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
}

.clear {
float: none;
clear: both;
}

p{
	color:#99ccff;
	margin: 0;
	font-size: 100%;
	padding-bottom: 1.5%;
	line-height: 100%;
}

.titolo{
	color: #FFF;
	font-size: 180%;
	font-style: italic;
}

.titolo_piccolo{
	color: #FFF;
	font-size: 130% !important;
	font-style: italic;
	margin-left:15%;
}

.titolo_piccolo a {
	font-size: 100% !important;
}

.titolo_n1{
	color: #FFF;
	font-size: 140%;
	font-variant: small-caps;
	background: url(../grafica/ban1.png);
	background-size: 100% 100%;
	position: relative;
	width: 90%;
	height: 20%;
	padding: 2%;
	padding-top: 3%;
	padding-left: 6%;
	margin-bottom: 1%;
}

.titolo_n2{
	color: #FFF;
	font-size: 140%;
	font-variant: small-caps;
	background: url(../grafica/ban2.png);
	background-size: 100% 100%;
	position: relative;
	width: 90%;
	height: 20%;
	padding: 2%;
	padding-top: 3%;
	padding-left: 6%;
	margin-bottom: 1%;
}

.bianco {
	color: #FFF;
}

.azzurro {
	color: #99ccff;
}

.gridContainer {
	overflow: hidden;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background-color:#000;
}

#tucano {
	position:absolute;
	display: block;
	width:10%;
	left: 90%;
	height: 15%;
	z-index: 300;
}

#top {
	position: relative;
	width: 100%;
	height:8%;
	background: #000;
}


.menu {
	position: relative;
    float: left;
	padding-top:1%;
	padding-left: 3.5%;
	width:13%;
	height: 65%;
}

.menu_on {
	position: relative;
	float: left;
	padding-top:1%;
	margin-left: -13%;
	width:13%;
	height: 65%;
	display: none;
}

#mid {
	position: relative;
	width: 100%;
	height: 89%;
	background:#000;
}

#mid_bot {
	position: absolute;
	width: 100%;
	height: 25%;
	top: 75%;
	z-index: 10;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000219+32,2d6f9b+100 */
background: #000219; /* Old browsers */
background: -moz-linear-gradient(top, #000219 32%, #2d6f9b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000219 32%,#2d6f9b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000219 32%,#2d6f9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000219', endColorstr='#2d6f9b',GradientType=0 ); /* IE6-9 */
}

#mid_left {
	position: relative;
	float: left;
	width: 42%;
	height: 100%;
	z-index: 20;
}

.mlt_div {
	position: relative;
	margin-top: 8.2%;
	width: 85%;
	height: 83%;
	display: block;
	padding: 2%;
	padding-bottom: 0;
	margin-left: 8%;

background: rgb(35,54,101);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjMzNjY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjMjAzMjVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjMGQxNjI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjMGMxNDIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(35,54,101,1) 0%, rgba(32,50,90,1) 22%, rgba(0,0,0,1) 54%, rgba(13,22,39,1) 77%, rgba(12,20,34,1) 77%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(35,54,101,1)), color-stop(22%,rgba(32,50,90,1)), color-stop(54%,rgba(0,0,0,1)), color-stop(77%,rgba(13,22,39,1)), color-stop(77%,rgba(12,20,34,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(-45deg,  rgba(35,54,101,1) 0%,rgba(32,50,90,1) 22%,rgba(0,0,0,1) 54%,rgba(13,22,39,1) 77%,rgba(12,20,34,1) 77%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(35,54,101,1) 0%,rgba(32,50,90,1) 22%,rgba(0,0,0,1) 54%,rgba(13,22,39,1) 77%,rgba(12,20,34,1) 77%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(35,54,101,1) 0%,rgba(32,50,90,1) 22%,rgba(0,0,0,1) 54%,rgba(13,22,39,1) 77%,rgba(12,20,34,1) 77%,rgba(0,0,0,1) 100%);
background: linear-gradient(135deg,  rgba(35,54,101,1) 0%,rgba(32,50,90,1) 22%,rgba(0,0,0,1) 54%,rgba(13,22,39,1) 77%,rgba(12,20,34,1) 77%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233665', endColorstr='#000000',GradientType=1 );

border-top: 1px solid #0066cc; 
    -webkit-box-shadow: 0px 0px 10px 4px #0066cc;
       -moz-box-shadow: 0px 0px 10px 4px #0066cc;
            box-shadow: 0px 0px 10px 4px #0066cc;

border-left: 1px solid #0066cc; 
    -webkit-box-shadow: 0px 0px 10px 4px #0066cc;
       -moz-box-shadow: 0px 0px 10px 4px #0066cc;
            box-shadow: 0px 0px 10px 4px #0066cc;
			
border-right: 1px solid #0066cc; 
    -webkit-box-shadow: 0px 0px 10px 4px #0066cc;
       -moz-box-shadow: 0px 0px 10px 4px #0066cc;
            box-shadow: 0px 0px 10px 4px #0066cc;
}

div.mlt_div p {
	padding-left: 2%;
	padding-right: 2%;
}


#mlt_scroll {
	position: relative;
	width: 85%;
	height: 3%;
	padding-left: 2%;
	padding-right: 2%;
	line-height: 100%;
	margin-bottom: 0;
	margin-left: 8%;
background: rgb(35,54,101);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjMzNjY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(35,54,101,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(35,54,101,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(-45deg,  rgba(35,54,101,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(35,54,101,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(35,54,101,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(135deg,  rgba(35,54,101,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233665', endColorstr='#000000',GradientType=1 );

border-bottom: 1px solid #0066cc; 
    -webkit-box-shadow: 0px 0px 10px 4px #0066cc;
       -moz-box-shadow: 0px 0px 10px 4px #0066cc;
            box-shadow: 0px 0px 10px 4px #0066cc;

border-left: 1px solid #0066cc; 
    -webkit-box-shadow: 0px 0px 10px 4px #0066cc;
       -moz-box-shadow: 0px 0px 10px 4px #0066cc;
            box-shadow: 0px 0px 10px 4px #0066cc;
			
border-right: 1px solid #0066cc; 
    -webkit-box-shadow: 0px 0px 10px 4px #0066cc;
       -moz-box-shadow: 0px 0px 10px 4px #0066cc;
            box-shadow: 0px 0px 10px 4px #0066cc;
}

#mid_left_bot {
	position:relative;
	width: 100%;
	height: 35%;
	padding: 1%;
}

.proposte_img{
	float: left;
	width: 32%;
	height:100%;
	padding-left: 1%;
}

.proposte_img_on {
    position:relative;
	float: left;
	margin-left: -32%;
	width: 32%;
	height: 100%;
	display: none;
}

#mid_right {
	position: relative;
	float: left;
	width: 58%;
	height: 100%;
	z-index: 20;
}

#mid_right_top {
	position: relative;
	width: 100%;
	height: 75%;
	background: url(../grafica/costruzione.jpg);
	background-size: 100% 100%;
	background-position: bottom;
	background-repeat: no-repeat;
}

#mid_right_bot {
	position: relative;
	width: 100%;
	height: 25%;

}

#spettacoli_div {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

.spettacoli {
	padding-top: 1%;
	position:relative;
    float: left;
	padding-left: 1.5%;
	width: 23%;
	height: 90%;
}

.spettacoli_on {
	padding-top: 1%;
	position:relative;
    float: left;
	margin-left: -23%;
	width: 23%;
	height: 90%;
	display: none;
}

#footer {
	position: relative;
	width: 100%;
	height: 3%;
	background: url(../grafica/bkg_gallery_comandi.jpg);
	text-align:	center;
	padding-top: 0.4%;
}
#footer a {
	margin-left: 1rem;
}

.fade {
visibility: hidden;
}

#mid_top{
	position: relative;
	width: 100%;
	height: 75%;
	z-index: 20;
	background: url(../grafica/costruzione.jpg);
	background-size: 60% 100%;
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

#colonna_sx{
	position: relative;
	width:47.5%;
	height: 96%;
	top: 2%;
	background: url(../grafica/bkg_col.png);
	float:left;
	margin-left: 1.5%;
	padding-right: 1%;
}

#colonna_sx p{
	padding-left:3%;
	padding-right: 2%;
}

#colonna_dx{
	position: relative;
	width:47.5%;
	height: 96%;
	top: 2%;
	background: url(../grafica/bkg_col.png);
	float: right;
	margin-right:1.5%;
	padding-right: 1%;
}

#colonna_dx p{
	padding-left:3%;
	padding-right: 2%;
}

#mid_left_bot_2{
	position: relative;
	width: 37%;
	height: 100%;
	float: left;
	padding-left: 3%;
    background-color: rgba(14,34,64,0.5);
}

#mid_right_bot_2{
	position: relative;
	width: 60%;
	height: 100%;
	float: right;
}

.spettacoli_2 {
    float: left;
	position:relative;
	width: 29%;
	height: 85%;
	margin-left: 0.7%;
	padding-top: 3%;
}

.spettacoli_2_on {
	padding-top: 3%;
    float: left;
	position:relative;
	margin-left: -29%;
	width: 29%;
	height: 85%;
	display: none;
}

.immagine_lista {
	float:right;
	width:40%;
	height:auto;
	margin-top:6%;
	margin-bottom:4%;
	margin-right:3%;
}

#videodiv {
   text-align: center;
   margin: 0 auto;
   right: 0;
   left: 0;
}

#videodiv p {
	margin: 0;
}

/* GALLERY */

.gallery {
	position: relative;
	background: #000;
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
}

.gallery_immagini {
	position: relative;
	background-image: url(../grafica/bkg_fullscreen.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 94%;
}

.immagine_w_h {
	position: fixed;
	top: -1000000px;
}

.gallery_comandi {	
	position: relative;
	width: 100%;
	height: 10%;
	padding-top:1%;
	background: url(../grafica/bkg_gallery_comandi.jpg);
}

.gallery_comandi_sx {
	position: relative;
	float: left;
	padding-left:3%;
	width: auto;
	height: 70%;
}

.gallery_comandi_dx {
	position: relative;
	float: right;
	padding-right:3%;
	width: auto;
	height: 70%;
}

.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../grafica/bkg_fullscreen.png) ;
	z-index: 210;
	display: none;
}

.fb-like {
	padding:0.5%;
	padding-left:4%;
	padding-bottom:2%;
}

#rs_immagine {
	margin: auto;
	left: 0;
	right: 0;
	width: 90%;
}

#rs_immagine img {
	width: 100%;
	height: auto;
}

/* FINE GALLERY */


@media screen and (-webkit-min-device-pixel-ratio:0) {
   .ultimo {
	   padding-bottom: 25%;
   }
   
   .piu {
	padding-bottom: 90%;
	}
}


/* ********************************* Layout mobile: 480 px e inferiori. ********************************* */




/* ***************** Layout tablet: da 481 px a 768 px. Eredita stili da: Layout mobile. ***************** */

@media only screen and (min-width: 481px) {


}

/* ************* Layout desktop: da 769 px in su.  Eredita stili da: Layout mobile e Layout tablet. ******** */

@media only screen and (min-width: 769px) {


}