/*html {
    font-size:inherit;
}*/
    
/*generales puesto en stylesheet.css en webfonts*/
/*@font-face {
    font-family: 'Proxima Nova Regular';
    src: url('../assets/webfonts/proximanova-regular_0-webfont.eot');
    src: url('../assets/webfonts/fonts/proximanova-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/webfonts/fonts/proximanova-regular_0-webfont.woff') format('woff'),
         url('../assets/webfonts/fonts/proximanova-regular_0-webfont.ttf') format('truetype'),
         url('../assets/webfonts/fonts/proximanova-regular_0-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('../assets/webfonts/fonts/proximanova-bold_2-webfont.eot');
    src: url('../assets/webfonts/fonts/proximanova-bold_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/webfonts/fonts/proximanova-bold_2-webfont.woff') format('woff'),
         url('../assets/webfonts/fonts/proximanova-bold_2-webfont.ttf') format('truetype'),
         url('../assets/webfonts/fonts/proximanova-bold_2-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova Light';
    src: url('../assets/webfonts/fonts/proximanova-light_3-webfont.eot');
    src: url('../assets/webfonts/fonts/proximanova-light_3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/webfonts/fonts/proximanova-light_3-webfont.woff') format('woff'),
         url('../assets/webfonts/fonts/proximanova-light_3-webfont.ttf') format('truetype'),
         url('../assets/webfonts/fonts/proximanova-light_3-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova Italic';
    src: url('../assets/webfonts/fonts/proximanova-regularitalic_0.eot');
    src: url('../assets/webfonts/fonts/proximanova-regularitalic_0.eot') format('embedded-opentype'),
         url('../assets/webfonts/fonts/proximanova-regularitalic_0.woff') format('woff'),
         url('../assets/webfonts/fonts/proximanova-regularitalic_0.ttf') format('truetype'),
         url('../assets/webfonts/fonts/proximanova-regularitalic_0.svg#ProximaNovaRegularItalic') format('svg');
}
@font-face {
    font-family: 'Frutiger Black';
    src: url('../assets/webfonts/fonts/frutiger_black-webfont.eot');
    src: url('../assets/webfonts/fonts/frutiger_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/webfonts/fonts/frutiger_black-webfont.woff') format('woff'),
         url('../assets/webfonts/fonts/frutiger_black-webfont.ttf') format('truetype'),
         url('../assets/webfonts/fonts/frutiger_black-webfont.svg#frutigerblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova Semibold';
    src: url('../assets/webfonts/fonts/proximanova-semibold_0.eot');
    src: url('../assets/webfonts/fonts/proximanova-semibold_0.eot') format('embedded-opentype'),
         url('../assets/webfonts/fonts/proximanova-semibold_0.woff') format('woff'),
         url('../assets/webfonts/fonts/proximanova-semibold_0.ttf') format('truetype'),
         url('../assets/webfonts/fonts/proximanova-semibold_0.svg#ProximaNovaSemibold') format('svg');
}*/


*{
    font-family:'Proxima Nova Regular'; 
    color:rgb(73, 73, 73); 
}

.pointer {cursor:pointer;}

