* {
    /*font-family: 'Lato', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
}
/* ERROR MESSAGES */
#closeESApage {
    background: rgb(0, 153, 204);
    border: 1px solid rgb(255, 255, 255);
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 1em 2em;
    color: rgb(255, 255, 255);
    z-index: 99999999999999;
    display: none;
}

    #closeESApage:hover {
        background: #62BED1;
        box-shadow: 0 0 3px rgba(0,0,0,.6);
    }

.field-validation-error span {
    background-color: #ffdddd;
    box-shadow: 0 0 3px #000000;
    color: black !important;
    display: block;
    font-size: 0.75em;
    line-height: 1.6em;
    margin-left: 2em;
    margin-top: -0.35em;
    margin-top: -0.5em;
    padding: 0.5em;
    position: absolute;
    width: auto;
    z-index: 200;
    border: 1px solid #FF8080;
    padding: 3px 10px;
}

.error {
    background-color: #FFDDDD;
    border: 1px solid #FF8080;
    box-shadow: 0 0 3px #000000;
    color: black;
    display: block;
    font-size: 0.452em;
    line-height: 1.6em;
    margin-top: -3em;
    padding: 0.5em;
    position: absolute;
    z-index: 200;
}

.validation-summary-errors {
    clear: both;
    display: block;
    margin-right: auto;
    margin-top: 10px;
    background-color: #ffdddd;
    color: black;
    font-size: 0.9em;
    line-height: 1.6em;
    margin: 0 auto;
    padding: 0.5em;
    z-index: 200;
    border: 1px solid #FF8080;
    margin-bottom: 15px;    
}

.validation-summary-errors ul {
    padding-bottom: 5px;
    padding-top: 5px !important;
    text-align: center;
    width: 70% !important;
    background-color: #ffdddd;
    color: black;
    font-size: 0.8em;
    line-height: 1.6em;
    margin-left: 2em;
    margin-top: -0.35em;
    margin-top: -0.5em;
    z-index: 200;
}
/* END ERROR MESSAGES */

/* MAIN STRUCTURE */

#wrapper_content {
    padding-top: 10px;
    z-index: 1;
    margin-bottom: 20px;
    background-color: #fafafa;
}
/* END OF MAIN STRUCTURE */

/* ZONAS  (HEADER, NAVIGATION, MY_DETAILS */

/* HEADER */
#header {
    background-color: #f4f4f4;
    z-index: 0;
}

#Subheader {
    height: 45px;
    z-index: 30;
    background-color: #383838;
}

.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 160px;
display: block;
float: left;
}

/*ul.home {
    float: right;
    height: 18px;
    padding-top: 11px;
}

ul.home li {
    font-size: .7em;
    background: none;
    padding-right: 10px;
    float: right;
}

ul.home li a {
    color: #fff;    
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

ul.home li a:hover {
    color: #fff;
}

.logout {
    border-right: none !important;
    margin-right: 0px !important;
    background: url(img/padlock_logout.png) no-repeat right top;
    padding-right: 15px;  
}

.logout:hover {
    background-position: right bottom;    
}*/
/* HOME SLIDER */
.widget-offers {
    background-color: #FFF;
    float: right;
    width: 100%;
    /*overflow:hidden !important;*/
}

    .widget-offers ul {
        color: #CCCCCC;
        float: right;
        font-size: 20px;
        line-height: 57px;
        text-transform: uppercase;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
    }
/* END OF HOME SLIDER */
/* HOME NEWS WIDGET */
.widget-news, .widget-newses, .widget-newsru, .widget-newsit, .widget-newsfr, .widget-newsnl, .widget-newsde {
    background-color: #ffffff;
    float: right;
    width: 100%;
    margin-top: 10px;
    overflow: hidden !important;
}

    .widget-news header, .widget-newses header, .widget-newsru header, .widget-newsit header, .widget-newsnl header, .widget-newsfr header, .widget-newsde header {
        background-image: url("img/bg_news.png");
        background-position: 15px 8px;
        background-repeat: no-repeat;
        color: #383838;
        background-color: #f4f4f4;
        float: right;
        font-size: 1.5em;
        height: 40px;
        line-height: 42px;
        width: 100%;
        clear: both;
        border-radius: 10px;
    }

    .widget-news, .widget-newsru, .widget-newses, .widget-newsit, .widget-newsfr, .widget-newsde, .widget-newsnl, header h1 {
       padding-left: 50px; 
    }

    .widget-news ul li, .widget-offers ul li, .widget-newses ul li, .widget-newsru ul li, .widget-newsde ul li, .widget-newsfr ul li, .widget-newsit ul li, .widget-newsnl ul li {
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 100%;
    }

    .news_container {
        margin: 2px 0;
        padding: 1% 0 1% 2%;
        width: 98%;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
    }

    .news_container a {
        text-decoration: none !important;
    }

    .news_container ul {
        width: 94%;
        float: left;
    }

    .news_container ul.show_news {
        background-image: url("img/icon_news.png");
        background-position: center center;
        background-repeat: no-repeat;
        float: right;
        height: 40px;
        width: 6%;
    }

    .fecha_noticias {
        font-size: 12px;
        color: #666666;
        line-height: 12px;
        padding-top: 5px;
        margin: 0px;
        padding-bottom: 5px;
        width: auto;
        text-decoration: none !important;
    }

    .titulo_noticias {
        padding: 0px;
        margin: 0;
        padding-bottom: 5px;
        color: #0099cc;
        font-size: 0.9em;
        font-weight: bold;
        width: auto;
    }

    .texto_noticias {
        color: #333333;
        line-height:normal;
        font-size: 0.9em;
        margin: 0;
        overflow: hidden;
        padding-bottom: 0;
        padding-right: 10px;
        padding-top: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
    }
/* END OF HOME NEWS WIDGET */

.widget-news span, .widget-newses span, .widget-newsru span .widget-offers span {
    width: 3%;
    float: left;
}

/* PREFOOTER */
#SubFooter {
    background-color: #ebebeb;
    clear: both;
    float: left;
    width: 100%;
    box-shadow: 0 6px 6px -6px #000 inset;
    padding-top:20px;
}
#SubFooter .fixed_width {
    width:80%;
    max-width:1400px;
}
#SubFooter article {
    border-bottom: 1px solid #999;
}

.subfooter_container {
    height: auto;    
    padding-bottom:30px;
}

.footercontent-left {
    padding: 10px;
}

.footercontent-right {
    padding: 10px 5px 10px 20px;
}

.footercontent-left ul, .footercontent-right ul {
    margin: 10px 0 0 0;
}

.footercontent-left ul {
    padding-bottom: 20px;
}

.footercontent-right ul {
    margin-bottom: 30px;
}

.footercontent-left li, .footercontent-right li {
    margin: 10px 0;
    padding:0 15px 0 0;
    box-sizing:border-box;
}

.footercontent-left li a, .footercontent-right li a {
    color: #383838;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}

.footercontent-left li:hover a, .footercontent-right li:hover a {
    color: #666;
}

.footercontent-left h4, .footercontent-right h4 {
    font-size: 1.2em;
    margin: 15px 0 0 0;
    font-weight: 400;
    text-transform:uppercase;
    letter-spacing:3px;
    border-bottom:1px solid #c9c9c9;
    padding-bottom:10px;
}

.footercontent-left h3, .footercontent-right h3 {
    color: #383838;
    margin-top: 10px;
}

.footercontent-right h5 {
    padding-top: 20px;
}

.footercontent-right h6 {   
}

.img_producto_footer {
    width: 56px;
    height: 36px;
    margin-right: 15px;
    margin-top: 10px;
}

.datos_contactfooter_phone {
    background: url("/Themes/CLCWebMemberMario/Styles/img/phone_footer.svg") no-repeat left center;
    padding: 3px 0 3px 18px !important;
    margin: 2px 0 !important;
}

.datos_contactfooter_email {
    background: url("/Themes/CLCWebMemberMario/Styles/img/email_footer.svg") no-repeat left center;
}

.datos_contactfooter_address {
    background: url("/Themes/CLCWebMemberMario/Styles/img/address_footer.svg") no-repeat left center;
}

.logo_footer {
    margin: 20px 0;
}
.logo_footer a {
    text-decoration:none;
    margin-right:10px;
}

.all-contact-info {
    padding-left: 0 !important;
    background: none !important;
    font-size: 1.5em;
}
/* END OF PREFOOTER */

/* FOOTER */
#Footer {
    background-color: #383838;
    clear: both;
    float: left;
    width: 100%;
}
#SubFooter .lightblue {
    color:#383838 !important;
}

.footer_container {
    color: #8A9CB4;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-decoration: none;
}

.footer_container .right a,
.footer_container .left {
    color: #fff;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: right;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
}

.footer_container .right a:hover,
.footer_container .left a:hover {
    border-bottom: 1px dotted #8A9CB4;
            color: #fff;
}

.footer-item {
    padding-right: 2%;
    width: 32%;
    float: left;
    position: relative;
    margin: 40px 0;
}

.footer-item h4 {
    color: #09c;
    font-size: 1em;
    margin-bottom: 15px;
}

.footer-item p {
    color: white;
}

.footer_list li a:hover {
    color: #fff;
}

.footer_list li a {
    text-decoration: none;
    color: #fff;
    margin-left: 10px;
    display: block;
}

.footer_list_center {
    color: white;
    display: block;
    line-height: 1.7em;
    margin: 0;
    padding: 0;
}

.footer_list_center li {
    border-bottom: 1px solid #602B00;
    display: block;
    line-height: 1.7em;
    margin: 0;
    padding: 4px 3px 8px 20px;
}

.footer_list_center a {
    line-height: 1.7em;
    margin: 0;
    padding: 0;
}
/* END OF FOOTER */

/* WIDGET BANNERS */
#Banners {
    margin-top: 10px;
    padding: 30px 0 30px 0;
    border-top: 2px solid #383838;
    height: 205px;
    overflow: hidden;
}
    #Banners ul {
        height: 205px;
        overflow: hidden;
    }

.widget-bottom_banners h1 {
    display: none;
}

.margen_third {
    height: 208px;
    width: 306px;
    float: left;
    margin: 0 5px;
}

#botones_banners {
    height: 50px;
    margin: 40px auto 20px;
    width: 162px;
}

.boton_next, .boton_prev {
    width: 50px;
    height: 50px;
    margin: 2px;
}

.boton_pause {
    background: url(img/camera_skins.png) no-repeat -115px -116px #002244;
       height: 50px;
       width: 50px;
    margin: 2px;
}

.boton_play {
    background: url(img/camera_skins.png) no-repeat -75px -116px #002244;
       height: 50px;
       width: 50px;  
    margin: 2px;  
}

#prev {
    background: url("img/camera_skins.png") no-repeat scroll 1px -121px #002244;
    left: 0px;
}

#next {
    background: url("img/camera_skins.png") no-repeat scroll -39px -121px #002244;
    right: 0px;
}

#prev:hover, #next:hover, .boton_pause:hover {
    background-color: #0099cc;
}

.margen_third a {
    text-decoration: none;
    border-radius:10px;
    overflow:hidden;
}

.margen_third h2 {
    background-color: #002244;
    bottom: 0;
    left: 0;
    margin-top: -3px;
    padding: 10px 0 10px 5%;
    width: auto;
}

.margen_third p {
    clear: both;
    color: #264460;
    display: block;
    font-size: 0.8em;
    height: 1%;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-align: justify;
    margin-top: 14px;
    padding: 0 10px;
}

.margen_third a img {
    width: 100%;
}

.nomargen {
    padding-right: 0 !important;
    position: relative;
}
/* END OF WIDGET BANNERS */


/* NEWS PAGE */
.listado_de_news {
    width: 69%;
}

.listado_de_news a {
    float: left;
    width: 100%;    
    padding-bottom: 0px;
    border-bottom: 1px dashed #0099cc;
    text-decoration: none !important;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    padding: 10px;
}

.listado_de_news a:hover {
    background-color: #F2FBFA;  
}

.title_news {
    height: 45px;
    border-bottom: 1px dotted #244160;
    margin-bottom: 10px;
}

.title_news a {
    text-decoration: none;
}

.title_news h1 {
    color: #244160;
    font-size: 1.7em;
    line-height: 45px;
    padding-left: 10px;
}

.contenedor_news_lista {
    text-decoration: none !important;
    width: 57%;
}

.title_news_list {
    color: #0099cc;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none !important;
}

.resortname_news_list {
    font-size: .7em;
    padding-top: 5px;
    color: #333;
    font-weight: bold;
}

.texto_news_list p {
    font-size: .8em;
    padding-top: 10px;
    line-height: 1.1em;
    color: #333;
    text-decoration: none !important;  
}

.view_details {
    color: #fff;
    display: block;
    float: left;
    font-size: 0.8em;
    margin-left: 290px;
    margin-top: -38px;
    background-color: #0099cc;
    text-align: center; 
    padding: 5px 10px;
}
/* END OF NEWS PAGE*/

/* NUBE DE PALABRAS */
.widget-NewsTagCloud, .widget-TagCloud, .widget-NewDetailTagCloud {
    width: 29%;
    float: right;
    margin-top: 10px;
}

.tagCloud-tag {
    text-decoration: none;
    color: #0099cc;
    float: left;
    padding: 8px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    border-radius: 0 8px;
    margin: 0px;
}

.tagCloud-tag:hover {
    background-color: #0099cc;
    color: white;
}

.tagCloud-1 {
    font-size: .9em;
    line-height: .8em;
    color: #B2DFF1;
}

.tagCloud-2 {
    font-size: 1em;
    line-height: .8em;
    color: #99D5ED;
}

.tagCloud-3 {
    font-size: 1.4em;
    line-height: 1.0em;
    color: #66C0E3;
}

.tagCloud-4 {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #33ABDA;
}

.tagCloud-5 {
    font-size: 1.8em;
    line-height: .8em;
    color: #0099cc;
}
/* END OF NUBE DE PALABRAS */

/* NOTICIAS DETAIL*/
.noticia_main {
    width: 69%;
}

.noticia_main img {
        margin: 0;
}

.bg_noticias_highlight {
    background-color: #f1f1f1;
}

.associated_tags {
    margin: 10px 0 15px 0;
}

.associated_tags ul {
    padding: 5px 10px;
}

