/* @import url("movil.css");*/

    /* Código CSS de estilos_generales.css */

/*
Theme Name:   Jacznik
Theme URI:    http://www.garanon.net/
Description:  Tema para JUSNEUQUEN.
Author:       R.Gabriel Jacznik
Author URI:   http://www.garanon.net/
Version:      1.0.0
Tags:         PJNWEB, theme
Text Domain:  Poder Judicial de Neuquén.
*/

:root {

/* Colors:  */
--gris-calido-web: #D5CABF;
--naranja-institucional-web: #D08813;
--cyan-institucional-web: #009EE2;
--azul-institucional-web: #2A3768;
--unnamed-color-a2a2a2: #A2A2A2;
--unnamed-color-ffffff: #FFFFFF;
--unnamed-color-7a7a7a: #7A7A7A;
--unnamed-color-000000: #000000;
--unnamed-color-0035ff: #0035FF;
--unnamed-color-555555: #555555;

/* Font/text values */
--unnamed-font-family-source-sans-pro: "Source Sans 3";
--unnamed-font-style-normal: normal;
--unnamed-font-weight-300: 300px;
--unnamed-font-weight-600: 600px;
--unnamed-font-weight-normal: normal;
--unnamed-font-weight-bold: bold;
--unnamed-font-size-14: 14px;
--unnamed-font-size-16: 16px;
--unnamed-font-size-20: 20px;
--unnamed-font-size-23: 23px;
--unnamed-font-size-26: 26px;
--unnamed-font-size-30: 30px;
--unnamed-font-size-40: 40px;
--unnamed-character-spacing-0: 0px;
--unnamed-character-spacing-1: 1px;
--unnamed-character-spacing-2: 2px;
--unnamed-character-spacing-4: 4px;
--unnamed-character-spacing-1-4: 1.4px;
--unnamed-character-spacing-0-8: 0.8px;
--unnamed-character-spacing-0-5: 0.5px;
--unnamed-character-spacing-6-5: 6.5px;
--unnamed-character-spacing-1-15: 1.15px;
--unnamed-character-spacing-4-5: 4.5px;
--unnamed-line-spacing-20: 20px;
--unnamed-line-spacing-24: 24px;
--unnamed-line-spacing-25: 25px;
--unnamed-line-spacing-26: 26px;
--unnamed-line-spacing-29: 29px;
--unnamed-line-spacing-33: 33px;
--unnamed-line-spacing-35: 35px;
--unnamed-line-spacing-38: 38px;
--unnamed-line-spacing-40: 40px;
--unnamed-line-spacing-43: 43px;
--unnamed-text-transform-uppercase: uppercase;
}



/* Character Styles */
.noticias-parrafos-noticias {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-26);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.barra-lateral-titulo {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-600);
font-size: var(--unnamed-font-size-23);
line-height: var(--unnamed-line-spacing-29);
letter-spacing: var(--unnamed-character-spacing-1-15);
color: var(--unnamed-color-000000);
}
.barra-lateral-categorias {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-25);
letter-spacing: var(--unnamed-character-spacing-1);
color: var(--azul-institucional-web);
}
.barra-lateral-subtitulos {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-25);
letter-spacing: var(--unnamed-character-spacing-0-5);
color: var(--unnamed-color-000000);
}
.titulo-portal-profesionales {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-40);
line-height: var(--unnamed-line-spacing-35);
letter-spacing: var(--unnamed-character-spacing-2);
color: var(--naranja-institucional-web);
text-transform: var(--unnamed-text-transform-uppercase);
margin-top: 27px;
text-align: left;
position: relative;
/*z-index: 9999;*/
}
.titulo-portal-pjn{
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-40);
line-height: var(--unnamed-line-spacing-35);
letter-spacing: var(--unnamed-character-spacing-2);
color: var(--azul-institucional-web);
text-align: left;
letter-spacing: 2px;
color: #2A3768;
text-transform: uppercase;
opacity: 1;
margin-top: 27px;
text-align: left;
position: relative;
z-index: 9999;
}
.titulo-intranet {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-40);
line-height: var(--unnamed-line-spacing-35);
letter-spacing: var(--unnamed-character-spacing-2);
color: var(--cyan-institucional-web);
text-transform: var(--unnamed-text-transform-uppercase);
position: relative;
z-index: 9999;
}
.titulo-portal-noticias {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-40);
line-height: var(--unnamed-line-spacing-35);
letter-spacing: var(--unnamed-character-spacing-2);
color: var(--azul-institucional-web);
text-transform: var(--unnamed-text-transform-uppercase);
margin-top: 27px;
text-align: left;
position: relative;
z-index: 9999!important;
}
.noticias-fecha {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-43);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.noticias-titulos-noticias-abiertas {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-40);
line-height: var(--unnamed-line-spacing-43);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
position: relative;
/*z-index: 9999;*/
}
.noticias-texto-categorias, .noticias-texto-categorias a.post-tag {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: 24px;
line-height: var(--unnamed-line-spacing-43);
letter-spacing: var(--unnamed-character-spacing-2);
color: var(--naranja-institucional-web)!important;
text-transform: uppercase;
}
.portales-texto-accesos-circulares {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-600);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--azul-institucional-web);
}
.textos-links-continuar {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0-8);
color: var(--unnamed-color-0035ff);
}
.footer-subtitulos {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-1-4);
color: var(--unnamed-color-555555);
text-transform: var(--unnamed-text-transform-uppercase);
}
.footer-texto-enlaces-interes {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-600);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-24);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-555555);
}
.home-texto-parrafos-notas {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0-8);
color: var(--unnamed-color-000000);
}
.home-titulos-notas {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-30);
line-height: var(--unnamed-line-spacing-40);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.home-subtitulos-secciones {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-30);
line-height: var(--unnamed-line-spacing-38);
letter-spacing: var(--unnamed-character-spacing-4-5);
color: var(--azul-institucional-web);
}


.home-subtitulos-comunidad, .home-subtitulos-comunidad a,
.home-subtitulos-noticias, .home-subtitulos-noticias a,
.home-subtitulos-novedades, .home-subtitulos-novedades a,
.home-subtitulos-novedades-int, .home-subtitulos-novedades-int a{
color: var(--naranja-institucional-web);
text-align: left;
font: normal normal 300 30px/18px "Source Sans 3";
letter-spacing: 4.5px;
text-transform: uppercase;
opacity: 1;
padding: 8px 20px;
display: inline-table;
margin-left: -21px;
}


.home-subtitulos-comunidad a, .home-subtitulos-noticias a{color:var(--azul-institucional-web); margin: 5px 0;}
.home-subtitulos-noticias a:hover{color:#fff; background: var(--azul-institucional-web); border-radius: 18px; text-decoration: unset;}
.home-subtitulos-novedades-int, .home-subtitulos-novedades-int a{color:var(--cyan-institucional-web)}
.home-subtitulos-novedades a:hover, .home-subtitulos-comunidad a:hover{color:#fff; background: var(--naranja-institucional-web); border-radius: 18px; text-decoration: unset;}
.home-subtitulos-novedades-int a:hover{color:#fff; background: var(--cyan-institucional-web); border-radius: 18px; text-decoration: unset;}

.home-subtitulos-secciones-pjn {
font-family: var(--unnamed-font-family-source-sans-pro);
color: var(--cyan-institucional-web);
text-align: left;
font: normal normal 400 30px/38px "Source Sans 3";
letter-spacing: 4.5px;
color: #009EE2;
opacity: 1;
}


.home-subtitulos-pjn {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 25px/32px var(--unnamed-font-family-source-sans-pro);
    color: var(--azul-institucional-web);
    text-align: center;
    font: normal normal bold 25px/32px "Source Sans 3"!important;
    letter-spacing: 0.63px;
    color: #2A3768;
    opacity: 1;
}


.home-subtitulos-pjn2{
  font: normal normal 600 20px/20px "Source Sans 3";
  letter-spacing: 0px;
  color: #7A7A7A;
  opacity: 1;
  display: flex;
  justify-content: center;
  text-align: center;
  top: 57%;
 
}

.home-titulo-portal {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-26);
line-height: var(--unnamed-line-spacing-33);
letter-spacing: var(--unnamed-character-spacing-6-5);
color: var(--unnamed-color-a2a2a2);
text-transform: var(--unnamed-text-transform-uppercase);
}
.home-texto-accesos-rapidos {
font-family: var(--unnamed-font-family-source-sans-pro);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-600);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-7a7a7a);
}

/* MENU */

.home-barra-menu, .home-barra-menu-intranet{
font-family: var(--unnamed-font-family-source-sans-pro)!important;
font-style: var(--unnamed-font-style-normal)!important;
font-weight: var(--unnamed-font-weight-normal)!important;
font-size: var(--unnamed-font-size-20)!important;
line-height: var(--unnamed-line-spacing-25)!important;
letter-spacing: var(--unnamed-character-spacing-4)!important;
color: var(--unnamed-color-ffffff)!important;
text-transform: var(--unnamed-text-transform-uppercase)!important;
/* background-color: var(--azul-institucional-web)!important;
background-image: url('assets/images/vectores/tramaG.svg');
background-size: 100%; */
height: 167px!important;
justify-content: center!important;
/*z-index:99999;*/
}


