/*
COLORES

Barra Menú #E6EDF1

Azul #009CCD

Rojo #E04629

Verde #78C052

Texto (TODOS): #58595E

Celeste: #009dda


*/
@font-face {
    font-family: NuniRegular;
    src: url("../fonts/Nunito-Regular.otf");
    src: url("../fonts/Nunito-Regular.eot") format("embedded-opentype"),
        url("../fonts/Nunito-Regular.woff") format("woff"),
        url("../fonts/Nunito-Regular.ttf") format("truetype");
}
@font-face {
    font-family: NuniBlack;
    src: url("../fonts/Nunito-Black.otf");
    src: url("../fonts/Nunito-Black.woff") format("woff"),
        url("../fonts/Nunito-Black.ttf") format("truetype");
}
@font-face {
    font-family: NuniBold;
    src: url("../fonts/Nunito-Bold.otf");
    src: url("../fonts/Nunito-Bold.eot") format("embedded-opentype"),
        url("../fonts/Nunito-Bold.woff") format("woff"),
        url("../fonts/Nunito-Bold.ttf") format("truetype");
}

body{
    color: #58595E;
    font-family: NuniRegular !important;
    color: #58595E !important;
}

a{
    color: #58595E ;
}
a:hover{
    color: #009CCD; 
    text-decoration: none !important;
}

.titulo_elecciones h1{
    font-family: NuniBold !important;
    color: #009dda;
}

/* BARRA PRINCIPAL*/

.navbar{
    background-color: #E6EDF1;
}
.nav-link{
    color: #58595E !important;
}
.nav-link:hover{
    font-family: NuniBold;
    color: #58595E !important;
}

.navbar-nav{
    text-transform: uppercase;
}

.navbar-brand{
    margin-right: 3rem !important;
}

.navbar-brand img{
    height: 60px !important;
}

.nav-link img{
    height: 33px;
}
.iconos-nav{
    padding-bottom: 0px !important;
    padding-top: 4px !important;
}

.barra-iniciarSesion{
    color: #E04629 !important;
    font-family: NuniBold !important;
}

/* FIN BARRA PRINCIPAL*/

/*  ATENCIÓN AL CIUDADANO   */

.atencion-ciudadano{
    /*    background: url("../img/finaniolavalle.gif") no-repeat; 
        background-size: cover;
        background-position-y: -100px;*/
}

.atencion-ciudadano h4, .atencion-ciudadano h1{
    text-align: center;

}
.atencion-ciudadano h4:hover, .atencion-ciudadano a:hover{
    color: #E04629 !important;
    font-family: NuniBold !important;
}

.atencion-ciudadano h1{
    color: #E04629;
    margin-bottom: 40px;
    /*padding-top: 450px;*/
    margin-top: 30px;
    font-family: NuniBold !important;
}

.navbar-nav img:hover, .serviciosnueva img:hover, .servicios-grande img:hover, .pie-redes img:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/*  FIN ATENCIÓN AL CIUDADANO   */

/*  SERVICIOS   */

.serviciosnueva{
    margin-top: 100px;
    background: url("../img/servicios/FondoServicios.png") no-repeat top; 
    background-size: cover;
    padding-bottom: 50px;
}

.serviciosnueva h1, .serviciosnueva h4{
    text-align: center;
}
.serviciosnueva a:hover, .serviciosnueva h4:hover{
    font-family: NuniBold !important; 
}

.serviciosnueva h1{
    color: #009CCD;
    padding-bottom: 60px;
    font-family: NuniBold !important;
}

.ico-mas-servicios img{
    margin-top: 50px;
}

.servicios_seccion img{
    height: 100px;
}

.servicios_seccion h4{
    padding-top: 50px;
    color: #009dda;
}
.servicios_seccion p{
    padding-top: 50px;
}

.servicios_seccion label{
    font-family: NuniBold;
    color: #009dda;
}

.servicios_seccion button{
    margin-top: 46px;
}
.servicios_seccion .accordion button{
    margin-top: 15px !important;
}


/*  FIN SERVICIOS   */