.associated_tags a {
    background-color: #ccc;
    color: #333;
    margin: 2px 4px 2px 0;
    padding: 6px 8px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.associated_tags a:hover {
            background-color: #0099cc;
    color: #fff;
}

.fecha_noticia_main {
    padding-top: 10px;
    color: #333;
    text-decoration: none;
    padding-bottom: 15px;
    border-bottom: 1px solid #0099cc;
    margin-bottom: 15px;
    margin-left: 10px;
}

.titulo_noticia_main {
    padding-left: 10px;
    line-height: 22px;
    margin-top: 15px;
}

.texto_noticia_main p {
    font-size: 0.8em;
    color: #333;
    line-height: 1.4em;
    padding-bottom: 10px;
    text-align: justify;
    padding-left: 10px;
	white-space:pre-line;
}

.texto_noticia_main h2 {
    font-weight: bold;
    margin-left: 10px;
    padding-bottom: 5px;
    font-size: .9em;
}

.texto_noticia_main h3 {
    font-weight: bold;
    margin-left: 10px;
    padding-bottom: 5px;
    font-size: .8em;
}

.texto_noticia_main ol, .texto_noticia_main ul {
    font-size: 0.8em;
    color: #333;
    line-height: 1.4em;
    margin-left: 40px;
    padding-bottom: 20px;
}

.texto_noticia_main ol {
    list-style-type: decimal !important;
}

.texto_noticia_main ul {
    list-style-type: circle !important;
}

.highlighted_text:first-letter {
    text-transform: uppercase;
    font-size: 1.9em;
}

.highlighted_text {
    font-size: 1em !important;
    line-height: 1.4em !important;
    background-color: #f1f1f1;
    padding: 25px !important;
}

/* END OF NOTICIAS DETAIL*/

/* OFFERS PAGE */
.listado_de_offers {
    float: left;
    width: 69%; 
}

.listado_de_offers a {
    float: left;
    width: 100%;    
    margin-top: 15px;
    padding-bottom: 0px;
    border-bottom: 1px solid #0099cc;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.listado_de_offers a:hover {
background-color: #F2FBFA;  
}

.title_offers {
    width: 228px;
    height: 101px;
    background-image: url("img/bg_offers_title.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
}

.title_offers a {
    text-decoration: none;
}

.title_offers h1 {
    color: #fff;
    text-align: right;
    padding-right: 10px;
    padding-top: 60px;
    font-size: 30px;
    color: #fff;
}

.title_offers_right {
    float: left;
    margin-bottom: 15px;
    background-image: url("img/bg_offers_title_right.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 750px;
    height: 101px;
}

.thumbnail_list {
    width: 280px;
    height: 130px;
    float: left;
    margin-right: 10px;
}

.contenedor_offers_lista {
    width: 100%;
    float: left;
    height: 140px;
}

.title_offers_list {
    background-color: #002244;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}
.thumbnail_list_ofertas {
	max-height: 155px;
	overflow: hidden;
}

.resortname_offers_list {
    font-size: .7em;
    padding-top: 5px;
    color: #333;
    font-weight: bold;
}

.texto_offers_list {
    background-color: #DDDDDD;
    color: #333333;
    height: 60px;
    line-height: 1.3em;
    padding: 10px;
}

.texto_offers_list p {
    padding-top: 10px;
    line-height: 1.1em;
    color: #333;  
}

.discount_table_offers {
    float: right;
    margin-top: -45px;
    margin-right: 15px;
    z-index: 150;
    position: relative;
}

.first_list_no_margin {
    margin-top: 0px !important;
}
/* END OF OFFERS PAGE */

/* OFERTAS DETAIL*/
.offers_main img {
    width: 100%;
    max-height: 330px;
}

.offers_main h1 {
    font-size: 11px;
    padding-top: 10px;
    color: #fff;
    padding-left: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.titulo_offers_main {
    font-size: 13px;
    font-weight: bold;
    padding-top: 15px;
    color: #002244;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.offers_main p, .offers_main li {
    font-size: 0.85em;
    color: #333;
    line-height: 1.4em;
    padding-bottom: 10px;
    text-align: justify;
}

.offers_main li {
    list-style-type: disc;
    margin-left: 30px;
}

.offers_main .available_dates {
    border-bottom: 1px solid #0099CC;
    color: #0099CC;
    display: inline-block;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-top: 10px;
}

.offers_main .from_to {
    font-size: 0.8em;
    padding: 3px 0;
}

    /* CAJA PARA FECHAS EN OFERTAS DETAIL */
    .availability {
        width: 298px;
        margin-bottom: 20px;
        background-color: #FFFFFF;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
       background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    }

    .calendar {
        background-color: #DDDDDD;
        border-bottom: 1px solid #fff;
        float: left;
        height: 30px;
        width: 298px;
    }

    .fechas {
        width: 298px;
        float: left;      
    }

    .availability h2 {
        color: #002244;
        font-size: 0.8em;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
    }

    .availability ul {
        margin-left: 0px;
    }

    .availability td {
        font-size: .8em;
        font-weight: bold;
    color: #002244;
        height: 30px;
        line-height: 30px;
        margin: 2px 0;
    }

    .fechas table {
        width: 80%;
        margin: 0 auto;
    }

    td.from_date {
        text-align: center;
        padding: 0 10px;
        color: #666 !important;
        width: 50%;
        border-bottom: 1px dotted #ccc;
        font-size: .7em;
        text-transform: uppercase;
    }

    td.date {
        font-size: .95em !important;
        text-align: center;
    }
    /* FIN DE CAJA PARA FECHAS EN OFERTAS DETAIL */
    
    /* IMAGEN PARA TELEFONO DE CONTACTO */
    .contact_image {
        width: 298px;
        margin-bottom: 20px;
    }

    .contact_image img {
        width: 100%;
    }
    /* END OF IMAGEN PARA TELEFONO DE CONTACTO */

    /* BOTON CHECK AVAILABILITY DE LA PAGINA DE OFERTAS DETAIL */
    .contenedor_book_now {
        width: 298px;
        margin-bottom: 10px;
    }

    .contenedor_book_now .book_now {
        background-color: #0099cc;
        border: medium none;
        color: #FFFFFF;
        font-size: .9em;
        padding: 10px;
        background-image: url("img/bg_check_availability.png");
        background-repeat: no-repeat;
        background-position: 10px 8px;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        width: 100% !important;
    }

    .book_now:hover {
        background-color: #002244;
        box-shadow: 0 0 3px #666;
        background-position: 10px -35px;
    }

.availability_multiproduct {
    box-shadow: 0 2px 4px #C6C6C6;
    border: 1px solid #c6c6c6;
    margin: 0 auto;
    top: -130px;
    z-index: 100;
    background-color: #fff;
    padding: 10px;
}

.availability_multiproduct li {
    background-color: #0099CC;
    padding: 15px 10px;
        margin: 10px auto 0;
    box-shadow: 0 2px 4px #c6c6c6;
}

.availability_multiproduct li:hover {
    background-color: #024;
}

.choose_which_reservation {
    padding: 10px 0;
}
    /* END OF BOTON CHECK AVAILABILITY DE LA PAGINA DE OFERTAS DETAIL */
/* END OF OFERTAS DETAIL*/

/* BACK AND PRINT BUTTONS DE NOTICIAS Y OFFERS*/
.back_and_print {
    float: right;
    height: 45px;
    width: 50%;
}

.back_and_print_resorts {
    float: right;
    height: 30px;
    width: 100%;
    margin-bottom: 50px;
    margin-right: -10px; 
}

.back_and_print_resorts li {
    cursor: pointer;
}

.news_list a {
    background-image: url("img/news_list.png");
    background-repeat: no-repeat;
    background-position: 20px 13px;
    float: right;
    height: 20px;
    padding: 15px 15px 10px 50px;
    line-height: 20px;
    color: #0099cc;
    font-size: 11px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.news_list a:hover {
    background-color: #0099cc !important;
    color: #fff;
    background-position: 20px -33px;
}

.news_list_dos a {
    background-image: url("img/news_list.png");
    background-repeat: no-repeat;
    background-position: 20px 13px;
    float: right;
    height: 20px;
    padding: 15px 15px 10px 50px;
    line-height: 20px;
    color: #0099cc;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.news_list_dos a:hover {
    background-color: #0099cc !important;
    color: #fff;
    background-position: 20px -33px;
}

.club_news a {
    background-image: url("img/club_news.png");
    text-transform: uppercase;
    vertical-align: middle;
}

.print a {
    float: right;
    background-image: url("img/print_news.png");
    background-repeat: no-repeat;
    background-position: 20px 13px;
    float: right;
    height: 20px;
    padding: 15px 15px 10px 50px;
    line-height: 20px;
    color: #0099cc;
    font-size: 11px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.print a:hover {
    background-color: #0099cc !important;
    color: #fff;
    background-position: 20px -33px;
}

.download a {
    float: right;
    background-image: url("img/download.png");
    background-repeat: no-repeat;
    background-position: 20px 13px;
    float: right;
    height: 20px;
    padding: 15px 15px 10px 50px;
    line-height: 20px;
    color: #0099cc;
    font-size: 11px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.download a:hover {
    background-color: #0099cc !important;
    color: #fff;
    background-position: 20px -33px;
}

.add_favorites a {
    float: right;
    background-image: url("img/add_favorites.png");
    background-repeat: no-repeat;
    background-position: 20px 13px;
    float: right;
    height: 20px;
    padding: 15px 15px 10px 50px;
    line-height: 20px;
    color: #0099cc;
    font-size: 11px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.add_favorites a:hover {
    background-color: #0099cc !important;
    color: #fff;
    background-position: 20px -33px;
}

.remove_favorites a {
    background-image: url("img/remove_favorites.png");   
}

.processing_favorites {
    background: none repeat scroll 0 0 rgba(255,255,255,.9);
    color: #0099CC;
    height: 45px;
    left: 0;
    line-height: 45px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.termsandcond {
    margin-top: 10px;
    border-top: 2px solid #0099cc;
}

.termsandcond p {
    font-size: .7em !important;
    color: #999 !important;
    padding-top: 5px !important;
}                   

/* RESORT MAIN */
#left_column {
    width: 287px;
    margin-left: 10px;
}

#right_column {
    width: 650px;
    margin-right: 10px;
}

.resort_name {
    background: rgb(50,92,138); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(50,92,138,1) 0%, rgba(0,33,69,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,92,138,1)), color-stop(100%,rgba(0,33,69,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(50,92,138,1) 0%,rgba(0,33,69,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(50,92,138,1) 0%,rgba(0,33,69,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(50,92,138,1) 0%,rgba(0,33,69,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(50,92,138,1) 0%,rgba(0,33,69,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#325c8a', endColorstr='#002145',GradientType=0 ); /* IE6-9 */
    height: 303px;
    width: 297px;
    overflow: hidden;
}

.resort_type {
    padding-left: 18px;
    z-index: 10;  
    vertical-align: top;  
}

.align-bottom {
    vertical-align: bottom;
}

.resort_name h2 {
    font-size: 1em;
    margin: 0px;
    letter-spacing: normal;
    z-index: 20;
    margin: 8px 0 0 18px;
    border-top: 1px solid #0582BA;
    padding-top: 8px;
}

.resort_name h3 {
    margin: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    letter-spacing: .1em;
    color: #ccc;
    z-index: 20;
    padding-left: 18px;
}

.continent_image {
    height: 303px;
    width: 297px;
    overflow: hidden;
}

.resort_main_img {
    height: 303px;
    width: 683px;
    overflow: hidden;
}

.continent_reference_bar {
    height: 30px;
}

.continent_reference_bar h4 {
        margin: 0;
        padding: 0;
    padding-left: 18px;
        line-height: 30px;
}

.resort_menu {
    clear: left;
    margin-bottom: 20px;
}

.resort_menu ul {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
}

.resort_menu li {
        list-style-type: none;
    border-bottom: 1px solid #0099cc;
        padding: 15px 0;
    background-image: url(img/view_details_resort.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
        color: #0099cc;
        padding-top: 15px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.resort_menu li:hover {
    color: #002244;
}

.book_now_resort {
    float: left;
    width: 277px;
    background-color: #DFEDFC;
    height: 40px;
    margin-bottom: 10px;
    clear: left;
    padding: 8px;
}

.book_now_resort p {
   line-height: 30px;
    float: left;
    width: 40%;
    font-weight: bold;
    padding-top: 5px;
    color: #1F3F5F;
}

.book_now_resort p a {
    display: block;
    text-decoration: none;
    background-color: #0099cc;
    color: #fff;
    text-align: center;
    font-size: .8em;
    margin: 0 5px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.book_now_resort p a:hover {
    background-color: #1F3F5F;
}

.book_now_resort p.call0800 {
    border-left: 1px solid #1F3F5F;
    display: block;
    float: left;
    font-weight: normal;
    line-height: normal;
    margin-left: 10px;
    padding-left: 15px;
    padding-top: 0;
    text-align: left;
    width: auto;
    font-size: .93em;
}

.book_now_resort p strong {
    display: block;
    font-weight: bold;
}

.box_resort_details {
    clear: left;
    border: 1px solid #C6C6C6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.resort_details_titulo {
    background-color: #002244;
    height: 30px;
    background-image: url(img/arrow_resort_details-box.png);
    background-repeat: no-repeat;
    background-position: 3px center;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.resort_details_titulo p {
    line-height: 30px;
    font-size: .8em;
    padding-left: 25px;    
}

.labels_resort_details p {
    padding: 5px 5px 5px 25px;
}

.checkin-out {
    padding: 5px 0;
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999; 
}

.checkin-out p {
    padding: 5px 5px 5px 25px;
}

.checkin-out ul {
        padding-left: 25px;
}

.checkin-out ul li {
    font-size: 0.8em;
    padding-bottom: 2px;
}

.labels_resort_details p span {
    font-size: .9em;
    font-weight: normal;
}

.contact-details {
    padding: 5px 0;  
}

.contact-details p {
    padding: 5px 5px 5px 25px;
}

.contact-details p.nolink a {
    text-decoration: none;
    color: #000;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.contact-details p.nolink a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #333;
    color: #333;
}

#resort_description,
#resort_findus,
#resort_amenities,
#resort_points,
#resort_attractions {
    width: 650px;
    float: right;
    margin-top: -30px;
    margin-bottom: 50px;
}

#resort_description p,
#resort_findus p,
#resort_amenities p,
#resort_points p,
#resort_attractions p {
    font-size: .8em;
    line-height: 1.6em;
    text-align: justify;
    margin-bottom: 10px;
    display: block;
    clear: both;
}

#resort_description h5,
#resort_findus h5,
#resort_amenities h5,
#resort_points h5,
#resort_attractions h5 {
    font-size: .8em;
    font-weight: bold;
        padding-bottom: 20px;
    color: #001F45;
}
    /* RESORT DESCRIPTION */
    .images-resort-description {
        width: 100%;
        margin: 30px auto 0 auto;
    }

    .images-resort-description td {
        text-align: center;
    }
    /* END OF RESORT DESCRIPTION */

    /* POINTS TABLE */
    .producto-puntos {
        border-bottom: 1px solid #333333;
        float: left;
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 10px !important;
        margin-top: 10px;
        width: 100%;
    }

    .points_unit_type {
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 15px;
        overflow: auto;
    }

    h3.titulo_unit_type {
        background-color: #8A9CB4;
        color: #FFFFFF;
        font-size: 1.3em;
        font-weight: bold;
        height: 24px; 
        text-align: center !important;
        line-height: 24px; 
        font-size: 1em; 
    }

    #resort_points table {
        font-size: 0.7em;
        width: 100%;
    }

    #resort_points td {
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        font-size: 0.9em;
        height: 20px;
        text-align: center;
        vertical-align: middle;
    }

    .points_unit_type p.weekno {
        background-color: #F1F1F1;
        border-bottom: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        font-size: 0.7em !important;
        text-align: center !important;
        margin-bottom: 0px !important;
    }

    #resort_points td.weeks {
        color: #333333;
        font-size: .9em;
    }

    td.puntos {
        border-top: 1px solid #333333;
        font-size: .9em !important;
        font-weight: bold;
        padding-top: 0;
    }
        /* choose year tabla de puntos */
        .choose_year {
            width: 100%;
            float: left;
    overflow: hidden;
    position: relative;
            margin-bottom: 10px;
        }

        .choose_year ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        }

        .choose_year li {
        list-style: none;
        margin: 0;
        padding: 0;
            cursor: pointer;  
            padding: 10px 50px;
            background-color: #ebebeb;
            font-size: .9em;
            border: 1px solid #fff;
            display: inline-block;  
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
        }

        .choose_year li:hover,
        .choose_year .active {
            background-color: #0099cc;
            color: #fff;
        }

        .choose_year_label {
            font-size: 1em !important;
            clear: both;
            width: 100%;
            text-align: center !important;
            margin: 0 !important;
            padding: 0;
        }
        /* end of choose year de la tabla de puntos */
    /* END OF PONINTS TABLE */

    /* LISTA DE AMENITIES Y FACILITIES */
    .unit-amenities {
        width: 100%;
        float: left;
        margin-bottom: 30px;
        color: #333;
    }

    .unit-amenities h6 {
        background-color: #0A2343;
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: .75em;
        padding-left: 10px;
        font-weight: bold;        
    }

    .unit-amenities .all_units,
    .unit-facilities .on-site {
        float: left;
        font-size: .75em;
        width: 40%;
        padding: 10px;
    }

    .unit-amenities .some_units,
    .unit-facilities .nearby {
        float: right;
        font-size: 0.75em;
        width: 49%;
        padding: 10px;
    }

    .all_units li, .some_units li,
    .on-site li, .nearby li {
        list-style-type: none;
        background-image: url(img/vineta.png);
        background-position: left -2px;
        background-repeat: no-repeat;
        padding-left: 13px;
        padding-bottom: 6px;
        margin-left: 5px;
        color: #666;
    }

    .description {
        font-size: .9em;
        text-transform: uppercase;
        font-weight: bold;
        color: #333;
        padding-top: 10px;
        list-style-type: none !important;
        background-image: none !important;
        margin-left: -7px !important;
    }

    .unit-facilities {
        border: 1px solid #D8D8D8;
        width: 100%;
        float: right;
        margin-bottom: 20px;
    }

    .unit-facilities h6 {
        background-color: #0A2343;
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: .75em;
        padding-left: 10px;
        font-weight: bold;
    }

    .onsite_note {
        background: #ebebeb;
        padding: 10px;
        font-size: .7em !important;
        margin-top: 10px;
        line-height: 1em !important;
        color: #666;
    position: relative;
        top: 10px;
    }

.acordion {
        border: 1px solid #0099CC;
        color: #333;
        clear: both;
        font-weight: bold;
        height: 40px;
        margin-top: 5px;
        width: 100%;
    }

    .acordion:hover {
    border: 1px solid #0099CC;
    background: #ebebeb;
    color: #0A2343;
    clear: both;
    font-weight: bold;
    height: 40px;
    margin-top: 5px;
    width: 100%;
    }

.acordion_open {
        background: #ebebeb;
    }

.acordion_open_faqs {
        background: #CAC8C8;
    color: #001224;
    }

.number_room {
        font-size: .75em;
        height: 19px;
        padding: 10px;
    }

.number_room_faqs {
        font-size: .75em;
       /* height: 19px;*/
        padding: 10px;
    }

.number_room img {
        float: right;
    }

.container_aminities {
        background: #fff;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        width: 100%;
        float: left;
        margin-bottom: 25px;
    }

.container-colum {
        width: 33%;
        display: inline-block;
        float: left;
    }

    .container-colum img {
        margin-left: 5px;
        margin-right: 5px;
    }

.list_unit-amenities {
        color: #666;
        font-size: .75em;
        padding: 5px;
        margin-left: 25px;
}
    /* END OF AMENITIES & FACILITIES */

    /* FIND US */
    /*.gps_coordinates {
        border-bottom: 1px solid #DDD;
        height: 12px;
        margin-bottom: 20px;
    }
    .gps_coordinates h6 {
        background-color: #FFFFFF;
        display: inline;
        padding: 5px 10px 5px 25px;
        font-size: .75em;
        color:#333;
        background-image: url(img/icon_gps.png);
        background-repeat: no-repeat;
        background-position: left center;
    }*/
    #google_maps {
        width: 660px;
        height: 350px;
        padding-top: 10px;
    }

    .findus_subtitle {
        color: #333;
        border-bottom: 1px solid #DDD;
        margin-top: 30px;
        margin-bottom: 8px;
        height: 18px;
    }

    .findus_subtitle h6 {
        background-color: #fff;
        color: #024;
        display: inline;
        padding-right: 10px;
        border-bottom: 0;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 30px;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .byair {
        background-image: url(img/icon_byair.png);
    }

    .byroad {
        background-image: url(img/icon_byroad.png);   
    }

    .bypublic {
        background-image: url(img/icon_bypublic.png);
    }

    .localattraction {
        background-image: url(img/icon_localattraction.png);
    }

    .otherinfo {
        background-image: url(img/icon_otherinfo.png);
    }

    .gps_coordinates {
        background-image: url(img/icon_gps.png);
    }
    /* END OF FIND US */

    .menu_active {
        display: block;
    }

    .menu_inactive {
        display: none;
    }

    /* DISCLAIMER RESORTS PAGE */
    .disclaimer {
    margin: 20px 0;
        padding: 0 10px;
    }

    .disclaimer p {
        font-size: .7em;
        color: #999;
        text-align: justify;
        line-height: 1.2em;
    }

    .disclaimer h6 {
        font-size: .8em;
        color: #1F3F5F;
        margin-bottom: 8px;
        border-bottom: 1px dotted #333;
        font-weight: bold;
        padding-bottom: 2px;
    }
    /* END OF DISCLAIMER RESORTS PAGE */
/* END OF RESORT MAIN */

/* DASHBOARD */
#breadcrumbs {
    background-color: #024;
    overflow: auto;
}

#breadcrumbs li {
        float: left;
        padding-left: 5px;
}

#breadcrumbs li a {
            padding: 0 8px 2px 0;
            background: transparent url(img/breadcrumbs_arrow.png) no-repeat right center;
}

#breadcrumbs li a:link, #breadcrumbs li a:visited {
                text-decoration: none;
                color: #fff;
}

            #breadcrumbs li a:hover, #breadcrumbs li a:focus {
                color: #0099CC;
            }

.breadcrumbs {
    font-size: .45em !important;
    color: #fff;
    line-height: 25px;
    text-transform: lowercase;
}

.breadcrumbs li {
    padding-left: 10px;
}

.breadcrumbs li a {
    text-decoration: none;
            color: #fff;
}

.breadcrumbs li a:hover {
    color: #09c;
}

.prod_navitems {
    background-color: #09c;
    color: #fff;
    font-weight: bold;
    padding: 15px 10px;
    border: 1px solid #fff;
}

.prod_navitems a {
    text-decoration: none;
    color: #fff;
}

.prod_navitems:hover a {
    color: #024 !important;
}

    .prod_navitems:hover {
    color: #024;
    background-color: #fff;
    box-shadow: 0 0 4px #c6c6c6;
}

.dashboard_content_boxes {
    margin: 0;
    padding: 15px 5px;
    display:flex;
    flex-direction:column;
}

.nav_dashboard_content_boxes h2 {
    font-size: 0.7em;
    padding: 12px 28px;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 5px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    font-weight: bold;
    color: #c3c3c3;
}
.nav_dashboard_content_boxes h3 {
    text-align: left;
    font-weight: 300;
    font-size: 1.8em;
    padding-top: 20px;
}
.nav_dashboard_content_boxes h2:hover, .nav_dashboard_content_boxes .active {
    box-shadow: 0 0 4px #c6c6c6;
    background-color: #09c;
    color: #fff;
}
.gdpr_notice {
    border-bottom: 1px solid rgba(150,150,150,.3);
    padding-bottom: 10px;
    margin-top: 35px;
    text-align: left;
    font-size: .9em;
}
.gdpr_notice p {
    padding-bottom:8px;
}
.edit_button {
    background: url("img/icon_dashboard_edit.png") no-repeat scroll 10px bottom #fff;
}

.cancel_button {
    background: url("img/icon_dashboard_cancel.png") no-repeat scroll 10px bottom #fff;     
}

.cancel_button:hover, .cancel_button.active {
    background: url("img/icon_dashboard_cancel.png") no-repeat scroll 10px top #fff;     
}

.edit_button:hover, .edit_button.active {
    background: url("img/icon_dashboard_edit.png") no-repeat scroll 10px top #0099CC;      
}

.dashboard_save_btn {
    background: url("img/bg_save_button_dash.png") no-repeat scroll 4px 4px #fff;     
}

.dashboard_save_btn:hover, .dashboard_save_btn.active {
    background: url("img/bg_save_button_dash.png") no-repeat scroll 4px -40px #fff;      
}



.future_button {
    background-color: #f4f4f4;
}

    .future_button:hover, .future_button.active {
        background: rgb(29,41,57);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMjkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzc4YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, rgba(29,41,57,1) 0%, rgba(44,120,196,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(29,41,57,1)), color-stop(100%,rgba(44,120,196,1)));
        background: -webkit-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: -o-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: -ms-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: linear-gradient(to right, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2939', endColorstr='#2c78c4',GradientType=1 );
    }

.cancelled_button {
    background-color: #f4f4f4
}

    .cancelled_button:hover, .cancelled_button.active {
        background: rgb(29,41,57);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMjkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzc4YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, rgba(29,41,57,1) 0%, rgba(44,120,196,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(29,41,57,1)), color-stop(100%,rgba(44,120,196,1)));
        background: -webkit-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: -o-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: -ms-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: linear-gradient(to right, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2939', endColorstr='#2c78c4',GradientType=1 );
    }

.completed_button {
    background-color: #f4f4f4
}

    .completed_button:hover, .completed_button.active {
        background: rgb(29,41,57);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMjkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzc4YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, rgba(29,41,57,1) 0%, rgba(44,120,196,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(29,41,57,1)), color-stop(100%,rgba(44,120,196,1)));
        background: -webkit-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: -o-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: -ms-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: linear-gradient(to right, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2939', endColorstr='#2c78c4',GradientType=1 );
    }

.next_button {
    background: url("img/icon_next_product.png") no-repeat scroll 10px center;      
}

.next_button:hover, .next_button.active {
    background: url("img/icon_next_product_white.png") no-repeat scroll 10px center;     
}

.nav_dashboard_content_boxes {
    text-align: right;
    margin-bottom: 15px;
    margin-top: 30px;
}


.profile ul {
    margin: 0 0 12px 0;
    width: 100%;
    display: table;
}

.dashboard_label {
    width: 25%;
    text-transform: uppercase;
    color: #002244;
    font-size: .7em;
    padding: 10px 10px 10px 0;
    border-right: 1px dotted #09c;
    background-color: #ffffff;
    display: table-cell;
    vertical-align: middle;
}

.dashboard_info {
    text-align: left;
    color: #002244;
    display: block;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: .9em;
    margin: 2px;
}

.details_id {
    padding: 0 10px;
}

.dashboard_info span {
    font-weight: bold;
    color: #09c;
}

.co-owner span {
    font-weight: normal;
    color: #09c;
    font-size: .8em;    
}

.reference_id {
    font-size: 1.3em;
}

.owner_name {
    font-weight: bold;
}

.co-owner {
    font-size: 1em;
    font-style: italic;
    padding: 5px 0;
    padding-left: 25px;
}

#languageEditor {
    margin-top: 10px;
}

#languageEditor ul {
    margin-bottom: 0;
}

#languageEditor ul li {
    float: left;
    margin: 3px 6px 3px 0;
    padding: 5px 10px;
    border: #024;
    cursor: pointer;
    border: 1px solid #fff;
    font-size: .85em;
}

#languageEditor ul li:hover {
    border: 1px solid #09c;
}

#languageEditor ul li.chosen_language {
    border: 1px solid #09c;
    color: #002244;
                font-weight: bold;
}

.language_id span {
    color: #024;
    padding-right: 10px;
}

#openLanguage {
    /*background: url(img/default_language.png) no-repeat right center;*/
    padding: 5px 0 0;     
    text-transform: uppercase;
    color: #024;
    font-size: .7em;
    cursor: pointer;
    border-bottom: 1px dotted #024;
}

.lang-flag {
    padding-left: 25px !important;
}

.en-GB-flag {
    background: url(/Themes/CLCWebMemberMario/Styles/img/flag/United-Kindom.png) no-repeat 5px center;
}

.es-ES-flag {
    background: url(/Themes/CLCWebMemberMario/Styles/img/flag/Spain.png) no-repeat 5px center;
}

.ru-RU-flag {
    background: url(/Themes/CLCWebMemberMario/Styles/img/flag/Russia.png) no-repeat 5px center;
}

.de-DE-flag {
    background: url(/Themes/CLCWebMemberMario/Styles/img/flag/Germany.png) no-repeat 5px center;
}

.nl-NL-flag {
    background: url(/Themes/CLCWebMemberMario/Styles/img/flag/Netherlands.png) no-repeat 5px center;
}

.it-IT-flag {
    background: url(/Themes/CLCWebMemberMario/Styles/img/flag/Italy.png) no-repeat 5px center;
}

.fr-FR-flag {
    background: url(/Themes/CLCWebMemberMario/Styles/img/flag/France.png) no-repeat 5px center;
}

.tr-TR-flag {
    background: url(/Themes/CLCWebMemberMario/Styles/img/flag/Turkey.png) no-repeat 5px center;
}

/* HOLIDAY GOLD PAGE*/
.content_print {
    margin-top: 10px;
}

.button_print {
    width: 200px;
    height: 40px;
    vertical-align: bottom;
    font-size: 1em;
    border-color: #ece9e9;
    cursor: pointer;
}

.img_button_print {
    vertical-align: top;
    margin-right: 10px;
}

.content_terms_pay {
    background: #F3F3F3;
    clear: both;
    float: left;
    line-height: 1.3;
    padding: 10px;
    width: 660px;
}  

.content_terms {
    background: #e0e0e0;
    clear: both;
    float: left;
    line-height: 1.3;
    margin-top: 10px;
    padding: 10px;
    width: 660px;
}    

    .content_terms span a {
        color: #002244;
    float: left;
        font-size: .75em;
}

.txt_cond1 {
    float: left;
    font-size: .75em;
    margin-bottom: 5px;
}
/* END OF HOLIDAY GOLD */

.pintamos_ofertas_en_resorts {
    float: left;
    padding: 0 0 20px;
    width: 100%;
}

.loaderOffersResort {
    background: none repeat scroll 0 0 white;
    height: 100% !important;
    left: 0;
    opacity: 0.8;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 150;
}

.loaderOffersResort div {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
        position: relative;
    float: left;
}

.loaderFizzOffers {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.9;
    background-color: white;
    z-index: 49;
}

    .loaderFizzOffers div {
        position: absolute;
        top: 50%;
        left: 48%;
        z-index: 10;
    }

.loader-full-screen {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

    .loader-full-screen img {
        position: absolute;
        top: 50%;
        left: 48%;
        z-index: 100;
    }

    /* Transparent Overlay */
    .loader-full-screen:before {
        /*content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;*/
        /*background: radial-gradient(rgba(255, 255, 255,.8), rgba(255, 255, 255, .8));
        background: -webkit-radial-gradient(rgba(255, 255, 255,.8), rgba(255, 255, 255,.8));*/
    }



#headerOffers {
    float: left;
    width: 100%;
}

#headerOffers p {
    border-bottom: 3px solid #0099CC;
    font-size: 0.9em;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: left;
    margin-top: 0px;
}

