/* focus-visible solo es para selección con teclado. No funciona en IE */
/* Botones para layout accesibility */
.button-font-size .btn {position:relative; text-align:center; font-weight:bold; min-width:30px; font-size:1rem; line-height:1; padding:0.30rem; border:1px solid transparent; background-color:transparent; color:white; border-radius:0px; transition:0.4s; border-radius:3px;}
.button-font-size .btn:focus {border:1px solid white; outline:none !important; box-shadow:none;}
.button-font-size .btn:hover {border:1px solid white; outline:none !important; box-shadow:none;}
.button-font-size .btn:active {border:1px solid white; background-color:white; color:#003597; outline:none !important; box-shadow:none;}
/*.button-font-size .btn:hover {border:1px solid white; background-color:white; color:rgb(0,61,162);}*/
.button-font-size .btn img {width:20px; height:20px;}

/*text*/
.container-page:not(.page-maps) p, ul li, .intro p, .h-noticias .max-h {text-align: left}
    .container-page:not(.page-maps) p.actualizacionAvisoLegal{text-align: right!important;}
    ol {
        padding-left: 1rem !important;
    }
.title-1 {max-width:100%; text-align:left;}
.page-experiencia h2.text-center {text-align:left !important; padding-left:0rem; padding-right:0rem; font-size:1.5rem;}

.empresas .t-right, .empresas .t-center {text-align:left;}
.empresas :not(.last-empresa).t-right {border-right:none;}
.empresas :not(.last-empresa).t-left {border-left:none;}
.empresas > div.t-right, .empresas > div.t-left, .empresas > div.t-center {border-top:none;}

*, p,span {color:#474747;}

/* Premios y certificados */
.nav--icons p{color:#525252 !important;}
.page-premios .nav-link, .page-sostenibilidad .nav-link {color:#474747;}
.page-premios .nav-link, .page-premios .nav-link.active, .page-sostenibilidad .nav-link, .page-sostenibilidad .nav-link.active {color:#474747 !important;}

.text-carousel h2 {font-weight:800; font-size:1.25rem; border-bottom: 1px solid lightgrey; padding-bottom:1rem; text-align:left;}

/* Multimedia */
.subtitulo-imagenes-multimedia {font-size:1.25rem; line-height:1.2;}

/* Contacto */
.page-maps h2 {color:#003399; font-size:1rem; font-weight:bold;}
.page-maps h3 {font-size:1rem; font-weight:bold;}

.h-noticias h3 {font-size:1.25rem;}

/* Proyectos */
.carousel-text .carousel-text-sub {color:#474747 !important;}
.subtitle--proyectos {font-size:1.5rem; color:#474747 !important;}

#content-slider .carousel-text h3 {font-size:1rem; cursor:pointer;}

/* Footer */
footer ul li:first-child {
    font-size:0.9rem;
    color:#FFCC00;
    font-weight:bold;
    margin-bottom:0.4rem;
}

footer {background-color:#2E2E2E !important;}
footer p {color:#C2C2C2;}
footer a {text-decoration:underline !important; padding:0.3rem;}
footer a:hover, footer a:focus {background-color: #C2C2C2 !important; color: #2E2E2E !important;}
footer a:hover i, footer a:focus i {color:#2E2E2E !important;}

a.azul {text-decoration:underline !important; transition:0.4s; padding:0.3rem;}
a.azul i {color:#003399; transition:0.4s;}

a.azul-spec {transition:0.4s; padding:0.3rem; background-color:#003399 !important; color:white !important; border:1px solid transparent; padding:0.5rem !important;}
a.azul-spec:hover, a.azul-spec:focus {transition:0.4s; padding:0.3rem; background-color:white !important; color:#003399 !important; border:1px solid #003399; padding:0.5rem !important;}

/*a.azul:hover, a:focus-visible {background-color:#003399; color:white !important;}*/
a.azul:hover, a:focus {background-color:#003399!important; color:white!important;}
a.azul:hover i, a:focus i {color:white!important;}
#navbarNav .navbar-nav li a:focus {background-color:#003399 !important; color:white !important; padding-bottom: 0.5rem !important; padding-top: 0.5rem !important;}

.h-noticias a.azul {text-decoration:underline !important; transition:0.4s; padding:0.2rem;}
.h-noticias a.azul:hover, a:focus {background-color:#003399!important; color:white!important; padding:0.2rem !important;}
.page-premios .nav-link:hover, .page-premios .nav-link:focus, .page-sostenibilidad .nav-link:hover, .page-sostenibilidad .nav-link:focus 
{background-color:#003399!important; color:white!important; padding-top:0.5rem !important; padding-bottom:0.5rem !important; padding-left:2rem !important; padding-right:2rem !important;}


.empresas-box a:focus {background-color:transparent !important;}

/* Header */
.nav-link:hover {text-decoration:underline !important;}
.nav-link:focus {background-color:#003399; text-decoration:underline !important; color:white !important;}
a.azul.nav-link:hover, a.azul.nav-link:focus {text-decoration:underline !important; background-color:transparent !important;}
a.azul.nav-link:focus strong {color:white !important; text-decoration:underline;}
.navbar-light .navbar-nav .nav-link:focus strong {color:white !important;}

/* Iconos proyectos */
#iconosProyectos a:hover span:nth-child(2) {
    color: #003399 !important;
    font-weight: bold;
}

#iconosProyectos a:focus span:nth-child(2) {
    color: white !important;
    font-weight: bold;
}

#iconosProyectos a .img-icon {
    transition: 0.4s;
}

#iconosProyectos a:hover .img-icon, #iconosProyectos a:focus .img-icon {
    transform: scale(1.1);
}

/*#iconosProyectos a {position:relative;}

#iconosProyectos a .img-icon._initial {opacity:1; position:absolute; top:0px; left:12%;}
#iconosProyectos a:hover .img-icon._initial {opacity:0;}

#iconosProyectos a .img-icon._hover {opacity:0; position:absolute; top:0px; left:12%;}
#iconosProyectos a:hover .img-icon._hover {opacity:1;}*/

/*.nav--icons-tunel a:focus .img-icon {background:url('../assets/iconos/tunnels_h.png') no-repeat top;}
.nav--icons-presa a:focus .img-icon {background:url('../assets/iconos/dams_h.png') no-repeat top;}
.nav--icons-carretera a:focus .img-icon {background:url('../assets/iconos/highways_h.png') no-repeat top;}
.nav--icons-edificio a:focus .img-icon {background:url('../assets/iconos/buildings_h.png') no-repeat top;}
.nav--icons-puente a:focus .img-icon {background:url('../assets/iconos/bridges_h.png') no-repeat top;}
.nav--icons-medio a:focus .img-icon {background:url('../assets/iconos/environments_h.png') no-repeat top;}
.nav--icons-puerto a:focus .img-icon {background:url('../assets/iconos/puerto_h.png') no-repeat top;}
.nav--icons-velocidad a:focus .img-icon {background:url('../assets/iconos/AltaVelocidad_H.png') no-repeat top;}*/

.vinculoIdioma {color:white; text-decoration:underline; padding:0.3rem; transition:0.4s; font-size:1rem; border-radius:3px;}
.vinculoIdioma:hover, .vinculoIdioma:focus {background-color:white !important; color:#003399 !important;}
.vinculoIdioma.active, .vinculoIdioma.active:hover, .vinculoIdioma.active:focus {background-color:white; color:#003597 !important; text-decoration:none; font-weight:bold;}
.vinculoIdioma:focus {font-weight:bold;}

/* Proyectos */
.page-premios .nav-link:focus, .proyectos-page .nav-tabs.title-proyectos .nav-item .nav-link:focus, .page-sostenibilidad .nav-link:focus {background-color:#fff !important; text-decoration:underline !important; color:#474747 !important;}
.m-grafico-menu span:focus {background-color:#003399; color:white; text-decoration:underline;}

/* Correcciones de color adicionales */
.carousel-caption h3 {color:#FFCC00;}
.banner-title {color:#FFCC00;}

.banner-nav .nav-item .nav-link:hover, 
.banner-nav .nav-item .nav-link:focus,
.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 {
    color: #FFCC00 !important;
}

carousel-caption-multimedia h2 {font-size:1.25rem;}

.skip a {position: absolute; transform: translateY(-100%); padding:0.3rem; text-decoration:underline; color:#003399;}    
.skip a:focus {transform: translateY(0%);}
.skip a:nth-child(2) {margin-left:150px;}
.skip a:nth-child(3) {margin-left:380px;}

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

.indicaciones-video-accesibilidad tr td, .indicaciones-video-accesibilidad tr th {padding:1rem;}
.indicaciones-video-accesibilidad thead tr {background-color:#003597;}
.indicaciones-video-accesibilidad thead tr th {color:white;}

.indicaciones-video-accesibilidad {border:1px solid lightgrey; margin-bottom:2rem;}
.indicaciones-video-accesibilidad tr td:first-child, .indicaciones-video-accesibilidad tr th:first-child {border-right:1px solid lightgrey;}
.indicaciones-video-accesibilidad tr {border-bottom:1px solid lightgrey;}

/*MODAL EN CASO DE USUARIO SIN JS*/ #modalNoScript {
    animation: modalNoScript1sforwards;
    animation-delay: 13s;
    background-color: rgba(0,0,0,0.6);
    z-index: 9999999;
    top: 0px;
    left: 0px;
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
}

@keyframes modalNoScript {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(105%);
    }
}

#containerModalNoScript {
    width: 50%;
    background-color: white;
}


.justify-text {
    text-align: justify !important;
    text-justify: auto !important;
}