.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: none;
}

.offertaValidita {
    display: block;
    font-weight: 600;
}

/************************************************/
/************ 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.8em;
    /* padding: 20px 0; */
    margin: 0;
}

.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;
}

.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;}*/



@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;}*/

 

}
@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: 44px;}
    .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;}
  
    
}
@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;}*/


}