/*  LICENCIAS DE CONDUCIR   */
.servicios_licencias p{
    padding-top: 10px !important;
    margin-bottom: -5px !important;
}
/*  FIN LICENCIAS DE CONDUCIR   */

/*  HORARIOS COLECTIVOS */

.horarios-colectivos img{
    margin-bottom: 30px;
    margin: 0 auto !important;
}
.horarios-colectivos h2{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.horarios-colectivos .btn{
    font-size: 30px;
    background-color: #009CCD !important;
    border-color: #009CCD !important;
}

/*  FIN HORARIOS COLECTIVOS */

/*  TRÁMITES GUÍA   */

.tramitesGuia ul{
    list-style: none; /* Remove HTML bullets */
    padding: 0;
    margin: 0;

}
.tramitesGuia li:before{

    content: "-"; /* Insert content that looks like bullets */
    padding-right: 8px;
}

.tramitesGuia .card-header{
    background: white;
}
.tramitesGuia .btn-link{
    color: #009dda;
    font-family: NuniBold;
}
.tramitesGuia .btn-link:hover{
    text-decoration: none !important;
}

/*  FIN TRÁMITES GUÍA   */


/*  NOVEDADES   */

.novedades{
    margin-top: 30px;
}
.novedades h1{
    color: #78C052;
    margin-bottom: 30px;
    font-family: NuniBold !important;
}

.novedades h2, .novedades h4{
    font-family: NuniBold !important;
}

.novedades h2{
    font-size: 40px;
    text-transform: uppercase;
}
.novedades h1, .novedades h2, .novedades h3{
    text-align: center;
}
.novedad-destacada-texto{
    background-color: rgba(255,255,255,0.8);
    padding-left: 5% !important;
    padding-right: 5% !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 0px !important;
    color: #58595E  !important;
}



.carousel-indicators li {
    background-color: grey !important;
}
.carousel-indicators .active{
    background-color: black !important;
}

.carousel-indicators {   
    bottom: -10px !important;
}

.carousel-caption{
    position: relative !important;
}

.novedades-otras{
    margin-top: 30px;
}

.tarjetasFlat{
    cursor: pointer;
    background: white;
    border-radius: 2dp !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 355px;
    max-height: 355px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 30px !important;

}

.tarjetasFlat:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

.tarjetasFlat h4{
    font-size: 22px !important;
}

/*  FIN NOVEDADES   */

/*  NOVEDADES ABIERTAS  */
.n1{
    padding-top: 30px;
}

.n1_noticias_izquierda{
    background: #E6EDF1;
    padding: 30px !important;
}
.n1_noticias_izquierda h3{
    color: #E04629;
}

.n1_noticias_cuerpo h1{
    padding-top: 10px;
    text-align: center;
}
.n1_noticias_cuerpo h4{
    text-align: center;
}

.n1_tarjetasFlat{
    cursor: pointer;
    background: white;
    border-radius: 2dp !important;
    padding: 0 !important;
    margin-top: 15px;
    border: 0 !important;
    min-height: 330px;
    max-height: 330px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 30px !important;

}

.n1_tarjetasFlat:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}
.n1_noticias_compartir{

}

/*  FIN NOVEDADES ABIERTAS*/

/*  OBRAS   */

.ob1_portada{
    background: url("../img/obras/HeaderObras.jpg") no-repeat center; 
    background-size: cover;
    height: 300px;
}
.ob1_portada h2{
    color: white;
    margin-top: 100px;
}

.ob1{
    font-family: NuniBold;
    text-align: center;
}
.ob1 a{
    color: #E04629 !important;
}


.ob1_pie{
    background: url("../img/obras/GuardaInferior.png") no-repeat center; 
    background-size: cover;
    height: 200px;
    margin-bottom: -50px;
}
/*  FIN OBRAS   */


/*  HISTORIA    */

.historia_portada{
    background: url("../img/historia/HeaderHistoria.jpg") no-repeat center; 
    background-size: 100%;
    height: 500px;
}
.historia h3{
    margin-top: 20px;
}
.historia h3,.historia h5{
    text-align: center;
    font-family: NuniBold;
}
.historia img{
    margin-top: 20px;
}

