@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i,700,700i');

body, p, div, h2, h3, h4, h5, h6 {
  /*font-family: Arial,Helvetica Neue,Helvetica,sans-serif;*/
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  /*font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;*/
  /*font-family: "Source Sans Pro", "Share","Helvetica Neue",Helvetica,Arial,sans-serif;*/
  font-style: normal;
  font-weight: normal;
  /*text-rendering: optimizeLegibility;*/
  /*font-size: 106%;*/
}

body, p, div {font-size: 17px;}

h1.csc-firstHeader, h1 {margin: 0; padding: 15px 0 15px 0; font-size: 1.6em; text-align: center; margin: 0 auto; background-color: #711; color: #fff;} h2, .h2 {font-size: 1.4em} h3, .h3 {font-size: 1.3em} h4, .h4 {font-size: 1.2em} h5 {font-size: 1.1em} h6 {font-size: 1.1em}
p {text-align: justify;}

.carousel-text-inner h1.awesome {background-color: transparent!important;} 
.container a, .container a:link, .container a:visited {
  text-decoration: underline;
  font-weight: 600;
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {
  text-decoration: none !important;
}

.container a:active, .container a:focus, .container a:hover {
  text-decoration: underline;
  
}


/* Fix per allineamento H1 con contenuto ciao*/
.row {
  margin-left: -10px;
  margin-right: -6px;
}

/* Riduce lo spazio delle tabelle */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: 1em;
    padding: 1px;
    line-height: 1.55;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
table {table-layout: fixed; width: 100%;}
td {white-space: wrap; break-word-break: wrap;}

.list-group a, .list-group a:link, .list-group a:visited , .nav a, .nav a:link, .nav a:visited {text-decoration: none;}
.csc-firstHeader a, .csc-firstHeader a:link, .csc-firstHeader a:visited {text-decoration: none;}

h1.csc-firstHeader a {color: #fff;}
h1.csc-firstHeader a, h1.csc-firstHeader a:link, h1.csc-firstHeader a:visited {color: #fff; text-decoration: none;} 
h1.csc-firstHeader a:hover, h1.csc-firstHeader a:focus, h1.csc-firstHeader a:active {color: #de0; }
h1 a, h1 a:link, h1 a:visited {color: #fff; display: block; text-decoration: none!important; font-size: 85%; }
h1 a:hover, h1 a:focus, h1 a:active {color: #ff0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}


.caption {color: #003;}   
    
/* Imposto gli stili del menu dell'autocomplete in modo da 
permettere a jQuery UI di spostalo a piacimento in base alla 
posizione del campo di testo
----------------------------------*/

form#search-form ul{
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    max-height: 200px;
    overflow: auto;    
    z-index: 1;    
    border:1px solid #DDDDDD;
    border-radius: 6px;    
  }

 .form-control {
    height: 30px;
    font-size: 14px; 
}

.btn {
    padding: 3px 12px;
    font-size: 14px;}

/* Siccome gli stili del jQuery UI non sono stati aggiunti,
nacondo la classe dell'helper
----------------------------------*/
span.ui-helper-hidden-accessible{
  display: none !important;
}
    
/* Siccome non posso sovrascrivere lo stato del focus della
selezione degli elementi nella lista, uso la classe del jQuery UI
per modificarne gli stili
----------------------------------*/
.ui-state-focus {
   color: #ffffff;
   background-color: #428bca;
}


div#containerFanoHome .thumbnail {
  max-width: 263px;
  width: 263px !important;
  min-height: 317px;
  width: 317px !important;
  display: block;
  background-color: #F1F1F1;
  border-radius: 0px;  
  border: 1px solid #D6D6D6;
}

div#containerFanoHome .col-lg-3 {
  float: left;
}

div#containerFanoHome .thumbnail h3 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
}

div#containerFanoHome .thumbnail img {
  height: 160px; 
  width: 225px; 
  display: block;
  margin-top: 10px;
}

div#containerFanoHome .img-border {
  border: 1px solid #D6D6D6;
}
.modal-caption-title {color: #336;}

.icon-list li {
  padding: 0 0 5px 20px;
  display: block;
  position: relative;
}
.icon-list li:before {
  font-family: 'Glyphicons Halflings';
  position: absolute;
  left: 0px;
  top:3px;
  font-size:80%
}

.checkmark li:before {
 content: '\e067';
}


.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu  {
  font-size: 0.95em;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar  a {
  font-size: 1.1em;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;  
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}          


/* ************************************************* CUSTOM DAVIDE e ANDREA ****************************************/
/*                             INIZIO                            */
/* ************************************************* CUSTOM DAVIDE e ANDREA ****************************************/



/* ************************************************************************************************* */
/* BODY, OMBRA SOTTO NAV BAR */
/* ************************************************************************************************* */
body {color: #003; background-color: #fff;}
/*.body-bg-top {background: url('header-shadow.png') no-repeat scroll center 59px transparent;}*/
.fano-bar { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); }
.breadcrumb-sxection, .breadcrumb {background: url('header-shadow.png') no-repeat scroll center -4px transparent;}
/*.main-section {margin: -10px 0 0 0;}*/
.main-section {margin: 0 0 0 0;}

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


/* ************************************************************************************************* */
/* INTESTAZIONI PARAGRAFI */
/* ************************************************************************************************* */

.container .row h2, .container .row h3 {margin-top: 0; background-color: #eee; padding: 0 5px 0 5px; line-height: 1.6; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc;}
.container h4  {margin-top: 0; border-bottom: 1px dotted #999;}
h4.panel-title {border: 0!important;}
.jumbotron {
    color: #336;
}




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


/* ************************************************************************************************* */
/* MENU TOP ORIZZONTALE */
/* ************************************************************************************************* */
.navbar-top {background-color: #fff;}

ul.navbar-nav li a:link, ul.navbar-nav li a:visited {color: #336;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus, ul.navbar-nav li a:active {color: #ffc; background-color: #711;}  
.navbar-main>li>a span.bar {background-color: #333; }

ul.navbar-nav li.active {background-color: #eee; color: #336;}
ul.navbar-nav li.active a:link, ul.navbar-nav li.active a:visited {color: #336;}
ul.navbar-nav li.active span.bar {background-color: #711;}
/*ul.navbar-nav  b.caret {margin-top: -5px; float: left;}*/
ul.navbar-nav b.caret {
  margin: 0;
  padding: 0;
  position: absolute;
  margin: 0 0 0 -8px;
  left: 50%;
  top: 40px;
}

ul.dropdown-menu li.active {background-color: #711; color: #fff;}
ul.dropdown-menu li.active a:link, ul.dropdown-menu li.active a:visited {color: #711;}
ul.dropdown-menu li.active a:hover, ul.dropdown-menu li.active a:focus, ul.dropdown-menu li.active a:active {color: #ffc; background-color: #711;}

li.active ul.dropdown-menu li a:hover {color: #ffc; background-color: #711;}
ul.dropdown-menu li a:hover, ul.dropdown-menu li a:focus, ul.dropdown-menu li a:active {color: #ffc; background-color: #711;}

ul.dropdown-menu li a:link, ul.dropdown-menu li a:visited {color: #336;}
ul.dropdown-menu li a:hover, ul.dropdown-menu li a:focus, ul.dropdown-menu li a:active {color: #ffc; background-color: #711;}  

.navbar .glyphicon-list, .navbar .glyphicon-remove {font-size: 24px;   top: 8px;   left: 10px;}
/* ************************************************************************************************* */


.list-group {margin-top: 0;}
.list-group b.caret{position: absolute; top: 3px; right: 5px; display: block; z-index: 10; color: #999;}
/*.list-group b.caret{float: right; display: block; color: #ccc;}*/
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.list-group-item  {padding: 5px 15px;}

.activespc {color: #ffc; background-color: #711; font-variant: small-caps; font-size: 1.2em}

/*.body-bg, .body-bg-top {margin-top: 3px; background-color: #fff;}*/
/*ul.navbar-nav > li {
  min-height: 80px;
}*/


li.dropdown ul.dropdown-menu {
  background-color: #F5F5F5;
  /* border: 1px solid #aaa; */
  border-top: 2px solid #711;
  border-bottom: 2px solid #711;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}            



/***********************************************************************************************
* Footer 
************************************************************************************************/

.meta-section {padding: 50px 0 10px 0;}
.language_menu {width: 300px!important;}

.meta-section a , .footer-section  a, .meta-section a:visited , .footer-section  a:visited {
  color: #fff!important;
}


.footer-section h2, .footer-section h2.csc-firstHeader, .footer-section .icon-list, .footer-section a, .footer-section a:link, .footer-section a:visited {color: #fff!important;}
.footer-section a:hover, .footer-section a:focus, .footer-section a:active {color: #ff0!important;}
.footer-section h3, .footer-section h3.csc-firstHeader, .footer-section h2, .footer-section h2.csc-firstHeader {background-color: transparent!important;}

.meta-section , .footer-section {
  background-color: #1d1e1c; /*#333;*/
  border-top: 1px solid #aaa;
  color: #fff!important;
}


.footer-section {line-height: 1.4; margin-top: 0px; padding: 8px 0 36px;}
.footer-section .container .row h2, .footer-section  .container .row h3 {
    border-top: 0;
}


.meta-section .active a:hover, .meta-section .active a:focus, .meta-section .active a:active {
  color: #ff0;
}

div.copyright p {
  text-align: right;
}

.contact-container {color: #fff!important;}
.contact-container a, .contact-container a:link, .contact-container a:visited {color: #fff!important;}

/* Blocca la meta section in basso */
/* .meta-section {position: fixed; bottom: 0; display: block; width: 100%;} */

/*.col-md-offset-1 {
margin-top: 20px;
}*/
/* bootsprap package carousel -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    

/*.main-section > .container > .row {background-color: #fff; }*/
.cerca {margin-top: 14px;}

.carousel-inner {height: 360px;  margin-bottom: 0; /*margin-top: -10px;*/}
.carousel-text-inner h1:hover, .carousel-text-inner h1:focus, .carousel-text-inner h1:active {color: #711; background-color: #fff;
    opacity: 0.8;
    transition: opacity 0.8s ease-in 0.5s;
  padding: 5px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
  border: 1px solid #AEAEAE;


}
.carousel-text-inner .h1 {letter-spacing: 7px;}
.carousel-text-inner h1 {margin-top: 140px;} 
.carousel-item-type-header .carousel-text-inner {width: 100%;}
.valign > .vcontainer  {vertical-align: top;}
h1.awesome, .h1.awesome {
    font-size: 46px;
    line-height: 1.1;
}
/* bootsprap package carousel -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    




/* file list plugin -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    
table.tx-filelist-pi1-table tr {border-bottom: 1px dotted #ccc;}    
table.tx-filelist-pi1-table thead {background-color: #eee; height: 30px; font-size: 1.1em;}
caption.tx-filelist-pi1-header-caption {font-size: 0.9em; font-weight: bold; color: #f30; text-align: center; }
.tx-filelist-pi1-header-icon {width: 20px;}
.tx-filelist-pi1-header-icon, .tx-filelist-pi1-header-filename, .tx-filelist-pi1-header-info {border-bottom: 1px solid; margin: 0; padding: 5px; padding-left: 0; text-align: left; }
.tx-filelist-pi1-header-last_modification, .tx-filelist-pi1-date, table.tx-filelist-pi1-table th.tx-filelist-pi1-info, table.tx-filelist-pi1-table td.tx-filelist-pi1-info,  table.tx-filelist-pi1-table th.tx-filelist-pi1-date {text-align: right;}
table.tx-filelist-pi1-table td.tx-filelist-pi1-info {margin-right: 5px;}
td.tx-filelist-pi1-info, td.tx-filelist-pi1-date {font-size: 1em;}


table.tx-filelist-pi1-table  { 
  margin: 10px auto!important;
  margin-top: 5px!important;
  padding: 0; 
  border-collapse: collapse; 
  width: 100%;  
  border-bottom: 1px solid; 
  border-top: 1px solid;
  background: #FBFCE2;
  border-color: #aaa;
  }
table.tx-filelist-pi1-table th {font-size: 1em;}
#c2378 .container  {display: none;}  

  
/* file list plugin ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */    

@media all and (min-width: 992px) {

  .container
  {
    /*display:table;*/
    display: block;
    width: 90%;
    /*margin-top: -50px;
    padding-top: 50px;*/
    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .meta-section .container {
   margin-top: -40px !important;
    padding-top: 5px !important;
  }
  

  /*.col-md-6, .col-md-9 {
    min-height: 680px;
  }*/
  /*.col-sm-3 {
  min-height: 240px;
    height: 240px;
  }*/
  
}

/* PULSANTI HOME PAGE PORTALE - nascondi ricerca*/
#c5477 h2, #c5493 h2, #c5480 h2, #c5481 h2, #c5485 h2, #c5482 h2, #c5483 h2, #c5484 h2 , #c5486 h2, #c9558 h2, #c9559 h2, #c9560 h2, #c9561 h2 {
  margin-top: 0px;
  /*background-color: #fff;*/
  padding:6px 0 0 5px;
  line-height: 14px;
  border-top: 0px solid #ddd;
  border-bottom: 0px solid #ccc;
  text-transform: uppercase;
  font-size: 16px;
  min-height: 28px;
  text-shadow: 2px 2px 8px #939393;
  -webkit-text-shadow: 2px 2px 8px #939393;
  -khtml-text-shadow: 2px 2px 8px #939393;
  -moz-text-shadow: 2px 2px 8px #939393;
}


#c5676 {display: none;}

@media all and (max-width: 991px) {
   #c5477  h2, #c5493 h2, #c5480 h2, #c5481 h2, #c5485 h2, #c5482 h2, #c5483 h2, #c5484 h2 , #c5486 h2, #c9558 h2, #c9559 h2, #c9560 h2, #c9561 h2 {
    font-size: 15px;
  }
  .csc-firstHeader {
    font-size: 1.2em;
  }
  .list-unstyled li {
    font-size: 0.9em;
  }
  .contact-info{
    font-size: 0.8em;
  }
  .carousel-inner > .item {
    height: 320px;
  }
  .carousel-inner {
    /*height: 320px;*/
   height: 190px!important;
    margin-bottom: 0px;
  }
  h1 {font-size: 1.6em;}
  
  .carousel-text-inner h1 {
    margin-top: 60px!important;
  }

}

@media all and (min-width: 778px) and (max-width: 770px) {
   #c5477  h2, #c5478 h2, #c5480 h2, #c5481 h2, #c5485 h2, #c5482 h2, #c5483 h2, #c5484 h2 , #c5486 h2, #c9558 h2, #c9559 h2, #c9560 h2, #c9561 h2 {
    font-size: 14px;
  }
  .csc-firstHeader {
    font-size: 1.2em;
  }
  .list-unstyled li{
    font-size: 0.9em;
  }
  .contact-info{
    font-size: 0.8em;
  }
  .carousel-inner > .item {
    height: 260px;
  }
  .carousel-inner {
    height: 260px;
    margin-bottom: 0px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1200px) {
  body, p, div {font-size: 15px;}
  h2, h3, h4, h5, h6 {font-size: 16px;}
  .icon-list li:before {font-size: 65%;}
  .navbar a {font-size: 14px;}
   #c5477  h2, #c5493 h2, #c5480 h2, #c5481 h2, #c5485 h2, #c5482 h2, #c5483 h2, #c5484 h2, #c5486 h2, #c9558 h2, #c9559 h2, #c9560 h2, #c9561 h2 {font-size: 13px;}  
  .carousel-text-inner h1 {font-size:41px;}
  .icon-list li {padding: 0 0 0px 20px;}
  h1 {font-size: 1.7em;}
  .texticon-type-square .glyphicon, .texticon-type-circle .glyphicon {
    height: 2.05em;
    width: 2.3em;
  }
}




@media all and (min-width: 991px) and (max-width: 1024px) {
  body, p, div {font-size: 13px;}
  h2, h3, h4, h5, h6 {font-size: 16px;}
  .icon-list li:before {font-size: 65%;}
  .navbar a {font-size: 13px;}
   #c5477  h2, #c5493 h2, #c5480 h2, #c5481 h2, #c5485 h2, #c5482 h2, #c5483 h2, #c5484 h2, #c5486 h2, #c9558 h2, #c9559 h2, #c9560 h2, #c9561 h2 {font-size: 12px;}  
  .carousel-text-inner h1 {font-size:41px;}
  .icon-list li {padding: 0 0 0px 20px;}
  h1 {font-size: 1.7em; }
}

@media all and (min-width: 761px) and (max-width: 990px) {
  body, p, div, h2, h3, h4, h5, h6 {font-size: 12px;}
  .icon-list li:before {font-size: 65%;}
  .navbar a {font-size: 12px;}
   #c5477  h2, #c5493 h2, #c5480 h2, #c5481 h2, #c5485 h2, #c5482 h2, #c5483 h2, #c5484 h2, #c5486 h2, #c9558 h2, #c9559 h2, #c9560 h2, #c9561 h2 {font-size: 9px;}  
  .carousel-text-inner h1 {font-size:41px;}
  .icon-list li {padding: 0 0 0px 20px;}
  h1 {font-size: 1.3em;}
  .texticon-type-square .glyphicon, .texticon-type-circle .glyphicon {
    height: 2.15em;
    width: 2.15em;
  }
  h1.awesome, .h1.awesome {
    font-size: 33px!important;
    line-height: 1.1;
}
}
@media all and (min-width: 641px) and (max-width: 760px) {
  body, p, div, h2, h3, h4, h5, h6 {font-size: 15px;}
  .icon-list li:before {font-size: 65%;}
  .navbar a {font-size: 12px;}
   #c5477  h2, #c5493 h2, #c5480 h2, #c5481 h2, #c5485 h2, #c5482 h2, #c5483 h2, #c5484 h2, #c5486 h2, #c9558 h2, #c9559 h2, #c9560 h2, #c9561 h2 {font-size: 15px;}  
  .carousel-text-inner h1 {font-size:36px;}
  .icon-list li {padding: 0 0 0px 20px;}
  h1.awesome, .h1.awesome {
    font-size: 33px!important;
    line-height: 1.1;
}
}

@media all and (max-width: 991px) {
  .cerca {margin-top: 15px; margin-bottom: 15px; width: 80%; float: left;}
  .main-section {margin-top: 40px;}
  .caret {display: none; visibility: hidden; opacity: 0;}
}

    

@media all and (min-width: 721px) and (max-width: 770px) {
  .container {margin: 0 auto; padding: 0 12%;}
  .caret {display: none; visibility: hidden; opacity: 0;}
}

@media all and (min-width: 698px) and (max-width: 720px) {
  .container {margin: 0 auto; padding: 0 9%;}
  .caret {display: none; visibility: hidden; opacity: 0;}
}

@media all and (min-width: 650px) and (max-width: 690px) {
  .container {margin: 0 auto; padding: 0 7%;}
  .caret {display: none; visibility: hidden; opacity: 0;}
}

@media all and (max-width: 649px) {
  .container {margin: 0 auto; padding: 0 5%;}
  .caret {display: none; visibility: hidden; opacity: 0;}
  h1.awesome, .h1.awesome {
    font-size: 30px!important;
    line-height: 1.1;
}
h1.csc-firstHeader, h1 {font-size: 1.2em; }
}



/* Header Comune di Fano -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    


/* Drop Down Menu -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    
.tx-dropdownsitemap-pi1 div.expAll {
    /* background-color: rgba(185, 0, 0, 0.05); */
  background-color: #eee;
  color: #711;
  border: 1px solid #711;
}

.tx-dropdownsitemap-pi1 ol {
  padding-left: 18px;
}

.tx-dropdownsitemap-pi1 a, .tx-dropdownsitemap-pi1 a:link, .tx-dropdownsitemap-pi1 a:visited {

    background-color: transparent; 
  color: #711;
}
.tx-dropdownsitemap-pi1 a:hover, .tx-dropdownsitemap-pi1 a:focus , .tx-dropdownsitemap-pi1 a:active {
    background-color: rgba(185, 0, 0, 0.05);
  color: #711;
}

/* TTNews -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    

#c5698 {margin-top: 10px;}
.date-single-view {display: block; float: right; margin: 0; padding: 0 3px; color: #ffe;}
.news-single-item h1{margin-top: -4px; padding: 15px 5px 15px 5px; border-bottom: 3px #ccc solid; font-size: 24px; color: #fff; text-align: left;}
#c5698 h2.csc-firstHeader {
  padding: 5px 15px;
    color: #FFC;
    background-color: #711;
    font-variant: small-caps;
    font-size: 1.2em;
}

.news-height {min-height: 240px;}

.news-single-additional-info {
  padding: 5px 0;
  border-top: 3px solid #ccc;
    }
.news-single-backlink {border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; background-color: #eee;}
.news-single-backlink a, .news-single-backlink a:link, .news-single-backlink a:visited {display: block;}

#c5739 .news-header-list-time {display: none; visibility: hidden;}
.news-single-rightbox, .news-single-imgcaption, .news-latest-date, .news-latest-morelink, .news-latest-category, .news-list-category, .news-list-author, .news-list-imgcaption, .news-list-date, .news-list-browse, .news-amenu-container, .news-catmenu {
    font-size: 14px;
}

.news-single-rightbox {
  font-size: 15px;
  float: right;
}

.news-list-date {
  float: right;
  margin-right: 6px;

    /*margin-top: 12px;*/
}

.news-list-container {padding: 5px 0;}

.news-list-container h2 {
  margin-bottom: 10px;
}

.news-list-container img, .news-single-item img{
  border: 1px solid #C9C9C9;
}

.news-single-related, .news-single-files, .news-single-links {
  padding: 10px;
  background-color: rgba(185, 0, 0, 0.05);
  border: 1px solid #711;
}

.news-amenu-container {width: 100%!important;}

.news-latest-item {font-size: 10px;} 
.news-latest-date {display:block; background-color: #fff; text-align: right;padding-right:3px;}
.news-latest-item a, .news-latest-item a:link, .news-latest-item a:visited {text-decoration: none;}
.showResultsWrap {margin-top: 5px; background-color: #711; color: #fff;}
.news-list-browse {background-color: #fff;}
.news-latest-gotoarchive {display: none;}
.news-list-item { height: auto; min-height: 180px; }
.news-list-item  h2 {font-size: 1em; line-height: 3.2; height: 55px; min-height: 55px;}
.news-list-item  p {font-size: 0.9em;}
.news-list-item a, .news-list-item a:link, .news-list-item a:visited {display: block;}
.news-list-morelink {display: none;}
.news-header-list-container {background-color: #fff; padding: 0 3px; margin-top: 10px;}

/* NavBar -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    
.nav > li > a {
    padding: 0px 15px;
  /*border-bottom: 1px dotted #C9C9C9;*/
}

a.dropdown-toggle {
  border-bottom: 0px solid #fff !important;
}

/* Bordo Immagini (solo per la Home Page) -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    


.col-md-9  img, .col-md-6  img {
  /*max-width: 280px;*/
}


img.lazyload  {
  position: relative;
  z-index: 1000;
    opacity: 1;
    transition: opacity 0.8s ease-in 0.5s;
  padding: 5px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
  border: 1px solid #aeaeae;
  
}


/* img.lazyload:hover {
  z-index: 1000; */
   /* -webkit-transform:scale(1.1); */ /* Safari and Chrome */
   /* -moz-transform:scale(1.1); */ /* Firefox */
   /* -ms-transform:scale(1.1); */ /* IE 9 */
   /* -o-transform:scale(1.1); */ /* Opera */
   /*  transform:scale(1.1);
}*/









/***********************************************************************************************
* VECCHI Stili paragrafi e span (RTE)
************************************************************************************************/

a.internal-link {  
  padding:0 0 0 12px;
  color: #000088;
  background: transparent url(img/icons/internal_link.gif) no-repeat left;
  }
a.external-link {  
  padding:0 0 0 12px;
  color: #000088;
  background: transparent url(img/icons/external_link.gif) no-repeat left;
  }
a.download {  
  padding:0 0 0 14px;
  color: #000088;
  background: transparent url(img/icons/download.gif) no-repeat left;
  font-weight: bold;
  }
a.mail { 
  font-family: monospace;
  font-size: 0.9em!important;
  font-style: normal;
  padding:0 0 0 22px;
  color: #00e;
  background: transparent url(img/icons/mailto.gif) no-repeat left;
  }
  .codice .inevidenza  a.mail {font-size: 1.2em;}

img {
  border: 0;
}
#col1_content ul {
  margin: 0;
}
p.csc-linkToTop {
  text-align: right;
}
span {font-size: 1em;}
span.zipfile a, span.file a, span.pdffile a, span.odtfile a { text-decoration: none; color: #33f;}

span.file { 
  font-family: monospace;
  font-style: normal;
  padding:0 0 0 18px;
  color: #000088;
  background: transparent url(img/icons/file.gif) no-repeat left;
}
/*
span.dir { 
  font-family: monospace;
  font-style: normal;
  padding:0 0 0 15px;
  color: #000088;
  background: transparent url(img/icons/dir.gif) no-repeat left;
}*/
span.pdffile { 
  
  font-family: monospace;
  font-style: normal;
  padding:0 0 0 18px;
  color: #000088;
  background: transparent  url(img/icons/pdffile.gif) no-repeat left center;
}
span.odtfile { 
  font-family: monospace;
  font-style: normal;
  padding:0 0 0 15px;
  color: #008;
  background: transparent url(img/icons/odtfile.gif) no-repeat left;
}
span.zipfile { 
  font-family: monospace;
  font-style: normal;
  padding:0 0 0 18px;
  color: #008;
  background: transparent url(img/icons/zipfile.gif) no-repeat left;
}
span.inevidenza { 
  font-family: monospace;
  font-weight: bold;
  font-style: normal;
  padding:0 0 0 0;
  color: #008;
  }
p.textcentrato { 
  text-align: center;
  }
p.textdx { 
  text-align: right;
  }
p.textgiust { 
  text-align: justify;
  }
p.testopiccolo {
  font-size: 0.9em;
}
p.riquadro {
  display: block;
  font-size: 1.1em;
  color: #000;
  padding: 0.5em;
  background: #eef;
  border-left: 8px #69c solid;
  border-right: 8px #69c solid;
  border-top: 1px #99c dotted;
  border-bottom: 1px #99c dotted;
  margin: 1em;
}
p.box_oriz {
  display: block;
  font-size: 1.2em;
  color: #00b;
  padding: 0.5em;
  background: #eef;
  border-top: 3px #d63 solid;
  border-bottom: 3px #d63 solid;
  border-left: 1px #99c dotted;
  border-right: 1px #99c dotted;
  margin: 0;
  line-height: 1.5em;
}

p.orange_top,p.orange_center,p.orange_bottom {
  display: block;
  font-size: 1.2em;
  color: #00b;
  padding: 0.5em;
  
  border-top: 3px #d63 solid;
  border-bottom: 3px #d63 solid;
  border-left: 1px #99c dotted;
  border-right: 1px #99c dotted;
  margin: 0;
  
}

.newsfano_ico  {
  background: #eef url(/fileadmin/dati/ico_fanostampa.gif) no-repeat scroll 92% 50%; color: #f00;
}

.manif_ico {
background: #eef url(/fileadmin/dati/manifestazioni.gif) no-repeat scroll 90% 50%; 
}

.turismofano_ico {
background: #eef url(/fileadmin/dati/turismofano.gif) no-repeat scroll 96% 50%;
}
.europa_ico {
background: #eef url(/fileadmin/dati/ico_europa.gif) no-repeat scroll 92% 50%;
}
.ico_donna {
background: #eef url(/fileadmin/dati/icons/ico_donna.gif) no-repeat scroll 92% 50%;
}
.bambini_ico  {
background: #eef url(/fileadmin/dati/ico_bambini.gif) no-repeat scroll 92% 50%;
}

.ico_bimbo  {
background: #eef url(/fileadmin/dati/icons/ico_bimbo.gif) no-repeat scroll 92% 50%;
}

.pm_ico {
background: #eef url(/fileadmin/dati/icons/ico_pm.gif) no-repeat scroll 91% 50%;
}

.fam_ico {
background: #eef url(/fileadmin/dati/icons/fam_ico.gif) no-repeat scroll 91% 50%;
}


.family_ico {
background: #eef url(/fileadmin/dati/icons/ico_family.gif) no-repeat scroll 91% 50%;
}


p.orange_top {border-top: 3px #d63 solid;
border-bottom: 1px #d63 solid;}

p.orange_center { border-top: 0;
  border-bottom: 1px #d63 solid; }

p.orange_bottom {border-top: 0;
border-bottom: 3px #d63 solid;  }

p.orange_top a, p.orange_center a, p.orange_bottom a {
display: block; height: 10%;
}
p.orange_top a:link, p.orange_center a:link, p.orange_bottom a:link {
display: block; height: 10%;
}

p.orange_top a:visited, p.orange_center a:visited, p.orange_bottom a:visited {
display: block; height: 10%;
}
p.orange_top:hover, p.orange_top:focus, p.orange_top:active, p.orange_center:hover, p.orange_center:focus, p.orange_center:active, p.orange_bottom:hover, p.orange_bottom:focus, p.orange_bottom:active {background-color: #fff;}
p.orange_top a:hover, p.orange_top a:focus, p.orange_top a:active, p.orange_center a:hover, p.orange_center a:focus, p.orange_center a:active, p.orange_bottom a:hover, p.orange_bottom a:focus, p.orange_bottom a:active {
display: block; color: #000; font-weight: bold; height: 10%; 
}
p.codice {
  display: block;
  margin: 0 0 1em 1em;
  font-family: monospace;
  font-size: 1.2em!important;
  font-size: 1em;
  padding: 0.5em;
  color: #000; 
  background: #eef;
  border-left: 4px #69c solid;
  border-right: 1px #99c dotted;
  border-top: 1px #99c dotted;
  border-bottom: 1px #99c dotted;
}
p.box_centrato , .box_centrato {
  color:#336;
  font-weight: bold;
  font-size: 1.2em;
  background: #eee; padding: 2px; border: 1px #ccd solid;
  
  text-align: center;
  padding: 7px 0 7px 0;
  /* margin: 0 2em; */
  margin-bottom: 1em;
  /* margin: 1em; */
}

p.box_menu, .box_menu {
  display: block;
  color:#336;
  font-weight: bold;
  font-size: 1.2em;
  background: #eef; padding: 2px; border: 1px #ccd solid;
  text-align: left;
  padding: 4px 0 4px 0;
  margin: 0;
  
}
p.box_menu a {
   display: block;
     background:  url(img/menu/icomenu_normal.gif) no-repeat scroll 2px 50%; /* edf2f2 #ccf F6F6FE */
     background-color: #eef;
     color: #006;  /* 03a */
     padding: 4px 2px 2px 18px;
     /*background: rgb(237, 242, 242) none repeat;*/
      
      height: auto!important; /* Per evitare sovrapposizine dei menu */
    height:1.2em;line-height:1.2em; /* Per abilitare il display block che altrimenti non funziona in ie */
  }

p.box_menu  a:link:visited, p.box_menu  a:visited {text-decoration: underline; color: #d00; position: relative;  }
p.box_menu  a:hover, p.box_menu  a:focus, p.box_menu  a:active {background:  url(img/menu/icomenu_hover.gif) no-repeat  2px 50%; color: #ff0; background-color: #003;}

.box_ico {display: block; border: 1px solid #333; margin-top: 3px; margin-bottom: 3px; background: #eef; font-weight: 500; margin-left: 0; margin-right: 0;}
.box_ico:hover {background-color: #fff;}

p.csc-form-label-req {
  font-weight: bold;
}
.csc-caption {
  font-size: 0.9em;
  background-color: #E0E7F5; padding: 2px;
}

table.mod1 {
table-layout : inherit;  
margin:0.5em auto;
padding:0;
border: 1px solid #8a9; /*#8a9;*/
width: 90%!important;
width: 60%;
background : #fff;
text-align: center;
font-size: 1.1em;

}

table.mod1 caption{
    margin:0 auto;
  padding: 0!important;
  padding: 18px;
  font-size: 1.1em!important;
  font-size: 1.1em;
  color: #0000CD;
  text-transform: capitalize;
  font-weight: bold;
}

table.mod1 th{
color: #fff;
margin:0;
padding:3px!important;
padding:2px; /* regola altezza th in ie*/
height:28px;
/* background:#ddd; */
text-align: center;
/* background: #8ea8ea url(img/menu/topbg.gif) repeat-x bottom; */
background:  #36c url(../comunedifano/img/menu/topbg.gif) repeat-x;
}

table.mod1  td{
text-align: left;
margin:0;
padding:3px;
height:30px;
border:1px solid #8ea8ea; /* #f30; */
/* width: 40px; */
width: auto;
background: #eee; 
}


table.mod2 {
 text-align: center;
 table-layout : fixed; 
 width: 80%;
 margin:20px auto;
 border-top:  1px solid #369;
 border-left: 1px solid #369;
 border-collapse: collapse;  
 font-size: 1.2em!important;
}

table.mod2  th, table.mod2 td {
  padding:5px;
  border-right: 1px solid #369;
  border-bottom: 1px solid #369;
  text-align: left;
}

table.mod2  caption {
  margin:0 auto;
  padding: 0!important;
  padding: 18px;
  font-size: 1.2em!important;
  font-size: 1em;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #993333;
  text-transform: capitalize;
  font-weight: bold;
  
}

table.mod2  th {
  /* background: #8ea8ea url(img/menu/topbg.gif) repeat-x bottom; */
    background:  #36c url(../comunedifano/img/menu/topbg.gif) repeat-x;
  font-family: "Courier New", Courier, mono;
  }
  
  table.mod3 {
  table-layout : fixed; 
 margin:20px auto;
 padding:0;
 width: 80%;
 border-top:  1px solid #369;
 border-left: 1px solid #369;
 border-collapse: collapse;  
 
}

table.mod3  th, table.mod3 td {
  padding: 5px;
  border-right: 1px solid #369;
  border-bottom: 1px solid #369;
  text-align: left;
}

table.mod3  caption {
margin:0 auto;
  padding: 0!important;
  padding: 18px;
  font-size: 1.2em!important;
  font-size: 1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #993333;
  text-transform: capitalize;
  font-weight: bold;
}

table.mod3  th {
    background: #eef;
  font-family: "Courier New", Courier, mono;
  text-align: center;
  }


/***********************************************************************************************
* -FINE --------------- VECCHI Stili paragrafi e span (RTE)
************************************************************************************************/





/***********************************************************************************************
* Footer Info Contatti
************************************************************************************************/
span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1000;
  margin: 6px;
  text-align: center;
  padding: 10px;
  font-size: 1.1em;
  /*filter: alpha(opacity=30);*/
  -ms-filter: "DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.contact-container {
  background-color: #333;
  padding: 8px;
  /*border: 1px solid #C0C0C0;*/
  word-break: keep-all;
}

/***********************************************************************************************
* GlyphIcons Bootstrap - Fix Dimensioni
************************************************************************************************/

.texticon-left .texticon-icon, .texticon-right .texticon-icon {
    padding-left: 0px;
    padding-right: 0px;
    margin: -1px 0;
}

.texticon-size-medium {
    /* font-size: 1.9em; */
  font-size: 1.63em;
}


/***********************************************************************************************
* Fano - TopBar
************************************************************************************************/
.fano-topbar {
  background-color: #30373d;
  color: #fff;
  font-size: 16px;
  padding: 0 0 0 20px;
  line-height: 48px;
}

.spid-link {
    display: block;
    background-color: #0066cc;
    color: #fff;
    line-height: 48px;
    padding: 0 11px;
}

.fano-topbar a, .fano-topbar a:link, .fano-topbar a:visited {color: #fff!important;}
.fano-topbar a:hover, .fano-topbar a:focus, .fano-topbar a:active  {color: #ff0!important;}


#c7548 .image-center, .image-above, #c8955 .image-center, .image-above {
    background-color: transparent;
}