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

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

a {color: #blue;}
a:visited {color: blue;}
a:hover {color: red;}

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

a.puro { text-decoration: none; }
.acapo { clear: both; }

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



#spazio #barra_vert {
	position: absolute;
	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 header[role=banner] h1 {
	float: left;
	/*width: 100%;*//*
	height: 110px;
	/*background: #294154 url(img3/marb014.jpg) repeat-x center;*//*
	text-align: center;
}

#spazio #barra_vert header[role=banner] h1 a {
	display: block;
	/*text-indent: -9999px;*//*
	padding-left: 100px;
	padding-top: 10px;
	font: 20px/1.2em bold ff-tisa-web-pro,serif;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
	color: #000000;
	background: url(img3/logo.gif) no-repeat;
	margin-left: 10px;
	height: 100px;
	/*
	height: 70px;
	margin: 20px;*//*
}
#spazio #barra_vert header[role=banner] h1 a:hover {color: #02ACC5;}
*/
	
#spazio #barra_vert header[role=banner] h2 a {
	display: block;
	background: url(img3/logo.gif) no-repeat center;
	width: 100%;
	height: 100px;
	padding: 20px 0 0 0;
	text-decoration: none;
}


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

#spazio #barra_vert header[role=banner] nav[role=navigation] ul {
	margin: 0 15px;
	/*border-top: 1px solid #e8e8e5;*/
	border-bottom: 1px solid #fdfdfc;
}

#spazio #barra_vert header[role=banner] nav[role=navigation] ul li {

}

#spazio #barra_vert header[role=banner] nav[role=navigation] ul li a,
#spazio #barra_vert header[role=banner] nav[role=navigation] ul li.nolink {
	display: block;
	width: 100%;
	padding: 10px 0;
	font: 18px/1.2em "Lucida Grande", Lucida, Verdana, sans-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: -webkit-gradient(linear, right bottom, left bottom, from(#f6f6f3), color-stop(0.1, #f3f3f0), color-stop(0.9, #f3f3ef), to(#f6f6f3));
	background: -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: 14px;
	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;*/
	background: #fff;
	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:after {
	content: " ";
	position: absolute;
	bottom: 24px;
	right: 0;
	height: 16px;
	width: 100%;
	background: url(img3/shadow.png) no-repeat right top;
}

#spazio #barra_vert #sidebar .widget h2 a,
#spazio #barra_vert #sidebar .widget h2 {
	font: bold 18px/1em "Lucida Grande", Lucida, Verdana, sans-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;*/
	font: 16px/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #487191;
	text-decoration: none;
}

#spazio #barra_vert #sidebar .widget .blogroll li a:hover { color: #02ACC5; }
/* @end sidebar */

/* qlang */
#spazio #qlang {
	position: absolute;
	text-align: center;
	top: 8px;
	left: 0;
	width: 4%;
	z-index: 1000;
}

/* @end qlang */









#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 .titolo {
	font: 40px/1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: 0 3px 0 #f8f8f6;
	text-align: center;
	padding: 0 0 8px 28%;
	height: 50px;
}
/* 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 {
	/*width: 68%;*/
	padding: 4% 1% 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;
}

#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: 36px/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;
	text-align: justify;
}

#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;
	border: 1px solid #e7e8e2;
}
/*
#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;
}

#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: 10px 40px 0 0;
}

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

img.alignleft,img.alignright,img.aligncenter { width: 30%;}

img.alignleft.s45,img.alignright.s45 { width: 45%; }
img.alignleft.s25,img.alignright.s25 { width: 25%; }

img.alignleft.tessera,img.alignright.tessera { width: 15%; }

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

/* @end */








/* @group default layer styles */

#spazio .layer {
	float: left;
	/*width: 68%;*/
	width: 70%;
	padding: 1% 2% 1% 28%;
	clear: left;
	margin-top: 15px;
	background-color: #f0efe8;
	box-shadow: 5px 5px 10px 2px #8c8c8c;
	-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);
	margin-top: 0;
}
#spazio .layer.one-c { text-align: center; }
#spazio .layer:nth-child(even) { background-color: #f6f6f3; }

