#iphone {display:none;}
#noiphone {display: block;}
#ipadp {display:none;}
#noipadp {display: block;}

.bred {
	font-weight: bold;
	color: red;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust:100%;
}									
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {}

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

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

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

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

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

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

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;
}

#spazio {
	float: left;
	position: relative;
	width: 100%; 
	max-width: 1600px;
	margin: 0 auto;
}

#spazio #barra_vert {
	position: absolute;
	background: red;
	top: 0;
	left: 4%;
	width: 20%;
	-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: #f6f6f3;
	-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 h1 {
	float: left;
	width: 100%;
	height: 110px;
	background: #294154 url(img3/marb014.jpg) repeat-x center;
}

#spazio #barra_vert h1 a {
	display: block;
	text-indent: -9999px;
	background: url(img3/logo.gif) no-repeat;
	height: 70px;
	margin: 20px;
}

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

#spazio #barra_vert  ul {
	margin: 0 15px;
	/*border-top: 1px solid #e8e8e5;*/
	border-bottom: 1px solid #fdfdfc;
}

#spazio #barra_vert  ul li {

}

#spazio #barra_vert  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;
}

#spazio #barra_vert header[role=banner] nav[role=navigation] ul li a.puro {
	display: inline;
	padding: 0;
	border: none;
}

#spazio #barra_vert header[role=banner] nav[role=navigation] ul li a:hover,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_item a,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_parent a {
	color: #02ACC5;
}

#spazio #barra_vert header[role=banner] nav[role=navigation] li.page_item ul.children {
	display: none;
}

#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_item ul.children, 
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_parent ul.children,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_ancestor 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;
}


#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_item ul.children li a, 
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_parent ul.children li a,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_ancestor ul.children li a {
	width: 80%;
	padding: 10px 5%;
	font-size: 12px;
	color: #838071;
}

#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_item ul.children li a:hover, 
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_parent ul.children li a:hover,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_ancestor ul.children li a:hover,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_parent ul.children li.current_page_item a,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_ancestor ul.children li.current_page_parent a {
	color: #65625b;
}

#spazio #barra_vert header[role=banner] nav[role=navigation] ul li.current_page_item ul.children li:first-child a,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_parent ul.children li:first-child a,
#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_ancestor ul.children li:first-child a {
	border-top: none;
}


#spazio #barra_vert header[role=banner] .sign-in-container {
	margin: 0 20px;
}

#spazio #barra_vert header[role=banner] .sign-in {
	float: left;
	width: 100%;
	height: 45px;
	display: block;
	margin: 0 0 30px 0;
	font: bold 18px/35px ff-tisa-web-pro,serif;
	text-align: center;
	text-decoration: none;
	color: #487292;
	background: #fff;
	border: 5px solid #eeeeeb;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* @end */

/* @group sidebar */

#spazio #barra_vert #sidebar {
	width: 100%;
	margin: 40px 0 20px 0;
	float: left;
}

#spazio #barra_vert #sidebar .widget {
	background: #fff url(images/border-thin.png) repeat-x left top;
	padding: 20px;
	margin: 0 0 20px 0;
	-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 #barra_vert #sidebar .widget h2 a,
#spazio #barra_vert #sidebar .widget h2 {
	font: bold 24px/1em ff-tisa-web-pro,serif;
	text-decoration: none;
	color: #5a5a5a;
	margin: 0 0 10px 0;
}

#spazio #barra_vert #sidebar .widget h2 a:hover {
	color: #7a7a7a;
}

#spazio #barra_vert #sidebar .facebook {
	display: block;
	padding: 5px 0;
	margin: 0 0 10px 0;
	font: bold 14px/1em ff-tisa-web-pro,serif;
	color: #487191;
	text-decoration: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#spazio #barra_vert #sidebar .widget img {
	max-width: 100%;
}

#spazio #barra_vert #sidebar .widget article {
	padding: 10px 0;
}

#spazio #barra_vert #sidebar .widget .sidebar-event {
	border-bottom: 1px solid #eeeeee;
}

#spazio #barra_vert #sidebar .widget article .event-date {
	font: italic 14px/1em ff-tisa-web-pro,serif;
	color: #5b5b5b;
	margin: 0 0 7px 0;
}

