@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700");
@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; }
/* Top menu variables */
/* Colore Aree */
/***********************************************
/*********************************************** LAYOUT
/***********************************************/
/***********************************************


/*********************************************** --GENERALI
/***********************************************/
.main-container { text-align: left; }

.btn, input, .form-control { border-radius: 2px; }

.tag-area { background-color: #9a141b; color: #fff; }

@media (min-width: 768px) { .center-container { border-right: solid 1px #eaeaea; } }
.sub-header-social { border-top: 1px solid #eaeaea; }

/*********************************************** --FOOTER
/***********************************************/
footer { background-color: #9a141b; color: #fff; }
footer a, footer h3, footer h4 { color: #fff; }
footer a:hover, footer:focus { color: #fff; text-decoration: underline; }

/*********************************************** --TOP MENU
************************************************/
.navbar-default { border-radius: 0px; background-color: #3b3b3b; border-color: #9a141b; }
.navbar-default .navbar-brand { color: #fff; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; }
.navbar-default .navbar-text { color: #fff; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #9a141b; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: #9a141b; }
.navbar-default .navbar-toggle { border-color: #9a141b; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #9a141b; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #fff; }
.navbar-default .navbar-link { color: #fff; }
.navbar-default .navbar-link:hover { color: #fff; }

@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #9a141b; } }
/*********************************************** --SIDE MENU
************************************************/
.tq-navigation-side h2 { color: #9a141b; }
.tq-navigation-side .level-0.active a, .tq-navigation-side .level-0 a:hover, .tq-navigation-side .level-1.active a, .tq-navigation-side .level-1 a:hover { color: #9a141b; }

.box-news-luogo li { border-bottom: 1px dashed #eaeaea; }

/*********************************************** --PAGINA UFFICIO
/***********************************************/
.box-info-top { border-bottom: 1px solid #eaeaea; }

.round-icon i { background-color: #9a141b; color: #fff; }

.inline-box-grey { background-color: #f7f7f7; }
.inline-box-grey h2 { color: #9a141b; }

/*********************************************** --TAG COLLEGAMENTI
/***********************************************/
.list-allegati-collegamenti a { border-bottom: 1px dashed #eaeaea; }
.list-allegati-collegamenti a:hover { background-color: #f7f7f7; }

/*********************************************** --NEWS
/***********************************************/
	/*********************************************** 	  ----LISTA NEWS   	***********************************************/
.btn-default { background-color: #9a141b; }
.btn-default:hover { background-color: #5d0203; }

.list-news .list-news-box { border: solid 1px #eaeaea; }
.list-news .list-news-box h2 a { color: #9a141b; }
.list-news .list-news-box h2 a:hover { color: #5d0203; }

/*********************************************** --ANAGRAFICA
/***********************************************/
.section-anagrafica + .section-anagrafica { border-top: 1px solid #eaeaea; }
.section-anagrafica .section-anagrafica-text { border-left: 1px solid #eaeaea; }

/*********************************************** --COLONNA LATERALE
/***********************************************/
/*********************************************** ----MULTIBOX DEFAULT 
************************************************/
.sidebar-box-default li { border-bottom: 1px solid #eaeaea; }
.sidebar-box-default h3 a { color: #000000; }

.tag-area { background-color: #9a141b; }

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

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

.breadcrumb { background-color: #f7f7f7; border-radius: 0 !important; }

/* 

###################### 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 #000000; padding: 0 5px; }
.hotkey-container ul.hotkey-links li:first-child { border-left-style: none; }
.hotkey-container ul .fa { margin-left: 5px; }
.hotkey-container .fa-twitter { color: #1da1f2; }
.hotkey-container .fa-youtube { color: #cd201f; }
.hotkey-container .fa-facebook-square { color: #3b5998; }

.navbar-default { background-color: #9a141b; 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: #5d0203; }
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.open > a { color: #fff; background-color: #5d0203; }
.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: #5d0203 !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) { .navbar-default { margin: 0 -15px; }
  .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 { box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15); position: relative; z-index: 10; }
  .logo-comune { float: left; padding: 10px 0 5px 0; position: absolute; top: 0px; }
  .logo-comune img { width: 125px; }
  .hotkey-container { margin-top: 10px; }
  .navbar-default { clear: both; float: right; margin-top: 20px; box-shadow: none; background-color: #3b3b3b; }
  .navbar-default .navbar-right { margin-left: -15px; }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: #9a141b; }
  .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.open > a { color: #fff; background-color: #9a141b; }
  .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: #9a141b !important; } }
@media (min-width: 992px) { .logo-comune { padding: 15px 0 5px 0; }
  .logo-comune img { width: 225px; margin-top: -15px;}
  .navbar-default .navbar-nav > li.search-tab a { background-color: #2c2c2c; } }
/******************************************** FOOTER
********************************************/
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: #9a141b; border-bottom: 3px solid #9a141b; font-size: 14px; font-weight: normal; margin: 0; padding: 14px 10px; text-transform: uppercase; }

/* box menu */
.tq-navigation-side h2 { color: #9a141b; 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; }
.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: #9a141b; text-decoration: none; }
.tq-navigation-side .active a { color: #9a141b; }
.tq-navigation-side .level-1 { padding: 5px 10px 5px 20px; }
.tq-navigation-side .level-1 a:hover { color: #9a141b; text-decoration: none; }
.tq-navigation-side .level-1 + .level-0 { margin-top: 10px; }

/* box menu */
.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: #9a141b; }

/* 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: #5d0203 !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: -10px; height: 65px; }
  .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: #5d0203; }
  .navbar-default .open .dropdown-menu > li.active a, .navbar-default .open .dropdown-menu > li.open > a { color: #fff !important; background-color: #5d0203 !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: #5d0203 !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: #9a141b; 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; }

/* #### Custom Body and color class #### */
.custombody-mupic .logo-comune.hidden-xs > img { margin: -10px 0 0 10px; max-width: 70px; }

/*-------------------------------------------
--* Home page
--------------------------------------------*/
/*########################################### slider home page
#############################################*/
.news-hero-section { margin-top: 50px; }

.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: #9a141b; }

.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.7;background-color: #3b3b3b; width: 230px; text-align: left; padding: 10px 20px 20px 20px; }
  .primi-piani-item-text h1 { font-size: 26px; 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; } }
/*########################################### news home page
#############################################*/
.tab-title { background-color: #9a141b; 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: #5d0203; 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: #a5151d; }

.news-list-home { margin: 0px; padding: 0px; list-style-type: none; font-size: 14px; padding-top: 15px; float: left; width: 100%; }
.news-list-home li { padding-bottom: 15px; clear: both; float: left; width: 100%; }
.news-list-home li > img { float: left; }
.news-list-home .news-box-text { float: right; padding-top: 10px; width: calc(100% - 100px); }
.news-list-home .news-box-text .news-box-title { font-size: 14px; margin: 0px; }
.news-list-home .news-box-text .news-box-title a { color: #000000; }
.news-list-home .news-box-text .news-box-data { padding-top: 15px; font-size: 10px; color: #5a5a5a; }

.news-box h2 { padding-bottom: 5px; border-bottom: solid 4px #9a141b; font-size: 22px; margin-top: 0px; }
.news-box h2 a { color: #9a141b; }
.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 img { float: left; width: 23%; height: auto; }
.news-box ul .news-box-text { float: right; width: 75%; }
.news-box ul .news-box-text h3 { margin: 5px 0; font-size: 14px; }
.news-box ul .news-box-text h3 a { font-weight: normal; color: #000000; }

/* 

###################### aree home page ######################

*/
.area-section { background-color: #f7f7f7; padding: 50px 0 20px 0; }

.area-list-box-container { background-color: #fff; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15); margin-bottom: 30px; }
.area-list-box-container ul { background-color: #fff; list-style-type: none; margin: 0; padding: 6px 20px; }
.area-list-box-container ul li > a { border-top: 1px solid #f7f7f7; display: block; padding: 5px 20px; }
.area-list-box-container ul li:first-child a { border-top-width: 0; }

.area-list-box img { width: 100%; max-width: 100%; }

.tab-title.tab-title-color2 { background-color: #bf0120; }
.tab-title.tab-title-color2 .square-link { background-color: #8f0004; }
.tab-title.tab-title-color2 .square-link:hover { background-color: #cc0122; }

.tab-title.tab-title-color3 { background-color: #e40006; }
.tab-title.tab-title-color3 .square-link { background-color: #cc0000; }
.tab-title.tab-title-color3 .square-link:hover { background-color: #f10006; }

.tab-title.tab-title-color4 { background-color: #693b0f; }
.tab-title.tab-title-color4 .square-link { background-color: #2b0e01; }
.tab-title.tab-title-color4 .square-link:hover { background-color: #744111; }

.tab-title.tab-title-color5 { background-color: #b46500; }
.tab-title.tab-title-color5 .square-link { background-color: #7f2800; }
.tab-title.tab-title-color5 .square-link:hover { background-color: #c16c00; }

.tab-title.tab-title-color6 { background-color: #f59a0d; }
.tab-title.tab-title-color6 .square-link { background-color: #eb5d01; }
.tab-title.tab-title-color6 .square-link:hover { background-color: #f69f19; }

.tab-title.tab-title-color7 { background-color: #008b27; }
.tab-title.tab-title-color7 .square-link { background-color: #004c06; }
.tab-title.tab-title-color7 .square-link:hover { background-color: #00982b; }

.tab-title.tab-title-color8 { background-color: #0070b7; }
.tab-title.tab-title-color8 .square-link { background-color: #003183; }
.tab-title.tab-title-color8 .square-link:hover { background-color: #0078c4; }

.tab-title.tab-title-color9 { background-color: #c05786; }
.tab-title.tab-title-color9 .square-link { background-color: #911e46; }
.tab-title.tab-title-color9 .square-link:hover { background-color: #c3608d; }

/****** home page logos **********/
.logos-box .logos-box-container { border: solid 1px #d9d9d9; padding: 15px; }
.logos-box .logos-box-container img { margin-top: 10px; margin-bottom: 10px; max-width: 100%; }

/************************************** BOTTONI ISTITUZIONALI
***************************************/
.bottoni-istituzionali ul { list-style-type: none; margin: 0; padding: 0; float: left; padding-bottom: 30px; }
.bottoni-istituzionali ul li { border: 2px solid #f7f7f7; float: left; font-size: 14px; text-align: center; width: 20%; line-height: 16px; }
.bottoni-istituzionali ul li a { display: block; padding: 10px; }
.bottoni-istituzionali ul li a:hover { text-decoration: none; background-color: #f7f7f7; }
.bottoni-istituzionali ul li span { color: #9a141b; display: block; font-size: 44px; padding-bottom: 5px; }
@media (max-width: 400px) { .bottoni-istituzionali ul li { width: 50%; } }

/*********************************************** SLIDER LOGHI ********************************************/
.slider-bottom { margin: 50px 0px; }
.slider-bottom .slick-list.draggable { border-right: solid 1px rgba(59, 59, 59, 0.6); border-left: solid 1px rgba(59, 59, 59, 0.6); }
.slider-bottom .slick-slide img { display: block; padding: 0px 10px; width: 100%; }
.slider-bottom .slick-arrow { background-color: #3b3b3b; color: #fff; display: block; font-size: 25px; height: 30px; left: 0px; line-height: 30px; margin-top: -15px; position: absolute; text-align: center; top: 50%; width: 30px; z-index: 200; }
.slider-bottom .slick-arrow.fa-angle-right { left: auto; right: 0px; }

/* pagina ufficio */
/* Stili del Consiglio	*/
.paginaConsiglio h1 { padding-bottom: 5px; border-bottom: solid 4px #9a141b; font-size: 22px; margin-top: 0px; }
.paginaConsiglio ianonimo { background-color: #9a141b; 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: #9a141b; }
.paginaConsiglio ul { margin: 0; padding: 0; list-style-type: none; }
.paginaConsiglio ul li { padding: 10px 0; width: 100%; float: left; }
.paginaConsiglio ul .consiglio-box-text { float: right; width: 75%; }
.paginaConsiglio ul .consiglio-box-text h3 { margin: 5px 0; font-size: 14px; }


/******* home bottons *****/
.iconbutton-box ul { margin: 0; padding: 0; list-style-type: none; }
.iconbutton-box ul li { margin: 0 0 2px 0; padding: 0; background-color: #f8f8f8; position: relative; }
.iconbutton-box 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-box ul li a:hover { background-color: #f1f1f1; text-decoration: none; transition: all 0.5s ease-in-out 0s;color: #9a141b; }
.iconbutton-box ul li span { color:white;font-size: 35px;position: absolute; left: 0; top: 0px; width: 45px; height: 45px; padding: 5px; background-color: #9a141b; max-width: 100%; }
.iconbutton-box ul li img { color:white;position: absolute; left: 0; top: 0px; width: 45px; height: 45px; padding: 5px; background-color: #9a141b; max-width: 100%; }




/* typografy */