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

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed {}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

ul {list-style: none;}

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

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}


input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

/* @end */

/* @group custom defaults */

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #o3f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #e3e3e3; color: #fff; text-shadow: none;}
::selection {background: #e3e3e3; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color 
a:link {-webkit-tap-highlight-color: #e3e3e3;} */

ins {background-color: #e3e3e; color: #000; text-decoration: none;}
mark {background-color: #e3e3e; color: #000; font-style: italic; font-weight: bold;}

/* @end */


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

body {
	background: #FFFFFF;
}

#spazio {
	float: left;
	position: relative;
	width: 100%; 
	margin: 0 auto;
}
/* sfondo */
#spazio #sfondo {
	background: #FFFFFF;
	margin-left: 300px;
	background: url(img3/shadow.png) no-repeat right bottom;
}

#spazio #sfondo img {
	margin: 0 auto;
	max-width: 100%;
	margin-bottom: 13px;
}

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

/* fine sfondo */


#spazio #barra_vert {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	-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;
}

/* @group header */

#spazio #barra_vert header[role=banner] {
	position: relative;
	width: 100%;
	float: left;
	padding: 0 0 48px 0;
	background: url(img3/sfondo.gif) left top;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#spazio #barra_vert header[role=banner]: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[role=banner] .menu-button,
#spazio #barra_vert header[role=banner] .show,
#spazio #barra_vert header[role=banner] .hide {
	display: none;
}

#spazio #barra_vert header[role=banner] h1 {
	float: left;
	width: 100%;
	/*background-color: #98612C;*/
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#spazio #barra_vert header[role=banner] h1 a {
	display: block;
	background: url(img3/logo0.gif) no-repeat center;
	height: 60px;
	text-decoration: none;
}

#spazio #barra_vert header[role=banner] nav[role=navigation] {
	float: left;
	width: 100%;
	margin: 20px 0 30px 0;
}

/*   Elenco puntato menù */
#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu,
#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu2 {
	margin: 0 15px;
	/*border-bottom: 1px solid #fdfdfc;*/
}

#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu li.li1,
#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu li.li2 {}

#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu li.li1 a,
#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu2 li.li2 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: #000000;
/*
	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;
*/
}

#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu li.li1 a:hover,
#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu li.li1.sel a,
#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu2 li.li2 a:hover { color: #0150c7; }
/* fine menù */


#spazio .post {
	padding-left: 310px;
	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 {
	color: #487191;
	font: 36px/1.3em ff-tisa-web-pro,serif;
	text-shadow: 0 1px 0 #f8f8f6;
	margin: 0 0 10px 0;
}

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

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

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

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

#spazio .post p {
	margin: 0 1% 1em 0;
	/*color: #6c6d6d;*/
	text-shadow: 0 1px 0 #f8f8f6;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#spazio .post p.jj { text-align: justify; }

#spazio .post div {
	color: #6c6d6d;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#spazio .post div.goto {
	float: right;
	text-align: center;
	font-size: 10px;
	padding-left: 10px;
}


#spazio .post div.col2a { width: 49%; float: left; padding: 1% 1% 1% 0;}
#spazio .post div.col2b { width: 49%; float: left; padding: 1% 0 1% 1%; clear: right;}
#spazio .post div.col1c { padding: 1%; clear: right; text-align: center;}
#spazio .post div.col3a { width: 32%; float: left; padding: 1% 1% 1% 0; }
#spazio .post div.col3b { width: 32%; float: left; padding: 1%; }
#spazio .post div.col3c { width: 32%; float: left; padding: 1% 0 1% 1%; }

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

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

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

#spazio .post ul,
#spazio .post ol {
	padding: 10px 0 10px 20px;
}

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

#spazio .post ol li {
	list-style: decimal;
}

#spazio .post ul.stretta,
#spazio .post ol.stretta { padding: 0 0 10px 20px; }

#spazio .post table {
	margin: 10px 0 40px 0;
	background: #f7f7f1;
	color: #6c6d6d;
	text-shadow: 0 1px 0 #f8f8f6;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

#spazio .post table tbody {}

#spazio .post table tbody tr { text-align: left; }


#spazio .post table tbody tr:nth-child(even) { background: #f0f0eb; }

#spazio .post table tbody tr td {
	padding: 10px;
	line-height: 1.5em;
	border: 1px solid #e7e8e2;
}
#spazio .post table tbody tr td.cc { text-align: center; } 
/*
#spazio .post table tbody tr td:last-child {
	text-align: right;
}
*/
#spazio .post table tbody tr th {
	padding: 10px;
	font: bold 14px/1.2em ff-tisa-web-pro,serif;
	vertical-align: top;
	border: 1px solid #e7e8e2;
}

#spazio .post table tbody tr th small {
	font-weight: normal;
	font-size: 10px;
}
/*
#spazio .post table tbody tr th:first-child {
	border-right: 1px solid #e7e8e2;
	font-size: 12px;
}
*/
#spazio .post table tbody tr:first-child th {

}

#spazio .post table tbody tr:first-child th:last-child {
	/*text-align: right;*/
}

/* @end */

/* @group default image styles */

#spazio .post img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
	height: auto;
	border: 5px solid #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

#spazio .post img.normal {
	max-width: 100%;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* img */
.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 10px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 10px 20px;
}