.historia_pie{
    background: url("../img/obras/GuardaInferior.png") no-repeat center; 
    background-size: cover;
    height: 200px;
    margin-bottom: -50px;
}

/*  FIN HISTORIA*/

/*  NUESTRO CANAL */

.videos{
    background: url("../img/videos/FondoCanales.png") no-repeat top; 
    background-size: cover;
    margin-top: 80px;
}

.videos h1{
    text-align: center;
    color: #E04629;
    font-family: NuniBold !important;
}

.videos-chicos img{
    height: 130px;
}

.videos-chicos .media{
    padding-bottom: 5px;
}

/*  FIN NUESTRO CANAL */



/*  ECONOMIA    */

.eco1_portada{
    background: url("../img/prom-economica.jpg") no-repeat center; 
    background-size: cover;
    height: 500px;
}

.eco1 h2, .eco1 h4, .eco1 h5{
    font-family: NuniBold;
}

.eco1 h2, .eco1 h4{
    margin-top: 30px;
    text-align: center !important;
}

.eco1 .col-3{
    text-align: center;
}

.eco1 i{
    color: #E04629;
    margin-bottom: 20px;
}

.eco1_formularios h4{
    margin-bottom: 30px;
}

.eco1_formularios .col{
    text-align: center;
}

.eco1_formularios h5:hover, .eco1_formularios a:hover{
    color: #E04629;
}
/*  FIN ECONOMÍA   */

/*  INTENDENCIA */

.intendencia_fila1{
    margin-top: 50px;
}
.intendencia_fila1 h5, .intendencia_fila1 h3{
    font-family: NuniBold;
}
/*  FIN INTENDENCIA */

/*  UBICACIÓN GEOGRÁFICA    */


.ub1_portada{
    background: url("../img/historia_lavalle_1.jpg") no-repeat center; 
    background-size: cover;
    height: 500px;
}

.ub1 .col-4{
    text-align: center;
}

.ub1 i{
    color: #E04629 !important;
    margin-bottom: 10px;
}

.ub1 h1{
    font-family: NuniBold;
    text-align: center; 
}

.ub1 h5{
    margin-top: 30px;
    text-align: center; 
}

.ub1_fila1{
    margin-top: 50px;
}
.ub1_fila2{
    margin-top: 50px;
    margin-bottom: 50px;
}
.ub1_fila2 h5:hover, .ub1_fila2 a:hover{
    color: #E04629 !important;
    font-family: NuniBold;
}

/*  FIN UBICACIÓN GEOGRÁFICA    */

/*  GASTRONOMÍA */

.contenido-gastronomia .btn{
    background-color: #009CCD !important;
    color: white !important;
}
.contenido-gastronomia .btn:hover{
    background-color: #78C052 !important;
}
/*  FIN GASTRONOMÍA */

/*  LICITACIONES    */

.licitaciones_boton{
    background-color: #78C052;
    color: white;
}

/*  FIN LICITACIONES    */


/*  TIERRA CRUDA    */
.tierra h2{
    text-align: center;
    font-family: NuniBold;
    margin-top: 30px;
}

.tierra p{
    margin-top: 15px;
}

.tierra .btn{
    font-size: 30px;
    background-color: #009CCD !important;
    border-color: #009CCD !important;
}

/*  FIN TIERRA CRUDA    */

/*  VENDIMIA    */
.vendimia_portada{
    background: url("../img/vendimia/guardaSup.jpg") no-repeat; 
    background-size: cover;
    background-position-y: -30px;
    padding-top: 126px;
}
.vendimia_portada h2, .vendimia_portada h1{
    text-align: center;
    font-family: NuniBold;
}
.vendimia_portada h1{
    color: #E04629;
}

.vendimia_novedades{
    margin-top: 50px;


}
.vendimia_novedades h2{
    text-transform: uppercase;
    font-family: NuniBold;
}

.vendimia_iconos{
    margin-top: 50px;
}
.vendimia_iconos h4{
    text-align: center;
    font-family: NuniBold;  
}

.vendimia_distritos{
    margin-top: 50px;
}
.vendimia_distritos h4{
    text-align: center;
    font-family: NuniBold;
}

.vendimia_selectRow{
    background: #009dda;
}

