/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, /*tbody,*/ tfoot, thead, /*tr, th, td,*/
article, aside, canvas, details, embed, 
/*figure, figcaption,*/ footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*font-style: normal;
	font-weight: normal;
	font-stretch: normal;*/ /* se li abilito il mese e numeri del calendario non sono piu bold*/
	vertical-align: baseline;
} 
/*table {
	/* margin: 0; */
	/*padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
} 

/* HTML5 display-role reset for older browsers */
article, aside, details, /*figcaption, figure,*/ 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background: #999;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

#page {
	margin: 0 auto 2em;
	max-width: 1000px;
}
#primary {
	float: left;
	margin: 0 -35.5% 0 0;
	width: 100%;
}

#content {
	margin: 0 38.6% 0 3%;
	width: 75.4%;
}

#secondary {
    float: right;
    margin-right: 3%;
    width: 25.5%;
    margin-top: 15%;
}

/* =Structure
----------------------------------------------- */

body {
	padding-top: 2em;
}
#page {
	margin: 0 auto 2em;
	max-width: 1000px;
	background: #222;
}
#branding hgroup {
    margin: 0 0%;
    padding: 0em 0;
}
#access div, 
#access-secondary div,
#access-footer div {
	margin: 0 3%;
}
#primary {
	float: left;
	margin: 0 -35.5% 0 0;
	width: 100%;
}
#content {
	margin: 0 38.6% 0 3%;
	width: 65.4%;  /*larghezza colonna sx */
}


#secondary {
    float: right;
    margin-right: 3%;
    width: 25.5%;  /*larghezza colonna dx */
    margin-top: 0%;
	margin-bottom: -1%; /*spazio tra i riquadri bianchi a destra */
}


/* Right Content */
.sidebar-content #primary {
	float: right;
	margin: 0 0 0 -35.5%;
}
.sidebar-content #content {
	margin: 0 3% 0 38.6%;
}
.sidebar-content #secondary {
	float: left;
	margin-left: 3%;
	margin-right: 0;
}


/* Singular and Fullwidth */
.singular #primary,
.fullwidth #primary {
	margin: 0;
}
.singular #content,
.fullwidth #content,
.sidebar-content.singular #content {
	margin: 0 5%;
	position: relative;
	width: auto;
}
/* Attachments */
.singular.single-attachment .entry-header,
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	padding: 1em 0 0;
	text-align: center;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 2em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 2em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* One column */
.content-onecolumn #page {
	max-width: 972px;
}
.content-onecolumn #content {
	margin: 0 1%;
	width: auto;
}
.content-onecolumn #nav-below {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
}
.content-onecolumn #secondary {
	float: none;
	margin: 0 3%;
	width: auto;
}

/* Remove the margin on singular articles */
.content-onecolumn.singular .entry-header,
.content-onecolumn.singular .entry-content,
.content-onecolumn.singular footer.entry-meta,
.content-onecolumn.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.content-onecolumn.singular blockquote.pull {
	margin: 0 0 2em;
}
.content-onecolumn.singular .pull.alignleft {
	margin: 0 2em 0 0;
}
.content-onecolumn.singular .pull.alignright {
	margin: 0 0 0 2em;
}
.content-onecolumn.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.content-onecolumn .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Talking avatars take up too much room at this size */
.content-onecolumn .commentlist > li.comment {
	margin-left: 0;
}
.content-onecolumn .commentlist > li.comment .comment-meta,
.content-onecolumn .commentlist > li.comment .comment-content {

}
.content-onecolumn .commentlist .avatar {

}
.content-onecolumn .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	left: 2.2em;
}
.content-onecolumn #respond {
	width: auto;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #505050; /* originale 373737 */
	/* font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-family: verdana,arial,sans-serif;
	 /* font-weight: normal; */
  font-size: 83%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.625;
}
body {
	background: #ccc; /*background colore immagine di fondo  579 */
}
#page {     /*pagina livello inferiore */
	background: #eee; /* giallo background di fondo del menu*/
	-moz-border-radius: 5px;
    border-radius: 5px;
	padding: 0 0 0 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 2em;
}

