﻿#carouselPremio .carousel-control-next, #carouselPremio .carousel-control-prev {
    width: 120px;
}

#estrategia-menu a:hover, #estrategia-menu a:focus, #sostenibilidad-menu a:hover, #sostenibilidad-menu a:focus {
    background-color: #808080;
    color: white;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    border-radius: 0.3rem;
}

#estrategia-menu a, .nav-item a {
    transition: 0.3s;
}

@media all and (min-width:992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.3rem !important;
        padding-left: 0.3rem !important;
    }
}

/*sombra*/
.sombra {
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.2);
}

/*text*/
.container-page:not(.page-maps) p, ul li, .intro p, .h-noticias .max-h {
    text-align: justify;
}

strong {
    font-family: 'Proxima nova Bold';
}

/* container edit */

@media (min-width: 1200px) {
    .container {
        max-width: 980px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1130px !important;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 100% !important;
    }
}

/*colors*/
.bg-corporative {
    background: #013893;
}

body a:hover {
    text-decoration: none;
}

.title-parrafo {
    color: #013893;
}

li .blue-enlace {
    /*color:#007bff !important;*/
    cursor: pointer;
}

.blanco {
    color: white !important;
}

.amarillo {
    color: #f9d616 !important;
}

.azul {
    color: #013893 !important;
}

.bold {
    font-weight: bold;
}

.black{
    font-weight:700

}

li .blue-enlace:hover {
    color: #0056b3 !important;
}

/* idiomas */
.lang-item {
    color: white;
    transition: 0.2s;
}

    .lang-item:hover {
        color: #f9d616;
    }

    .lang-item a {
        color: white;
        transition: 0.2s;
    }

        .lang-item a:hover {
            color: #f9d616;
        }

.footer-lang {
}

    .footer-lang .collapse {
        background-color: #003597;
        z-index: 99;
    }

    .footer-lang .lang-item {
        padding: 0.15rem;
        padding-left: 0.3rem;
    }

/*medidas*/
.w-100p {
    width: 100px !important;
}

@media (max-width:576px) {
    .img-center-sm {
        text-align: center;
    }
}

/*CAROUSEL MULTI*/
.slider {
    width: 95%;
    margin: auto;
    overflow: hidden;
}

    .slider ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: cambio 20s infinite alternate linear;
    }

    .slider li {
        width: 100%;
        list-style: none;
    }

    .slider img {
        width: 100%;
    }

@keyframes cambio {
    0% {
        margin-left: 0;
    }

    20% {
        margin-left: 0;
    }

    25% {
        margin-left: -100%;
    }

    45% {
        margin-left: -100%;
    }

    50% {
        margin-left: -200%;
    }

    70% {
        margin-left: -200%;
    }

    75% {
        margin-left: -300%;
    }

    100% {
        margin-left: -300%;
    }
}



/*bootstrap thumbnails*/
.container-carousel-thumb-ppal {
    background: #DADADA;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*height:105px;*/
}

.carousel-thumb--index #content-slider {
    text-align: center;
}

    .carousel-thumb--index #content-slider img {
        max-width: 130px !important;
        height: auto !important;
    }

    .carousel-thumb--index #content-slider .circle-logo1 img {
        max-width: 62px !important;
        height: 62px !important;
    }

    .carousel-thumb--index #content-slider .circle-logo2 img {
        max-width: 70px !important;
        height: 79px !important;
    }

    .carousel-thumb--index #content-slider .logo-tipo2 img {
        max-width: 107px !important;
        height: auto !important;
    }

    .carousel-thumb--index #content-slider .logo-tipo3 img {
        max-width: 180px !important;
        height: auto !important;
    }

#content-slider img, #content-slider .carousel-text {
    /*width:175px !important;*/
    width: 100% !important;
    height: auto;
}

.proyectos-page .lSAction > .lSPrev {
    background-position: -32px 0;
    left: 0rem;
    width: 50px;
    height: 50px;
    background-size: 40px !important;
    background: #fff /*url('../assets/iconos/arrow-left.png') no-repeat*/;
}

.proyectos-page .lSAction > .lSNext {
    background-position: -32px 0;
    right: 0rem;
    width: 50px;
    height: 50px;
    background-size: 40px !important;
    background: #fff /*url('../assets/iconos/arrow-right.png') no-repeat*/;
}
/*index*/
.carousel-thumb--index .lSSlideOuter .lSAction > .lSPrev, .carousel-thumb--index .lSSlideOuter .lSAction > .lSNext {
    top: 35px;
}

@media (max-width:540px) {
    .carousel-thumb--index .lSSlideOuter .lSAction > .lSPrev, .carousel-thumb--index .lSSlideOuter .lSAction > .lSNext {
        display: none;
    }
}

