.voceMenuSpecialOffer {
    display: none;
}

.container { /**** GESTISCE LA LARGHEZZA DEL BOOKING ENGINE NELLA PREN1.ASPX ****/
    position: relative;
    width: 1255px;
    height: auto;
    margin: 0 auto;
    overflow-x: hidden;
}

.ContenutoPrenOffer { /**** GESTISCE LA LARGHEZZA DEL FORM DI PRENOTAZIONE NELLA SPECIALOFFER.ASPX ****/
    position: relative;
    float: right;
    width: 738px;
    height: auto;
    /*background-color: rgba(255, 255, 255, 1);
    Background: rgba(255, 255, 255, 1);*/
    background-color: #FFF;
    Background: #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.header {
    width: 100%
}

.headerMenu {
    width: 1245px;
}

.lineImage {
    position: relative;
    float: left;
    margin-left: 7px;
    margin-bottom: 5px;
}

    .lineImage img {
        width: 724px;
        height: 1px;
    }
/******** BARRA STEP *******/
.UCSceltaOfferte {
    position: relative;
    padding-bottom: 10px;
    display: block;
    float: left;
    width: 100%;
}

.RiepilogoBTModifica {
    float: left;
}

.RiepilogoCalendarOpened {
    position: relative;
    float: left;
    width: auto;
    /* margin-top: -3px; */
    padding: 2px 0 20px 0;
}

.RiepilogoPeriodoSelezionato {
    position: relative;
    float: left;
    width: 724px;
    display: block;
    clear: both;
    height: auto;
    margin: 5px 0 0 7px;
    padding: 0;
    background: #f5f5f5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#tDtfrom {
    width: 75px;
    border: 0px !important;
    background: #f5f5f5;
    font-family: 'Quattrocento Sans',sans-serif !important;
    /*color: #646464;*/
    font-size: 1em;
}

#tDtto {
    width: 75px;
    border: 0px !important;
    background: #f5f5f5;
    font-family: 'Quattrocento Sans',sans-serif !important;
    /*color: #646464;*/
    font-size: 1em;
}

#RiepilogoCalendarOpened {
    float: left;
}

.dateSelezionate p {
    position: relative;
    float: left;
    width: auto;
    clear: both;
    font-size: 1.5em;
    margin: 0 0 10px 7px;
}

.RiepilogoPeriodoSelezionato p {
    position: relative;
    float: left;
    width: auto;
    font-size: 1.4em;
    padding: 10px 10px 20px 10px;
    /* margin: 10px 0 10px 7px; */
}

.bloccoOfferta .buttonModSelPer /*, .buttonModSelPer*/ {
    border: 0;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: auto;
    margin: 0;
    padding: 5px 10px;
    color: #fff;
    background-color: #B33535;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    margin-top: 3px;
    font-size: 1.2em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font: 1.2em 'Open Sans', sans-serif !important;
}

.SelezionaOffertaPrenota .buttonModSelPer {
    height: 35px;
}

.RiepilogoCalendarOpen {
    position: relative;
    float: left;
    width: auto;
    margin-top: -3px;
}

.iconeee-arrow-upSC {
    color: #B33535;
    margin-top: 0;
    float: left;
    /* margin-left: 5px; */
}
/****** blocco offerte ******/
.selezionaOfferte {
    height: 10px;
    position: relative;
    float: left;
    display: block;
    clear: both;
    padding: 0;
    /* margin: 0 0 10px 7px; */
}

span.selezionaOfferte {
    font-size: 1.5em;
    color: #B33535;
    text-transform: uppercase;
}

