﻿.box-siamoterna {
    width: 100%;
    font-family: Oswald;
    font-size: 1.3rem;
    color: #333;
    margin: 1rem auto;
    position: relative;
    line-height: normal;
}

    .box-siamoterna .title {
        text-align: center;
        font-size: 2rem;
        text-transform: uppercase;
        font-family: Oswald;
        padding: 0.5rem 0;
        margin: 0;
    }

    .box-siamoterna .subtitle {
        text-align: center;
        font-size: 1.7rem;
        padding: 0.5rem 0;
        margin: 0;
        font-family: Oswald;
    }

    .box-siamoterna .line {
        text-align: center;
    }

    .box-siamoterna .number {
        font-size: 1.7rem;
        font-family: Oswald;
        font-weight: 600;
    }

    .box-siamoterna .dati {
        padding: 1rem 2rem;
        text-align: left;
    }

        .box-siamoterna .dati.reverse {
            text-align: right;
        }

        .box-siamoterna .dati .footer {
            font-size: 1rem;
            color: grey;
        }

    .box-siamoterna.persone {
        border: 2px solid #295eb9;
    }

    .box-siamoterna.persone {
        background: url('/Portals/0/Resources/persone/siamoterna/infografica/persone.jpg') no-repeat center center;
        /*background: url(persone.jpg) no-repeat center center;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .box-siamoterna.presenza-territorio {
        /*background: url('/Portals/0/Resources/persone/siamoterna/infografica/presenza-territorio.jpg') no-repeat center center;*/
        background: url('/Portals/0/Resources/persone/siamoterna/infografica/armageddon.jpg') no-repeat center center;
        /*background: url(presenza-territorio.jpg) no-repeat center center;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .box-siamoterna.organizzazione {
        /*background: url('/Portals/0/Resources/persone/siamoterna/infografica/organizzazione.jpg') no-repeat center center;*/
        background: url('/Portals/0/Resources/persone/siamoterna/infografica/tubi.png') no-repeat center center;
        /*background: url(organizzazione.jpg) no-repeat center center;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .box-siamoterna.rete {
        background: url('/Portals/0/Resources/persone/siamoterna/infografica/rete.jpg') no-repeat center center;
        /*background: url(rete.jpg) no-repeat center center;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .box-siamoterna .alpha {
        background: rgba(255, 255, 255,0.6);
        width:45%;
    }

    .box-siamoterna.persone .title {
        color: #295eb9;
    }

    .box-siamoterna.persone .line {
        color: #295eb9;
    }

    .box-siamoterna.persone .number {
        color: #295eb9;
    }

    .box-siamoterna.presenza-territorio {
        border: 2px solid #df8312;
    }

        .box-siamoterna.presenza-territorio .title {
            color: #df8312;
        }

        .box-siamoterna.presenza-territorio .line {
            color: #df8312;
        }

        .box-siamoterna.presenza-territorio .number {
            color: #df8312;
        }

    .box-siamoterna.organizzazione {
        border: 2px solid #94323c;
    }

        .box-siamoterna.organizzazione .title {
            color: #94323c;
        }

        .box-siamoterna.organizzazione .line {
            color: #94323c;
        }

        .box-siamoterna.organizzazione .number {
            color: #94323c;
        }

    .box-siamoterna.rete {
        border: 2px solid #00786e;
    }

        .box-siamoterna.rete .title {
            color: #00786e;
        }

        .box-siamoterna.rete .line {
            color: #00786e;
        }

        .box-siamoterna.rete .number {
            color: #00786e;
        }

        @media (max-width:800px)
        {
            .box-siamoterna .alpha {
                width: 100%;
            }
        }