/* SPECIFIC STYLES FOR INDEX PAGE */

/* ---------------------------- */
/*   Changes about screen.css   */
/* ---------------------------- */

/* ----------------------------------------------------- */
/*                 -- div.wrapper_calque --              */
/* ----------------------------------------------------- */

div.wrapper_calque {
    margin : 0 auto 0;
}


/* ------------------------------------------------------ */
/*                   -- div#content --                    */
/* ------------------------------------------------------ */

div#content div#maincontent {
    float : left;
    margin : -10px 0 0 -9px;
}


/* ------------------------------------------------------ */
/*                -- div#maincontent --                   */
/* ------------------------------------------------------ */

div#maincontent #displaytab {
    margin : 0 0 0 12px;
}

div#maincontent > ul {
    margin : 48px 0 0 0;
}

div#maincontent div#marketing div.pane {
    text-align : justify;
}

div#maincontent .firstrow .content .personaldataform .messagemandatory {
    float : right;
    font-size : 10px;
    font-style : italic;
    margin : 0 18px 0 0;
}


/* ------------------------------------ */
/* -- #displaytab / #breadcrumbs-two -- */
/* ------------------------------------ */

div#maincontent #displaytab {
    width : 117.7%;
    -webkit-width:100%;
}

div#maincontent #breadcrumbs-two {
    width : 84.5%;
    display : table;
    table-layout : fixed;
}

div#maincontent #breadcrumbs-two li:first-child {
    padding-left : 0;
}

div#maincontent #breadcrumbs-two li.step-select {
    padding : 0 12px 0 0;
}

div#maincontent #breadcrumbs-two li.step-select a {
    padding : 0.6em 0.5em 0.6em 0.5em;
}

div#maincontent #breadcrumbs-two li {
    display : table-cell;
    width : auto;
    text-align : center;
    padding : 0 0 0 8px;
}


/* ---------------------------------------- */
/*              -- .firstrow --             */
/* ---------------------------------------- */

.firstrow .content #displaytriplist {
    height : 75%;
    margin : 0px 5px;
}

.firstrow .content #personaldataform {
    height : 73%;
    margin : 0px 5px;
}

.firstrow .content .finishresume #finsms {
    clear : both;
    font-size : 13px;
    padding : 10px 10px 0 10px;
}

.firstrow .content .finishresume #finsms > div {
    margin : 0 0 10px 0;
}

.firstrow .content .finishresume #finsms div > span {
    font-weight : bold;
}

.firstrow .content .finishresume #finsms div span.data {
    font-weight : normal;
}

.firstrow .content .finishresume #finsms p {
    font-size : 14px;
    line-height : 18px;
    text-align : justify;
}

.bx-wrapper li {
    margin : 0 0 0 10px;
}


/* -------------------------------------------- */
/*                  -- div#menu --              */
/* -------------------------------------------- */

div#menu {
    opacity : 0.980;
}

div#menu div#destination-form .showDestination h3 {
    width : 199px;
}

div#menu ul.accordion {
    opacity : 0.97;
}

div#menu ul.accordion .sub-menu {
    border : 1px solid rgba(129, 129, 129, 0.5);
}

/* -- SLIDER FLEXIBILITY & BUDGET -- */
/* --------------------------------- */

div#menu div#bookingform .title-slider {
    font-size : 11px;
}

div#menu div#bookingform #sliderflex {
    float : left;
    width : 178px;
    cursor : pointer;
    margin : 14px 0 0 7px;
}

div#menu div#bookingform #sliderbudget {
    float : left;
    width : 178px;
    cursor : pointer;
    margin : 15px 0 0 7px;
}

div#menu div#bookingform #amountposition {
    color : #A7DF2D;
    font-weight : bold;
    padding-left : 45px;
}

div#menu div#bookingform #budgetposition {
    color : #A7DF2D;
    font-weight : bold;
    padding : 0 0 0 20px;
}