.bloccoOfferta {
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    padding: 10px 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

.SelezionaOffertaFoto {
    width: auto;
    height: auto;
    position: relative;
    float: left;
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    margin-left: 7px;
}

.contenitoreImmagini {
    position: relative;
    float: left;
    overflow: hidden;
}

    .contenitoreImmagini img {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        width: 190px;
        height: 127px;
    }

.ribbon-green {
    display: block;
    font: normal 12px Sans-Serif;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 2px 0;
    left: -33px;
    top: -115px;
    width: 100px;
    background-color: #c00;
    color: #fff;
    text-decoration: none;
    background-image: -o-linear-gradient(top,#9a1417,#670e10);
}

.SelezionaOffertaContenuto {
    width: 420px;
    height: auto;
    position: relative;
    float: left;
    display: inline;
    margin: 0 10px 0 0;
    padding: 0;
    /*color: #646464;*/
}

    .SelezionaOffertaContenuto p {
        /* margin-bottom: 8px; */
        /* position: absolute; */
    }

.testoTitoloOfferta {
    font-size: 1.6em;
    line-height: 100%;
    font-weight: bold;
    color: #646464;
    text-transform: uppercase;
}

.offertaValidita {
    /* font-weight: bold; */
    font-size: 1.3em;
    margin: 5px 0;
    text-transform: uppercase;
    display: none;
}

.bloccoOfferta:hover .testoTitoloOfferta {
    color: #B33535;
}

.testoSoggiorniaPartireDa {
    font-size: 1.3em;
}

.TESTO_PRICE {
    font-size: 2.2em;
    color: #B33535;
    margin-left: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

.SelezionaOffertaTarget {
    display: none;
}

    .SelezionaOffertaTarget a:visited {
        font-size: 1.3em;
        color: #B33535;
        font-style: italic;
        text-decoration: none;
    }

    .SelezionaOffertaTarget a:link {
        font-size: 1.3em;
        color: #B33535;
        font-style: italic;
        font-weight: 600;
        text-decoration: none;
        text-transform: capitalize;
    }

.SelezionaOffertaMiglioreTariffa {
    color: #fff;
    margin-bottom: 12px;
    float: left;
    width: 100%;
    margin-top: 6px;
}

    .SelezionaOffertaMiglioreTariffa a:visited {
        background-color: #e3b662;
        text-decoration: none;
        color: #fff;
    }

    .SelezionaOffertaMiglioreTariffa a:link {
        border: 0;
        cursor: pointer;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        width: auto;
        padding: 5px 12px;
        color: #fff;
        background-color: #e3b662;
        font-size: 1.2em;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        text-decoration: none;
    }

.testoInformazioni {
    font-size: 1.3em;
    /*color: #646464;*/
    margin-top: 2px;
    float: left;
}

.SelezionaOffertaPrenota {
    width: auto;
    height: auto;
    position: relative;
    float: right;
    display: inline;
    margin: 0;
    padding: 0;
    margin-right: 7px;
    text-align: right;
}

.SelezionaContenutoOfferta, .SelezionaContenutoOfferta1, .SelezionaContenutoOfferta2 {
    width: auto;
    height: auto;
    position: relative;
    float: left;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
}

.SelezioneCamereDescrizione {
    width: 580px;
    height: auto;
    position: relative;
    float: left;
    display: block;
    clear: both;
    margin: 5px 0 10px 7px;
    padding: 0;
    text-align: justify;
}

    .SelezioneCamereDescrizione span {
        /* font-size: 1.2em; */
        line-height: 150%;
        float: left;
        clear: both;
        /* margin-bottom: 10px; */
        /* width: 100%; */
        /* margin-top: 8px; */
        /* margin: 20px; */
    }

.SelezioneCamereServiziContenuto {
    float: left;
    display: none;
}

    .SelezioneCamereServiziContenuto ul {
        width: auto;
        clear: both;
        font-size: 1.3em;
        margin: -5px 0 10px 0px;
        line-height: 120%;
    }

        .SelezioneCamereServiziContenuto ul li {
            /*width: 100%; */ /*Elementi incolonnati*/
            float: left;
            background-color: #c2e2cc;
            width: auto;
            padding: 4px 10px;
            margin-right: 5px;
            margin-bottom: 5px;
            color: #B33535;
            list-style-type: none;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
        }

/*.SelezioneCamereServiziContenuto ul li:first-child {
                margin-left: 0px;
            }*/

.SelezionaCamereInformazioni .icon-uni-info {
    float: left;
    font-size: 1.3em;
    margin-top: 3px;
}

.SelezioneCamereDescrizione p {
    /* font-size: 1.2em; */
    line-height: 120%;
    float: left;
    font-weight: 600;
    margin-bottom: 5px;
    /*display: none;*/
}

/************************* EFFETTI SU BLOCCO OFFERTA *****************************/
.bloccoOfferta:hover .SelezionaOffertaTitolo {
    color: #B33535;
}

.bloccoOfferta:hover .TESTO_PRICE {
    color: #B33535;
}

.bloccoOfferta:hover .buttonModSelPer {
    background-color: #B33535;
    height: 117px;
}

.bloccoOfferta:hover .SelezionaOffertaMiglioreTariffa a {
    background-color: #B33535;
}

.bloccoOfferta:hover .SelezionaOffertaTarget a {
    color: #B33535;
}
/*********************** FINE EFFETTI SU BLOCCO OFFERTA **************************/
/*************** InfoDatePrenotazioni************************/
.imgCalendInfoDate {
    position: relative;
    float: left;
    width: auto;
    font-size: 1.8em;
    /*color: #646464;*/
    font-family: 'calendar';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 5px 10px 0 10px;
    cursor: pointer;
}

    .imgCalendInfoDate:before { /* disegna icona calendario */
        content: "\e600";
    }

.contenitorePatata, .ContenitoreDXPatata {
    float: right;
    position: relative;
    width: 225px;
    height: auto;
    display: block;
    clear: right;
    left: 20px;
    margin-right: 17px;
}

.contenitorePulsanti {
    overflow: hidden;
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    clear: right;
    text-align: right; /*necessaria per firefox*/
    right: 10px; /*necessaria per firefox*/
}

.contenitoreDiscountCode {
    overflow: hidden;
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    clear: right;
}

.CheckInContainer, .CheckOutContainer, .NumNottiContainer, .NumPersone, .NumCamere, .NumPersoneContainer, .NumCamereContainer, .NumBambiniContainer, .NumNeonatiContainer, .PromoContainer, .IataContainer {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}

.TestoCheckIn, .TestoCheckOut {
    margin: 0px 5px 0px 0px;
    padding: 0;
    position: relative;
    float: left;
    text-align: right;
    width: 70px;
    line-height: 28px;
}



.TestoNumNotti, .TestoNumCamere, .TestoNumBambini, .TestoNumPersone, .TestoNumNeoNati {
    position: relative;
    float: left;
    width: 168px;
    /* line-height: 130%; */
    margin-right: 5px;
    text-align: right;
}

.NumNotti input {
    text-align: center;
    width: 36px;
    padding: 2px;
    padding-top: 3px;
    cursor: default;
    margin-left: 0;
    margin-top: 0;
    background-color: #B33535;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.selectNumCamere, .selectNumBambini, .selectNumPersone, .selectNumNeonati {
    float: left;
    text-align: left;
    font-size: 12px;
}

.TestoCodicePromo, .TestoCodiceIata {
    margin: 0;
    margin-right: 5px;
    padding: 0;
    position: relative;
    float: left;
    line-height: 28px;
    text-align: right;
}

.textboxCodicePromo, .textBoxCodiceIata {
    float: left;
}

    .textboxCodicePromo input, .textBoxCodiceIata input {
        cursor: pointer;
        outline: 0;
        text-align: left;
        float: left;
        padding: 2px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border: 1px solid #aaaaaa;
        height: 18px;
        /* margin-top: 2px; */
        /*color: #646464;*/
        /*border-radius: 5px;*/
    }

.TestoCodicePromo {
    width: 104px;
}

.TestoCodiceIata {
    width: 104px;
}

.marginBott {
    margin-bottom: 5px;
}

.fixedSize {
    width: 226px;
}
/*************** fine InfoDatePrenotazioni ************************/


/***************** INIZIO PULSANTI ****************/
.buttonVerifyDisp {
    border: 0;
    cursor: pointer;
    width: auto;
    margin: 0;
    padding: 8px 25px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #FFF;
    /*box-shadow: 0 0 2px 0px #999999;*/
    background-color: #B33535;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    font-weight: 600 !important;
    -webkit-appearance: none; /* Safari and Chrome */
}

    .buttonVerifyDisp:hover {
        background-color: #B33535;
    }

    .buttonVerifyDisp:active {
        position: relative;
        top: 1px;
    }

.ContenitoreBkgFr {
    background-color: #f5f5f5;
    width: 714px;
    margin: -3px 0 15px 7px;
    height: auto;
    float: left;
    /*color: #646464;*/
    /* font-size: 1.3em; */
    padding: 10px 0 10px 10px;
    border-radius: 0 0 2px 2px;
}


.contenitorepulsanemostraofferte {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}

    .contenitorepulsanemostraofferte input {
        border: 0;
        cursor: pointer;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        width: auto;
        margin: 0;
        padding: 5px 10px;
        color: #fff;
        background-color: #B33535;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        margin-top: 3px;
        font-size: 1.2em;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        text-transform: uppercase;
    }

        .contenitorepulsanemostraofferte input:hover {
            background-color: #B33535;
        }
/****************** FINE PULSANTI  ****************/
.firma {
    margin-right: 20px;
}



/***************** PERSONALIZZAZIONE CALENDARIO ****************/

.contenitoreCalendario .ui-datepicker td a {
    width: 43px !important;
    height: 24px !important;
}



.contenitoreCalendario .arrowCheckIn {
    width: 18px;
    height: 0px;
    /* border-top: 15px solid transparent !important; */
    /* border-bottom: 15px solid transparent !important; */
}

    .contenitoreCalendario .arrowCheckIn .ui-state-default {
        margin-top: -13px;
        margin-left: -28px;
    }

.contenitoreCalendario .arrowCheckOut {
    width: 16px;
    height: 0px;
    /* border-top: 15px solid transparent !important; */
    /* border-bottom: 15px solid transparent !important; */
}

    .contenitoreCalendario .arrowCheckOut .ui-state-default {
        margin-top: -13px;
        margin-left: -30px;
    }




.contenitorePatata {
    margin-top: 1px;
}

.hasDatepicker {
    width: 365px;
}

.ui-datepicker {
    width: 359px;
}

    .ui-datepicker td a {
        width: 41px;
        height: 23px;
    }

    .ui-datepicker td {
        height: 30px;
    }

.ui-widget-header, ui-datepicker-header {
    height: 20px;
}

.ui-datepicker, ui-datepicker-prev {
    top: 0px;
}

.ui-datepicker, ui-datepicker-next {
    top: 0px;
}

.ui-datepicker, ui-datepicker-title {
    font-size: 10pt;
}

    .ui-datepicker table {
        margin: 0px;
    }

.dp-highlight, .ui-state-default {
    background-position: 6px 23px;
}

.dp-highlight3, .ui-state-default {
    background-position: 6px 23px;
}



/************************************************/
/**************** FABRIZIO STYLE ****************/
/************************************************/
.SelezionaOffertaMiglioreTariffa {
    display: none;
}

.OffertePartireDa {
    display: none;
}

.contenitoreImmagini img {
    width: 120px;
    height: 120px;
}

.SelezioneCamereDescrizione {
    width: 420px;
    margin: 5px 0 10px 137px;
}

.contenitorePulsaneMostraOfferte {
    display: none;
}

.offertaValiditaDescr {
    display: block;
    clear: both;
    font-size: 1.1em;
}

.offertaValidita {
    display: block;
    font-weight: 600;
    height: 18px;
    overflow: hidden;
}

/************************************************/
/************ FINE FABRIZIO STYLE ***************/
/************************************************/



/*************************************************/
/********** PERSONALIZZAZIONI PER LINGUA *********/
/*************************************************/

/*Tedesco*/
/*.HER_DE .RiepilogoPeriodoSelezionato p {
    font-size: 1.3em;
}*/



/**************** 2017 FLAT ? *******************/

.ContenitoreBkgFr #datepickeCheckIn.hasDatepicker, .ContenitoreBkgFr #datepickeCheckOut.hasDatepicker {
    background: #FFF !important;
    color: #646464 !important;
    width: 132px !important;
}

.ContenitoreBkgFr .customSelect {
    background-color: #FFF;
    color: #646464;
}

.ContenitoreBkgFr .NumNotti input {
    height: 18px;
    font: 1.2em 'Open Sans', sans-serif !important;
    width: 37px;
}

.ContenitoreBkgFr .textboxCodicePromo input, .ContenitoreBkgFr .textBoxCodiceIata input {
    border: 0;
}

.ContenitoreBkgFr .TestoCheckIn, .ContenitoreBkgFr .TestoCheckOut {
    /* margin-top: 5px; */
    font-size: 1.2em;
}

.ContenitoreBkgFr .TestoNumCamere, .ContenitoreBkgFr .TestoNumBambini, .ContenitoreBkgFr .TestoNumPersone, .ContenitoreBkgFr .TestoNumNeoNati {
    margin-top: 0;
    font-size: 1.2em;
}

.ContenitoreBkgFr .TestoCodicePromo, .ContenitoreBkgFr .TestoCodiceIata {
    /* margin-top: 5px; */
    font-size: 1.2em;
}

.ContenitoreBkgFr .TestoNumNotti span {
    /* margin-top: 1px !important; */
    display: block;
    font-size: 1.2em;
}

.ContenitoreBkgFr .buttonVerifyDisp { /* font-size: 1em; */
}

.ContenitoreBkgFr .marginBott {
    margin-bottom: 7px;
}

.ContenitoreBkgFr .contenitoreCalendario .ui-datepicker td a {
    /* font-size: .9em !important; */
}

.contenitoreCalendario .arrowCheckIn .ui-state-default {
    margin-top: -16px;
    margin-left: -35px;
}

.contenitoreCalendario .arrowCheckOut .ui-state-default {
    margin-top: -16px;
    margin-left: -46px;
}

.contenitoreCalendario .arrowCheckOut {
    width: 15px;
}

.contenitoreCalendario .arrowCheckIn {
    width: 25px;
}

.contenitoreDATE {
    background: #FFF;
}

.icon-newico-notification {
    font-size: 1.4em;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/**************** 2017 FLAT ? *******************/

.ContenitoreBkgFr #datepickeCheckIn.hasDatepicker, .ContenitoreBkgFr #datepickeCheckOut.hasDatepicker {
    background: #FFF !important;
    color: #646464 !important;
    width: 132px;
}

.ContenitoreBkgFr .customSelect {
    background-color: #FFF;
    color: #646464;
}

.ContenitoreBkgFr .NumNotti input {
    height: 20px;
    font: 1.2em 'Open Sans', sans-serif !important;
    width: 37px;
}

.ContenitoreBkgFr .textboxCodicePromo input, .ContenitoreBkgFr .textBoxCodiceIata input {
    border: 0;
}

.ContenitoreBkgFr .TestoCheckIn, .ContenitoreBkgFr .TestoCheckOut {
    /* margin-top: 5px; */
    font-size: 1.2em;
    line-height: 30px;
}

.ContenitoreBkgFr .TestoNumCamere, .ContenitoreBkgFr .TestoNumBambini, .ContenitoreBkgFr .TestoNumPersone, .ContenitoreBkgFr .TestoNumNeoNati {
    /* margin-top: 3px; */
    font-size: 1.2em;
    line-height: 24px;
}

.ContenitoreBkgFr .TestoCodicePromo, .ContenitoreBkgFr .TestoCodiceIata {
    /* margin-top: 5px; */
    font-size: 1.2em;
    line-height: 24px;
}

.ContenitoreBkgFr .TestoNumNotti span {
    /* margin-top: 1px !important; */
    display: block;
    font-size: 1.2em;
    line-height: 24px;
}

.ContenitoreBkgFr .buttonVerifyDisp { /* font-size: 1em; */
}

.ContenitoreBkgFr .marginBott {
    /* margin-bottom: 10px; */
}

.ContenitoreBkgFr .contenitoreCalendario .ui-datepicker td a {
    font-size: 1.2em !important;
    height: auto !important;
    width: auto !important;
}

.contenitoreCalendario .arrowCheckIn .ui-state-default {
    margin-top: -16px;
    margin-left: -35px;
}

.contenitoreCalendario .arrowCheckOut .ui-state-default {
    margin-top: -16px;
    margin-left: -46px;
}

.contenitoreCalendario .arrowCheckOut {
    width: 15px;
}

.contenitoreCalendario .arrowCheckIn {
    width: 25px;
}






body {
    /* background: #e7e7e7 !important; */
}
/*.asideVantaggi {display:none;}*/
.header {
    font-weight: 600;
}

.headerMenu {
    padding: 5px 0;
}

ul.menu, .dropdownExchange a, .dropdown a {
    font-size: 1.2em;
}

.dropdown dd ul li a span, .dropdown dt a span {
    margin: 7px 6px 0 0;
}

.icon-ico-home {
    font-size: 1em !important;
}

/*.headerMenu, .container {
    width: 1245px;
}*/

.TestOfficialBooking {
    margin-left: 10px;
    font-size: 1.2em;
}

.cinqueMotivi {
    margin-top: 5px;
}

.motiviFont5 {
    margin: -10px 5px 0 0;
}

.UCAside {
    margin-bottom: 10px;
    padding: 10px;
    /* display: none; */
    width: 225px;
}

.ContenutoPrenOffer {
    width: 990px;
    background: transparent !important;
    margin-right: 10px;
}

.SelezionaOffertaFotoMobile {
    display: none;
}


.lineImage img {
    display: none;
}

.UCStep {
    background: #FFF;
    padding: 10px 20px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    font-weight: 600;
}

    .UCStep table {
        margin: 0;
        font-size: inherit;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 10px;
        width: 760px;
    }

.step1ON, .step2ON, .step3ON, .step1OFF, .step2OFF, .step3OFF {
    padding: 1px 2px;
}

.FontSteps1ON, .FontSteps1OFF, .FontSteps2ON, .FontSteps2OFF {
    padding: 0 50px 0 10px;
}

.RiepilogoPeriodoSelezionato {
    background: #FFF !important;
    width: 100%;
    margin: 0;
    /* padding: 10px 0 20px 20px; */
    border-radius: 0;
    /* border-bottom-left-radius: 2px; */
    /* border-bottom-right-radius: 2px; */
}

    .RiepilogoPeriodoSelezionato p {
        margin: 0;
        font-size: 1.3em;
        font-weight: 600;
        padding: 0px 5px 0px 20px;
        text-transform: uppercase;
    }

.imgCalendInfoDate {
    font-size: 1.5em;
    /* padding: 20px 0; */
    margin: 0;
    float: right;
    margin-top: -2px;
    margin-left: 3px;
}

.bloccoOfferta .buttonModSelPer {
    padding: 5px 20px;
    text-transform: uppercase;
    font-weight: 600 !important;
    margin: 0;
    /* margin-top: -6px; */
}

.ContenitoreBkgFr {
    margin: 0;
    background: #FFF !important;
    width: 950px;
    padding-top: 0;
    padding: 0 20px 20px 20px;
}

.iconeee-arrow-upSC {
}

.contenitorePatata {
    /* margin-top: 30px; */
}

.ContenitoreBkgFr #datepickeCheckIn.hasDatepicker, .ContenitoreBkgFr #datepickeCheckOut.hasDatepicker, .textboxCodicePromo input, .textBoxCodiceIata input {
    background: #F5F5F5 !important;
    height: 20px;
    font-size: 1.3em;
    margin-bottom: 0;
}

.ContenitoreBkgFr .customSelect {
    background: #F5F5F5 !important;
    height: 20px;
    font-weight: 600 !important;
    margin-bottom: 0;
}

.ContenitoreBkgFr .TestoCheckIn, .ContenitoreBkgFr .TestoCheckOut, .ContenitoreBkgFr .TestoNumNotti span, .ContenitoreBkgFr .TestoNumCamere, .ContenitoreBkgFr .TestoNumBambini, .ContenitoreBkgFr .TestoNumPersone, .ContenitoreBkgFr .TestoNumNeoNati, .ContenitoreBkgFr .TestoCodicePromo, .ContenitoreBkgFr .TestoCodiceIata, .buttonVerifyDisp {
    font-size: 1.3em;
}

#datepickeCheckIn.hasDatepicker, #datepickeCheckOut.hasDatepicker, .ContenitoreBkgFr .NumNotti input, .textboxCodicePromo input, .textBoxCodiceIata input {
    font: 1.2em 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
}