.home-barra-menu{position: absolute!important;}
.menu-left{margin-left: -80px;}

#titular{text-align: center; margin-top: 0px; min-height:80px;justify-content: center;}

#fondoIntra1{
   background:#009ee2;  height: 585px; margin-top:80px;
}
#fondoProf1{background: #d08813;  height: 770px; margin-top:80px;}

#tarjeteroIntra{margin-top: -477px;}

#tarjeteroProf{margin-top: -665px;}

#tarjeteroIntra2{
  background: #4db6e4;
  padding-top: 127px;
  height: 307px;
  margin-bottom: 50px;
}
#tarjeteroProf2{background: #d8a85a;
  padding-top: 113px;
  height: 290px;
  margin-bottom: 50px;
  margin-top:-18px;
}
#traj3 svg{/*width: 170px!important;*/
  /*margin-top: -11px!important;*/}

.home-barra-menu-intranet, .home-barra-menu-profesionales{
  /*background: #4db6e4!important;*/
  max-height: 80px;
  padding-top: 68px!important;
  margin-bottom: 138px;
}

.home-barra-menu-profesionales{background: #ce8919c2!important;margin-top:-76px;}

.home-barra-menu-intranet{background:#009ee2ad!important; margin-top:-80px}

.home-barra-menu-intranet2,.home-barra-menu-profesionales2{background:var(--azul-institucional-web)!important; margin-top:-80px}

/*===========================*/
#rowtarjetas{margin-top:167px;}
#barraAzul{
background-color: var(--azul-institucional-web)!important;
z-index: -1;
height: 167px!important;
position: absolute;
}

/*===========================*/


.source-sans-3 {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.source-serif-4{
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.row{ margin-left:0!important;margin-right:0!important;}

#rowtop{text-align: center; margin-top: 0px; height:80px; /* margin-left: 50%!important;*/ margin-right: 5%!important;} 

.col-12{padding-left:0!important;padding-right:0!important;}

body{font-family: "Source Sans 3", sans-serif!important; 
 font-size: 20px!important;
h1{font-family: "Source Sans 3", sans-serif;
  font-size: 40px!important;
  font-weight: bolder;
    margin-top: 35px !important;
  margin-bottom: 24px !important;
color: var(--azul-institucional-web)!important;
text-decoration: uppercase!important;
}
}


#logo {
background-image: url('assets/images/escudoPJN-1c.svg');
width: 100px;
height: 100px;
margin-top: -10px; 
margin-left:25%;}

a {span#act{display:none;} span#inact{display:none;}}
a:active{span#act{display:none;} span#inact{display:none;}}

p{font-family: "Source Sans 3", sans-serif;  font-size: 20px!important;}
h2{font-family: "Source Sans 3", sans-serif;
  color: var(--azul-institucional-web);
  margin-bottom: 8px!important;
  font-weight: 600!important;
  line-height: 1!important;
  font-size: 36px !important;
}
h6.fecha{padding-top: 10px!important;}

hr{border-top: 2px solid rgb(0 0 0 / 17%)!important;}

#autoridades p{font-size: 16px!important;}
img.globoAutoridad{width: 140px;margin-top: 50px;margin-bottom: 50px}
.foto-nota img{
max-width: 100%;
  margin-top: 60px;
  border-radius: 18px;
  max-height: 500px;
  height: auto;
}

footer{margin-top:40px!important;}

#encabA{text-align: center;margin-top: 40px;height: 114px;}


/*#menu-principal li{margin-left:4%!important; ul.sub-menu{margin-left: 30%; li{margin:0!important}}}*/

#lateralD{
position: absolute;
  top: 237px;
  right: -15px;
  width: 280px; float:right; margin-right:2%; margin-left:2%; margin-top:40px; background: #fff0!important;}


.nota0{width: 47%; float:left;}
.nota1{width: 47%; float:right;}
.nota2{width: 100%; clear:both ; border-top: solid 3px #939393;}


/* ================ PAGINACIÓN =================================*/

#PG{
text-align: center; 
/*font-family: 'ClashDisplay-Medium' !important;
/*margin-bottom: -163px;*/
clear: both;
margin-left:12%;
margin-top:70px;
}
.nav-links{margin-left: 42%;
    margin-bottom: 21px;
  }
.nav-links, .nav-links a{
  /*text-align: center;*/
    
    color: var(--azul-institucional-web);
    font-size: 24px;
    display: flex;
    padding: 2px;
    /*height: 15px;*/
   /* margin-bottom: -163px;
    margin-top: -32px;*/
    margin-right: 7px;
}
.nav-links a:hover{
color:rgb(122, 28, 238);
color:var(--naranja-institucional-web)!important;
}


.nav-links a.prev.page-numbers, .nav-links a.next.page-numbers{
  display: none!important;
   font-size: 24px;
}

#PG span.page-numbers.current{
  
  /*margin-top: 1px!important;*/
  color: var(--azul-institucional-web)!important; 
  font-size: 24px;
  display: flex;
  padding: 2px;
  margin-right: 7px;
 
}

/* ================ FIN PAGINACIÓN =================================*/









.contenedor{width: 1200px;}

/*.container{min-height: 900px;}*/

/*#submenupjn{
  ul{
    text-align:center;
  list-style: none;
  margin-bottom:50px;
  li{float:left;
    a{font-size: 14px;
      border: solid 1px var(--cyan-institucional-web);
      border-radius: 18px;
      color: var(--cyan-institucional-web);
      margin-right: 25px;
      padding: 0 10px;
    }
  }
}}*/

#submenupjN, #submenupjN2  {div{      
      border: solid 1px var(--cyan-institucional-web);
      border-radius: 18px;      
      /*margin-right: 25px;*/
      padding: 0 10px;
      a{ font-size: 14px;
        color: var(--cyan-institucional-web);
        display: block;
      }   
     a:hover{text-decoration: unset; /*font-weight: bold;*/}  
}
div:hover{border: solid 2px var(--cyan-institucional-web); };
}

#mapa{
  width: 100%;
  height: 1500px;
  background: url(assets/images/mapa/mapa1.png) no-repeat;
  background-size: 60%;
  background-position-x: 47%;
}
#mapa:hover{
width: 100%;
height: 1500px;
background: url(assets/images/mapa/mapa2.png) no-repeat;
background-size: 60%;
background-position-x: 47%;
}
#mapa:active{
width: 100%;
height: 1500px;
background: url(assets/images/mapa/mapa3.png) no-repeat;
background-size: 60%;
background-position-x: 47%;
}

a#cv{
  display: inline-block;
  width: 35px;
  background: var(--azul-institucional-web);
  color: #fff;
  border-radius: 20px;
  padding: 2px;
}
#cv:hover{text-decoration:none; font-weight: 700;}
#mazieres{
  float: left;
  margin-left: 9%;
}
#moya{
  float: left;
  margin-left: -17%;
  clear: right;
}
#larumbe{
 float: left;
  /* margin-left: 11%;*/
}

#gennari{
 float: left;
 /* margin-left: 11%;*/

}
#busamia{
 float: left;
  /*margin-left: 11%;*/
clear: right;
}
#merlo{
 float: left;
  margin-left: 9%;
}
#gerez{
 float: left;
  margin-left: -17%;
clear: right;
}

/* #menu-principal li{margin-top: 15px;} */

#menu-principal, #menu-intranet,#menu-principal2, #menu-intranet2, #menu-intracirc, #menu-profescirc, #menu-profes{
    position: relative;
    top:-33px;
    /*height: 80px;*/
    
    li{
     margin-right:32px; /*era 40*/

     a{
        font-family: var(--unnamed-font-family-source-sans-pro)!important;
        font-style: var(--unnamed-font-style-normal)!important;
        font-weight: var(--unnamed-font-weight-normal)!important;
        font-size: 20px;
        line-height: var(--unnamed-line-spacing-25)!important;
        letter-spacing: var(--unnamed-character-spacing-4)!important;
        color: var(--unnamed-color-ffffff)!important;
        text-transform: var(--unnamed-text-transform-uppercase)!important;
      /*  background: var(--azul-institucional-web)!important; */
        list-style: none!important;
        text-decoration-line:none!important;
      }
      a:hover{
                color:lightgray!important;
            }
      }} 

       #menu-intranet2, #menu-intranet{margin-left:4%;}



#menu-principal li.profe a, #menu-principal li.intra a{
border: solid 3px #fff!important;
border-radius: 20px!important;
padding: 5px 17px!important;
}

#menu-principal li.profe a:hover{background: #fff!important;color:var(--naranja-institucional-web)!important;}
#menu-principal li.intra a:hover{background: #fff!important;color:var(--cyan-institucional-web)!important;}



#menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu, #menu-profes li ul.sub-menu, #menu-intranet2 li ul.sub-menu{
  display:none;
  position:absolute;
 
  z-index:99999;
background: var(--azul-institucional-web) 0% 0% no-repeat padding-box;
background: #2A3768 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 17px;
opacity: 1;
padding-bottom:20px;
padding-top:30px;
margin-left: -37px;




  li{
list-style: none!important;

a{
font-size: 16px;
font-family: var(--unnamed-font-family-source-sans-pro)!important;
text-align: left!important;
letter-spacing: 0.16px!important;
color: #FFFFFF!important;
text-transform: uppercase;
list-style: none!important;
text-decoration: none!important;

}
a:hover{color:lightgray!important;};
}}

