/*-------/-------LANDING PAGE -------/ -------*/
#landingpage {
    background: url(../images/backg-body-landingpage.jpg) repeat-y center
}

    #landingpage #header {
        height: 190px
    }

    #landingpage #slide {
        width: 980px;
        height: 184px;
        background: url(../images/slideLandingpage.jpg) no-repeat center bottom;
        position: absolute;
        top: 16px;
        left: 0
    }

/*-------/-------LANDING PAGE -------/ -------*/
#landingpage {
    background: url(../images/backg-body-landingpage.jpg) repeat-y center
}

    #landingpage #header {
        height: 190px
    }

    #landingpage #slide {
        width: 980px;
        height: 184px;
        background: url(../images/slideLandingpage.jpg) no-repeat center bottom;
        position: absolute;
        top: 16px;
        left: 0
    }


/*------- START BIZ-LANDING -------*/
/* HEAD*/
.flag {
    width: 25px;
}

.h-icon {
    width: 15px;
}

.header {
    height: 90px;
    padding: 20px 60px;
}

.pladur-algis {
    background-image: url("../images/biz-landing/Camion_Algiss.jpg");
    background-repeat: no-repeat;
    height: 200px;
    background-size: cover;
    padding: 20px 60px;
}


/* LOGIN */
/*Botones dialog cant access account*/
.ui-dialog .ui-dialog-buttonpane button.prefAction {
    background: var(--main-green);
    border-radius: 5px;
    padding: 3px;
}

    .ui-dialog .ui-dialog-buttonpane button.prefAction ~ button {
        border-radius: 5px;
        padding: 3px;
    }

.boxes-login {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
    background-color: #e5e5e5;
}

.m-top-bot {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.background-detail-discover {
    background-image: url("../images/biz-landing/bg_draw-discover.svg");
    background-repeat: no-repeat;
    background-size: 440px 590px;
}

.login-container .row { /* Define los margenes en el form login */
    margin: 20px 15px;
}

/* login-box */
.radius-l {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.radius-r {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/*.borders-l {
    border-left: 2px solid rgba(100, 100, 100, 0.103);
    border-top: 2px solid rgba(100, 100, 100, 0.103);
    border-bottom: 2px solid rgba(100, 100, 100, 0.103);
}

.borders-r {
    border-right: 2px solid rgba(100, 100, 100, 0.103);
    border-top: 2px solid rgba(100, 100, 100, 0.103);
    border-bottom: 2px solid rgba(100, 100, 100, 0.103);
}*/

.green-bg {
    background-color: var(--main-green);
}

.green-txt {
    color: var(--main-green);
}

#jPasswordRecovery {
    text-decoration: underline;
}

input.btn.btn-block.login-button.jSubmit {
    font-weight: bold;
}

/* login-inputs */
.form-control.white { /* Elimina el borde a los inputs de Bootstrap */
    border: 0px solid #ced4da !important;
}

input.form-control { /* Aņade bg y b.radius a los inputs de Bootstrap  */
    border-radius: 10px;
    background-color: white;
}

/*------- END BIZ-LANDING -------*/

/*------- Content -------*/
#landingpage #content {
    background: url(../images/backg-content-landingpage.jpg) no-repeat center top;
    padding-bottom: 20px
}

#landingpage .cornerTop,
#landingpage .cornerBottom {
    height: 20px;
    background: url(../images/LandingContentCorners.png) no-repeat;
}

#landingpage .cornerTop {
    background-position: center top;
}

#landingpage .cornerBottom {
    background-position: center bottom;
}

#landingpage .contentBanners {
    background: url(../images/LandingContentBanners.gif) repeat-y;
    padding: 0px 10px
}

/* Colum-A */
#landingpage .colum-a {
    width: 450px;
    padding: 0;
    position: relative
}

    #landingpage .colum-a .banner {
        width: 175px;
        height: 100px;
        position: absolute
    }

#banner-a {
    top: 0;
    left: 40px
}

#banner-b {
    top: 0;
    right: 40px
}

#banner-c {
    top: 120px;
    left: 40px
}

#banner-d {
    top: 120px;
    right: 40px
}

#landingpage .colum-a #banner-e {
    width: 350px;
    height: 90px;
    background: #2B4D3C;
    top: 250px;
    left: 50px;
}

/* Colum-B */
#landingpage .colum-b {
    width: 490px;
    border-left: 5px solid #D7D9C0;
    padding: 0 0 0 15px;
}

    #landingpage .colum-b #banner-f {
        width: 468px;
        height: 345px;
    }

.notificationError {
    background-color: #FFDFDF;
    border-color: #9F1D1D
}



/* Styles for validation helpers
-----------------------------------------------------------*/
#LoginBox .field-validation-error {
    position: absolute;
    margin: -44px 0 0 0;
    text-align: right;
    width: 290px;
    color: #9F1D1D
}

#LoginBox .input-validation-error {
    background-position: -25px -290px
}

/*------- Content -------*/
#landingpage #content {
    background: url(../images/backg-content-landingpage.jpg) no-repeat center top;
    padding-bottom: 20px
}

#landingpage .cornerTop,
#landingpage .cornerBottom {
    height: 20px;
    background: url(../images/LandingContentCorners.png) no-repeat;
}

#landingpage .cornerTop {
    background-position: center top;
}

#landingpage .cornerBottom {
    background-position: center bottom;
}

#landingpage .contentBanners {
    background: url(../images/LandingContentBanners.gif) repeat-y;
    padding: 0px 10px
}

/* Colum-A */
#landingpage .colum-a {
    width: 450px;
    padding: 0;
    position: relative
}

    #landingpage .colum-a .banner {
        width: 175px;
        height: 100px;
        position: absolute
    }

#banner-a {
    top: 0;
    left: 40px
}

#banner-b {
    top: 0;
    right: 40px
}

#banner-c {
    top: 120px;
    left: 40px
}

#banner-d {
    top: 120px;
    right: 40px
}

#landingpage .colum-a #banner-e {
    width: 350px;
    height: 90px;
    background: #2B4D3C;
    top: 250px;
    left: 50px;
}

/* Colum-B */
#landingpage .colum-b {
    width: 490px;
    border-left: 5px solid #D7D9C0;
    padding: 0 0 0 15px;
}

    #landingpage .colum-b #banner-f {
        width: 468px;
        height: 345px;
    }

.notificationError {
    background-color: #FFDFDF;
    border-color: #9F1D1D
}



/* Styles for validation helpers
-----------------------------------------------------------*/
#LoginBox .field-validation-error {
    position: absolute;
    margin: -44px 0 0 0;
    text-align: right;
    width: 290px;
    color: #9F1D1D
}

#LoginBox .input-validation-error {
    background-position: -25px -290px
}


.fonFamMontserrat {
    font-family: 'Montserrat', sans-serif;
}