#offerContainer {
    float: left;
    width: 100%;
}

.offer-container {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    margin-bottom: 20px;
}

.offer-container:hover {
    box-shadow: 0px 2px 4px #c6c6c6;
   -webkit-box-shadow: 0px 2px 4px #c6c6c6;
   -moz-box-shadow: 0px 2px 4px #c6c6c6;
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
}

.offer-container:hover .texto_offers_list {
    background: #e8e8e8;
}

.listado_de_ofertas {
    margin-bottom: 3px;
    width: 100%;
}

.offer-container a {
    text-decoration: none;
}

.banda_oferta {
    height: 56px;
    margin-bottom: 20px;
    background-image: url("img/bg_offers_detail.png");
    background-repeat: no-repeat;
    background-position: left 10px;
    border-bottom: 1px solid #0099cc;
}

.banda_oferta h2,
#offerContainer h1 {
    padding-top: 12px;
    color: #0099cc;
    padding-left: 45px;  
}

.banda_oferta a {
    color: #333;
    padding-top: 5px;
    margin-left: 45px;
    text-decoration: none;
    border-bottom: 1px dotted #024;
}

.link_to_resort {
    right: 0;
    top: 0;
    background-color: #F2FAFC;
    border-left: 1px solid #09c;
    padding: 10px 15px !important;
    border-bottom: 1px solid #09c !important;
}

.link_to_resort:hover {
    background-color: #CCEBF5;
    border-bottom: none;
}

.link_to_resort p {
    padding: 0;
    margin: 0;
    padding: 2px 0 0 0;
}

#offerContainer h2 {
    font-size: .8em;
    color: #333;
    padding-top: 5px;
    font-weight: bold;
    text-decoration: none;
}

.banda_oferta a:hover {
    color: #002244;
}

.banda_oferta h3 {
    font-size: .8em;
    color: #333;
    font-weight: bold;
    text-align: right;
    float: right;
    margin-top: -20px;
    padding-right: 10px;
}

.oferta_resort .banda_oferta:hover {
    background-color: #F2FBFA;
    display: block;
}

.oferta_resort {
    text-decoration: none;
}

.offers_main b, .offers_main strong {
    font-weight: bold;
}

.invite_details {
    background: url("/Themes/CLCWebMemberMario/Styles/img/message_invitation.png") no-repeat 10px center;
}

.invite_email {
    background: url("/Themes/CLCWebMemberMario/Styles/img/send_friends_icon.png") no-repeat 10px center;
}

.invite_pdf {
    background: url("/Themes/CLCWebMemberMario/Styles/img/icon_download_invite.png") no-repeat 10px center;
}

.invite_details p, .invite_email p, .invite_pdf p {
        padding: 0 5px 0 45px !important;
}

/* LOAD MORE BUTTON DE NOTICIAS */
.moreButton {
    height: 30px;
    line-height: 30px;
    margin: 20px 0;
    transition: all 0.2s ease 0s;
}

.moreButton span {
    height: 30px;
    padding: 15px 35px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}

.moreButton p {
    cursor: default;
    color: #09c;
    height: 30px;
    text-transform: uppercase;
    padding: 0px 30px;
}

.moreButton:hover span {
    color: #fff;
    background-color: #09c;
    box-shadow: 0 0 4px #09c;  
}

/* AVAILABILITY PAGE */
.availability_page {
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 15px;
}

.availability_page table {
    margin-top: 10px;
    width: 100%;
}
/*.availability_page table tr:nth-child(odd) {
    background-color: #DFEDFD;
}
.availability_page table tr:nth-child(even) {
    background-color: #F1F8FE;
}*/
.availability_page table th {
    background-color: #001224;
    height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-size: .7em;
    text-align: center;    
}

.availability_resort {
    height: 55px;
    background-image: url(img/bg_availability_resort_name.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 50px;
    font-size: 1em;
    color: #002244;
    text-transform: uppercase;
    background-color: #fff !important;
}

.availability_datos {
    color: #002144;
    text-align: center;
    border-bottom: 1px dotted #ccc;
    height: 45px;
}

.availability_datos:hover {
    background-color: #D8E8ED;
}

.availability_datos td {
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: .95em;
}

.availability_crossedover {
    background-image: url(img/strike_through.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.book,
.create_reservation {
    background-color: #09c;
    width: 200px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;    
}

.book input,
.create_reservation input {
    background-color: #09c;
    color: #fff;
    border: none;
    display: block;
    cursor: pointer;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
}

.book:hover {
    background-color: #002244;
    box-shadow: 0 0 3px #666;
    transform: scale(1.03);
    /*-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    padding: 8px 0;*/
}

.img_location {
    text-align: left;
    background: url(/Themes/CLCWebMemberMario/Styles/img/location.png) no-repeat;
    padding-left: 25px;
    height: 22px; 
}

.availability_in_date {
    font-size: .9em;
    text-align: left;
    background: url(img/in-out.png) no-repeat left -1px;
    padding-left: 20px;
    height: 11px;
    line-height: 12px;
    margin-bottom: 10px; 
    color: #333;   
}

.availability_out_date {
    font-size: .9em;
    text-align: left;
    background: url(img/in-out.png) no-repeat left bottom;
    padding-left: 20px;
    height: 12px;
    line-height: 12px;   
    color: #333;    
}

.create_reservation:hover {
    background-color: #002244;
    box-shadow: 0 0 3px #666;
}

.book:hover input,
.create_reservation:hover input {
    background-color: #002244;
}

.availability_indate {
    background: url(img/availability_in.png) no-repeat 20px center;
}

.availability_outdate {
    background: url(img/availability_out.png) no-repeat 20px center;
}


/* SEARCH RESORTS */
.search_resorts {
    width: 100%;
    clear: both;
    color: #0099cc;
    font-size: 1.7em;
    font-weight: normal;
    margin: 10px 0;
    height: 30px;
    line-height: 30px;
    float: left;
    border-bottom: 1px solid #09c;
    padding-bottom: 15px;
}

.search_resorts_field {
    float: right;
}

#resortName {
    border: 1px solid #0099CC;
    color: #002244;
    float: right;
    font-size: 0.5em;
    height: 26px;
    line-height: 26px;
    min-width: 300px;
    padding: 0 5px;
    margin-bottom: 5px;
}

.search_resorts_button {
    background-color: #0099CC;
    background-image: url(img/bg_search_button.png);
    background-position: 5px 3px;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.4em;
    margin-left: 5px;
    padding: 0px 15px 0px 30px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    height: 28px;
    line-height: 28px;
    }

.search_resorts_button:hover {
    background-color: #002244;
    box-shadow: 0 0 3px #666;
    background-position: 5px -40px;
    }

.autocomlete_results {
    font-size: 0.7em;
    margin: 1px 0 0 !important;
}

.autocomlete_results a {
    color: #024;
    border-radius: 0 !important;   
}

.ui-autocomplete {
    border: 1px solid #c6c6c6;
    border-radius: 0 0 0 0 !important;
    display: block;
    height: auto;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 4px #c6c6c6;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    background-color: #09c;
    margin: 0;
    color: #fff;
}

.list_of_continents {
    border-radius: 0 !important;
    margin-bottom: 15px;
}

.cajas_continentes {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    border: 1px solid #FFFFFF;
    margin-right: 21px;
    width: 120px;
    cursor: pointer;
    text-decoration: none !important;
}

.clickable {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    border: 1px solid #fff;
}

.clickable:hover {
    border: 1px solid #c6c6c6;
    transform: scale(1.03);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=45, Color='#c6c6c6')";
}

.noclickable {
    opacity: .3 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    cursor: default;
    background: #fff;
}

.noclickable:hover {
    transform: scale(1) !important;
    box-shadow: none;
}

.cajas_continentes p {
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .6em;
    padding: 5px;
}

.cajas_continentes div {
    overflow: hidden;
}

.cajas_continentes img {
    display: block;
    margin: 0 auto 0 -8px;
}

.Countries {
    width: 980px;
    position: relative;
    top: 10px;
    float: left;
    margin-bottom: 20px;
}

.Countries ul {
    width: 100%;
    padding: 0;
    float: left;
}

.Countries ul li {
    width: 20%;
    float: left;
}

.Countries ul li a {
    padding: 0 5%;
    /*border-right: 1px solid #09c;*/
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    width: 90%;
    height: 50px;
    float: left;
    font-size: .8em;
    text-decoration: none;
    color: #002244;
}

.Countries ul li:hover {
    color: #002244;
    cursor: pointer;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}

.Countries ul li img {
    width: 20px;
    height: 20px;
    float: left;
    padding: 15px 5px 0 0;
}

.Africa div {
    height: 15px;
    background: url("/Media/Default/continents/arrow_africa.png") no-repeat 38px center;
}

.Asia div {
    height: 15px;
    background: url("/Media/Default/continents/arrow_asia.png") no-repeat 180px center;
}

.Europe div {
    height: 15px;
    background: url("/Media/Default/continents/arrow_europe.png") no-repeat 322px center;
}

.North div {
    height: 15px;
    background: url("/Media/Default/continents/arrow_northamerica.png") no-repeat 465px center;
}

.Oceania div {
    height: 15px;
    background: url("/Media/Default/continents/arrow_oceania.png") no-repeat 605px center;    
}

.South div {
    height: 15px;
    background: url("/Media/Default/continents/arrow_southamerica.png") no-repeat 746px center;    
}

/* RESORT RESULTS */
.resort_results_header {
    height: 287px;
}

.resort_result_infobar {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    background-color: #F7B021;
    font-size: .75em;
    text-transform: uppercase;
    padding-left: 10px;
    z-index: 2;
    position: relative;
}

.resort_result_infobar span {
    text-transform: none;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px solid #fff;
}

.go_back {
    line-height: 30px;
    padding: 0 10px;
    color: #09c;
    text-transform: none;
    padding-left: 30px;
    background: url(img/go_back_arrow.png) #002244 no-repeat 10px 10px;   
}

.go_back a {
    color: #09c;
    text-decoration: none;
    display: block;  
    cursor: pointer;  
}

.go_back:hover {
    background-color: #09c;
    background-position: 10px -30px;
}

.go_back:hover a {
    color: #fff;    
}

.resort_summary_boxes > li {
    float: left;
    margin: 0 5px 10px 5px;
    width: 32%;
    border: 1px solid #c6c6c6;
    position: relative;
}

.resort_summary_boxes > li:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid #c6c6c6;
}

.summary_resort_image {
    width: 100%;
    height: 145px;
    overflow: hidden;
}

.resort_summary_boxes > li > a {
    text-decoration: none;
    display: block;
}

.resort_summary_boxes {
    margin-top: 20px;
}

.resort_summary_boxes a {
    text-decoration: none;
}

.summary_resort_name {
    font-size: .8em;
    padding: 8px 10px;
    color: #002244;
    font-weight: bold;
    background-color: #ddd;
    height: 22px;
    line-height: 14px;
    overflow: hidden;
}

.summary_resort_region {
     font-size: .6em;
    padding: 0 10px;
    color: #002244;
    font-weight: bold;
    background-color: #ddd;
    padding-bottom: 10px;   
}

.summary_resort_description {
    font-size: .7em;
    color: #333;
    text-align: justify;
    padding: 10px;
    line-height: 1.1em;
    height: 45px;
    overflow: hidden;
}

/* NEW FUTURE RESERVATIONS */

.status {
    padding: 15px 5px 0 5px;
}
.status p {
    border-bottom: solid 2px #2c78c4;
    padding: 0 0 15px 0;
}
.botonera {
    flex-grow: 9;
    display: flex;
    align-items:flex-start;
    flex-direction: column;
    justify-content: center;
    font-size:12px;
}
.botonera a {
    text-align: left;
    padding: 7px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-decoration:underline;
    color:#999;
    text-transform:lowercase;
}
#new-future .box-reservation {
    width: 310px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#new-future .product-type {
    color: #1d2939;
    font-weight: bold !important;
    border-bottom: solid 2px #1d2939;
    padding: 15px 0px !important;
}

#new-future .state {
    color: #2c78c4;
    font-weight: bold !important;
    text-align: right;
    border-bottom: solid 2px #2c78c4;
    padding: 15px 0px;
}


#new-future .state0 {
    color: #2c78c4;
    font-weight: bold !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#new-future h5 {
    color: #999999;
    margin: 0 0 5px 0;
    font-size: 11.7px;
}

#new-future h6 {
    font-weight: lighter !important;
    margin: 0px;
    font-size: 9px;
}

#new-future .resort {
    color: #6B6B6B;
    font-weight: bold !important;
    padding-bottom: 10px;
}

#new-future .content {
    color: #6B6B6B;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold !important;
}

.bg_box_style {
    background-repeat: no-repeat;
    background-size: 280px 251px;
    background-position: left;
    background-position: left;
    background-size: contain;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    display: flex;
    justify-content: flex-end;
    border-radius: 10px;
    margin-bottom: 20px;
}
#new-future .bg_box_style {
    background-image: url(/Themes/CLCWebMemberMario/Styles/img/side_maleta.jpg);
}

#new-future .bg_box_style > div {
        display: flex;
    }

#new-future .nav_style {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: #f4f4f4;
    min-width:170px;
}

#new-future .nav_style a:hover {
        background: rgb(29,41,57);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMjkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzc4YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, rgba(29,41,57,1) 0%, rgba(44,120,196,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(29,41,57,1)), color-stop(100%,rgba(44,120,196,1)));
        background: -webkit-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: -o-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: -ms-linear-gradient(left, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        background: linear-gradient(to right, rgba(29,41,57,1) 0%,rgba(44,120,196,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2939', endColorstr='#2c78c4',GradientType=1 );
        -webkit-transition-duration: .2s;
        -moz-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s;
        color: #fff;
        cursor:pointer;
    }

#new-future .box-resort {
    padding-bottom: 10px !important;
}

#new-future .flex-container {
    display: flex;
    align-items: stretch;
    background-color: #ffffff;
    flex-direction: column;
    flex-grow: 5;
}

#new-future .flex-container > div {
        background-color: #f4f4f4;
        color: #6B6B6B;
        flex-direction: column;
        text-align: left;
        padding: 17px 10px;
        flex-grow: 5;
    }

#new-future .div-top {
    margin-bottom: 5px;
}

#new-future .flex-container2 {
    display: flex;
    align-items: stretch;
    margin-top: 5px;
}

#new-future .box-points {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 8;
}

#new-future .net-points {
    background-color: #1d2939;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#new-future .net-points > img {
        padding-left: 5px;
    }

#new-future .points {
    background-color: #2D415C;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#new-future .box-fee {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-grow: 5;
    min-width: 120px;
}

#new-future .reservation-fee {
    background-color: #2c78c4;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#new-future .fee {
    background-color: #4990D6;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#new-future .flex-container3 {
    display: flex;
    flex-grow: 2;
    justify-content:center;
    align-items:center;
}

#new-future .flex-container3 > div {
        color: #6B6B6B;
        text-align: center;
        flex-grow: 1;
        padding: 10px;
    }

#new-future .date {
    color: #999999;
    font-size: 47px;
    font-weight: bold;
    background-color: #ffffff;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

#new-future .box-state {
    margin: 46px 5px 5px 5px;
    width: 155px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: solid 2px #2c78c4;
    align-items:stretch;
}

#new-future .flex-container4 {
    display: flex;
    text-align: center;
    min-height: 35px;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
}

#new-future .box-check {
    flex-grow: 5;
    background-color: #f4f4f4;
    color: #6b6b6b;
    font-size: 18px;
}

#new-future .reservation-number-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    font-weight: bold;
    min-height: 70px;
}

#new-future .reservation-number > h4 {
    color: #6b6b6b;
    font-size: 18px;
    text-align: center;
}

#new-future .reservation-number {
    line-height: 18px;
}

#new-future .tooltip {
    position: relative;
}

#new-future .tooltip .tooltiptext {
        display: none;
        width: 135px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 43%;
        margin-left: -60px;
        transition: all 0.3s;
        font-size: 12px;
        text-align: right;
    }

#new-future .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 82%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

#new-future .tooltip:hover .tooltiptext {
        display: block;
    }

#new-future .state0 > img {
    padding-left: 3px;
}


/* SPINNER */
.app-loading {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.app-loading .spinner {
    height: 100px;
    width: 100px;
    animation: rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.app-loading .spinner .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #2c78c4;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89;
        stroke-dashoffset: -124px;
    }
}
/* END SPINNER */

/* NEW CANCELLED */
#new-cancelled .box-reservation {
    width: 620px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#new-cancelled .product-type {
    color: #1d2939;
    font-weight: bold !important;
    border-bottom: solid 2px #1d2939;
    padding: 10px 0px !important;
}

#new-cancelled .state {
    color: #6b6b6b;
    font-weight: bold !important;
    text-align: right;
    border-bottom: solid 2px #6b6b6b;
    padding: 7px 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    #new-cancelled  .state > img {
        background-color: red;
        border: solid 1px red;
        border-radius: 25px;
        margin-left: 5px;
    }

#new-cancelled h5 {
    color: #999999;
    margin: 0 0 5px 0;
    font-size: 13px;
    padding: 5px;
}

#new-cancelled h6 {
    font-weight: lighter !important;
    margin: 0px;
    font-size: 9px;
}

#new-cancelled .resort {
    color: #6B6B6B;
    font-weight: bold !important;
    padding-bottom: 10px;
}

#new-cancelled .content {
    color: #6B6B6B;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold !important;
}

#new-cancelled .bg_box_style {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    display: flex;
    border-radius: 10px;
    margin-top: 20px;
    justify-content: center;
}

    #new-cancelled .bg_box_style > div {
        display: flex;
    }

#new-cancelled .box-resort {
    padding-bottom: 10px !important;
}

#new-cancelled .flex-container {
    display: flex;
    align-items: stretch;
    background-color: #ffffff;
    flex-direction: column;
    flex-grow: 5;
}

    #new-cancelled .flex-container > div {
        background-color: #f4f4f4;
        color: #6B6B6B;
        flex-direction: column;
        text-align: left;
        padding: 15px 10px;
        flex-grow: 5;
    }

#new-cancelled .div-top {
    margin-bottom: 5px;
}

#new-cancelled .box-points {
    display: flex;
}

#new-cancelled .net-points {
    background-color: #6b6b6b;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 5;
}

#new-cancelled .points {
    background-color: #9a9a9a;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 7;
}

#new-cancelled .flex-container3 {
    display: flex;
    align-items: center;
    justify-content:center;
    flex-grow:2;
}

    #new-cancelled .flex-container3 > div {
        color: #6B6B6B;
        text-align: center;
        flex-grow: 1;
        padding: 10px;
    }

#new-cancelled .date {
    color: #999999;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

#new-cancelled .box-state {
    margin: 10px 10px 10px 0px;
    min-width: 285px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items:stretch;
}

#new-cancelled .flex-container4 {
    display: flex;
    text-align: center;
    min-height: 35px;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
}

#new-cancelled .box-check {
    flex-grow: 5;
    background-color: #f4f4f4;
    color: #6b6b6b;
    font-size: 18px;
}

#new-cancelled .reservation-number-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    font-weight: bold;
    min-height: 70px;
}

#new-cancelled .reservation-number > h4 {
    color: #6b6b6b;
    font-size: 18px;
    text-align: center;
}

#new-cancelled .reservation-number {
    line-height: 18px;
}

#new-cancelled .tooltip {
    position: relative;
}

    #new-cancelled .tooltip .tooltiptext {
        display: none;
        width: 185px;
        background-color: #f4f4f4;
        color: #6b6b6b;
        border: solid 2px red;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 105%;
        left: 51%;
        margin-left: -60px;
        transition: all 0.3s;
        font-size: 13px;
        text-align: right;
    }

     #new-cancelled   .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 105%;
            left: 95%;
            margin-left: -5px;
            border-width: 6px;
            border-style: solid;
            border-color: red transparent transparent transparent;
        }

    #new-cancelled .tooltip:hover .tooltiptext {
        display: block;
    }

/* NEW COMPLETED */

#new-completed .box-reservation {
    width: 620px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#new-completed .product-type {
    color: #1d2939;
    font-weight: bold !important;
    border-bottom: solid 2px #1d2939;
    padding: 10px 0px !important;
}

#new-completed .state {
    color: #6b6b6b;
    font-weight: bold !important;
    text-align: right;
    border-bottom: solid 2px #6b6b6b;
    padding: 7px 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#new-completed .state > img {
    margin-left: 5px;
}

#new-completed h5 {
    color: #999999;
    margin: 0;
    font-size: 13px;
    padding: 5px;
}

#new-completed h6 {
    font-weight: lighter !important;
    margin: 0px;
    font-size: 9px;
}

#new-completed .resort {
    color: #6B6B6B;
    font-weight: bold !important;
    padding-bottom: 10px;
}

#new-completed .content {
    color: #6B6B6B;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold !important;
}

#new-completed .bg_box_style {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    display: flex;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
}

    #new-completed .bg_box_style > div {
        display: flex;
    }

#new-completed .box-resort {
    padding-bottom: 10px !important;
}

#new-completed .flex-container {
    display: flex;
    align-items: stretch;
    background-color: #ffffff;
    flex-direction: column;
    flex-grow: 5;
}

    #new-completed .flex-container > div {
        background-color: #f4f4f4;
        color: #6B6B6B;
        flex-direction: column;
        text-align: left;
        padding: 15px 10px;
        flex-grow: 5;
    }

#new-completed .div-top {
    margin-bottom: 5px;
}

#new-completed .box-points {
    display: flex;
}

#new-completed .net-points {
    background-color: #6b6b6b;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 5;
}

#new-completed .points {
    background-color: #9a9a9a;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 5;
}

#new-completed .flex-container3 {
    display: flex;
    flex-grow: 2;
    padding-top: 20px;
}

    #new-completed .flex-container3 > div {
        color: #6B6B6B;
        text-align: center;
        flex-grow: 5;
        padding: 10px;
    }

#new-completed .date {
    color: #999999;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

#new-completed .box-state {
    margin: 10px 5px;
    min-width: 285px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#new-completed .flex-container4 {
    display: flex;
    text-align: center;
    min-height: 35px;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
}

#new-completed .box-check {
    flex-grow: 5;
    background-color: #f4f4f4;
    color: #6b6b6b;
    font-size: 18px;
}

#new-completed .reservation-number-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    font-weight: bold;
    min-height: 70px;
}

#new-completed .reservation-number > h4 {
    color: #6b6b6b;
    font-size: 18px;
    text-align: center;
}

#new-completed .reservation-number {
    line-height: 18px;
}

/* FUTURE RESERVATIONS */
.reservation_blocks {
    width: 100%;
    border-right: 5px solid #ccc;
}


.reservation_id {
    background: none repeat scroll 0 0 transparent !important;
    border-right: 1px solid #002244;
    font-size: 0.65em;
    width: 200px !important;
    margin: 8px 0;
}

.reservation_resortname {
    background: url("img/resort_reservations_icon.png") no-repeat scroll 20px center transparent;
    font-size: 0.9em;
    font-weight: normal;
    padding: 5px 5px 5px 45px;
}

