body {color:#666 !important;}

@media (min-width:992px) {
    .fondo-botones {background-color:rgba(0,121,146,0.31);}
}

.borderedLink {
    background: rgba(128,190,221, 0.3);
    border: 2px solid white;
    padding: 10px;
    border-radius:2px;
    margin: 5px;
    font-size: 1.2rem;
    color: white;
    opacity: 1;
    color: white;
   white-space:nowrap;
}

.borderedLink p {
    color:white;
    display:inline-block;
    font-weight:bold;
    margin:5px;
}

@media (max-width:575px) {
    .borderedLink p {
        font-size: 16px !important;
    }
}

    .borderedLink i {
        /*display:none;*/
        visibility: hidden;
        opacity:0;
        color: white;
        font-weight: bold;
        transition: 0.2s ease-in;
        transform:translateX(-15px);
        width:0px;
    }

.borderedLink:hover {
    text-decoration: none;
    background: rgba(128,190,221, 0.5);
    border: 0px solid white;
    transition: background 0.7s linear;
    cursor: pointer;
    color: white;
}

    .borderedLink:hover i {
        /*display:inline;*/
        text-decoration:none;
        visibility: visible;
        opacity:1;
        transform:translateX(0px);
        width:8px;
        margin-right:0.5rem;
    }

.presentOverlayTop {
    font-size: 1.9rem;
    color: white;
    opacity: 1;
    border-left:5px solid green;
    padding-left:10px;
    margin-left:1rem;
}

.presentOverlayBottom {
    bottom: 20px;
    left: 0%;
    z-index: 1;
    width: 100%;
}

.titulo{
    width:100%;
    height:200px;
    color:white;
    
    background-color:rgb(0,121,146);
}

.titulo h2 {color: white;}
.titulo h1, h2 {font-size:2rem !important;}

.subtitulo {font-size:1.5rem !important;}

.seccion-aviso-legal {font-size:1rem !important;}

.carousel-item.container-lg {
    height: 100%;
    width: 100%;
    /*position: relative;*/
}

/*#carousel-index .carousel-item {height: 260px;}*/

.carousel-item {
    width: 260px;
    /*height: 260px;*/
    position: relative;
}

.carousel-inner .containerImg img {
    width: 100%;
    min-height:100%;
    position:absolute;
    top:0px;
    left:0px;
}

.containerImg {
    position: relative;
    padding:0!important;
    width:100%;
    -webkit-transition:0.4s;
    -o-transition:0.4s;
    overflow:hidden;
    transition:0.4s;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
}

.containerImg img {opacity:0;}

.containerImg:hover .CarouselOverlay i {
    -webkit-transform:translateY(0px);
        -ms-transform:translateY(0px);
            transform:translateY(0px);
}

.containerImg:hover .CarouselOverlay {
    opacity: 0.8;
    z-index:1;
    cursor: pointer;   
}

    .containerImg:focus .CarouselOverlay i {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

    .containerImg:focus .CarouselOverlay {
        opacity: 0.8;
        z-index: 1;
        cursor: pointer;
    }


.CarouselOverlay {
    z-index:-1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    padding: 0;
    transition: .4s ease;
    background-color: white;
    text-align:center;
}

.CarouselOverlay i {
    position: absolute;
    display:block;
    margin: 0 auto;
    font-size: 1.5rem;
    top: 35%;
    width:100%;
    -webkit-transition:0.4s;
    -o-transition:0.4s;
    transition:0.4s;

    -webkit-transform:translateY(30px);
        -ms-transform:translateY(30px);
            transform:translateY(30px);
}

.CarouselOverlay h2 {
    position: absolute;
    font-size: 1.5rem;
    top: 55%;
    color: darkgray;
    text-align:center;
    width:100%;
}

.text-blue {color:Highlight;}

.footer {background-color: #e2e2e2; color: #666;}

.footer i {
    margin-left:20px;
    cursor:pointer;
    transition:0.4s;
    font-size:30px;
}

.footer i:hover {color:rgb(0, 121, 146);}
    .footer i.fa-linkedin:hover {
        color: #474747;
        cursor:auto;
    }

.infoContacto a i {
    padding-top:5px;
    cursor: pointer;
    color: white;
    font-size: 0.8rem;
}

.infoContacto a:hover i {color: lightgray; /*//rgb(0, 121, 146);*/}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 50px!important;
    height: 50px!important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.imgClickable {cursor: pointer;}

.imgCentered {display: block; margin: 0 auto;}

img.imgLeftToRight {
    position: relative;
    -webkit-animation: linear;
    -webkit-animation-name: imgLeftToRight;
    -webkit-animation-duration: 0.5s;
}

@-webkit-keyframes imgLeftToRight {
    0% {left: -50px;}
    50% {left: -25px;}
    100% {left: 0;}
}

.dropdown-item {
    /*margin: 10px 7px 10px 4px!important;*/
    font-size:0.7rem!important;
    padding:0.5rem;
    color:rgba(0, 0, 0, 0.6) !important;
    transition:0.4s;
    margin-bottom:0.5rem;
}

.dropdown-item span {color:rgba(0, 0, 0, 0.6); transition:0.4s; margin-bottom:0.5rem;}

.dropdown-item:focus, .dropdown-item:hover, dropdown-item:focus span, .dropdown-item:hover span {color:rgba(0, 0, 0, 0.3) !important;}

.nav-link {margin: 0px !important; font-size: 0.8rem !important;}
.nav-link.active {color: rgb(0,121,146) !important;}

.dropdown-item.active {
    color: rgb(0,121,146) !important;
    background-color:white!important;
}

.legalNotice {
    padding:10px;
    background-color:azure;
}

.legalNotice li {
    margin-bottom:15px;
}

.infoContacto{
    font-size:1.2rem;
    color:#555;
}

.infoContacto p{
   padding:0;
   margin:5px;
}

@media all and (min-width: 992px) {
    /*.navbar .nav-item .dropdown-menu {display: none;}*/
    /*.navbar .nav-item:hover .nav-link {color: inherit;}
    .navbar .nav-item:hover .dropdown-menu {display: block;}*/
    .navbar .nav-item .dropdown-menu {margin-top: 0;}
}

.navbar-nav .dropdown-menu {border-radius:0px; border-top:3px solid #007992;}

.servicios .subtitulo {color: rgb(0,121,146); margin-top:40px;}

.titulo-dg {font-size:1.5rem;}

.carousel-item {background-color:#ccc;}

.noticia {margin-bottom:2rem; margin-top:2rem;}
.noticia h4 {font-size:1.2rem; /*color:darkgray;*/}
.noticia a {color:#333; font-size:26px;}
.noticia a:hover {color: black; text-decoration:none;}
.noticia p {font-size: 0.9rem;}
.noticia .fecha {font-size:0.75rem;}


/* 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: rgb(0,121,146) !important;
        opacity: 0.9 !important;
    }


@media (min-width:1200px){
    #slider-play-parent2{
        background-color:rgba(0,0,0,0);
        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;}

/*.noticia figure{margin:60px 0px;}*/

.paginador a {color: #007992; font-size:15px;}
.paginador a:hover {color: #007992; text-decoration: none;}

.accordion {
    background-color: azure;
    color: rgb(0,121,146); /*#444;*/
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 1S;
}

.active {background-color: white; color:black; font-weight:normal;}

.accordion:after {
/*    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    border:none!important;*/
}

.accordion.active:after {/*content: "\2212"; border: none;*/}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-out;
    margin-bottom:0px;
}

button.accordion {font-weight: 500; background-color:#f4f4f4; border:1px solid lightgrey;}
button.accordion:hover {border:1px solid rgb(0,121,146);}

.parentPanel {border: 1px solid #eee;}

.parentPanel button:focus {outline:none;}

@media (min-width:1200px) {
    .buscadorToggle {
    transition:0.4s;
    width:100%;
    position:absolute;
    left:-15px;
}

.ocultar {opacity:0; transform:translateY(25px); z-index:-1;}
.mostrar {opacity:1; transform:translateY(0px); z-index:2;}

}

.fa-search, .fa-times {cursor:pointer;}
textarea:focus, input:focus {outline: none;}

.enlace-header {
    transition:0.4s; 
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}

.enlace-header i {transition:0.4s;}
.enlace-header:hover {text-decoration:none; opacity:0.7;}

.destacado {color:#008080;}
.destacado:hover {color:#008080; text-decoration:none;}

.modal-content {display:block !important;}
.modal {background-color:rgba(0,0,0,0.7);}

a:focus figcaption {
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.tooltip-inner {
    background-color: rgb(0,121,146) !important;font-weight:600;
}

.arrow {
     color: white!important;
}

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

    .tablaPopup thead tr {
        background-color: rgb(0,121,146);
    }

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

        .tablaPopup thead tr th, .tablaPopup tbody tr td {
            padding: 1rem;
        }

    .tablaPopup tbody {
        border-bottom: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
    }

    .tablaPopup thead {
        border-left: 1px solid rgb(0,121,146);
        border-right: 1px solid rgb(0,121,146);
    }

    .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.pais {
        font-weight: bold;
    }

.ElementoVacio{
    height:400px;
}

.blanco{ color:white;}

.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;
}