html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, ul, li, form, table, tr, th, td, tbody, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, figure, footer, header, nav {display: block;}
article {
	background-color: #FFFFFF;
	box-shadow: 5px 5px 10px 2px #8c8c8c;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
}


/*ul {list-style: none;}*/

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #o3f;}

a:hover {color: #69f;}


body { background: #ffffff; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }

#spazio {
	float: left;
	position: relative;
	width: 99%; 
	margin: 0 auto;
}
/* sfondo */
#spazio #sfondo {
	margin-left: 300px;
}

#spazio #sfondo img {
	margin: 0 auto;
	max-width: 100%;
	box-shadow: 5px 5px 10px 2px #8c8c8c;
}

#susfondo {padding: 0 0 0 5px; display: none;}

/* fine sfondo */


#spazio #barra_vert {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
}

/* @group header */

#spazio #barra_vert header {
	position: relative;
	width: 100%;
	float: left;
	padding: 0 0 48px 0;
	background-color: #f3f3f3;
}

#spazio #barra_vert header:after {
	content: " ";
	position: absolute;
	bottom: -16px;
	right: 0;
	height: 16px;
	width: 100%;
	background: url(img3/shadow.png) no-repeat right top;
}

#spazio #barra_vert header h1 {
	float: left;
	width: 100%;
	background-color: #f3f3f3;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0;
}

#spazio #barra_vert header h1 a {
  display: block;
  background: url(/css/img3/logo.png) no-repeat center;
  height: 150px;
  text-decoration: none;
}

#spazio #barra_vert header nav {
	float: left;
	width: 100%;
	margin: 10px 0 30px 0;
}

/*   Elenco puntato menù */
#spazio #barra_vert header nav ul.menu  {margin-left: 10px;}
#spazio #barra_vert header nav ul.menu2 {margin-left: 20px;}
#spazio #barra_vert header nav ul.menu3 {margin-left: 10px;}

#spazio #barra_vert header nav ul.menu li.li0 { text-align: center; list-style: none; }

#spazio #barra_vert header nav ul.menu li.li1 {list-style: none; border-top: 1px solid #000000;}
#spazio #barra_vert header nav ul.menu li.li1.first {border: none;}
#spazio #barra_vert header nav ul.menu li.li2,
#spazio #barra_vert header nav ul.menu li.li3 {list-style: none;}

#spazio #barra_vert header nav ul.menu li.li2,
#spazio #barra_vert header nav ul.menu li.li3 {padding-left: 5px;}
#spazio #barra_vert header nav ul.menu li.li1.sel,
#spazio #barra_vert header nav ul.menu li.li2.sel {}

#spazio #barra_vert header nav ul.menu li.li1 a,
#spazio #barra_vert header nav ul.menu2 li.li2 a,
#spazio #barra_vert header nav ul.menu3 li.li3 a {
    display: block;
    width: 100%;
    padding: 10px 0;
    font: 16px/1.2em ff-tisa-web-pro,serif;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}
#spazio #barra_vert header nav ul.menu2 li.li2 a {padding: 5px 0; margin-left: -10px;}
#spazio #barra_vert header nav ul.menu3 li.li3 a {padding: 5px 0; margin-left: -10px;}

#spazio #barra_vert header nav ul.menu li.li1 a:hover,
#spazio #barra_vert header nav ul.menu li.li1.sel a { color: #0150c7; }

#spazio #barra_vert header nav ul.menu li.li1.sel ul.menu2 li.li2 a {color: #000000;}
#spazio #barra_vert header nav ul.menu li.li1.sel ul.menu2 li.li2.sel a {color: #0150c7;}

#spazio #barra_vert header nav ul.menu li.li1.sel ul.menu2 li.li2 ul.menu3 li.li3 a {color: #000000;}
#spazio #barra_vert header nav ul.menu li.li1.sel ul.menu2 li.li2 ul.menu3 li.li3.sel a {color: #0150c7;}

#spazio #barra_vert header nav #tabs {display: none; margin-right: 10px;}

/* fine menù */

.titolo {
	font: 25px/1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
    text-shadow: 0 3px 0 #f8f8f6;
    text-align: center;
    padding: 0 0 8px 300px;
}
.titolo.sotto {display: none;}

#gmap {width: 100%;}