.CheckInContainer, .CheckOutContainer, .NumNottiContainer, .NumPersone, .NumCamere, .NumPersoneContainer, .NumCamereContainer, .NumBambiniContainer, .NumNeonatiContainer, .PromoContainer, .IataContainer {
    margin-bottom: 7px;
}

.contenitorePatata, .ContenitoreDXPatata {
    margin-right: 50px;
    font-weight: 600;
}

.TestoCheckIn, .TestoCheckOut {
    width: 75px;
}

.TestoNumNotti, .TestoNumCamere, .TestoNumBambini, .TestoNumPersone, .TestoNumNeoNati {
    width: 173px;
}

.TestoCodicePromo {
    width: 110px;
}

.TestoCodiceIata {
    width: 110px;
}

.contenitorePulsanti {
    right: 6px;
}

    .contenitorePulsanti .buttonVerifyDisp {
        margin: 0;
    }

.hasDatepicker {
    width: 600px;
}

.ui-datepicker {
    width: 600px;
}

.ui-widget-header.ui-datepicker-header {
    height: 30px;
}

.ui-datepicker .ui-datepicker-title {
    height: 30px;
    /* font-size: 1.5em; */
    font-weight: 600;
}

.ui-datepicker th {
    height: 25px;
}

.ui-datepicker td {
    height: 50px;
}