/*header*/
.nav--back{
    /*height:100px;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003da2+1,00348a+85,003270+100 */
background: rgb(1,56,147); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(0,61,162,1) 1%, rgba(0,52,138,1) 85%, rgba(0,50,112,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(0,61,162,1) 1%,rgba(0,52,138,1) 85%,rgba(0,50,112,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(0,61,162,1) 1%,rgba(0,52,138,1) 85%,rgba(0,50,112,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003da2', endColorstr='#003270',GradientType=0 ); /* IE6-9 */

}

header {margin-top:-1px;}


.social-icons a {
    transition: 0.4s;
    opacity: 1;
    transform: scale(0.9);
}

    .social-icons a:hover, .social-icons a:focus {
        opacity: 1;
        transform: scale(1.1);
    }

@media (max-width:992px) {
#navbarNav .nav-item.border-left, #navbarNav .nav-item.border-right {
    border-left:none !important;
    border-right:none !important;
}
}

.logo img{
    /*width:200px;*/
}

.icon-rs--twit,.icon-rs--face,.icon-rs--in,.icon-rs--se{
    width:23px;
    height:23px;
    margin-right:0.5rem;
}
.icon-rs--face{
    background:url("../assets/iconos/social_icons.png") 0px 0px;
}

.icon-rs--twit{
    background:url("../assets/iconos/social_icons.png") no-repeat top;
}

.icon-rs--in{
      background:url("../assets/iconos/social_icons.png") 24px 0px;
}

.icon-rs--se{
      background:url("../assets/images/searchright_btn.png") no-repeat;
     
}

@media (min-width:1130px) {
    #navbarNav .navbar-nav {
        width: 1130px;
    }
}

@media (max-width:572px){
 .nav--back .social-icons{
     padding-top:0.5rem;
    }
 
}

.search-input, .search-input-2 {height:22px; font-size:0.9rem;}
.search-input-2 {padding-left:0.4rem; padding-right:0.4rem; padding-bottom:0.2rem; padding-top:0.2rem; color:#333333; line-height:1; margin-right:0.3rem; color:#003597; height:auto;}

.nav--menu{
    font-weight:600; 
    color:#b1b2b5;
    text-transform:uppercase;
}


#navbarNav li{
    padding-left:1rem;
    padding-right:1rem;
}

/*main*/
.carousel{
    width:100vw; 
    overflow:hidden;
}

.navbar-light .navbar-nav .nav-link:focus strong, .navbar-light .navbar-nav .nav-link:hover strong {
    color:#013893 !important;
}

span a {color:#0048b2;}

@keyframes show {
 0% {opacity:0; }
  100% {opacity:1; }
}

@keyframes hide {
  from {opacity:1; }
  to {opacity:0.2; }
}


.carousel-item {
    transition: opacity 0.3s;

}

.carousel-caption {
    background:rgba(0,0,0,0.7); 
    position: absolute;
    top:20px;
    bottom: auto !important;
    left: 60% !important;
    z-index: 999!important;
    padding:2rem; 
    padding-top:2rem !important; 
    padding-bottom:2rem !important; 
    color: #fff;
    text-align: center;
    width:313px;
    /*height:400px;*/
    border-radius:0.3rem;
}

.carousel-caption h3{
   color:#f9d616; 
   font-weight:500; 
   text-align:left; 
   line-height:1.7rem;
   margin-bottom:1.5rem;
}

    .carousel-caption form {/*padding: 1rem;*/}

.carousel-caption h3 strong{
    color:#f9d616; 
    font-weight:bold; 
    font-size:2rem;
}

    .carousel-caption div.input-group {
        /*position:absolute;
    bottom:3rem; 
    left:3rem;*/
    }

.carousel-principal img{
    height:450px; 
    overflow:hidden;
}

@media (max-width:768px) {
    .carousel-caption {
        left: 5% !important;
        width:90%;
    }

        .carousel-caption h3 {
            font-size: 1.5rem;
        }

        .carousel-caption div.input-group {
            /*left:15px;*/
            /*width: 270px;*/
        } 
}

@media (max-width:576px){
    .carousel-caption {left: 1px !important; width:99%;}
    .carousel-caption h3 {font-size:1.5rem;}  
    
    /*.carousel-caption div.input-group {left:5%; width:90%;}*/ 
}

body .intro-container p{
    color:rgb(73, 73, 73); 
}

ol li {list-style-type: disc;}
ol.nav li.nav-item {
    list-style-type: none;
}

main .nav--icons {
    margin-top:20px;
}
/*nav iconos*/
.nav--icons {
    margin-top: -0.5rem;
    z-index: 999;
    position: relative;
}
.nav--icons ul li{
    list-style:none; 
}
.nav--icons .img-icon {
    height: 100px;
    width: 100px;
    text-align: center;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.nav--icons p{
    text-align:center;
    color:#808080; 
    font-size:0.9rem;
}

    .nav--icons a span {
        text-align: center;
        color: #525252;
        font-size: 0.9rem;
        margin-bottom: 1rem;
        /*margin-top:1rem;*/
    }

/* Botones play/pause (INDEX) */
#slider-play-parent1 {
    padding-right: 6rem;
    padding-left: 6rem;
    transition: 0.4s;
    background-color: rgba(0,0,0,0);
    top: 0px;
    bottom: 0px;
    z-index: 9;
    left: calc(50% - 35px - 6rem);
    cursor: default;
    opacity: 0.6;
}

    #slider-play-parent1:hover {
        background-color: rgba(0,0,0,0.3);
        opacity: 1;
        cursor: pointer;
    }

    #slider-play-parent1:focus {
        background-color: #003399 !important;
        opacity: 0.9 !important;
    }


@media (min-width:1200px) {
    #slider-play-parent2 {
        background-color: rgba(0,0,0,0)!important;
        transition: 0.4s;
        padding-top: 0.25rem;
        top: 0px;
        z-index: 9; /*left:calc(50% - 0.5rem);*/
        left: -7.5px;
        top: 28px;
        position: absolute;
    }

    #slider-play-parent2b {
        background-color: rgba(0,0,0,0);
        transition: 0.4s;
        padding-top: 0.25rem;
        top: 0px;
        z-index: 9; /*left:calc(50% - 0.5rem);*/
        right: -14px;
        top: 28px;
        position: absolute;
        display: flex;
    }
}