.divmappa {
	width: 33%;
	height: 100px;
	float: right;
	padding-left: 10px;
}
.responsive-iframe {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.acapo {clear: both;}

/* spazio  */

#spazio .post {
	padding-left: 310px;
	padding-right: 10px;
	clear: left;
	-webkit-transition: width .2s ease-in-out, padding .2s ease-in-out;
	-moz-transition: width .2s ease-in-out, padding .2s ease-in-out;
	transition: width .2s ease-in-out, padding .2s ease-in-out;
}

#spazio .post h1 {
	font: 36px/1.3em ff-tisa-web-pro,serif;
	text-shadow: 0 1px 0 #f8f8f6;
	margin: 0 0 10px 0;
}

#spazio .post h2 {
	font: 36px/1.3em ff-tisa-web-pro,serif;
	text-shadow: 0 1px 0 #f8f8f6;
	margin: 10px 0;
}

#spazio .post h3 {
	font: 26px/1.2em ff-tisa-web-pro,serif;
	margin: 10px 0 5px 0;
}

#spazio .post h4 {
	font: bold 18px/1.2em ff-tisa-web-pro,serif;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
}

#spazio .post h5 {
	font: bold 14px/1.2em ff-tisa-web-pro,serif;
	margin: 10px 0 5px 0;
}

#spazio .post p {
	margin: 0 0 1em 0;
	text-shadow: 0 1px 0 #f8f8f6;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#spazio .post div {
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#spazio .post div.col2a { width: 49%; float: left; padding: 1% 1% 1% 0; clear: both;}
#spazio .post div.col2b { width: 49%; float: left; padding: 1% 0 1% 1%; clear: right; }

#spazio .post div.p3 {text-align: justify; color: #000000;}
#spazio .post div.p3 img.left {width: 33%; padding-right: 10px; float: left;}
#spazio .post div.p3 img.right {width: 33%; padding-left: 10px; float: right;}
#spazio .post div.p3 img.fotostaff {width: 15%; margin-right: 20px; float: left; box-shadow: 5px 5px 10px 2px #8c8c8c;}





#spazio .post div.p3 div.fleft33 {
  font-size: 11px; width: 33%; padding: 5px 1%; margin-right: 1%; float: left; border: 1px solid #8c8c8c;
}
#spazio .post div.p3 div.fright33 {
  font-size: 11px; width: 33%; padding: 5px 1%; margin-left: 1%; float: right; border: 1px solid #8c8c8c;
}
#spazio .post div.p3 div.fcenter33 {
  font-size: 11px; width: 33%; padding: 5px 1%; margin: 0 auto; border: 1px solid #8c8c8c;
}


#spazio .post div.p3 div.nob {border: none;}
#spazio .post div.p3 div.nospleft {padding-left: 0;}
#spazio .post div.p3 div.nospright {padding-right: 0;}



#spazio .post ul#blocchi {
	float: left;
	list-style: none;
	padding: 0 2px;
	background-color: #FFFFFF;
	width: 100%;
}
#spazio .post ul#blocchi li { float: left; display: block; text-align: center; padding: 5px; }

#spazio .post ul#blocchi li img {box-shadow: 5px 5px 10px 2px #8c8c8c;}

#spazio .post a {
	text-decoration: none;
	color: #332dac;
}

#spazio .post a:hover {
	color: #3c5d76;
}

#spazio .post a.doi {color: #ff0000;}

#spazio .post a.uib {
	text-decoration: underline;
	font-style: italic;
	color: #332dac;
}
#spazio .post a.uib:hover {
	color: #ff0000;
}

#spazio .post a.more-button {
	float: right;
	display: block;
	padding: 10px;
	margin: 20px 0 0 10px;
	text-decoration: none;
	font: 14px/1em ff-tisa-web-pro,serif;
	color: #000000;
	text-shadow: 0 1px 0 #fff;
	background: #eeeeeb;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
#spazio .post a.more-button2 {
	float: left;
	display: block;
	padding: 10px;
	margin: 20px 10px 0 0;
	text-decoration: none;
	font: 14px/1em ff-tisa-web-pro,serif;
	color: #000000;
	text-shadow: 0 1px 0 #fff;
	background: #eeeeeb;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

#spazio .post div.news {
	padding: 5px;
	margin-top: 10px;
	box-shadow: 5px 5px 10px 2px #8c8c8c;
}

