/*CSS*/
:root {
    --color01-intra: #304251; 
    --colorPie2-intra: #7A92B0;
}

/*REMPLAZAR*/
#home .portadaFondo,
.portadaFondo .navbar  { background-color:#304251; background-image:none }
header .swb-banner img { height:80px; filter:none}
h2.titulo, h2.titulo a, h2.titulo a b { color:var(--color01-intra)}
.btn-01,
.tabla-01 th,
.prensa-adjuntos thead th { background:var(--color01-intra); }
a, a *  { color:var(--color01-intra); text-decoration:none; cursor:pointer}


/*MENU*/
.nav-principal a  { font-weight:400}
/*SINTESIS*/
.sintesis .tab-content   { min-height:370px;}
.sintesis .tab-pane,
.sintesis .tab-pane .row { height:100%}
.sintesis .tab-cont-txt  { padding:0 40px 0 45px; display:flex; flex-direction:column;}
.sintesis .tab-cont-txt:before,
.sintesis .tab-cont-txt:after  { content:""; display:inline-block; width:40px; height:40px; position:absolute; background-size:contain; background-repeat:no-repeat}
.sintesis .tab-cont-txt:before { background-image:url(../img/comillas-abre.png); left:0px; top:0px;}
.sintesis .tab-cont-txt:after  { background-image:url(../img/comillas-cerrar.png); right:0px; bottom:0px;}
/*e rollOver ya no se aima-extiende al 100% el span*/
.sintesis .tab-menu    { padding:0 15px 0 0; position:relative;}
.sintesis .tab-menu a  { margin:10px 0 10px 25px; padding-left:0; padding-right:0; border-bottom:1px solid #999; position:relative}
.sintesis .tab-menu a b {color:#999; font-weight:normal} 
.sintesis .tab-menu a:before { content:""; background:#999; display:inline-block; width:10px; height:10px; position:absolute; left:-25px; top:13px}
.sintesis .tab-menu a.active { color:var(--color01-intra); border-bottom-color:var(--color01-intra); } 
.sintesis .tab-menu a:hover b,
.sintesis .tab-menu a.active b { color:var(--color01-intra) !important}
.sintesis .tab-menu a.active:before { background:var(--color01-intra) } 
.sintesis .tab-menu a span { content:""; background:var(--color01-intra); display:inline-block; width:0px; height:3px; position:absolute; left:0px; bottom:-2px; transition:all 0.3s}
.sintesis .tab-menu a:hover span  { width:100%}
.sintesis .tab-menu a.active span { width:40px}

.sintesis .tab-cont-txt p { text-align:left}
.sintesis .tit    { color:var(--color01-intra); font-weight:700; font-size:2.2rem; line-height:normal }
.sintesis .fuente { margin-bottom:0}
.sintesis .fecha  { position:relative;}
.sintesis .fecha span { background:#FFF; padding-right:10px}
.sintesis .fecha:after { content:""; background:#66BBCF; display:inline-block; width:100%; height:1px; position:absolute; left:0px; top:12px; z-index:-1}
.sintesis .desc   { flex-grow:1 }
.sintesis .vermas { color:var(--color01-intra); border:solid 1px var(--color01-intra); padding:10px 15px; display:inline-block; width:fit-content}
.sintesis .vermas:hover { background:var(--color01-intra); color:#FFF !important;}
.sintesis .tab-cont-img { overflow:hidden}
.sintesis .tab-pane img { width:100%; height:100%; object-fit:cover}
.sintesis .tab-menu .tab-menu-historico        { border-bottom:0; position:absolute; bottom:0; color:var(--color01-intra); margin-left:0;}
.sintesis .tab-menu .tab-menu-historico i { margin-right:10px; color:background:var(--color01-intra); font-size:18px}
.sintesis .tab-menu .tab-menu-historico:before { content:none;}
.sintesis p.fuente span { color:var(--color01-intra);}
/*ENLACES 2*/
.enlaces2 { margin-bottom:50px; position:relative;}
.enlaces2 h2.titulo { border-bottom:none; margin-bottom:-25px; background:#FFF; position:relative; z-index:11; width:35%}
.carrusel-enlaces2 { border:var(--borderDiv); padding:15px 0 10px; position:relative;}
.carrusel-enlaces2 .item a   { display:flex; justify-content:center; align-items:center; min-height:115px}
.carrusel-enlaces2 .item img { object-fit:contain; height:100px; transition:.2s}
.carrusel-enlaces2 .item img:hover { height:115px}
.carrusel-enlaces2 .owl-nav  { position:absolute; width:100%; top:20% }
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-prev,
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-next { background:#FFF !important; padding:15px !important; height:100px; position:absolute; font-family:"Font Awesome 5 Pro"; font-weight:900; }
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-prev span,
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-next span  { display:none}
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-prev { left:-3px}
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-next { right:-3px}
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-prev:before,
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-next:before { position:absolute; top:35%; font-size:18px; color:#CCC}
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-prev:before { content:"\f060"; left:0}
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-next:before { content:"\f061"; right:0}
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-prev:hover:before,
.carrusel-enlaces2.owl-carousel .owl-nav button.owl-next:hover:before { color:#666}
.carrusel-enlaces2 .owl-dots { display:none}
/*FOOTER*/
.footer { background-color:#2F4252 }
.footer:before  { content:none}
.pie-contacto li i,
.pie-sistemas li a { background:#485E79}
.pie-sistemas ul   { display:flex; flex-wrap: wrap; padding:0; margin:0;}
.pie-sistemas li   { margin:0px 15px 15px 0; width:100px; height:100px}
.pie-sistemas li:nth-child(4n+4) { margin-right:0}
.pie-sistemas li a { display:flex; align-items:center; justify-content:center; height:100%; font-size:50px; font-weight:700;}
.pie-sistemas li a:hover { background:rgba(255,255,255,0.5)}

.footer-sub2 { background:var(--color01-intra); margin:0 -15px; color:#FFF; display:flex; align-items:center; justify-content:center; font-size:1.4rem; position:relative; flex-direction:column; height:auto}
.footer-sub2-redes { padding:40px 20px 10px; display:flex }
.footer-sub2-redes a { background:rgba(255,255,255,0.2); display:flex; flex-direction:row; align-items:center; justify-content:center; width:30px; height:30px; margin-right:10px; }
.footer-sub2-redes a i { font-size:13px}
.footer-sub2-legal {display:flex; border-top:solid 1px var(--colorPie2-intra); padding:10px 20px 20px 20px; justify-content:space-between}
/*TV FGR*/
.tvfgr {}
.tvfgr iframe { width:100%; height:625px; border:none}

/*COLABORA GALERIA*/
.colabora-galeria .row { margin:0}
.colabora-item   { padding:3px 0;}
.colabora-full   { position:relative; overflow:hidden; height:320px; display:flex; flex-direction:column}
.colabora-full a { display:flex; align-items:center; justify-content:center; height:100%; width:100% }
.colabora-trigger img { object-fit:cover; height:100%; width:100%; object-position:top; transition:all 0.1s}
.colabora-anim   { background:rgba(255,255,255,0.8); position:absolute; z-index:10; width:100%; height:100%; transition:all 0.2s; top:100%; display:flex; align-items:center; justify-content:center; flex-direction:column;} 

.colabora-tit, 
.colabora-des { display:block; text-align:center }
.colabora-tit { font-weight:700; font-size:2rem; line-height:normal; width:95%; position:relative; top:-10px}
.colabora-galeria-int { display:none}
.colabora-galeria-int a {}

.colabora-full.mouseover img { width:140%; height:140%}
.colabora-full.mouseover .colabora-anim { top:0}
.colabora-item,
.colabora-anim  { padding:3px 0}

.carrusel-galerintra { border:solid 1px red; height:960px; flex-wrap:nowrap}
.carrusel-galerintra .owl-stage { border:solid 3px green; height:960px}
.carrusel-galerintra .colabora-item { width:300px }

.colabora-des { padding:5px 30px 3px; font-weight:600; font-size:1.6rem; position:relative; z-index:10; background:none; top:0; transition:all 0.2s; background:var(--color01-intra); color:#FFF }
.colabora-des p { margin:0px; padding:0; text-align:center}
.colabora-des p a, .colabora-des p a:hover { color:#FFF !important; background:var(--color01-intra); padding:5px}
x.colabora-full.mouseover .colabora-des { top:-140px}

.galeria .tab-content { padding:0; flex: 0 0 1090px;}
.galeria .tab-menu    { flex: 0 0 20px; align-items:flex-end}
.galeria .tab-pane    { padding:0 }
#pestanaGaleria-01 b, 
#pestanaGaleria-02 b,
#pestanaGaleria-03 b { display:none} 
#pestanaGaleria-01, 
#pestanaGaleria-02,
#pestanaGaleria-03 { background:#CCC; display:block; width:10px; height:10px; padding:0; margin-bottom:15px} 
#pestanaGaleria-01.active, 
#pestanaGaleria-02.active,
#pestanaGaleria-03.active { background:var(--color01-intra)}

/*MODAL*/
.modal-galeria button   { width:fit-content; position:absolute; right:0; border-radius:50%}
.modal-galeria button i { font-size:25px; text-shadow:0px 0px 5px rgba(0,0,0,0.5) }
.modal-galeria.modal          { border:solid 2px yellow}
.modal-galeria .modal-dialog  { border:solid 2px red; max-width:80vw; max-height:80vh; overflow:hidden  }
.modal-galeria .modal-content { border:solid 2px orange; max-height:80vh}
.modal-galeria .modal-content img    { object-fit:contain; height:100%; width:100%}
.modal-galeria .modal-content iframe { }

.colabora-modal-pdf .modal-content { height: 95vh;}
.colabora-modal-pdf object { width:100%; height:100%}
.colabora-modal .modal-body { text-align:center}
.colabora-modal .modal-title,
.ekko-lightbox .modal-title   { margin-top:0}
.ekko-lightbox .modal-content { border:none}
.ekko-lightbox .modal-footer  { padding-top:0}
.ekko-lightbox .modal-body iframe { }

.ekko-lightbox .ekko-lightbox-container     { }
.ekko-lightbox .ekko-lightbox-nav-overlay   { display:flex !important; height:auto; }
.ekko-lightbox .ekko-lightbox-nav-overlay a { opacity:1; flex:none; position:absolute; top:0; background:#FFF; }
.ekko-lightbox .ekko-lightbox-nav-overlay a:nth-child(1) { border-radius:0 0 25px 0; padding:0 5px 5px 0; left:0px}
.ekko-lightbox .ekko-lightbox-nav-overlay a:nth-child(2) { border-radius:0 0 0 25px; padding:0 0 5px 5px; right:0px}

/*PLECA*/
.pleca     { position:relative; top:-4px; }
.pleca img { object-fit:cover; width:100%; height:200px}

/*SISTEMAS*/
.somosFGR { margin-right:70px; height:30px }
.subheader { border-top:solid 4px #324154; background:#1C232D; color:#FFF; padding: 10px 0 }
.subheader .container p { color:#FFF; margin:0; font-size:15px}
#sistemas header { height:80px}
.ruta-sistemas   { background:none; margin-bottom:0px;}
.iframe-content iframe { border:none; height:70vh }

/*MEDIA QUERY*/
/* - - - - Escritorio XL - - - */
@media (min-width:1200px){ 
    .colabora-item:nth-child(3n+1) { padding-right:4px }
    .colabora-item:nth-child(3n+2) { padding-left:2px; padding-right:2px}
    .colabora-item:nth-child(3n+3) { padding-left:4px}
}
/* - - - - Escritorio LG - - - */
@media (min-width:992px) and (max-width:1199px){ 
    .footer-sub2-redes a { width:30px; height:30px; margin-right:10px; }
    .pie-sistemas li { margin:0px 10px 10px 0; width:85px; height:85px}
    .colabora-full { height:280px}
    .colabora-item:nth-child(3n+1) { padding-right:4px }
    .colabora-item:nth-child(3n+2) { padding-left:2px; padding-right:2px}
    .colabora-item:nth-child(3n+3) { padding-left:4px} 
    
    X.colabora-full.mouseover .colabora-des { top:-130px}
    X.colabora-tit { top:-20px}
    
    .galeria .tab-content { flex: 0 0 1070px;}
    .galeria .tab-menu    { flex: 0 0 20px; }
    .tvfgr iframe { height:525px;}
}
/* - - - - MD   - - - */
@media (min-width:768px) and (max-width:991px){ /*MD*/
    .pie-sistemas li { margin:0px 5px 5px 0; width:62px; height:62px}
    .pie-sistemas li a { font-size:35px; font-weight:600}
    .sintesis .tab-content   { min-height:470px;}
    .sintesis .tab-pane img { height:50%; }
    .sintesis .tab-menu a        { margin:10px 0 10px 5px}
    .sintesis .tab-menu a:before { left:-15px;}   
}

@media (max-width:991px){ /*MD y menores*/
    .colabora-item { margin-bottom:40px}
    x.colabora-full { overflow:auto; height:auto;}
    x.colabora-full a  { height:auto}
    .colabora-trigger { width:100%; display:flex; flex-direction:column}
    x.colabora-trigger img { object-fit:cover; height:250px !important; width:100%; object-position:top; transition:all 0.1s}
    x.colabora-anim { position:static}
    x.colabora-full.mouseover img { width:100%; height:100%}
    .colabora-item:nth-child(2n+1) { padding-right:3px }
    .colabora-item:nth-child(2n+2) { padding-left:3px} 
    .enlaces2 h2.titulo { width:auto }
    .tvfgr iframe { height:325px;}
}

/* - - - - Smartphone - - - */
@media (max-width: 767px) { /*SM*/
    .sintesis { margin-bottom:100px}
    .sintesis .tab-menu   { flex-direction:row !important; justify-content:center;}
    .sintesis .tab-menu a { height:25px; width:25px; border:none; margin:0px 10px;}
    .sintesis .tab-menu a:before,
    .sintesis .tab-menu a:after  { content:none}
    .sintesis .tab-menu a b      { display:none}
    .sintesis .tab-menu a span   { background:#999; display:inline-block; width:13px; height:13px; position:absolute; right:0px; top:0px; position:absolute; left:50%; top:25%}
    .sintesis .tab-menu a:hover span  { width:auto; background:#666 }
    .sintesis .tab-menu a.active span { width:13px; background:var(--color01-intra)}
    .sintesis .tab-content { min-height:520px}
    .sintesis .tab-cont-txt { order:2; padding:0 15px }
    .sintesis .tab-cont-img { order:1; margin-bottom:10px; height:200px }
    .sintesis .tab-cont-txt:before,
    .sintesis .tab-cont-txt:after  { content:none}
    .sintesis .tab-menu .tab-menu-historico { }
    .sintesis .tit  { font-size:2rem; min-height:50px }
    .sintesis .desc { line-height:2.2rem; min-height:120px }
    .sintesis .tab-pane, .sintesis .tab-pane .row { height:auto}
    .sintesis .fecha:after { content:none}
    .sintesis .vermas { padding:6px 10px; align-self: center}
    .sintesis .tab-menu .tab-menu-historico { width:auto; top:45px; border:none; background:var(--color01-intra); color:#FFF; border-radius:3px; padding:20px 20px; height:auto; display:flex; align-items:center; justify-content:center;}
    
    X.colabora-full.mouseover .colabora-des { top:-120px}
    X.colabora-tit { top:-50px} 
    
    .tvfgr iframe { height:285px;}
        
 }

}
@-moz-document url-prefix() { 

}
/* - - MOVIL HORIZONTAL - - - */
@media (max-width: 575px) { 
    .pie-sistemas li:nth-child(4n+4) { margin-right:15px}
    .tvfgr iframe { height:260px;}
}
/* - - - - Extra Slim - - - */
@media (max-width:450px) {
    header .swb-banner img { height:40px}
    .redes { top:45px;}
    #home .portadaFondo { height:160px}
    #home .portada { margin-bottom: 80px}
    #home .owl-carousel.carrusel-portada { top:0}
    .sintesis .tab-cont-img { height:150px }
    .sintesis .tit  { font-size:1.8rem; font-weight:600; min-height:65px }
    .sintesis .desc { line-height:2.2rem; min-height:120px }
    .sintesis .tab-pane      { padding-top:0; padding-bottom:10px }
    .pie-sistemas li { margin:0px 12px 12px 0 !important; width:56px !important; height:56px !important}
    .pie-sistemas li:nth-child(4n+4) { margin-right:0px !important}
    .pie-sistemas li a { font-size:33px !important}
    .tvfgr iframe { height:170px}
    .enlaces2 h2.titulo { width:auto }
        
}

/* - - - - SAFARI HACK - - - */
@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) { @media {
      
}}

/* - - - - iPHONE HACK - - - */
@supports (-webkit-overflow-scrolling: touch) {
   
}

/* - - - - FIREFOX HACK - - - */
@-moz-document url-prefix() { 

}

/* - - - - EDGE IE HACK - - - */
    _:-ms-lang(x), #selector { margin:0px} 

/* - - - - Escritorio extragrande - - - */
@media (min-width:1500px) and (max-width:3000px) {

}

/* - - - - Explorer 11 HACK - - - */
_:-ms-fullscreen, :root a:hover, a:hover i, a:hover b, .estructura li:hover:before, li:hover a { color:#1b242d}
_:-ms-fullscreen, :root h2.titulo, h2.titulo a, h2.titulo a b, .mon-cont:hover .mon-anima, .prensa-row2-total, .prensa-row2-total b { color:#465F7B;}
_:-ms-fullscreen, :root h2.titulo { border-bottom:1px solid rgba(0,0,0,0.2) }
_:-ms-fullscreen, :root .monitoreo *, .monitoreo h2.titulo a, .monitoreo h2.titulo a b { color:#FFFFFF; }
_:-ms-fullscreen, :root .carrusel-monitoreo .item img {  height:100%; width:100%;  }
_:-ms-fullscreen, :root .carrusel-gral .owl-dots button.owl-dot span { background:#999999;}
_:-ms-fullscreen, :root .carrusel-gral .owl-dots button.owl-dot.active span { background:#25468b; }
_:-ms-fullscreen, :root .colabora-des { background:#465F7B}
_:-ms-fullscreen, :root .colabora-full.mouseover img, .colabora-full img { width:100%; height:100%}
_:-ms-fullscreen, :root .colabora-anim { left:0}
_:-ms-fullscreen, :root .monitoreo-fluid { background:#1b242d;}
_:-ms-fullscreen, :root .carrusel-enlaces2 .item img { width:auto;}
_:-ms-fullscreen, :root .carrusel-enlaces2 { border:solid 1px rgba(0,0,0,0.2);}
_:-ms-fullscreen, :root .enlaces2 h2.titulo { border-bottom:0px}
_:-ms-fullscreen, :root .pie-sistemas li { margin:0px 10px 13px 0; }
_:-ms-fullscreen, :root .pre-footer { background:#1b242d}
_:-ms-fullscreen, :root .sintesis .tit { color:#465F7B;}
_:-ms-fullscreen, :root .sintesis .vermas {color:#465F7B; border:solid 1px #465F7B; width:100px  }
_:-ms-fullscreen, :root .sintesis .vermas:hover { background:#465F7B; color:#FFF !important; }
_:-ms-fullscreen, :root .sintesis .tab-menu .tab-menu-historico, .sintesis .tab-menu .tab-menu-historico i { color:#465F7B}
_:-ms-fullscreen, :root .sintesis .tab-menu a.active { color:#465F7B; border-bottom-color:#465F7B;}
_:-ms-fullscreen, :root .sintesis .tab-menu a span { background:#465F7B}
_:-ms-fullscreen, :root .sintesis .tab-menu a:hover b, .sintesis .tab-menu a.active b { color:#465F7B;}
_:-ms-fullscreen, :root #vistaLista.select, #vistaMosaico.select { color:#25468b}
_:-ms-fullscreen, :root .pieza .fecha { background: rgba(37, 70, 139,0.8);}
_:-ms-fullscreen, :root .prensa .titulo { border:solid 0px #FFF}


/* - - - - - - ANIMACIONES - - - - - - - */
/*SOLO PARA PROBAR LOCAL*/

.testdiv div { background:red; color:yellow; text-align:center; width:100%; font-weight:bold}