@media (max-width:1200px) {
    #slider-play-parent2 {
        background-color: rgba(0,0,0,0);
        transition: 0.4s;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        top: 0px;
        z-index: 9; /*left:calc(50% - 0.5rem);*/
    }

    #slider-play-parent2b {
        display: none;
    }
}

#slider-play-parent2:hover {
}

#slider-play2, #slider-play2b {
    opacity: 0.6;
    transition: 0.4s;
}

    #slider-play2:hover, #slider-play2b:hover {
        opacity: 1;
    }

/*.nav--icons a:hover p{
    color:#013893;  
}*/
/*.nav--icons-tunel div {
    background:url('../assets/iconos/tunnels.png') no-repeat top;
}
.nav--icons-tunel a:hover div{
    background:url('../assets/iconos/tunnels_h.png') no-repeat top;
}
.nav--icons-presa div {
    background:url('../assets/iconos/dams.png') no-repeat top;
}
.nav--icons-presa a:hover div{
    background:url('../assets/iconos/dams_h.png') no-repeat top;
}
.nav--icons-carretera div {
    background:url('../assets/iconos/highways.png') no-repeat top;
}
.nav--icons-carretera a:hover div{
    background:url('../assets/iconos/highways_h.png') no-repeat top;
}
.nav--icons-edificio div {
    background:url('../assets/iconos/buildings.png') no-repeat top;
}
.nav--icons-edificio a:hover div{
    background:url('../assets/iconos/buildings_h.png') no-repeat top;
}
.nav--icons-puente div {
    background:url('../assets/iconos/bridges.png') no-repeat top;
}
.nav--icons-puente a:hover div{
    background:url('../assets/iconos/bridges_h.png') no-repeat top;
}
.nav--icons-medio div {
    background:url('../assets/iconos/environments.png') no-repeat top;
}
.nav--icons-medio a:hover div{
    background:url('../assets/iconos/environments_h.png') no-repeat top;
}
.nav--icons-puerto div {
    background:url('../assets/iconos/puerto.png') no-repeat top;
}
.nav--icons-puerto a:hover div{
    background:url('../assets/iconos/puerto_h.png') no-repeat top;
}
.nav--icons-velocidad div {
    background:url('../assets/iconos/AltaVelocidad.png') no-repeat top;
}
.nav--icons-velocidad a:hover div{
    background:url('../assets/iconos/AltaVelocidad_H.png') no-repeat top;
}*/

#carouselPremio .carousel-control-next-icon, #carouselPremio .carousel-control-prev-icon,
#carouselMedio .carousel-control-next-icon, #carouselMedio .carousel-control-prev-icon,
#carouselPrevencion .carousel-control-next-icon, #carouselPrevencion .carousel-control-prev-icon,
/*#carouselIdi .carousel-control-next-icon, #carouselIdi .carousel-control-prev-icon,*/
#carouselMultimedia .carousel-control-next-icon, #carouselMultimedia .carousel-control-prev-icon,
#carouselInnovacion .carousel-control-next-icon, #carouselInnovacion .carousel-control-prev-icon,
#carouselBIM .carousel-control-next-icon, #carouselBIM .carousel-control-prev-icon,
#carouselCumplimiento .carousel-control-next-icon, #carouselCumplimiento .carousel-control-prev-icon,
#carouselRequisitosLegales .carousel-control-next-icon, #carouselRequisitosLegales .carousel-control-prev-icon{
    width: 3rem;
    height: 3rem;
    fill: grey;
    opacity: 0.7;
}

#carouselPremio .carousel-control-next:hover, #carouselPremio .carousel-control-prev:hover,
#carouselMedio .carousel-control-next:hover, #carouselMedio .carousel-control-prev:hover,
#carouselPrevencion .carousel-control-next:hover, #carouselPrevencion .carousel-control-prev:hover,
/*#carouselIdi .carousel-control-next:hover, #carouselIdi .carousel-control-prev:hover,*/
#carouselMultimedia .carousel-control-next:hover, #carouselMultimedia .carousel-control-prev:hover {
    background: rgba(0,0,0,0.15);
}

#carouselIdi .carousel-control-next, #carouselIdi .carousel-control-prev {
    display: none !important;
}

