@charset "UTF-8";
/* -------------------------------------------------------- */
/* settaggi comuni a tutte le pagine */
/* -------------------------------------------------------- */

:root {
    --colore-porpora:#e6007e;
    --colore-giallo:#FFED00;
    --colore-azzurro:#009FE3;
    --colore-blu:#25377F;
    
    --colore-blu-scuro:#2c3e50;
    --colore-azzurro-2: #3498db;
    
    --colore-grigio:#707070;
    --grigio_chiaro:  #c1c2c7;
    --grigio_chiarissimo:  #e6e7eb;
    --colore-bianco:#fff;
    --colore-chiaro: var(--grigio_chiarissimo);
    /*--colore-chiaro: red;*/

    --color-card-01: #059DD9;
    --color-card-02: #273C85;
    --color-card-03: #5C4B9E;
    --color-card-04: #C83E96;
    --color-card-05: #E91A41;
    --color-card-06: #F36C29;
    --color-card-07: #F7952D;
    --color-card-08: #97C93F;
    --color-card-09: #3AB44A;
    --color-card-10: #3DBB99;
}

body{
    min-width: 320px;
}

main{
    max-width: 1280px;
    margin: 0 auto;
}


/* -------------------------------------------------------- */
/* css testata secondaria (barra in alto che rimanda a Clusit) */
/* -------------------------------------------------------- */

.testata_secondaria{
	box-sizing:border-box;
    font-size:12px;
	padding-left:30px;
	padding-right:30px;
}

.testata_secondaria{
	height:23px;
	background-color:#333;
	color:var(--colore-chiaro);
}
.testata_secondaria a, .testata_secondaria a:hover {
    color: var(--colore-bianco);
    text-decoration: none;
}
.testata_secondaria .item_riga_responsive{
	width: 50%;
}
.item_riga_responsive{
	float: left;
}
.item_riga_allineamento_sinistra{
	text-align:left;
}
.item_riga_allineamento_destra{
	text-align:right;
}	
.item_riga_responsive{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.testoCentrato{
    margin: 0 auto;
    text-align: center;
}

#torna_su{
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: none;
    padding:10px;
  }


@media screen and (max-width: 359px) {
	.testata_secondaria .item_riga_responsive{
		width: 100%;
	}
	.item_riga_responsive{
		float: default;
	}
	.item_riga_allineamento_sinistra{
		text-align:center;
	}
    .item_riga_allineamento_destra{
        display: none;
	}	
}

/* ----------------------------------------- */
/* footer */
/* ----------------------------------------- */

    .footer_del_sito_centrato{
        background-color:#222;
        color:#777;
        margin-top:0px;
        padding:30px;
        width:100%;
        text-align: center;
    }

    .footer_del_sito_centrato a{
        color:#ccc;
    }

    .footer_del_sito_centrato a:hover{
        color:#fff;
    }


/* ----------------------------------------- */
/* Stili ereditati dal sito Clusit */
/* ----------------------------------------- */

    /* titolo azzurro sottolineato */
    h1.clusit {
        text-align: left;
        font: normal normal bold 32px / 38px Roboto;
        font-size: 3.2rem;
        letter-spacing: 0px;
        color: #155DA6;
        opacity: 1;
        margin-top: 18px;
        margin-top: 1.8rem;
        padding-bottom: .8rem;
        border-bottom: 1px solid #155DA6;
        margin-bottom: 18px;
        margin-bottom: 1.8rem;
    }