.lSSlideOuter .lSAction > .lSPrev, .lSSlideOuter .lSAction > .lSNext {
    top: 70px;
}

.c-tunel img {
    border: 2px solid transparent;
}

    .c-tunel img:hover, .c-tunel img.active {
        border: 2px solid #ffd800;
    }

.c-tunel.lslide {
    text-align: center;
}


.c-tunel .carousel-text {
    /*margin-left:0.5rem;*/
    margin-left: 0rem;
    text-align: left;
}


#content-slider .carousel-text h5 {
    font-size: 1rem;
    cursor: pointer;
}

#content-slider .carousel-text span {
    font-size: 0.9rem;
    cursor: pointer;
}

.table--proyectos.table td, .table--proyectos.table th {
    padding: .25rem;
    font-size: 0.8rem;
}

@media(max-width:762px) {
    #content-slider img, #content-slider .carousel-text {
        width: 100% !important;
        height: auto !important;
    }

        #content-slider .carousel-text h5, #content-slider .carousel-text span {
            font-size: 0.8rem;
        }
}

@media(max-width:572px) {
    #content-slider img {
        width: 100% !important;
        padding-left: 0rem !important;
    }

    #content-slider .carousel-text {
        display: none;
    }

    .lSSlideOuter .lSAction > .lSPrev, .lSSlideOuter .lSAction > .lSNext {
        display: none;
    }
}

/*maps*/

.i4ewOd-haAclf .i4ewOd-pzNkMb-haAclf.QUIbkc {
    display: none !important;
}

.map iframe {
    width: 100%;
    height: 530px;
}

.page-maps h4 {
    color: #013893;
    font-size: 1rem;
    font-weight: bold;
}

.page-maps h5 {
    font-size: 1rem;
    font-weight: bold;
}


.page-maps section div {
    padding-bottom: 1rem;
}

.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: inline-block;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.grafico-km tr td:nth-child(2) {
    font-weight: 700;
}

#collapseBannerNav li a {
    color: #000;
}


/*#carouselPremio .carousel-inner {height:100% !important;}
#carouselPremio .carousel-item {height:100% !important;}
#carouselPremio .carousel-item.active {display:flex !important; align-items:center !important;}*/

/*carousel proyectos*/
#carouselProyectos {
    width: 100%;
    position: relative;
    margin-bottom: 0.7rem;
}

    #carouselProyectos img {
        width: 100%;
    }

.carousel-control-prevb, .carousel-control-nextb {
    position: absolute;
    top: 0px;
    z-index: 999;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    transition: 0.4s;
}

    .carousel-control-prevb:focus, .carousel-control-nextb:focus, .carousel-control-prevb:hover, .carousel-control-nextb:hover {
        background-color: rgba(0,51,153,0.8);
    }

.carousel-control-prevb {
    left: 0px;
}

.carousel-control-nextb {
    right: 0px;
}

    .carousel-control-prevb i, .carousel-control-nextb i {
        color: #fff;
        font-size: 3rem;
        opacity: 0.7;
    }

    .carousel-control-prevb:hover i, .carousel-control-nextb:hover i {
        color: #fff;
        opacity: 1;
        cursor: pointer;
    }

.image--proyectos {
    max-width: 100%;
}

@media (max-width:720px) {

    .carousel-control-nextb {
        left: 93%;
    }
}


@media (max-width:540px) {
    .carousel-control-prevb, .carousel-control-nextb {
        top: 0%;
    }

        .carousel-control-prevb i, .carousel-control-nextb i {
            font-size: 1.5rem;
        }

    .carousel-control-nextb {
        left: 83.5%;
    }
}

@media (max-width:340px) {

    .carousel-control-nextb {
        left: 90%;
    }
}

#search {
    cursor: pointer;
}


.botonRaro:focus {
    background-color: inherit !important;
    color: inherit !important;
    padding: 0rem !important;
}

.rentaFija {
    margin-bottom: 1rem;
}

    .rentaFija tbody tr.cabecera {
        background-color: #003597 !important;
    }

    .rentaFija thead tr th.cabeceraPadre {
        color: #003597;
        padding-bottom: 0.3rem;
    }

    .rentaFija tbody tr.cabecera td {
        color: white;
    }

    .rentaFija tbody tr td {
        padding: 0.25rem;
    }

.rentaFijaDocs:focus {
    background-color: inherit !important;
    border: none !important;
    padding: inherit !important;
}

    .rentaFijaDocs:focus i {
        color: #003597 !important;
    }

.rentaFijaDocs i, .rentaFijaDocs .rentaFijaInfoPdf {
    transition: 0.4s;
}

