/**
*  B.P. Marzo 2020
**/

/* Immagine di sfondo sito */
body {
  background-color: #79b5f1; 
  background:url(../images/alba.jpg); 
/*  background:url(../images/paradiso-animato.gif); */
}

/* REGOLA classe CSS del layout title  */
.blu {
  
  background-color: #333333;
}
/* ------------------------------ */
/* Colora barra dei menu background-color:#2E6DAB */
header#sp-header {
  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002400+0,005700+17,008a00+33,52b152+67,83c783+83,b4ddb4+100 */
background: #002400; /* Old browsers */
background: -moz-linear-gradient(top,  #002400 0%, #005700 17%, #008a00 33%, #52b152 67%, #83c783 83%, #b4ddb4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #002400 0%,#005700 17%,#008a00 33%,#52b152 67%,#83c783 83%,#b4ddb4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#b4ddb4',GradientType=0 ); /* IE6-9 */

  
  /* questo valore alza verso l'immagine la barra dei menu */
    top: -20px;
}

/* animazione menu */
/* Rectangle Out */
.sp-menu-item {
  /*   background: #e1e1e1;  */
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sp-menu-item:before {
   content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#deefff+60,98bede+100 */
background: #deefff; /* Old browsers */
background: -moz-linear-gradient(top,  #deefff 60%, #98bede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #deefff 60%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #deefff 60%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

  
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  }

.sp-menu-item:hover, .sp-menu-item:focus, .sp-menu-item:active {
  color: white;
}
.sp-menu-item:hover:before, .sp-menu-item:focus:before, .sp-menu-item:active:before {
    -webkit-transform: scale(1);
  transform: scale(1);
}

/* colore link voce di menu selezionata */
.sp-megamenu-parent > li.active > a { 
 color: yellow;
 }

.sp-megamenu .sp-dropdown li.sp-menu-item >a:hover {
    background: yellow;
	border: 1px solid rgba(0,0,0,0.1);
	content: '';
	color: red;
	content: attr(data-hover);
}

/*  ------------------------------------------ */

/* Per allineare il menu a sinistra.  */
.sp-megamenu-parent { 
 list-style: none; 
 padding: 0; 
 margin: 0 -15px;  
 z-index: 99; 
 display: block; 
 float: left; 
 position: relative; 
 }

/* Per allineare il logo a destra.  */
#sp-header .logo { 
 height: 60px; 
 display: inline-flex; 
 margin: 0; 
 align-items: center; 
 float: right; 
}

/* Questa regola reimposta a 0 il margin-top dell'header quando raggiunge la posizione sticky */
#sp-header.header-sticky { 
  position: fixed;
  z-index: 9999;
  margin-top: 0px; 
  transition: all ease-out 0.5s; 
  -webkit-transition: all ease-out 0.5s; 
  border-bottom: solid 1px #eda404;
}

/* REGOLA classe CSS del layout Component */
.centro {
  /* background: #18fefb; */
  margin: 0;
  padding: 1px;
}

/* REGOLA classe CSS del layout right */
.barra {
  background: #181e2b; background:url(../images/bg.jpg);
}

/* allineamento - Riduzione spazio tra i moduli a dx - In originale nel  template.css margin-top: 50px; */
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 5px;
  border: 1px solid #f3f3f3;
  padding: 30px;
  border-radius: 3px;
}

/* REGOLA classe CSS del layout top1 */

.notizia {
  background: #181e2b; background:url(../images/bg.jpg);
}
/* REGOLA classe CSS distanzia il paragrafo */
 .orari  {
    margin-left: 10px;
}
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* ------------------------------------------------ */