.contenitoreCalendario .ui-datepicker td a {
    width: inherit !important;
    height: -webkit-fill-available !important;
    height: 46px !important;
}

.contenitoreCalendario .arrowCheckIn {
    /* border-top: 25px solid transparent !important; */
    /* border-bottom: 25px solid transparent !important; */
}

.contenitoreCalendario .arrowCheckOut {
    /* border-top: 25px solid transparent !important; */
    /* border-bottom: 25px solid transparent !important; */
}

.contenitoreCalendario .arrowCheckIn .ui-state-default {
    margin-top: -25px;
    margin-left: -3px;
}

.contenitoreCalendario .arrowCheckOut .ui-state-default {
    margin-top: -25px;
    margin-left: -3px;
}


.ui-datepicker, ui-datepicker-title {
    font-size: 1em;
}

    .ui-datepicker table {
        font-size: inherit;
    }

.bloccoOfferta {
    background: #FFF;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    border-radius: 2px;
}

.SelezionaOffertaFoto {
    margin: 20px;
    width: 230px;
}

.contenitoreImmagini {
    height: 108px;
}

    .contenitoreImmagini img {
        width: 230px;
        height: 108px;
    }

.SelezionaOffertaContenuto {
    margin: 20px 0;
    width: 550px;
    min-height: 108px;
}

.SelezionaOffertaPrenota {
    margin: 20px;
}

.bloccoOfferta:hover .buttonModSelPer {
    height: 108px;
}

.SelezioneCamereDescrizione {
    margin: 0;
    background: #f5f5f5;
    margin-left: 20px;
    width: 760px;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 1em;
}

.UCSceltaOfferte {
    padding-bottom: 0;
}

.certificato {
    background: #FFF;
    margin-top: 0;
    border-radius: 2px;
    padding: 10px 0;
}

.SelezionaOffertaTarget {
    display: block;
}

.SelezionaOffertaContenutoBOTTOM {
    position: absolute;
    bottom: 0;
    z-index: 0;
    width: 100%;
    border-top: 1px solid #e8e8e8;
}

.SelezionaOffertaContenutoTOP {
    position: relative;
    top: 0;
    /* padding-bottom: 10px; */
    margin-bottom: 10px;
    /* border-bottom: 1px solid #e8e8e8; */
    /* min-height: 50px; */
}

.SelezionaOffertaTarget {
    margin: 10px 0;
}

.DescrOffertaTitolo {
    width: 100%;
}

.SelezioneCamereDescrizione .icon-ico-up {
    float: right;
    font-weight: 600;
    font-size: 1.5em;
    margin-top: -3px;
}