.vendimia_distritos .form-group{
    margin-top: 1rem;

}

.vendimia_eventos{
    margin-top: 30px;
}
.vendimia_eventos_titulo{
    font-family: NuniBold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 60px;
}
.vendimia_eventos h3{
    font-family: NuniBold;
    text-transform: uppercase;
}
.vendimia_eventos_1{
    padding-top: 15px;
    background: #f2f2f2;
    border-left: 4px black solid;
}
.vendimia_eventos_2{
    padding-top: 15px;
    border-left: 4px #f2f2f2 solid;
}

.vendimia_eventos_info span{
    margin-right: 10px;
}

.vendimia_pie{
    background: url("../img/vendimia/guardaInf.jpg") no-repeat; 
    background-size: cover;
    height: 200px;
    margin-bottom: -50px;    
    margin-top: 50px;
}

.vendimia_reinas{
    padding-top: 40px;
}
.vendimia_reinas .col{
    padding-left: 70px;
    padding-right: 70px;
    margin-top: 30px;
}
.vendimia_reinas h4, .vendimia_reinas h3{
    text-align: center;
    text-transform: uppercase;
}
.vendimia_reinas h3{
    font-family: NuniBold;
    font-size: 25px;
    margin-top: 20px;
}
.vendimia_reinas p{
    text-align: center;
}

