/** ----------------------------------------------------------------------- **/
/** ---------- COLORI ----------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

/**
       TIPO     |       COLORE     |     GRIGIO     
  --------------------------------------------------       
  bianco        |                  |  FFFFFF
  molto chiaro  |  F1F1FA          |  E6E6E6
  chiaro        |  E6E6FA          |  B6B6B6
  scuro         |  B2B2F0          |  777777
  nero          |                  |
                |                  |  000000
  evidenzia     |  FFFFAA          |  
  link          |  000077          |
  link  hover   |  0000FF          |  
  
**/ 

/** ----------------------------------------------------------------------- **/
/** ---------- Opzioni di debug dell'impaginazione ------------------------ **/
/** ----------------------------------------------------------------------- **/
div
{
  /*border: 0px solid grey;*/
}

*
{
  /*border: 0px solid #000;*/
}

/** ----------------------------------------------------------------------- **/
/** ---------- IMPAGINAZIONE GENERALE ------------------------------------- **/
/** ----------------------------------------------------------------------- **/

body
{
  padding: 0px;
  margin: 0px;
}

/** Div principale che contiene tutto il sito, anche il non visibile **/
/** ---------------------------------------------------------------- **/
#contenitore_sito
{
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
  padding-top: 1%;
  padding-right: 3%;
  padding-bottom: 3%;
  padding-left: 3%;
}

/** Contiene tutto il sito visibile **/
#contentore_visibile { }

/** ----------------------------------------------------------------------- **/
/** ---------- TITOLO ----------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

/** ----- Titolo con immagini ----- **/
/** ------------------------------- **/
#div_titolo_sx
{
  clear: both;
  width: 100%;
  vertical-align: baseline;
}

#logo
{
  width: 7%;
  padding-right: 0%;
}

#titolo
{
  width: 40%;
  padding-left: 1%;
}

#div_titolo_dx
{

}

/** ----- Menù alto con il titolo ----- **/
/** ----------------------------------- **/

#div_menu_generale
{
  margin: 1em 0em 1em 0em;
  padding: 0.2em;
  
  border-top: 1px solid  #B6B6B6;
  border-bottom: 1px solid  #B6B6B6;
}

#div_menu_generale_bordo
{
  background: #E6E6FA;
  padding: 0em 1em 0em 1em;
}

/** Resetta gli hover per gli input **/
#div_menu_generale input.text:hover, input.text:focus, input.text:active, input.text:visited
{
  background-color: #fff;
}

#div_menu_sx
{
  float: left;
  display: block;
  margin: 0em;
  padding: 0em;
}

#div_menu_dx
{
  float: right;
  display: block;
  margin: 0em;
  padding: 0em;  
}