.reservations_days_in-out {
    width: 125px !important;
    float: left;
    height: 60px;
    border-right: 1px solid #c6c6c6;
}

.reservations_days_in-out .dashboard_in {
    background: none;
}

.reservations_days_in-out li {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 10px;
    padding: 0;
    font-size: .9em;
}

.dashboard_in,
.dashboard_out {
    padding-left: 10px;
    width: 130px !important;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.dashboard_in img,
.dashboard_out img {
    padding-right: 10px;
}

.reservation_room {
    padding-left: 10px;
    vertical-align: middle;
    text-align: left;
    border-left: 1px solid #CCCCCC;
    width: 650px;
}

.reservation_status {
    width: auto;
    border-left: 1px solid #c6c6c6;
    width: 81px;
}

.status_onhold, .status_unconfirmed {
    background: url(img/status_pending.png) no-repeat left center;    
}

.status_confirmed {
    background: url(img/status_confirmed.png) no-repeat left center;
    height: 20px;
    padding-top: 5px;
}

.status_inhouse {
    background: url(img/status_inhouse.png) no-repeat left center;    
}

.reservation_confirmed_icon {
    background: url(img/status_confirmed_big.png) no-repeat center center;
    height: 95px;
    font-size: .5em;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

.reservation_pending_icon {
    background: url(img/status_pending_big.png) no-repeat center center;
    height: 95px;
    font-size: .5em;
    text-transform: uppercase;
    text-align: center;
}

.reservation_cancelled_icon {
    background: url(img/status_cancelled_big.png) no-repeat center center;
    height: 95px;
    font-size: .5em;
    text-transform: uppercase;
    text-align: center;    
}

.reservation_completed_icon {
    background: url(img/status_completed_big.png) no-repeat center center;
    height: 95px;
    font-size: .5em;
    text-transform: uppercase;
    text-align: center;
}

.reservation_inhouse_icon {
    background: url(img/status_inhouse_big.png) no-repeat center center;
    height: 95px;
    font-size: .5em;
    text-transform: uppercase;
    text-align: center;
}

.reservation_info_bar {
    background-color: #fefefe;
    border-top: 1px solid #999;
    vertical-align: middle;
    height: 50px;
}

.border_bottom_td {
    border-bottom: 1px solid #ccc;
}

.reservation_info_bar_tr {
    background-color: #f1f1f1;
    border-top: 1px dotted #ccc;
}

.reservation_points {
    width: 250px;
    color: #002244;
    padding-right: 10px;
}

.reservation_points span {
    background-color: transparent !important;
}

.reservation_points p {
    padding: 4px 0;
    margin-right: 0px;    
}

.ressubtype {
    color: #002244;
    font-size: 0.8em;
    padding-left: 10px;
    font-weight: bold;
    width: 380px;
}

.week_nro_clicktohide {
    border: 1px solid #c6c6c6;
    clear: both;
    display: block;
    margin: 20px 0 0;
    overflow: hidden;
    width: auto;
    text-decoration: none;    
}

div.clicktohide {
    border: 1px solid #999;
    clear: both;
    display: block;
    margin: 20px 0px;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    box-shadow: 0 0 6px #c6c6c6;
}

    div.clicktohide:hover {
        box-shadow: 1px 1px 8px #c6c6c6;
    }


    div.clicktohide span {
        background-color: #FFFFFF;
    }

.dashboard_reservation_details {
    clear: both;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

    .dashboard_reservation_details li {
        color: #002244;
        display: block;
        font-size: 0.7em;
        margin: 2px;
        text-align: left;
        text-transform: uppercase;
        cursor: pointer;
        padding: 8px 2px 8px 10px;
    }

.confirm-cancel {    
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;   
}

.dashboard_reservation_details li:hover {
}

.divtohide {    
    display: block;
    width: 100%;    
}
.button_confirm svg,
.button-cancel-reserva svg,
.button_confirmationletter svg,
.button_pay svg,
.button_packages svg,
.button_flight svg,
.button_speedy svg,
.button_planner svg,
.button_resort svg,
.button_guest svg,
.button_cruises svg {
    color: #999;
    fill: #999;
    margin-right: 5px;
    top: 3px;
    position: relative;
}

.button_confirm:hover svg,
.button-cancel-reserva:hover svg,
.button_confirmationletter:hover svg,
.button_pay:hover svg,
.button_packages:hover svg,
.button_flight:hover svg,
.button_speedy:hover svg,
.button_planner:hover svg,
.button_resort:hover svg,
.button_guest:hover svg,
.button_cruises:hover svg {
    color:#fff;
    fill:#fff;
}

.close_favorites {
    background-color: #0099CC;
    box-shadow: 0 0 4px #666666;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.6em;
    padding: 10px 12px;
    position: absolute;
    right: -5px;
    text-transform: uppercase;
    top: -5px;
    z-index: 4;
}

.close_favorites:hover {
    background-color: #024;
    color: #fff;
}

/* FORMULARIOS */
.departure, .return {
    width: 49%;
    display: inline-block;
    float: left;
    font-size: .7em;
}

.return {
    float: right;
}

.departure .label, .return .label {
        text-align: left;
    width: 100%;
    display: block;
    float: left;
    padding-bottom: 5px;
    border-left: 1px solid #c6c6c6;
    padding-left: 5px;
    color: #666;
    font-size: .7em;
    text-transform: uppercase;
}

.departure input, .return input {
    border: none;
    background-color: #f0f0f0;
        border-left: 1px solid #c6c6c6;
    color: #0099CC;
    padding: 5px;
    text-transform: uppercase;
    width: 100%;
}

.departure .field-validation-error {
    width: 20% !important;
}

.departure li, .return li {
    margin: 10px 5px 15px 5px;
    overflow: hidden;
}

.departure_title, .return_title {
    background: url(/Themes/CLCWebMemberMario/Styles/img/departure_icon.png) no-repeat scroll left center transparent;
    border-bottom: 1px dotted #C6C6C6;
    color: #C6C6C6;
    font-size: 2em;
    height: 50px;
    line-height: 50px;
    padding-left: 80px;
}

.return_title {
    background: url(/Themes/CLCWebMemberMario/Styles/img/arrival_icon.png) no-repeat scroll left center transparent;    
}

.departure-time {
    width: 47%;
    display: inline-block;
    float: left;
    margin-left: 5px !important;
    margin-right: 0 !important;
}

.arrival-time {
    width: 48%;
    display: inline-block;
    float: right;
}

.save_button {
    background-color: #0099CC;
    background-image: url("img/bg_save_button.png");
    background-position: 5px 3px;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.65em !important;
    height: 28px;
    line-height: 28px;
    padding: 0 15px 0 30px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    display: block;
    margin: 10px auto;
}

.save_button:hover {
    background-color: #002244;
    box-shadow: 0 0 3px #666;
    background-position: 5px -40px;
}

.ui-datepicker {
    box-shadow: 0 0 10px #000;
    font-size: .9em !important;
}

.ui_tpicker_hour_slider {
    background-color: #C6C6C6 !important;
}

.ui-autocomplete {
    width: auto !important;
}

.input-validation-error {
    background-color: #FFEAEA !important;
    color: #000 !important;
}


/**************************************** PASSWORD METER *********************************************************/
.password {
    background-color: #F1F1F1;
    border: medium none !important;
    font-size: 12px;
    margin: 3px 3px 0 0;
    width: 300px;
}

.text-box {
    padding: 6px;
}

.change_pwd {
    margin: 10px 0;
    display: block;
}

.pstrength-minchar {
    font-size: 10px;
}

.change {
    padding: 6px;
}
/**************************************** OWNER DETAILS *********************************************************/
.InputOwnerDetails {
    border: medium none;
    color: #002244;
    padding-left: 20px;
    width: 300px;
}

.EditMode {
    background: none repeat scroll 0 0 #F1F1F1 !important;
    color: #002244;
    font-size: 0.9em;
    margin: 3px 3px 3px 0;
    padding-bottom: 6px;
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 6px;
    text-align: left;
}

.OwnerDetailsEditCheckbox:disabled {
    display: none !important;
}

.OwnerDetailsEditButton {
    background: url("/Themes/CLCWebMemberMario/Styles/img/delete_email.png") no-repeat scroll center center transparent;
    cursor: pointer;
    width: 10px;
    height: 13px;
    vertical-align: middle;
    display: none;
    margin-top: 8px;
}

.EditModeButtons {
    display: inline-block !important;
    vertical-align: 0px;
}

.EditModeCheckBox:enabled {
    display: inline !important;
    vertical-align: top;
}

#setdefaultemail {
    padding-left: 308px;
    font-size: .6em;
    display: none;
    width: 12%;
}

.label_pwd {
    text-transform: uppercase;
    font-size: 0.7em !important;
    padding-top: 5px;
}


/**************************************** TOAST MESSAGES *********************************************************/
.toast-container {
    width: 280px;
    z-index: 9999;
}


* html .toast-container {
    position: absolute;
}

.toast-item {
    height: auto;
    background: #09c;
    opacity: 0.9;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #fff;
    padding: 20px 6px;
    padding-bottom: 20px;
    font-size: 14px;
    border: 2px solid #fff;
    display: block;
    position: relative;
    margin: 0 0 12px 0;
    box-shadow: 0 0 4px #333;
}

.toast-item p {
    text-align: left;
    margin-left: 50px;
    padding-left: 20px;
    border-left: 1px dotted #fff;
    font-size: .9em;
}

/*.toast-item-close {
    background:url(/Themes/CLCWebMemberMario/Styles/img/toastmessages/close.gif);
    width:22px;
    height:22px;
    position: absolute;
    top:7px;
    right:7px;
}*/

.toast-item-image {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}

.toast-item-image-notice {
    background: url(/Themes/CLCWebMemberMario/Styles/img/toastmessages/notice.png);
}

.toast-item-image-success {
    background: url(/Themes/CLCWebMemberMario/Styles/img/toastmessages/success.png);
}

.toast-item-image-warning {
    background: url(/Themes/CLCWebMemberMario/Styles/img/toastmessages/warning.png);
}

.toast-item-image-error {
    background: url(/Themes/CLCWebMemberMario/Styles/img/toastmessages/error.png);
}


/**
* toast types
*
* pattern: toast-type-[value]
* where 'value' is the real value of the plugin option 'type'
*
*/
.toast-type-notice {
    color: white;
}

.toast-type-success {
    color: white;
}

.toast-type-warning {
    color: white;
    border-color: #fff;
}

.toast-type-error {
    color: white;
    border-color: #fff;
}

/**
* positions
*
* pattern: toast-position-[value]
* where 'value' is the real value of the plugin option 'position'
*
*/
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.daystopoints { /*TABLA DE CONVERSION DE PUNTOS*/
    width: 676px;
    margin: 0 auto;
    margin: 0 auto;
    font-size: .8em;
    margin: 0 0 20px 0;
}

.daystopoints .first-row { /* TALBA TH ROW */
    border-top: 1px solid #09c;
}

.daystopoints .first-row td {
            font-size: 1.1em;
            text-align: center;
    background-color: #024;
            color: #fff;
    padding: 10px 5px;
    border-bottom: 3px solid #09c;
}

.daystopoints tr {
        border-top: 1px dotted #024;
}

.daystopoints tr:hover {
    /*background-color: #f1f1f1;
    color: #024;*/
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    color: #09c;
    box-shadow: 0 0 10px #c6c6c6;
}

.daystopoints td {
        text-align: center;
    padding: 15px 0;
}

.changepoints_year {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    padding: 2px 10px !important;
    font-size: 1.3em;
    border-right: 1px solid #C6C6C6;
    width: 40px;
}

.changepoints_days, .points_converted {
    text-align: center;
    width: 150px;
}

.points_balance {
    font-size: 1.2em;
    font-weight: bold;
    padding-right: 20px !important;
    text-align: right !important;
}

.changepoints_fromdate {
    text-align: center;
}

.changepoints_todate {
    text-align: center;
}

.changepoints_reservationid {
    text-align: left !important;
    padding-left: 20px !important;
    width: 300px;
    font-size: .9em;
}

.change_ok {
    padding: 15px;
    color: #fff;
    display: block;
}

.convertible_with_warning .checkBox {
    background: url("/Themes/CLCWebMemberMario/Styles/img/warning_icon.png") no-repeat scroll 230px center transparent !important;
}

.convertible .convert_points_button {
    background: url("/Themes/CLCWebMemberMario/Styles/img/checkbox_off.png") no-repeat scroll center center;
    color: #FFFFFF;
    padding-left: 15px;
}

.convertible_with_warning .convert_points_button {
    background: url("/Themes/CLCWebMemberMario/Styles/img/checkbox_off.png") no-repeat scroll center center;
    color: #FFFFFF;
    padding-left: 15px;
}

.convertible .checked_on {
    background: url("/Themes/CLCWebMemberMario/Styles/img/checkbox_on.png") no-repeat scroll center center;
}

.convertible_with_warning .checked_on {
    background: url("/Themes/CLCWebMemberMario/Styles/img/checkbox_on.png") no-repeat scroll center center;
}

.convert_points_button_selectall {
    background: url("/Themes/CLCWebMemberMario/Styles/img/checkbox_big_off.png") no-repeat scroll center center; 
    padding-left: 5px;  
    cursor: pointer;
    float: right;
    height: 30px;
    width: 30px; 
}

.checked_on_bigger {
    background: url("/Themes/CLCWebMemberMario/Styles/img/checkbox_big_on.png") no-repeat scroll center center;     
}

.no_convertible {
    background-color: #F1F1F1 !important;
    color: #C6C6C6;
}

.convertible_with_warning {
    /*background-color:#F9C12B !important;*/
}

.convert_points_button {
    background: url("/Themes/CLCWebMemberMario/Styles/img/checkbox_off.png") no-repeat scroll center center;
    color: #FFFFFF;
    padding-left: 15px;
}

.convertible_with_warning_message {
    color: #000000;
    display: inline-block;
    float: left;
    font-size: 0.85em;
    width: 75%;
}

.no_convertible_message {
    font-size: .85em;
    color: #666;
    padding-right: 20px;
}

.convert_points_button {
    cursor: pointer;
    float: right;
    font-size: 1.1em;
    text-align: center;
    height: 30px;
    width: 30px;
}

.checkBox {
    vertical-align: middle;
}

.cancel_convert, .confirm_convert {
    background-color: #09c;
}

.convert_points_resort {
    background: url("/Themes/CLCWebMemberMario/Styles/img/icon_fecha_noticias.png") no-repeat scroll 30px center;
}

.select_all_weeks {
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_right.png") no-repeat right center;
    margin: 0;
    padding: 0;
    padding-right: 25px;
}

.convert_points_text {
    margin-bottom: 10px;
}

.convert_points_text ol {
    list-style-type: none;
    margin-left: 10px;
    padding: 15px 0 0 20px;
}

.convert_points_text ol li {
    padding: 10px 0 10px 35px;
    line-height: 1.5em;
}

.first_li {
    background: url("/Themes/CLCWebMemberMario/Styles/img/vineta_ol_1.png") no-repeat left 4px !important;
}

.second_li {
    background: url("/Themes/CLCWebMemberMario/Styles/img/vineta_ol_2.png") no-repeat left 4px !important;    
}

.third_li {
    background: url("/Themes/CLCWebMemberMario/Styles/img/vineta_ol_3.png") no-repeat left 4px !important;      
}

.warning_step {
    background: url("/Themes/CLCWebMemberMario/Styles/img/warning_icon.png") no-repeat scroll 4px 9px transparent !important; 
}

.hw_in, .hw_out {
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
}

.convert_resort_name {
    color: #0099CC;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    padding: 5px 5px 5px 0px;    
}

.points_per_week {
    color: #333;
    font-size: .7em;
    padding: 5px 0 10px 0;
}

.points_per_week span {
    font-size: 1.5em; 
    font-weight: bold;
    color: #09c;
}

.inventory_roomnumber {
    font-size: .7em;
    padding: 5px 0;
}

.inventory_roomnumber span {
    font-size: 1.4em; 
    color: #09c;
}

.occupancy {
    font-size: .7em;
    padding: 5px 0;    
}

.occupancy span {
    font-size: 1.4em; 
    color: #09c;    
}

.history_points {
    background-color: #DDDDDD;
    color: #002244;
    padding: 15px 0 15px 50px;
    cursor: pointer;
    background: url("/Themes/CLCWebMemberMario/Styles/img/history_back.png") no-repeat 10px center #DDDDDD;
}

.transaction_date {
    width: 100px;
    font-weight: bold;
    border-right: 1px solid #C6C6C6;
}

.historytable {
    font-size: 1em !important;
}

.historytable tr:hover {
    box-shadow: none;
    border-bottom: 1px dotted #024;
}

.statement_table {
    margin: 0 auto;
    margin: 0 auto;
    font-size: .8em;
    margin: 0 0 20px 0;
}

.statement_table tr:nth-child(even) td {
    background-color: #F5FBFD;
}

.statement_table tr:nth-child(odd) td {
}

table tr:nth-child(even) td {
}

.statement_table td {
    text-align: center;
    padding: 15px 0;
}

.statement_table tr {
    border-top: 1px dotted #024;
}

.statement_date {
    font-weight: bold;
    padding: 0 5px !important;
}

.statement_description {
    width: 230px;
    padding: 10px 0px !important;
}

.gross_points {
    border: 1px dotted #A7E0D2;
    padding: 5px;
    background: #E8F7F3;
    margin-bottom: 5px;
}

.statement_table .first-row td {
    font-size: 1.1em;
    text-align: center;
    background-color: #024;
    color: #fff;
    padding: 10px 5px;
    border-bottom: 3px solid #09c;
}

.statement_account td {
    background-color: #002244 !important;
}

.detail {
    margin: -15px 0;
}

.detail li {
    font-size: 0.85em;
    margin: 0px;
    padding: 4px;
}

.detail li span {
    font-weight: bold;
    font-size: 1.1em;
}

.points_total {
    padding: 5px !important;
    font-weight: bold;
    border-left: 1px solid #c6c6c6;
    font-size: 1.2em;
}

.pass {
    width: 262px;
}

.pass input {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #09c;
    font-size: 1.1em;
}

.row label {
    clear: both !important;
    display: block;
    font-size: 0.7em !important;
    padding-top: 5px;
    text-transform: uppercase;
}

.oldpassword {
    margin: 10px 0 4px 0;
}

.isdefault {
    font-size: 0.7em;
    background: url("/Themes/CLCWebMemberMario/Styles/img/isdefault.png") no-repeat right center;
    vertical-align: middle;
    padding-right: 10px;
    display: none;
}

.EditModeCheckBox {
    vertical-align: middle;
    margin: 0;
}

.OwnerDetailsEditCheckbox:disabled {
    vertical-align: middle;
}

/*PRODUCTS PAGE */
.products_container {
    margin-top: 10px;
}

.product_name {
    background-color: #FFFFFF;
    border: 1px solid #002244;
    box-shadow: 0 0 4px #666666;
    display: block;
    padding: 15px;
}

.product_name_container {
   background-color: #c6c6c6;
   padding: 5px;
}

.product_title {
    background-color: #09c;
    color: #fff;
    padding: 6px;
    border-top: 2px solid #024;
}

.prodname_label {
    text-transform: uppercase;
    border-bottom: 1px dotted #c6c6c6;
    font-size: .55em;
    color: #09c;
    padding-bottom: 3px;
    margin-top: 10px;
}

.imagen_producto {
    border: 1px solid #024;
    box-shadow: 0 2px 4px #c3c3c3;
    margin: 5px auto;
}

.points_summary .first-row {
    background-color: #002244;
    color: #fff;
    font-size: .8em;
}

.points_summary .first-row td {
    padding: 10px 0;
}

.points_summary td {
    font-size: .9em;
    padding: 8px 20px;
}

.points_summary tr {
    border-bottom: 1px dotted #c6c6c6;
}

.amount {
    font-size: 1em !important;
    font-weight: bold;
}

.summary_descr {
    font-size: .7em;
}

.bonus_points_container {
    padding: 15px;
    margin: 10px 0 20px 0;
}

.bonus_points {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bonus_points.png") no-repeat center center;
    display: table;
    font-size: 0.9em;
    height: 67px;
    left: 0;
    text-rendering: optimizelegibility;
    top: -10px;
    width: 200px;
}

.bonus_points p {
    margin: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.bonus_text {
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
    width: 190px;
}

.week_nro {
    background: url("/Themes/CLCWebMemberMario/Styles/img/week_nro.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    float: right;
    font-size: 0.9em;
    height: 72px;
    padding-top: 35px;
    right: 5px;
    text-align: center;
    text-rendering: optimizelegibility;
    top: -25px;
    width: 60px;
}

.week {
    text-transform: uppercase;
}

.points_nro_fpoc {
    /*background: url("/Themes/CLCWebMemberMario/Styles/img/fpoc_pending_points_product_nro.png") no-repeat scroll center center transparent;*/
    color: #024;
    float: right;
    height: 42px;
    padding-top: 35px;
    right: 15px;
    text-align: center;
    text-rendering: optimizelegibility;
    top: 15px;
    width: 180px;
    font-size: 1.7em;
}

.points_product {
    padding-top: 3px;
    margin-bottom: -2px;
}

.fpoc_europe_points {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #09c;
    margin-top: 5px;
    margin-bottom: 5px;
}

.fpoc_europe_weeks {
    margin: 5px 10px;
    padding-left: 10px;
    border-left: 1px dotted #09c;
}

.number_weeks_fpoc {
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.week_fractional {
    font-size: 1em;
    padding: 10px;
}

.traded_weeks {
    background: none repeat scroll 0 0 #F9F9F9;
    border-top: 1px solid #002244 !important;
    height: 50px;
    margin-top: 10px;
    padding-top: 5px;
}

.traded_boxes {
    border-color: #c6c6c6 !important;
}

/**************************************** AVAILABILITY *********************************************************/
.OwnerPointBalancePocket {
    background: none repeat scroll 0 0 #024;
    border-top: 3px solid #FFFFFF;
    bottom: 0px;
    box-shadow: 0 0 2px #000000;
    position: fixed;
    right: 0px;
    color: #fff;
    z-index: 200;
    padding: 0;
    height: 70px;
}

.available_containers {
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_available_points.png") no-repeat scroll center center transparent;
    margin: 0px 0 5px 0;
    border-bottom: 1px dotted #09c;
    padding: 5px 0 10px 0;
}

.you_have_year {
    font-size: 1.2em;
}

.available_points {
    font-size: 1.2em;
}


/**************************************** BOOKING PAYMENT ******************************************************/
.booking_payment_container {
    padding: 10px;
    border: 1px solid #c6c6c6;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.reservation_indate {
    background: url("img/availability_in.png") no-repeat scroll 10px 3px;
    padding-left: 25px !important;
}

.reservation_outdate {
    background: url("img/availability_out.png") no-repeat scroll 10px 3px;
    padding-left: 25px !important;    
}

.hightlight_points {
    background: url("img/highlight_points.png") no-repeat scroll left 105px transparent;
    overflow: visible !important;
    padding-bottom: 10px;
}

.amount_to_pay {
    border-bottom: 1px solid #09c;
    padding-bottom: 3px !important;
    font-size: 1.3em; 
    margin-bottom: 30px !important;
    vertical-align: text-bottom;
}

.cvv input {
    float: left !important;
    width: 50%;
}

.termsandcond_form {
     border-top: 1px dotted #024;
     padding-top: 8px;
     line-height: 1.2em;
}

.termsandcond_form p {
    padding-bottom: 5px;
}

.termsandcond_form h4 {
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 1.1em;
}

.form_booking_container {
    padding: 10px;
    padding-top: 30px;
    width: auto !important;
    clear: both;
}
/*.form_booking {
    border-right: 1px solid #c6c6c6;
    padding-right: 15px;
}*/
/*#PaymentForm {
    position: relative;
}*/
.form_text {
    font-size: .8em;
    padding-top: 30px;
    padding-bottom: 20px;
}

.hidden_fee_amount {
    margin-top: 18px !important;
}

.amount_field {
    /*font-size: 1.1em;*/
    text-align: right;
}

.amount_figures {
    font-size: 1.3em;    
}

.reservation_created {
    background: url("/Themes/CLCWebMemberMario/Styles/img/reservation_created.png") no-repeat scroll left top transparent !important;
    padding-left: 30px;
}

.reservation_onhold {
    background: url("/Themes/CLCWebMemberMario/Styles/img/reservation_onhold.png") no-repeat scroll left top transparent !important;
    padding-left: 30px;
}

.reservation_failed {
    background: url("/Themes/CLCWebMemberMario/Styles/img/reservation_failed.png") no-repeat scroll left top transparent !important;
    padding-left: 30px;
}

.booking_created_container {
    background: none;
}

.payment_terms p {
    font-size: .8em;
    line-height: 20px;
}

.booking_conf_error_message ul {
    width: 80%;
    margin: 0 auto;
}

.booking_conf_error_message ul li {
    text-align: center !important;
}

.points_discount {
    background: url("/Themes/CLCWebMemberMario/Styles/img/points_discount.png") no-repeat scroll right top transparent !important;
    height: 98px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -25px;
    top: -15px;
    width: 98px;
    color: #fff;
    transform: rotate(15deg);
    -ms-transform: rotate(15deg); /* IE 9 */
    -moz-transform: rotate(15deg); /* Firefox */
    -webkit-transform: rotate(15deg); /* Safari and Chrome */
    -o-transform: rotate(15deg); /* Opera */
}

.points_discount p {
    text-transform: uppercase;
}

.points_discount span {
    padding-top: 23px;
    display: block;
    font-size: 2em !important;
}

.booking_confirm_title {
    padding: 0px 0 10px 0;
    font-size: 35px;
    border-bottom: 1px dotted #024;
}

.booking_confirm_subtitle {
    font-size: 0.9em;
    padding-bottom: 20px;
    padding-top: 5px;
}

.booking_confirm_descr {
    line-height: 1.4em;
}

.booking_confirm_label {
    border-bottom: 1px solid #09c;
    margin-bottom: 10px;
}

.you_save {
    margin-top: 12px;
    border-top: 1px dotted #024;
    padding-top: 10px;
    font-weight: 100;
}

/* NEW AVAILABILITY PAGE */
.steps {
    background: url(img/bg_steps.jpg) repeat-x center 10px;
    margin: 0px auto 20px auto;
}

.stepok {
    margin: 0 5px;
    background: url(img/bg_steps_ok.jpg) repeat-x center 10px;
    width: 280px;
    vertical-align: top;
}

.stepon {
    margin: 0 5px;
    background: url(img/bg_steps_on.jpg) repeat-x center 10px;
    width: 280px;
    vertical-align: top;
}

.stepoff {
    margin: 0 5px;
    background: url(img/bg_steps_off.jpg) repeat-x center 10px;
    width: 280px;
    vertical-align: top;
}

.stepwrong {
    margin: 0 5px;
    background: url(img/bg_steps_wrong.jpg) repeat-x center 10px;
    width: 280px;
    vertical-align: top;    
}

.stepon h3, .stepoff h3, .stepok h3, .stepwrong h3 {
    font-size: 1.5em;
    height: 35px;
    padding-top: 20px;
}

.stepon td, .stepoff td, .stepok td, .stepwrong td {
    padding: 0 5px;
    vertical-align: middle;
    height: 25px;
}

.stepon p, .stepoff p, .stepok p, .stepwrong p {
    vertical-align: middle;
    height: 25px;
    padding-left: 5px;
}

.border-steps {
    border-right: 1px solid #09c;
}

.your_accommodation {
    border-bottom: 2px solid #09c;
    font-size: 1.4em;
    padding-bottom: 3px;
    margin-bottom: 20px;
}

#contador_container {
    margin: 10px auto 30px auto;
    background: url(img/bg_contador.png) repeat-x center center;
}

.contador {
    width: 300px;
    padding: 10px;
    background-color: #fff;
    border: 1px dotted #c6c6c6;
}

.contador #stage_jbeeb_3 {
    margin: 8px auto !important;
}

#box_jbeeb_7, #box_jbeeb_11 {
    background-color: #005F7D !important;
}

.contador_message {
    padding: 2px 0 2px 0;
}

.prod_detailed {
    padding: 5px 0 10px 0px;
    margin: 0 5px;
}

.prodname_info {
    margin-bottom: 20px;
    font-size: .8em;
    color: #024;
    padding-left: 00px;
    padding-top: 3px;
    height: 15px;
}

.booking_resort_name {
    height: auto;
}

/******************************************* ALERTS BOXES (POP UPS DE JQUERY)************************************************/
/*********************************** MENSAJES POP UP DE CONFIRMACION, CANCELACION, ETC. *************************************/
#dialog-confirm, #complete-contract, #convertPointsPopUp, #reservationPopUp #bankTransferPopUp {
    min-width: 400px !important;
    max-width: 650px !important;
}

.alerts_content, #dialog-confirm p, #complete-contract p {
   padding: 10px 0;
    font-size: .8em;
}