.aligncenter {
	max-width: 97.5%;
	clear: both;
	display: block;
	margin: 20px auto;
}
 
img.alignleft,
img.alignright {
	width: 30%;
}

img.signature-image {
	float: left;
	width: 10%;
	margin: 0 20px 10px 0;
}

/* @end */


/* @group footer */

footer[role=contentinfo] {
	float: left;
	width: 100%;
	padding: 10px 0px 10px 0px;
}

footer[role=contentinfo] .webmaster {
	color: #6c6d6d;
	font: 11px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
}

footer[role=contentinfo] nav {
	float: left;
	display: none;
}

footer[role=contentinfo] nav ul {

}

footer[role=contentinfo] nav ul li {
	float: left;
	margin: 0 20px 30px 0;
}

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

footer[role=contentinfo] nav ul li a.puro {
	display: inline;
	padding: 0;
	border: none;
}

footer[role=contentinfo] nav ul li a:hover {
	color: #7e7d75;
}

footer[role=contentinfo] nav ul li ul.children {
	margin: 5px 0 0 0;
}

footer[role=contentinfo] nav ul li ul.children li {
	float: none;
	margin: 0 20px 0 0;
}

footer[role=contentinfo] 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%; }
}

@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: 20px/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 div,
	#spazio .post ul.stretta li,
	#spazio .post ol.stretta li,
	#spazio .post p { font-size: 12px; }
}

@media (max-width: 768px) { /* Ipad verticale */
	#spazio #sfondo { margin-left: 0px; }
	#spazio #barra_vert {
		position: static;
		float: left;
		left: 0;
		width: 100%;
	}
	#spazio #barra_vert header[role=banner] {
		padding: 0;
		z-index: 1000;
	}
	#spazio #barra_vert header[role=banner] h1 a {
		background: url(img3/logo_small0.gif) no-repeat center;
		height: 30px;
	}
	#spazio #barra_vert header[role=banner] nav[role=navigation] { margin: 5px; }
	
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu {
		padding: 0;
		margin: 0;
		text-align: center;
		border: none;
	}
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu li.li1 {
		display: inline-block;
		position: static;
		padding: 5px;
		border: 1px solid #98612C;
	}
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu li.li1 a { padding: 0; }
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu2 li.li2 a { padding: 10px; }
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu2 {
		position: absolute;
		left: 0;
		top: 305px;
		width: 20%;
		margin: 0;
		background: url(img3/sfondo.gif) left top;
		border: none;
		text-align: left;
	}
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul.menu2 li.li2 a {
		border: none;
		margin: 0;
	}
	
	#spazio .post { padding-left: 1%;}
	#spazio .post.m2 { padding-left: 21%;}
	
}

@media (min-width: 620px) {
	#spazio #barra_vert header[role=banner] .menu-button { display: none; }
}
/*
sparisce il menù e compare il bottone in alto
*/
@media (max-width: 620px) {
	#spazio #barra_vert header[role=banner] nav[role=navigation] { display: none; }
	#spazio #barra_vert header[role=banner] .menu-button {
		display: block;
		position: absolute;
		top: 12px;
		left: 4%;
		height: 25px;
		width: auto;
		padding: 0 10px;
		background-image: -webkit-gradient(linear, left bottom, left top, from(#274053), to(#36526b));
		background-image: -moz-linear-gradient(90deg, #274053 0%, #36526b 100%);
		font: bold 12px/25px ff-tisa-web-pro,serif;
		text-shadow: 0 -1px 0 #000;
		color: #000000;
		text-align: center;
		border: 1px solid #1e3245;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 1px 0 #375063;
		-moz-box-shadow: 0 1px 0 #375063;
		box-shadow: 0 1px 0 #375063;
		cursor: pointer;
	}
	#spazio #barra_vert header[role=banner] .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;
	}
	
	#spazio .post.m2 { padding-left: 1%;}
	
	#spazio .post div.col2a,
	#spazio .post div.col2b,
	#spazio .post div.col3a,
	#spazio .post div.col3b,
	#spazio .post div.col3c { width: 100%; }
	
	footer[role=contentinfo] nav {
		display: none;
		position: fixed;
		top: 65px;
		left: 4%;
		right: 40%;
		bottom: 4%;
		margin: 0;
		z-index: 1000;
		background: #f6f6f3;
		border: 5px solid #e8e8e5;
		-webkit-overflow-scrolling:touch;
		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[role=contentinfo] .show-nav {
		display: block;
	}
	
	footer[role=contentinfo] nav ul {
		margin: 0 20px;
		border-top: 1px solid #e8e8e5;
		border-bottom: 1px solid #fdfdfc;
	}
	
	footer[role=contentinfo] nav ul li {
		width: 100%;
		margin: 0;
	}
	
	footer[role=contentinfo] 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[role=contentinfo] nav ul li a:hover {
		color: #65625b;
	}
	
	footer[role=contentinfo] 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[role=contentinfo] nav li.page_item ul.children li a {
		width: 90%;
		padding: 10px 5%;
		font-size: 12px;
		color: #838071;
	}
	
	
	footer[role=contentinfo] nav ul li ul.children li:first-child a {
		border-top: none;
	}
	
}

@media (max-width: 350px) {
	#spazio #barra_vert header[role=banner] 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)
/*