@charset "utf-8";
/* CSS Document */
#menu_rapido {
position:absolute;
overflow:hidden;
top:-1000px;
left:-1000px}
body{font-family: 'Lato', serif;font-size:14px; color:#222; text-align:left;background:#353c47; font-weight:300;text-rendering: optimizeLegibility; }
a, a:visited {
color: #335b86;
text-decoration: none;
}
h1,h2, h3,h4,h5{font-family: 'Merriweather', serif;}
h1, .h1, h2, .h2, h3, .h3 {
margin-bottom: 10px;
margin-top: 10px;
}
h2 a{color:inherit;}
h2 a:hover{text-decoration:none;}
h6{font-weight:normal;font-size:80%;line-height:20%}
h4.panel-title {
color: inherit;
font-size: 16px;
margin-bottom: 0;
margin-top: 0;
}
#contatti h3{border-bottom:2px solid #222;}
img {height: auto;max-width: 100%;opacity: 1;vertical-align: top;}
.left{float:left}
.right{float:right}
aside .btn{padding: 3px 36px;}
.padding-top{padding-top:35px}
.noborder{border:none!important;}
#top-menu .container{position:relative;
}
.nomargin{margin:0}
.nopadding{padding:0;}
.nopadding-top{padding-left:10px;padding-right:10px}
.nopadding-top-in{padding-right:10px}
.row{margin:0}
.margintop{margin-top:20px;}
/****menu*****/
.menu-princ{width:100%;background: #51749c none repeat scroll 0 0;
position:relative;}
.navbar-nav li a {
color: #fff !important;
font-family: "Source Sans Pro",sans-serif;
font-size: 16px;
text-transform: uppercase;
}
.navbar-nav li a:hover, .navbar li a.current {
color: #005189 !important;
background:#f6f6f6;
}
.navbar-nav li:hover{background:#f6f6f6;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #f6f6f6;
color: #005189!important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #005189!important;
}
.navbar {
border-radius: 0;
}
ul.navbar-nav .dropdown-menu li a {
color: #005189 !important;
font-size: 14px;
}
.navbar {
border: 0 solid transparent;
margin-bottom: 0px;
min-height: 0;
position: relative;
z-index:10;
}
.navbar-nav {
float: left;
margin: 0;
width: 100%;
}
/*.navbar-nav:hover{background-color:#015c8a;}*/
.navbar-default {
border-color: 0;
}
.navbar-nav > li > a {
padding-bottom: 8px;
padding-top: 8px;
font-family: 'Open Sans', sans-serif;
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.navbar-collapse {
border-top: 0px solid transparent;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
overflow-x: visible;
padding-left: 0;
padding-right: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #fff;
}
#submenu{position:relative;width:100%;clear:both;}
#submenu ul li{float:left}
.dropdown-menu {
background-clip: padding-box;
background-color: #f8f8f8;
border: 0px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
float: none;
font-size: 14px;
left: 0;
list-style: outside none none;
margin: 2px 0 5px;
min-width: 160px;
padding: 0px 0;
position: relative;
text-align: left;
top: 100%;
z-index: 1000;
display: inherit;
border-top-left-radius:0;
border-top-right-radius:0;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
}
.dropdown-menu > li > a {
clear: both;
color: #333338;
display: block;
font-family: source sans pro;
font-weight: normal;
line-height: 1.42857;
padding: 8px 20px;
white-space: nowrap;
text-transform:uppercase;
min-width: 120px;
border-right:1px solid rgba(51,51,56,0.16);
text-align: center;
}
.back-sub{background:#015c8a}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: transparent;
color: #262626;
text-decoration: none;
}
.search{font-family: source sans pro;
font-size: 13px;
/*position: absolute;*/
right: 2px;
top: 10px;
width: auto;
z-index: 10;}
.search-no-results .search{position:relative}
.archivio-cerca{background:#f8f8f8;padding:10px;}
.archivio-cerca select, .archivio-cerca input, .archivio-cerca submit{float: left;
font-size: 16px;
height: 30px;
line-height: 30px;
margin: 10px;
padding: 0 1em; }
/****************************/
/**********menu top******************/
#social{position:relative;z-index:88;width:100%; overflow:hidden; border-bottom:1px solid #333;margin:0px 0 0 0;padding:5px 10px; color:#fff;font-size:16px; text-transform:uppercase;line-height:30px;}
#social span{float:left;}
.social2 {
cursor: pointer;
display: block;
float: left;
height: 24px;
margin: 3px 5px!important;
position: relative;
width: 24px;
}
#lingue{position:absolute;right:65px;top:6px;line-height:32px;display:inherit;}
#nav span {
display: none;
}
#nav, #nav ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#nav {
float: left;
margin-left: 1%;
margin-right: 1%;
position: relative;
width: 98%;
z-index:87;
}
#nav ul.subs {
background-color: #FFFFFF;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
color: #333333;
display: none;
left: 0;
padding: 2%;
position: absolute;
top: 54px;
width: 96%;
background: none repeat scroll 0 0 #f1f1f1;
border-color: #fff;
border-radius: 0 0 5px 5px;
border-style: solid;
border-width: 0;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.19);
}
#nav > li {
border-bottom: 5px solid transparent;
float: left;
margin-bottom: -5px;
text-align: left;
-moz-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
#nav li a {
display: block;
text-decoration: none;
-moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
-webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
white-space: normal;
font-family:"open sans condensed";
font-sisze:15px;
color:#333338;
text-transform:uppercase;
}
#nav > li > a {
color: #333333;
display: block;
font-size: 1.3em;
line-height: 48px;
padding: 0 10px;
text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
background-color: #005189;
color: #FFFFFF;
}
#nav li.active > a {
background-color: #005189;
color: #FFFFFF;
}
/* submenu */
#nav li:hover ul.subs {
display: block;
}
#nav ul.subs > li {
display: inline-block;
float: none;
padding: 10px 1%;
vertical-align: top;
width: 23%;
border-right: 1px solid #ddd;
}
#nav ul.subs > li a {
color: #444;
line-height: 24px;
font-size:15px;
font-weight:normal;
}
#nav ul.subs > li a img {
margin-top:5px;
}
#nav ul li a:hover {
color: #005189;
}
#nav ul.subs > li > a {
font-size: 1.3em;
margin-bottom: 10px;
text-transform: uppercase;
}
#nav ul.subs > li li a{
float: none;
padding-left: 8px;
-moz-transition: padding 150ms ease-out 0s;
-ms-transition: padding 150ms ease-out 0s;
-o-transition: padding 150ms ease-out 0s;
-webkit-transition: padding 150ms ease-out 0s;
transition: padding 150ms ease-out 0s;
border-bottom: 1px dashed #ddd;
}
#nav ul.subs > li li a:hover {
padding-left: 15px;
}
#nav ul.subs .btn-primary a {border:none; padding:0;color:#fff}
#nav ul.subs .btn-primary {margin-top:10px;}
#nav ul.contatti li ul li{
float: none;
border-bottom: 1px dashed #ddd;
padding:2px 0;
}
.sub-menu {
margin-bottom: -5px;
margin-left: 0;
margin-top: 10px;
}
.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item {
border-bottom: 1px dashed #ddd;
clear: both;
display: block;
float: none;
min-width: 150px;
position: relative;
}
.ubermenu-submenu > .ubermenu-item:nth-last-of-type(2) {
border-bottom: 0px;
}
/*pagination*/
.page-numbers .current {background:#005189;color:#fff}
.page-numbers{padding:0px 2px }
a.page-numbers:hover{background:#005189;color:#fff; text-decoration:none;}
/* responsive rules */
@media all and (max-width : 800px) {
#nav > li {
float: none;
border-bottom: 0;
margin-bottom: 0;
}
#nav ul.subs {
position: relative;
top: 0;
}
#nav li:hover ul.subs {
display: none;
}
#nav li #s1:target + ul.subs,
#nav li #s2:target + ul.subs,
#nav li #s3:target + ul.subs,
#nav li #s4:target + ul.subs,
#nav li #s5:target + ul.subs {
display: block;
}
#nav ul.subs > li {
display: block;
width: auto;
}
#nav {
float: left;
margin-left: 1%;
margin-right: 1%;
margin-top: 56px;
position: relative;
width: 98%;
z-index: 87;
}
#nav ul.subs > li li a {
border-bottom: 1px dashed #ddd;
float: none;
padding-left: 8px;
transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li a{
border-bottom: 1px dashed #ddd;
border-right:none;
float: none;
padding-left: 8px;
transition: padding 150ms ease-out 0s;
padding:5px;
}
#nav ul.subs > li a {
font-size:13px;
}
#nav ul.subs > li a img, #nav ul.subs > li img {
display:none;
}
#nav ul.subs > li > a {
font-size: 13px;
margin-bottom: 0;
text-transform: uppercase;
}
#nav ul.subs > li a:hover {
padding-left: 15px;
}
#nav ul.subs > li {
border-right: 0px solid #ddd;
display: inline-block;
float: none;
padding: 0 10px;
vertical-align: top;
width: 100%;
}
#nav > li > a {
border-bottom: 1px dashed #999;
color: #333333;
display: block;
font-size: 1.3em;
line-height: 48px;
padding: 0 10px;
text-transform: uppercase;
}
#nav ul.subs {
width: 100%;
box-shadow:none;
border-radius:0;
}
.navbar-nav > li {
float: none;
}
.navbar-nav > li > a {
border-bottom: 1px dashed #ddd;
font-family: "Open Sans",sans-serif;
padding-bottom: 8px;
padding-top: 8px;
}
}
/**********menu top******************/
/*********menu laterale**********/
.menu-laterale{padding:15px 0;}
.menu-laterale ul {padding:0}
.menu-laterale ul li{width:100%;font-size: 14px; text-transform:uppercase; font-family:"Lato";font-weight:100; list-style:none;padding:10px 0px 10px 0px;}
.menu-laterale ul li a{width:100%;font-size: 14px; text-transform:uppercase; font-family:"Lato";font-weight:100; list-style:none;padding:10px 0px 10px 20px;border-left:8px solid #ddd; text-decoration:none;color:#222}
.menu-laterale ul li a:hover, .menu-laterale ul li a.attivo{border-left:8px solid #005189;padding-left:28px;color:#005189}
/*********menu laterale**********/
/***********contenuto********************/
/****top******/
.wrapper{max-width:1440px; margin:auto;background:#fff;}
.container{width:100%;}
#top-menu{background:#c8cedf;min-height:30px;border-top:solid #005189 8px;}
#top{background:#005f98;}
#logo{padding:40px 0 ;}
.selettore-lingua{float:right;}
#lang_sel_list ul {
border-top: 0 solid #cdcdcd!important;
}
#lang_sel_list ul {
border-top: 0 solid #cdcdcd;
margin: 10px 0 !important;
}
#lang_sel_list ul li:first-child a:after{content:" /";}
#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_sel:visited {
background-color: transparent !important;
font-size: 13px;
}
#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_sel:visited {
color: #f8f8f8 !important;
text-transform: uppercase;
}
#lang_sel_list ul a.lang_sel_other, #lang_sel li ul a:link, #lang_sel_list ul a.lang_sel_other:visited {
background-color: transparent !important;
}
#lang_sel_list ul a.lang_sel_other, #lang_sel_list ul a.lang_sel_other:visited {
color: #f8f8f8 !important;
font-size: 13px;
text-transform: uppercase;
}
#lang_sel_list {
font-family: inherit;
font-weight: 400;
}
#tagline{font-size:34px;color:#fff; font-style:italic; text-align:right;font-family: 'handlee', serif;font-weight:400; margin-top:46px;}
#banner-over{/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url("../img/hover-image.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
height: 230px;
left: 0;
position: absolute;
width: 100%;
z-index: 20;
}
#banner-interno{background:rgba(182,179,166,0.2);width:100%;max-height:350px;overflow:hidden;position:relative;}
#banner-interno img{width:100%;}
.page-id-77808 #banner-interno{ background:rgba(255,255,255,1);width:100%;max-height:100%;position:relative;}
#banner{background:rgba(182,179,166,0.2);width:100%;max-height:400px;overflow:hidden;position:relative;}
#banner img{width:100%;}
#banner .container{}
#dad .intestazione{margin-bottom:0}
.banner-dad{height:460px;color:#fff;padding:10px}
.banner-dad h2{font-size:7rem;text-transform:uppercase;line-height: 6.2rem;font-weight:700}
.banner-dad h2 span{display:block;}
.banner-dad h3 {font-size:3.4rem;font-weight:600;text-transform:uppercase}
.box-dad{background: #fff;
box-shadow: 0 0 6px rgba(0,0,0,0.23);margin:0 10px 15px;
-webkit-transition:all 0.5s;transition:all 0.5s;
}
.box-dad:hover{background: #fff;
box-shadow: 0 0 2px rgba(0,0,0,0.23);margin:0 10px 15px;
}
.border-docenti{ border-right: 7px solid #2e3192;}
.border-epr{ border-right: 7px solid #ee2724;}
.box-dad-content{font-size:17px;font-weight:600;padding:10px 0; line-height: 1.2;}
#caption{position:absolute; z-index:30;width:90%; bottom:6%;left:2%}
#caption .titolo-news{font-size:36px;font-family:open sans condensed; color:#fff;font-weight:bold; }
#caption .testo-news{-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;font-family:lato; color:#fff;font-size:18px;line-height:1.2; font-weight:200; max-height:70px; overflow:hidden;}
.navigazione-l{width:46px;height:46px;position:absolute;z-index:20; background:url(../img/frecce.png) 0px 46px; display:block; cursor:pointer;top:40%;left:2%;}
.navigazione-r{width:46px;height:46px;position:absolute;z-index:20; background:url(../img/frecce.png) 0px 0px; display:block; cursor:pointer;top:40%;right:2%;}
.top-left{padding:5px; text-align:right;font-size:16px;color:#323237}
.top-right{padding:5px; text-align:left;color:#7e7c7b;}
.left-up{ border-right: 1px solid #7e7c7b;
margin-top: 35px;
padding: 5px 10px;min-height:45px;}
.right-up{ border-left: 1px solid #7e7c7b;
margin-top: 35px;
padding: 5px 10px;min-height:45px;}
.display-table{ display: table-cell; vertical-align:middle}
/************fine top******************/
/******covid*********/
.box-manifesto{background:#fff;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.15),0px 0px 8px 0px rgba(79, 79, 79, 0.1);padding:20px;border:1px solid #ddd;border-top:8px solid #0da69c;margin-bottom:20px;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.box-manifesto:hover{background:#fff;box-shadow:0px 20px 15px 0px rgba(0, 0, 0, 0.20),0px 0px 0px 0px rgba(79, 79, 79, 0.1);padding:20px;border:1px solid #ddd;border-top:8px solid #0da69c;margin-bottom:20px}
.box-manifesto p{font-size:15px!important}
.box-manifesto .loghi{background:#005e9b;overflow:hidden;margin:10px 0 0;color:#fff }
.bottom .loghi{background:#005e9b;overflow:hidden;margin:10px 0 0;color:#fff }
.bottom .loghi p{font-size:11px!important;color:#fff }
.bottom .loghi img{height:120px}
.box-manifesto .loghi img{width:75%}
.box-manifesto .btn.btn-info{background:#0da69c;color:#fff;border-color:#0da69c; font-size:1.2em!important}
.box-manifesto .btn-info:hover {
background: #0b746d;
color:#fff;
border-color: #0b746d;
}
.button-archivio{
width:100%;
border-top: 10px solid #403c56;
background:#fefefe;
padding: 16px 26px;
margin-bottom: 10px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-align:center;
text-transform:uppercase;
font-size:25px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.button-archivio{color:#403c56}
.button-archivio:hover{-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}
.page-id-64216 .page-content, .entry-content, .entry-summary {
margin: 0;
}
#covid .abstract p{font-size:14px;line-height:1.25em}
.scuola {
width: 100%;
max-width: 100%;
margin: 0px 0 30px;
box-shadow:0px 20px 15px 0px rgba(0, 0, 0, 0.20),0px 0px 0px 0px rgba(79, 79, 79, 0.1);
webkit-transition: box-shadow 0.3s ease-out;
-moz-transition: box-shadow 0.35s ease-out;
-o-transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out;
margin-top:0;
background:#fff;
overflow:hidden;
padding:20px;
font-weight:400;
border: 1px solid #eaeaea;
}
.scuola:hover {
width: 100%;
max-width: 100%;
margin: 0px 0 30px;
box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.20),0px 0px 0px 0px rgba(79, 79, 79, 0.1);
webkit-transition: box-shadow 0.3s ease-out;
-moz-transition: box-shadow 0.3s ease-out;
-o-transition: box-shadow 0.3s ease-out;
transition: box-shadow 0.3s ease-out;
margin-top:0;
background:#fff;
overflow:hidden;
padding:20px;
font-weight:400;
border: 1px solid #eaeaea;
}
.scuola h2{font-size:2em;font-weight:600;margin-top:0}
table#covid ,table#gemellaggio {
width: 100%;
max-width: 100%;
margin: 0px 0 30px;
box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
webkit-transition: box-shadow 0.5s ease-out;
-moz-transition: box-shadow 0.5s ease-out;
-o-transition: box-shadow 0.5s ease-out;
transition: box-shadow 0.5s ease-out;
margin-top:0;border-left: 2px solid #403c56;border-right: 2px solid #403c56;border-bottom: 2px solid #403c56;
}
#calendario li{font-weight:400;}
#gemellaggio th { border: 0px solid #ddd;background-color:#8194ac;color:#fff;font-size:24px;line-height:1.1em; text-align:center;padding: 10px 20px;
font-weight: 600;}
#covid th { border: 1px solid #ddd;background-color:#403c56;color:#fff;font-size:24px;line-height:1.1em; text-align:center;padding: 10px 20px;
font-weight: 600;}
.titolo-calendario { border-bottom: 0px solid #ddd;background-color:#403c56;color:#fff;font-size:20px;line-height:1.1em; text-align:center;padding: 5px 10px;
font-weight: 400;}
#covid td{
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
border: 1px solid #ddd;
padding: 10px 10px;
text-align: left;
font-size:16px;
color:#403c56;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
line-height:1.4em;
font-weight: 400;
}
#gemellaggio td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
border: 1px solid #ddd;
padding: 20px 20px;
font-size:18px;
color:#403c56;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
-o-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
line-height:1.4em;
font-weight: 400;
}
#covid p{font-size:16px}
#covid .btn {
font-size: 1.4rem !important;
letter-spacing:0.03em
}
#covid td a,#gemellaggio td a{
color:#8194ac;
line-height:1.1em;
font-weight: 600;
text-transform:uppercase;
}
#covid p{font-weight:400}
#gemellaggio .btn,#covid .btn,.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid
transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
padding: .375rem .75rem;
font-size: 1.2rem;
line-height: 1.5;
border-radius: .25rem;
text-transform:uppercase;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#gemellaggio .btn-success,#covid .btn-success,.btn-success {
color: #fff;
background-color:#005f98;
border-color:#005f98;
}
#gemellaggio .btn-success:hover,#covid .btn-success:hover,.btn-success:hover {
color: #fff;
background-color:#054266;
border-color: #054266;
}
.btn.btn-lg {
font-size: 14px !important;
padding: 5px 10px;
margin: 5px 0 0;
}
.btn, #gemellaggio .btn,#covid .btn{box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.0), inset 0 0px 0px rgba(255, 255, 255, 0.0), inset 0 0px 0px rgba(0, 0, 0, 0.00);}
#gemellaggio .btn-lg {
padding: .5rem 1rem;
font-size: 1.75rem!Important;
line-height: 1.5;
border-radius: .3rem;
}
#gemellaggio button,button, input[type="button"], input[type="reset"], input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
background-color: rgb(230, 230, 230);
background-image: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0
rgba(255, 255, 255, 0.0), inset 0 15px 17px rgba(255, 255, 255, 0.0), inset 0 -5px 12px
rgba(0, 0, 0, 0.00);
}
.nav-pills > li.active.calendario > a, .nav-pills > li.active.calendario > a:hover, .nav-pills > li.active.calendario > a:focus {
color:
#fff;
background-color:
#403c56;
}
#covid-19 li.active {
font-weight: 400;
background: #403c56;
}
#covid-19 li.active a{
font-weight: 400; background: #403c56;
}
.nav-pills > li.active.risorse > a, .nav-pills > li.active.risorse > a:hover, .nav-pills > li.active.risorse > a:focus {
color: #fff;
background-color: #8194ac;
}
#covid-19 .nav-pills > li > a {
border-radius: 0;
font-size: 28px;
letter-spacing: 0.03em;
}
#covid-19 li.active {
font-weight: 400;
}
.nav-tabs.nav-justified.custom {
width: 100%;
border-bottom: 0;
background:#2b283b;
overflow-x:auto;
}
.nav-tabs.nav-justified.custom li.active.doc {
font-weight: 600;
background:#403c56;
}
.nav-tabs.nav-justified.custom li.dir {
font-weight: 600;
background:
#3c5648;
}
.nav-tabs.nav-justified.custom > li > a:hover, .nav-tabs.nav-justified.custom > li > a:focus {
text-decoration: none;
background-color:
#403c56;
}
.nav-tabs.custom > li.active > a, .nav-tabs.custom > li.active > a:hover, .nav-tabs.custom > li.active > a:focus {
color: #4c4a57;
cursor: default;
background-color: inherit;
border: 0px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 0;
}
.nav-tabs.nav-justified > li > a:hover {
border-color:
transparent;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified > li > a {
border-bottom: 0px solid #ddd;
border-radius: 0;
font-size: 16px;
color: #fff;
}
.nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:hover, .nav-tabs.nav-justified > li.active > a:focus {
color: #fff;
text-transform: inherit;
font-size: 16px;
}
.privacy .modal-dialog {
margin: 160px auto;
max-width: 500px;
width: inherit;
}
.modal-header .close {
margin-top: -60px;
}
.webinar-archivio{padding:10px;margin:0 0 10px;background:#f8f8f8;border:1px solid #ddd;display: inline-block;
margin: 0 0 1em;
width: 100%;box-shadow: 0px 0px 10px inset rgba(0,0,0,0.05);}
.webinar-archivio h3{font-size:20px;font-weight:700;margin-bottom:3px}
.webinar-archivio .tag{font-size:12px;font-weight:700;text-transform:uppercase;color:#fff;padding:1px 5px}
.webinar-archivio .data{font-size: 14px;
margin: 0 0 6px;
font-weight: 600;}
.webinar-archivio .btn-materiale.file {
width: 100px;
}
.dirigenti{background:#ab5959;}
.docenti{background:#598bab;}
.masonry { /* Masonry container */
column-count: 2;
column-gap: 1em;
}
.contenuto-principale .webinar-archivio p {
font-size: 15px;
line-height: 1.3em;
}
.disciplina{font-weight:700;font-size:15px;margin:0 0 6px;color:#005f98}
.ordine-scuola{font-weight:400;font-size:11px;text-transform:uppercase;margin:0 0 6px;background:#f58920;color:#fff;border-radius:12px;padding:3px 8px;display:inline-block;margin:7px 0px 7px 0}
.titolo-webinar{line-height:1.1em;margin:3px 0}
#covid td .slide a, #covid td.registrazione a{color:#3b3b3b;font-weight:700;font-size:13px}
#covid td .slide a:hover,#covid td.registrazione a:hover{color:#f58920}
/******fine covid*********/
/****contributi EPR****/
.griglia {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr;
}
.colonne{
width: inherit;
display: flex;
flex-direction: column;
}
.box-epr{padding:0px 0;box-shadow:0 0 2px rgba(0,0,0,0.3); -webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
transition: all 2s ease-out;
height:300px;margin:0 0 20px}
.box-epr.ambiente{height:360px}
.box-epr.universita{ margin:10px; height: auto; padding: 5px 0 10px;}
#box-epr{padding-bottom:50px;overflow:hidden}
.box-epr .ente{padding:5px 10px;font-size:15px;letter-spacing:inherit}
.box-epr .titolo-contenuto{padding:5px 10px;font-weight:600;font-size:15px;line-height:1.25em}
.immagine-epr{position:relative;height:160px;width:100%;margin:0px 0;background:rgba(0,0,0,0.3);box-shadow: inset 0px -2px 22px rgba(0,0,0,0.18);}
.term-epr{margin:0px 0px}
.contenitore-materia{position:absolute;bottom:10px;left:2px;width:100%}
.materia-epr{ display: inline-block;
margin: 3px;
font-size: 9px;
padding: 5px 6px;
color: #fff;
background-color: rgba(237,28,36,1);
border-radius: 10px;
z-index: 3;
font-weight: 400;
text-transform: uppercase;
line-height: 1;}
.materia-epr.umanistica{background:rgba(20,48,54,1)}
.materia-epr.artistica{background:rgba(34,128,200,1)}
.materia-epr.trasversale{background:rgba(194,34,200,1)}
.argomento{background:#297d44}
.modal-dialog.epr {
margin: 160px auto;
max-width: 600px;
width: inherit;
}
.modal-dialog.epr .modal-body p{font-weight:400;font-size:16px;line-height:1.2em}
.modal-footer {
padding: 15px;
text-align: center;
border-top: 1px solid #e5e5e5;
}
.modal .btn-primary {
color: #fff;
background-color: #337ab7!important;
border-color: #2e6da4;
}
.modal .btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.modal .btn-danger:hover {
color: #fff;
background-color: #bd2836;
border-color: #bd2836;
}
.modal-header .close {
margin-top: -28px;
}
.modal-footer a button{letter-spacing:0.06em}
/*.term-epr{display:none;}*/
.epr-page{
display:inline-block;
width:32px;
height:32px;
}
.epr-page a{
display:block;
text-align:center;
line-height:32px;
font-weight:300 !important;
border:1px solid rgba(0,0,0,0.2);
color:#333 !important;
}
.epr-page.active a{
background:#403c56;
border:1px solid #403c56;
color:#fff !important;
font-weight:700 !important;
}
#epr-pages{
list-style:none;
margin:0;
padding:0;
display:inline-block;
}
#epr-pagination{
margin-bottom:30px;
display:inline-block;
}
#epr-pagination span{
display:inline-block;
}
.taxonomy-filter{
display:block;
width:100%;
background:#fff;
-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.25);
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.25);
}
.taxonomy-filter ul{
list-style:none;
padding:0px 10px 10px 20px;
margin:0;
}
.taxonomy-filter li{
font-size:14px !important;
line-height:14px !important;
border:0 !important;
padding:0 !important;
}
.taxonomy-filter h5{
font-size:16px;
font-weight:bold;
margin:0;
padding:10px;
background:#fff;
color:#403c56 !important;
text-transform: uppercase;
}
.taxonomy-filter h5 .btn{
color:#fff !important;
font-weight: 600;
letter-spacing: 0.06em;
font-size: 15px!important;
}
.giorni-list{
overflow-x:auto;
}
.giorni-list li{
position:relative;
}
.giorni-list li a{
font-size:16px !important;
line-height:18px;
}
.giorni-list li.active a{
background:#005f98 !important;
}
#covid thead td{
border:0 !important
}
.titolo-calendario{
padding:10px !important;
}
.webinar-count{
display: inline-block;
font-size: 9px;
background: #403c56;
border-radius: 8px;
color: #fff;
line-height: 12px;
padding: 2px 5px;
font-weight: 600;
}
#accordion .panel-heading{
padding:0;
border-bottom: 0px solid #595478 !important;
}
#accordion .panel-body{
padding:10px ;
}
.tax-heading{
position:relative;
}
.active-filters{
display:inline-block;
font-size:12px;
background: #fff;
border-radius:8px;
color:#403c56;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
line-height:12px;
padding:2px 5px;
opacity:0;
cursor:default;
}
.active-filters.vis{
opacity:1;
}
.tab-btn{
border-right:1px solid #595478 !important;
}
.tab-btn.active,
.tab-btn:last-of-type{
border-right:0 !important;
}
#epr .panel-group .panel + .panel {
margin-top: 20px;
}
#epr .panel-group .panel-heading + .panel-collapse > .panel-body, #epr .panel-group .panel-heading + .panel-collapse >#epr .list-group {
border-top: 0px solid #ddd;
border-top-color: rgb(221, 221, 221);
background: #fff;
}
#epr .panel-body ul li {
}
.totale{padding:0 10px;font-weight:600;}
.totale span{font-weight:700;color:#C91B1E}
.ente-esploso{ font-size: 14px;
line-height: 1.1em;
font-weight: 600;
margin:5px 0 0;
color: #333;
font-style: italic;}
.modal-title {
margin: 0;
line-height: 1.2em;
}
.contenuto-epr{padding:20px 00px;margin:0 0 20px;height:auto;position:relative}
#omino{position:absolute;left:0px;bottom:10px;}
a.link-materiale{color:#fff;}
a.link-materiale span{
color: #fff;
font-size: 1.6rem;
line-height: 1;
vertical-align: middle;
display: inline-block;
top: 47%;
left: 53%;
transform: translate(-50%, -50%);
position: absolute;
margin: 0px 11px;
text-shadow:2px 2px 2px rgba(0,0,0,0.15)
}
.btn-materiale i {text-shadow:2px 2px 2px rgba(0,0,0,0.15)}
.btn-materiale{
font-size: 1.6em;
width: 143px;
height: auto;
background: #46b97a;
padding: 10px 5px;
border-radius: 3px;
display: inline-block;
color: #fff;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-materiale:hover{
background: #2fad68;
}
.file{background:#c73755}
.file:hover{background:#a52b45}
.contenuto-epr a {
text-shadow:none;
}
.contenuto-epr .descrizione{background:#fba200;padding: 10px 10px 0 135px;margin: 0 0 0 125px;}
.contenuto-epr .intestazione h2{color:#0678d7;font-size:48px;letter-spacing:-0.03em;line-height:1.1em;text-shadow: 1px 3px 0px rgba(0,0,0,0.6);}
.contenuto-principale .contenuto-epr p{ color: #fff;
line-height: 1.3em;
font-size: 19px;
text-shadow: 2px 2px 1px rgba(0,0,0,0.3);
padding: 0 5px;
font-weight: 600;
}
.contenuto-epr .intestazione {
margin-bottom: 10px;
}
.loghi-epr{padding:10px 120px 10px 0px}
.loghi-epr img{border-radius: 50%;
width: 90px;
height: 90px;
text-align: center;
background: #fff;
display: inline-block;
margin: 0 5px 7px 0;
padding: 10px;
box-shadow: 4px -3px 2px rgba(0,0,0,0.2);
}
#epr .panel-group .panel {
margin-bottom: 0;
border-radius: 0;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
#epr .taxonomy-filter h5 {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 10px;
background: #403c56;
color: #fff!important;
text-transform: uppercase;
}
#epr .taxonomy-filter h5 a{width:100%;text-align: left;}
#epr .collapse {
padding: 0px;
}
#epr #accordion .panel-body {
padding: 15px;
}
#epr .taxonomy-filter ul {
list-style: none;
padding: 0px 0px 10px 0px;
margin: 0;
}
#epr .taxonomy-filter ul ul.second-level-terms{padding:3px 0px 5px 20px;display:none;-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;}
#epr .contenuto-principale a,#epr .contenuto-principale a:visited {
color: #0678d7;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
font-weight:700;
text-shadow:0 0 0 rgba(0,0,0,0);
}
#epr .contenuto-principale .nav-pills.epr-nav li.active a{color:#fff}
#lista-enti .panel-group .panel {
margin-bottom: 0;
border-radius: 0;
box-shadow: 0px 0px 3px rgba(0,0,0,0.0)!important;
border-bottom: 1px solid #eaeaea;
padding: 20px;
}
#lista-enti .panel-group .panel + .panel {
margin-top: 0px;
}
#lista-enti h4.panel-title {
color: inherit;
font-size: 24px;
margin-bottom: 0;
margin-top: 0;
font-weight: 400;
}
#lista-enti .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group.lista-enti .panel-heading + .panel-collapse > .list-group {
border-top: 0px solid #ddd;
border-top-color: rgb(221, 221, 221);
background: #fff;
}
#lista-enti .contenuto-principale a, .contenuto-principale a:visited {
color: #3b3b3b;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#lista-enti #accordion .panel-body {
padding: 20px;
}
#lista-enti .panel-heading .accordion-toggle:before {
font-family: 'FontAwesome';
content: "\f054";
float: left;
margin: 0 8px 0 0 /* adjust as needed */;
}
#lista-enti .panel-heading .accordion-toggle.collapsed:before {
font-family: 'FontAwesome';
content: "\f078";
float: left;
margin: 0 8px 0 0 /* adjust as needed */;
}
.logo-ente{box-shadow:0px 0px 5px rgba(0,0,0,0.25);text-align: center;padding:10px}
.logo-ente img {width:100%}
a:focus{text-decoration:none}
.card-columns {
column-count: 2;
}
.lazy {
opacity: 0;
-webkit-transition:opacity .8s ease-in-out;
transition:opacity .8s ease-in-out;
}
.lazy[data-original] {
opacity: 1;
}
.panel-heading a:after {
font-family: 'FontAwesome';
content: "\f068";
float: right;
transition: all 0.5s;
}
.panel-heading a.collapsed:after {
content: "\f067";
float:right
}
@media screen and (max-width: 480px) {
.taxonomy-filter li {
font-size: 14px !important;
line-height: 14px !important;
border: 0 !important;
padding: 0 5px !important;
display: inline-block;
}
#epr #accordion .panel-body {
padding: 5px;
}
.webinar-count {
display: none;
}
#omino {
position: absolute;
left: 0px;
bottom: 10px;
display: none;
}
.contenuto-epr .descrizione {
background: #fff;
padding: 10px;
margin: 0;
}
.contenuto-epr .intestazione h2 {
font-size: 30px;
letter-spacing: -0.03em;
line-height: 1.1em;
text-shadow: 1px 3px 0px rgba(0,0,0,0.0);
}
.contenuto-principale .contenuto-epr p {
color: #333;
line-height: 1.3em;
font-size: 16px;
text-shadow: 2px 2px 1px rgba(0,0,0,0.0);
padding: 0px;
font-weight: 400;
}
.loghi-epr {
padding: 10px;
display:none
}
.box-epr {
padding: 0px 0;
box-shadow: 0 0 2px rgba(0,0,0,0.3);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
transition: all 2s ease-out;
height: auto;
}
#webinar-epr .nav > li > a {
position: relative;
padding: 15px 5px;
float: left;
}
}
/****contributi EPR****/
/***webinar epr****/
.webinar-epr{margin:30px 0;padding:20px;background:#f9f9f9;border: 1px solid #eee;}
.webinar-epr h3{font-size:2.5rem;margin-bottom: 0px;}
.webinar-epr p{font-weight:400;font-size: 1.5rem;}
.webinar-epr .btn.btn-success {
background: #0da69c;
color: #fff;
border-color: #0da69c;
font-size: 1.2em!important;
text-transform: inherit;
line-height: 1.3em;
}
.webinar-epr .btn-success:hover {
background: #0b746d;
color: #fff;
border-color: #0b746d;
}
.orario{ font-size: 14px;
color: #fff;
background: #403c56;
padding: 3px 6px;
font-weight: 400;}
.ente{margin:0 0 6px;font-size:16px}
#webinar-epr .nav > li > a {
position: relative;
display: block;
padding: 15px 3px;
}
.nav-pills.epr-nav > li > a {
border-radius: 0px;
font-size: 19px;
}
#webinar-epr li {
font-weight: 400;
border-right: 1px solid rgba(255,255,255,0.15);
}
.disciplina-epr{
margin: 0 5px;
padding: 3px 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
font-size: 14px;
font-weight: 600;}
/***webinar epr****/
/********************principale******************/
#appr a{color:#fff; text-decoration:none;}
.execphpwidget .container{margin-top:30px;padding:0;}
.label-danger {
background-color: #d9534f !important;
}
.label-warning {
background-color: #f0ad4e!important;
}
.archivio{padding:10px 0;margin:10px 0; border-bottom:1px solid #ddd}
.archivio h3{font-size:18px;margin-top:0;}
.archivio .copertina{float:left;width:120px;margin: 0px 5px 0 0px;}
.archivio .info-archivio{float:left; font-size:14px;margin: 0 5px;width:80%}
.archivio .info-archivio p{font-size:15px; line-height:18px;}
.intestazione{border-bottom:1px dashed #6D6E70;padding:5px 10px;margin-bottom:0px;overflow:hidden;color:#444;font-family: 'Merriweather', serif;}
.intestazione a{color:#333;}
.intestazione h2 {font-family:merriweather; font-size:35px;color:#333; font-style:italic;margin-top:0;margin-bottom:0;font-weight:100}
.intestazione h2 span {color:#FCB327;font-weight:700}
.intestazione p{margin:5px 0 0;}
#magazine{text-align:right;padding-top:18px;}
#magazine img{margin-top:3px;margin-right:3px;}
.eventi h2 span{float:right;color:#fff;font-size:12px; font-family:"Open sans";margin-top:8px;}
.eventi h2 span img{margin-top:2px;}
.border-left{border-left:1px solid #cdcdcd}
.news{border-bottom:1px solid #005189;margin:0;padding-top:18px;padding-bottom:17px;position:relative;font-family: 'Merriweather', serif;}
.news1{font-size: 13px;
height: 248px;
overflow: hidden;background:#eaeaea;}
.news1 .foto{overflow:hidden;position:relative;border-radius:2px;height: 248px;}
.aggiornamento .bertie{color:inherit;font-style:inherit;font-weight:inherit;}
.bertie{color: #666;
font-size: 100%;
font-style: italic;
font-weight: 300;
line-height: 23px;
margin: 0 0 10px;
padding: 0 0 7px;}
.left{float:left;}
.contenuto-principale{font-size:17px;line-height:24px;padding:15px 0;font-weight:300;}
.contenuto-principale p{font-size:17px;line-height:24px;}
.progetto .mask, .progetto .content {
font-family: open sans;
/*left: 10px;
overflow: hidden;
position: absolute;
bottom: 40px;
width:98%;*/
}
.progetto .mask, .progetto .content .title {
font-family:"open sans condensed";
font-weight:700;
font-size:40px;
text-shadow:1px 1px 1px rgba(0,0,0,0.4);
text-transform:uppercase;
/*padding:10px;*/
line-height:1;
}
.content p{font-size:15px; line-height:18px}
.progetto img.landscape {
max-height: 100%;
max-width: none;
}
.title h2{font-size:18px;margin-top:5px}
.news3{overflow:hidden;height:133px;font-size:12px;line-height: 21px;}
.figli{background:#f8f8f8;margin:30px auto 10px;padding:15px 0 15px;}
.figli img{margin:0 0 20px}
.box{margin:10px 0; overflow: hidden;
position: relative;cursor:pointer;background:#222;font-family:open sans condensed;color:#fff;height:180px}
.box .mask, .box .content {
top: 10px;
left: 10px;
overflow: hidden;
position: absolute;
font-family:open sans;
}
.box .mask, .box .content .title {
font-family:"open sans condensed";
font-weight:700;
font-size:26px;
text-shadow:1px 1px 1px rgba(0,0,0,0.4);
text-transform:uppercase;
line-height: 1.2;
}
.box .mask, .box .content .testo {
font-family:"open sans condensed";
font-weight:300;
font-size:16px;
text-shadow:1px 1px 1px rgba(0,0,0,0.4);
text-transform:uppercase;
}
.box img {
display: block;
position: relative;
}
.box a.info {
background:url(../img/link.png) center no-repeat;
display: inline-block;
text-decoration: none;
padding:0;
text-indent:-9999px;
width:20px;
height:20px;
}
.effect img {
opacity:0.5;
transition: all 0.3s ease-in;
}
.effect .mask {
position:absolute; /* Center the mask */
top:50px;
left:100px;
cursor:pointer;
border-radius: 50px;
border-width: 50px;
display: inline-block;
height: 50%;
width: 50%;
border: 50px solid rgba(0, 0, 0, 0.0);
box-sizing:border-box;
opacity:1;
visibility:visible;
transform:scale(4);
transition:all 0.3s ease-in-out;
}
.effect:hover .mask {
opacity: 0;
border:0px solid rgba(0,0,0,0.7);
visibility:hidden;
}
.effect:hover img {
opacity:1;
}
.riga{margin-bottom:24px;}
.foto img.landscape {
max-width: none;
max-height: 100%;
}
.sottotitolo{font-size:16px; font-style:italic;}
.data-lettura{text-align:right; padding:5px 15px 5px 10px;border-right:1px solid #eaeaea; font-size:16px; line-height:18px;}
.riga{margin-bottom:24px;}
.content1{float:right; padding:20px 0 0;}
.news1 .text{ -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;font-size:14px;line-height:22px;}
.contenuto-piccolo .text {
-moz-column-count: 1;
}
.news2 .text{font-size:13px;line-height: 20px;font-weight:normal}
.news3 .text{font-size:12px;line-height: 20px;font-weight:normal}
.categoria{margin: 2px 8px 0 0;
padding: 2px 4px 0;font-size:11px;font-family: 'Source Sans Pro Light', sans-serif;color:#fff;float:left; text-transform:uppercase;line-height:18px; border-radius:1px;background:#6c8135;}
.tagga{margin: 2px 8px 0 0;
padding: 2px 4px 0;font-size:11px;font-family: 'Source Sans Pro Light', sans-serif;color:#fff;float:right; text-transform:uppercase;line-height:18px; border-radius:1px;background:#999999;}
.tagga a, tag a:hover{color:#fff; text-decoration:none;}
.primopiano{background:rgba(50,50,55,0.8);position:absolute;font-size:13px; font-weight:bold;padding:1px 3px;color:#fff;z-index:20;right:10px;top:12px;}
.targhetta1{
width: 0px;
height: 0px;
border-style: inset;
border-width: 35px 35px 35px 0px;
border-color: #345C87 transparent transparent ;
position:absolute;
z-index:20;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
.targhetta1 p {
text-align: center;
top: -33px;
left: -35px;
position: relative;
width: 93px;
height: 93px;
margin: 0px;
color:#fff;
font-size:13px;
}
#indireinforma .editoriali{
font-weight: normal;
height: 130px;
overflow: hidden;
}
#indireinforma .editoriali p{
font-size: 12px;
line-height: 18px;
}
#indireinforma .editoriali h4.titolo {
color: #323237;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
h2.titolo{color:#235286; font-size:15px; margin:7px 0; line-height:1.3; font-weight:bold;}
h2.sidebar{color:#ffffff; font-size:21px; margin:0px 0 0px; line-height:1.3;border-bottom:1px solid #fff;padding-bottom:4px;}
h2.titolocat{border-bottom:1px solid #eaeaea}
h3.titolo{color:#323237; font-size:15px; margin:5px 0; line-height:20px; font-weight:bold;}
h4.titolo{color:#323237; font-size:14px; margin:5px 0; line-height:20px; font-weight:bold;}
.newsletter h2{color:#333338;border-bottom:1px solid #333338; font-weight:bold;}
.dalla-home{background:#fff;padding: 12px 0;font-size:13px;line-height:15px;}
.dalla-home h2{background:#335b86;padding:6px 6px 4px;font-size:18px;}
.eventi{background:#335b86;padding:20px 12px; font-family:source sans pro;color:#fff;font-size:13px;line-height:17px; height:300px; overflow:hidden;}
.didactabanner{background:#335b86;padding:10px 12px; font-family:source sans pro;color:#fff;font-size:13px;line-height:17px; height:85px; overflow:hidden;text-align:center;}
.didactabanner img{height: 70px;}
.didactabanner h2.sidebar{
color:#ffffff; font-size:21px; margin:0px 0 0px; line-height:1.3;border-bottom:1px solid #fff;padding-bottom:4px;
font-family: 'Merriweather', serif;
text-align:left;
}
.eventi-in {
border-bottom: 1px dotted #fff;
height: 81px;
overflow: hidden;
margin: 0;
}
.eventix {
height: 74px;
overflow: hidden;
padding: 10px 0;
}
.eventi-in h2{font-size:12px; text-transform:uppercase; font-family:lato;margin:0 0 3px}
.data-eventi{width:60px;height:62px;float:left;margin:0 8px 0 0;padding:15px 0 0 0;font-size:44px;text-align:center;border-radius:2px;}
.data-eventi2{font-size:44px;text-align:center;border-radius:2px;
color:#fff;}
.date2 a:hover, .date2 a:visited{color:#FFFFFF; text-decoration:none;}
.item .col-md-1 .date2 {background: #335b86;
color:#fff;border-radius: 2px;
float: left;
font-size: 44px;
height: 62px;
margin: 0;
padding: 10px 0 0;
text-align: center;
width: 60px;}
/*.item:nth-child(2n+1) .col-md-1 .date2{background: #ffb327;
color:#335b86;}*/
.item:nth-child(2n+1) .col-md-1 .date2 a{
color:#fff;}
.eventi-in p{margin-bottom:0}
.data-eventi span{font-size:31%; text-transform:uppercase;line-height: 33px; }
.data-eventi2 span{font-size:31%; text-transform:uppercase;line-height: 33px; display:block;}
.data-eventi span.anno{font-size:45%; text-transform:uppercase;line-height: 10px; display:block;}
.aggiornamenti .data-eventi{width:60px;height:60px;float:left;margin:0 8px 0 0;padding:15px 0 0 0;font-size:44px;text-align:center;border-radius:2px;line-height:0.35;background: #333338 none repeat scroll 0 0;
color: #ffb428;}
.aggiornamenti data-eventi span{font-size:31%; text-transform:uppercase;line-height: 33px; }
.aggiornamenti .data-eventi span.anno{font-size:45%; text-transform:uppercase;line-height: 10px; display:block;}
.eventi-interni .data-eventi{width:60px;height:60px;float:left;margin:0 8px 0 0;padding:13px 0 0 0;font-size:44px;text-align:center;border-radius:2px;line-height:0.35;background: #333338 none repeat scroll 0 0;
color: #ffb428;}
.eventi-interni data-eventi span{font-size:31%; text-transform:uppercase;line-height: 33px; }
.eventi-interni .data-eventi span.anno{font-size:45%; text-transform:uppercase;line-height: 10px; display:block;}
.progetti-interni{margin:10px 0;overflow:hidden}
.contenuto-principale .info p{
color: #666;
font-family: lato;
font-size: 13px;
font-style: italic;
margin: 10px 0;
}
.aggiornamenti .interno {
line-height: 22px;
word-break: inherit!important;
}
.contenuto-principale .eventi{ background:transparent;}
h4.titolo-europa a {
color: #323237;
font-size: 17px;
font-weight: bold;
line-height: 20px;
margin: 5px 0;
}
.eventi-title{background:#f4f4f4;padding:5px; margin:5px 0 10px;}
.eventi-title h4{color:#444; font-family:open sans condensed; font-weight:700;font-size:1.5em;display:inline}
.eventi-title span a,.eventi-title span{text-align:right;font-family:lato;font-size:13px;float:right; font-weight:700; text-transform:uppercase;line-height:2.5em;margn:0 10px 0 0}
.date2{float:left;margin:5px;padding:5px;}
.pre{border-left: 1px solid #aaa;
float: left;
margin: 0 0 10px;
padding: 0 5px 10px;}
.pre p{font-size:15px; line-height:1.3em;}
.pre h4{margin-bottom:0}
.pre h4 a:hover{text-decoration:none; color:#335b86; }
.luogo {font-size:14px; font-weight:500;border-top: 1px dashed #ddd;}
.citta{display: inline;}
.sidebar{margin:15px 0;font-size:15px; }
.sidebar-block{position:relative;background:#f3f1ee;margin:1px 0 2px;padding:8px;}
.fascia{position:absolute;left:-15px;}
#amministrazione-trasparente .sidebar-block {
height: 600px;
overflow-y: auto;
padding:20px 10px
}
.sidebar-block .fa{font-size:90%; margin: 0 3px 0 0;}
.left-back{}
.sidebar h2{margin:0 0 10px 0;font-size:20px; color:#f3f1ee;font-family:Lato;font-weight:300; background:#005189;padding:3px 6px 6px;min-height:20px;}
h2.notizie {
background: #6c8135 none repeat scroll 0 0;
color: #f3f1ee;
font-family: Lato;
font-size: 20px;
font-weight: 300;
height: 30px;
margin: 0 0 5px;
padding: 3px 6px;
}
h2.evento {margin:0 0 5px 0;font-size:20px; color:#f3f1ee;font-family:Lato;font-weight:300; background:#ffb428;padding:3px 6px;height:30px;}
.sidebar h2 a:hover{color:#f8f8f8;}
.sidebar ul {padding-left:1.6em; }
.sidebar ul li {list-style:none;margin:0 0 5px 0;padding:0 0 5px 0; border-bottom:1px dashed #ddd;}
.sidebar ul li:before {
content: '\f054';
font-family: 'FontAwesome';
float: left;
margin-left: -1.5em;
}
.sidebar ul ul li:before {
content: '\f101';
font-family: 'FontAwesome';
float: left;
margin-left: -1.4em;
font-size: 1.2rem;
line-height: 2rem;
}
.bandi .scarica{background:url(../img/pdf.gif) no-repeat; padding:0 0px 0 25px;}
.sidebar ul li a {color:#222;font-size:16px; text-decoration:none;line-height:1}
.sidebar ul li a:hover{color:#005189; text-decoration:none;} .sidebar ul li a.attivo {color:#005189; text-decoration:none;padding-left:0px}
.sidebar ul li.responsabile{background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; width: 100%;padding:2px;}
.sidebar ul li.responsabile::after, .responsabile a {
/*content: "\f19d";*/
font-weight:bold;
}
#amministrazione-trasparente ul li{border-bottom:1px solid #ddd;}
#amministrazione-trasparente ul ul{padding-left:20px;}
#amministrazione-trasparente ul li a::before {
content: none;
font-family: FontAwesome;
padding: 0 10px 0 0;
right: 10px;
top: 0;
}
#amministrazione-trasparente ul ul li a::before {
padding: 0 10px 0 0;
right: 10px;
top: 0;
}
#amministrazione-trasparente ul li a{}
#amministrazione-trasparente ul li a:hover{padding-left:0}
.sidebar #amministrazione-trasparente ul li a.attivo {color:#005189; text-decoration:none;padding-left:8px; font-weight:bold;}
.link-singolo{background:#ffb428;padding:5px;color:#222;}
.link-singolo a{color:#222; font-size:19px;}
.link-singolo a:hover{text-decoration:none;color:#005189;}
.link-singolo a::after{content:"\f101";font-family: FontAwesome;padding:0 0px 0 5px}
.aggiornamenti{padding:10px; border-bottom:1px dashed #ddd;font-size:15px;}
.aggiornamenti p{margin:0;}
.aggiornamenti strong{font-weight:300}
.aggiornamenti a{color:inherit}
.aggiornamenti .interno{max-height:90px; overflow:hidden;line-height:1.4 }
.aggiornamenti h2{font-size:17px; font-weight:bold;margin:0 0 3px 0; color:#333;padding:0;background:none;height:auto;}
.aggiornamenti h2 a:hover{color:#222;}
.aggiornamenti .data{font-size:15px; font-weight:300; font-style:italic;margin:0; color:#333}
.eventi-interni{padding:10px; border-bottom:1px dashed #bbb;font-size:15px;}
.eventi-interni .interno{max-height:60px; overflow:hidden; line-height:1.3}
.eventi-interni h2{font-size:17px; font-weight:bold;margin:0 0 3px 0; color:#333;padding:0;background:none;height:auto;}
.eventi-interni h2 a:hover{color:#222;}
.eventi-interni .data{font-size:15px; font-weight:300; font-style:italic;margin:0; color:#333}
.contenuto-principale .eventi-interni .interno {
line-height: 1;
max-height: 60px;
overflow: hidden;
}
.contenuto-principale .eventi-interni .interno p {
font-size: 17px;
line-height: 19px;
}
.ricercatore-info{background:#f3f1ee;padding:15px 5px; text-shadow:1px 2px 1px #ffffff;margin-bottom:20px;}
.ricercatore-info img{border-radius:50%}
.sidebar .rassegna-stampa h2{margin-bottom:0}
.rassegna{padding:10px; border-bottom:1px dashed #bbb;font-size:14px;line-height:1.2}
.rassegna .interno{max-height:60px; overflow:hidden; }
.rassegna h2{font-size:17px; font-weight:bold;margin:0; color:#333;padding:0;background:none;display:inline;line-height:1.3;margin-bottom:0}
.rassegna .data{font-size:14px; font-weight:300; font-style:italic;margin:0; color:#333}
.sidebar .rassegna:nth-child(even){background:rgba(255,255,255,0.7);}
.sidebar .rassegna:nth-child(odd){background:rgba(255,255,255,0.4);}
.sidebar .rassegna:hover{background:rgba(255,255,255,1);}
.bandi{padding:10px; font-size:16px;line-height:1.3}
.bandi .interno{ }
.bandi h2{font-size:17px; font-weight:bold;margin:0; color:#333;padding:0;background:none;display:inline;line-height:1.3;margin-bottom:0}
.bandi .data{font-size:16px; font-weight:300; font-style:italic;margin:0; color:#333}
.bandi-interno{margin:5px 0; padding:5px; border-bottom:1px solid #ddd}
#gruppo-ricerca .panel-group .panel {
border-radius: 0;
margin-bottom: 0;
}
.breadcrumb {
background-color: transparent;
border-radius: 0;
font-size: 15px;
font-weight: 300;
list-style: outside none none;
margin-bottom: 20px;
margin-top: 12px;
padding: 8px 15px;
}
.breadcrumb > li+li::before{content:"\f105";font-family: FontAwesome;}
.footer-inner{background:#282828;color:#fff;padding: 3px 10px 8px;text-align:left;margin:0px 0 0; font-family:source sans pro;}
.footer-inner a{color:#ffb327;}
.footer-inner a:hover{color:#f8f8f8;}
.footer-inner h2{font-size:15px;margin:8px 0; color:#ffb327 }
.footer-inner .col-md-3{border-right:1px solid #333;}
ul.amm-trasparente{margin:0;padding:0 0px;}
ul#menu-menu-fondo,ul#menu-menu-fondo-inglese{margin:0;padding:0}
ul#menu-menu-fondo li,ul#menu-menu-fondo-inglese li{list-style:none;}
ul#menu-menu-fondo li a,ul#menu-menu-fondo-inglese li a{color:#fff;}
.amm-trasparente li{list-style:none; }
.amm-trasparente li a{color:#f8f8f8; }
.copyright{background:#222;min-height:20px;padding:10px; color:#fff;}
.copyright a{color:#fff;}
.pubblicazione{margin:0 0 10px 0}
.pubblicazione .data{margin:0 0 0px 0;}
.pubblicazione .data span{ font-weight:bold}
.pubblicazione .titolo{ font-style:italic}
#editoriale{font-size:15px;line-height:23px;padding:10px;margin:0 0 20px; background:#f8f8f8}
#editoriale span{margin:0; color:#235286;}
#editoriale h3{border-bottom:#eaeaea 1px solid; padding-bottom:4px;margin-bottom: 4px;margin-top:0}
#editoriale h3 span{font-family: 'Lato', sans-serif;font-weight:100; float:right; cursor:pointer;}
#editoriale .foto-ed{position:absolute;margin:0px 0}
#editoriale .foto-ed img{width:85px; height:85px; border-radius:50%; border:1px solid #333;}
#editoriale .intestazione{width:100%;padding:0 10px 15px 100px;}
.vedi-editoriale{width:100%;margin:0px auto 30px; background:#323237; color:#fff;padding:3px 5px 2px; font-size:18px;}
.vedi-open{background:url(../img/vedi.png) #555 no-repeat right; cursor:pointer;padding:3px 10px 5px;background-position: right 10px top 8px;}
.vedi-chiudi{background:url(../img/chiudi.png) #323237 no-repeat right; cursor:pointer;padding-right:10px;background-position: right 10px top 8px;}
.page-links{border-radius: 4px;
display: inline-block;
margin: 20px 0;
padding-left: 0;
}
/*.page-links a{background-color: #fff;
border: 1px solid #ddd;
color: #337ab7;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;}
.page-links span{background-color: #337ab7;
border-color: #337ab7;
color: #fff;float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;}
*/
/*******************************************/
/**********immagini****************/
.view img {
display: block;
position: relative
}
.view-first img {
transition: all 0.2s linear;
width:100%;
}
.view-first:hover img {
transform: scale(1.2);
}
.foto{width:31.3333%;padding:10px;float:left;text-align:center;border:1px solid #eaeaea;margin:1%;}
.foto .scarica{margin:3px 0 ;}
.foto-in{height:250px; overflow:hidden}
/********************************************************/
.form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.btn-warning {
background-color: #fcb328;
border-color: #eea236;
color: #fff;
}
.form-group {
margin-bottom: 10px;
}
/*********************************/
.social{width:28px;height:28px;float:left;margin:0px 5px;position:relative;
display:block; cursor:pointer;}
.social {
cursor: pointer;
}
.social img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
/* IE 6-9 */
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
border-radius:50%
}
.social:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: none;
filter: none;
}
.social-color{position:relative;
display:block; cursor:pointer;}
.panel-body ul li{ list-style-image:url(../img/pdf.gif); border-bottom:1px dashed #ddd; padding:3px 0}
.panel-body ul li a:hover{ padding-left:10px; text-decoration:none}
#rassegna .panel-body ul li{ list-style:none; border-bottom:1px dashed #ddd; padding:3px 0}
#rassegna .panel-body ul li span{ font-size:16px;display:block;}
#rassegna .panel-body ul li a:hover{ padding-left:0px; text-decoration:none}
.active{font-weight:900;}
@media screen and (max-width:1440px) {
.box{margin:10px 0; overflow: hidden;
position: relative;cursor:pointer;background:#222;font-family:open sans condensed;color:#fff;height:175px}
}
@media screen and (max-width: 1024px) {
.box {
background: #222 none repeat scroll 0 0;
color: #fff;
cursor: pointer;
font-family: open sans condensed;
height: 140px;
margin: 10px 0;
overflow: hidden;
position: relative;
}
.news1 {
background: none repeat scroll 0 0 #eaeaea;
font-size: 13px;
height: 220px;
overflow: hidden;
}
.lettura .foto {
border-radius: 2px;
box-sizing: border-box;
display: inline-block;
float: left;
height: 0;
margin-right: 10px;
overflow: hidden;
padding: 215px 0 0;
position: relative;
vertical-align: top;
width: 215px;
}
#caption{position:absolute; z-index:30;width:970px;; bottom:10px}
#progetto .col-md-4{width:50%}
}
@media screen and (max-width: 800px) {
.card-column { /* Masonry container */
column-count: 1;
column-gap: 1em;
}
.griglia {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
}
.box img {
display: block;
position: relative;
width: 100%;
}
.box {
background: #222 none repeat scroll 0 0;
color: #fff;
cursor: pointer;
font-family: open sans condensed;
height: 200px;
margin: 10px 0;
overflow: hidden;
position: relative;
}
.top-left {
color: #323237;
font-size: 16px;
padding: 5px;
text-align: center;
}
.top-right {
color: #7e7c7b;
padding: 5px;
text-align: center;
}
.right-up {
border-left: 0px solid #7e7c7b;
margin-top: 0px;
min-height:0px;
padding: 5px 10px;
}
.left-up {
border-right: 0px solid #7e7c7b;
margin-top: 0px;
min-height: 0px;
padding: 5px 10px;
}
.news1 {
background: none repeat scroll 0 0 #eaeaea;
font-size: 13px;
overflow: hidden;
height:auto;
}
.nopadding-top-in{padding-right:0px}
.search {
font-family: source sans pro;
font-size: 13px;
left: 2px;
position: absolute;
top: 10px;
width: auto;
z-index: 10;
}
#lettura-evento .eventi {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #ddd;
border-right: none;
color: #fff;
font-family: source sans pro;
font-size: 13px;
line-height: 15px;
padding: 0 12px 5px;
}
#lettura-evento .eventi-in {
border-bottom: medium none;
float: left;
height: auto;
margin: 0 20px 0 0;
overflow: hidden;
padding: 0;
}
#lettura-evento .data-eventi {
border-radius: 2px;
float: left;
font-size: 44px;
height: auto;
margin: 0 8px 0 0;
padding: 15px 0 0;
text-align: center;
width: 60px;
}
#lettura-evento .info {
color: #666;
float: left;
font-family: lato;
font-size: 13px;
font-style: italic;
margin: 0px 25px 0 0;
}
#lettura-evento .mappa {
width:80px;
float: left;
}
#lettura-evento .categoria{display:none}
#lettura-evento .eventi {
text-align:left;
}
#lettura-evento .col-md-5 .lettura, #lettura .col-md-5 .lettura {
font-size: 12px;
height: auto;
line-height: 22px;
}
#lettura-evento .col-md-5 .lettura .foto, #lettura .col-md-5 .lettura .foto {
border-radius: 2px;
box-sizing: border-box;
display: inline-block;
float: left;
height: 0;
margin-right: 10px;
overflow: hidden;
padding: 215px 0 100px;
position: relative;
vertical-align: top;
width: 100%;
}
#lettura-evento .col-md-5 .foto img.landscape, #lettura .col-md-5 .foto img.landscape {
max-height: inherit;
max-width: inherit;
}
.foto-grande{width: inherit;}
.foto-media{width: inherit;}
.contenuto-piccolo{width: inherit;}
.contenuto-medio{width: inherit;}
.foto-media-right{float:inherit;padding-right: inherit;clear:both;}
.foto-grande-right{float:inherit;padding-right: inherit;}
.foto-right{float:inherit;padding-right: inherit;}
.news1 img, .news2 img{top:-100px;}
.progetto {
margin-bottom: 20px;
max-height: 100%;
overflow: hidden;
}
#progetto .col-md-4{width:100%}
#logo {
padding: 20px 0;
text-align: center;
}
#tagline {
color: #fff;
font-family: "Merriweather",serif;
font-size: 22px;
font-style: italic;
font-weight: 100;
margin: 10px 0;
text-align: center;
}
}
@media screen and (max-width: 750px) {
#logo-sx{float:none;text-align:center;margin:5px 0;width:100%}
#logo-dx{float:none;text-align:center;margin:15px 0;width:100%}
#top{position:relative;width:100%;overflow:hidden;height:auto;}
#logo {
padding: 26px 0 10px;
text-align: center;
}
#tagline {
color: #fff;
font-family: "Merriweather",serif;
font-size: 22px;
font-style: italic;
font-weight: 100;
margin-bottom: 20px;
margin-top:10px;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.griglia {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.box-epr .ente {
padding: 5px 10px;
font-size: 15px;
letter-spacing: inherit;
height: auto!important;
}
.margin-top {
margin-top: 0px;
}
.padding-top {
padding-top: 0px;
}
.sb-search-input {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #005189;
font-family: inherit;
font-size: 20px;
height: 60px;
margin: 0;
outline: medium none;
padding: 20px 65px 20px 20px;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 88;
}
}
/********************principale******************/
#indireinforma .border-left{border-left:1px solid #cdcdcd}
.news{border-bottom:1px solid #005189;margin:0;padding-top:15px;padding-bottom:16px;position:relative;}
#indireinforma .news1{font-size: 13px;
height: 260px;
overflow: hidden;background:#eaeaea;}
#indireinforma .news1 .foto2{overflow:hidden;position:relative;border-radius:2px;height: 260px;}
#indireinforma .foto-grande{width: 66.6667%;}
#indireinforma .foto-grande img{top:-100px;}
#indireinforma .foto-media{width: 50%;}
#indireinforma .foto-media img{top:-100px;}
#indireinforma .foto-right{float:right;padding-right: 0;}
#indireinforma .foto-media-right{float:right;padding-right: 0;}
#indireinforma .foto-grande-right{float:right;padding-right: 0;}
#indireinforma .left{float:left;}
#indireinforma .contenuto-piccolo{width: 33.3333%;}
#indireinforma .contenuto-medio{width: 50%;}
#indireinforma .news2{overflow:hidden;height:310px;font-size:13px;line-height:25px;}
#indireinforma .news2 .foto2{height:180px;overflow:hidden;position:relative;margin-bottom:15px;border-radius:2px;}
#indireinforma .news2 .foto2 img {/* clip-path: rect(0px, 400px, 225px, 0px);*/height:100%;}
#indireinforma .news3{overflow:hidden;height:100px;font-size:12px;line-height: 22px;font-weight: normal;}
#indireinforma .news3 .foto2{width:100px;height:0;overflow:hidden;padding: 100px 0 0 0;float:left;margin-right:10px; display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-radius:2px;}
#indireinforma .news3 .foto2 img {
position: absolute; top: 0;
left: 0;
max-width: 100%;
height: auto;
width: auto;}
#indireinforma .riga{margin-bottom:24px;}
#indireinforma .lettura{height:250px;font-size:12px;line-height: 22px;}
#indireinforma .lettura .foto2{
width:100%;
height:0;
overflow:hidden;
padding: 210px 0 0 0;
float:left;
margin-right:10px;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-radius:2px;
}
#indireinforma .lettura .foto2 img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: auto;
width: auto;}
#indireinforma .foto2 img.landscape {
max-width: none;
max-height: 100%;
}
#indireinforma .sottotitolo{font-size:16px; font-style:italic;}
#indireinforma .data-lettura{text-align:right; padding:5px 15px 5px 10px;border-right:1px solid #eaeaea; font-size:16px; line-height:18px;}
#indireinforma .riga{margin-bottom:24px;}
#indireinforma .content1{float:right; padding:20px 0 0;}
#indireinforma .news1 .text p{ font-size:14px;line-height:22px;margin:0}
#indireinforma .news1 .text{ -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;font-size:14px;line-height:22px;overflow:hidden; height:180px;}
#indireinforma .contenuto-piccolo .text {
-moz-column-count: 1;
}
#indireinforma .news2 .text{font-size:13px;line-height: 20px;}
#indireinforma .news3 .text p{font-size:12px;line-height: 20px;}
#indireinforma .news2 .text p{font-size:13px;line-height: 20px;}
#indireinforma .news3 .text{ font-size:12px;line-height: 20px;}
.celebrazione{margin: 2px 8px 6px 0;
padding: 2px 4px 0;font-size:11px;font-family: 'Source Sans Pro Light', sans-serif;color:#fff;float:left; text-transform:uppercase;line-height:18px; border-radius:1px;background:#227ec3;}
.celebrazione2{margin: 2px 8px 6px 0;
padding: 2px 4px 0;font-size:11px;font-family: 'Source Sans Pro Light', sans-serif;color:#fff;float:left; text-transform:uppercase;line-height:18px; border-radius:1px;background:#FFB327;}
#indireinforma .data{}
#indireinforma .primopiano{background:rgba(50,50,55,0.8);position:absolute;font-size:13px; font-weight:bold;padding:1px 3px;color:#fff;z-index:20;right:10px;top:12px;}
#indireinforma .targhetta1{
width: 0px;
height: 0px;
border-style: inset;
border-width: 35px 35px 35px 0px;
border-color: #345C87 transparent transparent ;
position:absolute;
z-index:20;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
#indireinforma .targhetta1 p {
text-align: center;
top: -33px;
left: -35px;
position: relative;
width: 93px;
height: 93px;
margin: 0px;
color:#fff;
font-size:13px;
}
/*.giallo{background:#FFB327;}
.blu{background:#235286;}
.rosso{background:#b2110d}
.verde{background:#42b266}
.viola{background:#9206ff}
.arancione{background:#ff731b}
.verde2{background:#999558}*/
#indireinforma h2.titolo{color:#235286; font-size:20px; margin:0px 0; line-height:1.1; font-weight:normal;}
#indireinforma h2.sidebar{color:#ffffff; font-size:21px; margin:0px 0 7px; line-height:1.3;border-bottom:1px solid #fff;padding-bottom:0px;}
#indireinforma h2.titolocat{border-bottom:1px solid #eaeaea}
#indireinforma h3.titolo{color:#323237; font-size:15px; margin:5px 0; line-height:20px; font-weight:bold;}
#indireinforma h4.titolo{color:#323237; font-size:14px; margin:5px 0; line-height:20px; font-weight:bold;}
#indireinforma .newsletter h2{color:#333338;border-bottom:1px solid #333338; font-weight:bold;}
#indireinforma .dalla-home{background:#fff;padding: 12px 0;font-size:13px;line-height:15px;}
#indireinforma .dalla-home h2{background:#335b86;padding:6px 6px 4px;font-size:18px;}
#indireinforma .eventi{background:#335b86;padding: 12px; font-family:source sans pro;color:#fff;font-size:13px;line-height:15px;}
#indireinforma .eventi-in{height:90px;padding:8px 0;overflow:hidden;border-bottom:1px dotted #fff;}
#indireinforma .eventi-in h2{font-size:12px; text-transform:uppercase; font-family:lato;margin:0 0 3px}
#indireinforma .data-eventi{width:60px;height:60px;float:left;margin:0 8px 0 0;padding:15px 0 0 0;font-size:44px;text-align:center;border-radius:2px;}
#indireinforma .eventi-in p{margin-bottom:0}
#indireinforma .data-eventi span{font-size:31%; text-transform:uppercase;line-height: 33px; }
#indireinforma .data-eventi span.anno{font-size:45%; text-transform:uppercase;line-height: 10px; display:block;}
#indireinforma .col-md-2 .eventi {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-right: 1px solid #ddd;
color: #fff;
font-family: source sans pro;
font-size: 13px;
line-height: 15px;
padding: 0 12px;
text-align:right;
}
#indireinforma #lettura-evento .eventi-in {
border-bottom: none;
height: auto;
margin: auto;
overflow: hidden;
padding: 0;
}
#indireinforma #lettura-evento .info{font-family:lato; color:#666;font-size:13px; margin:10px 0; font-style:italic;}
#indireinforma #lettura-evento .data-eventi {
border-radius: 2px;
float: right;
font-size: 44px;
height: 60px;
margin: 0;
padding: 15px 0 0;
text-align: center;
width: 60px;
}
#indireinforma .newsletter{background:#b5b2a5;padding: 12px;}
#indireinforma .osservatorio{background:#6c8135;padding: 6px 0px 0;margin:15px 0;font-size:14px; line-height:17px; }
#indireinforma .osservatorio h2{color:#fff;font-weight:normal;font-size: 20px;
line-height: 1.3;
margin: 0 0 0px;
padding:0 12px 6px; background:none; font-family:"Merriweather",serif;}
#indireinforma .osservatorio ul{padding-left: 0;}
#indireinforma .osservatorio ul li{list-style:none;margin:0 0 0px 0; background:#f0f0ed;padding: 8px 12px;}
#indireinforma .osservatorio ul li:before{content:none;}
#indireinforma .osservatorio ul li a{color:#6c8135}
#indireinforma .osservatorio ul li a:hover{color:#2f3814; text-decoration:none;}
#indireinforma .osservatorio ul li:nth-child(odd){background:#f0f0ed;}
#indireinforma .osservatorio ul li:nth-child(even){background:#e2e1db;}
#indireinforma .footer-inner{background:#282828;color:#fff;padding:10px;text-align:center;margin:20px 0 0; font-family:source sans pro;}
#indireinforma .footer-inner a{color:#ffb327;}
#indireinforma .footer-inner a:hover{color:#f8f8f8;}
#indireinforma #editoriale{font-size:15px;line-height:23px;padding:3px 6px; margin:20px 0 0}
#indireinforma #editoriale span{margin:0; color:#235286;}
#indireinforma #editoriale h3{border-bottom:#eaeaea 1px solid; padding-bottom:4px;margin-bottom: 4px;margin-top:0}
#indireinforma #editoriale h3 span{font-family: 'Lato', sans-serif;font-weight:100; float:right; cursor:pointer;}
#indireinforma #editoriale .foto2{position:absolute;margin:0px 0}
#indireinforma #editoriale .foto2 img{width:85px; height:85px; border-radius:50%; border:1px solid #333;}
#indireinforma #editoriale .intestazione{width:100%;padding:0 10px 15px 100px;}
#indireinforma .vedi-editoriale{width:100%;margin:20px auto 0px; background:#323237; color:#fff;padding:3px 5px 2px; font-size:18px;}
#indireinforma .vedi-open{background:url(../img/vedi.png) #323237 no-repeat right; cursor:pointer;padding-right:10px;background-position: right 10px top 8px;}
#indireinforma .vedi-chiudi{background:url(../img/chiudi.png) #323237 no-repeat right; cursor:pointer;padding-right:10px;background-position: right 10px top 8px;}
/*******************************************/
/**********immagini****************/
.view img {
display: block;
position: relative
}
.view-first img {
transition: all 0.2s linear;
width:100%;
}
.view-first:hover img {
transform: scale(1.2);
}
/********************************************************/
.form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.btn-warning {
background-color: #fcb328;
border-color: #eea236;
color: #fff;
}
.form-group {
margin-bottom: 10px;
}
/*********************************/
/*****pagina avanguardie*****/
.fb-ae{
color: #fff;
display: flex;
justify-content: center;
align-items: baseline;
font-size:20px;
}
.fb-ae i{font-size:30px;margin-right:30px;}
#web-ae #webinar-ae .fb-ae .btn-warning { margin:0 30px;}
#calendario{margin:60px 0}
#calendario h2, #archivio h2 {margin-bottom: 30px;
text-align: center; font-weight:700}
#collaborano h2 {margin-bottom: 20px;
font-weight:700}
#accedere,#collaborano,#archivio,#calendario{ padding: 0px 0 80px;}
.titolo-sezione {text-align:center}
.titolo-sezione::after {background:#000;width:100px;height:2px;margin:20px auto}
.titolo-sezione h2 {font-weight:700;font-size:26px}
.titolo-sezione h3 {font-weight:400;font-size:22px}
.separatore{margin:20px auto;width:50px;background:#000;height:2px}
#web-ae #webinar-ae .btn-warning { font-size: 15px;
font-weight: 700;
margin: 5px 15px 40px;
background: #1e79ba;
border-color: #1e79ba;
letter-spacing: 0.06rem;
padding: 10px 15px;
box-shadow: 1px 2px 5px 0 rgba(0,0,0,.09);
color:#fff;
}
#web-ae #webinar-ae .btn-warning2 { font-size: 15px;
font-weight: 700;
margin: 0px 30px 5px;
background: #fff;
border-color: #fff;
letter-spacing: 0.06rem;
padding: 10px 15px;
box-shadow: 1px 2px 5px 0 rgba(0,0,0,.09);
color:#0da69c;
}
#web-ae #webinar-ae .btn-warning:hover {background:#155888;border-color:#155888}
.navigazione{ display: flex;
justify-content: center;
flex-wrap:wrap;
color:#fff;
}
#web-ae #webinar-ae .btn-warning2:hover {background:#0da69c;border-color:#fff;color:#fff;}
.navigazione{ display: flex;
justify-content: center;
flex-wrap:wrap;
}
.contenuto-principale .abstract p {
font-size: 15px;
margin: 10px 0 0;
line-height: 1.3;
font-weight: 400;
}
.contenuto-principale .relatori p {
font-size: 15px;
}
#button {
display: inline-block;
background-color: #1e79ba;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000; border: 0px solid #ddd;
}
#button::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#button:hover {
cursor: pointer;
background-color: #333;
color:#fff
}
#button:active {
background-color: #555;
color:#fff
}
#button.show {
opacity: 1;
visibility: visible;
}
@media (min-width: 500px) {
#button {
margin: 30px;
}
}
/*****************************/
/*pagina toolkit*/
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
ul.nav-filter{msrgin:0;padding:0;}
ul.nav-filter li {list-style: none;display:inline-block;margin:10px 0px 10px 0}
ul.nav-filter li.livello {
margin-bottom: 0px ;
}
ul.nav-filter li label{margin: 0 5px;
background: #0082ce;
padding: 5px 12px;
color: #fff;
cursor: pointer;
webkit-transition: all 0.5s;
transition: all 0.5s;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.07em;}
ul.nav-filter li label.highlight{margin:0 5px; background:#ab2442;padding:5px 12px; color:#fff;cursor:pointer;webkit-transition: all 0.5s; /* Safari */
transition: all 0.5s;}
ul.nav-filter li input{display:none;}
.ente.active input[type="radio"] {pointer-events:none;}
.ente.active input[type="radio"]:checked + label{margin:0 5px; background:#2c8f31;padding:5px 12px; color:#fff;pointer-events:none;}
.tipologia.active input[type="checkbox"]:checked + label{ margin: 0 5px;
background: #ffc107;
padding: 5px 12px;
color: #2b2b2b;
cursor: pointer;}
.status{margin:20px 10px 10px}
.toolkit-box{box-shadow:0px 0px 15px rgba(0,0,0,0.2);height:auto;padding:15px;margin:5px 0 30px;transition:all 0.4s;-webkit-transition:all 0.4s;cursor:pointer}
.toolkit-box .toolkit-img .overlay {background: rgba(0,0,0,0.0);z-index:1}
.toolkit-box:hover{box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.toolkit-box:hover .toolkit-img button { margin-top:100px;
}
.toolkit-box:hover .toolkit-img .overlay {background: rgba(0,0,0,0.6)}
.toolkit-box p{text-align:center;font-weight:600;margin:20px 0;font-size:19px;color:#EA3086}
.toolkit-box h2{text-align: center;}
.toolkit-box .tag-lista-toolkit {
margin-bottom: 5px;
text-align: center;
}
.toolkit-box .tag-lista-toolkit span {
display: inline-block;
vertical-align: top;
line-height: 1em;
padding: 6px 6px 8px;
font-weight: 700;
color: #505050;
text-align: center;
text-shadow: 0 1px rgba(255,255,255,0.5);
background: #eaefef;
border: 0px white;
border-radius: 2px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-shadow: inset 0 -2px rgba(255,255,255,0.1), inset 0 -3px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.05);
box-shadow: inset 0 -2px rgba(255,255,255,0.1), inset 0 -3px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.05);
-webkit-transition: background 0.5s;
transition: background 0.5s;
font-size: 10px;
text-transform: uppercase;
}
.toolkit-img{
position: relative;
top: 50%;
transform: translateY(-36%);
}
.toolkit-box .toolkit-img{
position: relative;
top: 0%;
transform: translateY(0%);
height:200px;
overflow:hidden;
text-align: center;
}
.toolkit-img button { -webkit-transition: all 0.35s;
transition: all 0.35;z-index:3;margin-top:300px;z-index:3;position:relative}
/*pagina toolkit*/
@media screen and (max-width: 1024px) {
.news1 {
background: none repeat scroll 0 0 #eaeaea;
font-size: 13px;
height: 220px;
overflow: hidden;
}
.contenuto-principale {
height: 215px;
padding-bottom: 10px;
padding-top: 12px;
}
.lettura .foto2 {
border-radius: 2px;
box-sizing: border-box;
display: inline-block;
float: left;
height: 0;
margin-right: 10px;
overflow: hidden;
padding: 215px 0 0;
position: relative;
vertical-align: top;
width: 215px;
}
#indireinforma .news1 .text p {
font-size: 14px;
line-height: 23px;
margin: 0;
}
}
@media screen and (max-width: 768px) {
.top-left {
color: #323237;
font-size: 16px;
padding: 5px;
text-align: center;
}
.top-right {
color: #7e7c7b;
padding: 5px;
text-align: center;
}
.right-up {
border-left: 0px solid #7e7c7b;
margin-top: 0px;
min-height:0px;
padding: 5px 10px;
}
.left-up {
border-right: 0px solid #7e7c7b;
margin-top: 0px;
min-height: 0px;
padding: 5px 10px;
}
.news1 {
background: none repeat scroll 0 0 #eaeaea;
font-size: 13px;
overflow: hidden;
height:auto;
}
.nopadding-top-in{padding-right:0px}
.search {
font-family: source sans pro;
font-size: 13px;
left: 2px;
position: absolute;
top: 10px;
width: auto;
z-index: 10;
}
#lettura-evento .eventi {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #ddd;
border-right: none;
color: #fff;
font-family: source sans pro;
font-size: 13px;
line-height: 15px;
padding: 0 12px 5px;
}
#lettura-evento .eventi-in {
border-bottom: medium none;
float: left;
height: auto;
margin: 0 20px 0 0;
overflow: hidden;
padding: 0;
}
#lettura-evento .data-eventi {
border-radius: 2px;
float: left;
font-size: 44px;
height: auto;
margin: 0 8px 0 0;
padding: 15px 0 0;
text-align: center;
width: 60px;
}
#lettura-evento .info {
color: #666;
float: left;
font-family: lato;
font-size: 13px;
font-style: italic;
margin: 0px 25px 0 0;
}
#lettura-evento .mappa {
width:80px;
float: left;
}
#lettura-evento .categoria{display:none}
#lettura-evento .eventi {
text-align:left;
}
#lettura-evento .col-md-5 .lettura, #lettura .col-md-5 .lettura {
font-size: 12px;
height: auto;
line-height: 22px;
}
#lettura-evento .col-md-5 .lettura .foto, #lettura .col-md-5 .lettura .foto {
border-radius: 2px;
box-sizing: border-box;
display: inline-block;
float: left;
height: 0;
margin-right: 10px;
overflow: hidden;
padding: 215px 0 100px;
position: relative;
vertical-align: top;
width: 100%;
}
#lettura-evento .col-md-5 .foto img.landscape, #lettura .col-md-5 .foto img.landscape {
max-height: inherit;
max-width: inherit;
}
.foto-grande{width: inherit;}
.foto-media{width: inherit;}
.contenuto-piccolo{width: inherit;}
.contenuto-medio{width: inherit;}
.foto-media-right{float:inherit;padding-right: inherit;clear:both;}
.foto-grande-right{float:inherit;padding-right: inherit;}
.foto-right{float:inherit;padding-right: inherit;}
.news1 img, .news2 img{top:-100px;}
}
@media screen and (max-width: 750px) {
#logo-sx{float:none;text-align:center;margin:5px 0;width:100%}
#logo-dx{float:none;text-align:center;margin:15px 0;width:100%}
#top{position:relative;width:100%;background:rgba(255,255,255,0.8);overflow:hidden;height:auto;}
}
@media screen and (max-width: 480px) {
.margin-top {
margin-top: 0px;
}
.padding-top {
padding-top: 0px;
}
}
ul#menu-menu-istituto li#menu-item-3999 ul.sub-menu,ul#menu-menu-istituto-inglese li#menu-item-19059 ul.sub-menu {display:block!important;}
#cookieChoiceInfo a{color:#fff; text-decoration:underline}
iframe {background:#fff!important;}
.modal-dialog {
margin: 160px auto;
max-width: 1000px;
width:inherit;
}
li.feed-item-link {font-weight:300!important; }
.sidebar-block h2 strong{font-weight:300;}
ul.lista-articoli li::before {
content: ''!important;
float: left;
font-family: "FontAwesome";
margin-left: 0;
}
ul.lista-articoli li{}
ul.lista-articoli{padding: 0 10px;}
strong.sidebar{font-weight:400;}
.conversare .accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.conversare .active, .conversare .accordion:hover {
background-color: #ccc;
}
.conversare .accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.conversare .active:after {
content: "\2212";
}
.conversare .panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.metaslider ul.slides li {display:table!important; border: 0px solid #005f98!important;border-left:0!important;border-right:0!important;padding:10px 0!important }
.metaslider .caption-wrap {
position: relative!important;
background: #fff!important;
color: #005f98!important;
opacity: 1!important;
margin: 0;
display: block;
width: 100%;
line-height: 1.4em;
display: table-header-group!important;
padding: 9px 0;
font-size: 25px;
font-weight: 600;
text-align: center;
}
.metaslider {border:1px solid #005f98 !important;padding:10px;margin:20px 0}