/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/raleway/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/raleway/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/raleway/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/raleway/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/raleway/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/raleway/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/raleway/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/raleway/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/raleway/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/raleway/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/raleway/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/raleway/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/raleway/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/raleway/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/raleway/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/raleway/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/raleway/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/raleway/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-300 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-300.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-600 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/yanone/yanone-kaffeesatz-v24-latin-600.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Raleway',sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.6em;
    color: #003366;
    padding: 0;
    margin: 0
}

body.custom-background {
	background: transparent url("../img/paper-top.png"); 
	background-repeat: repeat;
	background-position: left top;
	background-attachment: fixed; 
}

#header{
	margin:0 0 2px 0;
}

#nav{
	margin:0;
	padding:0;	
} 

.towp4-c-shd {
    position: absolute;
    bottom: 0; 
    width: 165px;
    height: 26px;
    background-image: url('/images/ombra_medium.png');
    background-repeat: no-repeat;        
}

.towp4-c-left {
    left: -4px;
    background-position: 0px 0px;
}

.towp4-c-right {
    right: -4px;
    background-position: 100% 0px;
}

/*
img.resize {
    width: 100% !important;
    height: auto !important;
}
*/

p.intro_art{
	letter-spacing: .03em;
    position: relative;
    margin: 0;
    min-height: 80px;
    display: block;
}

p.intro_art::first-letter{
    font-weight: 300;
    font-style: normal;
    float: left;
    font-size: 3.5em;
    line-height: .75em;
    padding: 4px .1em 0 0;
    margin-left: -5px;
    text-shadow: 1px 1px 6px #999;
}

.logo_left {
    margin: 0.5em auto;
    float: left;
    width: 20%;
    text-align: center
}

.logo_center{
    margin: 0.5em auto;
    float: left;
    width: 60%;
    text-align: center
}

.logo_right {
    margin: 0.5em auto;
    float: left;
    width: 20%;
    text-align: center
}

.titolo_logo{
	position:relative;
	top:16px;
    font-family: 'Yanone Kaffeesatz',sans-serif;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 2em;
    line-height: 1em;
    letter-spacing:.1em;
    font-weight: 300;
    color: #fff;
    text-shadow: 3px 3px 6px #02274a;
    /*white-space: nowrap;*/    
}

.sotto_titolo_logo{
	position:relative;
	top:16px;
    font-family: 'Yanone Kaffeesatz',sans-serif;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 1.4em;
    line-height: 1.8em;
    letter-spacing: .1em;
    font-weight: 300;
    color: #fff;
    text-shadow: 3px 3px 6px #02274a;
    /*white-space: nowrap;*/    
}

* {
    box-sizing: border-box
}

.row::after {
    content: "";
    clear: both;
    display: table
}

[class*="col-"] {
    float: left;
    padding: 15px
}

.col-1 {
    width: 8.33%
}

.col-2 {
    width: 16.66%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33%
}

.col-5 {
    width: 41.66%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33%
}

.col-8 {
    width: 66.66%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33%
}

.col-11 {
    width: 91.66%
}

.col-12 {
    width: 100%
}

h1 {
	display: block;
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	font-weight: 300;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: .83em;
    margin-bottom: .83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700
}

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700
}

h4 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700
}

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700
}

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700
}

.breadcrumb {
    padding: 5px 20px;
    text-transform: capitalize;
    line-height: 16px;
    margin-top: 10px;
    float: left
}

.cke_editable {
    margin: 20px
}

#container_masonry {
    float: left
}

.item {
    width: 25%;
    float: left
}

