/* STILE PER COLORE SFONDO */
.SFONDO_GRIGIO_SCURO {background-color:#262626;}
.SFONDO_GRIGIO_MEDIO {background-color:#696969;}
.SFONDO_BIANCO {background-color:white;}
.SFONDO_BLU {background-color:#002187;}

/* STILE PER OPACITA */
.OPACITA_NERA {background-image:url('../Images/opaco_nero.png');}
.OPACITA_BIANCA {background-image:url('../Images/opaco_bianco.png');}
.OPACITA_ARANCIONE {background-image:url('../Images/opaco_arancione.png');}
.OPACITA_BLU {background-image:url('../Images/opaco_blu.png');}

/* BORDI */
.BORDO_INFERIORE_COLORE_CLIENTE {border:3px solid lightgray;}
.BORDO_ARANCIONE {border:3px solid #FE9900;}
.BORDO_BLU {border:3px solid #002187;}

/* DIV CONTENITORE PANNELLO SCORREVOLE */
.DIV_SINGOLI_CONTENITORI_100_SCROLL         {width:98%; margin: 1% 1% 0% 1%; overflow-x:auto}
.DIV_SINGOLI_CONTENITORI_100_SCROLL_BUTTON  {float:left; width:98%; margin: 0% 1% 1% 1%; display:table;}
.DIV_VISUALIZZA_BACHECA_SINGOLO             {width:100%; display:table;}


/* IMMAGINE LOGO HEADER */
.DIV_CONTAINER_LOGO_HEADER {
    width:100%;
    top:20px;
    left:20px;
    position:absolute;
    z-index:999;
}


/* DIV CENTRATI E RESPONSIVE */

/* STRUTTURA PER PC (2048) */
@media (min-width: 1025px) and (max-width: 2048px) {
    .DIV_CONTAINER_RESPONSIVE                   {width:90%;margin-left: auto; margin-right: auto;}
    .DIV_SINGOLI_CONTENITORI                    {float:left; width:23%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_100                {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_50                 {float:left; width:48%; margin: 1% 1% 1% 1%; display:table;}
}


/* STRUTTURA PER PC (1680) */
@media (min-width: 1025px) and (max-width: 1680px) {
    .DIV_CONTAINER_RESPONSIVE                   {width:90%;margin-left: auto; margin-right: auto;}
    .DIV_SINGOLI_CONTENITORI                    {float:left; width:23%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_100                {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_50                 {float:left; width:48%; margin: 1% 1% 1% 1%; display:table;}
}


/* STRUTTURA PER PC (1440) */
@media (min-width: 1025px) and (max-width: 1440px) {
    .DIV_CONTAINER_RESPONSIVE                   {width:90%;margin-left: auto; margin-right: auto;}
    .DIV_SINGOLI_CONTENITORI                    {float:left; width:23%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_100                {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_50                 {float:left; width:48%; margin: 1% 1% 1% 1%; display:table;}
}

/* STRUTTURA PER PC */
@media (min-width: 1025px) {    

    .DIV_CONTAINER_RESPONSIVE                   {width:90%;margin-left: auto; margin-right: auto;}
    .DIV_SINGOLI_CONTENITORI                    {float:left; width:23%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_100                {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_50                 {float:left; width:48%; margin: 1% 1% 1% 1%; display:table;}

}

/* STRUTTURA TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    .DIV_CONTAINER_RESPONSIVE           {width:90%;margin-left: auto; margin-right: auto;}
    .DIV_SINGOLI_CONTENITORI            {float:left; width:48%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_100        {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_50         {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}

}

/* STRUTTURA TABLET ORIZZONTALE */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .DIV_CONTAINER_RESPONSIVE           {width:90%;margin-left: auto;margin-right: auto;}
    .DIV_SINGOLI_CONTENITORI            {float:left; width:23%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_100        {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_50         {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}

}

/* STRUTTURA SMARTPHONE VERTICALE */
@media (max-width: 767px) and (orientation: portrait) {

    .DIV_CONTAINER_RESPONSIVE           {width:95%;margin-left: auto;margin-right: auto;}
    .DIV_SINGOLI_CONTENITORI            {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_100        {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}
    .DIV_SINGOLI_CONTENITORI_50         {float:left; width:98%; margin: 1% 1% 1% 1%; display:table;}

}

/* STRUTTURA SMARTPHONE ORIZZONTALE */
@media (max-width: 767px) and (orientation: landscape) {

	/* GRAFICA NON VALIDA */

}

/* STILE MENU */
.toolbarbottom {
    list-style: none; 
    margin: 2px 2px 2px 2px; 
    padding: 3px 3px 3px 3px; 
    display: inline-block; 
    width: 100%; 
    /*visibility:collapse;*/
}

.toolbarbottom li {
    margin-top:5px;
    float: left; 
    padding-left: 20px;
    padding-right: 20px;
    color: black;
    font-weight: bold;
    text-decoration: none;
} 

.toolbarbottom li a { 
    display: block;
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.toolbarbottom li a:active  { 
    display: block;
    color: gray;
    font-weight: bold;
}

.toolbarbottom li a:hover  { 
    display: block;
    color: lightgray;
    font-weight: bold;
}