.DescrTitoloOfferta {
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.RiepilogoBTModifica {
    margin: 0;
    padding: 0px 5px 20px 5px;
}

.buttonModSelPer {
    margin: 0;
    margin-top: -4px;
}

.RiepilogoDate, .contenitoreDiscountCode h3 {
    display: none;
}


/*LINGUA*/
/*.HER_07 .ContenitoreDXPatata {width: 262px;}
.HER_07 .TestoNumNotti, .HER_07 .TestoNumCamere, .HER_07 .TestoNumBambini, .HER_07 .TestoNumPersone, .HER_07 .TestoNumNeoNati {width: 210px;}
.HER_07 .NumNotti input{width:37px !important;}
.HER_07 .contenitoreDiscountCode {float:right;}
.HER_07 .TestoCodicePromo, .HER_07 .TestoCodiceIata {width: 152px;}
.HER_07 .textboxCodicePromo, .HER_07 .textBoxCodiceIata {float:left; width:auto;}*/

.headerLogo {
    width: 1245px;
}

.container {
    padding-left: 10px;
}


.SelezioneCamereDescrizione a {
    position: absolute;
    right: 20px;
}

.DescrTitoloOfferta {
    font-size: 1.3em;
}
.asideVantaggi {
    min-height: 370px;
}

@media only screen and (max-width :1270px) {
    .headerMenu, .headerLogo, .ResponsiveheaderLogo, .header {
        width: 980px;
    }

    .headerMenu {
        margin-left: -2.5px;
    }

    .container {
        width: 985px;
    }

    .headerLogo {
        margin-right: 5px;
    }

    .cinqueMotivi {
        margin-top: 3px;
    }

    .ContenutoPrenOffer {
        width: 730px;
        margin-right: 5px;
    }

    .UCStep {
        padding: 10px;
    }

        .UCStep table {
            width: 705px;
        }

    .UCAside {
        margin-bottom: 5px;
    }

    .RiepilogoPeriodoSelezionato p {
        font-size: 1.2em;
        padding: 10px;
    }

    .RiepilogoBTModifica {
        padding: 10px 5px;
    }

    .iconeee-arrow-upSC:before {
        font-size: 15px !important;
    }

    .RiepilogoCalendarOpened {
        padding: 10px 0;
    }

    .imgCalendInfoDate {
        font-size: 1.6em; /* padding: 10px 0; */
    }

    .bloccoOfferta .buttonModSelPer {
        font: 1.1em 'Open Sans', sans-serif !important
    }

    #recoveryToolsBox {
        padding: 10px 0 0 10px !important;
    }

    #wrapper, #loaderdiv {
        width: 710px !important;
    }

    span.selezionaCamere {
        width: 710px;
        padding: 10px;
        font-size: 1.4em;
        margin-bottom: 5px
    }

    .ContenitoreBkgFr {
        width: 710px;
        padding: 10px;
    }
    /*.hasDatepicker, .ui-datepicker { width: 450px;}
    .contenitoreCalendario .ui-datepicker td a, .ui-datepicker td {height: 35px !important;}
    .contenitoreCalendario .arrowCheckIn, .contenitoreCalendario .arrowCheckOut {border-top: 19.5px solid transparent !important;border-bottom: 19.5px solid transparent !important;}
    .contenitoreCalendario .arrowCheckIn .ui-state-default, .contenitoreCalendario .arrowCheckOut .ui-state-default{margin-top: -20px;height:  auto;}*/
    .contenitorePatata, .ContenitoreDXPatata {
        margin-right: 30px;
    }

    .selezionaOfferte {
        height: 5px;
    }

    .SelezionaOffertaFoto { /* width: 230px; */
        margin: 10px;
    }

    .contenitoreImmagini { /* height: 108px; */
    }

        .view, .contenitoreImmagini img, .view .mask, .view .content { /* width: 230px; */ /* height: 108px; */
        }

    .SelezionaOffertaContenuto {
        width: 330px;
        margin: 10px 0;
        height: 98px;
    }

    .SelezionaOffertaPrenota { /* padding:10px; */ /* height: 125px; */
        width: 120px;
        margin: 10px;
    }

    .testoTitoloOfferta, .SelezionaCamereMinStay {
        font-size: 1.5em;
    }

    .testoSoggiorniaPartireDa {
        font-size: 1.2em;
    }

    .SelezionaCamereSerizi a:link {
        font-size: 1.1em;
    }

    .TESTO_PRICE {
        font-size: 1.6em;
    }

    .bloccoOfferta {
        margin-bottom: 5px
    }

        .bloccoOfferta:hover .SelezionaCamereSoggiorniAPartireDa .TESTO_PRICE {
            font-size: 1.6em;
            padding: 2px;
        }

    .SelezionaCamereMiglioreTariffa a:link {
        padding: 5px 10px;
        font-size: 1.1em;
    }

    .testoInformazioni {
        font-size: 1.1em;
    }

    .SelezionaCamereContenutoBOTTOM {
        border-top: none;
    }

    .SelezionaCamereLinkNoDisponibilità {
        background: transparent !important;
        height: auto;
    }

    .icon-newico-notification {
        font-size: 1.1em
    }

    .SelezionaCamereSoggiorniAPartireDa, .SelezionaCamereMinStay {
        margin-bottom: 10px; /*height: 37px;*/
    }

    .bloccoOfferta .buttonModSelPer {
        width: 95px;
        height: 45px;
        font: 1.1em 'Open Sans', sans-serif !important;
    }

    .SelezionaOffertaPrenota .customSelect {
        padding-top: 12px;
        padding-bottom: 12px;
        height: 21px;
    }

    .bloccoOfferta:hover .buttonModSelPer {
        height: 108px;
    }

    .SelezioneCamereDescrizione {
        margin: 0 0 10px 10px;
        width: 550px;
        padding: 10px;
    }

    .icon-ico-up {
        margin-right: 0;
        font-size: 1.4em !important;
        margin-top: -1px;
    }

    .SelezioneCamereDescrizione span:nth-child(2), ul.SelezioneCamereServiziElenco {
        font-size: 1.1em;
    }

    .SelezioneCamereDescrizione span, .SelezioneCamereTariffeGiornaliere span {
        font-size: 1em;
    }

    .containerFlex {
        font-size: 90%
    }

    .cellflex, .weekDayFlex {
        width: 69px;
    }

    .contenitorePulsantiCamere {
        padding-top: 5px;
    }

    .imgGlobalsign {
        margin-left: 10px;
    }

    .firma {
        margin-right: 10px;
    }

    /*CALENDARIO*/
    .contenitoreCalendario .ui-datepicker th, .contenitoreCalendario .ui-datepicker td {
        width: 64px;
    }

    .specialoffer .contenitoreCalendario td div {
        width: 62px !important;
    }

    .specialoffer .contenitoreCalendario .ui-datepicker td {
        height: 42px !important;
    }

    .specialoffer .contenitoreCalendario td div {
        height: 40px !important;
    }

    .specialoffer .contenitoreCalendario .arrowCheckIn:before, .specialoffer .contenitoreCalendario .arrowCheckOut:before {
        left: 31px;
        margin-left: -31px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }

    .specialoffer .contenitoreCalendario .ui-datepicker td a {
        font-size: .9em !important;
    }

    .contenitoreCalendario td div a {
        right: 5px;
    }

    .contenitoreCalendario .ui-datepicker .ui-datepicker-prev {
        left: 27px;
    }

    .contenitoreCalendario .ui-datepicker .ui-datepicker-next {
        right: 27px;
    }


    /*LINGUA*/
    /*.HER_07 .UCStep {font-size: 1.1em;}
    .HER_07 .ContenitoreDXPatata {width: 230px;}
    .HER_07 .TestoNumNotti, .HER_07 .TestoNumCamere, .HER_07 .TestoNumBambini, .HER_07 .TestoNumPersone, .HER_07 .TestoNumNeoNati {width: 179px;}
    .HER_07 .TestoCodicePromo, .HER_07 .TestoCodiceIata {width: 121px;}*/
    .container {
        padding-left: 0px;
    }
}

@media only screen and /*(min-width: 1008px) and*/ (max-height: 600px) {
    .headerLogo {
        display: none;
    }

    .ResponsiveheaderLogo {
        display: block;
    }

    .headerMenu, .ResponsiveheaderLogo {
        margin-bottom: 5px;
    }

        .ResponsiveheaderLogo h1 {
            font-size: 2.2em;
            float: left;
            line-height: 40px;
            margin: 0 5px 0 10px;
        }

    span.IconeStar {
        margin-top: 14px;
    }

    .sf--active {
        margin-top: 58px !important;
    }
}