#spazio .post p.desc {
	font-size: 12px;
	font-style: italic;
}
#spazio .post ul,
#spazio .post ol {
	padding: 0 0 10px 20px;
	float: left;
}

#spazio .post ul li,
#spazio .post ol li {
	list-style: disc;
	margin: 5px 0;
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
}

#spazio .post ol li {
	list-style: lower-latin;
	margin-left: 8px;
}

//////////////////////////////////////////////////////////////
#spazio .post a.doi {color: #ff0000;}

#spazio a.doi-link {
   background: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%221%201%20128%20128%22%3E%0A%3Ccircle%20style%3D%22fill%3A%23fcb425%22%20cx%3D%2265%22%20cy%3D%2265%22%20r%3D%2264%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23231f20%22%20d%3D%22m%2049.819127%2C84.559148%20-11.854304%2C0%200%2C-4.825665%20c%20-1.203594%2C1.510894%20-4.035515%2C3.051053%20-5.264716%2C3.742483%20-2.151101%2C1.203585%20-5.072066%2C1.987225%20-7.812161%2C1.987225%20-4.430246%2C0%20-8.373925%2C-1.399539%20-11.831057%2C-4.446924%20-4.1229464%2C-3.636389%20-6.0602455%2C-9.19576%20-6.0602455%2C-15.188113%200%2C-6.094791%202.1126913%2C-10.960381%206.3380645%2C-14.59676%203.354695%2C-2.893745%207.457089%2C-5.209795%2011.810505%2C-5.209795%202.535231%2C0%205.661807%2C0.227363%207.889738%2C1.302913%201.280414%2C0.614601%203.572628%2C2.060721%204.929872%2C3.469179%20l%200%2C-25.420177%2011.854304%2C0%20z%20m%20-12.1199%2C-18.692584%20c%200%2C-2.253538%20-0.618258%2C-4.951555%20-2.205973%2C-6.513663%20-1.587724%2C-1.587724%20-4.474153%2C-2.996182%20-6.727691%2C-2.996182%20-2.509615%2C0%20-4.834476%2C1.825511%20-6.447807%2C3.720535%20-1.306031%2C1.536501%20-1.959041%2C3.905269%20-1.959041%2C5.877114%200%2C1.971835%200.740815%2C4.165004%202.046836%2C5.701505%201.587714%2C1.895025%203.297985%2C3.193739%205.833216%2C3.193739%202.279145%2C0%204.989965%2C-0.956662%206.552083%2C-2.51877%201.587714%2C-1.562108%202.908377%2C-4.185134%202.908377%2C-6.464278%20z%22%2F%3E%0A%3Cpath%20style%3D%22fill%3A%23fff%22%20d%3D%22m%20105.42764%2C25.617918%20c%20-1.97184%2C0%20-3.64919%2C0.69142%20-5.03204%2C2.074271%20-1.357247%2C1.357245%20-2.035864%2C3.021779%20-2.035864%2C4.993633%200%2C1.971835%200.678617%2C3.649193%202.035864%2C5.032034%201.38285%2C1.382861%203.0602%2C2.074281%205.03204%2C2.074281%201.99744%2C0%203.67479%2C-0.678627%205.03203%2C-2.035861%201.38285%2C-1.382861%202.07428%2C-3.073012%202.07428%2C-5.070454%200%2C-1.971854%20-0.69143%2C-3.636388%20-2.07428%2C-4.993633%20-1.38285%2C-1.382851%20-3.0602%2C-2.074271%20-5.03203%2C-2.074271%20z%20M%2074.219383%2C45.507921%20c%20-7.323992%2C0%20-12.970625%2C2.283009%20-16.939921%2C6.848949%20-3.277876%2C3.782438%20-4.916803%2C8.118252%20-4.916803%2C13.008406%200%2C5.430481%201.626124%2C10.009834%204.878383%2C13.738236%203.943689%2C4.538918%209.475093%2C6.808622%2016.59421%2C6.808622%207.093512%2C0%2012.612122%2C-2.269704%2016.555801%2C-6.808622%203.252259%2C-3.728402%204.878393%2C-8.1993%204.878393%2C-13.413648%200%2C-5.160323%20-1.638938%2C-9.604602%20-4.916803%2C-13.332994%20-4.020509%2C-4.56594%20-9.398263%2C-6.848949%20-16.13326%2C-6.848949%20z%20m%2024.908603%2C1.386686%200%2C37.634676%2012.599304%2C0%200%2C-37.634676%20-12.599304%2C0%20z%20M%2073.835252%2C56.975981%20c%202.304752%2C0%204.263793%2C0.852337%205.877124%2C2.554426%201.638928%2C1.675076%202.458402%2C3.727881%202.458402%2C6.159457%200%2C2.458578%20-0.806671%2C4.538022%20-2.419992%2C6.240111%20-1.613331%2C1.675086%20-3.585175%2C2.514099%20-5.915534%2C2.514099%20-2.612051%2C0%20-4.737546%2C-1.027366%20-6.376474%2C-3.080682%20-1.331637%2C-1.648053%20-1.997451%2C-3.539154%20-1.997451%2C-5.673528%200%2C-2.107362%200.665814%2C-3.985138%201.997451%2C-5.633201%201.638928%2C-2.053316%203.764423%2C-3.080682%206.376474%2C-3.080682%20z%22%2F%3E%0A%3C%2Fsvg%3E) center left no-repeat;
   padding-left: 20px;
 }

