/* colori dell'area */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,500");
@import url("form.css");
@font-face { font-family: 'Linearicons'; src: url("fonts/Linearicons.eot?6xehrh"); src: url("fonts/Linearicons.eot?6xehrh#iefix") format("embedded-opentype"), url("fonts/Linearicons.ttf?6xehrh") format("truetype"), url("fonts/Linearicons.woff?6xehrh") format("woff"), url("fonts/Linearicons.svg?6xehrh#Linearicons") format("svg"); font-weight: normal; font-style: normal; }

.sidebar-box-default ul, .sidebar-box-banner ul { margin: 0px; padding: 0px; list-style-type: none; }

/*********************************************** GENERALI
/***********************************************/
/***** variabili *********/
.img-wide { width: 100%; height: auto; }

.tag-area { background-color: #ccc; color: #fff; display: block; font-size: 14px; font-weight: lighter; min-width: 180px; padding: 0 20px; text-align: center; text-transform: uppercase; }

@media (min-width: 768px) { .center-container { border-right: solid 1px #f7f7f7; }
  h2 { margin-top: 50px; } }
.sub-header-social { border-top: 1px solid #f7f7f7; padding-top: 10px; }
@media (min-width: 768px) { .sub-header-social .breadcrumbs { display: none; } }
@media (min-width: 992px) { .sub-header-social .container-social { float: right; } }

/*********************************************** PAGINA UFFICIO
/***********************************************/
.box-info-top { border-bottom: 1px solid #f2f2f2; margin-bottom: 30px; padding-bottom: 30px; margin-top: 30px; clear: both; }
@media (max-width: 767px) { .box-info-top .table-responsive { padding: 0 10px; } }
.box-info-top table { margin-bottom: 30px; width: 100%; white-space: nowrap; }
.box-info-top td { padding-right: 20px; }
.box-info-top .contatti-ufficio { list-style-type: none; padding: 0; }
.box-info-top .contatti-ufficio li { padding-bottom: 5px; }
.box-info-top .table-orari-nota > p { font-size: 0.8em; margin: 0; }

.round-icon i { background-color: #ccc; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; height: 25px; line-height: 25px; margin-top: -5px; text-align: center; width: 25px; margin-right: 5px; }

.inline-box-grey { background-color: #f7f7f7; padding: 30px; }
.inline-box-grey h2 { margin: 0 0 15px 0; color: #ccc; }

.box-servizi { margin-top: 30px; }
.box-servizi ul { list-style-type: none; margin: 0; padding: 0; }
.box-servizi ul li { padding: 8px 0; }

.box-personeriferimento { margin-bottom: 20px; }
.box-personeriferimento ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
@media (min-width: 768px) { .box-personeriferimento { margin: 5px 0 20px 0px; } }
.box-personeriferimento .fa { margin-right: 10px; }
.box-personeriferimento li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

.box-ufficio-riferimento { margin-bottom: 20px; padding: 10px; display: block; }

/***** collegamenti ****/
.list-allegati-collegamenti { margin: 0px; padding: 0px; list-style-type: none; }
.list-allegati-collegamenti a { border-bottom: 1px dashed #ddd; display: block; margin-bottom: 5px; padding: 5px 5px 0 5px; }
.list-allegati-collegamenti a .fa { float: right; margin-top: 8px; }
.list-allegati-collegamenti a:hover { text-decoration: none; background-color: #f7f7f7; }

/********************    ********************************/
/*********** BOTTONI ISTITUZIONALI
******************************/

.bottoni-istituzionali ul {list-style-type: none; padding: 0; float: left; padding-bottom: 0px; width:100%;}
.bottoni-istituzionali ul li 
{ display: inline-block;
  border: solid 1px #0b5db0;
  padding: 20px 15px 20px;  
 box-shadow: 1px 2px 3px;
  border-radius:15px;
}
  
.bottoni-istituzionali ul li:hover 
{
    background-color:  #D0E6FC;
    color: #000 !important;
    text-decoration: none; 
    user-select: none;
    border: 1px solid transparent;
   box-shadow: 1px 1px 1px;
    transition: background-color .20s ease-in-out,border-color .20s ease-in-out,box-shadow .20s ease-in-out;

}
.bottoni-istituzionali ul li span{ color: #0b5db0; margin:0px;font-size: 20px; padding-bottom: 5px; }

/*********************************************** NEWS
/***********************************************/
/***** LISTA NEWS *****/
.btn-default { background-color: #ccc; color: #fff; padding: 0px 10px; margin-top: 10px; display: block; float: right; }
.btn-default:hover { background-color: #ddd; text-decoration-color: none; color: #fff; text-decoration: none; }

.list-news .list-news-box { padding: 15px; border: solid 1px #f7f7f7; margin: 15px 0; float: left; width: 100%; }
.list-news .list-news-box h2 { margin: 10px 0 0 0; }
.list-news .list-news-box h2 a { color: #ccc; }
.list-news .list-news-box h2 a:hover { color: #ddd; }
.list-news .list-news-box img { width: 100%; }

/*********************************************** ANAGRAFICA
/***********************************************/
.section-anagrafica { margin-top: 20px; }
.section-anagrafica + .section-anagrafica { padding-top: 20px; margin-top: 20px; border-top: 1px solid #f7f7f7; }
.section-anagrafica .section-anagrafica-text { border-left: 1px solid #f7f7f7; margin-bottom: 20px; }
.section-anagrafica .section-anagrafica-text .riferimenti-persona { list-style-type: none; padding: 0px; }
.section-anagrafica .section-anagrafica-text h2 { margin-top: 10px; }

@media (max-width: 767px) { .section-anagrafica-image { float: left; width: 100%; }
  .section-anagrafica-image img { padding: 20px 0; width: auto; } }
/*********************************************** COLONNA LATERALE
/***********************************************/
/********* DEFAULT ******/
.sidebar-box, .tq-navigation-side { margin-bottom: 30px; clear: both; float: left; width: 100%; }

.sidebar-box-default { text-align: left; }
.sidebar-box-default .sidebar-box-default-image { padding-right: 0px; }
.sidebar-box-default h2 { margin-top: 0; }
.sidebar-box-default li { border-bottom: 1px solid #f7f7f7; clear: both; display: block; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 100%; }
.sidebar-box-default h3 { font-size: 16px; font-weight: normal; margin: 10px 0 0 0; }
.sidebar-box-default h3 a { color: #000; }
.sidebar-box-default p { font-size: 14px; line-height: 1.2em; padding-top: 5px; }

/********* BANNER *******/
.sidebar-box-banner li { clear: both; display: block; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 100%; }
.sidebar-box-banner .container-box-banner { position: relative; }
.sidebar-box-banner a { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; opacity: 0; background-color: rgba(0, 0, 0, 0.3); transition: all 0.1s ease-in-out 0s; text-align: center; z-index: 2; overflow: hidden; }
.sidebar-box-banner a i { font-size: 40px; color: #fff; position: absolute; bottom: -100%; left: 50%; margin-left: -20px; }
.sidebar-box-banner a:hover { opacity: 1; }
.sidebar-box-banner a:hover i { bottom: 50%; margin-bottom: -20px; }
.sidebar-box-banner h3 { position: absolute; color: #fff; font-size: 18px; font-weight: normal; left: 0px; right: 0px; bottom: 0px; padding: 20px; margin: 0px; z-index: 1; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ }

/********* GALLERY *******/

.sidebar-box-gallery .container-box-banner { position: relative; }
.sidebar-box-gallery a { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; opacity: 0; background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out 0s; text-align: center; z-index: 2; overflow: hidden; }
.sidebar-box-gallery a i { font-size: 40px; color: #fff; position: absolute; bottom: -100%; left: 50%; margin-left: -20px; }
.sidebar-box-gallery a:hover { opacity: 2; }
.sidebar-box-gallery a:hover i { bottom: 50%; margin-bottom: -20px; }
.sidebar-box-gallery h3 { position: absolute; color: #fff; font-size: 20px; font-weight: 20px; left: 0px; right: 0px; bottom: 0px; padding: 20px; margin: 0px; z-index: 1; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ }

/* stile base gruppo */
/* CSS Document */
@media (min-width: 1200px) and (max-width: 1349px) { .hidden-lg { display: none !important; } }
.visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl { display: none !important; }

@media (min-width: 1350px) { .container { width: 1350px; }
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
  .col-xl-12 { width: 100%; }
  .col-xl-11 { width: 91.66666667%; }
  .col-xl-10 { width: 83.33333333%; }
  .col-xl-9 { width: 75%; }
  .col-xl-8 { width: 66.66666667%; }
  .col-xl-7 { width: 58.33333333%; }
  .col-xl-6 { width: 50%; }
  .col-xl-5 { width: 41.66666667%; }
  .col-xl-4 { width: 33.33333333%; }
  .col-xl-3 { width: 25%; }
  .col-xl-2 { width: 16.66666667%; }
  .col-xl-1 { width: 8.33333333%; }
  .col-xl-pull-12 { right: 100%; }
  .col-xl-pull-11 { right: 91.66666667%; }
  .col-xl-pull-10 { right: 83.33333333%; }
  .col-xl-pull-9 { right: 75%; }
  .col-xl-pull-8 { right: 66.66666667%; }
  .col-xl-pull-7 { right: 58.33333333%; }
  .col-xl-pull-6 { right: 50%; }
  .col-xl-pull-5 { right: 41.66666667%; }
  .col-xl-pull-4 { right: 33.33333333%; }
  .col-xl-pull-3 { right: 25%; }
  .col-xl-pull-2 { right: 16.66666667%; }
  .col-xl-pull-1 { right: 8.33333333%; }
  .col-xl-pull-0 { right: auto; }
  .col-xl-push-12 { left: 100%; }
  .col-xl-push-11 { left: 91.66666667%; }
  .col-xl-push-10 { left: 83.33333333%; }
  .col-xl-push-9 { left: 75%; }
  .col-xl-push-8 { left: 66.66666667%; }
  .col-xl-push-7 { left: 58.33333333%; }
  .col-xl-push-6 { left: 50%; }
  .col-xl-push-5 { left: 41.66666667%; }
  .col-xl-push-4 { left: 33.33333333%; }
  .col-xl-push-3 { left: 25%; }
  .col-xl-push-2 { left: 16.66666667%; }
  .col-xl-push-1 { left: 8.33333333%; }
  .col-xl-push-0 { left: auto; }
  .col-xl-offset-12 { margin-left: 100%; }
  .col-xl-offset-11 { margin-left: 91.66666667%; }
  .col-xl-offset-10 { margin-left: 83.33333333%; }
  .col-xl-offset-9 { margin-left: 75%; }
  .col-xl-offset-8 { margin-left: 66.66666667%; }
  .col-xl-offset-7 { margin-left: 58.33333333%; }
  .col-xl-offset-6 { margin-left: 50%; }
  .col-xl-offset-5 { margin-left: 41.66666667%; }
  .col-xl-offset-4 { margin-left: 33.33333333%; }
  .col-xl-offset-3 { margin-left: 25%; }
  .col-xl-offset-2 { margin-left: 16.66666667%; }
  .col-xl-offset-1 { margin-left: 8.33333333%; }
  .col-xl-offset-0 { margin-left: 0; }
  .visible-xl { display: block !important; }
  table.visible-xl { display: table; }
  tr.visible-xl { display: table-row !important; }
  th.visible-xl, td.visible-xl { display: table-cell !important; }
  .visible-xl-block { display: block !important; }
  .visible-xl-inline { display: inline !important; }
  .visible-xl-inline-block { display: inline-block !important; }
  .hidden-xl { display: none !important; } }
html { font-size: 62.5%; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42em; color: #535353; overflow-x: hidden; font-weight: 300; }

h1, h2, h3, h4, h5, h6, nav a { font-weight: 400; color: #535353; }

h1 { font-size: 40px; font-weight: 500; line-height: 1.2em; }

h2 { font-size: 25px; }

a { color: #535353; }
a:hover { color: #000; }

.main-container { font-size: 16px; line-height: 30px; text-align: left; }

/* generali */
.responsive-img { max-width: 100%; width: 100%; }

.container-page { margin-top: 30px; }

.home-page .breadcrumbs { display: none; }

/* 

###################### HEADER ######################

*/
/* HOTKEY */
.linear { margin: 10px -5px; padding: 0; list-style-type: none; }
.linear li { display: inline; padding: 0 5px; }

.hotkey-container { float: right; font-size: 12px; padding-top: 10px; }
.hotkey-container ul { margin: 0; padding: 0; list-style-type: none; display: inline-block; }
.hotkey-container ul li { display: inline; padding: 0 2px; }
.hotkey-container ul.hotkey-social { font-size: 20px; }
.hotkey-container ul.hotkey-links li { border-left: solid 1px #535353; padding: 0 5px; }
.hotkey-container ul.hotkey-links li:first-child { border-left-style: none; }

.header-image { padding: 2px 0; }

.navbar-default { background-color: #0b5db0; border-style: none; border-radius: 0; margin: 0; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.26); min-height: 44px; }
.navbar-default .navbar-nav > li > a { padding-bottom: 12px; padding-top: 12px; color: #fff; font-size: 14px; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: #0a57a4; }
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.open > a { color: #fff; background-color: #0a57a4; }
.navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open > a:focus { color: #fff !important; background-color: #0a57a4 !important; }
.navbar-default .navbar-form { background-color: #fff; border: 1px solid #ddd; margin: 0 6px; padding: 0; }
.navbar-default .navbar-form .form-group input.form-control { border-style: none; height: 30px; box-shadow: none; border-radius: 0; }

@media (max-width: 767px) { .hotkey-container { float: none; text-align: right; }
  .hotkey-container ul.hotkey-social { padding-bottom: 20px; }
  .navbar-form { margin: 0 0 0 6px; width: calc(100% - 12px); padding: 0; float: left; }
  .navbar-form .form-group input.form-control { width: 100%; } }
@media (min-width: 768px) { header { border-top: solid 15px #0b5db0; }
  .logo-comune { float: left; padding: 10px 0 5px 0; position: absolute; top: 0px; }
  .logo-comune img { width: 150px; }
  .hotkey-container { margin-top: 10px; }
  .navbar-default { clear: both; float: right; margin-top: 30px; }
  .navbar-default { background-color: transparent; box-shadow: none; float: right; min-height: auto; clear: both; margin-top: 30px; }
  .navbar-default .navbar-nav > li > a { color: #535353; padding: 5px 10px; border-bottom: solid 3px #fff; }
  .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #0b5db0; border-bottom-color: #0b5db0; background-color: transparent; } }
@media (min-width: 992px) { .logo-comune { padding: 20px 0 5px 0; }
  .logo-comune img { width: 209px; } }
footer { background-color: #3b3b3b; border-top-style: none; padding: 40px 0px 0px 0; margin-top: 50px; color: #fff; font-size: 14px; }
footer a { color: #fff; }
text-decoration:underline footer a:hover, footer a:focus { color: #fff; text-decoration: underline; }
footer h3 { font-size: 20px; color: #fff; font-weight: bold; }
footer .link-bar { text-transform: uppercase; padding-top: 20px; padding-bottom: 40px; }
footer .link-bar > span { padding: 0 5px; }
footer .copy-bar { background-color: #2c2c2c; padding: 10px; text-align: center; text-transform: uppercase; }
footer #down { bottom: 0; padding: 5px; position: absolute; right: 0; text-transform: none; }
footer #down .fa { padding-left: 5px; font-size: 20px; }

/* side menu */
.box-grey { background-color: #f7f7f7; border-radius: 2px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.26); float: left; margin-top: 40px; padding: 0; width: 100%; }
.box-grey h2 { color: #0b5db0; border-bottom: 3px solid #0b5db0; font-size: 14px; font-weight: normal; margin: 0; padding: 14px 10px; text-transform: uppercase; }

.tq-navigation-side h2 { color: #0b5db0; font-size: 22px; font-weight: normal; margin-top: 0; margin-bottom: 0; padding: 14px 0px; text-align: left; }
.tq-navigation-side ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 14px; line-height: 1.6em; }
.tq-navigation-side .level-0 { border-top: 1px solid #f2f2f2; text-transform: uppercase; }
.tq-navigation-side .level-0 a { display: block; padding: 10px; }
.tq-navigation-side .level-0 a:hover { color: #0b5db0; text-decoration: none; }
.tq-navigation-side .active a { color: #0b5db0; }
.tq-navigation-side .level-1 { padding: 5px 10px 5px 20px; }
.tq-navigation-side .level-1 a:hover { color: #0b5db0; text-decoration: none; }
.tq-navigation-side .level-1 + .level-0 { margin-top: 10px; }
.tq-navigation-side .level-2 { padding: 5px 10px 5px 40px; font-size: 0.9em; }
.tq-navigation-side .level-2 a:hover { color: #0b5db0; text-decoration: none; }
.tq-navigation-side .level-1 + .level-0 { margin-top: 10px; }

.box-associazioni ul { margin: 0px; padding: 0px; list-style-type: none; }
.box-associazioni li { margin-bottom: 10px; margin-top: 10px; }

.breadcrumbs h1 { padding-top: 50px !important; color: #0b5db0; }

/* media */
/* mobile */
@media (max-width: 767px) { footer { padding: 20px 0px 20px 0; }
  footer h4 { padding-top: 30px; margin-top: 30px; border-top: solid 1px rgba(255, 255, 255, 0.2); }
  .hotkey-container { padding-top: 20px; }
  .navbar-default .navbar-toggle { background-color: #0a57a4 !important; margin: 0px; padding: 15px 10px; border-style: none; width: 50px; height: 50px; border-radius: 0px; background-color: #5987b8; float: left; }
  .navbar-default .navbar-toggle .icon-bar { background-color: #fff; width: 30px; margin-bottom: 7px; }
  .navbar-default .navbar-brand { left: 0; padding: 10px; position: absolute; top: 0px; height: 60px; }
  .navbar-default .navbar-brand img {height: 100%;}
  .navbar-default .open .dropdown-menu > li > a { padding-bottom: 12px; padding-top: 12px; color: #fff !important; font-size: 16px; text-transform: normal; }
  .navbar-default .open .dropdown-menu > li > a a:hover { color: #fff; background-color: #0a57a4; }
  .navbar-default .open .dropdown-menu > li.active a, .navbar-default .open .dropdown-menu > li.open > a { color: #fff !important; background-color: #0a57a4 !important; }
  .navbar-default .open .dropdown-menu > li.active a:hover, .navbar-default .open .dropdown-menu > li.active a:focus, .navbar-default .open .dropdown-menu > li.open > a:hover, .navbar-default .open .dropdown-menu > li.open > a:focus { color: #fff !important; background-color: #0a57a4 !important; }
  .navbar-default .form-group { float: left; width: calc(100% - 40px); } }
/* desktop */
@media (min-width: 768px) { .dropdown-menu { border-radius: 0px !important; }
  .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #0b5db0; background-color: #fff; }
  .navbar-default .navbar-nav > li > a { font-size: 12px; }
  .header-image { display: block; }
  .navbar-brand { display: absolute; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.26); background-color: #fff; height: auto; margin-left: 15px !important; margin-top: -80px; padding: 10px; width: 200px; }
  .navbar-brand:hover { background-color: #fff !important; }
  .navbar-brand img { width: 100%; max-width: 100%; height: auto; } }
@media (min-width: 1200px) { .navbar-default .navbar-nav > li > a { font-size: 14px; }
  .navbar-brand { margin-top: -110px; padding: 15px; width: 300px; } }
.at-share-btn-elements { margin-bottom: 20px; }

/*-------------------------------------------
--* HOme page
--------------------------------------------*/
/*########################################### slider home page
#############################################*/
.primi-piani-item-text { padding: 10px 15px 20px 15px; background-color: #3b3b3b; }
.primi-piani-item-text h1 { margin: 0 0 10px 0; font-size: 20px; }
.primi-piani-item-text a { color: #fff; display: block; }
.primi-piani-item-text a:hover { color: rgba(255, 255, 255, 0.8); text-decoration: none; }

.slick-dots { left: 0px; bottom: 3px; }
.slick-dots li { width: 5px; height: 5px; }
.slick-dots li button { width: 5px; height: 5px; background-color: #fff; }
.slick-dots li button:before { display: none; }
.slick-dots li.slick-active button { background-color: #0b5db0; }

.primi-piani-item.slick-slide img { max-height: 400px; width: 100%; }

@media (min-width: 992px) { .primi-piani .slick-dots { width: 250px; left: auto; right: 15px; }
 .primi-piani-item-text { position: absolute; right: 0; bottom: 0; top: 0;   opacity: 0.85;background-color: #3b3b3b; width: 230px; text-align: left; padding: 10px 20px 20px 20px; }
  .primi-piani-item-text h1 { font-size: 21px; font-weight: 500; color: #fff; }
  .primi-piani-item-text h1 a:hover { opacity: 0.99; }
  .primi-piani-item-text a { color: #fff; font-size: 15px/18px; }
  .primi-piani-item-text a:hover { text-decoration: none; opacity: 0.8; } }
@media (min-width: 1200px) { .primi-piani-item-text h1 { font-size: 28px; } }



.slick-slider { margin-bottom: 4px; }

.slick-slide img { width: 100%; }


/*########################################### news home page
#############################################*/
.news-box .news-box-inner { box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15); float: left; padding: 15px 25px; border-top: 1px solid #f2f2f2; }
.news-box h2 { padding-bottom: 5px; font-size: 20px; font-weight: bold; margin-top: 0; }
.news-box h2 a { color: #0b5db0; }
.news-box ul { margin: 0; padding: 0; list-style-type: none; }
.news-box ul li { padding: 10px 0; width: 100%; float: left; }
.news-box ul h3 { margin: 5px 0; font-size: 14px; }
.news-box ul h3 a { font-weight: normal; color: #000; }

/*########################################### news ed eventi home page
#############################################*/
.tab-title { background-color: #0b5db0; color: #fff; font-size: 14px; height: 44px; line-height: 44px; padding: 0 12px; position: relative; margin: 0; text-transform: uppercase; clear: both; }
.tab-title .square-link { background-color: #0e73d8; display: block; font-size: 25px; height: 44px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 44px; color: #fff; }
.tab-title .square-link:hover { color: #fff; background-color:  #278cf1; }

/* 
###################### aree home page ######################

*/
.area-section { background-color: #f1f1f1; padding: 50px 0; margin: 50px 0; }
.area-section .area-list-box-container { border-radius: 3px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15); background-color: #fff; float: left; margin-bottom: 30px; width: 100%; }
.area-section .area-list-box-container img { width: 100%; border-radius: 3px 3px 0 0; }
.area-section .area-list-box-container > a { position: relative; display: block; }
.area-section .area-list-box-container > a h2 { font-size: 25px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ color: #fff; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 40px 30px 10px 30px; margin-bottom: 0; }
.area-section .area-list-box-container > ul { margin: 20px 30px 30px 30px; padding: 0; list-style-type: none; }
.area-section .area-list-box-container > ul li { padding: 6px 0; margin: 0; }

/******* home istituctional bottons *****/
.iconbutton-box ul { margin: 0 -3px; padding: 0; list-style-type: none; }
.iconbutton-box ul li { margin: 3px; padding: 0; width: calc(50% - 6px); float: left; text-align: right; }
.iconbutton-box ul li a { padding: 15px; display: block; text-overflow: ellipsis; font-size: 18px; color: #fff; white-space: nowrap; background-color: #0b5db0; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15); }
.iconbutton-box ul li a .fa { font-size: 30px; padding-bottom: 5px; }
.iconbutton-box ul li a img { width: 30px; clear: both; }
.iconbutton-box ul li a:hover { text-decoration: none; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.55); }
.iconbutton-box ul li:nth-child(9) a, .iconbutton-box ul li:nth-child(10) a { background-color: #0c66c0; }
.iconbutton-box ul li:nth-child(7) a, .iconbutton-box ul li:nth-child(8) a { background-color: #0e73d8; }
.iconbutton-box ul li:nth-child(5) a, .iconbutton-box ul li:nth-child(6) a { background-color: #0f80f0; }
.iconbutton-box ul li:nth-child(3) a, .iconbutton-box ul li:nth-child(4) a { background-color: #278cf1; }
.iconbutton-box ul li:nth-child(1) a, .iconbutton-box ul li:nth-child(2) a { background-color: #3f99f3; }


.iconbutton-box2 ul { margin: 0; padding: 0; list-style-type: none; }
.iconbutton-box2 ul li { margin: 0 0 2px 0; padding: 0; background-color: #f8f8f8; position: relative; }
.iconbutton-box2 ul li a { padding-left: 60px; display: block; height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
.iconbutton-box2 ul li a:hover { background-color: #f1f1f1; text-decoration: none; transition: all 0.5s ease-in-out 0s;color: #0b5db0; }
.iconbutton-box2 ul li span { color:white;font-size: 35px;position: absolute; left: 0; top: 0px; width: 45px; height: 45px; padding: 5px; background-color: #0b5db0; max-width: 100%; }
.iconbutton-box2 ul li img { color:white;position: absolute; left: 0; top: 0px; width: 45px; height: 45px; padding: 5px; background-color: #0b5db0; max-width: 100%; }



@media (max-width: 600px) { .iconbutton-box ul li { width: calc(50% - 6px); } }
/* box carousel */
.slider-bottom-item { padding: 0 15px 35px 15px; }
.slider-bottom-item img { border-radius: 3px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15); }
.slider-bottom-item h5 { font-weight: bold; color: #000; }

/* loghi home page */
.logo-section { text-align: center; }
.logo-section:before { content: ""; width: 500px; max-width: 100%; margin: 50px auto; border-bottom: solid 1px #eee; }
.logo-section ul { margin: 0; padding: 0; list-style-type: none; }
.logo-section ul li { display: inline-block; padding: 15px 20px; }

/*  sidebar */
.iconbutton-box.sidebar-box li { margin: 0 0 3px 0; width: 100%; text-align: left; }
.iconbutton-box.sidebar-box li a { padding: 10px; }
.iconbutton-box.sidebar-box li br { display: none; }
.iconbutton-box.sidebar-box li .fa { float: left; padding-right: 15px; }

/****************************************
********** Colori e stili ***************
*****************************************/
.round-icon i, .tag-area { background-color: #0b5db0; }

.inline-box-grey h2 { color: #0b5db0; }

.btn-default { background-color: #0b5db0; }
.btn-default:hover { background-color: #0a57a4; }

.list-news .list-news-box h2 a { color: #0b5db0; }
.list-news .list-news-box h2 a:hover { color: #0a57a4; }

.sidebar-box-default h3 a { color: #000; }



/* Stili del Consiglio	*/
.paginaConsiglio h1 { padding-bottom: 5px; border-bottom: solid 4px #0b5db0; font-size: 25px; margin-top: 0px; }
.paginaConsiglio h3 { padding-bottom: 5px; border-bottom: solid 4px #0b5db0; font-size: 25px; margin-top: 0px; }
.paginaConsiglio ianonimo { background-color: #0b5db0; border-radius: 40px; color: #fff; display: inline-block; font-size: 60px; height: 80px; line-height:80px; margin-top: 0px; text-align: center; width: 80px; margin-right: 0px; }
.paginaConsiglio h2 a { color: #0b5db0; }
.paginaConsiglio ul { margin: 0; padding: 0; list-style-type: none; }
.paginaConsiglio ul li { padding: 10px 0; width: 100%; float: left; }
.paginaConsiglio p { font-style: italic; float: left; }
.paginaConsiglio h5 { font-size: 20px; margin-top: 0px; }
.paginaConsiglio ul .consiglio-box-text { float: right; width: 75%; }
.paginaConsiglio ul .consiglio-box-text h3 { margin: 5px 0; font-size: 14px; }


/* typografy */


.slick-slide {
  max-height: auto;
}
.news-box h2 {
  padding-bottom: 3px;
}

.news-box ul li {
  padding: 8px 0;
}

.news-box-inner {
  min-width: 100%;
}
.news-box ul h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.headline-md h2
{
  padding-bottom: 5px;
  border-bottom: solid 4px #0b5db0;
  font-size: 22px;
}
}