.carousel-control-next, .carousel-control-prev {
    transition: 0.4s;
}

    .carousel-control-next:hover, .carousel-control-prev:hover {
        background-color: rgba(0,0,0,0.3);
    }

    .carousel-control-next:focus, .carousel-control-prev:focus {
        background-color: #003399 !important;
        opacity: 0.9 !important
    }


/*nav icons*/



#carouselPrincipal .carousel-control-next-icon, #carouselPrincipal .carousel-control-prev-icon {
    width:70px;
    height:70px;
}

#carouselPrincipal .carousel-control-next, #carouselPrincipal .carousel-control-prev {
    transition: 0.3s;
    z-index: 99;
}

/*#carouselPrincipal .carousel-control-next:hover, #carouselPrincipal .carousel-control-prev:hover {
    background-color:rgba(0,0,0,0.3);
}*/

.carousel-indicators li {
    list-style-type: none;
}

/* multi carousel*/
.carousel-multi-container{
    background:#DCDCDC; 
    padding-top:1rem;
    padding-bottom:1.5rem;
}

.carousel-multi-item{
    display:flex; 
    justify-content:center;
    align-items:center; 
    width:150px;
    height:100px,
}
.carousel-multi-item img{
    width:100px;
}

@media (max-width:576px){
.carousel-multi-item{
    width:90px;
    height:70px;
}

.carousel-multi-item img{
    width:70px;
}
}

.carousel-group-arrows{
    position:relative;
}

.carousel-group--arrow1,.carousel-group--arrow2{
    cursor:pointer;
}

.carousel-group--arrow1{
    background:url('../assets/iconos/arrow_l.png') 15px 0px; 
    background-repeat:no-repeat;
    height:40px;
    width:50px;
    position:absolute;
    top:-45px;
    left:0;
}

.carousel-group--arrow1:hover{
    background:url('../assets/iconos/arrow_l.png') 15px -45px; 
    background-repeat:no-repeat;

}


.carousel-group--arrow2{
    background:url('../assets/iconos/arrow_r.png') 15px 0px; 
    background-repeat:no-repeat;
    height:40px;
    width:50px;
    position:absolute;
    top:-45px;
    left:96%;
}

.carousel-group--arrow2:hover{
    background:url('../assets/iconos/arrow_r.png') 15px -45px; 
    background-repeat:no-repeat;

}

.dropdown-horizontal{
    min-width:250px;
    
}
.dropdown-horizontal a{
    padding-right:0.3rem;
    padding-left:0.3rem;

}
.dropdown-horizontal a:hover{
    color:#fff !important; 
    background:#8f8f8f; 
    border-radius:0.3rem;

}

/*texto intro*/
.intro{
    padding-bottom:1rem;
}

.intro-page{
    padding-top:2rem;
    padding-bottom:4rem;

}

/*footer*/
.pie-ourGroup {
    height: 41px;
}
.pie-Polices{
    height: 0px;
}
.pie-ProjectFollowUp{
    height: 126px;
}
footer{
    background:#808080;
    font-size:0.8rem;
    /*clear: both;
    bottom: 0;
    width: 100%;
    position: fixed;*/
}


footer .container.footer-container{
    padding-top:1rem;
    padding-bottom:1rem;
    padding-right:5px; 
    padding-left:5px; 
    max-width:1250px;
}

footer h4{
    font-size:0.9rem;
    color:#f9d616;
    font-weight:bold;
}

footer ul li,footer ul li a, footer div a, footer div i, footer div{
    list-style:none;
    color:#d6d6d6;
}

.footer-lang div{
    width:111px;
}

.lang-item a[aria-expanded=true],.lang-item.show {
    border-bottom:1px solid #f2f2f2; 
}
footer ul li a:hover{
   text-decoration:none;
} 

footer i{
    margin-right:0.5rem;
    font-size:0.7rem;
}


footer div:nth-child(2) p{
    font-size:0.7rem;
}
/************index*************/

/*NUESTRO GRUPO/ Recursos humanos*/
.banner{
    margin-top:1.5rem;
    height:200px; 
}
.rentaFijaInfo {border:1px solid lightgrey; height:80px;}

.containe-page{
    position:relative;
    min-height: 100vh;
}

.container-page .navbar{
    padding:0.5rem 0.1rem;
    padding-top:0.3rem;
}

.banner-nav ul li a{
    font-size:0.75rem;
    list-style:none;
    color:#808080; 
    text-align:center;
    padding-top:0.3rem !important;
    padding-bottom:0.3rem !important;
    white-space:nowrap;
}
.banner-policies {
    background: url('../assets/banners/Banner Environmental-Healt.jpg') no-repeat top;
    background-size: cover;
}