#spazio a.license-icon-CC-BY {
	background: url(../dataaccess/CC-BY.png) center left no-repeat;
	padding-left: 86px;
}
//////////////////////////////////////////////////////////////


td.dx {text-align: right;}


#spazio .post table.scheda {
  background-color: #FFFFFF;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 auto;
}

#spazio .post table.scheda tbody tr td {
  padding: 5px;
  border: none;
  border: 1px solid #000000;
  width: 50%;
}
#spazio .post table.scheda tbody tr td.nowrap {white-space:nowrap}


#spazio .post table.tab1 {
	background-color: #FFFFFF;
	border-spacing: 0;
	border-collapse: collapse;
}
#spazio .post table.tab1 tbody tr:nth-child(even) { background: #FFFFFF; }
#spazio .post table.tab1 tbody tr td {
	padding: 5px;
	border: none;
	border-bottom: 1px solid #000000;
}
#spazio .post table.tab1 tbody tr th {
	padding: 5px;
	border: none;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

#spazio .post table.tab2 {border-collapse: collapse;}
#spazio .post table.tab2 tbody tr td,
#spazio .post table.tab2 tbody tr th {
	padding: 5px;
	border-bottom: 1px solid #000000;
}
#spazio .post table.tab2 tbody tr th {text-align: center;}
#spazio .post table.tab2 tbody tr td.dx {text-align: right;}
#spazio .post table.tab2 tbody tr td.cc {text-align: center;}
#spazio .post table.tab2 tbody tr th.nob,
#spazio .post table.tab2 tbody tr td.nob {border: none;}



/* richiesta dati */
#spazio .post table.dataaccess {
  background-color: #FFFFFF;
  border-spacing: 0;
  border-collapse: collapse;
}
#spazio .post table.dataaccess tbody tr:nth-child(even) {background-color: #eeeeeb;}
#spazio .post table.dataaccess tbody tr td {border: 1px solid #000000; padding: 10px;}
#spazio .post table.dataaccess tbody tr td.cc {text-align: center;}
#spazio .post table.dataaccess tbody tr td.up {vertical-align: top;}
#spazio .post table.dataaccess tbody tr td.nowrap {white-space:nowrap}

/* @end */

/* @group default image styles */

/* img */
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 10px 0;
}
#spazio .post img { max-width: 100%; height: auto; }
#spazio .post img.sp5 { padding: 5px; }
#spazio .post img.alignright {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}
#spazio .post .descdx {
	float: right;
	margin: 0 0 10px 10px;
	font-size: 11px;
	text-align: center;
	max-width: 50%;
}
#spazio .post .descsx {
	float: left;
	margin: 0 0 10px 10px;
	font-size: 11px;
	text-align: center;
	max-width: 50%;
}
#spazio .post .desc {
	font-size: 11px;
	text-align: center;
}
#spazio .post .col1 { padding: 5px; }
#spazio .post .col2 { float: left; width: 45%; padding: 5px; }
#spazio .post .col3 { float: left; width: 32%; padding: 5px; }
#spazio .post .finedesc {clear: both; padding-left: 5px; padding-right: 5px; font-size: 12px;}
#spazio .post .fotodesc {border: 1px solid gray; position: relative;}