#menu-intranet li ul.sub-menu, #menu-profes li ul.sub-menu{min-width: 384px!important;}



#menu-intranet li{
a{background:#4db6e4!important;}
 ul.sub-menu{
background:#4db6e4!important;}
li a{background:#4db6e4!important;}
}



#menu-principal li:hover, #menu-intranet li:hover, #menu-profes li:hover, #menu-intranet2 li:hover{
 /*a{font-weight: 500!important;}*/
   ul.sub-menu{

  display:block;

}
}
#menu-principal li:hover ul.sub-menu li{
  ul.sub-menu{display:none!important;}
}
#menu-principal li:hover ul.sub-menu li:hover{
  ul.sub-menu{display:block!important;position: relative; margin-left: 20px; box-shadow: none!important;padding: 0px;

      li a{color: #D08813 !important;}

  }
}



 /* Menu tarjetas */
 .menu-tarjetas{display: flex;justify-content: center; z-index:99998 ;}
 .menu-tarjetas-intranet, .menu-tarjetas-profesionales{display: flex; 
  justify-content: center;
  z-index:99998 ;
  /* background: #009ee2;  */
  height: 251px; 
  padding-bottom: 290px;}
   /*.menu-tarjetas-profesionales{background: none!important}*/


 #tarjetas, #tarjetas-intranet, #tarjetas-intranet2, #tarjetas-profesionales,
 #tarjetas-profesionales2, #tarjetas-pjn, #tarjeta-pjn-azul{
  list-style:none; 
  display: flex;
  li a, li button{ display: flex;
        width: 290px;
        height: 290px;
        background: #fff;
          box-shadow: 0px 4px 9px #00000029;
          border-radius: 18px;
          opacity: 1;
        margin-top: -67px;
        margin-right: 13px;
        justify-content:center;


  







  img,svg{width: 167px; height: 200px; margin-top: 14px;
  }span{font: normal normal 600 20px/20px "Source Sans 3";
        letter-spacing: 0px;
        color: #7A7A7A;
        opacity: 1;

  display: flex;
  position: absolute;
  justify-content: center;
  text-align: center;
  top: 57%;
  width: 290px;
}}
a:hover, button:hover{background: var(--azul-institucional-web);
svg,img{
     width: 182px; /*margin-top: 14px;*/
        .cls-1 {
        fill: #fff!important;
      }   
       transition: all 0.3s ease 0s;
    }
span{color: #fff;}
} }

  #tarjetas-profesionales li a, #tarjetas-intranet li a{display: flex;
    width: 290px;
    height: 231px;
    background: #fff;
    box-shadow: 0px 4px 9px #00000029;
    border-radius: 18px;
    opacity: 1;
    margin-top: -15px;
    margin-right: 13px;
    justify-content: center;

svg{width: 167px; height: 200px; margin-top: -19px;
  }

  }

    #tarjetas-profesionales2, #tarjetas-intranet2{
      margin-left:85px;
    li {a{display: flex;
    width: 215px;
    height: 215px;
    background: #fff;
    box-shadow: 0px 4px 9px #00000029;
    border-radius: 18px;
    opacity: 1;
    margin-top: -67px;
    margin-right: 100px;
    justify-content: center; svg{width: 133px; height: 200px; margin-top: -25px;} 
    span{font: normal normal 600 18px / 20px "Source Sans 3";
      letter-spacing: 0px;
      color: #7A7A7A;
      opacity: 1;
      display: flex;
      position: absolute;
      justify-content: center;
      text-align: center;
      top: -16%;
      width: 290px;
      margin-top: 160px;
    }}
 a:hover{svg{width: 133px; height: 200px; margin-top: -25px;}}}}

#tarjetas-profesionales2,#tarjetas-intranet2{a:hover{background: var(--cyan-institucional-web)}}
#tarjetas-intranet2 li a, #tarjetas-profesionales2 li a{border-radius: 150px!important;}
#tarjetas-pjn{margin-left:-90px; a:hover{background:#d5cabf;img{filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(7467%) hue-rotate(90deg) brightness(110%) contrast(92%);}}span{font-size: 27px!important;color:var(--azul-institucional-web)!important;}}
#tarjeta-pjn-azul{
  div{
    background:var(--cyan-institucional-web);

     img{width: 77px!important; /*margin-top: -20px;margin-left: -150px;*/}
     span{top: 0;margin-left: 7%; color: #2a3768}
   } 
  /* div:hover{background:var(--cyan-institucional-web);}*/
}

#tarjeta-pjn-azul{
  div{display: flex;
      background:var(--cyan-institucional-web);
      box-shadow: 0px 4px 9px #00000029;
      border-radius: 32px;
      opacity: 1;
      margin-top: -67px;
      margin-right: 13px;
     /* justify-content:center;*/
     min-height: 600px;
  img,svg{width: 100px; height: 200px; margin-top: -24px;
  }span{font: normal normal bold 30px/30px "Source Sans 3";
        letter-spacing: 0px;
        color: var(--azul-institucional-web);
        opacity: 1;
        display: flex;
        position: absolute;
        /*justify-content: center;*/
        text-align: right;
        top: 50px;
        /*width: 290px;*/
        right: 40px;
}
p{
      color: #fff;
      font-size: 16px !important;
      text-align: left;
      margin-top: 147px;
      margin-left: -60px;
      width: 84%;
}
} }



.carousel-item{text-align: center;
  h1{font-family: "Cactus Classical Serif", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 40px;
  letter-spacing: 3px;}
  p{font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 30px !important;
    color: #777;}
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")!important;
margin-left: -250px;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")!important;
margin-right: -250px;
}
.carousel-indicators li {background-color: #777!important;}

#carouselExampleIndicators{min-height: 333px;}

/* =================================================================*/

/* BUSCADOR */


#wp-block-search__input-1{
    padding: 2.5px;
    border-radius: 20px;
    /*background-color: #1a1a32;*/
    border: solid #1F698E 3px;
    width: 280px;
    z-index: 99;
    height: 38px;
    background-image: url(assets/images/vectores/lupa.svg);
    background-repeat: no-repeat;
    background-position-x: -17px;
    background-size: 70px;
    background-position-y: -19px;
    color: #111;
    padding-left: 37px;
    font-size: 20px;
  }


  #block-2{
  position: relative;
  top: 24px; /*
  left: 64%;*/
  /*   position: absolute;
    top: 177px;
    right: 28%;   no funciona en minitor de 24" */
/* 
  position: absolute;
  top: 210px;
  left: 64%;
  right: 23vw;*/

  }
  .links #block-2{
    position: unset;
    top: unset;
    right: unset;
    margin-top: 50px;

  }

.search-icon{display:none;}
#block-2 label.wp-block-search__label{display: none!important;}

caption{caption-side: top!important;
  text-transform: uppercase;  
text-align: center!important;
font-weight: bold;
  font-size: 18px;
  color: #000 !important;
}

.wp-block-categories-list{
  list-style: none;
  padding: 0!important;
  
  a{color: #000;text-decoration: unset;font-size: 20px; font-weight: bold;} 
  a:hover{text-decoration: unset!important;}
}
#wp-calendar{font-size: 14px!important; font-weight: bolder!important;}
.wp-block-calendar td, .wp-block-calendar th{border: none!important;}

.wp-block-image img{/*max-width: 98%!important;*/}
 

#noticias{padding-top:25px;}

#comunidad{background-image: url('assets/images/vectores/tramaW.svg');
  padding-top: 25px; 
  padding-bottom: 50px;
  background-color: #d5ecf7;
  background-size: 150%;
}
/*#grilla, .grilla{background-image: url('assets/images/vectores/tramaG.svg');
  background-size: 100%;
}*/

#grilla2, #grilla3, #grilla4, #grillaN, #grillaPJ, #grillaC{
  background-image: url('assets/images/vectores/tramaG.svg');
  background-size:2000px;  /* 124%;*/
  width: 100%;
  height: 244px;
  position: absolute;
  opacity: 0.7;
  /*z-index: 999;*/
}
#grilla2{opacity: 0.5; background-size:2000px; }
#grilla3{height: 605px; z-index: 0; background-image: url('assets/images/vectores/tramaW.svg'); opacity: 0.3}
#grilla4{height: 800px; z-index: 0;}
#grillaN, #grillaPJ{opacity: 0.5; height: 107px; z-index: 999;}
#grillaC{
background-image: url('assets/images/vectores/tramaW.svg');
  opacity: 0.5; height: 107px; z-index: 999;
}

a.img-comunidad img, a.img-noticias img{
  width: 50%;
  height: auto;

  float: left;
  margin-right: 20px;
  border-radius: 18px;
  border:solid 1px #ddd!important;
}

a.img-noticias img{ max-height: 300px;}

a.turnos{
text-align: left;
  font: normal normal bold 18px / 24px "Source Sans 3";
  letter-spacing: 1.6px;
  color: #555555;
  text-transform: uppercase;
  opacity: 1;
  border: solid 3px #555;
  border-radius: 18px;
  padding: 2px 24px;
}
a.turnos:hover{
background: #555;
color: #fff;
text-decoration: none;

}