.banner-group { background-size: cover;}

.banner-nav .nav-item .nav-link:hover,
.banner-nav .navbar-light .navbar-nav .nav-link:focus,
.banner-nav .navbar-light .navbar-nav .nav-link:hover,
.banner-nav .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active.nav-link {
    background: rgba(1,57,147,1);
    border-radius: 0.3rem;
    color: #f9d616 !important;
}


@media (min-width:1130px){
    main.container-page,.nav--icons-container .nav--icons{
        width:1130px;
        margin:auto;
    }
}

@media (max-width:1130px){
    main.container-page,.nav--icons-container .nav--icons{
        width:100%;
        padding:0 1rem;
    }
}


.nav--icons-container {background:#DBDBDB;}
.nav--icons-container .nav--icons > div span{margin-top:-2rem;}
.nav--icons-container .nav--icons > div span a p{margin-bottom:3rem;}
.nav--icons-container .nav--icons > div span a {}


@media (max-width:992px){
    .nav--icons-container .nav--icons > div span{
         margin-top:0rem;
         padding-top:1rem;
     }
}

/*nuestras empresas*/

.dragados-logo{
    text-align:center;
    margin-bottom:5rem;
}

.dragados-logo img{
    width:400px;
}

@media (max-width:576px){
    .dragados-logo img{
        width:90%;
    }
}

.empresas div{
  padding-top:1rem;
}

.empresas-box{ 
    margin-top:-50px;  
    padding-bottom:2rem; 
    background:#fff;      
}

.empresas-box p{
    padding-top:0.5rem;
    margin-bottom:2rem;
}

.empresas > div.t-right,.empresas > div.t-left,.empresas > div.t-center {
    border-top:1px solid rgba(1,57,147,1); 
    /*min-height:170px;*/
}

.empresas div.t-center img {
    /*padding-right: 2rem;
    padding-left:2rem;*/
}

.empresas .t-center {
    width:500px;
    padding-right:2rem;
    padding-left:2rem;
}

.empresas .t-right:not(.last-empresa){
    border-right:1px solid rgba(1,57,147,1); 
}
.empresas .t-right{
    text-align:right; 
    padding-right:2rem;
}
.empresas .t-left:not(.last-empresa){
    border-left:1px solid rgba(1,57,147,1); 
}
.empresas .t-left{
    text-align:left; 
    padding-left:2rem;
}

.empresas .t-center .empresas-box{
  padding-left:2rem;
  padding-right:2rem;
}

.empresas .t-right .empresas-box {
    padding-right: 2rem;
    /*margin-left:-30px;
    width:110%;*/
}

.empresas .t-center{
    text-align:center;
}

.empresas .t-left .empresas-box {
    padding-left: 2rem;
    /*margin-right: -30px;
    width: 110%;*/
}


@media (max-width:1200px){
    .empresas .t-center {
        width:100%;
    }
}


@media (max-width:768px) {
    .empresas .t-right, .empresas .t-center {
        text-align: left;
    }

    .empresas .t-right:not(.last-empresa) {
            border-right: 1px solid transparent;
     }

    .empresas .t-left:not(.last-empresa) {
        border-left: 1px solid transparent;
    }

    .empresas .t-right .empresas-box,.empresas .t-left .empresas-box {
        padding-right: 0rem;
        padding-left:0rem;
        position: static;
        margin-left: 0px;
        width: 100%;
    }
    .empresas > div.t-right,
    .empresas > div.t-left,
    .empresas > div.t-center {
        border-top: 1px solid transparent;
        padding-left:0rem;
    }

    .empresas-box p{
        padding-top:0.5rem;
        margin-bottom:1rem;
   }

    .empresas-box{
    margin-top:0px;  
    padding-bottom:0rem; 
    }

    .empresas > div.t-right, .empresas > div.t-left, .empresas > div.t-center{
        min-height:100%;
    }

    .empresas .t-center .empresas-box{
        padding-left:0rem;
        padding-right:0rem;
    }
}


/*texto adaptado a forma*/
.container-shape-outside{
    overflow:hidden;
}
.shape-outside{
    float:left;
    shape-outside: square(50%);
    width: 200px;
    height: 200px;
    margin-right:1rem;
    margin-bottom:0.5rem;
}


/*premios*/

.page-premios .nav-tabs, .page-sostenibilidad .nav-tabs{
    border-bottom:1px solid rgba(1,57,147,1); 
}

.page-premios .nav-link, .page-sostenibilidad .nav-link{
    background:#e5e5e5;
    padding-left:2rem !important;
    padding-right:2rem !important;
}

.page-premios .nav-link, .page-sostenibilidad .nav-link{
    color:#7d7d7d; 
}

.page-premios .nav-tabs .nav-link:focus,.page-premios .nav-tabs .nav-link:hover,.page-premios .nav-tabs .nav-link,
.proyectos-page .nav-tabs.title-proyectos .nav-link:focus,.nav-tabs.title-proyectos .nav-link:hover,.proyectos-page .nav-tabs.title-proyectos .nav-link,
.page-sostenibilidad .nav-tabs .nav-link:focus,.page-sostenibilidad .nav-tabs .nav-link:hover,.page-sostenibilidad .nav-tabs .nav-link,
.proyectos-page .nav-tabs.title-proyectos .nav-link:focus,.nav-tabs.title-proyectos .nav-link:hover,.proyectos-page .nav-tabs.title-proyectos .nav-link{
    border-bottom:1px solid rgba(1,57,147,1); 
}

.page-premios .nav-tabs .show.nav-item .nav-link,.page-premios .nav-tabs .active.nav-link,
.proyectos-page  .nav-tabs.title-proyectos .show.nav-item .nav-link,.proyectos-page .nav-tabs.title-proyectos .active.nav-link,
.page-sostenibilidad .nav-tabs .show.nav-item .nav-link,.page-sostenibilidad .nav-tabs .active.nav-link,
.proyectos-page  .nav-tabs.title-proyectos .show.nav-item .nav-link,.proyectos-page .nav-tabs.title-proyectos .active.nav-link{
    border-top:1px solid rgba(1,57,147,1); 
    border-left:1px solid rgba(1,57,147,1); 
    border-right:1px solid rgba(1,57,147,1); 
    border-bottom:1px solid #fff; 
}

.page-premios .nav-link.active,.proyectos-page .nav-tabs.title-proyectos .nav-item .nav-link,
.page-sostenibilidad .nav-link.active,.proyectos-page .nav-tabs.title-proyectos .nav-item .nav-link{
    background:#fff;
}

.carousel-premios{
    padding-top:2rem;
    padding-bottom:3rem;
    height:520px;
    
}
.carousel-premios .carousel-item{
    padding-left:7rem;
    padding-right:7rem;
    min-height:300px;
}

    .carousel-premios .carousel-item img {
        /*border:1px solid rgba(1,57,147,1);*/
        max-width: 300px;
    }

.carousel-premios .carousel-control-prev .carousel-control-prev-icon,
.carousel-premios .carousel-control-next .carousel-control-next-icon{
    background-image:none;
}

.carousel-premios .carousel-control-next-icon i{
  font-size: 3rem;}

.carousel-premios .carousel-control-prev-icon i {
  font-size: 3rem;}

.carousel-premios .text-carousel {
    /*position:absolute;*/
    top:30%;
    left:50%;
    padding-left:3rem;
    width:100%;
    /*padding-right:4rem;*/
}

.text-carousel h5{
    font-weight:800;
    text-transform:uppercase;
}

.text-carousel p{
    padding-top:1rem;
    text-transform:inherit;
}

.carousel-premios .text-carousel h5 {
    border-bottom:1px solid lightgrey;
    padding-bottom:1rem;
    text-align:left;
}

@media (max-width:992px) {
    .carousel-premios .text-carousel {
        display: none;
    }

    .carousel-premios .carousel-item {
        padding-left: 0rem;
        padding-right: 0rem;
        min-height: 300px;
    }

    .carousel-item div {display: flex; flex-wrap: wrap; justify-content: center;}
}


.title-1{
    font-size:2.5rem;
    /*font-weight:900;*/ 
    text-align:center;
    font-family:'Frutiger Black'; 
    max-width:500px;
    margin:auto; 
    padding-top:2rem;
    padding-bottom:2rem;
    line-height:2.1rem;
}

.page-experiencia h4{
    padding-right:2rem;
    padding-left:2rem;
}

.page-experiencia ul li{
    line-height:1.8rem;
}



.banner-title{
    position:absolute;
    top:100px;
    right:0;
    padding-left:1rem;
    padding-right:1rem;
    margin-left:auto;
    background:rgba(0,0,0,0.7); 
    color:#f9d616;
    min-width:300px;
    font-size:3rem;
    border-radius:0.3rem 0 0 0.3rem;
}

.migas-pan {
    padding-top: 1.5rem;
}
    .migas-pan span {
        font-size: 0.8rem;
    }

    .migas-pan i, .fa-angle-double-right {
        font-size: 0.5rem;
    }

.grafico-map img {
    width: 100%;
}

.grafico-km h2{
    font-family:'Proxima Nova Bold'; 
    font-size:3.5rem;
    font-weight:900;
    color:rgba(1,57,147,1); 
}
.volteado {
    transform: rotate(270deg);
    padding-right: 0rem;
    padding-top: 1rem;
    padding-left: 0.3rem;
    font-size: 1.5rem;
    color: rgba(1,57,147,1);
}
.grafico-km .table {
    font-size: 0.7rem;
    /*white-space:nowrap;*/
}
.grafico-km .table tfoot tr,.theadProyects{
    background:rgba(1,57,147,1); 
}

.grafico-km .table tfoot tr td,.theadProyects th{
    font-weight:700; 
    color:#fff;
}

.grafico-km .table td, .grafico-km .table th{
    padding:0.4rem;
}

.h-noticias{
  padding-top:1rem;
  /*padding-bottom:1rem;*/
}

.h-noticias:after{
    /*content:'...';*/ 
}

.h-noticias:not(h5){
    font-size:0.9rem;
}
.h-noticias .max-h{
    font-size:0.8rem;
}

.h-noticias .max-h p {
    font-size: 0.8rem;
    margin-bottom: 0rem;
}

.max-h{
  overflow:hidden;
}

.seccion-proyectos img{
    width:232px;
    height:145px;
}


/*proyectos*/

.proyectos-page .nav-tabs {
    border-bottom:1px solid rgba(1,57,147,1);
    margin-bottom:0.5rem;
}

li.title-proyectos a {
    border-left:1px solid rgba(1,57,147,1); 
    border-top:1px solid rgba(1,57,147,1);
    border-right:1px solid rgba(1,57,147,1);
    border-bottom:4px solid #fff;
    z-index:999;
    border-radius:0.5rem 0.5rem 0 0; 
    color:rgba(1,57,147,1);   
}

.title-proyectos {
    border-bottom:1px solid rgba(1,57,147,1);

}

.title-parrafo--proyectos{
    font-size:3rem;
    color:rgba(1,57,147,1); 
    /*padding-left:1rem;*/
}


@media (max-width:572px){
    .title-parrafo--proyectos{
    font-size:1.5rem;
 

}
}

.subtitle{
   font-style:italic;
   color:#b1b2b5;
   /*padding-left:0.8rem;*/
}

/*CAROUSEL PRUEBA*/
.carousel-itemb {
    /*height:450px;
    width:100%;*/ 
  
}

.carousel-itemb.ant img{
    margin-left:100%;
    animation:slideOut 2s; 
    display:none;
    /*display:none;*/
   
    /*transition: all 2s;*/ 
}

.carousel-itemb.current{
    margin-left:0;
    transition: all 2s;

}


@keyframes slideOut {
  from {margin-left: 0;
        display:block; 
        
  }
  to {margin-left: 100%;
     display:block; 
  }
}

@keyframes slideIn {
  from {margin-left: -100%;}
  to {margin-left: 0;}
}

/*FIN CAROUSEL PRUEBA*/

#carouselProyectos .carousel-itemb{
    overflow:hidden;
}
.carousel-text .carousel-text-title{
    color:rgba(1,57,147,1);
    font-weight:800; 
    font-size:1.1rem;
    margin-top:0.5rem;
}