ul.confirm_list {
    margin-left: 15px;
    padding: 10px 5px;
}

ul.confirm_list li {
    display: inline-block;
    margin: 5px;
    background-color: #09c;
    color: #fff;
    padding: 5px;
}

/*************************************************** EASY TOOLTIP ***********************************************************/
#easyTooltip {
    padding: 15px;
    border: 2px solid #FFF;
    background: #09C;
    border-radius: 5px;
    box-shadow: 0 2px 4px #c6c6c6;
    color: #fff;
    font-size: .8em;
    width: auto;
    margin-left: 20px;
}


/*************************************************** PRODUCT PAGE ***********************************************************/
.btn_convert_points, .btn_points_statement {
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #09c;
    color: #fff;
    cursor: pointer;
    font-size: .8em;
}

.btn_convert_points:hover {
    background-color: #024 !important;
    box-shadow: 0 0 4px #024;
}

.btn_points_statement:hover {
    background-color: #024 !important;
    box-shadow: 0 0 4px #024;
}

.products_navigation {
    margin-top: 20px;
}


/****************************************** LEGAL STUFF **************************************************/
#legal, #cookie {
    margin: 20px auto 10px;
    width: 80%;
}

#legal h3, #cookie h3 {
    font-size: .9em;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
    color: #024;
}

#legal h2, #cookie h2 {
    font-size: 1em;   
    margin-top: 20px;
    margin-bottom: 0px;  
    color: #024; 
}

#legal p {
    font-size: .8em;
    padding-bottom: 3px;
    line-height: 1.1em;
}

#cookie li {
    font-size: .9em;
    padding-bottom: 3px;
    line-height: 1.3em;
}

#legal a, #cookie a {
    text-decoration: none;
    color: #09c;
}

#legal a:hover, #cookie a:hover {
    border-bottom: 1px dotted #09c;
}

#cookie strong {
        font-weight: bold;
        padding-bottom: 5px;
}

.legal_titles {
    font-size: 2em;
    margin-top: 30px;
    margin-bottom: 50px;
    padding-bottom: 2px;
    padding-left: 45px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/legal_stuff.png") no-repeat left center;
}

.cookies_policy {
    width: 100%;
    margin: 20px 0;
    border: 2px solid #024 !important;
}

.cookies_policy th {
    background-color: #024;
    color: #fff;
    padding: 10px 10px;
    font-size: .8em;
    border-bottom: 2px solid #09c;
}

.cookies_policy td {
    font-size: .8em;
    padding: 10px;
    border: 1px solid #c6c6c6;
}

.cookies_policy tr:nth-child(odd) {
        background-color: #f8f8f8;
}

.cookies_policy tr:nth-child(even) {
        background-color: #fff;
}


/******************************************* NO RESERVATIONS MESSAGE ****************************************************/
.reservations_messages_container {
    margin-top: 50px;
    padding: 30px;
    min-height: 250px;
}

.reservations_messages_container h2 {
    border-bottom: 1px dotted #09c;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 1.4em;
}

.reservations_messages_container p {
    font-size: .8em;
    padding-left: 25px;
}

p.check_our_offers a {
    font-size: 1.1em;
    padding-top: 20px;
    text-decoration: none;
}

/***************************************** ERROR PAGES & NOT FOUND **************************************************/
.error_container {
    padding-top: 60px;
    margin: 0 auto;
    padding-left: 70px;
    min-height: 400px;
}

    .error_container h1 {
    font-size: 2.5em;
        border-left: 3px solid #09c;
    padding-left: 30px;
    margin-left: -2px;
        font-weight: 100;
}

.error_container h3 {
    font-size: 1.2em;
    padding-top: 30px;
        border-left: 3px solid #09c;
    padding-left: 30px;
    margin-left: -2px;
}

.error_container h4 {
    font-size: .8em;
    padding-top: 20px;
        border-left: 3px solid #09c;
    padding-left: 30px;
    margin-left: -2px;
}

.error_container .error_message {
        margin-left: 30px;
        border-left: 1px dotted #09c;
    width: 75%;
    min-height: 300px;
    padding-top: 30px;
}

.error_icon {
    padding-top: 30px;
}

.error_page {
}

.not_found {
}
    
.link_offer {
    text-decoration: none;
}

/********************************************** PAGINAS DE CONTENIDOS ***************************************************/
/*opcion 1 paginas estaticas*/
.pagina_estatica {
    margin-top: 50px;
    margin-bottom: 20px;
}

.listas-contenidos {
    width: 90%;
}

.listas-contenidos li {
    padding: 0;
    margin: 0;
    padding: 10px 0 10px 15px;
    font-size: .9em;
    margin-left: 15px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/vineta_2.jpg") no-repeat scroll left 15px transparent;
}

.pagina_contenidos_img {
}
    
.pagina_contenidos_texto {
    font-size: 1em !important;
}

.pagina_contenidos_texto h2 {
    font-size: 3.5em !important;
        font-weight: 100;
}

.pagina_contenidos_texto h3 {
    font-size: 1.8em !important;
    margin-bottom: 60px;
    padding-left: 40px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_news_offers.png") no-repeat scroll 15px -8px transparent;
        font-weight: 100;
}

.pagina_contenidos_texto h4 {
    font-size: 1em !important;
    border-bottom: 1px solid #09c;
    padding-top: 25px;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.pagina_contenidos_texto p {
    font-size: .9em;
    line-height: 1.1em;
    margin: 5px 0 10px 0;
}

.pagina_contenidos_img h2 {
    font-weight: 100;
    font-size: 1.8em !important;
    line-height: 1.2em;
    padding-top: 10px;
}

.pagina_contenidos_texto2 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* fin opcion 1 paginas estaticas*/


/*opcion 2 paginas estaticas*/
.pagina_estatica2 {
    margin-top: 10px;
    margin-bottom: 20px;
}

.listas-contenidos {
    width: 90%;
}

.listas-contenidos li {
    padding: 0;
    margin: 0;
    padding: 10px 0 10px 15px;
    font-size: .9em;
    margin-left: 15px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/vineta_2.jpg") no-repeat scroll left 15px transparent;
}

.pagina_contenidos_img2 {
    width: 300px;
    margin-right: 35px;
    overflow: hidden;
}

.pagina_contenidos_texto2 {
    font-size: 1em !important;
    /*background: url("/Themes/CLCWebMemberMario/Styles/img/static_pages/cuadrados_static_pages.jpg") no-repeat scroll right top;
    padding-right: 160px;
    width: 640px;*/
}

.pagina_contenidos_texto2 h2 {
    font-size: 3.5em !important;
        font-weight: 100;
}

.featured_text {
    background-color: #F1F0EA;
    padding: 20px 15px 40px 15px;
    font-size: 1.2em;
    line-height: 1.2em;
    border-top: 5px solid #09c;
    border-bottom: 1px solid #09c;
}

.pagina_contenidos_texto2 h3 {
    font-size: 1.2em !important;
    margin-bottom: 10px;
}

.pagina_contenidos_texto2 h4 {
    font-size: 1em !important;
    border-bottom: 1px solid #09c;
    padding-top: 25px;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.pagina_contenidos_texto2 p {
     font-size: .8em;
    line-height: 1.5;
    margin: 5px 0 10px 0;
}

.pagina_contenidos_texto3 p {
     font-size: 1em;
    line-height: 1.3;
}

.pagina_contenidos_texto3 h2 {
    font-size: 1.3em;
    font-weight: 300;
    margin: 20px 0;
}

.pagina_contenidos_texto2 strong {
    font-weight: bold;
}

.pagina_contenidos_img h2 {
    font-size: 1.8em !important;
    line-height: 1.2em;
    padding-top: 10px;
}

.tabla_staticpages {
    text-align: center;
}
/* fin opcion 2 paginas estaticas */



/***************************************************** MESSAGE NO POINTS ************************************************************/
.no_points {
    border-bottom: 1px solid #024;
}

.no_points table {
    margin: 5px 0 10px 0;
}

.img_no_points_converted {
    vertical-align: central;
    padding: 20px;
}

.no_points_converted {
    border-left: 1px dotted #09c;
    padding: 10px 10px 10px 20px;
    margin-left: 5px;
}

.no_points_converted p {
    font-size: 1.2em;
}

/******************************************* BUTTONS POP UP ****************************************************/
.buttons_popup {
    padding: 10px 15px;
    margin: 18px auto;
    text-align: center;
    background-color: #09c;
    color: #fff;
    cursor: pointer;
    font-size: .75em;
    box-shadow: 0 0 4px #c6c6c6;
    text-transform: uppercase;
    border: none;
}

.buttons_popup:hover {
    background-color: #024;
}

.create_reservation {
    margin: 40px auto;
}

/**************************************** NEW CONVERT POINTS ***********************************************/
.convert_points_summary {
    display: block;
    width: 100%;
}

.convert_points_summary_headers {
    border-bottom: 2px solid #09c;
}

.convert_points_summary_headers li {
    font-size: .7em; 
    margin: 15px 0 5px 0;
    vertical-align: middle;
}

.convert_points_summary {
    font-size: 1.2em;
}

.convert_points_summary li {
    font-size: .7em; 
    vertical-align: middle;
    padding: 10px 0;
}

li.figures {
    padding-right: 10px;
    border-left: 1px dotted #09c;
}

.total_figures {
    height: 50px;
    border-top: 1px solid #09c;
}

.total_figures li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.referencias {
    margin-top: -10px;
}

.referencias li {
    height: 10px;
    padding: 5px 0;
}

.years_container {
    margin-top: 5px;
    margin-bottom: 2px;
}

.pointsdates {
    padding: 0;
    border: 1px solid #024;
}

.convert_points_info_hidden {
    border-top: 1px dotted #024;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5f5fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5f5fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5f5fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5f5fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5f5fa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5f5fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f5fa',GradientType=0 ); /* IE6-9 */
}

.convert_points_info_hidden ul {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_convert_points.png") no-repeat scroll top center transparent;    
}

.convert_points_info_hidden ul li {
    clear: both;
}

.convert_points_main_title {
    background: url("/Themes/CLCWebMemberMario/Styles/img/notice_blue.png") no-repeat scroll 23px center transparent;
    font-size: 1.1em;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 0 0 0 80px;
}

.after_conversion {
    margin: 10px 0;
}

.after_conversion tr p {
    padding: 15px 0;
    font-size: 1.1em;
}

.after_conversion span {
    vertical-align: middle;
}

.mensaje_convert_points {
    border: 1px dotted #024;
    width: 90%;
}

.mensaje_convert_points p {
    padding: 20px 20px 20px 55px;
    font-size: .9em;
}

.already_converted {
    margin: 30px auto;
    background-color: #e5f5fa;
    border-color: #09c; 
}

.within_12_weeks {
    margin: 30px auto;
    background: url("/Themes/CLCWebMemberMario/Styles/img/notice_blue.png") no-repeat scroll 20px center #f5f5f5;
}

.week_passed {
    margin: 30px auto;
    background: url("/Themes/CLCWebMemberMario/Styles/img/week_passed_icon.png") no-repeat scroll 20px center #f5f5f5;
}

.already_reeservation {
}
    
.reservation_be_cancelled {
    margin: 15px auto;
    background: url("/Themes/CLCWebMemberMario/Styles/img/reservation_be_cancelled_icon.png") no-repeat scroll 20px center #FFFFCC;
    border-color: #FFD043;
}

.click_to_open {
    background-color: #B3E7F9;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 6px #B3E7F9 inset;
    color: #002244;
    margin: 8px;
    padding: 8px;
}

.conversion_history {
    padding: 10px;
    margin: 10px 0;  
    border-bottom: 1px dotted #024; 
}

.icon_week_converted {
    margin-right: 10px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/week_converted.png") no-repeat right center transparent;
    height: 60px;
    width: 60px;
}

.icon_no_convertible, .icon_convertible {
    top: -2px;
    left: -2px;
}

/**************************************** USAGE STATEMENT PAGE ******************************************/
.usage_statement_page {
}
    
.usage_page_header {
    padding: 10px 0px;
    border-bottom: 3px solid #09c;
    background-color: #024;
    color: #fff;
    font-size: 1.1em;
}

.usage_page_header li, .usage_page_rows li {
    padding: 3px;
}

.usage_page_rows {
    border: 1px solid #024;
    padding: 10px 0px;
    font-size: .8em;
    font-weight: normal;
    cursor: pointer;
    margin: 5px 0 0 0;
    box-shadow: 0 0 4px #666666;
}

.fondo_convert_points {
}
    
.popDetailsUsageStatment ul.convert_points_summary_headers {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_convert_points.png") no-repeat scroll top center transparent;      
}

.popDetailsUsageStatment {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5f5fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5f5fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5f5fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5f5fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5f5fa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5f5fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f5fa',GradientType=0 ); /* IE6-9 */
    margin-bottom: 30px;
}

.rows_usage_content {
    border-bottom: 1px dotted #09c;    
}

.rows_usage_content li {
    padding: 10px 5px;
    }

.points_type {
    right: 5px;
    top: 15px;
}


#listBtnProducts {
    height: 80px;
    margin-bottom: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    width: 70%;
}

#listBtnProducts li {
    background: url("/Themes/CLCWebMemberMario/Styles/img/btn_convert_points.png") no-repeat scroll center center #0099CC;
    border-radius: 8px;
    box-shadow: 0 0 5px #002244;
    height: 93px;
    list-style-type: none !important;
    /*padding:0 20px !important;*/
   overflow: hidden;
    color: #fff;
    -webkit-transition: background-color 100ms linear;
     -moz-transition: background-color 100ms linear;
     -o-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}

#listBtnProducts li div {
     min-width: 170px !important;
     width: 100%;
     margin: 0 auto;
     display: block;
}

#listBtnProducts li p {
    font-size: 0.8em;
    height: 30px;
    margin: 10px auto 5px !important;
    vertical-align: middle;
}

.on_focus {
/*    transition: 0.4s;
    color: #fff !important;*/
    background-color: #5FC0E0 !important;
}
/*.on_focus p {
    font-weight: bold !important;
}*/
#listBtnProducts li img {
    width: 30px;
    height: 30px;
    transition: 0.4s;    
}

#listBtnProducts .on_focus img {
}

.on_focus img {
    width: 40px !important;
    height: 40px !important;
    padding: 3px;
}

#filterMonth_next_down, #filterOccupancy_next_down, #filterDiscount_next_down {
    height: 24px;
    transition: 0.2s;
    cursor: pointer;
}

#filterMonth_prev_up, #filterOccupancy_prev_up, #filterDiscount_prev_up {
    height: 24px;
    transition: 0.2s;
    cursor: pointer;  
}

#filterMonth_next_down, #filterOccupancy_next_down, #filterDiscount_next_down {
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_down_filters.png") no-repeat scroll center top;
}

#filterMonth_prev_up, #filterOccupancy_prev_up, #filterDiscount_prev_up {
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_up_filters.png") no-repeat scroll center top;
}

.margin_filters {
    margin-right: 60px;
}
/*.btn_back {
    left: 0;
    top: 0;
    height: 45px;
    width: 45px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/boxes_availability_back.png") no-repeat scroll center center;
}*/


#filterMonth_next_down:hover, #filterOccupancy_next_down:hover, #filterDiscount_next_down:hover {
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_down_filters.png") no-repeat scroll center bottom;
}

#filterMonth_prev_up:hover, #filterOccupancy_prev_up:hover, #filterDiscount_prev_up:hover {
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_up_filters.png") no-repeat scroll center bottom;
}


/********************************* NEW AVAILABILITY ************************************/

/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
} 

#availabilityList .isotope {
    position: static !important;
    overflow: visible !important;
}

#availabilityList {
    padding-top: 10px;
}

.boxes_availability {
    width: 32%;
    /*border: 1px solid #024;
    box-shadow: 0 0 6px 2px #c6c6c6;*/
    margin: 6px;
    background-color: #fff;
}
/*.boxes_availability:hover {
    border: 1px solid #fff;
    box-shadow: 0 0px 6px 2px #c3c3c3;
}*/
.discount_25 .availability_offerdiscount {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_discount25.png") no-repeat scroll 3px -0px;    
}

.discount_25 .sponsorFlip .color_ofertas {
    color: #848462 !important;
}

.discount_25 .sponsorFlip {
    border: 1px solid #848462 !important;
}

.discount_50 .availability_offerdiscount {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_discount50.png") no-repeat scroll 3px -0px;    
}

.discount_50 .sponsorFlip .color_ofertas {
    color: #0C4174 !important;
}

.discount_50 .sponsorFlip {
    border: 1px solid #0C4174 !important;
}

.discount_66 .availability_offerdiscount {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_discount66.png") no-repeat scroll 3px -0px;    
}

.discount_66 .sponsorFlip .color_ofertas {
    color: #2988A8 !important;
}

.discount_66 .sponsorFlip {
    border: 1px solid #2988A8 !important;
}