#spazio .layer h2 {
	color: #487191;
	font: 36px/1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: 0 1px 0 #f8f8f6;
	margin: 10px 0;
}
#spazio .layer h3 {
	color: #487191;
	font: bold 24px/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 5px 0 10px 0;
}
#spazio .layer h4 {
	color: #487191;
	font: 24px/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 30px 0 5px 0;
}
#spazio .layer p,
#spazio .layer span {
	margin: 0 0 1em 0;
	color: #6c6d6d;
	font: 14px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: justify;
}
#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;
	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 .layer img.normal {
	max-width: 100%;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#spazio .layer img.alignright {
	float: right;
	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 .layer img.aligncenter {
	height: auto;
	margin: 0 0 10px 0;
	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;
}

#spazio .layer ul#blocchi {
	float: left;
	list-style: none;
	padding: 0 2px;
}
#spazio .layer ul#blocchi li { float: left; display: block; text-align: center; padding: 5px; }


#spazio .layer table {
	margin: 10px 0 40px 0;
	background: #f7f7f1;
	background-color: #f7f8f3;
	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 .layer table tbody tr th {
	padding: 10px;
	font: bold 16px/1.2em ff-tisa-web-pro,serif;
	vertical-align: top;
	border: 1px solid #e7e8e2;
}
#spazio .layer table tbody tr td {
	text-align: justify;
	padding: 10px;
	vertical-align: middle;
	line-height: 1.5em;
	border: 1px solid #e7e8e2;
}
#spazio .layer table td.cx { text-align: center; }
#spazio .layer table tbody tr:nth-child(even) {	background: #f0f0eb; background-color: #e7e9fa; }

#spazio .layer table.normal,
#spazio .layer table.normal tbody tr td {
	vertical-align: top;
	background: none;
	/*text-shadow: none;*/
	box-shadow: none;
	border: none;
	padding: 0px;
	line-height: normal;
}
#spazio .layer table.normal tr:nth-child(even) { background: none; }

#spazio .layer table.team,
#spazio .layer table.team tbody tr td {
	vertical-align: top;
	background: none;
	box-shadow: none;
	border: none;
	padding: 5px;
	font-size: 14px;
}
#spazio .layer table.team tr:nth-child(even) { background: none; }

#spazio .layer table.interna,
#spazio .layer table.interna tbody tr td {
	vertical-align: top;
	background: none;
	box-shadow: none;
	border: 1px solid #000000;
	padding: 5px;
	font-size: 12px;
}
#spazio .layer table.interna tbody tr th {
	vertical-align: top;
	background: none;
	box-shadow: none;
	border: 1px solid #000000;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}
#spazio .layer table.interna tbody tr th.centra { text-align: center; }
#spazio .layer table.interna tr:nth-child(even) { background: none; }


/* richiesta dati */
#spazio .layer table.dataaccess {margin: 0; font-size: 14px; background-color: #ffffff; color: #000000;}
#spazio .layer table.dataaccess tbody tr th {font-size: 18px; line-height: 40px;}
#spazio .layer table.dataaccess tbody tr th,
#spazio .layer table.dataaccess tbody tr td {border: 1px solid #000000;}
#spazio .layer table.dataaccess tbody tr:nth-child(even) {background: #000000; background-color: #f8fbe6; }
#spazio .layer table.dataaccess li {margin-left: 20px; padding-top: 10px;}
#spazio .layer table.dataaccess tbody tr td.piede {font-size: 12px; background-color: #cae3bb;}

#spazio .layer .back a {text-decoration: none; color: #6c6d6d;}
#spazio .layer .titric {text-align: center; font-size: 24px;}
#spazio .layer table.ric {margin: 0; font-size: 14px;}
#spazio .layer table.ric tbody tr th {font-size: 18px;}
#spazio .layer table.ric tbody tr th.vc {vertical-align: middle;}
#spazio .layer table.ric tbody tr th.piccolo {font-size: 14px;}
#spazio .layer table.ric tbody tr th.sxsmall {font-size: 14px; text-align: left; vertical-align: middle;}
#spazio .layer table.ric tbody tr th.cxsmall {font-size: 14px; text-align: left; vertical-align: middle;}
#spazio .layer table.ric tbody tr th.dxsmall {font-size: 14px; text-align: right; vertical-align: middle;}
#spazio .layer table.ric tbody tr th div {font-size: 14px; padding-bottom: 10px;}
#spazio .layer table.ric tbody tr td.centra { text-align: center; }
#spazio .layer table.ric tbody tr td.dx { text-align: right; }
#spazio .layer table.ric tbody tr td.back {font-size: 14px; padding-bottom: 10px; text-align: center;}
#spazio .layer table.ric li {margin-left: 20px; padding-top: 10px;}
#spazio .layer table.ric ol {margin-left: 20px; padding-bottom: 10px;}
#spazio .layer table.ric span.sito {color: blue;}