#spazio #barra_vert #sidebar .widget article h3 a {
	display: block;
	margin: 0 0 4px 0;
	font: 16px/1.2em ff-tisa-web-pro,serif;
	color: #487191;
	text-decoration: none;
}

#spazio #barra_vert #sidebar .widget article .meta {
	font: italic 11px/1em ff-tisa-web-pro,serif;
	color: #a7a7a7;
	margin: 0 0 7px 0;
}

#spazio #barra_vert #sidebar .widget article p {
	color: #6c6d6d;
	text-shadow: 0 1px 0 #f8f8f6;
	font: 11px/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
}

#spazio #barra_vert #sidebar .widget article .readmore {
	display: none;
}

#spazio #barra_vert #sidebar .widget .blogroll li {
	padding: 10px 0;
	border-bottom: 1px solid #eeeeee;
}

#spazio #barra_vert #sidebar .widget .blogroll li a {
	display: block;
	font: 16px/1.2em ff-tisa-web-pro,serif;
	color: #487191;
	text-decoration: none;
}

/* @end */

#spazio #sfondo {
	background: #FFFFFF;
	border-bottom: 5px solid white;
	-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 #sfondo img {
	margin: 0 auto;
	max-width: 100%;
}

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

#spazio .post {
	width: 68%;
	padding: 4% 4% 4% 28%;
	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;
}

/* wrapper e accordion */
.wrapper {
	clear: both;
}

#accordion {
	box-shadow:0 0 5px rgba(47,48,64,1);
	-moz-box-shadow:0 0 5px rgba(47,48,64,1);
	-webkit-box-shadow:0 0 5px rgba(47,48,64,1);
}

a.opening {
	/*font-family: 'Oswald', Arial, sans-serif;*/
	display:block;
	font: 16px/1.2em ff-tisa-web-pro,serif;
	text-shadow: 0 1px 0 #fff;
	background: url(img3/destra.gif) no-repeat 10px center #f6f6f3;
	padding:3px 30px;/*
	text-decoration:none;
	color:#2f3040;
	font-weight:bold;
	font-size:1.2em;*/
	border-bottom:1px solid #2f3040;
	border-left:1px solid #2f3040;
	border-right:1px solid #2f3040;
	}

a.opening:hover, a.active {
	background: url(img3/basso.gif) no-repeat 10px center #ffffff;
	}

.level {
	border-top:1px solid #2f3040;
}

.expanded {
	/*background:url(concrete_wall_3.png);*/
	padding:15px;
	font-size:0.9em;
	letter-spacing:-1px;
	border-bottom:1px solid #2f3040;
	border-left:1px solid #2f3040;
	border-right:1px solid #2f3040;
}
.expanded p {
	padding-bottom:20px;
}
.expanded .expanded {
	/*background:url(concrete_wall.png);*/
	padding:0;
	color:#fff;
}
.expanded .expanded p {
	padding:15px;
}

/* fine wrapper e accordion*/

#protocollo {
	font: italic 16px/1em ff-tisa-web-pro,serif;
	width: 49%;
	float: left;
}
#sepprot {
	float: left;
	width: 2%;
}


#result img {
	margin: 0 auto;
	max-width: 100%;
}

.sensori {
	float: left;
	width: 20%;
	text-align: center;
	border: 1px solid #e2e1d9;
}

.mapaws {
	float: right;
	width: 30%;
}

.form1 {
	color: #487191;
	font: bold 18px/1.2em ff-tisa-web-pro,serif;
	margin: 10px 0 5px 0;
}









/* @group default text styles */

#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 0 1em 0;
	color: #6c6d6d;
	text-shadow: 0 1px 0 #f8f8f6;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

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

#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;
	color: #6c6d6d;
	text-shadow: 0 1px 0 #f8f8f6;
}

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

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

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

/* tony */
#spazio .donate-button {
	height: 35px;
	width: 200px;
	display: block;
	margin: 40px auto 30px auto;
	font: bold 18px/35px ff-tisa-web-pro,serif;
	text-align: center;
	text-decoration: none;
	color: #487292;
	background: #fff;
	border: 5px solid #eeeeeb;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

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

#spazio .post .map {
	margin: 0 0 40px 0;
	overflow: auto;
	background: #fff;
	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 .map .map-fallback {
	display: none;
}

#spazio .post .map .vcard {
	float: left;
	width: 25%;
}