#div_menu_dx img
{
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

#div_menu_dx input.text
{
  background-color: #fff;
  width: 9em;
}

/** ----- Lista del menu ----- **/
/** -------------------------- **/

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

ul.ul_menu li
{
  display: inline-block;
  margin: 0.0em 0.0em 0.0em 0.0em;
  padding: 0.3em 0.8em 0.3em 0.8em;
  
  /* font-weight: bold; */
  font-size: 1.2em;
  font-variant: small-caps;

}

ul.ul_menu li a
{
  text-decoration: none;
}

ul.ul_menu input 
{
  height: 1.2em;
  font-size: 0.85em;
  padding: 0.1em 0.5em 0.1em 0.5em;
}

.img_titolo
{
  vertical-align: middle;
  max-height: 1.0em;
}

/** ----- Colori per i link del menu ----- **/
/** -------------------------------------- **/
.link_menu a:link, .link_menu a:visited, .link_menu a:active
{
  color: #000;
}

.link_menu li:hover
{
  background-color: #B2B2F0;
  color: #000;
}

.link_menu li:hover a
{
  color: #000;
  background-color: transparent
}

/* Selezionato per il menù alto */
.sel, .sel a, .sel a:link, .sel a:visited, .sel a:active, .sel a:hover
{
  color: #000;
  background-color: #B2B2F0;
}


/** ----------------------------------------------------------------------- **/
/** ---------- CORPO DEL SITO --------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

/** ----- ARTICOLO ----- **/
/** -------------------- **/
#div_articolo
{
  display: inline-block;
  width: 72%;
  float: left;
  margin: 0em 0.5% 1em 0%;
  padding: 0px;

  background-color: transparent; /* #fff; */
}

#contenuto_div_articolo  /* Per la breadcrumb */
{
  padding: 0% 1% 1% 1%; 
  margin: 0px;
}

/** ----- BLOCCHI MENU LATERALI ----- **/
/** --------------------------------- **/

.div_menu_lato /* DUE blocchi: prima dell'articolo, dopo l'articolo */
{
  display: inline-block;
  width: 24%;
  float: right;
  margin: 0em 0% 0em 0.5%;
  
  padding-left: 0.4em;
  padding-right: 0.4em;
  border-left: 1px solid #B6B6B6;
  border-right: 1px solid #B6B6B6;
}

.ul_categorie /* Lista principale con macro-categorie */
{
  display: inline-block;
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0px auto;
}

.blocco_menu /* Singolo blocco del menu laterale, generico */
{
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 2em 0em;
  width: 100%;
  word-wrap: break-word;  
  background: #F1F1FA;  
}

.blocco_menu ul
{
  padding-left: 15%;
}

.titolo_blocco /* Titolo per il singolo blocco del menu lateriale, generico */
{
  margin: 0em 0.5em 0em 0.5em;
  border-bottom: 1px solid #B6B6B6;
  font-variant: small-caps;
  text-align: center;
  font-size: 1.2em;
}

/** Blocco laterale per le categorie **/
.categorie_menu /* LI per la macrocategoria con le sotto-categorie */
{
  background: #F1F1FA;
}

.categorie_menu li
{
  list-style-type: circle;
  margin: 0em;
  padding: 0.3em 0em 0.3em 0em;
}

.categorie_menu ul
{
  margin: 0em;
  padding-left: 15%;
}

/** ----- Titoli delle macrocategorie ---- **/
.link_mcat
{
  display: block;

  font-size: 1.2em;
  text-align: center;
  margin: 0px 0.5em 0.2em 0.5em;
  border-bottom: 1px solid #B6B6B6;
}

/** Resetta i link per i titoli delle macro-categorie **/
.link_mcat, .link_mcat:link, .link_mcat:visited, .link_mcat:active, .link_mcat:hover
{
  text-decoration: none;
  background: transparent;
  color: #000;
  font-variant: small-caps;
}

/* Selezionato per le categorie */
.sel_cat, .sel_cat:link, .sel_cat:visited, .sel_cat:active, .sel_cat:hover
{
  font-weight: bold;
}

/* Selezionato per le macrocategorie */
.sel_mcat, .sel_mcat:link, .sel_mcat:visited, .sel_mcat:active, .sel_mcat:hover
{
}

/** ----------------------------------------------------------------------- **/
/** ---------- TESTATA INFERIORE ------------------------------------------ **/
/** ----------------------------------------------------------------------- **/
#fondo
{
  margin-top: 1em;
  text-align: center;
}

/** ----------------------------------------------------------------------- **/
/** ---------- SFONDI IMPAGINAZIONE --------------------------------------- **/
/** ----------------------------------------------------------------------- **/

/** ----- Sfondo sito ----- **/
/** ----------------------- **/
.XXXgradiente_sfondo
{
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top,  #fff 0%, #E6E6E6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fff 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fff 0%,#E6E6E6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fff 0%,#E6E6E6 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fff 0%,#E6E6E6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */

  background-attachment: fixed;
}

/** ----- Bordi dei menu ----- **/
.XXXbordi
{
  border: 1px solid #777777;
  box-shadow: 0px 0px 10px #B6B6B6;
  border-radius: 0.7em;
}

.XXXlink_mcat
{
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

/* Classe per gli oggetti da mostrare solo nel CSS minimo */
.solo_minimo
{
  display: none;
}


/** ----------------------------------------------------------------------- **/
/** ----------  GOOGLE ADSENSE  ------------------------------------------- **/
/** ----------------------------------------------------------------------- **/

.pub_lato_alto
{
  text-align: center;
  margin: 0px auto;
  /* border: 1px solid black; */
  margin-bottom: 2em;
}


.pub_lato_alto .adsbygoogle
{
  display: inline-block; 
  min-width: 121px;
  max-width: 161px;
  width: 100%;
  text-align: center;
   /*border: 1px solid transparent;*/
}

.pub_pre_commenti
{
  text-align: center;
  margin: 0px auto;
  /* border: 1px solid black; */
}

.pub_pre_commenti .adsbygoogle
{
  display: inline-block; 
  min-width: 321px;
  max-width: 469px;
  width: 100%;
  text-align: center;
   /* border: 1px solid black; */
}