.carousel-text-title {margin-bottom:0rem;}

.carousel-text .carousel-text-sub{
    font-style:italic;
    color:rgb(73, 73, 73);
}

/*MULTIMEDIA*/
.banner-multimedia {
    background: url('../assets/banners/header_inner1.jpg') no-repeat top;
    background-size: cover;
    width: 100%;
}

.banner-videos {
    background: url('../assets/banners/TOP HEADER BANNERS HISTORY & TIMELINE DR USA 980x196.jpg') no-repeat top;
    background-size: cover;
    width: 100%;
}

.m-grafico-menu span:first-child{
    border-left:0.5px solid #d9d9d9; 
}
.m-grafico-menu span{
    padding:0.2rem 1rem;
    text-transform:uppercase;
    border-right:0.5px solid #d9d9d9; 
    border-top:0.5px solid #d9d9d9; 
    border-bottom:0.5px solid #d9d9d9; 
    cursor:pointer;
    font-size:0.8rem;
    color:rgba(1,57,147,1);
}

    .m-grafico-menu span:hover, .m-grafico-menu span.active {
        background: #F9D616;
    }

#carouselMultimedia {
    padding-top: 2rem;
    margin-bottom: 4rem;
}

    #carouselMultimedia img {
        height: 532px;
    }
    #carouselMultimedia:not(.newsroom) img {
        width: 708px;
    }