#spazio .post .map .vcard .org,
#spazio .post .map .vcard .adr,
#spazio .post .map .vcard .tel,
#spazio .post .map .vcard .fax {
	display: block;
	padding: 5px 15px;
	font: 12px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#spazio .post .map .vcard .org {
	margin: 10px 0 0 0;
	font: bold 14px/1em ff-tisa-web-pro,serif;
}

#spazio .post .map iframe {
	float: right;
	width: 75%;
}

#spazio .post .more-button {
	float: right;
	clear: both;
	display: block;
	padding: 10px;
	margin: 20px 0 20px 0;
	text-decoration: none;
	font: 14px/1em ff-tisa-web-pro,serif;
	color: #a2a197;
	text-shadow: 0 1px 0 #fff;
	background: #eeeeeb;
	-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);
}

img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.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 default layer styles */

#spazio .layer {
	float: left;
	width: 68%;
	padding: 4% 4% 4% 28%;
	clear: left;
	background: #f0efe8 url(images/border-thick.png) repeat-x center top;
	-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 .layer.one {
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
}

#spazio .layer:nth-child(even) {
	background: #f6f6f3  url(images/border-thick.png) repeat-x center top;
}

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

#spazio .layer p {
	margin: 0 0 1em 0;
	color: #6c6d6d;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#spazio .layer .more-button {
	float: right;
	clear: both;
	display: block;
	padding: 10px;
	margin: 20px 0 0 0;
	text-decoration: none;
	font: 14px/1em ff-tisa-web-pro,serif;
	color: #a2a197;
	text-shadow: 0 1px 0 #fff;
	background: #eeeeeb;
	-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 .layer .more-button:hover {
	color: #a2a197;
	text-shadow: 0 1px 0 #fff;
	background: #f7f7f6;
}

#spazio .layer img.alignleft {
	float: left;
	/*width: 25%;*/
	height: auto;
	margin: 0 3% 5px 0;
	background: #fff;
	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 .layer img.alignright {
	float: right;
	/*width: 25%;*/
	height: auto;
	margin: 0 3% 5px 0;
	/*background: #fff;*/
	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 .layer ul {
	padding: 0 0 0 20px;
}

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





/* @end */

/* @group custom homepage styles */

#spazio .post-home h2 {
	margin: 0 0 2% 0;
}

#spazio .layer .blog-home {
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
}

#spazio .layer .blog-home h3 {
	font: 24px/1em ff-tisa-web-pro,serif;
	margin: 0 0 10px 0;
}

#spazio .layer .blog-home h3 a {
	color: #487191;
	text-decoration: none;
}

#spazio .layer .blog-home h3 a:hover {
color: #3c5d76;
}

#spazio .layer .blog-home .meta {
	font: italic 11px/1em ff-tisa-web-pro,serif;
	color: #6c6d6d;
	margin: 0 0 10px 0;
}

#spazio .layer .blog-home p {
	color: #6c6d6d;
	text-shadow: 0 1px 0 #f8f8f6;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#spazio .layer .blog-home p a {
	color: #487191;
	text-decoration: none;
	text-shadow: 0 1px 0 #f8f8f6;
}

#spazio .layer .blog-home .readmore a {
	font: 14px/1em ff-tisa-web-pro,serif;
	color: #487191;
	text-decoration: none;
	text-shadow: 0 1px 0 #f8f8f6;
}

#spazio .layer .blog-home .readmore a:hover {
	color: #3c5d76;
}


/* @end */


/* @group news & events layers */

#spazio .layer .latest {
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
}

#spazio .layer .latest h3 a {
	color: #5a5a5a;
	margin: 0 0 20px 0;
	text-decoration: none;
}

#spazio .layer .latest h3 a:hover {
	color: #7a7a7a;
}

#spazio .layer .latest .event-date {
	display: block;
	font: italic 16px/1em ff-tisa-web-pro,serif;
	color: #4d4d4d;
	margin: 0 0 5px 0;
}

#spazio .layer .latest h4 {
	font: 18px/1.2em ff-tisa-web-pro,serif;
	margin: 0;
}

#spazio .layer .latest h4 a {
	color: #487191;
	text-decoration: none;
}

#spazio .layer .latest h4 a:hover {
	color: #3c5d76;
}