.wrap {
    float: left;
    overflow: auto;
    height: 280px;
    text-align: left;
    margin: 5px;
    padding: 10px;
    background: #fafafa;
    background: -moz-linear-gradient(top,#fafafa 0%,#eee 100%);
    background: -webkit-linear-gradient(top,#fafafa 0%,#eee 100%);
    background: linear-gradient(to bottom,#fafafa 0%,#eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 );
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

/*
.wrap:hover {
    background: #fff
}
*/

@media screen and (max-width:300px) {
    #container_masonry {
        float: none
    }

    .item {
        width: 100%;
        float: none
    }

    .wrap {
        float: none;
        height: auto
    }
}

@media only screen and (min-width:301px) and (max-width:600px) {
    #container_masonry {
        float: none
    }

    .item {
        width: 100%;
        float: none
    }

    .wrap {
        float: none;
        height: auto
    }
}

@media only screen and (min-width:601px) and (max-width:800px) {
    .item {
        width: 50%
    }
}

@media only screen and (min-width:801px) and (max-width:1100px) {
    .item {
        width: 33%
    }
}

input[type=text],input[type=file],select,textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical
}

.aside {
    float: left;
    margin: 0;
    /*background: #fafafa;
    background: -moz-linear-gradient(top,#fafafa 0%,#eee 100%);
    background: -webkit-linear-gradient(top,#fafafa 0%,#eee 100%);
    background: linear-gradient(to bottom,#fafafa 0%,#eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 );*/
    /*border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    padding: 15px;
    text-align: center;
    min-height: 400px
}

.aside_titolo {
    text-shadow: 1px 1px 0 #fff;
    padding: 6px;
    font-size: 1.2em
}

.aside_titolo a {
    text-decoration: none
}

.aside_testo {
    margin: 0 auto;
    width: 94%;
    text-align: left;
    font-size: 90%;
    line-height: 1.4em;
    padding: 10px;
    border-bottom: 1px dotted #ddd
}

.aside ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1em
}

.aside ul li {
    display: block;
    margin: 2px;
    font-size: 1em
}

.aside ul li a {
    display: block;
    text-decoration: none
}

.align-left {
    float: left;
    margin: 0 20px 20px 0
}

.align-right {
    float: right;
    margin: 0 0 20px 20px
}

.align-center {
    text-align: center
}

.align-center>figure {
    display: inline-block
}

figcaption {
    text-align: center
}

img {
    max-width: 100%!important;
    height: auto!important
}

.ombra,img.ombra {
    padding: 0;
    box-shadow: 1px 1px 6px #555
}

a {
    text-decoration: none
}

figcaption {
    padding: 3px;
    background: #eee;
    line-height: 110%;
    font-size: 80%
}

a {font-weight:300;} /* regole generali link */
a:link {color:#0084B0;}    /* link non visitati */
a:hover {color:#3C6186;}   /* quando il mouse passa sopra */
a:active {color:red;}  /* quando il mouse preme sopra al link */
a:visited {color:#3C6186;}    /* colore link già visitati */

a:hover.sottolinea{
  opacity:0.8;
  display: block;
  background-color:#2C8FCC;
  color:#fff;    
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background-image: linear-gradient(#fff,#ddd);
  box-shadow: 1px 3px 7px 0 #333;  
  -webkit-box-shadow: 1px 3px 7px 0 #333;
  -moz-box-shadow: 1px 3px 7px 0 #333;
}

.bibliografia {
    font-family: "Times New Roman";
    font-size: 17px;
    line-height: 1.2em;
    padding-left: 3pt;
    padding-right: 3pt
}

.paginat ul { 
  list-style-type: none; 
  margin:0;
  padding:0;
}
 
.paginat li { 
  margin-right: 5px;
  margin-top:5px;
  float: left;
  display: block; 
  /*font-weight: bold; */
  line-height:1.5em;     
 }
 
.paginat li a {      
  float: left;
  text-decoration: none;
  padding: 3px 8px;     
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color: #fff;
  /*text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);*/
  border: 1px solid #0F2C53;
  
  background: #547AB0;
  
  -moz-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  -webkit-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
}

.paginat li a:hover, .paginat li a:active{
  color: #333;
  border: 1px solid #616c78;   
  background: #C9C9C9;
  background: -moz-linear-gradient(top, #ffffff 0%, #C9C9C9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#C9C9C9));
  background: -webkit-linear-gradient(top, #ffffff 0%,#C9C9C9 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#C9C9C9 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#C9C9C9 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#C9C9C9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#C9C9C9',GradientType=0 );   
}

.paginat li.current{
  display: block;
  float: left;
  text-decoration: none;
  padding: 3px 8px;     
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color: #333;
  /*text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);*/
  border: 1px solid #616c78;   
  -moz-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  -webkit-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  background: #C9C9C9;
  background: -moz-linear-gradient(top, #ffffff 0%, #C9C9C9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#C9C9C9));
  background: -webkit-linear-gradient(top, #ffffff 0%,#C9C9C9 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#C9C9C9 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#C9C9C9 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#C9C9C9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#C9C9C9',GradientType=0 );
} 
 
.paginat li.disabled {
  display: block;
  float: left;
  text-decoration: none;
  padding: 6px 11px;      
  color: #ddd;    
}   

.new_pagination ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.new_pagination ul li {
    background-color: #3c424d;
    width: 2em;
    height: 2em;
    margin: 3px;
    display: inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 4px #333;
    line-height: 2em
}

.new_pagination ul li a {
    color: #fff;
    display: block;
    font-weight: 700;
    text-decoration: none;
    text-align: center
}

.new_pagination ul li:hover {
    background-color: #676d79
}

.new_pagination ul li#selected {
    background-color: #676d79;
    color: #fff
}

.pagination ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pagination ul li {
    width: 2em;
    height: 2em;
    margin: 3px;
    display: inline-block;
    line-height: 2em
}

.pagination ul li a {
    background-color: #3c424d;
    text-decoration: none;
    display: block;
    color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 1px 1px 4px #666;
    text-align: center
}

.pagination ul li a:hover,.pagination ul li a:active {
    background: #676d79
}

.pagination ul li span {
    display: block;
    text-align: center
}

.pagination ul li span.current {
    background-color: #676d79;
    color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 1px 1px 4px #666
}

.pagination ul li span.disabled {
    color: #ccc
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.rslides_container {
	width: 100%;
	height: auto;
	margin: 4px auto;
	overflow: hidden;
	position: relative;	
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0 0 26px 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    /*float: left*/
}

.rslides img {
    display: block;
    height: auto;
    /*float: left;*/
    width: 100%;
    border: 0
}

.rslides_nav {
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    top: 50%;
    left: 0;
    z-index: 99;
    opacity: .1;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 42px;
    width: 42px;
    background: url(../img/themes.png) no-repeat left top;
    margin-top: -21px
}

.rslides_nav:active {
    opacity: .6
}

.rslides_nav:hover {
    opacity: .6
}

.rslides_nav.next {
    left: auto;
    background-position: right top;
    right: 0
}

.rslides_tabs {
    position: relative;
    height: 20px;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
    display: block;
    z-index: 99
}

.rslides_tabs li {
    display: inline;
    float: none;
    _float: left;
    *float: left;
    margin-right: 5px
}

.rslides_tabs a {
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #ccc;
    background: rgba(0,0,0,.2);
    display: inline-block;
    _display: block;
    *display: block;
    box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 2px 2px 2px 0 rgba(0,0,0,.3);
    width: 9px;
    height: 9px;
    margin-top: 8px
}

.rslides_here a {
    overflow: hidden;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background: #ddd;
    background: #3883c8;
    display: inline-block;
    _display: block;
    *display: block;
    width: 9px;
    height: 9px
}

.caption_home {
    font-family: 'Yanone Kaffeesatz',sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    color: #002f5f;
    text-align: left
}

.title{  
  font-family: 'Yanone Kaffeesatz', sans-serif;  
  font-size:3em;
  color:#003366;   
  font-weight:400;
  line-height:1em;  
  text-shadow: -1px -1px 0 #071D1D,1px -1px 0 #071D1D,-1px 1px 0 #071D1D,1px 1px 0 #071D1D;
  text-shadow: -1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff;  
}  

.commento{  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size:2em;
  color:#003366;    
  font-weight:400;    
  line-height:1em; 
  text-shadow: -1px -1px 0 #071D1D,1px -1px 0 #071D1D,-1px 1px 0 #071D1D,1px 1px 0 #071D1D;
  text-shadow: -1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff;  
} 


.title_more{  
  font-family: 'Yanone Kaffeesatz', sans-serif;  
  font-size:2.2em;
  color:#003366;   
  font-weight:400;
  line-height:1em;  
}  

.commento_more{  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size:1.6em;
  color:#003366;    
  font-weight:400;    
  line-height:1.3em;  
} 

.more_more, div.more_more p{ 
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size:1.2em;
  color:#003366;    
  font-weight:300;    
  line-height:1.3em;  
} 

.caption {
    margin: 0 auto;
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
    background: 0 0;
    padding: 15px;
    line-height: 2em
}



#note{     
   float:left;
   width:100%;
   padding-top:0.6em;   
   padding-bottom:0.6em;   
   border-radius:0 0 3px 3px;
   -moz-border-radius:0 0 3px 3px; 
   -webkit-border-radius:0 0 3px 3px;   
   text-align:center;
   font-size:0.9em;   
   background:#fcfcfc;   
   background-image: -ms-linear-gradient(top, #fcfcfc 0%, #dddddd 100%);  
   background-image: -moz-linear-gradient(top, #fcfcfc 0%, #dddddd 100%);  
   background-image: -o-linear-gradient(top, #fcfcfc 0%, #dddddd 100%);   
   background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fcfcfc), color-stop(1, #dddddd));   
   background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #dddddd 100%);  
   background-image: linear-gradient(top,#fcfcfc 0%, #dddddd 100%); 
} 

ul.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    font-weight: 600;
    font-variant: small-caps;
    font-size: .8em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    list-style: none
}

ul.breadcrumb li {
    display: block;
    float: left
}

ul.breadcrumb a,ul.breadcrumb li.active,ul.breadcrumb li.active a {
    color: #877;
    font-size: .8em
}

#container {
    /*max-width: 95em;*/
	width:100%;
    margin: 0 auto;
    /*padding: 5px*/
}

header{       
	width:100%;
	margin:0;
	float:left;	
	background: #0f2c53;
	background: -moz-linear-gradient(left,  #0f2c53 0%, #164077 49%, #0f2c53 100%);
	background: -webkit-linear-gradient(left,  #0f2c53 0%,#164077 49%,#0f2c53 100%);
	background: linear-gradient(to right,  #0f2c53 0%,#164077 49%,#0f2c53 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2c53', endColorstr='#0f2c53',GradientType=1 );	
	background: #123664;
	background: -moz-linear-gradient(top,  #123664 0%, #547ab0 100%);
	background: -webkit-linear-gradient(top,  #123664 0%,#547ab0 100%);
	background: linear-gradient(to bottom,  #123664 0%,#547ab0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123664', endColorstr='#547ab0',GradientType=0 );
	/*box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
	-moz-box-shadow:  1px 1px 4px #666;*/
	border-radius:3px;
   -moz-border-radius:3px; 
   -webkit-border-radius:3px;
}

#content {
    /*width: 100%;*/
	max-width:1600px;
    /*margin-bottom: 10px*/
	margin:0 auto;
}

article {
    padding: 5px;
    min-height: 540px
}

.sfondo {
    background-image: linear-gradient(to bottom,#fff 0%,#e2e4e8 100%)
}

.breadcrumb-wrap {
    width: 100%;
    float: left;
    margin: 5px 0 5px 0
}

.left_due_blocchi {
    float: left;
    width: 20%
}

.right_due_blocchi {
    float: left;
    width: 80%
}

.sezione_sinistra {
    padding: 1em 2em 2em 0
}

.sezione_destra {
    padding: 1em 0 2em 2em
}

.footer{
	float:left;
	width:100%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	/*margin-bottom:1.5em;*/
	/*float:left;*/
	font-size:1.2em; 
	text-align:center;
	line-height:1.3em; 
	border-radius: 0 0 3px 3px;   
	-webkit-border-radius: 0 0 3px 3px;   
	-moz-border-radius: 0 0 3px 3px;   
	color:#fff;	
	background: #0F2C53;	
	box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
	-moz-box-shadow:1px 1px 4px #666; 
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
}  

#nav .menu-control {
    display: inline
}

.miatabella table {
    border-collapse: collapse;
    width: 100%!important;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

.miatabella th,.miatabella td {
    text-align: left;
    padding: 2px
}

.miatabella tr:nth-child(odd) {
    background: #fafafa;
    background: -moz-linear-gradient(top,#fafafa 0%,#eee 100%);
    background: -webkit-linear-gradient(top,#fafafa 0%,#eee 100%);
    background: linear-gradient(to bottom,#fafafa 0%,#eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 )
}

.button {
    min-width: 20px;
    cursor: pointer;
    text-shadow: -1px -1px 0 rgba(0,0,0,.3);
    box-shadow: 1px 1px 4px 0 #333;
    -webkit-box-shadow: 1px 1px 4px 0 #333;
    -moz-box-shadow: 1px 1px 4px 0 #333;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #3c424d;
    color: #fff;
    padding: 6px 10px;
    margin: 3px;
    border: 0;
    text-align: center;
    font-size: 16px
}

.button a {
    text-decoration: none;
    color: #fff
}

.button:hover {
    color: #fff;
    background: #5d6780
}

.button_more {
	background: #E49100; 
	border: none;
	color: white;
	padding: 5px 10px;
	margin:3px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
	border-radius: 3px;
	box-shadow:1px 1px 4px #333; 
}

.button_more a{
	display:block;
	color:#fff;
	font-size:150%;
	text-decoration:none;
}

.button_more:hover, .button_more.select, .button_more a:hover{
	background: #FFBC47; 
}

.responsive table {
    width: 100%;
    border-collapse: collapse
}

.responsive tr:nth-of-type(odd) {
    background: #eee
}

.responsive th {
    background: #666;
    color: #fff
}

.responsive td,.responsive th {
    padding: 3px;
    border: 1px solid #ccc;
    text-align: center
}

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

.date,.date p {
	/*font-family: 'Times New Roman';*/
	font-family: Georgia, serif;
    position: relative;
	font-weight:normal;
}

.date {
	background: #600000;
    background: -moz-linear-gradient(top,#600000 0%,#b20000 100%);
    background: -webkit-linear-gradient(top,#600000 0%,#b20000 100%);
    background: linear-gradient(to bottom,#600000 0%,#b20000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600000', endColorstr='#b20000',GradientType=0 );
    float: left;
    width: 40px;
    height: 60px;
    top: -2px;
    -webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,.8));
	margin-bottom:20px;
}

.date p {
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/   
    color: #f6f6f6;
    line-height: 1.2em;
	margin-top:3px;
    text-align: center;
    text-shadow: 1px 1px 3px #672321;	
}

.date .month {
    display: block;
    font-size: 1em;
    font-variant: small-caps;
	letter-spacing: .15em;
}

.date .day {
    display: block;
    font-size: 1.4em;
	font-variant: small-caps;
}

.date .anno,.date .giorno_settimana {
    position: relative;
    top: 0;
    letter-spacing: .15em;
    font-variant: small-caps;
    font-size: .8em;
	display: block;
}

.date .giorno_settimana {
	top: -3px
}

.date .anno {
    top: -6px
}

.traditional:after,.traditional:before {
    border-top: 15px solid #ae0000;
    bottom: -13px;
    content: '';
    height: 0;
    position: absolute;
    width: 0
}

.traditional:after {
    border-right: 25px solid transparent;
    left: 0
}

.traditional:before {
    border-left: 25px solid transparent;
    right: 0
}


.evento li:nth-child(even):hover,.evento li:nth-child(odd):hover {
    background: rgba(15,15,86,.1)
}

.eventi {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    overflow-y: scroll;
	margin: 0 auto;
}

.eventi_caption{
	border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;
	color:#fff;
	text-align:center;
	background: #547ab0; /*blue*/
	background: -moz-linear-gradient(top,  #547ab0 0%, #406fad 100%);
	background: -webkit-linear-gradient(top,  #547ab0 0%,#406fad 100%);
	background: linear-gradient(to bottom,  #547ab0 0%,#406fad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#547ab0', endColorstr='#406fad',GradientType=0 );
}

ul#eventi table {
	width:100%;
}

ul#eventi table td{
	vertical-align:top;
	padding:3px;
}

ul#eventi {
    list-style-type: none;
    margin: 0;
	padding:0;
}

ul#eventi li {
	font-size:0.8em;
    line-height: 1.2em;
    text-align: left;
    border-bottom: 1px dashed #ddd
}

ul#eventi li a{
    text-decoration:none;
}


div#menu_news ul{
    width:100%;
    list-style:none;
    margin:0; 
    padding:0;    
}

div#menu_news ul li{    
    margin:3px 0; 
    padding:0;
}
 
div#menu_news a
{
    display: block;    
    line-height: 22px;
    text-decoration:none;
    padding:8px;    
    background-color:rgba(238, 215, 190, 0.41);
    color: #003366;
	font-size:80%;
	font-weight:600;	
}
 
div#menu_news a:hover
{
    background-color:rgba(230, 222, 213, 0.41);
    color: #333;
}  

.printable {
    display: none;
    position: relative;
    background: #fff;
    padding: 30px;
    width: 85%;
    max-width: 900px;
    margin: 20px auto;	
    font-family: Georgia, Times, 'Times New Roman', serif;
    line-height: 1.6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#close,.stampa {
    position: absolute;
    cursor: pointer;
    height: 30px;
    width: 35px;
    font-size: 30px;
    font-weight: 700;
    color: #2e8dc9
}

#close {
    top: 3px;
    right: 6px
}

#close,#menu_ic li a,.stampa {
    display: block;
    text-align: center;
    text-decoration: none
}

.stampa {
    top: 6px;
    right: 35px
}

table.photo {border-collapse:collapse;background:#EBEBEB;}
table.photo tbody td{border:1px solid #DDDDE7; padding:6px;font-size:14px;}
table.photo caption {background:#316368;color:#ffffff;padding:10px;border:1px solid green;font-size:14px;}
table.photo tbody tr.sel,table.photo tbody tr:nth-child(odd).sel {background:#5DC362;}
/*table.photo tbody tr:hover, table.photo tbody tr:nth-child(odd):hover {background:#5DC362;}*/
table.photo tbody tr:nth-child(odd) {background:#FEFEFE;} 

.menu6 ul {
 list-style: none;
 margin: 20px 0 0 0;
 padding: 0;
}  

.menu6 li a {
 font-family: 'Yanone Kaffeesatz', sans-serif;  
 /*padding:8px;*/
 overflow:hidden;
 padding: 12px;
 margin-bottom:12px;
 font-size: 1.2em;
 font-weight:normal;
 text-align:center;
 border-radius:3px;
 -moz-border-radius:3px; 
 -webkit-border-radius:3px;
 voice-family: "\"}\"";
 voice-family: inherit;
 text-decoration: none;   
 box-shadow: 1px 1px 4px #666;  
 color:#fff;    
 letter-spacing:1px;
 /*font-weight:bold;*/
}

.menu6 li a:link, .menu6 li a:visited {   
	display: block;
	background: #547AB0;	
}

.menu6 li.ext a{   
	display: block;
	color:#fff;
	background: #0F2C53;	
}

.menu6 li.ext a:hover{   
	display: block;
	color:#fff;
	background: #0F2C53;	
}

.menu6 li a:hover, .menu6 li #current1, .menu6 li a:active {
 color:#003366;  
 background:#ffffff;    
 background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);  
 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);   
 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);   
 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ffffff), color-stop(1, #dddddd));  
 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);  
 background-image: linear-gradient(top,#ffffff 0%, #dddddd 100%);   
}

.footer_button{
	float:left;
	width:25%;
	min-width:140px;	
	padding:10px 0;
	margin:10px 0;
	/*border:1px solid red;*/
} 

.container_schede {
    display: flex;
    flex-flow: row wrap;
}

.schedeRR_wrap{
	flex: 0 0 25%;
	display: flex;
}

.schedeR_wrap{
	flex: 0 0 33.333%;
	display: flex;
}

.schedeR {
	width:100%;
	min-width:160px;
    margin: 8px;
    padding: 10px;
    border: 1px solid #bbb;
    background: #e8e8e8;
    background: -moz-linear-gradient(left,#e8e8e8 0%,#fff 50%,#e8e8e8 100%);
    background: -webkit-linear-gradient(left,#e8e8e8 0%,#fff 50%,#e8e8e8 100%);
    background: linear-gradient(to right,#e8e8e8 0%,#fff 50%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=1 );
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 4px #ccc;
	text-align:center;
}

.schedeR:hover {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 55%,#e8e8e8 100%);
    background: -webkit-linear-gradient(top,#fff 55%,#e8e8e8 100%);
    background: linear-gradient(to bottom,#fff 55%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 )
}

.schedeR a {
    color: #036;
	text-decoration:none;
}

/**********************************/
/*********MEDIA QUERY *************/
/**********************************/
@media only screen and (max-width:437px) { 
	.schedeRR_wrap{
		flex: 0 0 100%;
		display: flex;
	}

	.schedeR_wrap{
		flex: 0 0 100%;
		display: flex;
	}
}

@media only screen and (min-width:438px) and (max-width:863px) {	
	.schedeRR_wrap{
		flex: 0 0 50%;
		display: flex;
	}

	.schedeR_wrap{
		flex: 0 0 50%;
		display: flex;
	}
}

/**********************************/
/*********MEDIA QUERY *************/
/**********************************/
@media only screen and (max-width:320px) { 
    [class*="col-"] {
        width: 100%
    }

    .caption {
        line-height: .8em
    }

    .title {
        font-size: .8em
    }

    .commento {
        font-size: .6em
    }
	
	.footer_button{
		float:left;
		width:100%;		
		padding:10px 0;
		margin:10px 0;
	}  
	
	.logo_left, .logo_center, .logo_right {
        text-align: center;
        float: none;
        width: 100%
    }
	
	.logo_center{margin-bottom:30px;}

    .titolo_logo{
		font-weight:bold;
		font-size: 1.2em;
   
	}
	.sotto_titolo_logo{
		font-size: 1.1em;
	}
}

@media only screen and (min-width:321px) and (max-width:780px) {		
    [class*="col-"] {
        width: 100%
    }

    h3 {
        height: 2.4em
    }

    .titolo {
        margin: .2em 0 .5em 0;
        font-size: 2.2em
    }

    article {
        min-height: 0
    }

    #logo_qp {
        float: none;
        margin: 0 auto;
        padding: 0 10px
    }

    #logo_poli {
        float: none;
        margin: 0 auto;
        padding: 0 10px
    }

    #nav .menu-control {
        display: none
    }

    #menu-button {
        display: inline!important;
        width: 100%;
        position: relative;
        text-decoration: none;
        font-size: 1.2em;
        font-weight: 400;
        color: #fff;
        padding: 7px 0 7px 0;
        text-transform: uppercase;
        cursor: pointer;
        color: #fff;
        background: #99b6bd;
        background: -moz-linear-gradient(top,#99b6bd 0%,#70a9ba 50%,#1a647c 100%);
        background: -webkit-linear-gradient(top,#99b6bd 0%,#70a9ba 50%,#1a647c 100%);
        background: linear-gradient(to bottom,#99b6bd 0%,#70a9ba 50%,#1a647c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b6bd', endColorstr='#1a647c', GradientType=0);
        z-index: 1
    }

    #menu-button::before {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #fff;
        right: 16px;
        top: 12px
    }

    #menu-button::after {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        right: 16px;
        top: 17px
    }

    ul#menu_ic li {
        margin-bottom: 2px;
        margin-right: 0;
        margin-top: 2px;
        width: 100%
    }

    ul#menu_ic li a {
        padding: 6px
    }
	
    .title {
        font-size: 1.4em
    }	

    .caption {
        line-height: 1em;
        padding: 4px;
        bottom: 2px
    }

    .commento {
        font-size: .8em
    }

    .aside {
        min-height: 0
    }
	
	.footer_button{
		float:left;
		width:100%;		
		padding:10px 0;
		margin:10px 0;
	}  
	
		.logo_left, .logo_center, .logo_right {
        text-align: center;
        float: none;
        width: 100%
    }
	
	.logo_center{margin-bottom:30px;}

    .titolo_logo{
		font-weight:bold;
		font-size: 1.2em;
   
	}
	.sotto_titolo_logo{
		font-size: 1.1em;
	}
}

/*
@media only screen and (min-width:601px) and (max-width:1000px) {
    .caption {
        line-height: 1.5em
    }

    .title {
        font-size: 2em
    }

    .commento {
        font-size: 1.6em
    }
}
*/


ul.child-nav__list{
	margin: 0 0 0 0;
	padding: 0 1em 0 2em;
}


.child-nav__list {
  display: flex;
  flex-flow: column wrap;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .child-nav__list {
    flex-direction: row;
  }
}

@media only screen and (min-width: 768px) {
  .child-nav__list .child-nav__item {
    /*margin-right: 1rem;*/
    width: calc(50% - 0.5rem);
  }
}

.child-nav__list a:hover{text-decoration:none!important;}

.child-nav__link {
  border-bottom: solid 1px rgba(34,34,34,.2);
  display: block;
  max-width: 90%;
  position: relative;
  width: 95%;
}

.child-nav__item {	
  break-inside: avoid-column;
  display: flex;
}

.child-nav__item-link {
  align-items: flex-start;
  color: #333;
  display: flex;
  height: 100%;
  padding: .75rem 2.25rem .75rem 1rem;
  position: relative;
  transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1);
}

.child-nav__item-text {
  width:100%;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  max-height: 4.5rem;
  min-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}

.material-icons{
	align-self: center;	
	right: 0;	
}

.material-icons:hover, .select{		
	background-color:rgba(120,120,120,.15);
	border-radius:3px;
}

.gruppi-di-ricerca ul{
	list-style: none;
	margin:0;
}

.gruppi-di-ricerca ul li{
	display:inline-block;
	vertical-align:top;
	border:1px solid #ddd;
	border-radius:3px;
	padding: 20px 0;
	margin:5px 3px;
	width:220px;
	height:140px;	
}

.gruppi-di-ricerca ul li:hover{
	background:#eee;
}

.gruppi-di-ricerca ul li a:hover span.dashicons{
	text-decoration:none;
}