@media only screen and (max-width :1007px) {
    .headerMenu, .headerLogo, .ResponsiveheaderLogo, .header {
        width: 755px;
    }

    .asideVantaggi {
        display: none;
    }

    .container, .header {
        width: 760px;
    }

    .ContenutoPrenOffer {
        width: 750px;
        margin-right: 5px;
    }

    .headerMenu, .ResponsiveheaderLogo {
        width: 750px;
        margin-left: 5px;
    }

    .ContenitoreBkgFr {
        width: 730px;
    }

    span.selezionaCamere {
        width: 730px;
        margin-bottom: 5px;
    }

    .bloccoOfferta {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width :775px) {
    .header {
        width: 100%;
    }

    .container {
        width: 710px;
    }

    .headerLogo, .ResponsiveheaderLogo, .headerMenu, .ContenutoPrenOffer {
        width: 700px;
    }

    .headerLogo {
        margin-left: 5px;
    }

    .headerMenu {
        margin-left: 0;
        margin: 0 auto;
    }

    .UCStep table {
        width: 680px;
        font-size: .9em;
    }

    .FontSteps1ON, .FontSteps1OFF, .FontSteps2ON, .FontSteps2OFF {
        padding: 0 30px 0 5px;
    }

    .RiepilogoPeriodoSelezionato { /* padding: 10px; */
    }
    /*.hasDatepicker, .ui-datepicker {width: 430px;}*/
    .contenitorePatata, .ContenitoreDXPatata {
        left: 0px;
        margin-right: 0px;
    }

    .SelezionaOffertaContenuto {
        width: 300px;
    }
    /* CALENDARIO */
    .contenitoreCalendario .ui-datepicker th, .contenitoreCalendario .ui-datepicker td {
        width: 60px;
    }

    .specialoffer .contenitoreCalendario td div {
        width: 58px !important;
    }

    .specialoffer .contenitoreCalendario .arrowCheckIn:before, .specialoffer .contenitoreCalendario .arrowCheckOut:before {
        left: 29px;
        margin-left: -29px;
    }

    .SelezioneCamereDescrizione {
        width: 520px;
    }

    .ContenitoreBkgFr {
        width: 680px;
    }
}

@media only screen and (max-width :725px) {
    .container {
        width: 570px;
    }

    .headerMenu, .ContenutoPrenOffer, .header, .ResponsiveheaderLogo {
        width: 560px;
    }

    .TestOfficialBooking {
        display: none;
    }

    ul.menu {
        float: left;
        margin-left: 10px;
    }

        ul.menu a {
            padding: 0 4px 0 0;
        }

    .headerMenu {
        margin-bottom: 5px;
    }

    .headerLogo {
        display: none;
    }

    .ResponsiveheaderLogo {
        display: block;
        margin-bottom: 5px;
    }

        .ResponsiveheaderLogo h1 {
            font-size: 1.8em;
            float: left;
            margin: 0px 5px 0px 10px;
            line-height: 40px;
        }

    span.IconeStar {
        font-size: 1.2em !important;
        margin-top: 15px;
    }

    .UCStep table {
        width: 540px;
    }

    .step1ON, .step1OFF {
        padding: 0 2.5px;
    }

    .step3ON, .step2ON, .step2OFF, .step3OFF {
        padding: 0 1px;
    }

    .FontSteps1ON, .FontSteps1OFF, .FontSteps2ON, .FontSteps2OFF {
        padding: 0 0px 0 3px;
    }

    .UCStep table {
        font-size: .85em;
    }

    .iconeee-arrow-upSC {
        margin-top: 2px;
    }

    .RiepilogoPeriodoSelezionato { /* padding: 0 10px; */
    }

    .ContenitoreBkgFr {
        width: 540px;
        margin-bottom: 5px;
    }

    .contenitoreCalendario {
        width: 100%;
    }

    .hasDatepicker, .ui-datepicker {
        margin: 0 auto;
        float: none;
    }

    .contenitorePatata, .ContenitoreDXPatata {
        margin-right: 0;
        width: 100%;
    }

    .ContenitoreBkgFr .TestoCheckIn, .ContenitoreBkgFr .TestoCheckOut, .ContenitoreBkgFr .TestoNumNotti, .ContenitoreBkgFr .TestoNumCamere, .ContenitoreBkgFr .TestoNumBambini, .ContenitoreBkgFr .TestoNumPersone, .ContenitoreBkgFr .TestoNumNeoNati, .ContenitoreBkgFr .TestoCodicePromo, .ContenitoreBkgFr .TestoCodiceIata {
        width: 50%;
    }

    .contenitorePatata {
        display: none;
    }

    .ContenitoreDXPatata {
        margin-top: 10px;
    }

    .contenitorePulsanti {
        right: 0;
        text-align: center;
        margin-top: 5px;
    }

    span.selezionaCamere {
        width: 540px;
    }

    .SelezionaOffertaFoto {
        width: 202px;
    }

    .contenitoreImmagini {
        height: 95px;
    }

        .view, .contenitoreImmagini img, .view .mask, .view .content {
            width: 202px;
            height: 95px;
        }

    .ribbon-green {
        left: -65px;
        top: -85px;
        font: .9em 'Open Sans', sans-serif !important;
        padding: 3px 0;
    }

    .SelezionaOffertaContenuto {
        width: 210px;
        height: auto;
    }

    .SelezionaCamereContenutoTOP {
        position: relative;
        background: transparent;
    }

    .testoTitoloOfferta, .SelezionaCamereMinStay {
        font-size: 1.4em;
    }

    .testoSoggiorniaPartireDa {
        font-size: 1.1em;
    }

    .SelezionaOffertaTarget {
        display: none;
    }

    .TESTO_PRICEMAX_ULINED {
        font-size: 1.2em;
    }

    .offertaValidita {
        font-size: 1.1em;
    }

    .TESTO_PRICE, .bloccoOfferta:hover .SelezionaCamereSoggiorniAPartireDa .TESTO_PRICE {
        font-size: 1.5em;
    }

    .SelezionaCamereContenutoBOTTOM {
        position: relative;
        padding-top: 0;
    }

    .SelezionaCamereSerizi {
        display: none;
    }

        .SelezionaCamereMiglioreTariffa a:link, .SelezionaCamereSerizi a:link, .testoInformazioni {
            font-size: 1em;
        }

    .SelezionaOffertaPrenota {
        width: 105px;
        height: auto;
    }

    .bloccoOfferta .buttonModSelPer {
        width: 90px;
    }
    /*.bloccoOfferta:hover .buttonModSelPer {height: 95px;}*/
    .bloccoOfferta:hover .SelezionaOffertaPrenota .buttonModSelPer {
        height: 95px;
    }

    .SelezionaOffertaPrenota .customSelect {
        padding: 5px;
        height: 20px;
        font-size: 1.1em;
    }

    /*CALENDARIO*/
    .contenitoreCalendario .hasDatepicker, .contenitoreCalendario .ui-datepicker {
        width: 420px !important;
    }

    /*LINGUA*/
    /*.HER_07 span.selezionaCamere{ font-size: 1.3em;}
    .HER_07 .ContenitoreDXPatata {width: 100%;}*/

}

@media only screen and (max-width :590px) {
    body {
        background: #f0f0f0 !important;
    }

    .container {
        width: 395px;
    }

    .headerMenu, .ContenutoPrenOffer, .header, .ResponsiveheaderLogo {
        width: 385px;
    }

    .headerMenu {
        padding: 2px 0;
    }

    ul.menu, .dropdownExchange a, .dropdown a {
        font-size: 1.1em;
    }

    .SelezionaLingua {
        width: 115px;
    }

    .ResponsiveheaderLogo {
        height: 30px
    }

        .ResponsiveheaderLogo h1 {
            font-size: 1.4em;
            line-height: 30px
        }

        .ResponsiveheaderLogo img {
            width: 60px;
            margin-top: 4px;
        }

    span.IconeStar {
        font-size: 1em !important;
        margin-top: 10px
    }

    .UCStep {
        display: none;
    }

    .RiepilogoPeriodoSelezionato {
        margin-bottom: 5px;
        width: 100%;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    #RiepilogoBTModifica {
        display: none !important;
    }

    .imgCalendInfoDate {
        font-size: 1.5em;
    }

    .selezionaOfferte {
        height: 0;
    }

    .RiepilogoPersone p {
        font-size: .9em;
        margin: 0;
    }

    .iconeee-arrow-upSC:before {
        font-size: 1.4em;
    }

    .ContenitoreBkgFr, .hasDatepicker, .ui-datepicker {
        width: 365px;
        margin-bottom: 5px;
    }

        .ui-datepicker .ui-datepicker-title {
            font-size: 1.2em;
            height: 20px;
            line-height: 20px;
        }

    .ui-widget-header.ui-datepicker-header {
        height: 20px;
    }

    .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-prev:before {
        font-size: .9em;
    }

    .ui-datepicker th {
        height: 20px;
    }

        .ui-datepicker th span {
            font-size: 1em
        }

    .contenitoreCalendario .ui-datepicker td a, .ui-datepicker td {
        height: 30px !important;
    }

    .contenitoreCalendario .arrowCheckIn, .contenitoreCalendario .arrowCheckOut { /* border-top: 17px solid transparent !important; */ /* border-bottom: 17px solid transparent !important; */
    }

        .contenitoreCalendario .arrowCheckIn .ui-state-default, .contenitoreCalendario .arrowCheckOut .ui-state-default {
            margin-top: -17px;
        }

    .ContenitoreBkgFr .TestoCheckIn, .ContenitoreBkgFr .TestoCheckOut, .ContenitoreBkgFr .TestoNumNotti span, .ContenitoreBkgFr .TestoNumCamere, .ContenitoreBkgFr .TestoNumBambini, .ContenitoreBkgFr .TestoNumPersone, .ContenitoreBkgFr .TestoNumNeoNati, .ContenitoreBkgFr .TestoCodicePromo, .ContenitoreBkgFr .TestoCodiceIata, .buttonVerifyDisp {
        font-size: 1.2em;
        line-height: 21px
    }

    .ContenitoreBkgFr .NumNotti input, .ContenitoreBkgFr .customSelect, .ContenitoreBkgFr #datepickeCheckIn.hasDatepicker, .ContenitoreBkgFr #datepickeCheckOut.hasDatepicker, .textboxCodicePromo input, .textBoxCodiceIata input {
        height: 18px;
    }

    span.selezionaCamere {
        display: none;
    }

    .SelezionaOffertaFoto {
        width: 365px;
        height: 171px;
    }

    .contenitoreImmagini {
        height: 171px;
    }

        .view, .contenitoreImmagini img, .view .mask, .view .content {
            width: 365px;
            height: 171px;
        }

            .view img {
                width: 365px;
                height: 245px;
                margin-top: -55px;
            }

    .ribbon-green {
        left: -62px;
        top: -175px;
        font: 1em 'Open Sans', sans-serif !important;
    }

    /*.SelezionaOffertaPrenota {width: 38px; padding: 10px 10px 10px 0;}
    .SelezionaOffertaPrenota .buttonModSelPer {display: none;}*/

    .SelezionaOffertaContenuto {
        width: 365px;
        margin: 10px;
    }

    .SelezionaOffertaTarget {
        display: block;
    }

    .SelezionaCamereMiglioreTariffa {
        display: none;
    }

    .SelezioneCamereDescrizione {
        width: 345px;
    }

    .SelezioneCamereTariffeGiornaliere, .SelezioneCamereTariffeGiornaliereContenuto {
        display: none;
    }

    .TESTO_PRICE {
        padding: 2px 5px;
    }

    .bloccoOfferta:hover .SelezionaCamereSoggiorniAPartireDa .TESTO_PRICE {
        font-size: 1.5em;
        padding: 3px 6px;
    }

    .bloccoOfferta .buttonModSelPer span.buttonnottiprenota {
        display: none;
    }

    .bloccoOfferta .buttonModSelPer {
        font: 1.4em 'Open Sans', sans-serif !important;
    }

    .testoTitoloOfferta, .SelezionaCamereMinStay {
        font-size: 1.5em;
    }

    .testoSoggiorniaPartireDa {
        font-size: 1.2em;
    }

    .offertaValidita {
        font-size: 1.3em;
    }

    .SelezionaCamereMiglioreTariffa a:link, .SelezionaCamereSerizi a:link, .testoInformazioni {
        font-size: 1.2em;
    }

    .SelezioneCamereDescrizione span:nth-child(2), ul.SelezioneCamereServiziElenco {
        font-size: 1.2em;
    }

    .SelezioneCamereDescrizione span, .SelezioneCamereTariffeGiornaliere span {
        font-size: 1.1em;
    }

    /*.SelezionaCamereTitoloOfferta {margin-bottom: 10px;}*/


    /*.SelezioneCamerebuttonPrenotaMobile{display:block;}
    .buttonModSelPer {width: 100%;border-top-left-radius: 0px;-moz-border-top-left-radius: 0px;-webkit-border-top-left-radius: 0px;border-top-right-radius: 0px;-moz-border-top-right-radius: 0px;-webkit-border-top-right-radius: 0px;font: 1.5em 'Open Sans', sans-serif !important;}
    .buttonModSelPer span.buttonnottiprenota{border-top:0}*/

    .SelezionaOffertaPrenota {
        width: 365px;
        float: left;
    }

    .bloccoOfferta:hover .SelezionaOffertaPrenota .buttonModSelPer {
        height: 45px;
    }

    .SelezionaOffertaPrenota .customSelect {
        height: 21px;
        padding: 12px 14px;
        font-size: 1.4em;
    }

    .bloccoOfferta .buttonModSelPer {
        width: 100%;
    }

    .bloccoOfferta:hover .SelezionaOffertaPrenota button.buttonModSelPer, .bloccoOfferta .buttonModSelPer {
        height: 45px;
    }

    .SelezionaOffertaPrenota .customSelectInner {
        width: 30px !important;
        font-weight: 600;
    }

    .SelezioneCamereServiziContenuto {
        margin-bottom: -5px;
    }

    .imgGlobalsign {
        display: none;
    }


    /*CONTENITORE CALENDARIO*/
    .contenitoreCalendario .hasDatepicker, .contenitoreCalendario .ui-datepicker {
        width: 364px !important;
    }

    .specialoffer .contenitoreCalendario td div a {
        margin-top: 2px !important;
    }
    /*.contenitoreCalendario .ui-datepicker td a, .ui-datepicker td {height: 34px !important;}*/
    .specialoffer .contenitoreCalendario .ui-datepicker td {
        height: 34px !important;
    }

    .specialoffer .contenitoreCalendario td div {
        height: 32px !important;
    }

    .specialoffer .contenitoreCalendario .arrowCheckIn:before, .specialoffer .contenitoreCalendario .arrowCheckOut:before {
        left: 25px;
        margin-left: -25px;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-right: 22px solid;
    }

    .specialoffer .contenitoreCalendario .ui-datepicker td a {
        font-size: 1em !important;
    }

    .contenitoreCalendario .ui-datepicker td {
        width: 52px !important;
    }

    .specialoffer .contenitoreCalendario td div {
        width: 50px !important;
    }

    .RiepilogoPeriodoSelezionato p {
        font-size: 1.1em;
    }

    .imgCalendInfoDate {
        float: right;
        padding: 0;
        padding-left: 3px
    }
}

