/*Correzioni e aggiunte al css principale*/

/*Formattazione mappa del sito */
.mappa {padding:10px 5px;}
.Top_mappa {display:none}

.mappa ul li .IndA:link,
.mappa ul li .IndA:visited,
.mappa ul li .SelIndS,
.mappa ul li .SelIndA:link,
.mappa ul li .SelIndA:visited{background:url(img/RARiquadro/center.png) repeat-x top left #AD0000;min-height:25px;color:#fff;padding:0 10px;line-height:25px;font-size:95%;display:block;text-transform:uppercase;font-weight:bold;}
.mappa ul li  ul{border-color:#ddd;border-style:solid;border-width:0 1px 1px 1px; padding:10px;background:#fff;}
.mappa ul li ul li .IndA:link,
.mappa ul li ul li .IndA:visited{background:transparent;color:#000;text-transform:none;border-bottom:solid 1px #000; padding:3px 2px 0 2px;line-height:20px;min-height:20px;font-size:90%;}
.mappa ul li ul li .SelIndS,
.mappa ul li ul li .SelIndA:link,
.mappa ul li ul li .SelIndA:visited{background:transparent;color:#000;text-transform:none;border-bottom:solid 3px #AD0000; padding:3px 2px 0 2px;line-height:20px;min-height:20px;font-size:90%;}
.mappa ul li ul li .IndA:active,
.mappa ul li ul li .IndA:hover,
.mappa ul li ul li .IndA:focus{background:#f2f2f2;color:#AD0000;}
.mappa ul li ul li .SelIndA:active,
.mappa ul li ul li .SelIndA:hover,
.mappa ul li ul li .SelIndA:focus{background:#f2f2f2;color:#AD0000;}
.mappa ul li  ul li ul {border:none; padding:5px 0;}
.mappa ul li ul li ul li  .IndA:link,
.mappa ul li ul li ul li  .IndA:visited{background:url(img/mappa/FrecciaNera.gif) no-repeat 4px 8px;padding:0 0 0 18px;color:#000;font-weight:normal;border-bottom:none;font-size:90%;min-height:20px;line-height:20px;}
.mappa ul li ul li ul li  .SelIndS,
.mappa ul li ul li ul li  .SelIndA:link,
.mappa ul li ul li ul li  .SelIndA:visited{background:url(img/mappa/FrecciaVerde.gif) no-repeat 4px 8px;padding:0 0 0 18px;color:#AD0000;border-bottom:none;font-size:90%;min-height:20px;line-height:20px;}
.mappa ul li ul li ul li .IndA:active,
.mappa ul li ul li ul li .IndA:hover,
.mappa ul li ul li ul li .IndA:focus{background-color:#f2f2f2;color:#AD0000;}
.mappa ul li ul li ul li .SelIndA:active,
.mappa ul li ul li ul li .SelIndA:hover,
.mappa ul li ul li ul li .SelIndA:focus{background-color:#f2f2f2;color:#AD0000;}

/* Interruzione di pagina per la stampa*/
	.RANewPage{page-break-before:always}

/*Riquadro41 - collassabile*/
.Riquadro41 dd{overflow:hidden;}
.Riquadro41 dd,
/*.Riquadro41 dd * {
                transition:			all .3s;
                -moz-transition:	all .3s;
                -o-transition:		all .3s;
                -webkit-transition:	all .3s;}*/
.Imploso dd {line-height:0em; color:transparent;padding:0;}
.Esploso dd {line-height:1.2em; color:#000;padding:5px 0;}
.Imploso dd *{height:0; overflow:hidden;}
/*.Esploso dd *{height:auto;}*/

.Imploso .More {display:block;}
.Imploso .Less {display:none;}
.Esploso .More {display:none;}
.Esploso .Less {display:block;}

/* Nascondo i riquadro interni */
.Imploso dd dl,
.Imploso dd dd,
.Imploso dd dt,
.Imploso dd div{margin:0;padding:0;border:0;}

/* Elementi puramente grafici */
.Riquadro41 {border: 0px solid #eee; padding: 1em; margin:1em 0 1em 0;  color: #000; background-color:#eee;}
.Riquadro41 dt{padding-bottom:.3em;min-height:18px;margin-bottom:2px; font-weight:normal; font-size: 19px; color:#000; font-family:'exobold';}
.Riquadro41 .More,
.Riquadro41 .Less { float:left;width:1.2em; height:1.2em; line-height:1.2em; text-align: center; border:solid 0px #bbb;  font-weight:normal; margin-right:3px;cursor:pointer;}
.Riquadro41 .Titolo {display: block; margin-left:2em; margin-top:2px; line-height:1.2em; font-weight:normal;}

dl.Riquadro41, .Riquadro41 a {  color: #067;  font-size:17px; font-family:'robotoregular';}
dl.Riquadro41, .Riquadro41 a:hover {  color: #000; }
.Riquadro41.Esploso  .HRElenco{border-bottom:1px solid #fff}
.Riquadro41.Imploso  .HRElenco{border-bottom:0px solid #fff}





/* Social Network sulla gallery */
#social{display: block; position: absolute; right: 0; top: 0; z-index:10; padding:10px;}
#social a{display: inline-block; margin: 5px 5px 0 0;}

/* calendarietto dell'elenco canali */
.RARiepilogaCanali.mesi {display:block; clear:both;}
.RARiepilogaCanali .mese {display:block; float:left;}
.RARiepilogaCanali.giorni {display:block; clear:both;}
.RARiepilogaCanali .giorno {display:block; float:left;}
.RARiepilogaCanali.anni {display:block; clear:both;}
.RARiepilogaCanali.anni .prec,
.RARiepilogaCanali.anni .this,
.RARiepilogaCanali.anni .next {display:block; float:left;}

.RARiepilogaCanali.mesi .visualizzato,
.RARiepilogaCanali.mesi .RALinkIn:link,
.RARiepilogaCanali.mesi .RALinkIn:visited{border: solid 1px #ccc; background: #f8f8f8; padding: 2px 8px; margin: 0 1px; text-transform:capitalize; border-radius:2px; font-size:90%;color:#444; text-decoration:none;}
.RARiepilogaCanali.mesi .RALinkIn:active,
.RARiepilogaCanali.mesi .RALinkIn:hover,
.RARiepilogaCanali.mesi .RALinkIn:focus{color:#000; border-color:#000;}

.RARiepilogaCanali.mesi .visualizzato{background:#dedede;}

.RARiepilogaCanali.giorni .giorno{margin: 0 1px; color:#444; display:block; max-height:20px;}
.RARiepilogaCanali.giorni .giorno span{font-size:90%; display:block; text-align:center; height:20px; width:20px;line-height:20px;padding:1px;}
.RARiepilogaCanali.giorni .giorno .RALinkIn span{padding:0;}

.RARiepilogaCanali.giorni .giorno .RALinkIn:link,
.RARiepilogaCanali.giorni .giorno .RALinkIn:visited{border: solid 1px #ccc; border-radius:20px; color:#444; padding:0;text-decoration:none;}
.RARiepilogaCanali.giorni .giorno .RALinkIn:active,
.RARiepilogaCanali.giorni .giorno .RALinkIn:hover,
.RARiepilogaCanali.giorni .giorno .RALinkIn:focus{color:#000; border-color:#000;}
.RARiepilogaCanali.giorni .giorno .selezionato{color:#c1092a;}

.RARiepilogaCanali.anni {float:right;}
.RARiepilogaCanali.anni .this {line-height:21px; padding:0 5px; font-size:105%;}

.RARiepilogaCanali.anni .prec .RALinkIn:link,
.RARiepilogaCanali.anni .prec .RALinkIn:visited {background:url(img/elementi_grafici/frecciasx.png) no-repeat center center; display:block; height:21px; width:15px; overflow:hidden; padding: 0; border: 0;}

.RARiepilogaCanali.anni .next .RALinkIn:link,
.RARiepilogaCanali.anni .next .RALinkIn:visited {background:url(img/elementi_grafici/frecciadx.png) no-repeat center center; display:block; height:21px; width:15px; overflow:hidden; padding: 0; border: 0;}

.RARiepilogaCanali.anni .prec span,
.RARiepilogaCanali.anni .next span {display:none;}

/*Correttivo Multicanale 100px */
.RAECImg100  img {margin-top:5px;}

/*Link verticalizzato */
.RALinkIn_VerticalizzatoImg:link,
.RALinkIn_VerticalizzatoImg:visited,
.RALink_VerticalizzatoIMG:link,
.RALink_VerticalizzatoIMG:visited{color:#444;font-weight:bold;font-weight:bold;margin-bottom:10px;}
.RALinkIn_VerticalizzatoImg:hover,
.RALinkIn_VerticalizzatoImg:active,
.RALinkIn_VerticalizzatoImg:focus,
.RALink_VerticalizzatoIMG:hover,
.RALink_VerticalizzatoIMG:active,
.RALink_VerticalizzatoIMG:focus{color:#AD0000;text-decoration:underline;}
.RALinkIn_VerticalizzatoImg img, .RALink_VerticalizzatoIMG img, .RALinkOut_VerticalizzatoImg img { display:block; margin:10px auto 0 auto !Important; }
.RALinkOut_VerticalizzatoImg:link,
.RALinkOut_VerticalizzatoImg:visited{color:#444;font-weight:bold;font-weight:bold;}
.RALinkOut_VerticalizzatoImg:hover,
.RALinkOut_VerticalizzatoImg:active,
.RALinkOut_VerticalizzatoImg:focus{color:#AD0000;text-decoration:underline;}

/*Formattazione Elenchi canale Albo pretorio*/
.Riquadro109 .RAElencoCanali .RALink:link,
.Riquadro109 .RAElencoCanali .RALink:visited{margin-bottom:5px;color:#000000;display:inline;font-weight:normal;background:none;padding-left:0px;}
.Riquadro109 .RAElencoCanali .RALink:active,
.Riquadro109 .RAElencoCanali .RALink:hover,
.Riquadro109 .RAElencoCanali .RALink:focus{text-decoration:underline;color:#AD0000;}
.Riquadro109 div.RADelibere{margin-bottom:10px;font-size:100%;border-bottom:1px solid #eee}
.Riquadro109 h2{font-size:110%;}

/*Correzione per form*/
.NewsletterQueryIscrizione_check{padding: 0 5px 5px 0;}

/*Riepilogatore di canale*/
.RAVerticalLine{border-right:solid 1px #aaa;}
.RAElencoCanali .attuale, .RAElencoCanali .mese_selezionato{color:#aaa !important;}

/* Link con immagine responsive */
.img-responsive{display:inline-block}

/*Cookie Choice di entra*/
/*#cookieChoiceInfo{padding:8px !important; font-size:9pt;bottom:0;top:auto !important;font-family:Arial;box-shadow:0 0 8px #666;background:#f0f0f0}*/
#cookieChoiceInfo{padding:2em !important; font-size:19px;bottom:0;top:auto !important;font-family:'robotoregular', Arial;box-shadow:0 0 8px #666;
/* background:#c6d0f2cc; */
/* background:#c6d0f2; */
background:#eeeeee;
opacity:0.9;
line-height: 2.2em;
  color: #333333;
  text-rendering: optimizeLegibility;}
#cookieChoiceInfo a{color:#000;text-decoration:underline}
#cookieChoiceInfo a:hover{color:#666}
#cookieChoiceDismiss{background-color:#C1092A;color:#FFF !important;font-weight:bold; border-radius:0em;margin-left:12px !important;text-decoration:none !important;
font-weight: 600;
padding: .6em 1.2em;
text-transform: uppercase;
font-size:15px;
}
#cookieChoiceDismiss:hover{background-color:#666}

/* CSS per iframe responsive - mettere iframe con classe responsive-iframe dentro ad un div con classe container-iframe */
.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* padding-top: 56.25%;  *//* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  padding-top: 75%; /* 4:3 Aspect Ratio */
  /* padding-top: 66.66%; */ /* 3:2 Aspect Ratio */
  /* padding-top: 100%; */ /* 1:1 Aspect Ratio */
  
  
}


/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}