#spazio .post .fotodesc2a {border: 1px solid gray; width: 45%; padding-right: 10px; float: left;}
#spazio .post .fotodesc2b {border: 1px solid gray; width: 45%; padding-right: 10px; float: right; clear: right;}

#spazio .post .col3a { float: left; width: 32%; padding: 5px; }
#spazio .post .col3b { position: absolute; width: 32%; padding: 5px; margin-left: 33.6%; }
#spazio .post .col3c { float: right; width: 32%; padding: 5px; }

.aligncenter {
	max-width: 97.5%;
	clear: both;
	display: block;
	margin: 20px auto;
}

/* @end */

ul.imggal {margin: 0px; padding: 0px;}
ul.imggal li {
	display: inline-block;
	position: static;
	padding: 5px;
	margin: 0px;
	border: 1px solid #98612C;
	vertical-align: middle;
}


.iframe-container {
    width: 100%; 
    height: 600px; 
    /*padding-bottom: 56.25%; /* 16:9 */
    position: relative;
}


/* @group footer */

footer {
	float: left;
	width: 100%;
	padding: 10px;
}

footer .webmaster {
        float: right;
	color: #000000;
	font: 11px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
        margin-right: 10px;
}
footer .copywrite {
        float: left;
        color: #000000;
        font: 11px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
        margin-left: 10px;
}

footer nav {
	float: left;
	display: none;
}

footer nav ul {

}

footer nav ul li {
	float: left;
	margin: 0 20px 30px 0;
}

footer nav ul li a {
	font: bold 11px/1em ff-tisa-web-pro,serif;
	text-decoration: none;
	color: #93928b;
}

footer nav ul li a.puro {
	display: inline;
	padding: 0;
	border: none;
}

footer nav ul li a:hover {
	color: #7e7d75;
}

footer nav ul li ul.children {
	margin: 5px 0 0 0;
}

footer nav ul li ul.children li {
	float: none;
	margin: 0 20px 0 0;
}

footer nav ul li ul.children li a {
	font-weight: normal;
}

/* @end */

/* tony media */

@media (max-width: 1500px) {
	#spazio #sfondo { margin-left: 20%; }
	#spazio #barra_vert { width: 20%; }
	#spazio .post { padding-left: 21%;}
	.titolo { padding-left: 21%;}
}

@media (max-width: 1300px) { .titolo { font-size: 20px; font-weight: bold;} }
@media (max-width: 1160px) { .titolo { font-size: 15px;} }

@media (max-width: 920px) {
	#spazio .post h1 { font: 32px/1.3em ff-tisa-web-pro,serif; }
	#spazio .post h2 { font: 28px/1.3em ff-tisa-web-pro,serif; }
	#spazio .post h3 { font: 24px/1.2em ff-tisa-web-pro,serif; }
	#spazio .post h4 { font: bold 16px/1.2em ff-tisa-web-pro,serif; }
	#spazio .post h5 { font: bold 14px/1.2em ff-tisa-web-pro,serif; }
	#spazio .post p { font-size: 12px; }
	#spazio .post ul li, #spazio .post ol li { font-size: 12px; }
	#spazio #barra_vert header nav ul.menu2 li.li2 a,
	#spazio #barra_vert header nav ul.menu3 li.li3 a { font-size: 13px; }
	#spazio .post .col3 { max-width: 100%; width: 100%;}
	#spazio .post .col2 { max-width: 100%; width: 100%;}
}

@media (max-width: 768px) { /* Ipad verticale */
	.titolo { padding: 5px;}
  .titolo.sopra {display: none;}
  .titolo.sotto {display: block;}

	#spazio #sfondo { display:none; }
	#spazio #barra_vert {
		position: static;
		width: 100%;
	}
	#spazio #barra_vert header {
		padding: 0;
		z-index: 1000;
	}

	#spazio #barra_vert header:after {background: none;}

	#spazio #barra_vert header h1 a {
		background: url(img3/logo_small.png) no-repeat center;
		height: 100px;
	}
	#spazio #barra_vert header nav {
		display: inline;
		margin: 5px;
	}
	#spazio #barra_vert header nav ul.menu {
		padding: 0;
		margin: 0;
		text-align: center;
		border: none;
	}
	#spazio #barra_vert header nav ul.menu li.li1,
	#spazio #barra_vert header nav ul.menu li.li1.first,
	#spazio #barra_vert header nav ul.menu li.li1.last,
	#spazio #barra_vert header nav ul.menu2 {display: none;}

	#spazio #barra_vert header nav #tabs {display: block;}

	footer .show-nav {display: block;}

	#spazio .post { padding-left: 1%;}