@media only screen and (max-width :413px) {
    .container {
        width: 350px;
    }

    .headerMenu, .ContenutoPrenOffer, .ResponsiveheaderLogo, .header {
        width: 340px;
    }

    ul.menu, .dropdownExchange a, .dropdown a {
        font-size: 1em;
    }

    ul.menu {
        margin-left: 5px;
    }

    .SelezionaLingua {
        width: 110px;
    }

    .ResponsiveheaderLogo h1 {
        margin: 0px 5px;
    }

    .ResponsiveheaderLogo img {
        margin-right: 5px;
    }

    .RiepilogoPeriodoSelezionato { /* padding:5px; */ /* width:330px; */
    }

    .ContenitoreBkgFr {
        padding: 5px;
    }

    .ContenitoreBkgFr, .hasDatepicker, .ui-datepicker {
        width: 330px;
    }

    .contenitoreCalendario .ui-datepicker td {
        width: 30px !important;
    }

    .RiepilogoPersone p {
        display: none;
    }

    .RiepilogoPeriodoSelezionato p {
        margin: 0;
        padding: 10px 5px 10px 5px;
    }

    .SelezionaOffertaFoto {
        margin: 5px;
        width: 330px;
        height: 155px;
    }

    .contenitoreImmagini {
        height: 155px;
    }

        .view, .contenitoreImmagini img, .view .mask, .view .content {
            width: 330px;
            height: 155px;
        }

            .view img {
                margin-top: 0;
            }

    .ribbon-green {
        display: none;
    }

    .SelezionaOffertaContenuto {
        width: 330px;
        margin: 5px;
    }

    .testoTitoloOfferta, .SelezionaCamereMinStay {
        font-size: 1.4em;
    }

    .SelezionaOffertaTarget a:link {
        font-size: 1.1em;
    }

    .SelezionaOffertaPrenota {
        width: 330px;
        margin: 5px; /* padding: 0 5px 5px 5px; */
    }

    .bloccoOfferta .buttonModSelPer { /* width: 264px; */
    }

    .SelezioneCamereDescrizione {
        margin: 5px 0 5px 5px;
        width: 320px;
        padding: 5px;
    }

        .SelezioneCamereDescrizione span, .SelezioneCamereTariffeGiornaliere span {
            font-size: 1em;
        }

            .SelezioneCamereDescrizione span:nth-child(2), ul.SelezioneCamereServiziElenco {
                font-size: 1.1em;
            }

    .firma {
        margin-right: 5px;
    }

    .certificato {
        padding: 5px 0;
    }

    .certificatoInside {
        margin-bottom: 0;
    }

    .icon-ico-up {
        right: 5px;
    }

    .testoCertificato {
        font-size: 1em;
    }

    /*CONTENITORE CALENDARIO*/
    .contenitoreCalendario .hasDatepicker, .contenitoreCalendario .ui-datepicker {
        width: 322px !important;
    }

    .specialoffer .contenitoreCalendario .arrowCheckIn:before, .specialoffer .contenitoreCalendario .arrowCheckOut:before {
        left: 22px;
        margin-left: -22px;
        border-right: 20px solid;
    }

    .contenitoreCalendario .ui-datepicker td {
        width: 46px !important;
    }

    .specialoffer .contenitoreCalendario td div {
        width: 44px !important;
    }

    /*LINGUA*/
    /*.HER_07 .RiepilogoPersone p {font-size: .84em;}
    .HER_07 .SelezionaLingua {width: 100px;}
    .HER_07 .SelezionaValuta{ width: 70px;}
    .HER_07 .RiepilogoPeriodoSelezionato p {font-size: 1.1em;}
    .HER_07 .iconeee-arrow-upSC {margin-top: 4px;}*/


}