/* Text elements */
p {
	margin-bottom: 0;  /* spazio dopo il paragrfo originale 2em */
}
ul, ol {
	margin: 0 0 2em 2.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 2em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 2em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 2em;
	overflow: auto;
	padding: 0.75em 2em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 2em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* close commented backslash hack */
.displayblock {
	display: block;
}
.displaynone {
	display: none;
}

/* =Header
----------------------------------------------- */

#branding {
	background-color: trasparent; /*livello sotto l'immagine della testata */
	padding-bottom: 6px; /* distanza tra immagine testata e menu */
	position: relative;
	z-index: 1111;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 0100;
}
#site-title {
	margin-right: 270px;
	padding: 0;
	font-size: 28px; /* Grandezza font Titolo Istituto Italiano */
	margin-left: 3%;
	line-height: 46px;
}
#site-title a {
	color: #111;
	font-weight: bold;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 0 0;
}
#branding img {
	height: auto;

}
#site-logo a {
	display: block;
	line-height: 0;
	background: #fff; /* dd0 giallo background immagine testata che contorna foto testata */
	/* background: trasparent;  background immagine testata*/
	padding: 0 0 0 0;
}
#branding #site-logo img { margin: 13px }



/* =Content
----------------------------------------------- */

#main {
	background-color: #eee; /*giallo background fondo riquadri bianchi */
/*	box-shadow:  0.7px 0.7px 0px #ffffff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-box-shadow:0.7px 0.7px 1px #777777;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;   */
	clear: both;
	padding: 0.4em 0 0;
	margin-top: 40px; /* (40) margine superiore sopra riquadri bianchi Spazio per il menu*/
}
.page-header {
    background-color: #FFFFFF;
    border-bottom: 2px solid #CCCCCC;
     -moz-border-radius: 5px;
	border-radius: 5px;
    margin: 0 0 2em;
    padding: 2em 5%;
}
.page-header .page-title, .page-header p {
	margin: 0;
}
.page-title {
	color: #555;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 18px;
	margin: 0 0 2em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry, 
.no-results,
#author-info,
#disqus_thread,
#content .error404 {
    background-color: #fff; /*Colore fondo finestra article */
  box-shadow:0.7px 0.7px 7px #777777;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-box-shadow:0.7px 0.7px 1px #777777;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;   
  -moz-box-shadow:0.7px 0.7px 10px #777777;
    margin: 0 0 2em; /* 2em spazio tra i vari article */
    padding: 0.5em 5% .2em;/* 0em spazio tra fine testo e bordo inferiore del rettangolo bianco article */
    position: relative;
	width: auto;
	text-align: justify; /* stile testo dentro la finestra article text-align: justify;  */
}
.hentry:last-child,
.no-results {
	border-bottom: 2px solid #ccc; /*bordo inferiore grigio dell'ultima finestra article */ 
	border-right: 2px solid #ccc;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* titolo del riquadro bianco con sotto il testo usare <div class="entry-title"> TITOLO </div> */
.entry-title {
	clear: both;
	color: #222;
	font-family: arial;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
}
.entry-title,
.entry-title a {
	color: #4a457a; /*colore titolo */
	text-align: center;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {

}
.entry-content,
.entry-summary {
	padding: 2em 0 0;
}
.page .entry-content {
	padding: 1em 0 0;
}
.hentry h1 {
    font-size: 26px;
}
.hentry h2 {
    font-size: 24px;

}
.hentry h3 {      /*grandezza font Benvenuti nel sito */
    font-size: 22px; 
    font-weight: bold;
	margin: 0 0 0.8125em;
}
.hentry h4 {
    font-size: 19px;
    margin: 0 0 0.5em;
}
.hentry h5 {
    font-size: 18px;
}
.hentry h6 {
    font-size: 16px;
}

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
}
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
/*.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ccc;
	margin: 0 0 2em;
	width: 100%;
} 
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ccc;
	padding: 6px 10px 6px 0;
}*/
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 2em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
    clear: both;
    display: block;
    float: right;
	margin: 0 0 2em;
}