.nav2,.nav3{
  float: left;
  list-style: none;
  li a{
    font: normal normal 600 16px/24px "Source Sans 3";
    color: #555;
  }

}

div.row-footer{
background: #e9e4de;
  margin-top: -3px;
  padding: 50px;
  /*margin-bottom: 25px;*/
}
.derechos{ p{font-size: 14px!important; color:darkgray;}}
}

#socalo{min-height: 25px; background: #fff;}
figure.wp-block-image img{
  border-radius: 18px;
} 

#justina{
  position: fixed;
  right: 2%;
  bottom: 10%;
  z-index:999;
a svg{
      width: 117px;
      height: 150px;}

      span{font: normal normal 600 20px/20px "Source Sans 3";
        letter-spacing: 0px;
        color: #7A7A7A;
        opacity: 1;
  display: flex;
  position: absolute;
  justify-content: center;
  text-align: center;
  top: 57%;
  width: 290px;
    }
  a:hover{
    span{display: block!important;right: 1%}
  }
  
      
}
#justina a{/*border: solid 1px #000; display:block; width: 114px; height:124px; background-repeat: no-repeat; 
  background-image: url(assets/images/justina/justina0.png);background-size: 114px;*/
display: block;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-image: url(assets/images/justina/justina.svg);
  /*border: solid #009ee2 3px;*/
  border-radius: 67px;
  background-size: 83px;
  background-position-y: 7px;
  background-position-x: 5px;
  background-color: #009ee2;

}
#justina a:hover{/*background-repeat: no-repeat; background-image: url(assets/images/justina/justina1.png); background-size: 117px;*/
  /*border: solid #009ee2 5px;*/width: 135px; height: 135px;background-size: 118px;}

h2.wp-block-heading{font-size:23px!important;}



/* SOCIALES */

footer .right-text-content ul li a,  header .right-text-content ul li a, .menu-item-110 a,  ul.social-icons li a{
  display: flex;
  width: 87px;
  height: auto;
  margin-left: -27px;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  /*background-color: #1a1a32 !important;*/
  /*border-radius: 50%;*/
  /*color: #fff;*/
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.social{

  float: left!important;
  margin: 20px 0;
  clear: both;
}





 .social-icons{
   /* margin-top: 28px;*/
    min-width: max-content; /* 250px; */   
    margin-left: -12px;
    display: flex;
    list-style: none;
 }


#social{
  
position: relative;
  /* no funciona en monitor de 24"
  position: absolute;
  top: 152px;
  right: 17%;
  padding-left: 0 !important;
  /* max-width: 32%; */

}

#socialesS{
  top:100px!important;
  right: 15vw!important;
  position: absolute; 
}
#socialesS .right-text-content{
  text-align: left;
  margin-left: -100px;
}


   #socialesS {
    float: none;
    margin-top: 20px;
    text-align: center;
  }

  #socialesS ul li {
    display: inline;
    float: none;
  }

  #socialesS ul li a {
     width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
  /*  background-color: #0a0922 !important;
    border-radius: 50%;
    color: #007bff;*/
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

    /* box-shadow: #0c1539a8 1px 1px 5px; agrega sombra a los globos gby */
  }













    #socialesS{
  top:100px!important;
  right: 20vw!important;
  position: absolute; 
  width: 20%;
}



.header-area .main-nav .nav li.submenu ul li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 99999;
}

.header-area .main-nav .nav li.submenu ul li a {
  opacity: 1;
  display: block;
  /*background: #0a0922 !important;*/
  color: #464646!important; /* orig: #7a7a7a  */
  /*padding-left: 20px;*/
  height: 100px; /* gby */
  line-height: 40px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  font-size: 13px;
  /* border-bottom: 1px solid #f5f5f5; */
  z-index: 99999;
}
.header-area .main-nav .nav li.submenu ul li a div.but{
/*width: 160px;
height: 100px;*/
width: 200px;
height: 80px;
/*margin:-4px;*/
float: left;

}









.header-area .main-nav .nav li.submenu ul li a div.txbut{
  float:left;
  width: 200px;
  height: 100px;
}

.header-area .main-nav .nav li.submenu ul li a p{ /* gby */
  margin-left: 217px; 
  margin-top: 7px; 
  color: #fff; /*#161630; */
  border-bottom: solid 1px #161630; 
  padding-bottom: 26px;
  text-transform: none;
  z-index: 99999;
  line-height: 17px;
  font-size: 14px;
  letter-spacing: 0.01em;
  margin-bottom: 0;
  min-height: 61px;

}
.header-area .main-nav .nav li.submenu ul li a:hover p{
  color:#fff;
}

.header-area .main-nav .nav li.submenu ul li a:hover div.txbut p{
  /* color: #fff!important; */
}

.header-area .main-nav .nav li.submenu ul li a:hover:before {
  width: 3px;
  z-index: 99999;
}

.header-area .main-nav .nav li.submenu:hover ul {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
  z-index: 99999;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 15px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 9%;
  display: none;
  z-index: 99999;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: var(--azul-institucional-web) ;
  display: block;
  position: absolute;
  width: 33px;
  height: 7px;
  border-radius: 5px;
  left: 0;
}



.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: var(--azul-institucional-web);
  display: block;
  position: absolute;
   width: 33px!important;
  height: 7px;
  border-radius: 5px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  /*background-color: #1e1e1e;*/
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  /*-moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;*/
  top: -12px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 12px;
}

.header-area .main-nav .menu-trigger.active2 span,
.header-area .main-nav .menu-trigger.active2 span:before,
.header-area .main-nav .menu-trigger.active2 span:after {
  background-color: transparent;
  width: 100%;

}
.header-area .main-nav .menu-trigger.active2 span:before{top: -4px;}

.header-area .main-nav .menu-trigger.active2 span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #fff;
  height: 1px;
  width: 37px !important;
}

.background-header .main-nav .menu-trigger.active2 span:before {
  /*background-color: #1e1e1e;*/
}

.header-area .main-nav .menu-trigger.active2 span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #fff;
  height: 1px;
  width: 37px !important;
}

.background-header .main-nav .menu-trigger.active2 span:after {
  /*background-color: #1e1e1e;*/
}

.header-area.header-sticky {
  min-height: 187px;
  background: var(--azul-noche);

}

.header-area.header-sticky .nav {
 /* margin-top: 141px !important;*/
}

.header-area.header-sticky .nav li a.active {
  color: #007bff;
}

.header-single{
 /* background-image: url(assets/images/circuito2.jpg);*/
}




/* @media (min-width: 1300px){.container{max-width: 1242px;}}*/

@media (max-width:1677px){
.notas .container{
  max-width: 72%!important;
  margin-left: 4%;
}
}


@media (max-width:1430px){
    .nota0, .nota1, .nota2{
     width: 93%;
     float: left!important;
     border:none!important;
    }
}

#traj1a,#traj2a,#traj3a{margin-bottom: 92px;}
#tarjeteroAzul{margin-left:-26px!important;}
#titular #social{display: none;}
#fondoProf1 .home-barra-menu{display:none;}

.section-heading a{color:#000;}

@media (max-width:1260px) and (min-width: 320px) { /* movil  */

.footer ul.nav3{padding-inline-start: 15px !important;}

a{span#act{display:none;} span#inact{display:block;}}
a:active{span#act{display:block;} span#inact{display:none;}}

a.img-noticias img{ max-height: unset!important;}

#fondoProf1 .home-barra-menu{display:block;}
.titulo-portal-noticias, .titulo-portal-profesionales, .titulo-portal-pjn{text-align: center!important;}


#logoB{background-image: url(assets/images/logoB.png);
    background-repeat: no-repeat;
    background-size: 47px;
    width: 47px;
    height: 47px;}

.home-barra-menu-profesionales{/*display: none!important;*/}

#fondoIntra1, #fondoProf1,
 .home-barra-menu-intranet, .home-barra-menu-profesionales{margin-top:0!important}

.home-barra-menu-profesionales .home-barra-menu ul.#menu-principal.nav{margin-top: -248px !important;
margin-left: -17px;}

#tarjeteroAzul{margin-left:0!important;}
#mazieres, #moya, #larumbe, #gennari, #busamia, #merlo, #gerez{
 float: left;
  margin-left: 0;
clear: right;
}
#submenupjN{display: none!important;}
#submenupjN2{display: block!important; div{ 
float: left;
width: max-content;
margin-right: 3%;
margin-bottom: 3%;      
}
margin-bottom: 144px; 
}




.menu-left{margin-left: 0px;}
#justina a{/*background-size: 70px;*/}
#justina a:hover{/*background-size: 90px;*/}
#fondoIntra1{height: 617px;}
#tarjeteroIntra{
  margin-top: -577px;
}
#tarjeteroProf{margin-top: -354px;}
#fondoProf1, #fondoProf1{height: 550px;}
#tarjeteroIntra2, #tarjeteroProf2{
  padding-top: 105px;
  height: 287px;
  background: #fff;
}
 #tarjeteroProf2{margin-top: -190px;   padding-top: 97px;}

#tarjetas-profesionales2, #tarjetas-intranet2 {
  margin-left: 0px!important; 
}


.home-subtitulos-comunidad, .home-subtitulos-noticias, .home-subtitulos-novedades,
.home-subtitulos-novedades-int {
  width: 100%;
  text-align: center;
  margin-left: 2%!important;
  a{margin-left: 0!important;}
}
  #block-2{display:none; right: 7%;}
  #social{display: none;}

