/********* TYPO **************/

div#autbContenitoreBarra, div#autbContenitoreBarra a, div#autbContenitoreBarra ul, div#autbContenitoreBarra li, div#autbContenitoreBarra p, div#autbContenitoreBarra input {
    font-family: Arial, sans-serif;
    color: #8e9ca9;
    font-size: 13px;
    line-height: 50px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}


div#autbContenitoreBarra * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div#autbContenitoreBarra p {
    margin-bottom: 9px
}
div#autbContenitoreBarra a {
    color: #8e9ca9;
    text-decoration: none;
    font-weight: bold
}

#autbLinksList a:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 18px;
    margin-right: 4px;
    vertical-align: -4px;
    background-image: url('../images/iconeBarra.gif');
    background-position-y: bottom;
}
#autbLinksList a:hover:before {
    background-position-y: top;
}



#autbLinksList a[href="http://www.unicef.it"]:before {
    background-position-x: -19px;
}
#autbLinksList a[href="http://my.unicef.it/home.aspx"]:before {
    background-position-x: -38px;
}
#autbLinksList a[href="https://www.unicef.it/web/donazioni/vaccini/unicef/?barrA"]:before {
    background-position-x: -57px;
}
#autbLinksList a[href="http://regali.unicef.it"]:before {
    background-position-x: -76px;
}
#autbLinksList a[href="http://itunes.apple.com/it/app/unicef-italia-uniti-per-i/id453435101?mt=8#"]:before {
    background-position-x: -97px;
}






div#autbContenitoreBarra a:hover, div#autbContenitoreBarra a.autbSitoAttivo {
    color: #F83E8B !important
}

div#autbContenitoreBarra div#autbLoginPanel div#autbForm a {
    color: #fff;
}

div#autbContenitoreBarra div#autbLoginPanel div#autbForm input[type=text], div#autbContenitoreBarra div#autbLoginPanel div#autbForm input[type=password] {
    color: #333333
}
div#autbContenitoreBarra div#autbLoginPanel div#autbForm input[type=submit] {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold
}
div#autbContenitoreBarra div#autbInfoPopup, div#autbContenitoreBarra div#autbInfoPopup p {
    line-height: 22px;
}
div#autbContenitoreBarra div#autbInfoPopup a#autbChiudiButton {
    font-size: 11px;
    line-height: 16px;
}
/* pulsante accedi */

div#autbContenitoreBarra a#autbLoginButton, div#autbContenitoreBarra a#autbInfoButton {
    padding: 15px 15px 15px 25px;
}
div#autbContenitoreBarra div#autbLogoutBox span {
    color: #F83E8B
}
div#autbContenitoreBarra a#autbLogoutFlyoutButton {
    color: #787878
}
/************ COLORS *************/

/* barra */
div#autbContenitoreBarra {
    background: #0099ff;
}
div#autbContenitoreBarra div#autbBar {
    background: #FFF;
}
/* accedi */
div#autbContenitoreBarra a#autbLoginButton:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align: -4px;
    background-image: url('../images/iconeBarra.gif');
    background-position: top left;
}
div#autbContenitoreBarra a#autbLoginButton:hover:before{
}

div#autbContenitoreBarra a#autbLoginButton {
    color: #F83E8B;
}
div#autbContenitoreBarra a#autbLoginButton:hover {
    
}

div#autbContenitoreBarra a#autbLoginButton.autbChiudiLoginButton {

}
/* info */
div#autbContenitoreBarra a#autbInfoButton {
}
div#autbContenitoreBarra a#autbInfoButton:hover {
}

/* pannello login */
div#autbContenitoreBarra div#autbLoginPanel {
    background: #0099ff;
}
div#autbContenitoreBarra div#autbLoginPanel div#autbForm input[type=text], div#autbContenitoreBarra div#autbLoginPanel div#autbForm input[type=password] {
    border: solid 1px #306797;
}
div#autbContenitoreBarra div#autbLoginPanel div#autbForm input[type=submit] {
    display: inline-block;
    background: #ff0099;
    border: 0;
    color: #fff;
    padding: 0 7px;
    text-indent: 0;
    line-height: 28px;
    margin: 0  0 0 10px;
}
/* tendina logout */
div#autbContenitoreBarra a#autbLogoutFlyoutButton {
}
div#autbContenitoreBarra a#autbLogoutFlyoutButton.autbFlyoutActive,
div#autbContenitoreBarra div#autbLogoutFlyout {
    background: #636363;
    color: #fff;
}
div#autbContenitoreBarra div#autbLogoutFlyout a {
    color: #fff;
}
/* feedback */
div#autbContenitoreBarra div#autbUnicefOverlay, div#autbContenitoreBarra div#autbLoaderLogout {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
}
div#autbContenitoreBarra div#autbUnicefOverlay div#loaderImage {
    background: url(https://barraautenticazionetest.unicef.it/images/loader.gif) no-repeat center;
}
/* errori */
div#autbContenitoreBarra div.autbErrori {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #ff3366;
}
/* info popup */
div#autbContenitoreBarra div#autbInfoPopup {
    background: #636363;
    color: #ffffff;
    font-weight: normal;
    border: solid 2px #ffffff;
    -webkit-box-shadow: #000 0px 0px 8px;
    -moz-box-shadow: #000 0px 0px 8px;
    box-shadow: #000 0px 0px 8px;
    /*behavior: url(https://barraautenticazione.unicef.it/PIE.htc);*/}
div#autbContenitoreBarra div#autbInfoPopup p {
    color: #ffffff;
}
div#autbContenitoreBarra div#autbInfoPopup a#autbChiudiButton {
    background: #636363;
    color: #fff;
}
@media (max-width: 920px) {
    #autbBar {
        border-bottom-color: #F3F3F3;
    }
    
    
    div#autbContenitoreBarra ul#autbLinksListMOB {
        background: #FFFFFF;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.6);
    }
    div#autbContenitoreBarra .autbIcon-bar {
        background-color: #f5f5f5;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }
    div#autbContenitoreBarra ul#autbLinksListMOB a {
        color: #8e9ca9;
    }
    div#autbContenitoreBarra ul#autbLinksListMOB a:hovr {
        color: #666;
    }
    div#autbContenitoreBarra #autbButtonLink {
        background: #636363
    }
    div#autbContenitoreBarra #autbButtonLink:hover {
        background: #cecece
    }
    div#autbContenitoreBarra ul#autbLinksListMOB li {
        /*background: #252525;*/
    }
    div#autbContenitoreBarra ul#autbLinksListMOB li:hover {
        background: #cecece;
    }
}