/*CSS FGR 25 de Agosto de 2021*/ :root { --color01: #25468b; /*azul*/ --color01rgba: 37, 70, 139; --color02: #999999; /*gris*/ --color03: #1b242d; /*azul casi negro*/ --color04: #9D2449; /*guinda*/ --colorPie1: #59799f; /*bloque azul con datos*/ --colorPie2: #43668c; /*bloque azul*/ --colorPie2-01: #2E4E85; /*bloque azul alertaamber/transparencia*/ --colorPie2-02: #294987; /*bloque azul has visto a?*/ --colorPie3: #14375f; /*boque azul con copyRight*/ --tooltip: #888; --borderDiv: solid 1px rgba(0,0,0,0.1); --FontGral: 'Raleway', sans-serif; --FontTit: 'Raleway', sans-serif; --verde: #4CAF50; --rojo: crimson; } /*BASICOS*/ html { font-size:62.5%; } body { font-size:1.6rem; } body, html { height:100%; width:100%;} p { text-align:justify} a, a * { color:var(--color01); text-decoration:none; cursor:pointer} a:hover, a:hover i, a:hover b, .estructura li:hover:before, li:hover a { cursor:pointer; color:var(--color03) !important; text-decoration:none; cursor:pointer} select { border-radius:0px !important} * { outline:none !important; font-family:var(--FontGral); color:#555; font-size:1.6rem; box-sizing:border-box;} section { margin-top:40px} section p, section li, .item, .btn-vermas { font-size:1.6rem} h1, h1 a { font-size:4rem} h2, h2 * { font-size:3.2rem} h3, h3 a { font-size:2.5rem; font-weight:600 !important; margin:40px 0 20px} h4, h4 a { font-size:2.2rem; font-weight:400 !important; margin:20px 0 } h5, h5 a { font-size:2rem} h6, h6 a, .btn { font-size:1.6rem} h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, .tit, .titulo { font-family:var(--FontTit); font-weight:700} .titulo-azul { font-family:var(--FontTit); font-weight:700; color:var(--color01)} .titulo-blanco { font-family:var(--FontTit); font-weight:700; color:#FFF} .titulo-negro { font-family:var(--FontTit); font-weight:700; color:#000} .subtitulo { font-size:2rem; margin-top:20px; line-height:2.8rem} hr.separador { border:dashed 1px var(--color01); margin:35px 0; position:relative; display:block; border-bottom:none} hr.separador:before, hr.separador:after { position:absolute; color:var(--color01); top:-14px; background:#FFF; padding:0 10px } hr.separador:before { content:"<"; left:-1px} hr.separador:after { content:">"; right:-1px } .ejemplolistas div { border:solid 1px #eee } .form-group { margin-bottom:20px} .form-group input { } .form-control { font-size:initial} textarea, select, input[type="text"] { background:#fcfcfc; box-shadow:0 0 5px rgba(0,0,0,0.1) inset} .nav-tabs .nav-link { font-weight:600; border:solid 1px #dee2e6;} .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-image: linear-gradient(rgba(200,200,200,0.4), rgba(200,200,200,0))} .tab-pane { padding:20px 10px} /* enfocar color y enfocar tamaño*/ .enfocar-color:hover { background-color: transparent; opacity: 1.0; transform: scale(1.01); } .enfocar-tamano { opacity: 0.9; } .enfocar-tamano:hover { opacity: 1.0; } /*Agegar Editar BOLETI .adjuntos { display:flex; width:100%; flex-wrap:wrap; margin-bottom:20px } .adjuntos div { width:25%; overflow:hidden; height:190px; padding:10px; position:relative} .adjuntos div button { position:absolute; right:15px; top:15px; background:#FFF; border:none; border-radius:50%; padding:10px; line-height:0; box-shadow:0 0 5px rgba(0,0,0,0.5)} .adjuntos div button:hover { padding:12px; right:13px; top:13px} .adjuntos div button:hover i { color:var(--color01)} .adjuntos div button:active i { color:crimson} .adjuntos div img { width:100%; height:100%; object-fit:cover; border-radius:5px; border:solid 1px #CCC} .adjuntos div span { font-size:11px; width:100%; display:block; line-height:12px; color:#777 } */ .col-md-3.border.border-secondary.jFiler-item { border:none !important;} form.boletin { margin:30px 0} form.boletin label { color:var(--color01)} form.boletin label span { color:crimson; font-weight:700; font-size:1.8rem; line-height:initial} #yt_streams label, #yt_streams button { display: block;} #yt_streams > button { margin:7px 0 25px} #yt_streams button:last-child { margin-bottom:0} .yt_new { display:flex; margin-bottom:20px} .yt_new button { margin:0 0 0 10px } .boletin .custom-file { height:auto} .boletin .custom-file-label { } /*LOADING*/ #cargando { background:#FFF; height:101vh; width:100vw; position:absolute; z-index:99999; display:flex; justify-content:center; align-items:center; top:0; left:0;} #cargando .gira i { font-size:10vh; animation-name:gira; animation-duration:2s; animation-iteration-count:20; transition:all 0.5s; color:var(--color01) } #cargando.cargafin { animation-name:cargando; animation-duration:0.5s; animation-timing-function:ease-in; animation-fill-mode:forwards; position:absolute;} #cargando.cargafin .gira { position:relative} #cargando.cargafin .gira i { opacity:0.5; font-size:1px; opacity:0} /*FGR COMMENT*/ .fgr-comment { padding:30px 20%;} .fgr-comment-btn { padding-left:25%;} /*TOOL TIPS*/ .tooltip-inner { background-color:var(--tooltip)} .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color:var(--tooltip);} .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color:var(--tooltip)} .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { border-left-color:var(--tooltip)} .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { border-right-color:var(--tooltip)} /*CONTENIDO*/ .contenido * { font-family:var(--FontGral) !important} .fa, .far, .fas { font-family:"Font Awesome 5 Pro" !important} .contenido p, .contenido p * { font-size:1.6rem !important; color:#555 !important;} .contenido h1, .contenido h1 *, .contenido h2, .contenido h2 * { font-size:3.2rem !important; color:var(--color01) !important; font-style:normal !important } .contenido h3, .contenido h3 * { font-size:2.5rem !important; color:var(--color01) !important; font-weight:600 !important; margin:40px 0 20px !important; font-style:normal !important} /* .contenido h4, .contenido h4 * { font-size:2.2rem !important; font-weight:400 !important; margin:20px 0 !important; font-style:normal !important} */ .contenido h4, .contenido h4 * { font-size:2.2rem !important; font-weight:400 !important; margin:30px 0 !important; font-style:normal !important} .contenido h5, .contenido h5 * { font-size:2rem !important; font-style:normal !important} .contenido h6, .contenido h6 * { font-size:1.6rem !important; font-style:normal !important} /*DESCRIPCI�N: esta clase se ajuste al tama�o de su contenido reduce la propiedad margin y padding a 1rem*/ /*USO: la clase "caret-header" en combinaci�n con la clase "card-header" se utiliza para crear un contenedor de tama�o reducido */ /*se creo espec�ficamente para contener un bot�n con la clase caret-button*/ .caret-header { padding:.1rem; margin:.1rem; background-color: #FFF ; } /*DESCRIPCI�N: esta clase se ajuste al tama�o de su contenido reduce la propiedad margin y padding a 1rem*/ /*USO: la clase "caret-button" se creo espec�ficamente para el bot�n que activa el colapso de un acorde�n*/ /*dentro del acorde�n se crea un bot�n con las clases "btn", "btn-light" y "caret-button"*/ .caret-button { padding:.1rem; margin:.1rem; background-color: #FFF ; } /*DESCRIPCION: esta clase utiliza el icono de flecha arriba/abajo, creando una transici�n entre uno y otro*/ /*USO: la clase fue creada para dar un efecto animado al �cono del estado de un acorde�n (abierto / cerrado)*/ /*el nombre de la clase es "caret-icon-01" y se aplica a la etiqueta h la cual contendr� el bot�n con el �cono descrito*/ /*oscuro*/ .caret-icon-01 > button{ position: static; display: flex; align-items: center; } .caret-icon-01 > button:before { content: "\00a0\f150\00a0"; /* fa-caret-down */ font-size: 2.5rem; color:var(--color01); font-family: 'Font Awesome 5 Free'; font-weight: 900; position: static; } .caret-icon-01 > button[aria-expanded="true"]:before { content: "\00a0\f151\00a0"; /* fa-caret-up */ font-size: 2.5rem; color:var(--color01); font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*claro*/ .caret-icon-02 > button{ position: static; display: flex; align-items: center; padding:.1rem; margin:.1rem; } .caret-icon-02 > button:before { content: "\00a0\f150\00a0"; /* fa-caret-down */ font-size: 2.5rem; color:var(--color01); font-family: 'Font Awesome 5 Free'; font-weight: 400; position: static; } .caret-icon-02 > button[aria-expanded="true"]:before { content: "\00a0\f151\00a0";/* fa-caret-up */ font-size: 2.5rem; color:var(--color01); font-family: 'Font Awesome 5 Free'; font-weight: 400; } /*DESCRIPCION: esta clase utiliza el icono de folder abierto/cerrado, creando una transici�n entre uno y otro*/ /*USO: la clase fue creada para dar un efecto animado al �cono del estado de un acorde�n (abierto / cerrado)*/ /*el nombre de la clase es "folder-icon-01" y se aplica a la etiqueta h la cual contendr� el bot�n con el �cono descrito*/ /*oscuro*/ .folder-icon-01 > button{ display: block; position: static; } .folder-icon-01 > button:before { content: "\00a0\f07b\00a0"; /* fa-folder */ font-family: 'Font Awesome 5 Free'; font-weight: 900; position: static; left: 0; } .folder-icon-01 > button[aria-expanded="true"]:before { content: "\00a0\f07c\00a0"; /* fa-folder-open */ font-family: 'Font Awesome 5 Free'; font-weight: 900; } /*claro*/ .folder-icon-02 > button{ display: block; position: static; } .folder-icon-02 > button:before { content: "\00a0\f07b\00a0"; /* fa-folder */ font-family: 'Font Awesome 5 Free'; font-weight: 400; position: static; left: 0; } .folder-icon-02 > button[aria-expanded="true"]:before { content: "\00a0\f07c\00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 400; /* fa-folder-open */ } /*CARET-VERMAS*/ /*DESCRIPCION: esta clase utiliza el icono de flecha arriba/abajo, creando una transici�n entre uno y otro*/ /*USO: la clase fue creada para dar un efecto animado al �cono del estado de un texto contraido y expandido (ver m�s / ver menos)*/ /*el nombre de la clase es "caret-vermas" y se aplica a la etiqueta
la cual contendr� una ancla () con el �cono descrito y el texot ver m�s / ver menos*/ .caret-vermas > a{ position: static; display: flex; align-items: center; padding:.1rem; margin:.1rem; } .caret-vermas > a:before { content: "\00a0\f150\00a0\0076\0065\0072\00a0\006D\00E1\0073"; /* fa-caret-down */ font-size: 1.75rem; color:var(--color01); font-family: 'Font Awesome 5 Free',var(--FontGral); font-weight: 900; position: static; } .caret-vermas > a[aria-expanded="true"]:before { content: "\00a0\f151\00a0\0076\0065\0072\00a0\006D\0065\006E\006F\0073"; /* fa-caret-up */ font-size: 1.75rem; color:var(--color01); font-family: 'Font Awesome 5 Free',var(--FontGral); font-weight: 900; } /*CONFIG*/ #config, #configlogin { background:linear-gradient(#172E57 30%, var(--color01) ); display:flex; flex-direction:column; align-items:center; height:100vh; justify-content:center; position:relative } .config-content { text-align:center !important; position:absolute;} #config h1, #config h6, #config label, #configlogin h1, #configlogin h6, #configlogin label{ color:#FFF !important } #config:before { content:""; background:url(../img/fgr-logo-blanco.png) no-repeat; background-position:center; background-size:contain; position:absolute; width:80%; height:80%; opacity:0.03; } #config.loginsin:before { background:none;} #config button, #configlogin button, #config .button, #configlogin .button, #config input[type=text], #configlogin input[type=text], #config input[type=password], #configlogin input[type=password] { font-size:20px; padding:10px 20px; border-radius:4px} #config .formgrupo, #configlogin .formgrupo { display:flex; margin:50px 0; align-items:center} #config .formgrupo label, #configlogin .formgrupo label { font-size:20px; width:190px; text-align:left} #config.login .botonera, #configlogin.login .botonera{ padding-left:130px} #config .formgrupo.newpass label, #configlogin .formgrupo.newpass label { width:310px;} #config.login .botonera.newpass, #configlogin.login .botonera.newpass { padding-left:195px} #config input[type=text], #configlogin input[type=text], #config input[type=password], #configlogin input[type=password] { width:100%; border:none} #config .loginfield, #configlogin .loginfield { text-align:center; border:solid 0px rgba(250,250,250,0.2); border-radius:5px; padding:40px 50px; background:linear-gradient(rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.0)); box-shadow:0px 30px 70px rgba(0,150,250,0.2); border-radius:5px} .jFiler-theme-default .jFiler-input { background:var(--color01) !important} .jFiler-theme-default .jFiler-input span {color:#FFF !important} .jFiler-theme-default .jFiler-input-caption { padding-top:5px !important} .jFiler-theme-default .jFiler-input-button { background-color:var(--color01) !important; padding-top:5px !important; background-image:none !important; color:#FFF !important;} .jFiler-theme-default .jFiler-input-caption { background:#FFF !important; width:220px !important;} .jFiler-theme-default .jFiler-input-caption span { color:#777 !important;} /*COPY COODE*/ .xmp { position:relative} xmp, .btn-xmp { background:#f9f9f9; border:solid 1px #DDD} xmp { border-radius:0 7px 7px 7px; height:200px; font-style:italic; padding:0 15px; margin:0; overflow:scroll; font-family:monospace; color:#777} .btn-xmp { border-bottom:none; border-radius:7px 7px 0 0; padding:5px 10px; position:relative; top:1px} .btn-xmp:hover { text-decoration:underline } .btn-xmp:active { background:linear-gradient(#999,#f9f9f9)} /*toggler*/ .togglers { display:flex; background:rgba(230,230,230,0.2); border:solid 1px rgba(230,230,230,1); align-items:center; padding:20px 15px; border-radius:4px; margin:20px 0; } .togglers .form-group { margin:0 } .togglers label { margin-bottom:0} X.togglerActive { cursor:pointer; margin:0} X.togglerActive .on { display:none; color:var(--verde)} X.togglerActive .off { color:#999} X.togglerActive input:checked ~ .off { display:none} X.togglerActive input:checked ~ .on { display:inline-block} X.togglerActive input { position:absolute; opacity:0; cursor:pointer; height:0; width:0;} X.togglerActive .fa-toggle-on.off { transform: rotate(180deg)} X.toggle-activar { width:110px} X.toggle-carrusel { flex-grow:1} .toggle-calendario { display:flex; align-items:center; flex-grow:1; justify-content:flex-end} .toggle-calendario input { width:155px; margin-left:10px} /*debe ser 155*/ .container.togglers div.toggle.btn:nth-child(1) { height:35px !important } .container.togglers div.toggle.btn:nth-child(2) { height:35px !important; width:220px !important; margin-left:20px } /*acordion*/ .accordion { margin:35px 0} .tab-pane .accordion { margin:0} .accordion button { display:flex; width:100%; background:none; border:none; text-align:left; transition:0.5s} .accordion button .fas { flex-grow:1; text-align:right; font-size:2rem;margin-left:15px} .accordion button[aria-expanded="true"] { border-top:solid 1px rgb(27, 36, 45)} .accordion button[aria-expanded="false"] { border-top:solid 1px rgb(27, 36, 45)} .accordion button[aria-expanded="true"] .fa-plus { display:none} .accordion button[aria-expanded="true"] .fa-minus { display:block} .accordion button[aria-expanded="false"] .fa-plus { display:block} .accordion button[aria-expanded="false"] .fa-minus { display:none} /*acordion alertaamber/transparencia inicio*/ .accordion-01 { margin:35px 0} .tab-pane .accordion-01 { margin:0} .accordion-01 button { display:flex; width:100%; background:none; border:none; text-align:left; transition:0.5s} .accordion-01 button .fas { flex-grow:1; text-align:right; font-size:2rem;margin-left:15px} .accordion-01 button[aria-expanded="true"] { border-top:solid 1px #DDD} .accordion-01 button[aria-expanded="false"] { border-top:solid 1px var(--color03)} .accordion-01 button[aria-expanded="true"] .fa-plus { display:none} .accordion-01 button[aria-expanded="true"] .fa-minus { display:block} .accordion-01 button[aria-expanded="false"] .fa-plus { display:block} .accordion-01 button[aria-expanded="false"] .fa-minus { display:none} /*acordion alertaamber/transparencia fin*/ /*hasvistoa inicio*/ .accordion-02 { margin:35px 0} .tab-pane .accordion-01 { margin:0} .accordion-02 button { display:flex; width:100%; background:none; border:none; text-align:left; transition:0.5s} .accordion-02 button .fas { flex-grow:1; text-align:right; font-size:2rem;margin-left:15px} .accordion-02 button[aria-expanded="true"] { border-top:solid 1px #DDD} .accordion-02 button[aria-expanded="false"] { border-top:solid 1px #FFF} .accordion-02 button[aria-expanded="true"] .fa-plus { display:none} .accordion-02 button[aria-expanded="true"] .fa-minus { display:block} .accordion-02 button[aria-expanded="false"] .fa-plus { display:block} .accordion-02 button[aria-expanded="false"] .fa-minus { display:none} /*hasvistoa fin*/ .acordion-barra button { padding:10px; font-weight:600; font-size:1.8rem} .acordion-barra button:hover { background:rgba(220, 220, 220, 0.3 )} .acordion-barra + div { border-bottom:#FFF 1px solid; transition:0.2s} .acordion-barra + div.show { border-bottom:#DDD 1px solid;} .acordion-bicolor .bloque:nth-child(even) { background:rgba(200,200,200,0.1);} .accordion .bloque .collapse, .accordion .bloque .collapsing { padding:0 10px 0 10px;} /*acordion bloque collapse transparencia/alertaamber*/ .accordion-01 .bloque .collapse, .accordion-01 .bloque .collapsing { padding:0 10px 0 10px;} /*acordion bloque collapse hasvistoa*/ .accordion-02 .bloque .collapse, .accordion-02 .bloque .collapsing { padding:0 10px 0 10px;} /*top*/ #top { position:fixed; z-index:10; bottom:20px; right:20px; border-radius:50%; width:35px; height:35px; display:flex; align-items:center; justify-content:center; text-decoration:none; box-shadow:3px 3px 5px rgba(0,0,0,0.4); font-size:20px; cursor:pointer; background:#FFF} #top-01 { position:fixed; z-index:10; bottom:20px; right:20px; border-radius:50%; width:35px; height:35px; display:flex; align-items:center; justify-content:center; text-decoration:none; box-shadow:3px 3px 5px rgba(0,0,0,0.4); font-size:20px; cursor:pointer; background:#FFF} #top:hover { background:var(--color01); text-decoration:none;} #top:hover i { color:#FFF !important} #top-01:hover { background:var(--color01); text-decoration:none;} #top-01:hover i { color:#FFF !important} #top:active { bottom:8px; right:8px; box-shadow:1px 1px 3px rgba(0,0,0,0.7)} #top-01:active { box-shadow:1px 1px 3px rgba(0,0,0,0.7);}/*transparencia / alertaamber / hasvistoa*/ /*botones*/ .btn-01, .btn-02, .btn-03 { border:none; border-radius:3px; margin:x5px 3px;} .btn-01 { background:var(--color01); } .btn-02 { background:#555; } .btn-01, .btn-01 i, .btn-02, .btn-02 i { color:#FFF} .btn-03 { background:#FFF; color:var(--color01); border:solid 1px var(--color01);} .btn-03:hover { background:var(--color01) !important} .btn-01:hover, .btn-02:hover, .btn-03:hover { box-shadow:0px 0px 100px rgba(0,0,0,0.3) inset; color:#FFF !important} .btn-02:active, .btn-01:active, .btn-03:active { box-shadow:0px 0px 100px rgba(0,0,0,0.5) inset;} /*toggles*/ .toggle.btn { border-left:solid 1px #ccc; border-radius:4px;} .toggle-handle.btn-default { color:#333; background-color:#fefefe; border-color:#999; width:20px; box-shadow:1px -1px 3px rgba(0,0,0,0.4) inset;} .toggle-on.btn { color:#FFF; box-shadow:-10px 2px 6px rgba(0,0,0,0.3) inset;} .toggle-off.btn { color:#777; box-shadow:9px 2px 6px rgba(0,0,0,0.3) inset; background:#DDD; border:solid 1px #999; padding-left:15px !important } /*TABLAS*/ .tabla { border-collapse:collapse} .tabla-01 { width:100%;} .tabla-01 th, .tabla-01 td { padding:10px} .tabla-01 th { background:var(--color01); color:#FFF} .tabla-01 tbody tr:nth-child(even) { background:rgba(200,200,200,0.1)} .tabla-01 tfoot { background:rgba(200,200,200,0.6)} .prensa-adjuntos img { width:121px; height:90px} .prensa-adjuntos thead th { background:var(--color01); color:#FFF !important; font-weight:normal} .prensa-adjuntos tr th:nth-child(1) { width:135px } .prensa-adjuntos tr th:nth-child(3) { width:50% } .prensa-adjuntos tr td:nth-child(n+4), .prensa-adjuntos tr th:nth-child(n+4) { text-align:center} .prensa-adjuntos tr td:nth-child(2) { font-style:italic; word-break:break-all; } .tabla-01.prensa-adjuntos td:nth-child(5), .tabla-01.prensa-adjuntos td:nth-child(6) { position:relative} .tabla-01.prensa-adjuntos td:nth-child(5) input, .tabla-01.prensa-adjuntos td:nth-child(6) input { position:absolute; top:37%; left:55%} /*TITULOS GRAL*/ h2.titulo { margin-bottom:25px; border-bottom:var(--borderDiv); padding-bottom:10px} h2.titulo, h2.titulo a, h2.titulo a b { color:var(--color01); display:block} h2.titulo a b { font-weight:normal; font-size:2.2rem} /*titulo azul*/ h2.titulo-azul { margin-bottom:25px; border-bottom:var(--borderDiv); padding-bottom:10px} h2.titulo-azul, h2.titulo-azul b, h2.titulo-azul b { color:var(--color01); display:block} h2.titulo-azul b { font-weight:normal; font-size:2.2rem} /*titulo blanco*/ h2.titulo-blanco { margin-bottom:25px; border-bottom:var(--borderDiv); padding-bottom:10px} h2.titulo-blanco, h2.titulo-blanco b, h2.titulo-blanco b { color:#FFF; display:block} h2.titulo-blanco b { font-weight:normal; font-size:2.2rem} /*titulo negro*/ h2.titulo-negro { margin-bottom:25px; border-bottom:var(--borderDiv); padding-bottom:10px} h2.titulo-negro, h2.titulo-negro b, h2.titulo-negro b { color:#000; display:block} h2.titulo-negro b { font-weight:normal; font-size:2.2rem} /*VIDEO*/ #video-modal { background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center; z-index:1050; position:fixed} .video { height:61%; width:60%; background:#000; padding:0; box-shadow:0 0 10px rgba(0,0,0,0.9); text-align:right} .video iframe { width:100%; height:100%; border:solid 1px #000; } .video button { padding:0 10px 0 0; background:none; border:none; cursor:pointer} .video button i { color:#FFF} .video-mini { bottom:20px; left:20px } .video-mini .video { width:100%; height:100% } #video-mover { display:none} #video-mover i { font-size:14px} #video-max { display:none} /*RUTA*/ .ruta { background:#EEEEEE; padding:10px 20px; font-weight:bold; margin-bottom:20px} .ruta * { color:#666; text-decoration:none; font-size:16px;} .ruta div a { font-weight:normal} .ruta div a:nth-child(2) { display:none} .ruta div a:after { content:" "; margin:0 7px; border-top:2px solid #666; border-right:2px solid #666; width:7px; height:7px; display:inline-block; transform:rotate(45deg); position:relative; top:-2px} .ruta b { display:none} /*ENCUESTA*/ .modal-header { background:var(--color01);} .modal-title { color:#FFF} .close { float:right; font-size:1.5rem; text-shadow:none; opacity:1;} .close i { color:#FFF;} #modalEncuesta .modal-body { text-align:center} #modalEncuesta .pregunta { font-size:2.4rem; margin:15px 0; text-align:center} #modalEncuesta .opciones { display:flex; justify-content:center} #modalEncuesta .opciones label span { display:none} #modalEncuesta .opciones label i { font-size:60px; cursor:pointer; color:#CCC} #modalEncuesta input[type=radio]:hover + label i { color:#999 } #modalEncuesta input[type=radio]:checked + label i { color:var(--color01) } #modalEncuesta input[type=radio]:checked + label i.fa-smile { color:green} #modalEncuesta input[type=radio]:checked + label i.fa-meh { color:orange} #modalEncuesta input[type=radio]:checked + label i.fa-frown { color:crimson} #modalEncuesta .comentarios { border-top:1px solid #CCC; margin:20px 0 0; padding:20px 0 0; text-align:left} #modalEncuesta .comentarios p:first-child { margin:0; font-size:1.8rem} #modalEncuesta .comentarios p:last-child { font-size:1.2rem} #modalEncuesta textarea { width:100%; background:#fcfcfc} #modalEncuesta .modal-footer { justify-content: center;} .modal-footer { border:none;} /*TITULAR*/ .titular h2 { border-bottom:none; padding-bottom:0; margin-bottom:0} .titular .capital { text-transform:uppercase; font-weight:bold; font-size:2.2rem} /*TOOL BAR*/ .toolbar { background:#EEE;} .btn-poll { color:#FFF; padding:10px} .btn-poll * { color:#FFF; padding:10px} .btn-poll i { font-size:20px} /*FILTROS*/ .filtroscont { background:#EEE; display:flex; width:100%} .filtroscont * { font-size:16px} .filtros, .filtros .orden, .filtros .anio, .filtros .categoria { display:flex;} .filtros label { display:flex;} .filtrostit { background:#CCC; padding:0; margin:0; position:relative;} .filtrostit:after { content:" "; display:inline-block; transform:rotate(45deg); position:absolute; right:-9px; top:3px; border:solid 10px #CCC; border-bottom-color:transparent; border-left-color:transparent} /*MOSAICO*/ #historial { margin:0 0 0 15px} .mosaico-horiz #historial { margin:0px} #historial .pieza { margin-bottom:30px; display:flex; width:25%; padding:0 10px; flex-direction:column} .piezaadmin { background:var(--color01); margin:0px 1px; border-radius:3px 3px 0 0; padding:4px 10px; text-align:right} .piezaadmin.off { background:var(--color02); } .piezaadmin.en-carrusel { background:orange; } .piezaadmin b { display:none} .piezaadmin i { color:#FFF; margin-left:10px; border-radius:2px; padding:3px} .piezaadmin i:hover { background:rgba(255,255,255,0.8)} #historial .piezain { border:solid 1px #FFF; box-shadow:3px 3px 10px rgba(0,0,0,0.3); position:relative; overflow:hidden; height:100%} #historial .piezain a { text-decoration:none;} #historial .piezain > a { display:flex; flex-direction:column; justify-content:center; align-items:center;} .pieza .fecha { background:rgba(var(--color01rgba),0.8); color:#FFF; border-radius:3px; position:absolute; top:10px; left:5px; padding:5px; font-size:1.2rem; box-shadow:1px 1px 2px rgba(0,0,0,0.5); text-shadow:1px 1px 0px rgba(0,0,0,0.7) } .pieza img { width:100%; object-fit:cover; height:150px; object-position:center center; margin-bottom:10px; transition:all 0.2s;} .pieza img:hover { width:110%; } .pieza p { line-height:1.8rem; padding:0 5px} .pieza p span { display:block; margin-bottom:7px} .pieza .numBoletin { font-weight:bold; text-align:left} .pieza .titBoletin { font-size:1.4rem} .pieza .categoria { font-size:1.4rem; margin:-10px -5px 10px; background:#444; color:#FFF; padding:2px 5px } #vistaLista.select, #vistaMosaico.select { color:var(--color01)} #historial.lista .pieza { margin-bottom:10px; width:50%; padding:0; flex-direction:row} #historial.lista .piezain { display:flex;flex-direction:row; width:100%; box-shadow:none} #historial.lista .piezain a { display:inline-block; } #historial.lista .pieza img { width:140px; height:85px; margin:0; width:100px; height:70px} #historial.lista .pieza p { text-align:justify; padding:0 10px; display:flex; margin:0} #historial.lista .pieza .numBoletin { margin-bottom:0px;} #historial.lista .pieza .titBoletin { margin-bottom:0;} #historial.lista .pieza .categoria { margin:0; float:left; padding:0px} #historial.lista .pieza .categoria:after { content:"�"; content:"-"; margin:0 5px; } #historial.lista .pieza .fecha { border-radius:3px; position:static; padding:0; box-shadow:none; margin-bottom:5px; text-shadow:none;} #historial.lista .pieza .categoria, #historial.lista .pieza .fecha { font-size:1.4rem; background:none; color:#888; } .lista .piezaadmin { margin:1px 0; border-radius:3px 0 0 3px; padding:0px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; height:70px} .lista .piezaadmin i { color:#FFF; margin:5px 5px;} /*PAGINADOR*/ .paginador { list-style-type:none; display:flex; justify-content:flex-end; margin:20px 0;} .paginador li * { color:#666 } .paginador span { color:var(--color01); font-weight:bold; background:rgba(var(--color01rgba),0.05)} .paginador a, .paginador span { margin:0 3px; padding:3px 8px; border-radius:3px; text-decoration:none; font-size:16px} .paginador a:hover { background:#efefef} .prensa-col4 .paginador { padding:0} /*PORTADA*/ #home .portada { /*height:100vh;*/ margin-bottom:70px} #home .portadaFondo { /*height:80vh;*/ margin:0 -15px; } #home .portadaFondo > img { position:absolute; top:0; z-index:-5; width:100%; /*height:80%;*/ object-fit:cover;} /*portada transparencia*/ #home .portadaFondo-01 { /*height:80vh;*/ margin:0 -15px; } #home .portadaFondo-01 > img { position:absolute; top:0; z-index:-5; width:100%; /*height:80%;*/ object-fit:cover;} /*portada alertaamber*/ #home .portadaFondo-02 { /*height:80vh;*/ margin:0 -15px; } #home .portadaFondo-02 > img { position:absolute; top:0; z-index:-5; width:100%; /*height:80%;*/ object-fit:cover;} /*portada hasvistoa*/ #home .portadaFondo-03 { height:35vh; margin:0 -15px; }/* Se habilita la altutra de la clase portadaFondo para que las dimensiones del aplicativo contenido no afecten la distribución en la página */ #home .portadaFondo-03 > img { position:absolute; top:0; z-index:-5; width:100%; /*height:80%;*/ object-fit:cover;} header { position:relative; height:84px} #home header { height:60px;} header .swb-banner img { height:70px; filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3))} .portada .swb-banner { margin-left:70px; flex-grow:1} /*carrusel*/ #home .owl-carousel.carrusel-portada {/*width:80vw; height:80vh;*/ margin:0 auto; position:relative; top:40px; } .owl-carousel.carrusel-portada .owl-stage-outer, .owl-carousel.carrusel-portada .owl-stage, .owl-carousel.carrusel-portada .owl-item, .owl-carousel.carrusel-portada .owl-item .item {height:100%} .owl-carousel.carrusel-portada .owl-item img { width:100%; height:100%;} .carrusel-portada .owl-nav { display:none} .carrusel-portada .owl-dots { display:flex; justify-content:center} .carrusel-portada .owl-dots button.owl-dot { margin:3px 0; } .carrusel-portada .owl-dots button.owl-dot span { background:rgba(255,255,255,0.5); display:block; width:40px; height:2px; margin:10px 0; transition:0.3s;} .carrusel-portada .owl-dots button.owl-dot span:hover { background:var(--color01)} .carrusel-portada .owl-dots button.owl-dot.active span { background:rgba(255,255,255,1);} /*carruseles*/ .carrusel-portada .owl-dots { position:absolute; top:0; right:0vw; height:100%; flex-direction:column; align-items:flex-end} .carrusel-portada .owl-dots button.owl-dot.active span { width:55px; } .portada .carrusel-portada .swb-banner { margin:0px} /*menu*/ .navbar { } .navbar .fa-bars { color:#FFF; font-size:2.8rem } .menus { display:flex; flex-direction:column; width:100%; align-items:flex-end} .menus a { color:#FFF; font-size:16px; font-weight:600} .nav-secundario .nav-link { padding-bottom:0 } .nav-secundario ul { width:100%; margin:0; padding:0 } .nav-secundario li { display:inline-block; margin-left:10px } .nav-secundario li a { padding-top:0} .nav-item { margin-left:20px} .navbar-nav .nav-link { text-shadow:1px 1px 1px rgba(0,0,0,0.3); font-size:16px} .nav-principal { margin-top:7px;} .dropdown-menu { padding:0} .dropdown-menu a { color:var(--color01) !important; padding:12px; border-bottom:solid 1px #CCC} .navbar-fondo { box-shadow:0px 2px 7px rgba(0,0,0,0.4); transition:2s } /*CABECERA*/ #home .portadaFondo, .portadaFondo .navbar { background-color: #325082; background:url(/work/models/FGR/img/cabecera.jpg) no-repeat; background-position:top center; background-size:cover } #home .portadaFondo-01, .portadaFondo-01 .navbar { background-color: #465F7B; background:url(/work/models/transparencia/img/cabecera.jpg) no-repeat; background-position:top center; background-size:cover}/*transparencia*/ #home .portadaFondo-02, .portadaFondo-02 .navbar { background-color: #465F7B; background:url(/work/models/alertaamber/img/cabecera.jpg) no-repeat; background-position:top center; background-size:cover } /*alertaamber*/ #home .portadaFondo-03, .portadaFondo-03 .navbar { background-color: #465F7B; background:url(/work/models/hasvistoa/img/cabecera01.jpg) no-repeat; background-position:top center; background-size:cover } /*hasvistoa?*/ /*solo hasvistoa?*/ .mon-anima { position:absolute; display:flex; justify-content:center; align-items:flex-start; transition:0.9s; top:255px; width:100%; font-weight:600; text-decoration:none} .btnfiltro button { width:250px; font-weight:500} /*anchos para animaci n*/ /*BUSCADOR*/ .busqueda { background:rgba(255,255,255,0.1); border-radius:4px; margin-right:10px; width:40px; text-align:center} .busqueda:hover { background:rgba(255,255,255,0.3)} .busqueda:active { background:rgba(255,255,255,0.5)} .busqueda i { color:#FFF; font-size:18px;} #collapseBuscador { position:fixed; z-index:1001; background:var(--colorPie2); top:86px; width:100%; padding:20px; box-shadow:0px 5px 3px rgba(0,0,0,0.2) inset } #collapseBuscador .buscaDiv1 { display:flex; flex-direction:row} #collapseBuscador-01 { position:fixed; z-index:1001; background:var(--colorPie2-01); top:86px; width:100%; padding:20px; box-shadow:0px 5px 3px rgba(0,0,0,0.2) inset }/*transparencia/alertaamber*/ #collapseBuscador-01 .buscaDiv1 { display:flex; flex-direction:row}/*transparencia/alertaamber*/ .search-wid { height:40px; box-shadow:none; background:#f9f9f9; font-size:1.6rem} #collapseBuscador .input-group.buscaDiv2 { width:auto; display:flex} #collapseBuscador-01 .input-group.buscaDiv2 { width:auto; display:flex}/*transparencia/alertaamber*/ .btn-busca { background:var(--colorPie3); padding:0 23px; border-radius:0 4px 4px 0; display:flex; height:40px; align-items:center} .btn-busca i, .busqueda-close i { color:#FFF; font-size:18px;} .btn-busca i:hover, .busqueda-close i:hover, .busqueda-close:hover { color:#FFF} .busqueda-close { font-size:15px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-left:20px; color:#FFF; text-decoration:none!important;} #general #collapseBuscador { top: 81px; left:0} #general #collapseBuscador-01 { top: 81px; left:0}/*transparencia / alertaamber*/ /*REDES*/ .redes { display:flex; flex-direction:column; width:30px; position:fixed; align-items:center; z-index:5; top:20%; margin-left:0px; padding:35px 50px 10px 30px; border-radius:0 5px 5px 0; background:rgba(255,255,255,0.3); box-shadow:0px 0px 5px rgba(0,0,0,0.4); transition:0.2s} .redes a { background:#FFF; border-radius:3px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; text-decoration:none; font-size:16px} .redes a:hover { background:var(--color01)} .redes a:hover i { color:#FFF !important} .redes a i, .redes a.ltrsize i { color:var(--color01); font-style:normal; font-size:14px} .redes a.ltrsize { margin-top:10px; font-weight: 600;} #openRed { display:none} #openRed, #closeRed { background:none; border:none; position:absolute; top:0; right:0; padding:5px 5px 5px 50px } #openRed i, #closeRed i { background:#FFF; padding:4px 7px; border-radius:4px; font-size:12px } #openRed i:hover, #closeRed i:hover { background:#CCC; } /*VER MAS*/ .btn-vermas { margin:10px 0; display:block} .btn-vermas, .btn-vermas i { color:var(--color01);} x.btn-vermas:hover { background:rgba(var(--color01rgba),0.2)} .btn-vermas:focus { box-shadow:none } x.btn-vermas[aria-expanded="false"] .fa-chevron-down { display:inline-block} x.btn-vermas[aria-expanded="false"] .fa-chevron-up { display:none} x.btn-vermas[aria-expanded="true"] .fa-chevron-down { display:none;} x.btn-vermas[aria-expanded="true"] .fa-chevron-up { display:inline-block} x.btn-vermas[aria-expanded="true"] { display:none} x.btn-vermas[aria-expanded="true"] { animation-name:vermas; animation-duration:0.3s; animation-timing-function:ease-in; animation-fill-mode:forwards;} .btn-vermas[aria-expanded="false"] span:nth-child(1) { display:block } .btn-vermas[aria-expanded="false"] span:nth-child(2) { display:none } .btn-vermas[aria-expanded="true"] span:nth-child(1) { display:none } .btn-vermas[aria-expanded="true"] span:nth-child(2) { display:block } .masinfo, .masinfo i { color:var(--color01)} .masinfo:hover i, .masinfo i:hover { transform: rotate(90deg); transition:.5s; color:var(--color03)} .agregarmas { display:flex; align-items:center; margin-top:10px; cursor:pointer} .agregarmas i { font-size:14px; margin-right:5px} /*ESTRUCTURA*/ .estructura ol { display:flex; flex-wrap:wrap; padding:0; list-style:none; counter-reset:li } .estructura li:before {content:counter(li)" ."; display:inline-block; width:2rem; margin-left:-2.4rem; letter-spacing:-2px; font-weight:600;} .estructura li { width:20.8%; line-height:normal; margin:0 20px 20px 25px; counter-increment:li; color:var(--color01); } .estructura li a { font-weight:600; } .estructura li a:hover { } /*PRENSA*/ #prensa .btn.btn-01 { margin-left:15px} .prensa .titulo { border:none; margin-bottom:0; padding-bottom:0} .prensa p { line-height:normal;} .prensa .tit { margin:0 0 5px 0} .prensa .tit a { font-size:2.4rem } .prensa .tit { font-size:2.4rem; margin-bottom:0 } .prensa .subtit, .prensa .subtit strong { font-size:1.4rem; font-weight:normal} .prensa .desc { margin-top:15px } .prensa .btn-03 { margin:10px 15px 10px 0} #prensa .row > .btn { margin-bottom:20px; margin-top:10px;} .carrusel-prensa .item { position:relative; height:715px; padding:0 !important} .carrusel-prensa .item div { position:absolute; bottom:0; margin:20px; width:96.5% } .carrusel-prensa .item div * { color:#FFF} .carrusel-prensa .item div a { display:flex; flex-direction:column; background:rgba(var(--color01rgba),0.85); width:100%; padding:20px; } .carrusel-prensa .item .tit { } .carrusel-prensa .item .subtit { } .carrusel-prensa .item .desc { } .carrusel-prensa .item img { width:100%; height:100%; object-fit:cover; object-position: top center} .owl-carousel.carrusel-prensa .owl-item img { width:100%; height:100%;} /*HACEMOS*/ .hacemosPrincipal { margin-bottom:40px; } .hacemosPrincipalTxt .tit { font-size:2rem } .hacemosPrincipalImg { } .hacemosPrincipalImg img { object-fit:contain; width:100%; height:100%; border:solid 1px #CCC } .carrusel-hacemos .fecha { color:var(--color02); font-size:1.2rem; margin-bottom:6px} .carrusel-hacemos .fecha:after { content:""; background:var(--color02); height:1px; width:70px; display:block; margin-top:3px} .carrusel-hacemos .item img { object-fit:cover; height:255px; width:100%; object-position:center } .carrusel-hacemos .tit { margin-bottom:5px} /*hacemos contenidos*/ .hacemos-tit { margin-top:20px } .hacemos-desc { } .hacemos-img { width:100%; margin:15px 0 } .hacemos-masinfo {} .btn-hacemos { margin-top:0} /*MONITOREO*/ .monitoreo-fluid { background:var(--color03); padding:10px 0 30px; margin-top:40px} .monitoreo *, .monitoreo h2.titulo a, .monitoreo h2.titulo a b { color:#FFF} .monitoreo h2.titulo a:hover, .monitoreo h2.titulo a:hover b { color:var(--color01) !important} .carrusel-monitoreo .item img { object-fit:cover; height:255px; width:100%; object-position:center } .mon-cont { position:relative; text-align:center; min-height:325px} .mon-anima { position:absolute; display:flex; justify-content:center; align-items:flex-start; transition:0.3s; top:255px; width:100%; font-weight:600; text-decoration:none} .mon-cont:hover .mon-anima { background:rgba(255,255,255,0.8); color:var(--color01); font-weight:bold; align-items:center; position:absolute; top:55px; width:100%; margin:auto; height:150px; } .mon-anima:hover { text-decoration:none; text-shadow:0 0 3px #FFF; font-size:18px} /*PUBLICACIONES*/ .carrusel-publicaciones .item a { color:#eee; padding:25px; display:flex; flex-direction:column; align-items:center; text-align:center; transition:0.2s; font-size:1.4rem } .carrusel-publicaciones .item img { object-fit:contain; height:280px; object-position:center bottom; margin-bottom:20px; transition:0.2s; opacity:0.3; filter:blur(3px); transition:0.2s } .carrusel-publicaciones { } .carrusel-publicaciones .owl-stage { display:flex; align-items:center; min-height:500px;} .carrusel-publicaciones .owl-item.active { border:solid 0px orange} .carrusel-publicaciones .owl-item.active.center { border:solid 0px green } .carrusel-publicaciones .owl-item.active.center a { color:#000; /*background:linear-gradient(rgba(200,200,200,0.1), rgba(200,200,200,0));*/} .carrusel-publicaciones .owl-item.active.center img { height:350px; opacity:1; filter:drop-shadow(0 0 10px rgba(0,0,0,0.3)) blur(0)} .carrusel-publicaciones .owl-item.active a:hover img,s .carrusel-publicaciones .owl-item.active.center a:hover img { filter:drop-shadow(0 0 15px rgba(0,0,0,0.5)) blur(0); height:350px; opacity:1;} /*ENLACES*/ .enlaces { margin-bottom:50px; position:relative;} .enlaces h2.titulo { border-bottom:none; margin-bottom:-25px; background:#FFF; position:relative; z-index:11; width:30%} .carrusel-enlaces { border:var(--borderDiv); padding:15px 0 10px} .carrusel-enlaces .item a { display:flex; justify-content:center; align-items:center; min-height:115px} .carrusel-enlaces .item img { object-fit:contain; height:100px; transition:.2s} .carrusel-enlaces .item img:hover { height:115px} /*CONVOCATORIA*/ /* .convocatoria-fluid { padding:100px 0; height:250px; background-attachment:fixed; background-size:cover; background-position:center; font-size:0} .convocatoria-fluid-01 { padding:4rem 0 0 0; height:200px; background-attachment:fixed; background-size:cover; background-position:center; font-size:0} /////.convocatoria-fluid-02 { padding:0 0 0 4rem; height:150px; background-attachment:fixed; background-size:cover; background-position:center; font-size:0}///// .convocatoria { display:flex; justify-content:center; align-items: center; text-align:center; margin-top:0;} .convocatoria * { color:#fff; margin:0} .convocatoria p { font-size:2rem } .convocatoria p a { border:solid 1px #fff; padding:10px 15px; font-size:2rem} .convocatoria p a:hover { background:rgba(255,255,255,0.3); color:#FFF !important; text-decoration:none;} .convocatoria p a:active { background:rgba(255,255,255,0.6)} .convoca-txt { text-align:center ; justify-content:center; font-size:1rem} .convoca-btn {} */ /*CONVOCATORIA*/ .convocatoria-fluid { padding:100px 0; height:250px; background-attachment:fixed; background-size:cover; background-position:center; font-size:0} .convocatoria-fluid-01 { padding:4rem 0 0 0; height:200px; background-attachment:fixed; background-size:cover; background-position:center; font-size:0} /*.convocatoria-fluid-02 { padding:0 0 0 4rem; height:150px; background-attachment:fixed; background-size:cover; background-position:center; font-size:0}*/ .convocatoria { display:flex; justify-content:center; align-items: center; text-align:center; margin-top:0;} .convocatoria * { color:#fff; margin:0} .convocatoria p { font-size:2rem; background:rgba(6,10,14,0.2); margin: 0 0 25px; overflow: hidden; padding: 20px} .convocatoria p a { border:solid 1px #fff; padding:10px 15px; font-size:2rem} .convocatoria p a:hover { background:rgba(255,255,255,0.3); color:#FFF !important; text-decoration:none;} .convocatoria p a:active { background:rgba(255,255,255,0.6)} .convoca-txt { text-align:center ; justify-content:center; font-size:1rem} .convoca-txt-01 { text-align:center ; justify-content:center; font-size:1rem; font-weight: 900} .convoca-btn {font-weight: 900} /*FOOTER*/ .pre-footer { background:var(--color03); text-align:center; padding:10px;} .pre-footer ul { margin:0; display:flex; flex-direction:row; align-items:center; justify-content:center; flex-wrap:wrap;} .pre-footer li { list-style-type:none;} .pre-footer li:hover a, .pie-enlaces li:hover a, .pie-contacto li:hover a { color:#FFF !important; background: rgba(255,255,255,0.2); border-radius: 2px;} .pre-footer a { color:#FFF !important; font-size:1.4rem; margin:5px 20px; padding:5px; display:block;} .pre-footer a:hover { color:#FFF !important} /*footer*/ .footer { background-color:var(--color01); position:relative;} .footer-01 { background-color:var(--color01); position:relative;}/*transparencia*/ .footer-02 { background-color:var(--color01); position:relative;}/*alertaamber*/ .footer-03 { background-color:var(--color01); position:relative;}/*hasvistoa*/ .footer:before { content:""; background-color: #325082; background:url(/work/models/FEDE/img/cabecera.jpg) no-repeat; position:absolute; left:0;top:0; width:100%; height:100%; opacity:0.3; } .footer-01:before { content:""; background:url(/work/models/transparencia/img/cabecera.jpg) no-repeat; position:absolute; left:0;top:0; width:100%; height:100%; opacity:0.3; } /*transparencia*/ .footer-02:before { content:""; background:url(/work/models/alertaamber/img/pie.jpg) no-repeat; position:absolute; left:0;top:0; width:100%; height:100%; opacity:0.3; }/*alertaamber*/ .footer-03:before { content:""; background:url(/work/models/hasvistoa/img/pie01.jpg) no-repeat; position:absolute; left:0;top:0; width:100%; height:100%; opacity:0.3; }/*hasvistoa*/ .footer * { color:#FFF; }/*fgr*/ .footer-01 * { color:#FFF; }/*transparencia*/ .footer-02 * { color:#FFF; }/*alertaamber*/ .footer-03 * { color:#FFF; }/*hasvistoa*/ footer { padding:50px} footer ul { list-style-type:none;} .pie-enlaces ul { margin:0 0 20px 0; padding:0} .pie-enlaces li { margin-bottom:5px} .pie-enlaces .fab { background:rgba(255,255,255,0.2); height:35px; width:35px; text-align:center; padding-top:10px; margin-right:10px;} .pie-enlaces .fab:hover { background:rgba(255,255,255,1); color:var(--color01)} .footer-sub1 { background-color: #284989; margin:0 -15px; height:35px;} .footer-sub1-01 { background:var(--colorPie2-01); margin:0 -15px; height:35px;}/*transparencia / alertaamber / hasvistoa*/ .footer-sub2 { background:var(--colorPie3); margin:0 -15px; height:60px; color:#FFF; display: flex; align-items:center; justify-content:center; border-top:1px solid #FFF; font-size:1.4rem} .footer-sub1, .footer-sub1-01, .footer-sub2 { position:relative; z-index:1 } .pie-contacto ul { margin:0; padding:0; position:relative;} .pie-contacto li { position:relative; padding-left:40px; margin-bottom:15px } .pie-contacto li i { background:rgba(255,255,255,0.2); border-radius:50%; height:35px; width:35px; display:flex; align-items:center; justify-content:center; position:absolute; left:0px} .pie-contacto li img {background:rgba(255,255,255,0.2); border-radius:50%; height:35px; width:35px; display:block; align-items:center;justify-content:center; position:absolute; left:0px; } .pie-contacto li.tel i { top:5px} .pie-contacto li.dir i { top:5px} .pie-contacto li.ins { padding-top:5px } .pie-contacto li.ins img { top:-2px} .pie-mapa { margin:-40px 0; padding-right:0} .pie-enlaces *, .pie-contacto *, .pie-sistemas * { font-size:1.4rem;} .pie-enlaces p, .pie-contacto p, .pie-sistemas p { margin-bottom:15px; /*text-transform:uppercase*/} footer a, footer a:hover { color:#FFF !important} /*CARRUSELES*/ .carrusel-gral .owl-nav { display:none} .carrusel-gral .owl-dots { display:flex; justify-content:center} .carrusel-gral .owl-dots button.owl-dot { margin:3px 0; } .carrusel-gral .owl-dots button.owl-dot span { background:var(--color02); display:block; width:13px; height:13px; margin:0 0 20px 0; transition:0.3s;} .carrusel-gral .owl-dots button.owl-dot span:hover { box-shadow:0px 0px 5px rgba(0,0,0,0.4)} .carrusel-gral .owl-dots button.owl-dot.active span { background:var(--color01);} .carrusel-gral .item { padding:0px 30px 0 0 } /*jquery*/ .carrusel-gral .owl-dots { position:absolute; top:-0; right:-25px; height:100%; flex-direction:column; justify-content:flex-start;} .carrusel-gral .owl-dots button.owl-dot.active span { } /*DETALLE*/ .detalle { } .detalle .numboletin { display:flex; align-items:center; margin-bottom:15px} .detalle .numboletin .fecha { background:var(--color01); color:#FFF; font-weight:normal; border-radius:3px; font-size:1.6rem; padding:5px; margin-left:20px} .detalle .subtit { margin-bottom:5px} .detalle .fecha {} .detalle .lugar { } .detalle .titboletin, .detalle .fuente { color:var(--color01)} .detalle .compartir { margin:20px 0} .detalle .compartir i{ font-size:25px; margin-right:20px} .detalle .txtnota { text-align:justify;} .img-relevante { display:flex; position:relative; width:65%; margin-bottom:30px;} .img-relevante p { position:absolute; bottom:0px; background:rgba(var(--color01rgba),0.7); color:#FFF; width:100%; margin:0; padding:10px 20px; text-align:justify; } .detalle .txtnota img { width:100%; border:solid 1px #ccc;} .detalle .galeria img, .detalle .galeria video { width:30%; height:200px; object-fit:cover; object-position:center; margin:1.2%; cursor:zoom-in; border:solid 1px #666; } .detalle .galeria video { vertical-align:middle} .detalle .galeria img:hover { box-shadow:0px 0px 10px rgba(0,0,0,0.5); filter:opacity(0.9)} .detalle .notapie p { text-align:center; font-size:1.3rem}/*fgr*/ .detalle .notapie-01 p { text-align:center; font-size:1.5rem}/*alertaamber / transparencia*/ .detalle .notapie-02 p { text-align:center; font-size:1rem}/*hasvistoa*/ .detalle object, .detalle iframe { width:100%; height:85vh; border:solid 1px #CCC; box-shadow:1px 1px 10px rgba(0,0,0,0.3) } .detalle audio { width:100%; filter:drop-shadow(1px 1px 5px rgba(0,0,0,0.3)) } .detalle .img-fluid { margin:25px 0; border:solid 1px #eee} .detalle .galeria a { position:relative;} .detalle .galeria a i { position:absolute; top:-35px; left:37%; color:#fFF; opacity:70%; font-size:90px; z-index:1} .detalle .galeria a:hover i { color:#FFF !important} .ekko-lightbox .modal-footer { justify-content:flex-start} .ekko-lightbox-nav-overlay a span { color:#FFF; font-size:30px; background:var(--color01); border-radius:50%; flex-grow:initial; display:flex; align-items:center; justify-content:center; width:45px; padding:0 !important; margin:0} .ekko-lightbox .close { float:right; text-shadow:none; opacity:1;} .ekko-lightbox .close span { color:#FFF; font-size:30px; font-weight:normal} .ekko-lightbox-nav-overlay a:last-child { justify-content:flex-end } .ekko-lightbox-container>div.ekko-lightbox-item.fade.in.show {z-index:1;} /*MAIN y LATERAL*/ .lateralymain { display:flex} .lateral, .btnfiltro button { width:250px; font-weight:500} /*anchos para animaci�n*/ .lateral { height:100%; z-index:1; overflow-x:hidden; padding:20px 0px; background:#efefef;} /*FILTROS > ORDENAR MOSAICO LISTA*/ .togglelateral { display:flex; align-items:center} .btnfiltro { } .btnfiltro button { padding:4px 10px; display:flex; align-items:center; } .btnfiltro button i { margin-left:20px; flex-grow:1; text-align: right} .btnfiltro #openNav { display:none} x.prensa-row1 { background:#efefef} x.prensa-row1 > div { border:solid 1px red;} .prensa-row1 { border-bottom:0px #CCC dashed; padding-bottom:15px; display:flex} .prensa-row2-total { padding:20px 15px; } .prensa-row2-total, .prensa-row2-total b { color:var(--color01) } .prensa-row2-paginador { flex-grow:1; xborder:solid 1px blue} .prensa-row2-paginador .paginador { margin-top:10; xborder:solid 1px green } .prensa-col1, .prensa-col2, .prensa-col3, .prensa-col4 { display:flex; align-items:center;} .prensa-col1 { flex-grow:1 } .prensa-col2 { margin-left:10px; flex-grow:1} .prensa-col2 .orden { display:flex; align-items:center; justify-content:center; flex-grow:1} .prensa-col3 { margin-left:10px; flex-grow:1; justify-content:center} .prensa-col4 { margin-left:10px; flex-grow:1} .prensa-col4 ul { margin:0} .prensa-col1 h2 { margin-right:20px} .prensa-col1 .prensa-row2-total { padding:0; align-self:flex-end; margin-bottom:1px} .togglelateral .orden label, .prensa-col2 .orden label { Xwidth:150px; text-align:right; margin:0 10px 0 0} .togglelateral .orden select, .prensa-col2 .orden select { width:200px} .togglelateral .mosaico-lista { display:flex;} .togglelateral .mosaico-lista i, .prensa-col3 .mosaico-lista i { font-size:30px; padding:0; color:#CCC } .prensa-col3 .mosaico-lista i.fa-th-list { margin-left:15px} .togglelateral .mosaico-lista i:hover { color:#999} .togglelateral .cantComunicados { padding-left:25px; } /*lateral*/ .lateralcont { padding:0 10px} .lateralcont > div { margin-bottom:15px; padding-bottom:15px} .lateralcont label { margin-bottom:0; padding-left:5px} .lateralcont .filtrobtn { display:flex; flex-direction:column;} .lateralcont .filtrobtn button { margin-bottom:20px} .lateralcont .fecha span { padding:5px; width:35px } /*transiciones para barra lateral*/ #main, #togglelateralCont, .lateral { transition:all 0.2s;} /*FILTRO VERSION HORIZONTAL*/ .filtro-horiz-cont {} .filtro-horiz { background-image:linear-gradient(rgba(230,230,230,0), rgba(230,230,230,0.3)); padding:0px 10px 10px; display:flex; justify-content:center} .filtro-horiz > div { padding: 0 10px} .filtro-horiz form { display:flex; justify-content:center; flex-wrap:wrap} .filtro-horiz form > div { border:solid 0px #ccc; padding:0 5px} .filtro-horiz form > div:first-child { padding-left:0} .filtro-horiz form > div:last-child { padding-right:0} .filtro-horiz label { padding-bottom:2px; margin-bottom:0; font-size:14px} .filtro-horiz select, .filtro-horiz input { font-size:16px} .filtro-horiz .fecha { display:flex; flex-direction:row; flex-flow:wrap; padding-top:3px} .filtro-horiz .fecha label { width:100%;} .filtro-horiz .fecha > div { width:46% } .filtro-horiz .fecha input { width:170px} .filtro-horiz .fecha .input-group-append { display:none} .filtro-horiz .filtrobtn { display:flex; align-items:flex-end} .filtro-horiz .filtrobtn button { margin:0 0 5px 10px} .filtro-horiz select#lugar { width:160px} .filtro-horiz-show { display:block; margin:0 -15px 20px; padding:0px 15px 15px 15px; border-top:1px solid #999} .filtro-horiz-show * { color:#FFF} .filtro-horiz-show i { margin-left:10px} .filtro-horiz-show span { background:#999; color:#FFF; display:inline-block; border-radius:0 0 4px 4px; padding:7px 15px} .filtro-horiz-show:hover span { background:var(--color01);} .filtro-horiz-show:hover span i { color:#FFF !important} .filtro-horiz-show[aria-expanded="true"] .fa-chevron-down { display:none} .filtro-horiz-show[aria-expanded="true"] .fa-chevron-up { display:inline-block} .filtro-horiz-show[aria-expanded="false"] .fa-chevron-down { display:inline-block} .filtro-horiz-show[aria-expanded="false"] .fa-chevron-up { display:none} /*GALERIA*/ .galeria-custom img { background:#eee; padding:0 0px; width:100%; margin-bottom:18px; object-fit:cover} .grid:after { content:''; display:block; clear:both;} .grid-item img { object-fit:cover; width:100%; height:100%} .grid-item { border:none; margin:10px; border:solid 1px #25468b; float:left; border-radius:5px;} .grid-item-01 img { object-fit:cover; width:100%; height:100%}/*transparencia/alertaamber*/ .grid-item-01 { border:none; margin:10px; border:solid 1px var(--colorPie2-01); float:left; border-radius:0px;}/*transparencia / alertaamber / hasvistoa*/ .gal-cn { width:257px; height:202px} /*cuadrada normal*/ .gal-cg { width:535px; height:425px} /*cuadrada grande*/ .gal-hn { width:535px; height:202px} /*horizontal normal*/ .gal-hg { width:814px; height:422px} /*horizontal grande*/ .gal-vn { width:257px; height:425px} /*vertical normal*/ .gal-vg { width:535px; height:645px} /*vertical grande*/ .gal-gg { width:257px; height:205px} /*gigante*/ /*FGR-INDICE*/ .fgr-inice { margin-bottom:40px} .fgr-inice h3 { margin:20px 0 5px} .fgr-inice h3, .fgr-inice p { padding-left:30px; position:relative} .fgr-inice h3:before { content: "-"; position:absolute; left:10px; color:var(--color01)} .swb-tematicidx table tbody tr:first-child { display:none} .swb-tematicidx .idx_link1 { font-weight:bold; font-size:22px;} tr.idx_data td:first-child { background:red; display:none;} tr.idx_data { height:40px; vertical-align:text-top;} /*RESULTADOS*/ #resultados .divtitulo { display:none} .resultados-lista h2 { font-weight:600 } .resultados-lista h2 b, .resultados-lista h2 i { color:var(--color01); font-style:normal; } .resultados-total { } .resultados-Obj { list-style-type:none; margin:20px 0; padding:0;} .resultados-Obj li { margin:25px 0 } .resultados-Tit { margin: 0; font-weight: 700;} .resultados-Tit a { font-size:1.8rem} .resultados-Sum { margin:0} .resultados-Url { font-size:1.4rem; font-style:italic} .resultados-pie { display:flex; justify-content:center; padding:20px 0; margin-bottom:30px; } .res-pie-pag-txt { display:none } .res-pie-pag-ant { } .res-pie-pag-sig { } .res-pie-pag-mid { margin:0 30px;} .res-pie-pag-mid * { margin:0 } .res-pie-pag-mid span { background:#eee; border-radius:50%; width:26px; display:inline-block; text-align:center; } .res-pie-pag-mid a { border-radius:50%; width:26px; display:inline-block; text-align:center; } .res-pie-pag-mid a:hover { background:var(--color01); color:#FFF !important } /*DIRECTORIO*/ .puesto-reg { } .puesto-new { padding:0; margin-bottom:15px} .puesto-new button i { margin-right:5px; font-size:15px} .puesto-th { background: var(--color01); padding:8px 0; border-radius:3px 3px 0 0;} .puesto-th div { color:#FFF} .puesto-th div:nth-child(n+2), .puesto-td div:nth-child(n+2) { text-align:center} .puesto-td { padding:8px 0;} .puesto-reg .puesto-td:nth-child(even) { background:rgba(200,200,200,0.1)} .puesto-table { margin-top:30px;} .directorio { list-style-type:none; margin:20px 0; padding:0; display:flex; flex-wrap:wrap;} .dir-ficha { display:flex; width:48%; box-shadow:2px 2px 10px rgba(200,200,200,0.7); padding:20px; border-radius:4px; margin-bottom:3%} x.directorio li:nth-child(3n+2), x.dir-ficha:nth-child(3n+2) { margin:0 2% 3%;} .dir-ficha:nth-child(even) { margin-left:4%} .directorio p { margin:0; line-height:2rem} .directorio p, .directorio p * { font-size:1.4rem} .dir-img { border-radius:50%; width:80px; height:80px; background:#eee; overflow:hidden; position:absolute} .dir-img img { object-fit:contain; width:100%; height:100%; margin:0;} .dir-info { margin-left:100px; flex-grow:1;} .dir-name { font-weight:bold;} .dir-name b { text-transform:uppercase;} .dir-area { padding-bottom:6px; margin-bottom:6px !important; display:block; border-bottom:1px #CCC dotted} .dir-raya { text-transform:uppercase; font-weight:bold; padding-bottom:6px; margin-bottom:6px !important; display:block; border-bottom:1px #CCC dotted} .dir-tel *, .dir-mail *, .dir-dir *, .dir-dir { color:#888} .dir-tel, .dir-mail, .dir-dir { padding-left:19px; position:relative; font-style:italic; padding-bottom:2px} .dir-tel i, .dir-mail i, .dir-dir i { position:absolute; left:0; top:4px;} .dir-img-test { border:solid 1px red; background:#CCC; width:80px; height:80px; position:absolute} /*LOGIN*/ .login-prensa { display:flex; justify-content:flex-end; margin-top:20px; margin-bottom:25px; } .login-prensa form { display:flex; align-items: center;} .login-prensa form label { margin:0} .login-prensa form input[type="text"], .login-prensa form input[type="password"] { margin:0 20px 0 5px; border-radius:2px; border:solid 1px #CCC;} .login-prensa form input[type="submit"] { background:var(--color01) } .login-prensa a { margin-left:10px} .login-prensa a span { display:none} .login-prensa a i { font-size:23px} /*MEDIA QUERY*/ /* - - - - Escritorio grande - - - */ @media (min-width:1200px){ #home .owl-carousel.carrusel-portada { height:300px} .carrusel-prensa, .prensa h2 + p { padding-left:40px} } /* - - - - Escritorio peque�o checando si modifica el alto de carrusel- - - */ @media (min-width:992px) and (max-width:1199px){ #home .owl-carousel.carrusel-portada { height:260px} .estructura li { width:20%;} .filtro-horiz > div, .filtro-horiz form > div { padding: 0 5px; } .filtro-horiz .filtrobtn { margin-top:15px} .carrusel-prensa .item div { width:95.5% } .carrusel-prensa, .prensa h2 + p { padding-left:40px} .prensa-col1 { flex-grow:0 } .prensa-col2 { flex-grow:0 } .prensa-col2 label { visibility:hidden} .prensa-col3 { flex-grow:0 } .prensa-col4 { flex-grow:1} .paginador a, .paginador span { margin:0 2px; padding:3px 6px; } .carrusel-prensa .item { height:590px;} .fgr-comment { padding:30px 10%;} } /* - - - - - - - */ @media (max-width:991px){ .menus { background:#2F4152; text-align:right; padding:5px 10px} .nav-principal { order:1; margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px rgba(255,255,255,0.5)} .nav-secundario { order:2} .navbar-brand { border:solid 0px red; flex-grow:1} .busqueda { background:none} .busqueda i { font-size:2.8rem} #historial .pieza { width:50%} #historial.lista .pieza img { width:125px; height:75px; margin:0;} .Xadjuntos div { height:130px; padding:10px} .dir-img { width:50px; height:50px;} .dir-info { margin-left:60px} #home .portadaFondo, .portadaFondo .navbar { background-size:auto } #home .portadaFondo-01, .portadaFondo-01 .navbar { background-size:auto } #home .portadaFondo-02, .portadaFondo-02 .navbar { background-size:auto } #home .portadaFondo-03, .portadaFondo-03 .navbar { background-size:auto } .prensa-col4 { margin-top:20px} .carrusel-prensa .item { height:460px;} .filtro-horiz { padding:0px 3px 10px} .filtro-horiz > div, .filtro-horiz form > div { padding: 0 4px} x.filtro-horiz .fecha input { width:65px} .filtro-horiz .filtrobtn button { margin:0 0 5px 3px} .filtro-horiz .fecha, .filtro-horiz .filtrobtn { margin-top:15px} .video { height:32%; width:75%;} .fgr-comment { padding:30px 2%;} } @media (min-width:768px) and (max-width:991px){ #home .owl-carousel.carrusel-portada { height:190px} .estructura li { width:26.5%;} .carrusel-prensa .item div { width:94% } } /* - - - - Smartphone - - - */ @media (max-width: 767px) { #home .owl-carousel.carrusel-portada { height:140px; top:30px} #home .portadaFondo { height:210px;} #home .portadaFondo-01 { height:210px;} #home .portadaFondo-02 { height:210px;} #home .portadaFondo-03 { height:210px;} #home .portada { margin-bottom:120px} .hacemosPrincipal { border-bottom:var(--borderDiv); padding-bottom:20px} .estructura li { width:40%;} .portada {height:initial;} .owl-carousel.carrusel-portada { height:250px;} .mon-cont { min-height:150px} .monn-anima { top:100px;} .carrusel-gral .item { padding:0} .carrusel-monitoreo + p { margin-top:50px; text-align:center} .convocatoria-fluid { padding: 40px 0; height:auto} .convocatoria { flex-direction:column} .convocatoria p, .convocatoria p:nth-child(1) { text-align:center; margin:15px 0} .pie-mapa { margin:20px 0; height: 350px;} .publicaciones h2.titulo { margin-bottom:0} .carrusel-publicaciones .item a { padding-bottom:0} .carrusel-prensa .item div { width:92% } .carrusel-prensa .item { height:340px;} #historial.lista .pieza { width:100%} #historial.lista .pieza img { width:100px; height:70px;} .filtro-horiz > div, .filtro-horiz form > div { padding:0 5px} .filtro-horiz label, .filtro-horiz select, .filtro-horiz input { font-size:14px} x.filtro-horiz .fecha input { width:80px} .filtro-horiz .palabra { width:150px} .togglelateral .orden label, .prensa-col2 .orden label, .togglelateral .orden select, .prensa-col2 .orden select { font-size:14px} .togglelateral .orden label, .prensa-col2 .orden label { width:90px} .togglelateral .orden select, .prensa-col2 .orden select { width:170px} .togglelateral .mosaico-lista i, .prensa-col3 .mosaico-lista i { font-size:20px} .dir-ficha { width:100%; } .dir-ficha:nth-child(even) { margin-left:0} .dir-img { width:70px; height:70px;} .dir-info { margin-left:85px} .dir-tel, .dir-mail, .dir-dir { font-style:normal; padding-bottom:9px} .redes { display:flex; flex-direction:row; width:100%; align-items:center; justify-content:center; position:absolute; z-index:5; top:80px; margin:0px auto; padding:10px 0; border-radius:0; box-shadow:none; background:none} .redes div { display:none} .redes a, .redes a.ltrsize { margin:0 10px } #general .redes, #resultados .redes, #prensa .redes { display:none} .carrusel-portada .owl-dots { position:absolute; top:auto; bottom:-30px; right:0; height:auto; flex-direction:row; width:100%} .carrusel-portada .owl-dots button.owl-dot, .carrusel-gral .owl-dots button.owl-dot { margin:0 15px; } .carrusel-portada .owl-dots button.owl-dot.active span { width:13px; } .carrusel-portada .owl-dots button.owl-dot.active span { background:var(--color01);} .carrusel-portada .owl-dots button.owl-dot span { background:var(--color02); display:block; width:13px; height:13px; margin:10px 0; transition:0.3s;} .carrusel-gral .owl-dots { position:absolute; top:auto; right:0; height:auto; width:100%; flex-direction:row; justify-content:center; bottom:-25px;} .carrusel-gral .owl-dots button.owl-dot span { margin:0 } .hacemos,.enlaces, .monitoreo-fluid { margin-top:70px } .enlaces h2.titulo { width:100%; margin-bottom:-10px; border-bottom: var(--borderDiv); padding-bottom: 10px;} .carrusel-enlaces { border:none} .prensa-col1 { flex-grow:1 } .prensa-col2 { } .prensa-col2 label { display:none} .prensa-col3 { flex-grow:0 } .prensa-col4 { flex-grow:1} .img-relevante { width:100%} .img-relevante p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .portada .swb-banner { margin-left:0px;} .fgr-comment { padding:30px 0%;} } @-moz-document url-prefix() { } /* - - MOVIL HORIZONTAL - - - */ @media (max-width: 575px) { .estructura li { width:100%;} .pie-contacto { margin:30px 0;} .filtro-horiz { justify-content:flex-start; } .filtro-horiz > div:last-child, .filtro-horiz form > div:last-child { margin-top:15px} .filtro-horiz > div:last-child button, .filtro-horiz form > div:last-child button { margin:0 10px 5px 0} .prensa-col1 { max-width:100%; flex:0 0 100%; margin-bottom:10px; padding-left:10px} .prensa-col2 { xflex-grow:1} .prensa-col2 label { display:inline-block} .prensa-col3 { flex-grow:1} #home .owl-carousel.carrusel-portada { height:140px; top:30px} #home .portadaFondo { height:200px;} #home .portadaFondo-01 { height:200px;} #home .portadaFondo-02 { height:200px;} #home .portadaFondo-03 { height:200px;} .video { height:25%; width:90%;} .fgr-comment-btn { padding-left:0;} .fgr-comment-btn input { width:100%} } /* - - - - Extra Slim - - - */ @media (max-width:450px) { x.redes { display:none} h2.titulo { margin-bottom:15px;} .estructura li { width:90%;} #historial .pieza { width:100%} .prensa .btn-03 { margin-right: 5px;} .carrusel-prensa .item div { width:88% } .carrusel-prensa .item { height:340px;} .filtro-horiz .palabra, .filtro-horiz .fecha, .filtro-horiz .filtrobtn { margin-top:15px} #home .owl-carousel.carrusel-portada { height:110px; top:30px} #home .portadaFondo { height:180px} #home .portadaFondo-01 { height:180px} #home .portadaFondo-02 { height:180px} #home .portadaFondo-03 { height:180px} } /* - - - - 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) { .convocatoria-fluid {background-attachment:initial} } /* - - - - 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) { } /* - - - - - - ANIMACIONES - - - - - - - */ @keyframes vermas { 0% { opacity:1;} 90% { opacity:0;} 100% { opacity:0; visibility:hidden} } @keyframes gira { 0% { transform:rotate(0deg)} 100% { transform:rotate(350deg)} } @keyframes cargando { 0% { height:100%; opacity:1} 99% { height:100%; opacity:0} 100% { height:0%; display:none} } /*SOLO PARA PROBAR LOCAL*/ .testdiv div { background:red; color:yellow; text-align:center; width:100%; font-weight:bold} /*
XL
LG
MD
SM
XS
- */ /* - - - - Explorer 11 HACK - - - */ 1090 _:-ms-fullscreen, :root h2.titulo, h2.titulo a, h2.titulo a b, a, a *, .estructura li { color:#25468B;} 1091 _:-ms-fullscreen, :root a:hover, a:hover i, a:hover b, .estructura li:hover:before, li:hover a, .masinfo:hover, .masinfo:hover i, .masinfo i:hover { color:#1b242d} 1092 _:-ms-fullscreen, :root h2.titulo { border-bottom:1px solid rgba(0,0,0,0.2) } 1093 _:-ms-fullscreen, :root .pre-footer, .monitoreo-fluid { background:#1b242d;} 1095 _:-ms-fullscreen, :root .carrusel-prensa .item div a { background:rgba(37, 70, 139,0.85);} 1097 _:-ms-fullscreen, :root .modal-header, .footer { background:#25468B} 1099 _:-ms-fullscreen, :root .btn-01 { background:#25468B; } 1100 _:-ms-fullscreen, :root .btn-03 { color:#25468B; border:solid 1px #25468B;} 1101 _:-ms-fullscreen, :root .btn-03:hover { background:#25468B !important} 1103 _:-ms-fullscreen, :root .carrusel-gral .owl-dots button.owl-dot span { background:#999999 } 1104 _:-ms-fullscreen, :root .carrusel-gral .owl-dots button.owl-dot.active span { background:#25468B } 1106 _:-ms-fullscreen, :root .carrusel-enlaces .item img { width:auto;} 1107 _:-ms-fullscreen, :root .carrusel-enlaces { border:solid 1px rgba(0,0,0,0.2);} 1108 _:-ms-fullscreen, :root .enlaces h2.titulo { border-bottom: 0px}