.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.singular .entry-header,
.singular .entry-content,
.error404 .entry-header,
.error404 .entry-content {
    margin: 0 auto;
    width: 68.9%;
}
.singular .entry-meta .edit-link a {
    margin: 0.35em;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}
a.more-link { 
	white-space: nowrap;
}
	/* Images */
.entry-content img,
.comment-content img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}
.widget img {
	max-width: 100%;
	text-align: center;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.wp-post-image {
	max-width: 97.4%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 2em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 2em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.2em;
	padding: 10px 0 0 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 2em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 2em;
}
#content .gallery-columns-5 .gallery-item {
    padding: 0 1%;
    width: 18%;
}
{ }
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding: 0 1%;
}
#content .gallery-columns-5 .gallery-item img,
#content .gallery-columns-4 .gallery-item img,
#content .gallery-columns-3 .gallery-item img {
    padding: 6% !important;
    max-width: 86%;
}
#content .gallery-columns-3 .gallery-item {
    padding: 0 1%;
    width: 31.33%;
}
#content .gallery-columns-1 .gallery-item img {
	max-width: 97%
}


#content .gallery dd.gallery-caption {
	margin-bottom: 1em;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img,
img.wp-post-image,
img.attachment-thumbnail{/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 0px solid #ccc;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
	padding: 0;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img,
a:hover img.wp-post-image,
.gallery-thumb a:hover img.attachment-thumbnail {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ccc;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	right: 5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 20px 0 0;
}
article.format-status .entry-content {
	min-height: 65px;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}

/* Singular content styles for Posts and Pages */
.singular .hentry {
    padding: 3.88em 5%;
}
.singular.page .hentry,
#content .error404 {
    padding: 3em 5%;
}
.singular .entry-title,
.error404 .entry-title {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
}
.singular .entry-title,
.singular .entry-header .entry-meta {
	padding-right: 0;
}
.singular .entry-header .entry-meta {
    left: 30px;
    position: absolute;
    top: 23px;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 2em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 2em;
}
.pull.alignleft {
	margin: 0 2em 0 0;
	text-align: right;
	width: 33%;
}
.singular .pull.alignleft {
	margin: 0 2em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 2em;
	text-align: left;
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 2em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}

/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 2em 0 0;
}

/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ccc;
	margin-top: -7px;
	padding: 20px 30px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ccc;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
    background: f9f9f9;
    overflow: hidden;
    text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 2em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
    border: 1px solid #ccc;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 97%;
    padding: 1%;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #bbb;
	background: #eee;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}

/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 0.8em;
}
#content nav a {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}
#nav-below .wp-pagenavi {
	float: right;
}
#nav-below .wp-pagenavi a, 
#nav-below .wp-pagenavi span, 
#nav-below #wp_page_numbers ul li a,
.page-link span,
.page-link a span {
	border: none;
	float:left;
	height:32px;
	background:#ddd;
	color:#555;
	text-align:center;
	font-size:14px;
	line-height:30px;
	display:block;
	padding:0 12px;
	text-decoration:none;
}
#nav-below .wp-pagenavi a, 
#nav-below .wp-pagenavi span,
.page-link span {
	margin: 0 0 0 10px;
}
#nav-below .wp-pagenavi span.pages,
.page-link span.pages {
	color: #555;
	background: none; 
	padding: 2px 0 0 0;
}
#nav-below .wp-pagenavi a:hover,
#nav-below #wp_page_numbers ul li a:hover,
.page-link a span:hover {
	background:#444;
	color:#fff;
}
#nav-below .wp-pagenavi span.current, 
#nav-below #wp_page_numbers ul li.active_page a,
.page-link span {
	background:#444;
	color:#fff;
	font-weight: normal;
}
#nav-below #wp_page_numbers {
    background: none repeat scroll 0 0 transparent;
    float: right;
    margin: 0;
    width: auto;
}
#nav-below #wp_page_numbers ul {
	border: none;
    list-style: none;
}
#nav-below #wp_page_numbers ul li {
    color: #aaa;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-left: 10px;
}
#nav-below #wp_page_numbers ul li.page_info {
	background: none;
	border: none;
}