.carousel-item {
    text-align: center;
}

.carousel-caption-multimedia {
    padding-top: 1rem;
}

.carousel-caption-multimedia {
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
}

#carouselMultimedia .carousel-control-prev-icon, #carouselMultimedia .carousel-control-next-icon {
    font-size: 2rem;
    background-image: none;
}

.page-maps div.col-sm-6 {
    padding-left: 0;
    padding-right: 0.8rem;
}

.img-centered {
    display: block;
    margin: 0 auto;
}

.accordion {
    /*background-color: #fff;*/
    cursor: pointer;
    padding: 5px;
    /*width: 50%;*/
    border: none;
    text-align: left;
    outline: none;
    /*font-size: 15px;*/
    transition: 0.6s;
}

    /*.active, .accordion:hover {
    background-color: #fff;
}*/

    .accordion:after {
        border: none;
        content: '\25BE';
        /*font-family: "Font Awesome 5 Free";*/
        /*content: "\078";*/
        /*font-style: normal;*/
        font-weight: 400;
        /*color: #000;*/
        /*font-weight: 900;*/
        /*float: right;*/
        margin-left: 5px;
    }

    .accordion.active:after {
        /**/ font-family: "Font Awesome 5 Free";
        /*content: "\077";*/
        content: "\25B4";
        /*font-style: normal;*/
        font-weight: 400;
    }