#spazio .layer div.richiesta {
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #e7e9fa;
	padding: 10px;
}
/* richiesta dati */


#spazio .layer .colonnacc, #spazio .layer .fotocc {
	float: left;
	width: 30%;
	margin: 0 auto;
}
#spazio .layer .colonnasx, #spazio .layer .fotosx {
	float: left;
	width: 30%;
	padding: 0 5% 0 0;
}
#spazio .layer .colonnadx, #spazio .layer .fotodx {
	float: left;
	width: 30%;
	padding: 0 1% 0 4%;
}

#spazio .layer .colonnasx img, #spazio .layer .fotosx img, #spazio .layer .colonnasx table { width: 100%; border: 5px solid #fff; }
#spazio .layer .colonnacc img, #spazio .layer .fotocc img, #spazio .layer .colonnacc table { width: 100%; border: 5px solid #fff; }
#spazio .layer .colonnadx img, #spazio .layer .fotodx img, #spazio .layer .colonnadx table { width: 100%; border: 5px solid #fff; }

#spazio .layer .colonnacc table img { width: auto; border: none; }
#spazio .layer .colonnacc table td.cx { text-align: center; }


/* col3 */

#spazio .layer .col3a { width: 30%; float: left; }
#spazio .layer .col3c { width: 30%; float: right; }
#spazio .layer .col3b { padding-left: 33%; padding-right: 33%; }

#spazio .layer .col3a img, #spazio .layer .col3b img, #spazio .layer .col3c img {width: 100%; border: 5px solid #fff; }
#spazio .layer .col3b table { width: 100%; border: 5px solid #fff; }
#spazio .layer .col3b table tbody tr td.cx { text-align: center; }

/* fine col3 */


/* @end */

/* Articoli */

#spazio .layer .articolo {
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
}
#spazio .layer .articolo h4 {
	font: 20px/1em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 10px 0;
	color: #000000;
}
#spazio .layer .articolo a {text-decoration: none;}
#spazio .layer .articolo h4 a {text-decoration: none;}
#spazio .layer .articolo .data {
	font: italic 12px/1em ff-tisa-web-pro,serif;
	color: #000000;
	margin: 0 0 10px 0;
}

/* @group custom homepage styles */

#spazio .post-home h2 {
	margin: 0 0 2% 0;
}
#spazio .post-home-c {
	margin: 0 0 2% 0;
	text-align: center;
}

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

#spazio .layer .blog-home h3 {
	font: 24px/1em "Lucida Grande", Lucida, Verdana, sans-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;
	text-align: justify;
}

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

#spazio .layer .blog-home img.alignleft {
	width: 50%;
	margin: 0 15px 0 0;
}


/* @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 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 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;
	font: 11px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000000;
}

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

}

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

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

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


.viacentro {}

/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/


@media (max-width: 1230px) {
	#spazio .titolo { font-size: 35px; }	
	#spazio .layer .col3a { width: 100%; float: none; text-align: center; }
	#spazio .layer .col3c { width: 100%; float: none; text-align: center; }
	#spazio .layer .col3b { width: 100%; float: none; text-align: center; padding-left: 0; padding-right: 0; }
}

@media (max-width: 1100px) {
	.viacentro { display: none; }
	#spazio .layer .colonnasx, #spazio .layer .colonnacc, #spazio .layer .colonnadx {
		clear: both;
		width: 100%;
		padding: 0 1% 0 0;
		margin: 0 auto;
	}
	#spazio .layer .colonnasx img, #spazio .layer .colonnacc img, #spazio .layer .colonnadx img { width: 30% }
	#spazio .titolo { font-size: 30px; }
}

@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 .titolo { font-size: 25px; }
	#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-size: 20px; }

	#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; }
	
	
	
	/* richiesta dati */
	#spazio .layer table.dataaccess {margin: 0; font-size: 12px; background-color: #ffffff; color: #000000;}
	#spazio .layer table.dataaccess tbody tr th {font-size: 16px;}
	/* richiesta dati */
	
}