#spazio #barra_vert header nav ul.menu3 {
	width: 20%;
	margin: 0;
	border: none;
	text-align: left;
}
#spazio #barra_vert header nav ul.menu3 li.li3 a { padding: 5px 5px 5px 20px; font-size: 12px; width: 90%; }

}

@media (min-width: 620px) {
	#spazio #barra_vert header .menu-button { display: none; }
}
/*
sparisce il menù e compare il bottone in alto
*/
@media (max-width: 620px) {
	#spazio #barra_vert header nav #tabs { display: none; }
	#spazio #barra_vert header .menu-button {
		display: block;
		position: absolute;
		top: 12px;
		left: 4%;
		height: 25px;
		width: auto;
		padding: 0 10px;
		font: bold 12px/25px ff-tisa-web-pro,serif;
		text-shadow: 0 -1px 0 #000;
		color: #000000;
		text-align: center;
		border: 1px solid #1e3245;
		border-radius: 5px;
		box-shadow: 0 1px 0 #375063;
		cursor: pointer;
	}
	#spazio #barra_vert header .menu-button:active {
		background-image: -webkit-gradient(linear, left bottom, left top, from(#1b2d3a), to(#293f52));
		background-image: -moz-linear-gradient(90deg, #1b2d3a 0%, #293f52 100%);
		border: 1px solid #111d28;
	}
	


	
	footer nav {
		display: none;
		position: fixed;
		top: 65px;
		left: 4%;
		right: 40%;
		bottom: 4%;
		margin: 0;
		z-index: 1000;
		background: #f6f6f3;
		border: 5px solid #e8e8e5;
		overflow:auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	}
	
	footer .show-nav {
		display: block;
	}
	
	footer nav ul {
		margin: 0 20px;
		border-top: 1px solid #e8e8e5;
		border-bottom: 1px solid #fdfdfc;
	}
	
	footer nav ul li {
		width: 100%;
		margin: 0;
	}
	
	footer nav ul li a {
		display: block;
		width: 100%;
		padding: 10px 0;
		font: 16px/1.2em ff-tisa-web-pro,serif;
		text-shadow: 0 1px 0 #fff;
		text-decoration: none;
		color: #838071;
		border-bottom: 1px solid #e8e8e5;
		border-top: 1px solid #fdfdfc;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		transition: all .2s ease-out;
	}
	
	footer nav ul li a:hover {
		color: #65625b;
	}
	
	footer nav li.page_item ul.children {
		margin: 0;
		display: inline-block;
		width: 100%;
		background: url(images/nav-shadow-top.png) no-repeat center -1px, url(images/nav-shadow.png) no-repeat center bottom, -webkit-gradient(linear, right bottom, left bottom, from(#f6f6f3), color-stop(0.1, #f3f3f0), color-stop(0.9, #f3f3ef), to(#f6f6f3));
		background: url(images/nav-shadow-top.png) no-repeat center -1px, url(images/nav-shadow.png) no-repeat center bottom, -moz-linear-gradient(180deg, #f6f6f3 0%, #f3f3f0 10%, #f3f3ef 90%, #f6f6f3 100%);
		border: none;
		
	}
	
	footer nav li.page_item ul.children li a {
		width: 90%;
		padding: 10px 5%;
		font-size: 12px;
		color: #838071;
	}
	
	
	footer nav ul li ul.children li:first-child a {
		border-top: none;
	}
	
}

@media (max-width: 350px) {
	#spazio #barra_vert header h1 { padding-left: 10px; }
}
 

/*
320px: iPhone con orientamento portrait
480px: iPhone con orientamento landscape
768px: iPad con orientamento portrait
1024px: iPad con orientamento landscape (ma anche netbook, visto che in genere questi dispositivi hanno una risoluzione orizzontale di 1024px)
/*