.panel {
    padding: 0 5px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

img.rotate-90 {
    -ms-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg);
}

.jobSearchTitle h1 {
    color: black;
    cursor: pointer;
}

.jobSearchTitle button {
    background-image: linear-gradient(to bottom, white, lightgray);
    color: black;
    cursor: pointer;
}

figcaption {
    font-size: 0.8rem;
    color: darkslategray;
    font-weight: bold;
    margin: 10px auto;
    text-align: center;
}

.img-centered {
    display: block;
    margin: 0 auto;
}

.img-rounded-10 {
    border-radius: 10px;
}

.img-bordered {
    border: 1px solid rgba(1,57,147,1);
}

h1 {font-size:2em !important;}
h1.title-1 {font-size:2.5rem;}
h1.banner-title {font-size:3rem !important; padding-bottom:0.3rem; padding-top:0.3rem;}
h1.title-parrafo--proyectos {font-size:3rem !important;}

.label-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
}

.tablaPopup {
    width: 100%;
    margin-top: 0rem;
}

    .tablaPopup thead tr {
        background-color: #003399;
    }
    .tablaPopup thead tr th {
        color: white;
        white-space:nowrap;
    }

        .tablaPopup thead tr th, .tablaPopup tbody tr td {
            padding: 1rem;
            text-align:center;
        }

    .tablaPopup tbody {border-bottom:1px solid lightgrey; border-left: 1px solid lightgrey; border-right:1px solid lightgrey;}
.tablaPopup thead {border-left: 1px solid #143B7C; border-right:1px solid #143B7C;}
    .tablaPopup tbody tr:not(:last-child) td {
        border-bottom: 1px solid lightgrey;
    }

    .tablaPopup tbody tr td:not(:last-child) {
        border-right: 1px solid lightgrey;
    }
    .tablaPopup tbody tr td {
        text-align: center;
    }
    .tablaPopup tbody tr td.pais {
        font-weight: bold;
        
    }
    .tablaPopup tbody tr td {
        text-align: center;
    }

    .tablaPopup thead tr th, .tablaPopup tbody tr td {
        padding: 1rem;
        text-align: center;
    }



.boton-rrhh {
    font-size: 1rem;
    text-align: center !important;
}

    .boton-rrhh a.recursos {
        margin: .3rem !important;
    }



@media (min-width:576px) {
    .modal-dialog {
        max-width: 90% !important;
    }

    #myModal {
        padding-right: 0px !important;
    }

        #myModal h5 {
            font-weight: bolder;
        }

    .modal-open #myModal.modal {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .modal-open {
        padding-right: 0px !important;
    }

    #tabPremiosCertificados {
        width: 110%;
    }
}

.containerImg {
    position: relative;
}

    .containerImg:hover .overlay, .containerImg .img-fluid:focus ~ .overlay {
        opacity: 0.7;
        cursor: pointer;
    }

    .containerImg img {
        padding: 0;
        margin: 0;
    }

/*boton to top*/
.btnGoTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background: #3399cc;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}
@media (max-width:1080px) {
    .btnGoTop {
        bottom: 120px;
    }
}
.btnGoTop:hover {
    background-color: #555;
}

.btnGoTop.top img {
    background-image: url(../assets/iconos/button-top.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
}