@media only screen and (max-width :359px) {
    .container {
        width: 310px;
    }

    .headerMenu, .ContenutoPrenOffer, .ResponsiveheaderLogo, .header {
        width: 300px;
    }

    .headerMenu {
        padding: 0;
    }

    ul.menu, .dropdownExchange a, .dropdown a {
        font-size: .9em;
    }

    .dropdownExchange dt a span {
        margin-right: -30px;
    }

    .dropdownExchange dd ul li a span {
        width: 20px;
    }

    .SelezionaValuta {
        width: 65px;
    }

    .SelezionaLingua {
        width: 90px;
    }

    .ResponsiveheaderLogo {
        height: 25px;
    }

        .ResponsiveheaderLogo h1 {
            font-size: 1.35em;
            line-height: 25px;
        }

    span.IconeStar {
        font-size: .9em !important;
        margin-top: 9px;
    }

    .ResponsiveheaderLogo img {
        display: none;
    }

    .RiepilogoPersone p, .RiepilogoPeriodoSelezionato p {
        font-size: 1.05em;
    }

    .iconeee-arrow-upSC:before {
        font-size: 14px !important;
    }

    .imgCalendInfoDate {
        font-size: 1.3em;
    }

    .ContenitoreBkgFr, .hasDatepicker, .ui-datepicker {
        width: 290px;
    }

        .contenitoreCalendario .ui-datepicker td a, .ui-datepicker td {
            height: 25px !important;
        }

        .ui-datepicker th span {
            font-size: .9em;
        }

        .ContenitoreBkgFr .contenitoreCalendario .ui-datepicker td a {
            font-size: .8em !important;
        }

    .contenitoreCalendario .ui-datepicker td a {
        padding: 1px;
    }

    .contenitoreCalendario .arrowCheckIn, .contenitoreCalendario .arrowCheckOut { /* border-top: 13.5px solid transparent !important; */ /* border-bottom: 13.5px solid transparent !important; */
    }

        .contenitoreCalendario .arrowCheckIn .ui-state-default, .contenitoreCalendario .arrowCheckOut .ui-state-default {
            margin-top: -14px;
        }

    .ContenitoreBkgFr .contenitoreCalendario .ui-datepicker td a {
        font-size: .7em !important;
    }

    .contenitoreCalendario .ui-datepicker td a, .ui-datepicker td {
        height: 23px !important;
    }

    .SelezionaOffertaFoto {
        width: 290px;
        height: 136px;
    }

    .contenitoreImmagini {
        height: 136px;
    }

        .view, .contenitoreImmagini img, .view .mask, .view .content {
            width: 290px;
            height: 136px;
        }

    .SelezionaOffertaPrenota, .SelezionaOffertaContenuto {
        width: 290px;
    }

    .bloccoOfferta:hover .SelezionaOffertaPrenota .buttonModSelPer {
        height: 40px;
    }

    .SelezioneCamereDescrizione {
        width: 280px;
    }

    .testoSoggiorniaPartireDa, .SelezionaCamereMiglioreTariffa a:link, .SelezionaCamereSerizi a:link, .testoInformazioni {
        font-size: 1.1em;
    }

    .bloccoOfferta:hover .SelezionaOffertaPrenota button.buttonModSelPer, .bloccoOfferta .buttonModSelPer {
        height: 40px;
    }

    .SelezionaOffertaPrenota .customSelect {
        height: 20px;
        padding: 10px 14px;
    }

    .testoCertificato {
        display: none;
    }

    /*CONTENITORE CALENDARIO*/
    .contenitoreCalendario .hasDatepicker, .contenitoreCalendario .ui-datepicker {
        width: 290px !important;
    }

    .specialoffer .contenitoreCalendario td div {
        width: 39px !important;
    }

    .contenitoreCalendario .ui-datepicker td {
        width: 41px !important;
    }

    .specialoffer .contenitoreCalendario .arrowCheckIn:before, .specialoffer .contenitoreCalendario .arrowCheckOut:before {
        left: 19px;
        margin-left: -19px;
        border-right: 15px solid;
    }

    .RiepilogoPeriodoSelezionato p {
        font-size: .95em;
    }

    /*LINGUA*/
    /*.HER_07 ul.menu, .dropdownExchange a, .dropdown a {font-size: .8em;}
    .HER_07 .RiepilogoPeriodoSelezionato p {font-size: .95em;}
    .HER_07 .imgCalendInfoDate {font-size: 1.2em;}
    .HER_07 .SelezionaValuta {width: 65px;}
    .HER_07 .ContenitoreBkgFr .TestoCheckIn, .HER_07 .ContenitoreBkgFr .TestoCheckOut, .HER_07 .ContenitoreBkgFr .TestoNumNotti, .HER_07 .ContenitoreBkgFr .TestoNumCamere, .HER_07 .ContenitoreBkgFr .TestoNumBambini, .HER_07 .ContenitoreBkgFr .TestoNumPersone, .HER_07 .ContenitoreBkgFr .TestoNumNeoNati, .HER_07 .ContenitoreBkgFr .TestoCodicePromo, .HER_07 .ContenitoreBkgFr .TestoCodiceIata{ width: 53%;}
    .HER_07 .ContenitoreBkgFr .TestoCheckIn, .HER_07 .ContenitoreBkgFr .TestoCheckOut, .HER_07 .ContenitoreBkgFr .TestoNumNotti span, .HER_07 .ContenitoreBkgFr .TestoNumCamere, .HER_07 .ContenitoreBkgFr .TestoNumBambini, .HER_07 .ContenitoreBkgFr .TestoNumPersone, .HER_07 .ContenitoreBkgFr .TestoNumNeoNati, .HER_07 .ContenitoreBkgFr .TestoCodicePromo, .HER_07 .ContenitoreBkgFr .TestoCodiceIata, .HER_07 .buttonVerifyDisp{ font-size: 1.1em;}*/


}