#spazio .layer .latest .meta {
	font: italic 11px/1em ff-tisa-web-pro,serif;
	color: #6c6d6d;
	text-shadow: 0 1px 0 #fff;
	margin: 5px 0 0 0;
}

#spazio .layer .latest p {
	margin: 10px 0 0 0;
}

#spazio .layer .latest .readmore a {
	font: 14px/1em ff-tisa-web-pro,serif;
	color: #487191;
	text-decoration: none;
	text-shadow: 0 1px 0 #f8f8f6;
}

#spazio .layer .latest .readmore a:hover {
	color: #3c5d76;
}

/* @end */

/* @group tertiary nav */

#spazio .tertiary {
	float: left;
	width: 100%;
	margin: 20px 0;
}

#spazio .tertiary ul {
	float: left;
	width: 68%;
	padding: 0 4% 4% 28%;
	-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 .tertiary ul li {
	margin: 0 0 5px 0;
	float: left;
	clear: left;
}

#spazio .tertiary ul li a {
	display: block;
	height: 25px;
	padding: 0 20px;
	background: url(images/leaf-bullet.png) no-repeat left 8px;
	font: 16px/25px ff-tisa-web-pro,serif;
	text-decoration: none;
	color: #487191;
	text-shadow: 0 1px 0 #f8f8f6;
}

#spazio .tertiary ul li a:hover {
	color: #375771;
}

#spazio .tertiary ul .current a,
#spazio .tertiary ul .current_page_item a {

}

/* @end */

/* @group blog category menu */

#spazio #categories-menu {
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
	margin: 0 0 4% 0;
	background: url(images/border-thin.png) repeat-x left top #f6f6f4;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 -1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 -1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 -1px 2px rgba(0, 0, 0, 0.25);
}

#spazio #categories-menu ul  {
	width: 68%;
	float: left;
	padding: 0 4% 0 28%;
	-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 #categories-menu ul li {
	float: left;
}

#spazio #categories-menu ul li a {
	display: block;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	font: 12px/1em ff-tisa-web-pro,serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #838071;
	text-shadow: 0 1px 0 #fff;
}

#spazio #categories-menu ul li a:hover {
	color: #68665b;
}

#spazio #categories-menu ul .current a,
#spazio #categories-menu ul .current-cat a {
	color: #8c8b85;
	text-shadow: 0 1px 0 #f8f6eb;
	background: #e3e2db;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: inset 0 1px 1px #c8c7be, 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 1px #c8c7be, 0 1px 0 #fff;
	box-shadow: inset 0 1px 1px #c8c7be, 0 1px 0 #fff;
}

/* @end */

/* @group blog, news, and event styles */

#spazio .blog,
#spazio .event,
#spazio .news {
	float: left;
	width: 68%;
	padding: 0 4% 4% 28%;
}

#spazio .blog h2,
#spazio .event h2,
#spazio .news h2 {
	font: 32px/1em ff-tisa-web-pro,serif;
	margin: 0 0 10px 0;
}

#spazio .blog h2 a,
#spazio .event h2 a,
#spazio .news h2 a  {
	color: #487191;
	text-decoration: none;
}

#spazio .blog h2 a:hover,
#spazio .event h2 a:hover,
#spazio .news h2 a:hover  {
	color: #3c5d76;
}

#spazio .blog .meta,
#spazio .news .meta {
	font: italic 11px/1em ff-tisa-web-pro,serif;
	color: #6c6d6d;
	text-shadow: 0 1px 0 #fff;
	margin: 0 0 15px 0;
}

#spazio .blog .more-link {
	margin: 1em 0 0 0;
	font: 14px/1em ff-tisa-web-pro,serif;
	color: #487191;
	text-decoration: none;
	text-shadow: 0 1px 0 #f8f8f6;
}

#spazio .blog .more-link:hover {
	color: #3c5d76;
}

#spazio .blog .postmetadata {
	float: left;
	clear: left;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ced0c8;
	border-bottom: 1px solid #ced0c8;
	-webkit-box-shadow: inset  0 1px 0 #f0eee1, 0 1px 0 #f0eee1;
	-moz-box-shadow: inset  0 1px 0 #f0eee1, 0 1px 0 #f0eee1;
	box-shadow: inset  0 1px 0 #f0eee1, 0 1px 0 #f0eee1;
}