.discount_75 .availability_offerdiscount {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_discount75.png") no-repeat scroll 3px -0px;    
}

.discount_75 .sponsorFlip .color_ofertas {
    color: #7E5BA2 !important;
}

.discount_75 .sponsorFlip {
    border: 1px solid #7E5BA2 !important;
}

.discount_80 .availability_offerdiscount {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_discount80.png") no-repeat scroll 3px -0px;    
}

.discount_80 .sponsorFlip .color_ofertas {
    color: #F57C0F !important;
}

.discount_80 .sponsorFlip {
    border: 1px solid #F57C0F !important;
}

.rooms_left {
    width: auto;
    height: 69px;
    left: 0px;
    top: 0;
    border-right: 1px dotted #09c;
    padding: 5px 10px;
}

.rooms_left p {
    color: #09c;
    font-size: 1.8em;
    padding-top: 5px;
    width: 40px;
        text-align: center;
}

.availability_roomtype {
    padding: 10px 5px;
    font-size: 1.0em;
}

.dates_people_container {
    border-top: 1px solid #09c;
    padding: 0;
}

.dates_people_container li {
    padding: 10px;
}

    .dates_people_container li {
    padding: 10px;
}

.imgprivacy {
    padding-top: 4px;
}

.offer_figures {
    /*margin-left: 50px;*/
    padding: 10px 10px 5px;
}

.availability_offerdiscount {
    padding: 5px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_rooms_left.png") no-repeat scroll 3px -0px;
    right: 0;
    top: 0;
    height: 69px;
    width: 60px;
}

.availability_offerdiscount p {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -moz-transform: rotate(45deg); /* Firefox */
        -webkit-transform: rotate(45deg); /* Safari and Chrome */
        -o-transform: rotate(45deg); /* Opera */
    color: #FFFFFF !important;
    font-size: 1.2em;
}

/**************** FILTROS *****************/
.filter_title {
    background-color: #EBEBEB;
    color: #999999;
    font-size: 0.6em;
    padding-bottom: 8px;
    text-transform: uppercase;
    height: 25px;
}

.filtros {
    border: 8px solid #ebebeb;
    width: 964px;
    z-index: 0;
    position: relative;
    height: 162px;
    overflow: hidden;
}

#slider {
    margin-top: 50px !important;
}

.ui-slider {
    border-radius: 5px !important;
}

.ui-slider-handle {    
    background: url("/Themes/CLCWebMemberMario/Styles/img/slider-handle.png") no-repeat scroll center center transparent !important;
    border: none !important;
}

.ui-slider-handle:hover {
    border: none !important;    
    background: url("/Themes/CLCWebMemberMario/Styles/img/slider-handle-over.png") no-repeat scroll center center transparent !important;
}

.ui-slider-range-min {
    border: none !important;    
    background: url("/Themes/CLCWebMemberMario/Styles/img/slider-bar-on.png") repeat-x scroll center center transparent !important;    
}

.ui-slider-horizontal {
    border: none !important;    
    background: url("/Themes/CLCWebMemberMario/Styles/img/slider-bar-off.png") repeat-x scroll center center transparent !important;     
}

.steps-slider {
    background-color: #CCCCCC;
    margin-left: 0%;
    width: 100%;
    margin-top: -5px;
}

.steps-slider-occupancy {
    background-color: #CCCCCC;
    margin-left: -15%;
    width: 120%;
    margin-top: -5px;    
}

.steps-slider-occupancy li {
    font-size: .8em;
    margin: 0 !important;
    width: 25% !important;
}

.steps-slider li {
    font-size: .8em;
    margin: 0 !important;
    width: 20% !important;
}

.slider-people, .slider-points {
    margin: 0;
}

.amenities_list {
    width: 126px;
    margin: 3px 0 3px 0px;
    border-bottom: 1px dotted #c6c6c6;
}

.amenities_list span {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80px;
    white-space: nowrap;
    vertical-align: middle;
    padding: 3px 0 3px 5px;
}

.title_amenities {
    border-bottom: 1px dotted #024;
    padding-bottom: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.amenities_roomtype {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.amenities_occupancy {
    padding: 5px;
    background-color: #E9F6FB;
    margin-bottom: 0px !important;
}

.amenities_occupancy img {
    margin: 10px auto !important;
}

.amenities_occupancy p {
        padding: 5px 15px 5px 0;
}

.amenities_occupancy span {
    font-size: 1.2em;
    padding: 0 10px;
}

#checkRoom {
    /*border-top: 4px solid #09c;
    border-bottom: 4px solid #09c;*/
    background-color: #fff;
    box-shadow: 0 0 4px #c6c6c6;
    width: 940px !important;
    margin: 0 auto;
    font-size: .8em;
}

.sold_out {
    background-color: #FFFFFF;
    display: block;
    float: left;
    height: 102%;
    top: -3px;
    left: -3px;
    opacity: 0.8;
    position: absolute;
    width: 102%;
    z-index: 10;
    color: #09c;      
}

.sold_out div {
    background: url("/Themes/CLCWebMemberMario/Styles/img/sold_out.png") no-repeat scroll center center transparent !important;
    height: 120px;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    padding-top: 80px;
    position: absolute;
    top: 50%;
    transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    width: 200px;
}

.sold_out_firstline {
    font-size: 1em;
    padding-bottom: 2px;
}

.sold_out_secondline {
    font-size: .7em;
    padding-bottom: 8px;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 9px;
}

/* ***************************************** NEW MENU PRODUCTS ***********************************************/
#mega_menu {
    list-style: none;
    height: 43px;
    display: table;
    margin-bottom: 20px;
    margin-top: 40px !important;
}

#mega_menu li {
    /*float:left;
    display:block;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    border:none;*/
    border: 1px solid #c6c6c6;
    height: 45px;
    line-height: 45px;
}

#mega_menu li:hover, .mega_menu_selected {
    border: 1px solid #777777;
    /* Background color and gradients */
    background: #024;
    display: block;
    color: #fff;
}

#flecha_seleccionado {
    display: none;
    position: absolute;
    margin: 0 95px auto;
    width: 34px;
    height: 17px;
    bottom: -23.4px;
    z-index: 400;
    background: url("/Themes/CLCWebMemberMario/Styles/img/hover_menumembership.png") no-repeat center center;
}

.mega_menu_selected #flecha_seleccionado {
    display: none;
    }

#mega_menu li a {
    font-size: 14px;
    color: #024;
    display: block;
    outline: 0;
    text-decoration: none;
}

#mega_menu li:hover a {
    color: #fff;
}

#mega_menu li .drop {
}

#mega_menu li:hover .drop {
    background: url("img/drop.png") no-repeat right 7px;
    cursor: pointer;
}

.drop img {
    position: relative;
    right: 5px;
    vertical-align: middle;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
    margin: 4px auto;
    margin-top: -0px;
    left: 0; /* Hides the drop down */
    border-top: 10px solid #024;
    border-bottom: 3px solid #024;
    z-index: 300;
    box-shadow: 0 2px 4px #333;
    padding: 20px 0;
    /* Gradient background */
    background: #F2F2F2;
}

#mega_menu li:hover .dropdown_1column, 
#mega_menu li:hover .dropdown_2columns, 
#mega_menu li:hover .dropdown_3columns,
#mega_menu li:hover .dropdown_4columns,
#mega_menu li:hover .dropdown_5columns {
    left: 0px;
    top: auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.col_1 {
    width: 130px;
}

.col_2 {
    width: 270px;
}

.col_3 {
    width: 410px;
}

.col_4 {
    width: 550px;
}

.col_5 {
    width: 690px;
}

#mega_menu .menu_right {
    float: right;
    margin-right: 0px;
}

#mega_menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#mega_menu li:hover .align_right {
    left: auto;
    right: -1px;
    top: auto;
}

#mega_menu p, #mega_menu h2, #mega_menu h3, #mega_menu ul li {
    line-height: 13px;
    font-size: 1em;
    text-align: left;
}

#mega_menu h2 {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 7px 0 14px 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #666666;
}

#mega_menu h3 {
    font-size: 14px;
    margin: 7px 0 14px 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #888888;
}

#mega_menu li:hover div a {
    font-size: 12px;
    color: #015b86;
}

#mega_menu li:hover div a:hover {
        color: #029feb;
}

#mega_menu li ul {
    list-style: none;
    padding: 0;
    margin: 0 0 12px 0;
}

#mega_menu li ul li {
        font-size: 12px;
        line-height: 24px;
        position: relative;
    text-shadow: 1px 1px 1px #ffffff;
        padding: 0;
        margin: 0;
        float: none;
        text-align: left;
        width: 130px;
}

#mega_menu li ul li:hover {
            background: none;
            border: none;
            padding: 0;
            margin: 0;
}

#mega_menu li .greybox li {
    background: #F4F4F4;
    border: 1px solid #bbbbbb;
    margin: 0px 0px 4px 0px;
    padding: 4px 6px 4px 6px;
    width: 116px;
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#mega_menu li .greybox li:hover {
        background: #ffffff;
        border: 1px solid #aaaaaa;
        padding: 4px 6px 4px 6px;
        margin: 0px 0px 4px 0px;
}

.botones {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    margin: 5px;
    padding: 10px;  
    border: 1px solid #c6c6c6;
    /*width: 130px;*/
    cursor: pointer;
    vertical-align: top;
    box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -o-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
}
    
.botones:hover {
    background: #ededed;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    height: 40px;
    margin: 5px;
    padding: 10px;
    border: 1px solid #c6c6c6;
    /*width: 130px;*/
    vertical-align: top;
}

.botones p {
    padding-left: 35px;
}

/*  CONTROL PARA CENTRAR ICONO */
.icon_convertpoints_mod {
    margin-top: 5px;
}

/****************************************** END OF MENU ********************************************/

/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
    .reveal-modal-bg { 
        position: fixed; 
        height: 100%;
        width: 100%;
        background: #024;
        background: rgba(0,17,34,0.70);
        z-index: 100;
        display: none;
        top: 0;
        left: 0; 
        }
    
    .reveal-modal {
        visibility: hidden;
        /*top: 50% !important; */
        /*left: 0%;*/
        height: auto;
        /*margin-left: 0;*/
        /*margin-top: -200px;*/
        /*background: #eee url(modal-gloss.png) no-repeat -200px -80px;*/
        background-color: #fff;
        position: absolute;
        z-index: 301;
        /*padding: 30px 40px 34px;*/
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
        box-shadow: 0 0 10px rgba(0,0,0,.8);
        }
        
    .reveal-modal.small {
        width: 200px;
        margin-left: -140px;
    }

    .reveal-modal.medium {
        width: 400px;
        margin-left: -240px;
    }

    .reveal-modal.large {
        width: 600px;
        margin-left: -340px;
    }

    .reveal-modal.xlarge {
        width: 800px;
        margin-left: -440px;
    }
    
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: #aaa;
        text-shadow: 0 -1px 1px rgba(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
        } 
    /*
        
    NOTES
    
    Close button entity is ×
    
    Example markup
    
    <div id="myModal" class="reveal-modal">
        <h2>Awesome. I have it.</h2>
        <p class="lead">Your couch.  I it's mine.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    
    */



/******** FILTROS AVAILABILITY ***********/
#prueba_filtros {
    margin: 0;
}

.roundabout-holder {
                height: 5em;
                overflow: hidden;
                margin: 0;
                padding: 0;
                position: relative;
                list-style: none;
            }
            
            .roundabout-moveable-item {
                width: 12em;
                height: 2em;
                line-height: 2em;
                font-size: 16px;
                text-align: center;
                cursor: pointer;
                color: #C6E9F4;
                /*-webkit-transition: color .4s;
                -moz-transition: color .4s;
                -o-transition: color .4s;
                -ms-transition: color .4s;
                transition: color .4s;*/
            }
            
            .roundabout-in-focus {
                cursor: auto;
    background-color: rgba(250,250,250,1);
                color: #0099cc;
                border: 1px dotted #09c;
                box-shadow: 0 0 4px 5px #f2f2f2;
            }

.roundabout-in-focus div {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
    white-space: nowrap;
}
            
            .monolith { 
                background-color: #000;
                position: absolute;
                width: 17em;
                top: 0em;
                left: 7.5em;
                z-index: 200;
                height: 40em;
            }
            
            .monolith .pad {
                padding: 1em; 
                text-align: center;
                color: #999;
            }

            .part {
                border-right: 1px dotted #D8D8D8;
                margin: 0;
}

.pad em {
    color: #eee;
}
/************************** ******************************/

.sponsor {
    width: 100%;
    height: 188px;
    float: left;
    /* Giving the sponsor div a relative positioning: */
    position: relative;
    cursor: pointer;
}

.sponsorFlip {
    /*  The sponsor div will be positioned absolutely with respect
        to its parent .sponsor div and fill it in entirely */
    border: 1px solid #024;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*box-shadow: 0 0px 6px 2px #c3c3c3;*/
    /*background:url("img/background.jpg") no-repeat center center #f9f9f9;*/
}

.sponsorFlipShadow {
    box-shadow: 0 0px 6px 2px #c3c3c3;
}

.sponsorData {
    /* Hiding the .sponsorData div */
    display: none;
}


/********************* PDF VIEWER ************************/
.thumbs_container {
    margin: 10px 0;
}

.categoria_pdfviewer {
    border-bottom: 10px solid rgb(241,241,241);
}

.titulo_cat_pdfviewer {
    padding-bottom: 3px;
    border-bottom: 2px solid #024;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 1em;
}

.pdfitem {
    background: url("/Media/Default/docs/bg_generic1.jpg") no-repeat scroll center top;
    box-shadow: 0 0 2px #999;
    margin: 5px 5px 0;
    opacity: 0.95;
    padding-bottom: 3px;
    -moz-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
    display: table;
    vertical-align: top;
}

    .pdfitem:hover {
        opacity: 1;
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    }

.pdfitem a {
    height: 113px;
        text-decoration: none;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        font-size: .65em;
        color: #024;
        padding: 0 3px;
        width: 90px;
}

.txt_pesopdf {
    text-decoration: none;
    text-align: center;
    color: black;
    margin-top: 3px;
    font-weight: bold;
    font-size: .7em;
}

.txt_pdfname {
    color: #666;
    font-weight: normal;
    font-size: .6em;
    text-align: center;
    padding: 5px;
    width: 90px;
    /*height:25px;*/
}

.pdfitem_nobackground {
    background: none;
}
/****************** YUDU LOGIN *******************/
.yudu_title {
    padding-bottom: 2px;
    margin-bottom: 10px;
    background: url("img/titulo_yudulogin.png") no-repeat center center;
    height: 90px;
}

.yudu_descarga {
    background: url("img/linea_descarga_yudu.png") repeat-x center top;
    height: 50px;
    padding-top: 10px;
    margin-top: 20px;
}

.text_yudulogin {
    padding: 5px 0;
}

/************** HOLIDAY CALENDAR*****************/
.contenedor_calendar {
    border: 1px solid #e5e5e5;
    box-shadow: 2px 2px 5px #d8d8d8;
    margin: 0;
    width: 20%;
}

.cabecera_calendar {
    width: 100%;
    height: 20px;
    background: rgb(205, 211, 216);
}

.number_week {
    display: block;
    margin: 0 auto;
    padding: 5px;
}

/* COLOR PARA EL NUMBER DINAMICO*/
.number_week_white {
    color: #fff !important;
    margin-top: 5px;
}
/* FIN DE COLOR WHITE */

.week_nro_calendar {
    color: #000000;
    float: right;
    font-size: 0.9em;
    height: 72px;
    padding-top: 35px;
    right: 5px;
    text-align: center;
    text-rendering: optimizelegibility;
    top: -25px;
    right: 37px;
    width: 60px;
}

.week_nro_calendar .week {
    color: #ffffff;
}

.cabecera_calendar img {
    display: block;
    margin: 0 auto;
}

.pie_calendar {
    text-align: center;
    display: block;
    margin: 0 auto;
}

    .pie_calendar p {
    padding-top: 50px;
    font-size: .9em;
    margin-top: 5px;
}

    .pie_calendar img {
    margin-right: 5px;
}
/* TIPOS DE COLORES CABECERA CALENDAR */
.calendar_blue {
    background: #0a2242 !important;
}

.calendar_grey {
    background: #96a2ab !important;
}

.calendar_turquesa {
    background: #0299cc;
}

/* FIN COLORES CABECERA*/

.header_filter_calendar {
    width: 657px;
    padding: 10px;
}

.title_calendar_week {
    font-size: 1.9em;
    color: #001224;
}

.filter_calendar_week {
    /* border: 1px solid black; */ 
    width: 200px;
    cursor: pointer;
    float: right;
    vertical-align: middle;
    position: relative;
    bottom: 10px;
    left: 45px;
}

    .filter_calendar_week p {
    text-align: center;
    }

    .filter_calendar_week img {
        vertical-align: middle;
}
   
.mar_txt {
    margin: 0 5px;
}

/* BENEFITS TABLE ----- COMPOSICION CON DIVS */

.h2_benefits {
    border-bottom: 1px dashed #999;
    font-size: 20px;
    width: 150px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.header_benefits {
    float: right;
    padding: 12px;
    font-size: .9em;
    position: relative;
    right: 80px;
    color: rgb(83, 83, 83);
}

.row_benefits {
    border-bottom: 1px solid #fff;
    line-height: 30px;
    margin-bottom: 1px;
    font-size: .9em;
}

.cell_benefits_fpoc {
    background: #feeaff;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.cell_benefits_fpoc_right {
    background: #D9ECFF;
    /*background:#e8e390;*/
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.cell_benefits_fpoc img {
    margin: 0 5px;
}
    
.cell_princip {
    background: #ececec;
}

    .cell_princip p {
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 7px;
}
/* FIN BENEFITS TABLE */


/*-----------------MY REWARDS------------------*/

.marcado {
    color: #ff7200;
    cursor: pointer;
}


.txt_rewards_left a {
    text-decoration: none;
    color: #ff7200;
    cursor: pointer;
}

.rewards-term-conditions {
    width: 850px;
}

/*----------HOME--------------*/

.txt_rewards_left {
    width: 320px;
    margin: 10px 0;
    color: #464646;
}

    .txt_rewards_left p {
    font-size: .85em;
    line-height: 1.3;
    text-align: justify;
    padding: 4px;
}

.img_rewards {
    opacity: .90;
}

    .img_rewards:hover {
    opacity: 100;
}


.title_home_rewards {
    font-size: 2.3em;
}

.subtitle_home_rewards {
    font-size: 1.8em;
    margin-bottom: 10px;
-moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.color_morado {
    color: #9792ab;
}

.color_rosado {
    color: #f15e76;
}

.color_oro {
    color: #906e25;
}

.color_celeste {
    color: #37afdd;
}

.zoomIt {
    display: block !important;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.zoomIt h5 {
        min-height: 30px;
        font-size: .85em;
}

    .zoomIt:hover {
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}

.baner_home_holidayGold {
    float: right;
    width: 320px;
    height: 70px;
    background: #002245;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
}

.colum_right_rewards {
    padding: 10px;
    padding-left: 60px;
    cursor: pointer;
    height: 70px;
    color: #fff;
    font-weight: bold;
    margin-right: 8px;
    background: url('/Themes/CLCWebMemberMario/Styles/img/bg_offers_detail.png') no-repeat 10px center;
}

    .colum_right_rewards img {
    vertical-align: middle;
    margin-right: 3px;
}

.fade {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.fade:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}


/*-----------REWARDS SECCION-------------*/

.list_rewards h1 {
    font-size: 2.5em;
    color: rgb(143, 127, 21);
}

.list_rewards h3 {
    color: rgb(138, 136, 122);
    font-size: 1.8em;
    margin-bottom: 10px;
}

.content_left_rewards_holiday {
    color: #464646;
    text-align: justify;
    margin-bottom: 10px;
    line-height: 1.4;
}

.align_pad_left {
    padding-left: 10px;
}


.align_pad_right {
    padding-right: 10px;
}

.colum_rewards {
    width: 100%;
    float: left;
}

    .colum_rewards .tree_colum_rewards img {
        width: 220px;
        float: left;
}

.tree_colum_rewards {
    width: 32.8%;
}

.two_colum_rewards {
    width: 320px;
    float: left;
}

.color_azul {
    color: #476090;
    font-weight: bold;
}

.color_naranja {
    color: #fb7c00;
    font-weight: bold;
}

/*----------REWARDS INVITE--------------*/

.content_form_invite h1 {
    font-size: 2.5em;
    color: #1b325f;
    margin-bottom: 5px;
}

.content_invite {
    width: 650px;
    margin: 0 10px;
}

.colum_start_sending {
    width: 677px;
}

.title_start_sending h2 {
    font-size: 2.5em;
    text-align: left;
    color: #20c0f0;
}

.title_start_sending h3 {
    font-size: 1.2em;
    text-align: left;
    color: #4d4d4d;
}

.content_colum_invite {
    float: right;
}

    .content_colum_invite p {
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 1.2;
    font-size: .85em;
    margin-right: 20px;
    text-align: justify;
}

    .content_colum_invite img {
    margin-bottom: 10px;
    margin-left: 20px;
    width: 40%;
}

.img_line_decoration {
    width: 110%;
    margin-top: 10px;
    margin-bottom: 20px;
    float: left;
}

.title_start_sending .c_black {
    color: #272727;
    font-size: .7em;
}

.title_start_sending .c_blue {
    color: #1b325f;
}

.title_start_sending .c_yellow {
    color: #ee9721;
    font-size: .7em;
}

.btn_rewards_invite {
    width: 32%;
    height: 65px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 30px 5px;
    margin-right: 5px;
    background: #3658a0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2NThhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDIyNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3658a0 0%, #002244 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3658a0), color-stop(100%,#002244)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3658a0 0%,#002244 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3658a0 0%,#002244 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3658a0 0%,#002244 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3658a0 0%,#002244 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3658a0', endColorstr='#002244',GradientType=0 ); /* IE6-8 */
    vertical-align: middle;
    cursor: pointer;
}

    .btn_rewards_invite img {
    padding: 2px;
    width: 20px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
}


    .btn_rewards_invite p {
    padding: 7px;
    font-size: .75em;
    margin-top: 5px;
}

/*--------------REWARDS FORM INVITE--------------*/

.content_form_invite h1 {
    padding-left: 10px;
}


.content_form_invite h3 {
    padding-left: 10px;
    font-size: 1.5em;
    color: rgb(151, 151, 151);
}

.column_form_invite {
    width: 100%;   
}

.message_form {
    text-align: justify;
    font-size: .75em;
    margin-bottom: 20px;
    padding-left: 10px;
    color: #3d3d3d;
    width: 350px;
    line-height: 1.4;    
}

    .message_form p {
    margin-bottom: 15px;
    margin-top: 10px;
    width: 400px;
}

.img_gold_form img {
    width: 250px;
    position: relative;
    display: inline;
    margin-left: 35px;
    padding: 5px;
}

.img_gold_form {
    margin-right: 20px;
}


.content_colum_form {
    width: 100%;
    background: red;
}



.column_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 433px;
}

/*--- estilos para los ul y li del formulario ---*/
.column_form ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.column_form li {
    padding: 12px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.column_form label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}

.column_form select {
    height: 40px;
    width: 160px;
    padding: 10px;
}

.column_form input {
    height: 20px;
    width: 200px;
    padding: 5px 8px;
}

.column_form textarea {
    padding: 8px;
    width: 300px;
}

.column_form button {
    margin-left: 90px;
}
/*----- estilos visuales de los elementos --------*/
.column_form input, .column_form textarea, .column_form select {
    border: 1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius: 2px;
    color: #333;
    font-size: 12px;
    padding-right: 30px;
    -moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}

.column_form input:focus, .column_form textarea:focus {
    background: #fff;
        border: 1px solid #555;
    box-shadow: 0 0 3px #aaa;
        padding-right: 80px;
}

#chk_term_condition:focus {
    padding-right: 0;
    border: none;
    box-shadow: none !important;
}

/* === Estilos de Validacion === */

.column_form input:required:valid, .column_form textarea:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

.column_form input:focus:invalid, .column_form textarea:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
}

/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 17px;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
   float: right;
    margin-top: 10px;
}