#logo {
  position: absolute;
background-image: url('assets/images/escudoPJN-1c.svg');
background-size: 67px;
background-repeat: no-repeat ;
width: 100px;
margin-top: -37px; 
margin-left: 5%;
}

#encabA, #encabC{height: 33px!important;}
#encabC{height: 33px !important;
    position: absolute;
    width: 100vw;
    margin-top: 14px;
    margin-left: 20px !important;
  }
#lateralD{position: absolute;
  top: 237px;
  right: 0;
  width: 257px; float:right; margin-right:2%; margin-left:2%; margin-top:40px; background: #fff!important;}


footer.footer{/*display: none;*/}

#noticias, #comunidad{
   background-image: none;
   background-color:#fff;
 img{width: 100%}
h6{display: none;}
h2, h4{position: absolute;

      color: #ffffff;
      margin: 6%;
      margin-top: 25%;
      font-size: 37px !important;
      text-shadow: 3px 3px 3px BLACK;}

 .right-text-content p, .comunidad-content p{display: none;}
 .row{margin-bottom:50px; min-height: 307px;}
 .main-button-icon{display: none;}
 footer{display: none;}
 .comunidad-item{margin-bottom:50px;}
}
#comunidad .row div{margin-bottom:50px; min-width: 100%!important;}
#justina span{color:#fff; text-shadow: 2px 2px 2px BLACK, 0 0 1em #009fe5;}

/* #logo{float:left; width: 150px}*/
/* #titulo{ float: left; margin-top: -71px!important; margin-left: 3%!important;} */
.home-titulo-portal{margin-top: -17px !important;}
#incluye{display: none;}

#menu-principal, #menu-intranet/*, #menu-intranet2*/{display: none; width: 100vw; height: 977px; margin-top: 47px !important; box-shadow: none !important;min-height: 630px;}


#menu-intranet2, #menu-profes{  
 margin-left: 24%!important;  
  display: flex;  
  overflow: unset;  
  z-index: 999999;  
  top: -164px;    
  min-width: 110vw; /*fit-content */  
  border: none;
  box-shadow: none;
  /*li ul.sub-menu{min-width: 384px!important;} */
  }



#menu-principal li{margin-left:4%!important; ul.sub-menu{margin-left: 17%; li{margin:0!important}}}
#menu-intranet li{margin-left:4%!important; ul.sub-menu{margin-left: 7%; li{margin:0!important}}}
#menu-pofes li{margin-left:4%!important; ul.sub-menu{margin-left: 17%; li{margin:0!important}}}
/*#menu-intranet2 li{margin-left:4%!important; ul.sub-menu{margin-left: 7%; li{margin:0!important}}}
#menu-pofes2 li{margin-left:4%!important; ul.sub-menu{margin-left: 17%; li{margin:0!important}}}
*/
#tarjetas, #tarjetas-intranet, #tarjetas-intranet2, #tarjetas-profesionales, #tarjetas-profesionales2, #tarjetas-pjn, #tarjeta-pjn-azul {
   li a, li button{
    img, svg {
      width: 160px;
      height: 120px;
      margin-top: 14px;
      max-width: 17vw;
      max-height: 13vw;
    }
  }
}


#tarjetas, #tarjetas-intranet, #tarjetas-intranet2, #tarjetas-profesionales,
#tarjetas-profesionales2, #tarjetas-pjn, #tarjeta-pjn-azul {
  li a, li button {
    display: flex;
    width: 162px;
    height: 162px;
    background: #fff;
    box-shadow: 0px 4px 9px #00000029;
    border-radius: 18px;
    opacity: 1;
    margin-top: -143px;
    margin-right: 13px;
    justify-content: center;
    margin-bottom: 65px;
    span{font-size:16px!important;max-width: 17vw;text-transform: uppercase;}
  }
  li a:hover, li button:hover{span{color:var(--azul-web-institucional)}};
}

#tarjetas-intranet2, #tarjetas-profesionales, #tarjetas-profesionales2, #tarjetas-pjn, #tarjeta-pjn-azul {
  li a span{margin-top:-119px;}}

#tarjetas-intranet2, #tarjetas-profesionales2{
  margin-top: 34px; 
  li a{svg{margin-top: 20px!important;}
       span{margin-top: 152px;}
     }}  
/*#tarjetas-profesionales2{
  margin-top: 107px; 
  li a{svg{margin-top: 20px!important;}
       span{margin-top: 225px;}
     }}  */


#tarjetas-intranet li a{margin-top: 40px;}


#tarjetas-profesionales2 li a{background: var(--naranja-institucional-web);svg{ .cls-1 {
        fill: #fff!important;
      }  }}
#tarjetas-intranet2 li a{background: var(--cyan-institucional-web);svg{ .cls-1 {
        fill: #fff!important;
      }  }}




body.azul{

  #fondoProf1 .col-12{margin-top: -59px; margin-left: -24px;}

  .titulo-portal-profesionales{display: none;}
  .home-titulo-portal{display: none;}
 
  #titular #social{display: block;}
  .home-barra-menu{top:90px!important;}

.home-barra-menu-profesionales{display: none!important;}

  background: var(--azul-institucional-web)!important; /* overflow: hidden!important;*/
  
#logo{background-image: url('assets/images/escudoPJN-B.svg'); /*background-size: 77px; */}
#Trazado_77,#Trazado_73,#Trazado_78,#Trazado_74,#Trazado_75,#Trazado_76,#Trazado_72{fill:#ffffff!important;}
#social{display: block;
      top: 876px;
      left: 2%;
      z-index: 999999;
      background: var(--azul-institucional-web);
      margin-left: -24px;
      width: 117vw;
      padding-left: 16px !important;
    }
#menu-principal, #menu-intranet/*, #menu-intranet2*/{
  width: 112vw; padding: 0 7%; padding-top: 70px; 
  li{margin-top: 16px; margin-left: 2%; a:active{color:var(--naranja-institucional-web)!important; /* list-style: "+"; */}
  ul.submenu li{margin-top: 10px!important; a:active{color:var(--naranja-institucional-web)!important;}}
  }
}
#menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu/*, #menu-intranet2 li ul.sub-menu*/{box-shadow: unset;position: static;}

#menu-intranet/*, #menu-intranet2*/{position: absolute;
  padding-left: 19px;
  margin-top: -12px !important; 
  /*margin-left: 0px;*/
  width: 112vw; background: var(--azul-institucional-web);
}

#menu-intranet li/*, #menu-intranet2 li*/{
a{background: var(--azul-institucional-web)!important;}
 ul.sub-menu{
background: var(--azul-institucional-web)!important;}
li a{background: var(--azul-institucional-web)!important;}
}

#menu-principal li.profe{position: absolute; top: 25px; margin-left:2%; a{border: solid 2px var(--naranja-institucional-web) !important;
  border-radius: 20px !important;
  padding: 0px 20px !important; letter-spacing: 1px !important;}}

#menu-principal li.intra/*, #menu-intranet2 li.intra*/{position: absolute; top: 25px; right:7%; a{border: solid 2px var(--cyan-institucional-web) !important;
  border-radius: 20px !important;
  padding: 0px 20px !important;letter-spacing: 1px !important;}}


} /*cierra azul*/


 #tarjetas-pjn li a span{margin-top:-17px!important;}



} /* cierra @media */








@media (max-width: 1260px){ /* gby ori: 767 */
  .header-area .main-nav .logo {color: #1e1e1e;}
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #007bff!important;
    opacity: 1;
  }
  .header-area.header-sticky .nav li.search-icon a{
    width: 100%;
  }
  .header-area{
  /*  background-color: #f7f7f7;
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;*/
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
    color: #0090d6;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    /* overflow: hidden; */
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    /*border-top: 1px solid #eee;*/
  }
  .header-area.header-sticky .nav {
    margin-top: 0px;
    width: 400px;
    box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 28px 0px;
    padding: 24px 13px 13px 13px;
    overflow: hidden;
    transform: translateY(-2em);
    z-index: 99999;
    transition: 0.3s ease-in-out, visibility linear 0.3s, z-index linear 0.01s;
    background-color: var(--azul-institucional-web); !important;
    
   /* border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;*/
  }
  #menu-item-101 a{
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    
  }
   #menu-item-101 li{
    /*background: #424260 !important;*/
   }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #424260 !important;
    /*border-bottom: 1px solid #eee;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #1a1a32 !important;
    color: #fff !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #6a00ec !important;
    color: #fff!important;
  }
  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    
    box-shadow: none;
    height: 0px;
        background: none;
        padding: 0;
        margin: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        width: 400px;
        max-width: 100%;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12px;
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
    color: #fff;/*#3B566E;*/
    right: 25px;
    font-size: 14px;
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active { /* gby */
  color: #fff!important; 
  /*opacity: 0.5;*/
}
.header-single{
  background-image:none;
}
.header-area .main-nav .nav li.submenu ul {
  margin-left: 0;
    /*position: absolute;
    background: #424260 /*url(/wp-content/themes/DGI2/assets/images/menu/triangulito.jpg) no-repeat;
    background-size: 400px auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 7px;
    /*margin-left: -148px;
    padding-top: 17px;
    padding-bottom: 13px;
    width: 400px;
    /*box-shadow: 2px 2px 28px 0 rgba(0, 0, 0, 70%);*/
    /* padding: 7px; 
    background-color: #424260 !important;
    /*background: url('../DGI2/assets/images/menu/triangulito.png') no-repeat;
    background-position-y: -50px;*/
    /* border: solid 1px #ccc; 
    top: 40px;
    opacity: 0;
    transform: translateY(+2em);
    visibility: hidden;
    z-index: 99999;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;*/
}
.txbut2{display: none;}
#rowtop{height:25px;}
#grilla2{height: 184px;}




}  /* cierra media de  @media (max-width: 1260px) */