.article-list .article {
 
  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: rgb(223, 232, 138);
background: -moz-linear-gradient(90deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
background: -webkit-linear-gradient(90deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
background: -o-linear-gradient(90deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
background: -ms-linear-gradient(90deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
background: linear-gradient(0deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         9px 4px 8px rgba(76, 172, 119, 0.64);
}  
  
/* Impostare il bordo al titolo di un testo */
.bordo
{
    text-align: Center;
    text-shadow: 0px -1px 0px rgba(0, 0, 30, 0.8);
    filter: Wave(Add=1, Freq=1, LightStrength=200, Phase=5, Strength=1);
    filter: Glow(color=#000000, Strength=1);
    color: #FF0000;
    font-size: 14px;
    font-family: 'Arial Black';
    height: 1px;
}

/* Impostare grafica categorie */
.item-title {

	font: italic bold 14px arial, tahoma, sans-serif;    
    filter: Wave(Add=1, Freq=1, LightStrength=200, Phase=5, Strength=1);
    filter: Glow(color=#000000, Strength=1);
    color: #0000FF;
    height: 1px;
}

/* Modulo personalizzato per slide foto */
.modulo-black{
	background-color: #3e3e3e;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset;
	color: blue;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 12px 12px 12px 12px;
}

/* Modulo personalizzato per il login */
.modulo-verde{
	background-color: #009900;
	border: 1px solid #e3e3e3;
	border-radius: 28px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset;
	color: blue;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 12px 12px 12px 12px;
}

/* cornice con ombra per contatore */
div.cornice {
 background-color: #CCE0FF; 
  border: 1px solid #6495ED;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   box-shadow: 1px 1px 2px #0000cd;
   color: black;
}

div.cornice  h3{

  background-color: #CCE0FF; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
   text-align: center;
}  


/* cornice con ombra per articoli bottom */
div.arte {
  width: 100%;
  /* background-color: #CCE0FF; */
  background:-webkit-linear-gradient(90deg, rgb(255, 205, 0) 0%, rgb(255, 241, 0) 80%);
background:-o-linear-gradient(90deg, rgb(255, 205, 0) 0%, rgb(255, 241, 0) 80%);
background:-moz-linear-gradient(90deg, rgb(255, 205, 0) 0%, rgb(255, 241, 0) 80%);
background:linear-gradient(90deg, rgb(255, 205, 0) 0%, rgb(255, 241, 0) 80%);
  border: 1px solid #6495ED;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   box-shadow: 1px 1px 2px #0000cd;
   color: black;  
}

div.arte  h3{

  background-color: #CCE0FF; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
   text-align: center;
}  


/* -------------------------------------------------
 	sfondo classe lista delle tabelle 
 	va applicato nei moduli video/omelie nel css 
 	nella scheda Visualizzazione pagina--> classe pagina = lista 
------------------------------------------------- */

.lista {
background: #F0FFFF; /* sfondo lista video browsers  background: #F5FFFA; */
}

/* TABELLA categoria singola vista con righe colorate alternate */

/* TITOLO prima riga */
.category.table.table-bordered th { background-color: #C9E3FE; border-top: 2px solid black; border-bottom: 3px solid black;} 
/* alternare sfondo righe pari ( even ) che dispari ( odd ) con colori differenti di una tabella */
.category.table.table-bordered tr:nth-child(odd) { background-color: #FFFFF0; border-top: 2px solid orange;}
.category.table.table-bordered tr:nth-child(even) { background-color: #ffffe0; border-top: 2px solid orange;}

/* passaggio del mouse */ 
.category.table.table-bordered tr:nth-child(n+1):hover {
    text-decoration:underline;
    background:#fffacd;
    color:red;
    cursor:pointer;
	
}
/* ------------------------------------------------- */
/* ------------------------------------------------- */


/*-----------------------------
Footer ---- background: #333; padding:30px;  margin-top: 40px
-----------------------------*/

#sp-footer {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(top,  #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */

color:#fff;  margin-top: 20px;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+7,afea31+21,afea31+21,afea31+37,afea31+51,b7df2d+71,b7df2d+78,b7df2d+86,b7df2d+86,3ae206+100 */
background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 7%, #afea31 21%, #afea31 21%, #afea31 37%, #afea31 51%, #b7df2d 71%, #b7df2d 78%, #b7df2d 86%, #b7df2d 86%, #3ae206 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 7%,#afea31 21%,#afea31 21%,#afea31 37%,#afea31 51%,#b7df2d 71%,#b7df2d 78%,#b7df2d 86%,#b7df2d 86%,#3ae206 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 7%,#afea31 21%,#afea31 21%,#afea31 37%,#afea31 51%,#b7df2d 71%,#b7df2d 78%,#b7df2d 86%,#b7df2d 86%,#3ae206 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#3ae206',GradientType=0 ); /* IE6-9 */

	
	/* arrotonda sub-menu distanzaia il menu ---> margin-top: 10px;*/ 
	  
	    -webkit-border-radius: 0px 20px 20px 20px;
		-moz-border-radius: 0px 20px 20px 20px;
		 border-radius: 0px 20px 20px 20px;
	  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	  box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #0345bf;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #0345bf;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #252525;
}


/* ------------------------------------------------- 
link bottom 
 ------------------------------------------------- */
/*
#sp-footer a, #sp-bottom a {
    color: #2421e6; 
  }


#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:hover, #sp-bottom a:hover {  
    color: #f4f400;
	text-decoration: underline;
		background: #940f04;
  }
*/

#sp-footer a, #sp-bottom a {
	color: #497DDD; 
  border-bottom: 1px dashed; 
}

#sp-footer a:hover, #sp-bottom a:hover {
  color: #154088; 
  background: #f4ff00;
  border-bottom: .07em solid;
}



#sp-footer,  {
    background: #171717;
    color: #00f;
}

#sp-bottom  {
/* 
background:-webkit-linear-gradient(90deg, rgba(209, 213, 208, 0.28) 0%, rgba(176, 243, 219, 0.48) 80%);
background:-o-linear-gradient(90deg, rgba(209, 213, 208, 0.28) 0%, rgba(176, 243, 219, 0.48) 80%);
background:-moz-linear-gradient(90deg, rgba(209, 213, 208, 0.28) 0%, rgba(176, 243, 219, 0.48) 80%);
background:linear-gradient(90deg, rgba(209, 213, 208, 0.28) 0%, rgba(176, 243, 219, 0.48) 80%);

  
background:-webkit-radial-gradient(ellipse farthest-side at center center, rgb(18, 169, 189) 0%, rgba(72, 180, 195, 0) 80%);
background:-o-radial-gradient(ellipse farthest-side at center center, rgb(18, 169, 189) 0%, rgba(72, 180, 195, 0) 80%);
background:-moz-radial-gradient(ellipse farthest-side at center center, rgb(18, 169, 189) 0%, rgba(72, 180, 195, 0) 80%);
background:radial-gradient(ellipse farthest-side at center center, rgb(18, 169, 189) 0%, rgba(72, 180, 195, 0) 80%);
*/
  
  background:-webkit-radial-gradient(ellipse farthest-side at center center, rgb(233, 240, 241) 0%, rgba(72, 180, 195, 0) 80%);
background:-o-radial-gradient(ellipse farthest-side at center center, rgb(233, 240, 241) 0%, rgba(72, 180, 195, 0) 80%);
background:-moz-radial-gradient(ellipse farthest-side at center center, rgb(233, 240, 241) 0%, rgba(72, 180, 195, 0) 80%);
background:radial-gradient(ellipse farthest-side at center center, rgb(233, 240, 241) 0%, rgba(72, 180, 195, 0) 80%);
  
  padding: 10px 0 0px;
  color: #00f;
  /* background:url(../images/carta_parati.jpg); */
}


.Messaggio  {
  
  padding: 10px 0 0px;
  color: #00f;
 background:url(../images/chiaro.jpg); 
  background:color: #f0f0f0;
}