﻿[class^="col-"] {
    /* border: 1px solid rgba(86, 61, 124, 0.2); */
}

.normale.smart { 
	font-family: Verdana; font-size: 18pt
}



.riga_1 {
    border-right: 10px solid rgb(255, 255, 255);
    border-bottom: 10px solid rgb(255, 255, 255);
    border-left: 10px solid rgb(255, 255, 255);
    background-color: rgb(233, 233, 234);
    padding-bottom: 20px;
    padding-top: 20px;
}

.riga_1_meteopercorso {
    border-right: 0px solid rgb(255, 255, 255);
    border-bottom: 0px solid rgb(255, 255, 255);
    border-left: 0px solid rgb(255, 255, 255);
    background-color: rgb(233, 233, 234);
    padding-bottom: 0px;
    padding-top: 0px;
}

.riga {
    border: 10px solid rgb(255, 255, 255);
    background-color: rgb(233, 233, 234);
    padding-bottom: 20px;
    padding-top: 20px;
}

.riga_meteopercorso {
    border-right: 10px solid rgb(255, 255, 255);
    border-bottom: 0px solid rgb(255, 255, 255);
    border-left: 10px solid rgb(255, 255, 255);
    background-color: rgb(233, 233, 234);
    padding-bottom: 0px;
    padding-top: 0px;
}

.gradiente-1 {
    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 94%, rgba(159,159,159,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 94%, rgba(159,159,159,1) 100%);
    background: -o-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 94%, rgba(159,159,159,1) 100%);
    background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 94%, rgba(159,159,159,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 94%, rgba(159,159,159,1) 100%);
}

.gradiente-2 {
    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 10%, rgba(211,213,214,1) 85%, rgba(159,159,159,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 10%, rgba(211,213,214,1) 85%, rgba(159,159,159,1) 100%);
    background: -o-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 10%, rgba(211,213,214,1) 85%, rgba(159,159,159,1) 100%);
    background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 10%, rgba(211,213,214,1) 85%, rgba(159,159,159,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(211,213,214,1) 10%, rgba(211,213,214,1) 85%, rgba(159,159,159,1) 100%);

}

.gradiente-altritempi {
background: #ede5b8; /* Old browsers */
background: -moz-linear-gradient(top,  #ede5b8 0%, #d8cf9c 40%, #c9b77c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ede5b8 0%,#d8cf9c 40%,#c9b77c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ede5b8 0%,#d8cf9c 40%,#c9b77c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede5b8', endColorstr='#c9b77c',GradientType=0 ); /* IE6-9 */
	}

.pagina {
    -webkit-box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
    width: 98%;
    max-width: 1250px;
}

.paginaLarge {
    -webkit-box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
    width: 99%;
}

/*  ------------------------- CARD -------------------------- */
.card-webcam {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
   -webkit-box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
}

.card-altritempi {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fdfdf7;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
   -webkit-box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
}






.card-mod {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
   -webkit-box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 28px -6px rgba(0,0,0,0.75);
}

.card-mod-10 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
   -webkit-box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 10px -6px rgba(0,0,0,0.75);
}


.card-body-mod {
    padding: 0rem .7rem;
}

.card-body-copertina {
    padding: 0rem .7rem;
    background-color: rgb(240, 240, 240);
}
.card-body-pagina {
    padding: 0rem .7rem;
}

.card-header-mod {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(247,247,247,1);
    border-bottom: 1px solid rgba(0,0,0,.125)
}


.cardNoMove-shadow {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.card-shadow {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.card-shadow2 {
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
        margin-top: -5px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

    .card-shadow:hover {
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
        margin-top: -5px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.card-default-custom {
    margin-top: 0px;
    margin-bottom: 5px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.card-body-custom {
    text-align: justify;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}


/*  ------------------------- FINE CARD -------------------------- */


.Titolo-articolo {
    font-family: Verdana;
    font-size: 14pt;
    font-weight: bold;
/*    text-decoration: underline; */
}

.SottoTitolo-articolo {
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
}

.campo-ricerca {
  width: 200px;
  height: 25px;
  padding: 1px 1px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.campo-ricerca:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 }
 
 .btn-cerca {
	border: 1px solid rgba(0,0,0,.2);
  	border-radius: 4px;
 }
 
  .btn-cerca:hover {
	border: 1px solid rgba(0,0,0,.2);
  	border-radius: 4px;
  	background-color: #b8d7ef;
 }
 
.btn-vai {
  color: #fff;
  background-color: #8d959b;
  border-color: #6c757d;
}
.btn-vai:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
 
 
 
 
.list-group-item-index {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #000000;
  border: 1px solid #ddd;
} 

.list-group-item-index.active,
.list-group-item-index.active:hover,
.list-group-item-index.active:focus {
  z-index: 2;
  color: #000000;
  background-color: #e1e2e3;
  border-color: #e1e2e3;
  text-decoration: none;
}

.list-group-item-index.active,
.list-group-item-index.active:hover,
.list-group-item-index.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #e1e2e3 0%, #b1b1b1 100%);
  background-image:      -o-linear-gradient(top, #e1e2e3 0%, #b1b1b1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e2e3), to(#b1b1b1));
  background-image:         linear-gradient(to bottom, #e1e2e3 0%, #b1b1b1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe58de2', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #e1e2e3;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}