@media (max-width: 1260px) {
.header-area.header-sticky .nav {
  margin-top: 144px !important;
}
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
  /*  padding-left: 12px;
    padding-right: 12px;*/
  }
  .header-area .main-nav:before {
    display: none;
  }
  .navNar{margin-top: 25px !important;
    float: left !important;
    margin-left: 14px !important;}
}

@media(max-width: 1077px){

  #barraAzul{height: 17vw !important;}
  #grilla2{height: 19vw !important;}
  #lateralD.up{display: none!important;}

  #lateralD{
position: relative!important;
  /*top:unset;*/
  right: unset;
    float:left!important; width: 97%!important; margin-top: -64px!important;}
  .notas .container{max-width: 98% !important; width: 98%!important;}

#tarjetas-intranet, #tarjetas-intranet2, #tarjetas-profesionales, #tarjetas-profesionales2,
#tarjetas, #tarjetas-pjn,  #tarjeta-pjn-azul {
    li a, li button {width: 17vw !important;
      height: 17vw !important;
span{margin-top:-18px;}
    };
}
#tarjetas-intranet,  #tarjetas-profesionales{li a {
span{margin-top: 0px}}}
#tarjetas-intranet2, #tarjetas-profesionales2{li a {
span{margin-top: 170px}}}


#tarjetas-profesionales{li a {
span{margin-top: -99px}}}



.home-subtitulos-noticias{margin-top: 67px;}



}


@media(min-width:992px){

  #titulo{/*margin-top: 27px!important;*/

  }
}
@media(max-width:995px){
    #logo{margin-left: 2%!important;}

}

@media(max-width:940px){
  #tarjetas-intranet, #tarjetas-intranet2, #tarjetas-profesionales, #tarjetas-profesionales2{
    li a{width: 21vw !important;
          height: 21vw !important;          
          };
      }
}   
    
/* NOTA: PARA LOS ITEM DEL MENU METER LOS LI EN ABS Y TOP 11, 15, 19, PROF REL FLOAT LEFT Y INTER REL FLOAT RIGHT.

 BODY EN overflow: hidden;
  background: var(--azul-institucional-web); */





/*
---------------------------------------------
header
--------------------------------------------- 
*/



@media (max-width: 1000px) { /* gby ori: 767 */
  .header-area .main-nav .nav .search-icon {
    float: none;
    text-align: center;
    width: 100%;
    background-color: #0a0922 !important;
    margin-left: 0px;
  }

}



 
.header-area .main-nav .nav .search-icon a:hover {
  opacity: 1;
  color: #007bff!important;
}

.header-area .main-nav .nav li a {
  display: block;
  font-family: 'Montserrat-Medium';
  font-size: 20px;
  color: #fff;
  color: #959596;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}



.header-area .main-nav .nav li:hover a{
 color: #fff!important;
  opacity: 1;
}
.header-area .main-nav .nav li:active a, .current-menu-item a{
  color: var(--rosa-viejo)!important;
  opacity: 1;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li:active a{
  /*color: #007bff!important;
  opacity: 1;*/
}

.header-area .main-nav .nav li.submenu {
  position: relative;
  padding-right: 35px;

}

.header-area .main-nav .nav li.submenu:after { /* flechitas del menu*/
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  color: #959596;
  position: absolute;
  right: 18px;
  top: 12px;
}

.header-area .main-nav .nav li.submenu:hover:after, .header-area .main-nav .nav li.submenu:active:after{
color: #fff !important;
} 


.background-header .main-nav .nav li.submenu:after {
 /* color: #7a7a7a;*/
}

.header-area .main-nav .nav li.submenu ul {
    position: absolute;
    /* background: url(/wp-content/themes/DGI2/assets/images/menu/triangulito4.png) no-repeat; */
    background-size: 623px auto;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    margin-top: 0px;
    margin-left: -460px;
    padding-top: 17px;
    padding-bottom: 13px;
    width: 623px;
    /*box-shadow: 2px 2px 28px 0 rgba(0, 0, 0, 70%);*/
    /* padding: 7px; */
    background-color: #424260 !important;
    /*background: url('../DGI2/assets/images/menu/triangulito.png') no-repeat;
    background-position-y: -50px;*/
    /* border: solid 1px #ccc; */
    overflow: hidden;
    top: 40px;
    opacity: 0;
    transform: translateY(-2em);
    visibility: hidden;
    z-index: 99999;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
}


@media(max-width: 792px){
#titulo{ h1{font-size: 3vw !important;
      letter-spacing: 0.4vw;}}
}



@media(max-width: 767px){
  #menu-intracirc, #menu-profescirc{padding: 10% 4%!important;}
  #menu-intranet2, #menu-profes{  
 margin-left: 18%!important; /*era 10%*/
.sub-menu{min-width: unset!important;}
   }

.home-titulo-portal{display:none; margin-top: -120px!important;}
#noticias, #comunidad {
    h2, h4 {font-size:4vw !important;}
    .container .row{margin-bottom: 0!important;}
  }
#tarjetas li a, #tarjetas li button{margin-top:-157px; border-radius: 10px; span{
  margin-top:-40px;
}
svg{margin-top: 5px}
}
#tarjetas-intranet,  #tarjetas-profesionales{
    li a{width: 18vw !important;
          height: 18vw !important; 
          margin-right: 22px;  
          svg{margin-top: 7px !important;}       
          span{margin-top: 17px;color: #fff;}};
      }
#tarjetas-profesionales{li a{span{margin-top: -145px;}}}

#tarjetas-intranet2, #tarjetas-profesionales2{
    li a{width: 18vw !important;
          height: 18vw !important;  
          margin-right: 22px;  
            svg{margin-top: 7px !important;}          
          span{margin-top: 124px;
        color: #7A7A7A;}};
      }

      #tarjetas-pjn li a span{font-size: 10px!important;}
h1{font-size: 35px!important;}

a.img-noticias img{ max-height: 254px!important;}

}

@media(max-width: 493px){
  #menu-intracirc, #menu-profescirc{padding: 10% 18%!important;}
}


@media (max-width:450px){
           #sociales {top:20vw;}
           #tarjetas li a span, #tarjetas li button span{
  margin-top:-70px; font-size: 14px!important;line-height:14px!important;
}

h1{font-size: 25px!important;}
    }

@media(max-width: 443px){ /* 418  */

  #menu-principal li.profe, #menu-principal li.intra{
    position: relative!important;
    margin-left: 2%!important;
    right: unset;
}
#menu-principal li.intra{margin-left: 4%!important; right:2%!important;}

}

@media (max-width: 400px) { 
.home-titulo-portal{display: none!important;}
  #sociales {
    top: 125px;
}
#tarjetas li a span, #tarjetas li button span{font-size: 12px!important;margin-top:-80px; }

.titulo-portal-noticias, .titulo-portal-profesionales, .titulo-portal-pjn{font-size: 30px; text-align: center;}
#tarjetas-profesionales{li a{span{margin-top: -216px;}}
}
}




#rowtarjetas-incluye {
 /* z-index: 9999;
  background: gray;
  padding: 70px 0px;
  width: 1000px;
  right: 0px;
  top: -62px; */
  /*position: absolute;*/
   background: #efefef;
    
      ul.seccion {
        li button{width: 220px; height: 170px;
          img{width: 57px !important;height: 57px !important;margin-top: 35px;}
        }
        li button.activo{border:solid 7px #03a9f4; img{width: 100px!important;} span{color:#000;}};
        li button:hover{background: #03a9f4; img{width: 87px!important;} };
    }
      
      
   
#cerrar{position: absolute;
  top: -27px;
  right: 29px;
  color: white;
  font-size: 35px;}
}