/* Singular navigation */
#nav-single {
    float: right;
    position: relative;
    right: 3%;
    text-align: right;
    top: 20px;
    z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}

/* =Widgets
----------------------------------------------- */
/* configurazione barra laterale destra */
.widget-area {
	color: #112299;
	/* font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-family: verdana,arial,sans-serif;
	 /* font-weight: normal; */
  font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.425;
	/* font-size: 8px; */
}
.widget {
    background-color: #fff;
  box-shadow:0.7px 0.7px 7px #777777;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-box-shadow:0.7px 0.7px 1px #777777;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;   
  -moz-box-shadow:0.7px 0.7px 10px #777777;
    clear: both;
    margin-bottom: 2em; /* spazio verticale  tra i riquadri bianchi a destra */
	padding: 0.5em 1em 1em;
	text-align: justify; /*stile testo all'interno dei riquadri bianchi a destra */
	}
.widget-title {
    border-bottom: 2px solid #ccc;
    color: #222;
	font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 0 1em 0.5em;
	margin: 0 -0.75em 1em;
}
.widget-title a {
    color: #222;
	font-size: 16px;
    font-weight: bold;
}
.widget-title a:hover {
	text-decoration: none;
}
.widget .paddingtop {
    display: block;
    padding-top: 0.5em;
}
.widget ul {
    font-size: 15px;
    margin: 0 0 0 1em;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
    color: #777;
    font-size: 14px;
    line-height: 245%;
}

.widget a {
	text-decoration: none ;
	font-weight: bold;
	text-decoration: none;
	color: #000077;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: none ; /* underline; */
	color: #cc0000;
}
/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* alberto */

/*Photo swipe */
section#gallery { 
margin:2.5% 0; 
}


section#gallery:after { 
clear:both; content:"."; 
display:block; height:0; 
visibility:hidden; 
}



section#gallery figure { 
float:left; 
margin:0 auto 0 auto; 
display:inline;
width:16%;
margin:2%; /*2% + 21% + 2% = 25% */
}

section#gallery a { 
display:block; 
width:100%;
border:0px solid #000000;
background:#42403f;
opacity:0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 hack */ 
filter: alpha(opacity = 60); /* IE 5-7 hack */
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
transition: all 0.5s; 
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;
box-shadow: 0 0 5px #42403f;
} 

section#gallery a:hover { 
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 hack */ 
filter: alpha(opacity = 100); /* IE 5-7 hack */
} 


section#gallery img { 
width:100%;
display:block;
border:none;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */ 
}
/*photo swipe*/



p.cit {  
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px ! important;
	font-weight: bold;
	line-height:12px ! important;
	text-align: left;
	margin-left: 5px;
	
	color: #606060;
	background:#FFFFFF;
	display: inline;
}





/*
div.thumb_l, div.thumb_r {
  float:left;
  background-color:#eee;
  padding:5px;
  margin:0 10px 5px 0;
}	
div.thumb_l img, div.thumb_r img {
  border:1px solid #ccc;
}
div.thumb_r {
  float:right;
  margin:0 0 5px 10px;
}
div.caption {
  font: Arial, Helvetica, sans-serif;
  font-size: 80%;
  color:#ccc;
  margin-top: 5px;
}*/

/* Foto con didascalie */
div.foto_l, div.foto_r {
  float:left;
  background-color:#ddd;
  padding:5px 5px 0px 5px;
  margin:5px 10px 0px 5px;
}	
div.foto_l img, div.foto_r img {
  border:1px solid #ccc;
}
div.foto_r {
  float:right;
  margin:0 0 5px 10px;
}
div.caption { 
  font: Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 85%;
  text-align: center;
  color:#123;
  margin-top: 0px;
}

a {
  background-color: transparent;
  font-family: verdana,calibri,geneva,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000077;
  text-decoration: none;
}
a:hover {
  color: #cc0000;
}