button.submit_form {
    padding: 9px 17px;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

button.submit:hover {
    opacity: .55;
    cursor: pointer;
    color: #002244;
    font-weight: bold;
}

button.submit_form:hover {
    opacity: .55;
    cursor: pointer;
    color: #002244;
    font-weight: bold;
}

button.submit:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset;
}

.anadir_mas {
    color: #555555;
    display: inline-block;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: -40px;
    padding: 3px;
    margin-left: 420px;
    position: relative;
    left: 0;
    cursor: pointer;
}

.remove_marg {
    margin-top: -28px;
    margin-right: 15px;
}

.cond_uso_form p {
    font-size: .75em;
}

.cond_uso_form input {
    float: left;
    width: 20px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 5px;
}


.cond_uso_form a {
    color: #002244;
    margin-left: 5px;
}

.cond_uso_form, .txt_terms_invite {
    float: left;
    margin-top: 5px;
    padding: 10px;
    line-height: 1.4;
}

.cond_uso_form {
    float: left;
}


.txt_terms_invite {
    width: 650px;
}

    .txt_terms_invite p {
    font-size: .75em;
}

.borderValidation {
    color: #ff0101;
}

    .borderValidation span a {
        color: #ff0101;
}

/*------------REWARDS ACCOUNT---------*/
.account_txt_balance_pending p {
    font-size: .8em;
    text-align: justify;
    line-height: 1.3;
    color: #3a3a3a;
    border-right: 1px solid #999;
    padding: 10px 20px 10px 10px;
}

.account_txt_balance p {
    font-size: .8em;
    text-align: justify;
    line-height: 1.3;
    color: #3a3a3a;
}

.account_pending {
    margin-top: 10px;
    color: #fff;
    font-size: .85em;
    text-align: justify;
    line-height: 1.3;
    background: #11304E;
    padding: 15px;
}


/*------------------POPUP INVITE EMAIL-----------------------*/

.vista {
    display: block;
    z-index: 1001;
    outline: 0px;
    position: absolute;
    height: auto;
    width: 300px;
    top: 0px;
    left: 796.5px;
}



/*--------------ACCOUNT BILLING----------------------*/
.content_ways_to_pay h3 {
    font-size: 1.3em;
}

.credit_cards_usa {
    padding-bottom: 20px;
}

.usa_payment td {
    padding: .5em;
    border: 1px solid #ccc;
}

.usa_payment {
    border: 2px solid #024;
    margin: 10px 0;
    color: #333;
    font-size: .8em;
    text-align: center;
}

.payment_terms_usa {
    margin: 0;
    padding: 20px 10px 10px 10px;
    border-top: 1px solid #B2BCC7; 
}

.payment_terms_usa h3 {
    display: block;
    font-size: .9em;
    font-weight: bold;
    margin: 0 !important;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc !important;
}

.payment_terms_usa p {
    font-size: .70em;
    padding-top: 5px;
    color: #666;
    line-height: 1.4em;
}

.content_title_pays {
    margin-bottom: 1em;
    margin-top: 1em;
}

.content_title_pays {
    float: left;
    border-bottom: 1px dashed rgb(173, 171, 171);
    width: 100%;
}

.content_ways_to_pay h3 {
    margin: 40px 0 0 0;
    border-bottom: 10px solid #024;
    padding-bottom: 10px; 
}

.marco_pays {
    height: 55px;
    padding-bottom: 10px;
    width: 55px;
}

.marco_pays_h4 {
    margin-bottom: 20px;
    min-height: 30px;
}

.pays_color_blue {
    color: #134A7A;
}

.pays_color_orange {
    color: #E78524;
}

.pays_color_green {
    color: #304000;
}

.pays_color_purple {
    color: #330066;
}

.colum_pays li {
    padding: 15px;
    vertical-align: top;
    border-right: 1px solid #B2BCC7;
}

.colum_pays p {
    padding-bottom: 10px;
    line-height: 1.1em;
}

.txt_billing {
    font-size: .85em;
}

.txt_billing_peq {
    font-size: .75em;
    margin-top: 5px;
}

.txt_billing span {
    font-size: 1.2em;
    color: #2e89a6;
}

.txt_small_billing {
    background: #e4e4e4;
    color: #5A5A5A;
    padding: 5px;
    margin-top: 10px;
}

    .txt_small_billing p {
    font-size: .7em;
}

.account_information {
    background-color: #09c;
    border-top: 2px solid #024;
    padding: 6px;
}
/*----WORLD OF CRUISING--*/
.content_static_page {
    height: 344px;
    margin-left: 10px;
}

.margin_20 {
    margin-left: 20px;
}

.blocquote_style {
    color: #383838;
    font-size: 18px;
    font-style: italic;
    line-height: 1.5em;
    margin: 0.25em 0;
    padding: 0.25em;
    position: relative;
}

.contact_static {
    margin-right: 70px;
}

.contact_static_title {
    color: #001224;
    font-style: italic;
    margin-bottom: 10px;
}

.content_txt_static {
    width: 60%;
}


.a_url {
    color: #002244;
    cursor: pointer;
    text-decoration: none;
}

.content_logo_cruising {
    bottom: 10px;
    position: relative;
    right: 30px;
}

    .content_logo_cruising a {
    cursor: pointer;
}

        .content_logo_cruising a img {
    clear: both;
    float: right;
    margin-right: 10px;
}
/*----END WORLD OF CRUISING--*/

/*----WORLD OF HOTELS--*/
.content_hotels {
    height: 154px;
    margin-left: 10px;
}

    .content_hotels img {
    float: left;
    margin: 0 10px;
}

.enlac_payment {
    background: #024;
    padding: 5px;
    color: #fff;
    border-top: 5px solid white;
    width: 50px;
    text-align: center;
    font-size: .85em;
    border-radius: 6px;
    cursor: pointer;
}

.button_download_pdf {
    -moz-box-sizing: border-box;
    background: url("/Themes/CLCWebMemberMario/Styles/img/download_pdf.png") no-repeat scroll center center transparent;
    height: 74px;
    line-height: 74px;
    padding: 0 70px 0 8px;
    width: 233px;
    opacity: 0.7;
}

/************ STATIC PAGE JENNIE BOND ************/
.videos_jennie li {
    margin-bottom: 15px;
}

.videos_jennie h3 {
    background-color: #024;
    padding: 8px 3px;
}

.cita {
    background: none repeat scroll 0 0 #F1F1F1;
    border-left: 5px solid #002244;
    color: #002244;
    font-size: 1em !important;
    font-style: italic;
    padding: 5px 5px 5px 15px;
}

.videos_jennis li:hover {
    opacity: .8;
}



/************** TOYL MEMBERSHIP **************/
.contenedor_productos {
    background-color: #EBEBEB;
}

.division_productos {
    margin: 20px 0;
    border-top: 1px solid #024;
}

.occupancy_date {
    background-color: #fff;
    background: url("/Themes/CLCWebMemberMario/Styles/img/product_box_occupancy.png") no-repeat left bottom #fff;
}

.product_box {
    background-color: #fff;
    background: url("/Themes/CLCWebMemberMario/Styles/img/product_box_points.png") no-repeat left bottom #fff;
}

.property_box {
    background-color: #fff;
    background: url("/Themes/CLCWebMemberMario/Styles/img/product_box_property.png") no-repeat left bottom #fff;
}

.season_box {
    background-color: #fff;
    background: url("/Themes/CLCWebMemberMario/Styles/img/product_box_season.png") no-repeat left bottom #fff;
}

.extra_points {
    background-color: #fff;
    background: url("/Themes/CLCWebMemberMario/Styles/img/product_extra_points.png") no-repeat left bottom #fff;  
}

.yachtclub_box {
    background-color: #fff;
    background: url("/Themes/CLCWebMemberMario/Styles/img/product_box_yacht.png") no-repeat left bottom #fff;      
}
    
.bonus {
}

.toyl_logo {
    background: url("/Themes/CLCWebMemberMario/Styles/img/toyl_logo.jpg") no-repeat center center;
    min-height: 200px;
}
    
.points_product_toyl {
}

.toyl_date {
    text-rendering: optimizelegibility;
    bottom: 10px;
    right: 10px;
}

.toyl_date p {
    padding-top: 5px;
}

.membership_toyl {
    border: 1px solid #002244;
    box-shadow: 0 2px 4px #C3C3C3;
    overflow: hidden;
    height: 130px;
    margin: 6px;
    background-color: #fff;
}

.membership_gdc {
    border: 1px solid #002244;
    box-shadow: 0 2px 4px #C3C3C3;
    overflow: hidden;
    height: 100px;
    margin: 6px;
    background-position: left center;
    background: #fff;
}

.membership_tm_yc {
    border: 1px solid #002244;
    box-shadow: 0 2px 4px #C3C3C3;
    overflow: hidden;
    height: 100px;
    margin: 0px;
    background-position: left center;
    background: #fff;
}

.room_type_gdc_img {
    padding: 20px;
    border-right: 1px solid #024;
}

.yacht_img {
    padding: 0 10px;
    border-right: 1px solid #024;    
}

.season_gdc_img {
    padding: 20px;
    border-right: 1px dotted #002244;
}

.li_membership_gdc {
    border-left: 1px dotted #024;
    height: 70px;
    width: 100px;
}

.li_membership_tm_yc {
    height: 70px;
    width: 110px;
    padding: 0 10px;
}

.traded_in {
    top: 50%;
    margin-right: 10px;
    margin-top: 23px;
    width: 60%;
    font-family: stamped;
    font-size: 1.1em;
    text-align: center;
    color: #B20000;
    padding: 8px;
    border: 4px double #B20000;
    -moz-transform: rotate(350deg); /*FF3.5+*/
    -o-transform: rotate(350deg); /*Opera 10.5*/
    -webkit-transform: rotate(350deg); /*Saf3.1+, Chrome*/
    -ms-transform: rotate(350deg); /*IE9*/
    transform: rotate(350deg);
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.965926, M12=0.258819,M21=-0.258819, M22=0.965926, sizingMethod='auto expand'); /*IE6-IE9*/
    zoom: 1;
    /*background: url("/Themes/CLCWebMemberMario/Styles/img/traded_in_dashboard.png") no-repeat center center;*/
}

.weeks_purchased {
    font-size: 1.4em;
    padding: 5px;
    margin-top: 5px;
    min-height: 25px;
    line-height: 25px;
}

.weeks_available {
    font-size: 1.4em;
    border: 1px solid #09c;
    padding: 5px;
    margin-top: 5px;
    color: #fff;
    background-color: #09c;
}

.li_pendingVerification_gdc {
    border-left: 1px dotted #024;
    height: 70px;
    width: 200px;
}

.titulos_gdc {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin: 20px 6px;
    font-size: 1.3em;
}

.bonus {
    border: 1px solid #002244;
    box-shadow: 0 2px 4px #C3C3C3;
    overflow: hidden;
    margin: 6px;
    background: #fff;    
}

.toyl_years {
    background: #f9f9f9;
    border-left: 1px dotted #3B6EA0;
}

.toyl_strapline {
    margin: 15px 6px;
}

.line_hifx {
    width: 50%;
    border: 1px dashed rgb(190, 190, 190);
    margin: 0 auto;
}

.canaltime_title {
    border: 1px solid #002244;
    box-shadow: 0 2px 4px #C3C3C3;
    overflow: hidden;
    height: 50px;
    margin: 1%;
    background-color: #fff;
    line-height: 50px;
}

.canaltime_boattype {
    background-color: #fff;
    background: url("/Themes/CLCWebMemberMario/Styles/img/product_canaltime.png") no-repeat left bottom #fff;
}

.Red {
    background-color: #7A102C;
    color: #fff !important;
}

.White {
    background-color: #e9e9e9;
    color: #333 !important;
}

.Blue {
    background-color: #5f98b5;
    color: #fff !important;
}

/*BENEFITS TABLE*/
.points_equals_benefits {
    padding-left: 20px;
    padding-top: 20px;
    margin: 6px;
    height: 130px;
}

.points_equals_benefits h2 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #09c;
    padding-left: 30px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/benefits_tick.png") no-repeat left 1px;
}

.benefits_table {
    margin-bottom: 10px;
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}

.benefits_table td {
    padding: 10px 5px;
    border-bottom: 2px solid #fff;
}

.titulo_benefits {
    padding: 10px 0;
    background-color: #fff;
    border-bottom: 2px solid #333 !important;
    border-top: 1px solid #ccc;
}
    
    .titulo_benefits p {
}

.benefits_ticked {
    background: url("/Themes/CLCWebMemberMario/Styles/img/benefits_ticked.png") no-repeat center center #CCCCCC;
}

.fondo_celdas {
}

.bronze {
    background-color: #E0A57D;
}

.silver {
    background-color: #CFCFCF;    
}

.gold {
    background-color: #D8C47F;
}

.platinum {
    background-color: #BCBCBC;
}

.diamond {
    background-color: #CEDEEC;
}

.pearl {
    background-color: #729393;    
}

.jade {
    background-color: #00B775;
}

.coral {
    background-color: #C3524F;
}

.shell {
    background-color: #AA879E;
}

.sand {
    background-color: #A8835C;
}

.mar_bott {
    margin-bottom: 10px;
}

.ul_docum {
  padding-top: 10px;
  padding-right: 40px;
  background: rgb(240, 240, 240);
  padding-left: 20px; 
}

.li_docum {
    width: 30%;
    color: #555555;
    line-height: 1.3;
}

.font1_docum {
    font-size: .7em;
    line-height: 1.4;
}

.font2_docum {
    margin-top: 10px;
    font-size: .9em;
}

.font3_docum {
    font-size: .8em;
}

.font4_docum {
    font-size: .8em;
    margin-bottom: 20px;
}

.font5_docum {
    font-size: .75em;
}

.a_docum {
    text-decoration: none;
    color: #222222;
    font-weight: bold;
}

.font_points {
    font-size: 20px;
}

/*CESSION WEEKS*/
#containerSVG {
    width: 730px;
}

.countries_cessionweeks {
    border: 1px solid #024;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color=#999999)"; /*IE 8*/
    box-shadow: 0 0 4px #999999; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color=#999999); /*IE 5.5-7*/
    z-index: 4;
    margin: 30px 0;
    padding: 10px;
    width: 250px;
    }

.countries_cessionweeks ul li {
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 30px;
    height: 20px;
    font-size: 1.1em;
}

    .countries_cessionweeks ul li.paises_cessionweeks {
        font-size: .8em;
        padding-left: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        -moz-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        height: 30px;
        line-height: 30px;
        margin-top: 0;
    }

.countries_cessionweeks ul li.paises_cessionweeks:hover {
    background-color: #09c;
    padding-left: 30px;
    color: white !important;
}

.paises_cessionweeks p {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.country_indicator_cessionweeks {
    width: 6px;
    height: 6px;
    margin: 13px 10px 10px 10px;
    margin-left: 0;
    margin-right: 10px;
}

.countries_cessionweeks ul li img {
    width: 30px;
    margin-right: 10px;
    padding-top: 0;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#ticker-up {
    height: 60px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_map_up.png") no-repeat center center;
    margin-bottom: 10px;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#ticker-up:hover {
    background-position: center 5px;
}

#ticker-down {
    height: 60px;
    background: url("/Themes/CLCWebMemberMario/Styles/img/arrow_map_down.png") no-repeat center center;
    margin-top: 10px;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#ticker-down:hover {
    background-position: center 25px;
}

.map_tooltip {
    background: none repeat scroll 0 0 #09c;
    border: 1px solid #FFFFFF;
    left: 0;
    margin: 0 auto 0 0;
    top: 37px;
    width: 25%;
    z-index: 30;
}

.map_tooltip2 {
    background: none repeat scroll 0 0 #09c;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 4px #666666;
    left: 0;
    margin: 0 auto 0 0;
    top: 37px;
    width: 25%;
    z-index: 30;
}

.choose_cessionweek {
    margin: 0 auto 10px auto;
    display: block;
    width: 80%;
    height: 30px;
}

.choose_cessionweek option {
        padding: 4px 5px;
        font-size: .9em;
        text-align: center;
}

.choose_cessionweek option:hover {
            background: #09c;
            color: #fff;
            font-weight: bold;
}

.cw_available {
    background: #bbbbbb;
    color: #024;
}

.cw_available h2 {
    font-size: 2em;
    padding: 10px 0;
        font-weight: 100;
}

.cw_available p {
    font-size: 1em;
    padding-bottom: 10px;
}

.btn_close_tooltip {
    background: url("/Themes/CLCWebMemberMario/Styles/img/close_map_tooltips.png") no-repeat center center;
    width: 60px;
    height: 60px;
    right: -30px;
    top: -30px;
}

.map_tooltips_countryname {
    font-weight: 100;
    font-size: 1.3em;
    padding: 13px 5px;
}

.map_tooltips_error {
    background: none repeat scroll 0 0 #fff;
    color: red;
    font-size: .9em;
    margin: 0 auto 10px;
    padding: 10px;
    width: 80%;
}

.triangle_down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
   bottom: -10px;
   left: 115px;
}

.check_availability_tooltip {
    background: #024;
    padding: 10px 15px;
    clear: both;
    margin: 10px auto;
    font-size: .8em;
    text-align: center;
}

.check_availability_tooltip:hover {
    background-color: #fff;
    color: #024 !important;
}

.blank_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,.8);
}

/*SIGNATURE PRODUCT*/
#signature .contenedor_productos {
    background: white;
}

#signature {
    position: relative;
    z-index: 2;
}

.logo_membership_signature {
  float: right;
  margin: 30px 140px;
  text-align: center;
  position: relative;
  z-index: 10;
}

.signature_dashboard {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_signature.png") no-repeat scroll center center #0099cc;
    clear: both;
    height: 100px;
    margin: 0 auto 45px auto;
    width: 98%;
    border-top: 5px solid #ffffff;
    background-color: rgba(0,153,204,0.80);
    color: black;
}

.signature_boxes_container {
    top: 30px;
    width: 100%;
    text-align: center;
}

.signature_boxes {
    width: 23%;
    margin: 0 0.5%;
    display: inline-block;
}

.signature_boxes h2 {
        margin-bottom: 3px;
    color: #fff;
}

.signature_boxes div {
    background: #fff;
    height: 80px;
    border: 3px solid #949494;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.7em;
}

.signature_frequency {
    background: #09c;
    border-left: 1px dotted #09c;
    width: 28%;
    color: #fff !important;
}

.signature_payment {
    background: #F4F4F4;
    padding: 20px;
    margin: 40px auto;
    border: 1px solid #dfdfdf;
}

.message_convertpoints_signature {
}

.howtouse_signature {
    width: 100%;
}

.howtouse_signature {
    border-bottom: 1px solid #09c;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.signature_steps {
    margin-bottom: 30px;
}

video {
    /*background: url("/Themes/CLCWebMemberMario/Styles/img/bgimage_signature2.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);*/
    bottom: 0;
    height: auto;
    min-height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
    top: 0;
}

.contenedor_productos {
    background: none;
}

.contenedor_productos_canaltime {
    background: url("/Themes/CLCWebMemberMario/Styles/img/bg_canaltime_product.jpg") no-repeat center bottom;
    padding-bottom: 200px;
    min-height: 200px;
}

/*CLCWEEKS*/
#clcweeks {
    z-index: 20;
    padding-top: 280px;
}

#clcweeks .contenedor_productos {
        margin-top: 20px;
}

.clcweeks-sitename {
    padding: 10px;
    background: rgba(255,255,255,.8);
    width: 98%;
    margin: 0 auto;
    border-top: 3px solid #024;
    font-size: 1.2em;
}

#clcweeks .signature_dashboard {
    background: none;
    background: rgba(0, 153, 204, 0.8) !important;
}

#clcweeks .signature_boxes div {
    border-color: #09c;
}

.candidate {
    width: 210px;
    height: 80px;
    margin-bottom: 20px;
    background: #E6E6E6;
    cursor: pointer;
    border: 1px solid rgb(235, 235, 235);
    box-shadow: 1px 1px 1px rgb(131, 131, 131);
}

.content_candidat {
    background: #002244;
    margin-top: 10px;
    padding-bottom: 5px;
}

.txt_candidat {
    font-size: 13px;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #001224;
    background: #1F354B;
    color: white;
    }

.content_imgCandidat {
    margin-left: 10px;
    padding-right: 10px;
    background: url('/Themes/CLCWebMemberMario/Styles/img/icon_info.png') no-repeat center center;
    height: 50px;
    background-size: 30px;
}

#gridElections {
    margin: 20px 0;
}

.confirmation_vote {
    background: url('/Themes/CLCWebMemberMario/Styles/img/icon_validate.png') no-repeat top center;
    height: 50px;
    background-size: 30px;
}

.error_signature {
     background-color: #FFDDDD;
}

.contentYear {
    width: 23%;
    margin: 1%;
    border: 1px solid #09c;
    background: #fff;
    box-shadow: 0 2px 4px #ccc;
    padding: 1%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    min-height: 79px;
}

.contentYear:hover {
        border: 1px #024 solid;
        box-shadow: 0 2px 4px #999;
}

.signature_year {
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #c6c6c6;
    margin-bottom: 5px;
}

.close_year {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url('/Themes/CLCWebMemberMario/Styles/img/cancel2.png') no-repeat center center;
}

.signature_popup_container h2 {
    font-size: 1.6em;
    color: #09c;
    font-weight: bold;
    border-bottom: 1px solid #09c;
    padding: 5px 0;
    margin-bottom: 10px;
}

.box_convert_points {
    border: 1px solid #999;
    width: 100%;
    margin: 3% 0;
    padding: 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 50;
    position: relative;
}