#spazio .blog .postmetadata p {
	font: italic 12px/1em ff-tisa-web-pro,serif;
	color: #959595;
	text-shadow: 0 1px 0 #fff;
	margin: 0;
}

#spazio .blog .postmetadata p a {
	color: #487191;
	text-decoration: none;
}

#spazio .blog .postmetadata p a:hover {
	color: #3c5d76;
}

#spazio .event .event-date {
	clear: left;
	display: block;
	font: italic 16px/1em ff-tisa-web-pro,serif;
	color: #6c6d6d;
	text-shadow: 0 1px 0 #fff;
	margin: 0 0 5px 0;
}

#spazio .pre-next {
	float: left;
	width: 68%;
	padding: 0 4% 4% 28%;
	-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 .pre-next .next-posts {
	float: left;
}

#spazio .pre-next .prev-posts {
	float: right;
}

#spazio .pre-next .next-posts a,
#spazio .pre-next .prev-posts a {
	font: 14px/1em ff-tisa-web-pro,serif;
	color: #487191;
	text-decoration: none;
	text-shadow: 0 1px 0 #f8f8f6;
}

#spazio .pre-next .next-posts a:hover,
#spazio .pre-next .prev-posts a:hover {
	color: #3c5d76;
}


/* @end */

/* @group admin and faculty styles */

#spazio .faculty {
	float: left;
	width: 68%;
	padding: 0 4% 4% 28%;
}

#spazio .faculty .faculty-image {
	float: left;
	width: 15%;
	margin: 0 4% 10px 0;
}

#spazio .faculty .faculty-image img {
	max-width: 100%;
}

#spazio .faculty .faculty-info {
	margin-left: 19%;
}

/* @end */

/* @group comment styles */

#spazio #commenting {
	float: left;
	width: 100%;
	padding: 40px 0;
	background: #f0efe8 url(images/border-thick.png) repeat-x center top;
	-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
}

#spazio #commenting #respond {
	float: left;
	width: 68%;
	padding: 0 4% 4% 28%;
	-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 #commenting #respond h2 {
	padding: 0 0 10px 0;
	font: 24px/1.2em ff-tisa-web-pro,serif;
	color: #93928b;
	text-shadow: 0 1px 0 #fff;
}

#spazio #commenting #respond h2 a {
	font: 24px/1.2em ff-tisa-web-pro,serif;
	color: #93928b;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
}

#spazio #commenting #respond .logged-in {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	color: #6c6d6d;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#spazio #commenting #respond .logged-in a {
	color: #487191;
	text-decoration: none;
}

#spazio #commenting #respond .logged-in a:hover {
	color: #3c5d76;
}

#spazio #commenting #respond .logged-in .status {
	float: left;
}

#spazio #commenting #respond .logged-in .log-out {
	float: right;
}


#spazio #commenting #respond form .form-row {
	width: 100%;
	float: left;
	clear: left;
	margin: 0 0 10px 0;
}

#spazio #commenting #respond form .form-row label {
	display: block;
	margin: 0 0 5px 0;
	font: bold 14px/1em ff-tisa-web-pro,serif;
	color: #6c6d6d;
}

#spazio #commenting #respond form .form-row label small {
	font-weight: normal;
}

#spazio #commenting #respond form .form-row #author,
#spazio #commenting #respond form .form-row #email,
#spazio #commenting #respond form .form-row #url,
#spazio #commenting #respond form .form-row textarea {
	width: 100%;
	padding: 5px;
	height: 30px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #93928b;
	border: 1px solid #ced0c8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#spazio #commenting #respond form .form-row textarea {
	height: 150px;
}

#spazio #commenting #respond form .form-row #submit {
	float: right;
	display: block;
	padding: 10px;
	font: bold 12px/1em ff-tisa-web-pro,serif;
	color: #fff;
	background: #487191;
	border: none;
}

#spazio #commenting #comments {
	float: left;
	width: 68%;
	padding: 0 4% 4% 28%;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: 0 1px 0 #fff;
	-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 #commenting #comments h2 {
	padding: 0 0 10px 0;
	font: bold 18px/1.2em ff-tisa-web-pro,serif;
	color: #93928b;
	text-shadow: 0 1px 0 #fff;
	border-bottom: 1px solid #ced0c8;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}

ol.commentlist {
	list-style: none;
}