.titlered {
	clear: both;
	color: #222;
	font-family: tahoma, verdana,calibri,"Trebuchet MS",Arial; 
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .8em;
	padding-top: 10px;
}
.titlered ,
.titlered  {
	color: #a50000; /*colore titolo */
	text-align: center;
	text-decoration: none;
}

.titlecel {
	clear: both;
	color: #222;
	font-family: tahoma, verdana,calibri,"Trebuchet MS",Arial; 
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .8em;
	padding-top: 10px;
}
.titlecel,
.titlebel  {
	color: #114499; /*colore titolo */
	text-align: center;
	text-decoration: none;
}


.titolobox{
  font-size: 10pt;
  font-family: verdana,calibri,"Trebuchet MS",Arial;
  color: #4a527a;
  font-weight: bold;
}
.titoloboxred {
	clear: both;
	color: #222;
	font-family: verdana,calibri,"Trebuchet MS",Arial;
	font-size: 16pt;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .8em;
	padding-top: 15px;
}
.titoloboxred ,
.titoloboxred {
	color: #c22; /*colore titolo */
	text-align: center;
	text-decoration: none;
}
.imageborder {
border: opx solid #000;
padding: 35px;
}

.bordofotodx{
margin-right: 15px;
margin-top: 5px;
float: left;
}

.bordofotosx{
margin-left: 15px;
margin-top: 5px;
float: right;
}

.decreti a{
font-size:83%; 
font-weight: bold; 
text-decoration: none; /* underline; */
color: #005508; /*  005508 1e64a0 */
}
.decreti a:hover {
font-size:83%; 
font-weight: bold; 
color: #ff7800;
} 
body {

	color: #000000;
	margin: 0 ! important;
	padding: 0 ! important;
	border: 0 none ! important;

}

/*fine alberto */

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 100%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Footer
----------------------------------------------- */

#colophon {
    border-top: 1px solid #ccc;
    clear: both;
}
#supplementary {
    background-color: #eee;
    overflow: hidden;
    padding: 2em 3% 0;
}
#supplementary .widget {
	margin-bottom: 2.5em;
}
#supplementary .widget-area {

}
#supplementary .widget-title {

}
#supplementary .widget ul {

}
/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	width: 48.5%;
}
#supplementary.two .widget-area + .widget-area {
	float: right;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
    float: left;
    margin-right: 3%;
    width: 31.3%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}

/* Site Generator Line */
#site-generator {
	background-color: #fff;
	border-top: 1px solid #bbb;
	border-bottom: 2px solid #aaa;
	clear: both;
	display: block;
	-moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	padding: 1.2em 0.5em;
	text-align: center;
}
#site-generator a {
	color: #555;
	font-weight: bold;
}
#site-generator .sep {
	margin: 0 7px;
}
#site-generator .copyright, 
#site-generator .powered {
    display: inline;
    width: 47%;
}
#site-generator .copyright { 
	clear: both;
	margin-left: 3%;
	float: left;
    text-align: left;
}
#site-generator .powered { 
	margin-right: 3%;
	float: right;
    text-align: right;
}