.triangulo {
    position: absolute;
    left: -3px;
    top: -3px;
    z-index: 20;
    width: 0;
    height: 0;
    border-top: 20px solid #09c;
    border-right: 30px solid transparent;
}

.Available .triangulo {
    border-top: 20px solid green;
    border-right: 30px solid transparent;
}

.WeekPassed .triangulo, .TwelveWeekBefore .triangulo {
    border-top: 20px solid red;
    border-right: 30px solid transparent;
}

.Reservation .triangulo {
    border-top: 20px solid #ffc300;
    border-right: 30px solid transparent;
}

.homeweek {
    padding: 10px 0;
}

.alertas {
    margin: 15px 0 0 0;
    padding: 10px 40px;
    background: #ebebeb;
    margin-right: 10px;
}

.Reservation .alertas {
    background: url('/Themes/CLCWebMemberMario/Styles/img/warning_icon.png') no-repeat 10px center rgba(255, 195, 0, 0.15);
    border: 1px dotted #ccc;
}

.WeekPassed .alertas {
    background: url('/Themes/CLCWebMemberMario/Styles/img/week_passed_icon.png') no-repeat 10px center rgba(217,0,0,0.10);
    margin-right: 0;
}

.choose_to_convert {
    border-left: 1px dotted #999;
    padding-left: 10px;
    display: table-cell;
}

.btn_add_basket {
    text-align: center;
    width: 100%;
    background: #09c;
    padding: 10px 15px;
    color: #fff;
    font-size: 80%;
    cursor: pointer;
    margin: 20px auto;
    box-shadow: 0 2px 4px #c6c6c6;
}

.basketPoints {
    border: 1px dashed #ccc;
    padding: 5px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
}

.basketPoints .carrito {
    background: url('/Themes/CLCWebMemberMario/Styles/img/basket.png') no-repeat 8px center #fff;
        height: 35px;
        width: 50px;
        position: absolute;
        top: -20px;
}

.carrito div {
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    right: 0px;
    position: absolute;
    text-align: center;
    top: 0px;
    background: red;
    border-radius: 100%;
    padding: 3px;
    min-width: 10px;
    min-height: 6px;
    box-shadow: 0 0 2px #000;
    border: 1px solid #fff;
}

.basketItem {
    background: #f5f5f5;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    font-size: .85em;
    margin-bottom: 10px;
}

.basketItem ul {
        display: table;
        padding: 10px;
        width: 90%;
}

.basketItem li {
        display: table-cell;
        text-align: center;
        padding: 0 10px;
        vertical-align: middle;
        border-right: 1px solid #ccc;
        width: 15%;
}

.basketItem p {
        clear: both;
        display: block;
}

.basketPayment {
    /*background:#f5f5f5;*/
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    font-size: .85em;
    margin-bottom: 15px;
    padding: 8px 0;
}

    .basketPayment ul {
        display: table;
        padding: 2px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .basketPayment > ul:first-of-type {
        border-bottom: 1px dotted #ccc;
        margin-bottom: 6px;
        padding-bottom: 6px;
        font-size: 1.3em;
}

    .basketPayment > ul:last-of-type {
        font-size: 1em;
        font-weight: bold;
}

.basketPayment li {
        display: table-cell;
        text-align: center;
        padding: 0 10px;
        vertical-align: middle;
}

.eliminar {
    background: url('/Themes/CLCWebMemberMario/Styles/img/cancel2.png') no-repeat center center rgba(255,0,0,.15);
    width: 8.5%;
    z-index: 10;
    height: 56px;
    position: absolute;
    right: 0;
    top: 0;
}

.eliminar:hover {
        background-color: rgba(255,0,0,.4);
}

.basketTotals {
    font-weight: bold;
}

.basketTotals ul {
        display: table;
        padding: 10px;
        width: 90%;
}

.basketTotals li {
        display: table-cell;
        text-align: center;
        padding: 0 10px;
        vertical-align: middle;
        border-right: 1px solid #ccc;
        width: 15%;
}

.pending_check_out {
    border: 1px dashed #ccc;
}

.pending_check_out p {
        display: none;
}

.pending_text {
    display: none;
}

.pending_check_out .pending_text {
    display: block;
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    color: #09c;
    display: table-cell;
    font-size: 0.8em;
    height: 80px;
    left: 35px;
    position: absolute;
    top: 26px;
}

#textEmpty {
    min-height: 40px;
    line-height: 40px;
    font-size: .8em;
    color: #666;
}

.total_payment {
    border-top: 2px solid #09c;
    font-size: 1em;
}

.total_payment ul {
        margin: 20px 0;
        padding: 0;
}

.total_payment li {
        padding-right: 10px;
        font-weight: bold;
}

.pending_week {
    border: 1px dotted #ccc;
}

.btn_pending {
    display: none;
}

.pending_week .btn_add_basket {
    display: none !important;
}

.pending_week .btn_pending {
    display: block;
    font-size: .9em;
    text-align: center;
    color: #09c;
}

/*MESSAGES BOARD*/
.message_board {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #024;
    padding: 10px;
}

.messages_header {
    background: #024;
    margin-bottom: 10px;
    padding: 10px;
}

.messages_header ul, .message_board ul {
        margin: 0;
        padding: 0;
}

.messages_header ul li, .message_board ul li {
            display: inline-block;
            padding: 10px 25px;
            color: #fff;
            text-transform: uppercase;
            border-right: 1px solid #fff;
}

.message_board ul li {
            color: #024;
}

    .messages_header ul li:last-child {
        border: none;
    }


.benefit-details h2 {
    color: #4a4d4f;
    font-size: 1em;
    margin-top: 10px;
    padding: 0 10px;
    line-height: 40px;
    background: #024;
    width: 100%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
}


/*-------PACKAGES STYLES-------------*/

.package-details h2 {
    color: #4a4d4f;
    font-size: 1em;
    margin-bottom: 10px;
    padding: 0 10px;
    line-height: 40px;
    background: #024;
    width: 100%;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
}

.package-details p {
       padding: 0 10px;
       color: #666666;
       font-size: 0.8em;
}

.package-price {
       margin-top: 1em;
       padding: 10px;
       border-top: 1px solid #e5e5e5;
    bottom: 0;
    position: absolute;
}

.package-price small {
       font-size: 0.7em;
       display: block;
        min-height: 10px;
}

.package-price small:first-child {
            font-size: 0.9em;
}

    .package-price a {
       background-color: #082044;
       padding: 10px 1em;
       display: inline-block;
       font-size: 0.8em;
       text-decoration: none;
       color: #ffffff;
       float: right;
}

.packages-offer {
    min-height: 330px;
    width: 32%;
    margin: 0 .5% 10px .5%;
    border: 1px solid #ccc;
}

.packages-offer-related {
    min-height: 270px;
    width: 24%;
    margin: 0 0.5% 2em 0.5%;
}

.packages-offer-related .package-price {
       border-bottom: 5px solid #e5e5e5;
}

.packages-offer-related .package-price a {
            display: none;
}

.packages-offer-related .packages-summary-categories {
        display: none;
}

.package-text {
	line-height: 1.4em;
}

.package-text ul {
        list-style: inside;
}

.package-text p {
        margin-bottom: 10px;
}

.package-text img {
        border: 4px solid #fff;
        box-shadow: 0 0 2px #000;
        margin: 5px;
}

.package-text > div:first-child {
	padding-right: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.package-text h2 {
        font-size: 1.7em;
        margin-bottom: 20px;
}

.package-text h3 {
    font-size: 1.5em;
    margin: 20px 0;
}

.package-text h4 {
    font-size: 1.3em;
    margin: 20px 0;
}

.package-text strong {
        font-weight: bold;
}

.package-text h5 {
        font-weight: bold;
        padding: 10px 0;
        font-size: 1em;
}

.package-text h6 {
        padding: 10px;
        line-height: 1.1em;
}

.package-text ul.two_columns {
        margin: 10px 0 20px 0;
        list-style: inside;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.package-text em {
        font-style: italic;
}

    .package-text li {
        list-style-type: disc;
        margin-left: 5px;
}

.package-text hr { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

.package-details-related {
    min-height: 200px;
}

.package-details-related h2 {
    }

.package-terms {
    padding: 0 30px 10px;
}

.related-items {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin: 40px 0 10px 0;
    padding: 1.5em 0;
}

.package-detail-img {
    margin-bottom: 30px;
}

.packages-reservation {
    background: url(/Themes/CLCWebMemberMario/Styles/img/icon-pack-reser.png) no-repeat left center / 10%;
    padding: 20px 0 20px 35px;
}

.packages-site {
    background: url(/Themes/CLCWebMemberMario/Styles/img/icon-pack-site.png) no-repeat left center / 10%;
    padding: 20px 0 20px 35px;
}

.packages-resort {
    /*background:url(/Themes/CLCWebMemberMario/Styles/img/icon-pack-date.png) no-repeat left center / 10%;*/
    padding: 15px 0 15px 25px;
    border-left: 1px solid #e5e5e5;
}

.packages-resort small {
        margin-bottom: 8px;
        line-height: 10px;
}

.packages-view-cart {
    border-radius: 5px;
    background: #959595;
    margin: 0 3px;
    padding: 20px;
    color: #fff;
}

.packages-check-out {
    border-radius: 5px;
    background: #09c;
    margin: 0 3px;
    padding: 20px;
    color: #fff;
}

.packages-summary-categories {
    font-size: .7em;
    padding: 3px 5px;
    margin: 7px 2px 0 0;
    border-left: 5px solid #09c;
    display: none;
}

.packages-check-out::after {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-left: 100px solid #fff;
    border-bottom: 50px solid transparent;
}

.packages-view-cart::before {
    width: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 50px solid #fff;
}

.content-datos {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px 0;
}

.content-owner {
}

.content-datos h2 {
    padding-bottom: 10px;
}

.alert-warning {
    padding: 15px 10px;
    background: #FFACA8;
    color: #833835;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0;
}

.packages-filter {
    color: #999999;
    font-size: 0.6em;
    margin: -20px 0 20px 0;
}

.packages-filter div {
        padding: 12px 20px;
        border: 2px solid #ccc;
        background: #fff;
}

.filters-button-group {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    min-height: 40px;
}

    .filters-button-group li {
        margin: 5px 5px 5px 0;
        background: #ebebeb;
        -moz-transition: 0.2s all ease;
        -o-transition: 0.2s all ease;
        -webkit-transition: 0.2s all ease;
        transition: 0.2s all ease;
    }

.filters-button-group li a {
            padding: 10px 15px;
}

        .filters-button-group li:hover, .filters-button-group li.filter-selected {
            background: #09c;
            color: #fff !important;
            -moz-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
            -o-transform: scale(1.2, 1.2);
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
            -moz-box-shadow: 0 0 6px #fff;
            -webkit-box-shadow: 0 0 6px #fff;
            box-shadow: 0 0 6px #fff;
        }

.filters-button-group-detail {
    margin-top: -23px;
}

.filters-button-group-detail li {
        border: 1px solid #ccc;
        padding: 5px 10px;
        margin-right: 5px;
}

.filters-button-group-detail li:hover {
            border: 1px solid #09c;
            background: #09c;
            color: #fff;
}

.title_package {
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.7em;
    margin: 0 0 10px;
    padding: 0.5em 0;
}

.packages-detail li {
    display: inline-block;
}

.packages_price_box {
    padding: 20px;
    margin-top: -100px;
    background: #fff;
}

.price-container {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-size: 1.3em;
}

.packages-price {
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

.packages_concierge_box {
    margin: 0 30px 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    height: 1%;
    overflow: hidden;
}

.packages_concierge_box img {
        box-shadow: none;
}

.packages_concierge_box h4 {
        border-bottom: 1px solid #09c;
        padding-bottom: 20px;
        margin: 5px 0 20px 0;
}

.packages_help_box h3 {
}

.color-package {
    border-bottom: 5px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/*MODAL FORM PAY**/
.content_colum_form {
    width: 100%;
    background: red;
}

.column_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 433px;
}
/*--- estilos para los ul y li del formulario ---*/
.column_form_pay ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.column_form_pay li {
    padding: 12px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.column_form_pay label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}

.column_form_pay select {
    height: 40px;
    width: 280px;
    padding: 10px;
}

.column_form_pay input {
    height: 20px;
    width: 245px;
    padding: 5px 8px;
}

.column_form_pay textarea {
    padding: 8px;
    width: 300px;
}

.column_form_pay button {
    margin-left: 90px;
}
/*----- estilos visuales de los elementos --------*/
.column_form_pay input, .column_form_pay textarea, .column_form_pay select {
    border: 1px solid #aaa;
    box-shadow: 0 0 3px #ccc, 0 10px 15px #eee inset;
    border-radius: 2px;
    color: #333;
    font-size: 12px;
    padding-right: 30px;
    -moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}

.modal_custom {
    display: none;
    width: 500px !important;
}

.fuente_custom {
    font-size: 20px;
    line-height: 1.4;
}

.quit_scroll {
    overflow: hidden;
}

.custom_margin {
    margin-bottom: 5px;
}

.label_custom {
    margin-right: 40px;
}

.select_custom {
    font-size: 14px;
    padding-right: 20px;
}

.mensajes_error_custom {
    position: absolute;
    left: 30px;
}

.cust_posicion {
    width: 550px;
    margin: 0 auto;
    margin-top: 30px;
}

.form_longit {
    width: 100% !important;
    font-size: 1.3em;
}

.package-heading {
       color: #4a4d4f;
    padding: 20px 0 0;
}

    .package-heading h1 {
       font-weight: 700;
       font-size: 2em;
}

.package-warning {
       background-color: #ffa9a9;
       margin-bottom: 1em;
       padding: 0.6em;
       font-size: 0.8em;
       color: #7f3c3c;
}

/*New Offers*/
.content_backgr {
    width: 232px !important;
    height: 160px !important;
}

.dtittle {
    font-weight: 300 !important;
    margin-bottom: 15px !important;
    font-size: .95em !important;
    margin-top: 10px !important;
}

.dsubtittle {
    text-align: left !important;
    margin: 0 50px !important;
    box-sizing: border-box !important;
    font-size: .75em !important;
    text-transform: uppercase !important;
    font-weight: 300;
}

.price_offer {
    font-size: 4.5em !important;
    font-weight: 100 !important;
}

.message_points {
    font-size: 1em !important;
    font-weight: 300 !important;
}

.cont_detalle {
    width: 298px;
    float: right;
}

.alt_cont {
    height: 324px;
}

.detall_tittle {
    background-color: #002244;
    padding: 10px;
    box-sizing: border-box;
}

.text_title {
    color: white;
    text-align: center;
    font-size: .8em;
    font-weight: 500;
}

.detall_subtittle {
    background-color: #DDDDDD;
    padding: 5px;
    box-sizing: border-box;
}

.text_subtittle {
    color: black;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3;
}

.cont_offer {
    width: 100%;
    padding: 0 50px;
    text-align: left;
    box-sizing: border-box;
    line-height: .85;
    color: white;
}

.text_line1 {
    text-transform: uppercase;
    font-weight: 300;
}

.text_line2 {
    font-size: 6em;
    font-weight: 100;
    text-align: center;
    color: white;
}

.text_line3 {
    font-size: 1.6em;
    font-weight: 300;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: white;
    padding: 0 10px;
}

.text_line4 {
  text-align: center;
  color: white;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.2;
}

.img_centered {
  margin: 0 auto !important;
  position: relative;
  top: 15px;
}

.img_centered_hotel {
  margin: 0 auto !important;
  position: relative;
}

.altu_d {
    height: 40px;
}

.offer_height {
    margin-top: 40px;
}

.resto_height {
    margin-top: 30px;
}

.p_offer_height {
    margin-top: 30px;
    font-size: 1.1em;
}

.p_resto_height {
    margin-top: 20px;
}

.p_resto_height_cruise {
    margin-top: 5px;
}

/*ALERT DATA*/
.alert_message_login {
    background: rgba(0,10,30,0.8);
    z-index: 2000;
    position: fixed;
    left: 0;
    top: 0;
}

.alert_message_login > div {
        height: 390px;
        margin-top: -195px;
        top: 50%;
        background: #fff;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
}

.alert_message_login > div > div {
            padding: 30px;
}

.alert_message_login h1 {
        font-size: 1.2em !important;
        margin: 0 0 20px 0;
}

	.alert_message_login h4 {
		font-size: .9em !important;
        margin: 30px 0;
	}

.alert_message_login p {
	font-size: .9em;
        margin-bottom: 10px;
}

.changeCulture {
    margin-top: 7px;
    border-right: 1px solid #09c;
    margin-right: 10px;
    padding-right: 10px;
}

.changeCulture:hover {
        color: white;
}

.changeCulture select {
    border: none;
        color: #0099cc;
        background: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        cursor: pointer;
        border: none;
        box-shadow: none;
        height: 18px;
        text-align: right;
        font-size: .7em;
}

.changeCulture option {
        background: #fff;
        padding: 10px;
        font-size: 1.2em;
}

    .changeCulture select::-ms-expand {
    display: none;
}

.select_coun {
    color: #0099cc;
}

.select_coun:hover {
        color: white;
}

.changeCulture select:focus {
    outline: none;
}

.btn_benef {
    margin-bottom: 20px;
    background: #002244;
    color: white;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
}

    .btn_benef a {
        text-decoration: none;
        color: white;
        font-size: 13px;
    }

.btn_benef:hover {
        background: #09c;
        cursor: pointer;
}

.package-text {
	line-height: 1.4em;
}

.package-text ul {
        list-style: inside;
}

.package-text p {
        margin-bottom: 10px;
}

.package-text > div:first-child {
	padding-right: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.benefit-text h2 {
    font-size: 1.7em;
    margin-bottom: 20px;
}

.benefit-text h3 {
    font-size: 1.5em;
    margin: 20px 0;
}

.benefit-text h4 {
    font-size: 1.3em;
    margin: 20px 0;
}

.benefit-text strong {
    font-weight: bold;
}

.benefit-text h5 {
    font-weight: bold;
    padding: 10px 0;
    font-size: 1em;
}

.benefit-text h6 {
    padding: 10px;
    line-height: 1.1em;
}

.benefit-text ul.two_columns {
    margin: 10px 0 20px 0;
    list-style: inside;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.benefit-text em {
    font-style: italic;
}

.benefit-text li {
    list-style-type: disc;
    margin-left: 5px;
}

.benefit-text hr { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

.benefits-list {
    font-size: 14px;
    margin-bottom: 30px;
}

.benefits-list h2 {
        font-size: 1.5em;
        padding: 30px 0;
}

.benefits-list p {
        padding-bottom: 10px;
}

.benefits_offers_img {
    overflow: hidden;
}

.benefits-details h2 {
    color: #4a4d4f;
    font-size: .8em;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0 10px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.benefits-details p {
    color: #fff;
    opacity: 0;
    font-size: .8em;
    line-height: 1em;
    padding: 0 10px;
    margin-top: 10px;
    transition: all .3s ease .2s;
}

.benefits-offer {
    width: 33%;
    margin: .1%;
    margin-bottom: 2px;
}
.packageContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    margin-bottom: 40px;
}
.benefits-details .overlay {
    transition: all ease .2s;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.benefits-details:hover .overlay {
    background: rgba(0,0,0,.4);
}
.benefits-details-title-container {
    bottom: 0;
    transition: all ease .2s;
}
.benefits-details:hover .benefits-details-title-container {
    bottom: 30px;
}
.benefits-details:hover .benefits-details-title-container p {
    opacity: 1;
}
    .benefits-details:hover .benefits-details-title-container p:after {
        border-bottom: 1px solid #09c;
        content: "";
        display: block;
        height: 1px;
        margin: 0 auto;
        padding: 10px;
        position: relative;
        width: 20px;
    }

/*FIZZ STYLES*/
.card {
    border: 1px solid #002244;
    margin: 0 0.5% 1.5%;
    vertical-align: top;
    width: 32%;
}

.card:hover h2 {
        background: #09c;
}

.card:hover {
        border-color: #09c;
        box-shadow: 0 0 4px #666;
}

.card h2 {
        background-color: #002244;
        padding: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .9em;
}

.card a, .card a:hover {
        text-decoration: none;
}

.card-retailer {
    height: 140px;
}

.card .cardContent {
    position: relative;
}

.card .cardContent .offerLinks {
    font-size: 10px;
    padding: 10px;
}

.card .cardContent .offerLinks .percentage-big {
    color: #002244;
}

.card .cardContent .offerLinks .percentage-big {
    color: black;
    font-size: 25px;
    margin-bottom: 5px;
}

.retailerDescription {
    padding: 10px;
}

.offer-icon, .storecard-icon, .voucher-icon, .specialoffer-icon, .cashback-icon {
  width: 22px;
  height: 22px;
    display: inline-block;
}

.storecard-icon {
    background: url("images/storecard_icon.png") no-repeat;
}

.voucher-icon {
    background: url("images/voucher_icon.png") no-repeat;
}

.specialoffer-icon {
    background: url("images/specialoffer_icon.png") no-repeat;
}

.cashback-icon {
    background: url("images/cashback_icon.png") no-repeat;
}

span.in {
    font-size: 10px;
    display: block;
    text-transform: uppercase;
}

span.out {
    font-size: 15px;
}

/*BANK TRANSFER*/
.popup-label {
    margin: 20px 0;
    font-size: .8em;
    border-right: 1px solid #ccc;
    padding: 20px;
}

.bank-transfer-label {
    text-transform: uppercase;
    padding-bottom: 5px;
    color: #666;
}

.bank-transfer-data {
    margin-bottom: 30px;
    min-height: 30px;
}

.bank-transfer-comment {
    border-top: 1px solid #ccc;
    margin-top: -20px;
    padding: 20px;
    font-size: .8em;
}

/* BENEFITS FPOC*/
.single_multiple .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.5px 13px 10.5px 0;
  border-color: transparent #ebebeb transparent transparent;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  }
      .single_multiple .triangle.dark_grey {
        border-color: transparent #363636 transparent transparent;
      }
.single_multiple .single_multiple_header {
    text-align: center;
    margin: 1em 0;
}
    .single_multiple .single_multiple_header h2 {
        font-size: 1.2em;
        line-height: 2em;
        color: #1fa2be;
        text-align: left;
    }
.single_multiple .benefits {
  text-align: left;
  overflow: hidden;
  margin: 6px;
  display:flex;
  flex-wrap:wrap;
}
        .single_multiple .benefits .benefits_image_box img {
            width: auto;
            height: 80px;
        }
    .single_multiple .benefits.dark_grey {

    }
        .single_multiple .benefits.dark_grey .benefits_content_box {
            color: #fff;
        }
    .single_multiple .benefits .benefits_content_box {
       height: 30px;
    }
    .single_multiple .benefits .benefits_content {
        font-size: .9rem;
        line-height: 1.1;
        margin: 0;
        max-width: 125px;
        text-align: center;
        color: #26b4d2;
    }

.flex-box-weeks {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 23% !important;
}

/* ENF OF BENEFITS FPOC*/