.rentaFijaDocs:hover .rentaFijaInfoPdf {
    color: #003597;
    border-bottom: 1px solid #003597;
}

.rentaFijaDocs:hover i {
    color: #003597;
}

.rentaFijaInfoPdf {
    text-align: center;
    display: block;
    padding-top: 0.15rem;
    border-bottom: 1px solid #474747;
}

@media (max-width:768px) {
    table.rentaFija tbody {
        display: flex;
        flex-wrap: wrap;
    }

    table.rentaFija tr {
        display: block;
        width: calc(50% - 1rem);
    }

        table.rentaFija tr:nth-child(odd) {
            margin-right: 1rem;
        }

        table.rentaFija tr td {
            display: block;
            width: 100%;
        }
}

footer .row {
    margin-right: -50px;
    margin-left: -50px;
}

footer ul:nth-child(1) {
    max-width: 20%;
}

footer ul:nth-child(2) {
    max-width: 20%;
}

footer ul:nth-child(3) {
    max-width: 20%;
}

footer ul:nth-child(4) {
    max-width: 15%;
}

footer ul:nth-child(5) {
    max-width: 15%;
}

.collapseBannerNavRentaFija .nav-item:nth-child(1) {
    padding-right: 15px;
}

.rentaFijaInfoGeneral {
    margin-left: 30px;
}



/* ESTILOS JOIN US*/

.column-count-2 {
    column-count: 2;
    gap: 30px;
}

.no-gutter {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.col-foto {
    background-color: rgba(20, 40, 165, 0.7);
    padding: 0;
    overflow: hidden;
}

    .col-foto img {
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        opacity: 1;
        -webkit-transition: all 2.5s ease;
        -moz-transition: all 2.5s ease;
        -o-transition: all 2.5s ease;
        transition: all 2.5s ease;
    }

    .col-foto:hover img {
        opacity: 0.5;
        transform: scale(1.1);
        cursor: auto;
    }

.col-texto .titulo h2 {
    font-size: 2rem;
    font-weight: 500;
}

.col-texto .titulo span {
    font-size: 1rem;
    color: grey;
}

.bg-azul {
    background-color: #013893;
}

.text-white {
    color: white;
}

.border {
    border: solid 1px black;
}

@media (max-width: 576px) {
    .col-texto {
        align-items: center;
        text-align: center;
        padding-bottom: 1rem;
    }
    .col-texto .titulo {
        margin-top: 0.5rem;
    }
    .column-count-2{
        column-count: 1;
    }

}



a.button-joinus {
    border: solid 1px hsl(217, 99%, 29%);
    color: dimgray;
}

    a.button-joinus:focus {
        background-color: white !important;
        color: grey !important;
        padding: .3rem .7rem .3rem .7rem !important;
    }

    a.button-joinus:hover {
        font-weight: 500 !important;
    }

a.button-joinus-blanco {
    border: solid 1px white;
    color: white;
    text-decoration: none;
}

    a.button-joinus-blanco:hover {
        font-weight: 500 !important;
        color: #f9d716 !important;
    }

    a.button-joinus-blanco:focus {
        background-color: #013893 !important;
        color: white !important;
        padding: .3rem .7rem .3rem .7rem !important;
    }


a.button-oferta {
    background-color: #2666b0;
    color: white;
}

    a.button-oferta:hover {
        background-color: white;
        color: #2666b0;
        border: solid 1px #2666b0;
        text-decoration: none;
    }

    a.button-oferta:focus {
        background-color: #013893 !important;
        color: white !important;
        padding: .3rem .7rem .3rem .7rem !important;
    }



    .buscador-avanzado {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(/assets/images/buscador_fondo.png);
        height: 85vh;
    }

    .buscador-avanzado .container{
        padding-top:4rem;
    }

    .buscador-avanzado h1 {
        padding-top: 2rem;
        font-weight: 300 !important;
        font-size: 3.4rem !important;
    }


    @media (max-width: 576px) {
        .buscador-avanzado {
            height: 100vh;
            background-position:center!important;
        }
        .buscador-avanzado h1{
            font-size: 2rem !important;
            padding-top:0 !important;
        }
        .buscador-avanzado .container{
            padding-top: 0 !important;
        }
        .buscador-avanzado label{
            padding-top: 1rem !important;
        }
    }

   .titulo-puesto{
       font-size: 1.6rem;
   }
   .fecha-puesto{
       color:gray;
       font-size:0.8rem;
       font-weight:700;
   }

.textField {
    background: #f7f7f7;
    border: 1px solid #b1b1b1;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px;
    width: 100%;
    height: 48px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-image: url('../assets/iconos/down-arrow.svg');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: calc(100% - 10px);
}