/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */
@media screen and (max-width: 1060px) {
  #page {
    max-width: 800px;
  }
  #nav-slider .nav-previous, 
  #nav-slider .nav-next {
    top: 94px;
  }
}
@media screen and (max-width: 960px) {
	/*  ipad */
	#page {
		max-width: 708px;
	}
	/* Simplify the basic layout */
	#main #content {
		margin: 0 3%;
		width: auto;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 137px;
	}
	#nav-below {
		border-bottom: 1px solid #ccc;
		margin-bottom: 2em;
	}
	#main #secondary {
		float: none;
		margin: 0 3%;
		width: auto;
	}
	#branding ul.menu a, 
	#colophon #access-footer ul.menu a {
   		padding: 0 0.83em;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 2em;
	}
	.singular .pull.alignleft {
		margin: 0 2em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 2em;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	.widget_search #s {
		width: 93.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}	
}
@media screen and (max-width: 767px) {
	/*  small tablet */
	#page {
		max-width: 480px;
	}
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body {
   		padding: 0;
	}
	body, input, textarea {
		font-size: 13px;
	}
	#branding,
	#site-generator {
		border-radius: 0;
	}
	input#s {
		font-size: 16px;
	}
	#main,
	#supplementary {
		padding-top: 1em;
	}
	#branding hgroup {
		padding: 5.30625em 0 2em 0;
		text-align: center;
	}
	#site-title {
		font-size: 24px;
		line-height: 32px;
		text-align: center
	}h1
	#branding #searchform {
		position: absolute;
		text-align: center;
		right: 0;
		width: 100%;
	}
	#branding #s {
		float: none;
	}
	#access ul {
		font-size: 12px;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 82px;
	}
	#slider, 
	.hentry, 
	.no-results, 
	#author-info, 
	#disqus_thread, 
	#content .error404,
	#nav-below,
	.widget,
	#supplementary .widget {
		margin-bottom: 1em;
	}
	#content nav {
		padding-bottom: 1em;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 2em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
	}
	.singular .hentry {
		padding: 2em 5%;
	}
	.singular.page .hentry {
		padding: 2em 5%;
	}
	.widget_search #s {
		width: 89%;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist .children li.comment .comment-meta {
		margin-left: 16%;
	}
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {

	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;responsive-free-sharepoint-2010-theme
	}
	/* Menu */
	#access .menu-header-container {
		padding: 14px 0;
	}	
	#branding ul.menu, 
	#colophon #access-footer ul.menu,
	#access-secondary {
		display: none;
	}
	#branding ul.menu li,
	#access-footer ul.menu li {
		border: none;
	    float: none;
	    text-align: center;
    }
	#colophon #access-footer ul.menu a {
		display: block;
		float: none;
	}	
	.tinynav {
		background-image: none;
		background-color: transparent;
		background-position: right center;
		background-repeat: no-repeat;
		
		border: none;
		color: #fff;
		display: block;
		margin-bottom: 0;
		margin-left: auto;
		margin-top: 0;
		overflow: hidden;
		width: 100%;
	}	
	.tinynav option {
		color: #000;
	}
	/* Pagination */
	#nav-below .wp-pagenavi a, 
	#nav-below .wp-pagenavi span, 
	#nav-below #wp_page_numbers ul li a,
	.page-link span,
	.page-link a span {
		height: 25px;
		font-size:12px;
		line-height: 24px;
		padding:0 10px;
	}	
	#nav-below .wp-pagenavi a, 
	#nav-below .wp-pagenavi span,
	.page-link span {
		margin: 0 0 0 5px;
	}	
	
	/* Use the available space in the smaller comment form */
	.singular #respond {
    	width: auto;
	}
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	.social-profile {
		float: none;
		text-align: center;
	}
	.social-profile ul li {
		display: inline-block;
		float: none;
		margin: 0 0 10px 10px;
	}
	#site-generator .copyright, #site-generator .powered {
		display: block;
		margin-left: 3%;
		float: none;
		text-align: center;
		width: 97%;
	}
}
@media (max-device-width: 650px) {	
	.tinynav {
		background-image: url("images/select-arrow.png");
	}
}
@media screen and (max-width: 479px) {
	/*  iphone */
	#page {
		max-width: 320px;
	}
	#site-title {
		font-size: 26px;
		line-height: 36px;
	}
	#site-description {
		font-size: 12px;
	}
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 57px;
	}
	.widget_search #s {
		width: 85%;
	}
	img.size-full,
	img.size-large,
	img.wp-post-image {
		max-width: 94.6%;
	}
	.commentlist .children li.comment .comment-meta {
		margin-left: 22%;
	}
	#site-generator .copyright, #site-generator .powered {
		font-size: 9px;
	}
}
@media screen and (max-width: 319px) {
	/* small phone */
	#page {
		max-width: 100%;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}
	#branding #s:focus {
		width: 150px;
	}
	input[type="text"] {
		width: 98%;
	}
	.widget_search #s {
		width: 80%;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 45px;
	}	
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
}
#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}
	
	





/* sidebar de gauche*/

aside#nav_menu-7 {
    margin-top: 49%!important;
}