@font-face {
    font-family: 'LatoRegular';
    src: url('../css/font/Lato-Regular.ttf');
}
@font-face {
    font-family: 'LatoBold';
    src: url('../css/font/Lato-Bold.ttf');
}
@font-face {
    font-family: 'LatoBoldItalic';
    src: url('../css/font/Lato-BoldItalic.ttf');
}
@font-face {
    font-family: 'LatoItalic';
    src: url('../css/font/Lato-Italic.ttf');
}
@font-face {
    font-family: 'MontserratMedium';
    src: url('../css/font/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'MontserratRegular';
    src: url('../css/font/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'MontserratSemiBold';
    src: url('../css/font/Montserrat-SemiBold.ttf');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../css/font/Montserrat-Bold.ttf');
}

.elementHover:hover {
    background-color: #dfe0e3;
}
.evidenziato {
    background-color: #ff8;
    border: 1px solid black;
}
#tools {
    height: 100%;
    position: absolute;
    right: 0px;
    left: 0px;
    border-top: 0;
    border-bottom: 0;
    top: 0px;
    z-index: 100;
}
#homeImg {
    height: 75px;
    background-image: url("../img/sfondi/logoViaggiatrenoTrasparente.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 260px;
    cursor: pointer;
}
@media ( max-width :290px) {
    #homeImg {
        height: 66px;
    }
}
@media ( min-width :291px) and ( max-width :330px) {
    #homeImg {
        height: 70px;
    }
}
#header {
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    height : 75px;
    position : absolute;
    top : 0px;
    right: 0px;
    left : 0px;
    background-color: #C41228
}

#imgFlagContent select {
    position: absolute;
    height: 100%;
    z-index: 20;
    width: 38px;
    opacity: 0.0001;
    max-height: 100%;
    min-height: 100%;
    cursor: pointer;
    right: 0;
    float: right;
    top: 0;
}
#imgFlag {
    position: absolute;
    bottom: 33%;
    height: 33%;
    right: 10px;
}
#menu {
    left: 10px;
    position: absolute;
    bottom: 33%;
    height: 33%;
}
#contatti {
    right: 15px;
}

/*-----INIZIO: GESTIONE POPUP BANDIERE-----*/
#popupFlagsContent .ui-popup {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    background-color: #c41228;
}
#flagContent {
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}
#flagContent .ui-block-a {
    width: 100%;
}
#tool .ui-dialog-contain {
    width: 60%;
    z-index: 1100;
    margin-top: 0;
}
#tool .ui-dialog-contain img {
    width: 28%;
    margin-right: 2%;
    margin-left: 2%;
}

/*-----FINE: GESTIONE POPUP BANDIERE-----*/