.reinas_anteriores h1{
    font-family: NuniBold;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
.reinas_anteriores h2, .reinas_anteriores h3, .reinas_anteriores p{

    text-align: center;
}
.reinas_anteriores h2{
    font-family: NuniBold;
    margin-top: 20px;

    font-size: 28px;
}
/*  FIN VENDIMIA    */

/*  ADMIN   */

.divpermisos h1{
    color: white !important;
}

/*  FIN ADMIN   */

/*  PIE */

.pie{
    background-color: #78C052;
    color: white;
    text-align: center;
    padding-top: 50px;
    margin-top: 50px;
    padding-bottom: 50px;
}

.pie h4{
    font-family: NuniBold !important;
}

.linea-blanca{
    border-bottom: 1px white solid;
    height: 1px;
}

.pie a{
    color: white !important;
}
.pie a:hover{
    font-family: NuniBold;
}

.pie-redes img{
    margin-top: 30px;
    height: 33px;    
    padding-right: .5rem;
    padding-left: .5rem;
}

/*  FIN PIE */

.imagen-centrada{
    margin: 0 auto;
}
.divisor_gris{
    border-bottom: 1px solid  #00294C;;
    height: 1px;

}


/*      RECUENTO DE VOTOS       */
.recuento{
    text-align: center;
}
.recuento_titulo h1{
    padding-top: 50px;
    font-family: NuniBold;
}
.recuento_titulo h2{
    padding-bottom: 30px;
}
.electores{
    padding-top: 30px;
    padding-bottom: 30px;
}
.partidos_row{
    padding-top: 30px;
    padding-bottom: 30px;
}
.partidos h2{
    padding-top: 15px;
    font-family: NuniBold;
}
.votos p{
    margin-bottom: 0px;
}



/*      FIN RECUENTO DE VOTOS       */

/*  RESPONSIVE  */

@media(max-width: 1500px) {

    .atencion-ciudadano{ 
        background-position-y: -120px;
    }

    .atencion-ciudadano h1{
        color: #E04629;
        margin-bottom: 40px;
        /*padding-top: 392px;*/
    }
}
@media(max-width: 1400px) {

    .atencion-ciudadano{ 
        background-position-y: -125px;
    }

    .atencion-ciudadano h1{
        color: #E04629;
        margin-bottom: 40px;
        /*padding-top: 360px;*/
    }
}

@media(max-width: 1300px) {

    .atencion-ciudadano{ 
        background-position-y: -115px;
    }

    .atencion-ciudadano h1{
        color: #E04629;
        margin-bottom: 40px;
        /*padding-top: 320px;*/
    }
}
@media(max-width: 1100px) {

    .atencion-ciudadano{ 
        background-position-y: -110px;
    }

    .atencion-ciudadano h1{
        color: #E04629;
        margin-bottom: 40px;
        /*padding-top: 250px;*/
    }

    .historia_portada{
        height: 400px !important;
    }
}
@media(max-width: 900px) {

    .atencion-ciudadano{ 
        background-position-y: -100px;
    }

    .atencion-ciudadano h1{
        color: #E04629;
        margin-bottom: 40px;
        /*padding-top: 250px;*/
    }
    .historia_portada{
        height: 350px !important;
    }
}

@media(max-width: 800px) {

    .reinas_anteriores h2, .reinas_anteriores h3{
        font-size: 14px;
    }

    .navbar a{
        text-align: center;
    }
    .atencion-ciudadano{ 
        background-size: 100%;
        background-position-y: 0px;
    }

    .atencion-ciudadano h1{
        color: #E04629;
        margin-bottom: 40px;
        /*padding-top: 150px;*/
    }
    .tarjetasFlat{
        margin-bottom: 10px;
    }
    .videos-chicos .media{
        padding-top: 10px;
    }
    .historia_portada{
        height: 300px !important;
    }
    .novedad-destacada-texto h2{
        font-size: 25px !important;
    }
    .novedad-destacada-texto h3{
        font-size: 20px !important;
    }
}
@media(max-width: 576px) {
    .servicios-grande{
        display: none !important;
        visibility: hidden;
    }
    .historia_portada{
        height: 180px !important;
    }
}

/*  FIN RESPONSIVE  */

/*  AGREGADOS A BOOTSTRAP   */

/*  DROPDOWN ANIDADO    */
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 
/*  FIN DROPDOWN ANIDADO    */



.coronavirusTitulo{
   background: #f15b2b; 
   color: white;
   padding: 40px 0px 40px 0px;
}
.coronavirusTitulo h1{
    font-family: NuniBlack;
}

.coronavirusRecomendaciones h2{
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: NuniBold;
}

.coronavirusRecomendaciones h5{
    font-family: NuniBold;
    margin-top: 15px;
    margin-bottom: 20px;
}
.coronavirusRecomendaciones img{
    margin-top: 20px;
}

.coronavirusAutoaislamiento{
    color: #78C052;
    padding: 40px 0px 40px 0px;
}
.coronavirusAutoaislamiento h1{
    font-family: NuniBlack;
}

.coronavirusGruposRiesgo{
    
    padding: 20px 0px 20px 0px;
    margin-top: 50px;
}
.coronavirusGruposRiesgo .jumbotron{
    background: #00aee5;
    color: white;
}
.coronavirusGruposRiesgo h1{
    font-family: NuniBlack;
}
.coronavirusAyuda{
     padding: 40px 0px 40px 0px;
}
.coronavirusAyuda h1{
    font-family: NuniBlack;
}
.coronavirusAyuda h3{
    font-family: NuniBold;
    margin-top: 15px;
}

.coronavirusAyuda a{
    color: #58595E !important;
}
.coronavirusAyuda a:hover{
    color: black !important;
}
.coronavirusAyuda .btn{
    background: #E04629 !important;
    color: white !important;
}

.coronavirusIndex{
    margin-top: 30px;
}
.coronavirusIndex .jumbotron{
    background: #E04629;
    
    
}
.coronavirusIndex h1{
    color: white;
    font-family: NuniBlack;
}
.coronavirusIndex .btn{
    background: white !important;
    font-family: NuniRegular;
}

.coronavirusTelefonos{
    padding-bottom: 50px;
    padding-top: 40px;
}
.coronavirusTelefonos h1{
    font-family: NuniBlack;
    color: #f15b2b !important;
    margin-bottom: 20px;
}
.coronavirusTelefonos h3{
    font-family: NuniBold;
}
.coronavirusTelefonos a{
    color: #58595E !important;
}
.coronavirusTelefonos a:hover{
    color: black !important;
}

.coronavirusComercios h1{
    font-family: NuniBold;
        color: #E04629;
        padding-bottom: 30px;
        padding-top: 30px;
}

.gobiernoabierto{
    margin-top: 150px;
}

.acuerdo3949, .licitaciones, .bienvenido{
    margin-top: 150px;
    margin-bottom: 150px;
}