@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:600');
/*
Stili per la rendereizzazione del menu laterale destro in home page
Quello blu composto da di icone
*/

.section-menu
{
    /*display: table;*/
    position: absolute;
    top: 100px;
    right:0;
    z-index: 900;
    padding: 0;
}

.section-menu ul
{
    display: table-cell;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
}

.section-menu li
{
    display: block;
}

.section-menu a
{
    display: block;
    position: relative;
    /* padding: 5px; */
    /* height: 10px; */
    /* width: 10px; */
    color: transparent;
    line-height: 5rem;
    width: 5rem;
    text-align: center;
    white-space: nowrap;
    transition: all 0.5s ease;
    overflow:hidden;
    margin-bottom: 3px;
    background-color: #5287bc;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    /*-webkit-box-shadow: -.5px 0px .5px .5px rgba(255,255,255,1);
    -moz-box-shadow: -.5px 0px .5px .5px rgba(255,255,255,1);
    box-shadow: -.5px 0px .5px .5px rgba(255,255,255,1);*/
}

.section-menu a:before {
    content: "";
    display: block;
    position: absolute;
    font-family: 'FontAwesome', sans-serif;
    font-size: 2rem;
    color: #fff;
    line-height: 5rem;
    width: 70px;
    height:75px;
    text-align: center;
}

.ie10 .section-menu a:before,.ie11 .section-menu a:before, .ie9upper .section-menu a:before{
    top:40px;
}

.section-menu a:hover{
    color:transparent;
    background-color:#0f2c53;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    border-top:1px solid #5287bc;
    border-bottom:1px solid #5287bc;
    border-left:1px solid #5287bc;
}

.section-menu a:hover::before, .ie .section-menu a:hover::before {
    /* background-color: rgba(19,147,172,0.70);*/
    background-color:#0f2c53;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    margin-right:4px;
}

.section-menu li:nth-child(1) a::before{
    content:"\f06e";

}

.section-menu li:nth-child(2) a::before{
    content:"\f1ea";
}

.section-menu li:nth-child(3) a::before{
    content:"\f073";
}

/*
NUMERI
.section-menu li:nth-child(4) a::before{
    content:"\f200";
}*/

.section-menu li:nth-child(4) a:before{
    content:"\f1e0";
}

/* POLIRADIO */
/*.section-menu li:nth-child(5) a:before{
    content:'';
    background-image:url("../Images/poliradio.svg");
    background-repeat: no-repeat;
}

.section-menu li:nth-child(5) a:hover:before{
    background-image:url("../Images/poliradio_roll_over.svg");
}

.ie10 .section-menu li:nth-child(5) a:hover:before,.ie11 .section-menu li:nth-child(5) a:hover:before, .ie10 .section-menu li:nth-child(5) a:before,.ie11 .section-menu li:nth-child(5) a:before, .ie9upper .section-menu li:nth-child(5) a:before,.ie11 .section-menu li:nth-child(5) a:before {
    top:0px;
}*/

.section-menu a span
{
    /*  position: absolute;
      top: 0;
      right: 0;
      padding-right: 25px;*/
    /* opacity: 0; */
    transition: all 0.3s ease;
    /*background-color: #fff;*/
    background-color:#5287bc;
}

.section-menu a:hover span{
    opacity: 1;
}

/*Sostieni */

.section-menu .sostieni{
    padding:0;
    line-height:normal;
    position:relative;
    top:0;
}

.section-menu .sostieni a {
    font-family: "Saira Extra Condensed", "Arial Narrow", sans-serif;
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    /*background-color: #d14944;*/
    background-color:#5287bc;
    color:#fff;
}

.section-menu .sostieni a:before{
    display: none;
}

.section-menu .sostieni a:hover{
    /*color: #d14944;
    color:#5287bc;
    background-color: #fff;*/
    background-color:#0f2c53;
    /*border-top:1px solid #d14944;
    border-bottom:1px solid #d14944;
    border-left:1px solid #d14944;*/
    border-top:1px solid #5287bc;
    border-bottom:1px solid #5287bc;
    border-left:1px solid #5287bc;
}

.section-menu .sostieni a:hover::before, .ie .section-menu .sostieni a:hover::before {
    /* background-color: rgba(19,147,172,0.70);
    background-color: #fff;*/
    background-color:#0f2c53;
    /*color:#d14944;
    color:#5287bc;*/
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    margin-right:4px;
}

/* Sostieni [fine]*/

/*### Covid 19 ###*/
.section-menu .covid19 a{
    font-family: "Saira Extra Condensed", "Arial Narrow", sans-serif;
    font-size: 1.5rem;
    color:#fff;
    text-decoration:none;
    background-color:#0f2c53;
}

.section-menu .covid19 a:hover{
    font-family: "Saira Extra Condensed", "Arial Narrow", sans-serif;
    font-size: 1.5rem;
    color:#5287bc!important;
    background-color:#fff;
}
.section-menu .covid19 a:hover::before, .ie .section-menu .covid19 a:hover::before {
    background-color:transparent;
}
.section-menu li.covid19.icona a::before{
    background-image:url("../Images/virus_bianco_120x120.svg");
    /*background-color:#5287bc;*/
    background-color:#0f2c53;
    background-size:80%;
    background-repeat:no-repeat;
    background-position:center;
}
.section-menu li.covid19.icona a:hover::before{
    background-image:url("../Images/virus_bianco_120x120.svg");
    background-color:#5287bc;
}

/*### hrs4r ###*/
.section-menu .hrs4r a{
    font-family: "Saira Extra Condensed", "Arial Narrow", sans-serif;
    font-size: 1.5rem;
    color:#fff;
    text-decoration:none;
    background-color:#0f2c53;
}

.section-menu .hrs4r a:hover{
    font-family: "Saira Extra Condensed", "Arial Narrow", sans-serif;
    font-size: 1.5rem;
    color:#5287bc!important;
    background-color:#fff;
}
.section-menu .hrs4r a:hover::before, .ie .section-menu .covid19 a:hover::before {
    background-color:transparent;
}
.section-menu li.hrs4r.icona a::before{
    background-image:url("../Images/HRS4R-bianco.svg");
    background-color:#5287bc;
    background-size:45%;
    background-repeat:no-repeat;
    background-position:center;
}
.section-menu li.hrs4r.icona a:hover::before{
    background-image:url("../Images/HRS4R-bianco.svg");
    background-color:#0f2c53;
}