@media (max-width: 769px) {
	#spazio .titolo { font-size: 24px; }
}



/*
il men� principale va in cima in riga e a lato c'� il men� secondario
*/
@media (max-width: 768px) {
/*body {background: green;}*/
	#ipadp {display: block;}
	#noipadp {display: none;}
	#spazio .titolo {
		position: absolute;
		top: 110px;
		width: 100%;
		padding: 0;
		text-align: center;
	}

	#spazio #barra_vert {
		position: static;
		float: left;
		left: 0;
		width: 100%;
	}
	
	#spazio #barra_vert header[role=banner] {
		padding: 0;
		background: #f6f6f3;
	}
	
	#spazio #barra_vert header[role=banner] h1 {
		float: left;
		width: 100%;
		height: 100px;
	}
	
	#spazio #barra_vert header[role=banner] h1 a {
		width: 250px;
		height: 100px;
		margin: 0px 0 10px 4%;
	}
	
	#spazio #barra_vert header[role=banner] nav[role=navigation] {
		margin: 0;
		position: relative;
	}
	
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul {
		margin: 0 4%;
		padding-top: 30px;
		text-align: center;
		border: none;
		
	}
	
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul li {
		display: inline-block;
		position: static;
	}
	
	#spazio #barra_vert header[role=banner] nav[role=navigation] ul li a {
		width: auto;
		padding: 10px;
		/*font: 12px/1em ff-tisa-web-pro,serif;*/
		font-size: 12px;
		border: 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 {
		position: absolute;
		width: 20%;
		left: 1%;
		top: 220px;
		background: #f6f6f3;
		text-align: left;
		border-top: 1px solid #ced0c8;
		-webkit-box-shadow: inset 0px 1px 0 #f0eee1;
		-moz-box-shadow: inset 0px 1px 0 #f0eee1;
		box-shadow: inset 0px 1px 0 #f0eee1;
	}
	
	#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_item ul.children li, 
	#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_parent ul.children li,
	#spazio #barra_vert header[role=banner] nav[role=navigation] li.current_page_ancestor ul.children li {
		display: block;
	}
	
	#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 {
		display: block;
		margin: 0;
		width: auto;
		padding: 10px 0;
		line-height: 1.3em;
		color: #98957a;
		border-bottom: 1px solid #ced0c8;
		-webkit-box-shadow: 0px 1px 0 #f0eee1;
		-moz-box-shadow: 0px 1px 0 #f0eee1;
		box-shadow: 0px 1px 0 #f0eee1;
	}
	.lev3-button {top: 25px;}
	.lev3[role=contentinfo] nav {top: 65px;}	
	
	#spazio #barra_vert header[role=banner] .sign-in,
	#spazio #barra_vert #sidebar {
		display: none;
	}
	
	#spazio .post,
	#spazio .layer,
	footer[role=contentinfo] {
		width: 68%;
		padding: 4% 4% 4% 28%;
	}
	
	#spazio .tertiary ul,
	#spazio .pre-next {
		width: 68%;
		padding: 0 4% 4% 28%;
	}
	
	.home #spazio .post,
	.home #spazio .layer,
	#spazio .contact,
	.home footer[role=contentinfo] {
		width: 92%;
		padding: 4%;
	}
	
	#spazio .blog,
	#spazio #commenting #respond,
	#spazio #commenting #comments {
		width: 92%;
		padding: 0 4% 4% 4%;
	}
	
	#spazio #commenting {
		margin-top: 30px;
	}
	
	#spazio #categories-menu ul  {
		width: 92%;
		padding: 0 4% 0 4%;
	}
	
	/* richiesta dati */
	#spazio .layer .titric {text-align: center; font-size: 20px;}
	#spazio .layer table.ric {font-size: 12px;}
	/* richiesta dati */
	
}




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