ol.commentlist li .comment {
	float: left;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #ced0c8;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}

ol.commentlist li .comment .comment-author {
	margin: 0 0 10px 0;
}

ol.commentlist li .comment .comment-author a {
	font: bold 14px/1em ff-tisa-web-pro,serif;
	color: #51514d;
	text-decoration: none;
}

ol.commentlist li .comment .comment-author time {
	float: right;
	font: 12px/1em ff-tisa-web-pro,serif;
	color: #93928b;
}

ol.commentlist li .comment div.vcard cite.fn {
	font-style: normal;
}

ol.commentlist li .comment div.vcard img.avatar {
	float:right; 
	margin: 0 0 10px 10px;
}

ol.commentlist li .comment div.comment-meta {
	margin: 0 0 10px 0;
	font-size: 10px;
}

ol.commentlist li .comment p {
	margin: 0 0 1em 0;
	color: #6c6d6d;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

ol.commentlist li .comment footer {
	font: 11px/1em ff-tisa-web-pro,serif;
}

ol.commentlist li .comment footer .reply {
	float: right;
}

ol.commentlist li .comment footer .reply a {
	font-weight: bold;
	text-decoration: none;
	color: #487191;
}

ol.commentlist li .comment footer .reply a:hover {
	color: #3c5d76;
}

ol.commentlist li .comment footer .notif {
	float: left;
	font-style: italic;
	color: #93928b;
}

ol.commentlist li ul.children {
	list-style: none;
	margin: 0 0 0 30px;
}

ol.commentlist li .comment ul.children li.depth-2 {
	border-left: 5px solid #555; 
	margin: 0 0 10px 10px;
}

ol.commentlist li .comment ul.children li.depth-3 {
	border-left: 5px solid #999; 
	margin: 0 0 10px 10px;
}

ol.commentlist li .comment ul.children li.depth-4 {
	border-left: 5px solid #bbb; 
	margin: 0 0 10px 10px;
}

ol.commentlist li .parent {
	border-left: 5px solid #111;
}

/* @end */

/* @group footer */

footer[role=contentinfo] {
	float: left;
	width: 68%;
	padding: 40px 4% 40px 28%;
	-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;
}

footer[role=contentinfo] .copywrite {
	float: left;
	font: bold 11px/1em ff-tisa-web-pro,serif;
	color: #93928b;
}

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

}

footer[role=contentinfo] .social {
	float: right;
}

footer[role=contentinfo] .social ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer[role=contentinfo] .social ul li {
	float: left;
	margin: 0 0 0 5px;
}

footer[role=contentinfo] .social ul li a {
	display: block;
	height: 21px;
	width: 20px;
	text-indent: -99999px;
	background: url(images/social.png) no-repeat left top;
	opacity: .8;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

footer[role=contentinfo] .social ul li a:hover {
	opacity: 1;
}

footer[role=contentinfo] .social ul li .twitter {
	
}

footer[role=contentinfo] .social ul li .facebook {
	background-position: right top;
}

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 */


@media (max-width: 1024px) {
	#spazio #barra_vert {
		left: 4%;
		width: 24%;
	}
	
	#spazio .post,
	#spazio .layer,
	footer[role=contentinfo] {
		width: 64%;
		padding: 4% 4% 4% 32%;
	}
	
	#spazio .blog,
	#spazio .event,
	#spazio .news,
	#spazio .tertiary ul,
	#spazio .pre-next,
	#spazio #commenting #respond,
	#spazio #commenting #comments {
		width: 64%;
		padding: 0 4% 4% 32%;
	}
	
	#spazio #categories-menu ul  {
		width: 64%;
		padding: 0 4% 0 32%;
	}
}

@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 p,
	#spazio .layer p {
		font-size: 12px;
	}
	
	#spazio .post p.intro {
		font-size: 16px;
	}
	
	#spazio .layer h3 {
		font: bold 20px/1.2em ff-tisa-web-pro,serif;
	}
	
	#spazio .layer img.alignleft {
		width: 35%;
	}
	
	#spazio .layer .blog-home h3 {
		font: 20px/1em ff-tisa-web-pro,serif;
	}
	
	#spazio .layer .blog-home .meta {
		font: italic 10px/1em ff-tisa-web-pro,serif;
	}
	
	#spazio .layer .blog-home p {
		font: 12px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	}
}

/*
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)
/*