div#menu div#bookingform #increasebudget,
div#menu div#bookingform #decreasebudget {
    float : left;
    color : #ABADB3;
    cursor : pointer;
    font-size : 1.5em;
    padding : 12px 0 10px 5px;
}

div#menu div#bookingform #increaseflexibility,
div#menu div#bookingform #decreaseflexibility {
    float : left;
    color : #ABADB3; 
    cursor : pointer;
    font-size : 1.5em;
    padding : 12px 0 10px 5px;
}

div#menu div#bookingform #increasebudget:hover,
div#menu div#bookingform #decreasebudget:hover,
div#menu div#bookingform #increaseflexibility:hover,
div#menu div#bookingform #decreaseflexibility:hover {
    color : #A7DF2D;
}


/* -- // END SLIDER FLEXIBILITY & BUDGET -- */


/* -- LABELS - SELECT#ADULTS - SELECT#CHILDREN -- */
/* ---------------------------------------------- */

div#menu div#bookingform tr.status td {
    text-align : center;
}

div#menu div#bookingform tr.status td input {
    margin : 7px 0 0 0;
}

div#menu div#bookingform tr.status td > label {
    cursor : pointer;
    padding : 12px 0px 12px 0px;
}

div#menu div#bookingform tr.status td > label:hover {
    color : #A7DF2D;
}

div#menu div#bookingform tr.people td {
    padding : 0 0 7px 0;
    text-align : center;
}

div#menu div#bookingform select {
    text-transform : lowercase;
}

/*         -- LABELS - TABLE SERVICES --          */
/* ---------------------------------------------- */

div#menu ul.accordion div.sub-menu table.services label {
    cursor : pointer;
    padding : 10px 10px 10px 0;
}

div#menu ul.accordion div.sub-menu table.services label:hover {
    color : #A7DF2D;
}

/* -------------------------------------------- */
/*              -- ul.botonpico --              */
/* -------------------------------------------- */


div#maincontent div.firstrow ul.botonpico li {
    margin : 10px 0 0 -29px;
}


/* -------------------------------------------- */
/*              -- DATEPICKER --                */
/* -------------------------------------------- */

div.ui-datepicker {
    font-size : 10px;
}   

input.datepickertravelinfo {
    background-image : url("../pictures/cal.png");
    background-size : 14%;
    background-position : right;
    background-repeat : no-repeat;
    border : 1px solid #ABADB3;
}

input.datepickerInMap,
input.datepickerInMapTo {
    width : 100%;
    padding : 1px;
    border : 1px solid #ABADB3;
    background-image : url("../pictures/cal.png");
    background-size : 12%;
    background-position : right;
    background-repeat : no-repeat;
}

/* ------------------------------------------------------------- */
/*                  -- PACKAGES INPUT STYLE --                   */
/* ------------------------------------------------------------- */

div#maincontent div.place .location {
    color : #A7DF2D;
    cursor : pointer;
    margin : 0 10px 0 0;
}

div#maincontent div.footerpackage table.bookingconditions td label {
    top : 10px;
    left : 40px;
    padding : 10px;
    font-size : 11px;
    cursor : pointer;
    position : relative;
}

div#maincontent div.footerpackage table.bookingconditions td label:hover {
    color : #A7DF2D;
}

div#maincontent div.footerpackage table.bookingconditions td label span.readaccept {
    bottom : 3px;
    position : relative;
}

/* LAST CHANGE - 29102014 */
div#maincontent div.footerpackage table.bookingconditions td label span.bookingconditionsfancybox {
    cursor : pointer;
    font-weight : bold;
    text-transform : uppercase;
}

/* LAST CHANGE - 29102014 */
div#maincontent div.footerpackage table.bookingconditions td label span.bookingconditionsfancybox:hover {
    text-decoration : underline;
}


/* -------------------------------------------- */
/*              -- ORDER STEPS --               */
/* -------------------------------------------- */   

div#maincontent div.displaytriplist div.place span.orderstep {
    margin : 0;
    padding : 0;
    color : #A7DF2D;
    font-weight : bold;
}