.seccion{
  margin-top:75px;
  list-style:none; 
  display: flex;
  li button{ display: flex;
     position: relative;
        width: 290px;
        height: 290px;
        background: #fff;
          box-shadow: 0px 4px 9px #00000029;
          border-radius: 18px;
          opacity: 1;
        margin-top: -67px;
        margin-right: 13px;
        justify-content:center;
  img,svg{width: 167px; height: 200px; margin-top: 14px;
  }span{font: normal normal 600 20px/20px "Source Sans 3";
        letter-spacing: 0px;
        color: #7A7A7A;
        opacity: 1;

  display: flex;
  position: absolute;
  justify-content: center;
  text-align: center;
  top: 77%;
  width: 147px;
}}
 button:hover{background: var(--azul-institucional-web);
svg{
     width: 182px; /*margin-top: 14px;*/
        .cls-1 {
        fill: #fff!important;
      }   
       transition: all 0.3s ease 0s;
    }
span{color: #fff;}
}}


.titulo-accesibilidad{color: white;}
@media (max-width:1260px) and (min-width: 320px) { 
.seccion{
   li a, li button{
    img, svg {
      width: 160px;
      height: 120px;
      margin-top: 14px;
      max-width: 17vw;
      max-height: 13vw;
    }
  }
}

.seccion{li button {

    display: flex;
    width: 162px;
    height: 162px;
    background: #fff;
    box-shadow: 0px 4px 9px #00000029;
    border-radius: 18px;
    opacity: 1;
    margin-top: -143px;
    margin-right: 13px;
    justify-content: center;
    margin-bottom: 65px;
    span{font-size:16px!important;max-width: 17vw;text-transform: uppercase;}
  }
  li button:hover{span{color:var(--azul-web-institucional)}};
}


}

@media(max-width: 1077px){.seccion {
    li a, li button {width: 17vw !important;
      height: 17vw !important;
span{margin-top:-18px;}
    };
}
}


@media(max-width: 767px){
.seccion li button{margin-top:-157px; border-radius: 10px; span{
  margin-top:-40px;
}
svg{margin-top: 5px}
}
}
@media (max-width:450px){
          
           .seccion li button span{
  margin-top:-70px; font-size: 14px!important;line-height:14px!important;
}

h1{font-size: 25px!important;}
    }

    @media (max-width: 400px) { 
.seccion li button span{font-size: 12px!important;margin-top:-80px; }
}

/* body.invertir{filter: invert(1); padding: 1px;} */

/* M E N U    A C C E S I B I L I D A D */     

#resetear-accesibilidad{background: #0048ff; span{color: #fff;}}

#MaskV1{position: absolute; !important; z-index: 2147483647 !important; width: 100% !important; background: rgba(0, 0, 0, 0.5) !important; top: 0px; height: 47%; display:none;}                                        
#MaskB1{width: 100% !important; height: 8px !important; position: absolute !important; background: rgb(0, 44, 176); bottom: 0px;}
#MaskV2{bottom: 0px; height: 45%; position: absolute; !important; z-index: 2147483647 !important; width: 100% !important; background: rgba(0, 0, 0, 0.5) !important;display:none;}
#MaskB2{width: 100% !important; height: 8px !important; position: absolute !important; background: rgb(0, 205, 136); top: 0px;}
#MaskV3{display:none;}
#MaskB3{display: none;}
/*f2*/
body.f2-cLuz{
 color:#000; background: #fff; a{color:#fff;} 
  #grilla2, #grilla3, #grilla4, #grillaN, #grillaPJ, #grillaC, .row-footer,#comunidad{background-image:none;background: #ffffff;}

li a, a, a span, buttom span{background: #ffffff!important; color:#000!important;}
.right-text-content ul {li{background: none!important; a{background: none!important;}}}


#justi{background-repeat: no-repeat;
  background-image: url(assets/images/justina/justina0.png)!important;
  background-size: 114px!important;
  span{background: #fff!important; color:#000!important;}
}

  & #menu-principal, & #menu-intranet {background: white!important;
    & li { a{ color:#000!important; background: white!important;}}}

  #menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu {background: white!important;
  & li {a { color:#000!important;background: white!important;}}}



}

body.f2-cObscuro{color:#50d0a0; background: #000; a{color:yellow;} 
  #grilla2, #grilla3, #grilla4, #grillaN, #grillaPJ, #grillaC, .row-footer,#comunidad{background-image:none;background: #000000;}

li a, a, a span, buttom span{background: #000!important; color:yellow!important;}
.right-text-content ul {li{background: none!important; a{background: none!important;}}}


#justi{background-repeat: no-repeat;
  background-image: url(assets/images/justina/justina0.png)!important;
  background-size: 114px!important;
  span{background: #000!important; color:yellow!important;}
}

  & #menu-principal, & #menu-intranet {
    & li { a{ color:yellow!important;}}}

  #menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu {
  & li {a { color:yellow!important;}}}


}
body.f2-invertir{filter: invert(1); padding: 1px;}
/*f3*/
body.f3-bajaSat{filter: saturate(0.5);padding: 1px;}
body.f3-altaSat{filter: saturate(5);padding: 1px;}
body.f3-desSat{filter:grayscale(); padding: 1px;}
/*f4*/
body.f4-dislexia{
:root {
  --unnamed-font-family-source-sans-pro: "OpenDyslexic3-Regular"!important;
}

.home-subtitulos-novedades-int, .home-subtitulos-novedades-int a{
font: normal normal 300 30px/18px "OpenDyslexic3-Regular"!important;
}

.home-subtitulos-secciones-pjn {
font: normal normal 400 30px/38px "OpenDyslexic3-Regular"!important;
}

body{font-family: "OpenDyslexic3-Regular"!important /*, sans-serif!important;*/  font-size: 20px!important; background: #e4ebf5!important;}
p, h1, h2, h3, h4, h5, h6, a, span{font-family: "OpenDyslexic3-Regular"!important/* , sans-serif!important; */}
#menu-principal li.intra a:hover{background: #e4ebf5!important;color:var(--cyan-institucional-web)!important;}

caption{color:#566182 !important;}

.section-heading a{color:#566182!important;}
.seccion {
          & li button {
            span {top:67%;}}
          }
#menu-principal, #menu-intranet {
  & li {
    a {font-family: "OpenDyslexic3-Regular"!important}}}

#menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu {
  & li {
    a {font-family: "OpenDyslexic3-Regular"!important}}}

}


body.f4-legible{
  
  :root {
  --unnamed-font-family-source-sans-pro: Verdana, Arial, sans-serif!important;
}

.home-subtitulos-novedades-int, .home-subtitulos-novedades-int a{
font: normal normal 300 30px/18px Verdana, Arial, sans-serif!important;
}

.home-subtitulos-secciones-pjn {
font: normal normal 400 30px/38px Verdana, Arial, sans-serif!important;
}

body{font-family: Verdana, Arial, sans-serif!important; font-size: 20px!important; background: #e4ebf5!important;}
p, h1, h2, h3, h4, h5, h6, a, span{font-family: Verdana, Arial, sans-serif!important;}
#menu-principal li.intra a:hover{background: #e4ebf5!important;color:var(--cyan-institucional-web)!important;}

caption{color:#566182 !important;}

.section-heading a{color:#566182!important;}
.seccion {
          & li button {
            span {top:67%;}}
          }
#menu-principal, #menu-intranet {
  & li {
    a {font-family: Verdana, Arial, sans-serif!important;}}}

#menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu {
  & li {
    a {font-family: Verdana, Arial, sans-serif!important;}}}

}

body.f4-resaltarLinks{

  li a, a, a span, buttom span{background: #000!important; color:yellow!important;}
.right-text-content ul {li{background: none!important; a{background: none!important;}}}


#justi{background-repeat: no-repeat;
  background-image: url(assets/images/justina/justina0.png)!important;
  background-size: 114px!important;
  span{background: #000!important; color:yellow!important;}
}

  & #menu-principal, & #menu-intranet {
    & li { a{background: #000!important; color:yellow!important;}}}

  #menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu {
  & li {a {background: #000!important; color:yellow!important;}}}

 }


body.f4-ocultarImg{ 
  * img, svg{display:none!important; visibility:hidden!important;}

  #incluye{img{display: block!important; visibility:visible!important;}}

   }


/*f5*/
body.f5-testXL{p, h1, h2, h3, h4, h5, h6, a, span{font-size: 120%!important;}
& #menu-principal, & #menu-intranet {
    & li { a{font-size: 120%!important;}}}

  #menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu {
  & li {a {font-size: 120%!important;}}}

 }


body.f5-testXXL{p, h1, h2, h3, h4, h5, h6, a, span{font-size: 125%!important;}
& #menu-principal, & #menu-intranet {
    & li { a{font-size: 125%!important;}}}

  #menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu {
  & li {a {font-size: 125%!important;}}}

 }

body.f5-testXXXL{p, h1, h2, h3, h4, h5, h6, a, span{font-size: 130%!important;}
& #menu-principal, & #menu-intranet {
    & li { a{font-size: 130%!important;}}}

  #menu-principal li ul.sub-menu, #menu-intranet li ul.sub-menu {
  & li {a {font-size: 130%!important;}}}

 }


/*f6*/
body.f6-spaceLigero{
 p, h1, h2, h3, h4, h5, h6, a, span{ letter-spacing:0.1em!important;}
}
body.f6-spaceModerado{
  p, h1, h2, h3, h4, h5, h6, a, span{ letter-spacing:0.2em!important;}
}
body.f6-spacePesado{
  p, h1, h2, h3, h4, h5, h6, a, span{ letter-spacing:0.4em!important;}
}
/*f7*/
body.f7-altura150{p, h1, h2, h3, h4, h5, h6, a, span{line-height: 150%!important;}}
body.f7-altura175{p, h1, h2, h3, h4, h5, h6, a, span{line-height: 175%!important;}}
body.f7-altura200{p, h1, h2, h3, h4, h5, h6, a, span{line-height: 200%!important;}}
/*f8*/
body.f8-justificar{p, h1, h2, h3, h4, h5, h6, a, span{text-align:justify!important;}}
body.f8-derecha{p, h1, h2, h3, h4, h5, h6, a, span{text-align:right!important;}}
body.f8-centrar{p, h1, h2, h3, h4, h5, h6, a, span{text-align:center!important;}}
/*f9*/
body.f9-granCursor{
   cursor:url(assets/images/svg-inc/cursor.svg), auto!important;
   .pointer{ cursor:url(assets/images/svg-inc/cursor.svg), auto!important;}
/*.alias, .all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.col-resize {cursor: col-resize;}
.context-menu {cursor: context-menu;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: grab;}
.grabbing {cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}
  /* cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==), auto !important;
*/
}
body.f9-maskLetura{
  /*cursor:url(assets/images/svg-inc/mask1.png), auto!important;*/
#MaskV1, #MaskV2{display:block!important;}

}

body.f9-guiaLectura{
 
#MaskV3{display:block!important; /*width: 500px!important;*/
background: none!important; width: 700px !important; height: 15px !important; position: absolute !important;
border: solid 3px #000; border-radius: 5px; /*top: -15px;*/ z-index: 99999;}

    #MaskB3{
      display: block;
      z-index: 99999;
      background-image:url(assets/images/svg-inc/3a.svg)!important;
      background-repeat:no-repeat!important;
      margin-top: -17px;
      height: 17px !important;
    }
} 

/*f10*/
body.f10-activaAnim{}
body.f10-desactivaAnim{}
body.f10-estructPag{#resumenH{display: block!important;}}
body.f10-info{}

.modal,
.modal-backdrop{
  position: fixed !important;
  /*z-index: 99999!important;*/
  filter: none !important;
  backdrop-filter: none !important;
}
.modal.modal-derecha .modal-dialog {
  margin-left: auto;
  margin-right: 0;
}

.modal-body{background: #efefef;}



/* Achica menu accesibilidad */
#modalAccesibilidad{max-width: 99%; width: 767px!important;   left: 1141px;
  top: -15px;}

#rowtarjetas-incluye { /* linea 2143  */
  & ul.seccion {
    li button {width: 150px; height: 115px;
      img {
        width: 37px !important;
        height: 37px !important;
        margin-top: 27px;
      }}
& li button:hover {
      img {
        width: 57px !important;
      }
    }
  }
}


.seccion {
  & li button {
    span {
      font: normal normal 600 14px / 14px "Source Sans 3";
    }}}

div.modal-backdrop.fade.show{background: none!important; background-color: none!important;}

body.f4-legible, body.f4-dislexia{.seccion {
  & li button {
    span {
      font-size:11px!important;
    }}}}

.section .single .notas{
  min-height: 1020px!important;
}

#rowtarjetas-incluye{

  .seccion {
  & li button {
    span {font-size: 14px!important;letter-spacing:0!important;}}}
}





/* Agregado para entradas  */

button.local, figure.local{background: #d6cdc1;
  border-radius: 15px;
  width: 160px;
  height: 160px;
  border: none;
  margin-right: 10px;
  margin-top: 30px;
  margin-bottom: 30px; 
text-align: center;
  img,svg{width: 72px;}span, a{display: flex;justify-content: center;text-align: center;
  width: 150px;line-height: 1.2; font-size:16px; font-weight: 500; color: #00396c;}}

/* ver h1 */
.single-post h1.entry-title{font-size: 50px!important; font-family: "Source Sans 3"!important; font-weight: bold; color: #2a3768;}

h3.celeste{font-size: 34px!important; font-family: "Source Sans 3"!important; font-weight: 600; color:#009ee2;  margin-top: 35px;
  i{font-weight: 600; font-style: italic;}
}
h3.pregunta{font-size: 28px!important; font-family: "Source Sans 3"!important; font-weight: 800;
 color:#009ee2; font-style: italic; margin-top: 35px;}

.container h5{font-size: 32px!important; font-family: "Source Sans 3"!important; color: #9d9d9d; 
  i{font-style: italic;}
}

.container p{font-size: 23px; font-family: "Source Sans 3"; color:#000; 
  strong,b{font-weight: bold;} 
  i{font-style: italic;}
}

.epigrafe{font-size: 12px; font-family: "Source Sans 3"; font-weight: 200; color:#000; }
.redondo{border-radius: 100px!important;  width: 100px!important;  height: 100px!important; 
  img{margin-left:8px!important;max-width: 60px;} 
  span{display: none;}
}
.destaca{font-size: 20px!important; font-family: "Source Serif 4"!important; font-weight: 400; }
.destaca2{font-size: 28px!important; font-family: "Source Serif 4"!important;}
.borde{border-bottom: solid 2px #43baea; padding-bottom: 25px;padding-top: 20px; width: 100%;}
.sub-gris{font-size: 28px!important;color: #9d9ba0!important;width: 100%;margin-bottom: 20px!important;margin-top:35px;font-weight: 600;}
.asterix{  width: 24px;
  position: absolute;
  margin-left: -32px/*-40px*/;
  margin-top: 2px;

}
.proh{width: 30px;position: absolute;  margin-top: -4px;}

.globo-celeste{border-radius: 17px; background: #43baea; padding: 22px; 
  margin: 25px 0px;
  /* margin-left: -33px;*/  width: 100%;}

.globo-rojo{border-radius: 17px; background: #e34c4b; padding: 22px; 
   margin: 25px 0px;
  /*margin-left: 30px; */ width: 100%; p{font-size: 18px;
  line-height: 1.2;}}

.globo-dorado{border-radius: 17px; background: #d08813; padding: 22px;  
    margin: 25px 0px;
  /*margin-left: -33px; */ width: 100%;   display: flow-root;/* ver */}

.globo-gris{border-radius: 17px; background: #d5cabf; padding: 22px;  
    margin: 25px 0px;
  /*margin-left: -33px; */ width: 100%;   display: flow-root;/* ver */}  
.globo-azul{border-radius: 17px; background: #2a3768; padding: 22px;  
    margin: 25px 0px;
  /*margin-left: -33px; */ width: 100%;   display: flow-root;/* ver */}  




ul.celeste{list-style: none; /* Quita el punto por defecto */
  padding-left: 0;  /* Opcional: quita sangría */}

ul.celeste li { position: relative; /* Necesario para posicionar el pseudo-elemento */
  padding-left: 30px; /* Espacio para el icono */
}

ul.celeste li::before{   content: '';
  position: absolute;
  left: -16px;
  top: 39px;
  transform: translateY(-123%);
  width: 30px;
  height: 30px;
  background: url(assets/images/vectores/asterisco.svg) no-repeat center center;
  background-size: contain;
}

ul.roja{list-style: none; /* Quita el punto por defecto */
  padding-left: 0;  /* Opcional: quita sangría */}

ul.roja li { position: relative; /* Necesario para posicionar el pseudo-elemento */
  padding-left: 30px; /* Espacio para el icono */
}

ul.roja li::before{content: '';
  position: absolute;
  left: -16px;
  top: 37px;
  transform: translateY(-123%);
  width: 30px;
  height: 30px;
  background: url(assets/images/vectores/asteriscoR.svg) no-repeat center center;
  background-size: contain;
}




   /* content: url('assets/images/vectores/asterisco.svg'); width: 30px;
          height: 30px;}
    /* ul.azul li::before {
          content: '';
          display: inline-block;
          width: 30px;
          height: 30px;
          background-image: url('assets/images/vectores/asterisco.svg');
          background-size: contain;
          margin-left: -30px;
          background-repeat: no-repeat;
        }*/

        ul.rojo li::before {
          content: '';
          display: inline-block;
          width: 12px;
          height: 12px;
          background-image: url('assets/images/vectores/asteriscoR.svg');
          background-size: contain;
          margin-right: 8px;
        }

.row div.bajada{margin:0!important;padding: 0!important;}

section .section .single .notas{
  min-height: 1020px!important;
}

:where(.wp-block-columns) {
  margin-bottom:0px!important; 
}

.modal{z-index: 999999!important;}




/* prueba   */
@media (min-width: 1200px) {
  .container{ max-width: 1205px!important;}
.col-lg-12, .col-lg-6{padding-left: 0px!important;}
/*.left-text-content{margin-bottom: 25px;} */
.row{margin-bottom: 10px;}
}
@media (min-width: 1261px) {
#menu-principal{display: flex!important;}
}

@media(max-width: 1260px){
#menu-intracirc, #menu-profescirc{display: flex !important;
  width: 100%;
  background-color: #0091cf;
  padding: 50px 0px; 
  li{margin-top: 20px;} 
}
#menu-profescirc{background-color: #d08813;}
#fondoIntra2 .main-nav{display: none;}

#fondoIntra1{height: 80px!important; .col-12{height: 80px!important;}}

}


/* RETOQUES */


html, body {
    max-width: 100%;
    overflow-x: hidden !important;
}

img, table, iframe {
    max-width: 100%;
    height: auto;
}
.wp-block-image img,
img {
    max-width: 100%;
    height: auto;
   /* display: block;*/
   
}

/*.wp-block-image img{border: solid 1px #ddd;}*/
@media (max-width: 768px) {
    #lateralD {
        width: 100% !important;
        margin-left: 0 !important;
    }
}



/* PREVENIR DESBORDES */
* {
    box-sizing: border-box;
}

/*****************/

.section-heading a img{border:solid 1px #ddd!important;}