/* ------------------------------------------------ */
/*              -- CALCULATE DAYS --                */
/* ------------------------------------------------ */   

div#maincontent div.header div.middle h1 a span.calculateDays {
    float : right;
    color : #A7DF2D;
    font-size : 14px;
    font-weight : bold;
    text-transform : uppercase;
}

div#maincontent div.displaytriplist div.place span.calculateDays {
    margin : 0 18px 0 0;
}

div#maincontent div.displaytriplist div.place span.calculateDays a {
    color : #BFBFBF;
    cursor : pointer;
    font-size : 85%;
    font-weight : bold;
    text-transform : uppercase;
}

div#maincontent div.displaytriplist div.place span.calculateDays a:hover {
    color : #A7DF2D;
    text-decoration : none;         
}


div#maincontent div.displaytriplist div.place span.calculateDays a.currentvisited:visited {
    color : #A7DF2D;
}


/* ----------------------------------------------------- */   
/*                -- FULLSCREENPACKAGES --               */
/* ----------------------------------------------------- */   

div#maincontent ul#packages div.header div.right img.fullscreenmap {
    z-index : 3;
    cursor : pointer;
    position : absolute;
    margin : 0 0 0 157px;
}

div#maincontent > ul {
    margin: 3.1px 0px 0px;
}


/* -------------------------------------------------------- */
/*                  -- ALTERNATIVES PART --                 */
/* -------------------------------------------------------- */

div.posibilities .plan_errors img {
    bottom : 6px;
    width : 24px;
    position : relative;
}

div.posibilities .plan_errors span {
    float : none;
    margin : 0;
    padding : 0 0 0 5px;
}


/* ----------------------------------------------------- */
/*              -- table.templatetable --                */
/* ----------------------------------------------------- */   

table.templatetable td select {
    width : 100%;
}

.reservformspecific {
    margin : 20px 0 0 0;
}

.reservformspecific table.templatetable .category {
    margin-right : 3px;
}

/* -------------------------------------------------------------------- */
/*                      -- PERSONAL FORM STYLES --                      */
/* -------------------------------------------------------------------- */

div#persdataform {
    margin : 0 0 0 8px;
}

div#persdataform table#myaccounttable {
    height : 191px;
    min-height : 191px;
    max-height : 191px;
}

div#persdataform table#optionstable {
    padding : 10px 10px 32px 10px;
    border-bottom-color : #FFFFFF;
}

div#persdataform table#optionstable td:first-child {
    width : 104px;
}

div#persdataform table#personaldatatable {
    margin : 18px 9px 5px 5px;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform {
    height : 20px;
    border-left : 0;
    margin : 0 0 0 -15px;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a {
    color : #747474;
    margin : 0 -8px 0 0;
    background : #FFFFFF;
    border : 1px solid #E5E7E8;

    -webkit-border-radius : 4px 4px 0 0;
    -moz-border-radius : 4px 4px 0 0;
    -ms-border-radius : 4px 4px 0 0;
    -o-border-radius : 4px 4px 0 0;
    border-radius : 4px 4px 0 0;

    -webkit-box-shadow : 0 0 0 #E5E7E8;
    -moz-box-shadow : 0 0 0 #E5E7E8;
    -ms-box-shadow : 0 0 0 #E5E7E8;
    -o-box-shadow : 0 0 0 #E5E7E8;
    box-shadow : 0 0 0 #E5E7E8;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li.active a {
    border-bottom : 2px solid #FFFFFF;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a.backgrounderrortabs {
    background : #FFEBE8;
    border-bottom : 2px solid #FFEBE8;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a.backgrounderrorout {
    background : #FFEBE8;
}

div#persdataform table#personaldatatable caption ul.tabspersdataform li a:hover {
    color : #A7DF2D;
    text-decoration : none;     
}

div#persdataform table#travellersdata {
    width : 706px;
    padding : 10px 0 10px 10px;
}

div#persdataform table#travellersdata tbody.travellers > tr td:first-child {
    padding : 0 26px 0 0;
    white-space : nowrap;
}