/*
$scjn: #003A70;
$scjn-blue: #BBD9F0;
$scjn-blue-2: #01274f;
$scjn-blue-3: #487495;
$scjn-gray: #f2f2f2;
$scjn-logo: #1D1D1B;
*/

html {
  font-size: 18px !important;
}

body {
  color: #000000 !important;
  font-family: "Roboto";
  font-size: 18px !important;
  font-style: normal;
  margin-top: 0;
}

.font-scjn-color {
  color: #003A70 !important;
}

/* =============
START BLOCKQUOTE
============= */
blockquote {
  border-left: 5px solid #003A70;
  padding: 20px;
}

blockquote>small {
  color: #000;
  font-size: 90% !important;
}

/* ===========
END BLOCKQUOTE
=========== */

/* ==========
START BUTTONS
========== */
/* button */
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: #002b54;
  border-color: #002b54;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  background-color: #a4a4a4;
  color: #003A70;
  box-shadow: 0 0 0 0.2rem #003A703F;
}

.btn-primary:hover {
  background-color: #002b54;
  border-color: #002b54;
}

.btn-primary.focus,
.btn-primary:focus {
  background-color: #002b54;
  border-color: #002b54;
  box-shadow: 0 0 0 0.2rem #003A703F;
}

.btn-secondary.focus,
.btn-secondary:focus {
  background-color: #a4a4a4;
  color: #003A70;
  box-shadow: 0 0 0 0.2rem #003A703F;
}

.btn-primary {
  background-color: #003A70;
  border-color: #003A70;
  border-radius: 5px;
  color: #fff;
}

.btn-secondary {
  background-color: #DBDBDB;
  border-color: #003A70;
  border-radius: 5px;
  color: #003A70;
}

.btn-secondary:hover {
  background-color: #a4a4a4;
  color: #003A70;
}

/* ========
END BUTTONS
======== */

/* =============
START BREADCRUMB
============= */
.breadcrumb>.active {
  color: #000000 !important;
}

.breadcrumb>li>a {
  color: #003A70 !important;
}

.breadcrumb>li+li:before {
  padding: 0 10px !important;
  color: #000000 !important;
  content: '\203A' !important;
}

.breadcrumb {
  background: none !important;
  float: right;
  font-size: 0.9em !important;
  clear: both !important;
  margin-bottom: 0 !important;
  padding-right: 0;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0 !important;
}

@media (max-width: 575.9px) {
  .breadcrumb  {
    display: block;
    padding-left: 0;
    padding-right: 0;
    float: left;
  }
}

/* ===========
END BREADCRUMB
=========== */

/* ===========
START CAROUSEL
=========== */
.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 5px;
  left: 0;
  right: 0;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 50px;
}

.carousel-caption>p {
  color: white;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
}

.carousel-caption a,
.carousel-caption a:hover {
  color: #fff;
  text-decoration: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  text-indent: -999px;
  border: 1px solid #003A70;
  border-radius: 8px;
  cursor: pointer;
  background-color: transparent;
}

/* =========
END CAROUSEL
========= */

/* ========
START CARDS
======== */
.card {
  border: 2px solid #e6e6e6;
}

.card-header {
  background-color: #003A70;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff;
  padding: 20px;
}

.card-body {
  background-color: #f2f2f2;
  padding: 20px;
}

.card-footer {
  background-color: #f2f2f2;
  border-top: 1px solid #e6e6e6;
  padding: 15px;
}

.card-footer>.row>.col-xs-6 {
  border-right: 2px solid #e6e6e6;
}

/* ======
END CARDS
====== */

/* ======================
START CAROUSEL MULTI-ITEM
====================== */
.multi-item-carousel .carousel-inner>.item {
  transition: 300ms ease-in-out left;
}

.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}

.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}

.multi-item-carousel .carousel-inner .item.next.left {
  display: none;
}

.multi-item-carousel .carousel-inner .item.next.right {
  display: none;
}

.multi-item-carousel .carousel-inner .item.prev.left {
  display: none;
}

.multi-item-carousel .carousel-inner .item.prev.right {
  display: none;
}

.multi-item-carousel .carousel-inner .next {
  left: 33%;
}

.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}

.multi-item-carousel .carousel-inner>.item {
  transition: 300ms ease-in-out left;
  transition: 300ms ease-in-out all;
  backface-visibility: visible;
  transform: none !important;
}

/* ====================
END CAROUSEL MULTI-ITEM
==================== */

/* ===========
START DROPDOWN
=========== */
.dropdown>button {
  background-color: transparent;
  border: none;
  padding: 0;
  text-align: left !important;
}

.dropdown>button:hover,
.dropdown>button:focus {
  outline-offset: 2px !important;
  outline: 2px solid #003A70 !important;
  text-decoration: none !important;
}

.dropdown {
  text-align: left;
}

.dropdown .caret {
  border: none;
  color: #003A70;
  line-height: 0;
  width: auto;
  height: auto;
  vertical-align: unset;
}

.dropdown .caret>em {
  font-size: 1.5em;
  line-height: 0;
}

.dropdown-menu {
  background-color: #e6e6e6;
  font-size: 1em;
}

.dropdown-menu>li>a {
  color: #000000;
  white-space: unset;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #487495;
}

/* =========
END DROPDOWN
========= */

/* ============
START FONT SIZE
============ */
.font-1-size {
  font-size: 1em;
}

.font-1-1-size {
  font-size: 1.2em;
}

.font-1-2-size {
  font-size: 1.2em;
}

.font-1-5-size {
  font-size: 1.5em;
}

.font-2-size {
  font-size: 2em;
}

.font-2-5-size {
  font-size: 2.5em;
}

.font-3-size {
  font-size: 3em;
}

.font-3-5-size {
  font-size: 3.5em;
}

.font-4-size {
  font-size: 4em;
}

.font-4-5-size {
  font-size: 4.5em;
}

.font-5-size {
  font-size: 5em;
}

.font-5-5-size {
  font-size: 5.5em;
}

.font-6-size {
  font-size: 6em;
}

.font-6-5-size {
  font-size: 6.5em;
}

.font-7-size {
  font-size: 7em;
}

.font-7-5-size {
  font-size: 120px;
}

/* ==========
END FONT SIZE
========== */

/* ========
START FORMS
======== */
/* form */
.form-control {
  color: #000;
}

.form-control:focus,
.form-select:focus {
  border-color: #002b54;
  box-shadow: 0 0 0 0.2rem #003A703F;
}

.form-control,
.form-select {
  border-radius: 5px;
  border: 1px solid #56595D;
}

.form-row .form-actions {
  align-self: center !important;
}

/* label */
label {
  margin-bottom: 0;
}

.form-text {
  margin-top: 0 !important;
}

/* ======
END FORMS
====== */

/* =====
START HR
===== */
hr {
  border-top: 2px solid #999999 !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

/* ===
END HR
=== */

/* ==========
START HEADERS
========== */
h1 {
  color: #003A70;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

h2 {
  color: #003A70;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
}

h3 {
  color: #003A70;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
}

h4 {
  color: #003A70;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 575.9px) {
  h1 {
    font-size: 30px
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }
}

/* ========
END HEADERS
======== */

/* ========
START ICONS
======== */
em.icons-vdos,
em.icons-vdos-circulo,
em.icons-vdos-cuadro,
em.icons-vdos-rectangulo,
em.icons-dgri,
em.icons-dgri-circulo,
em.icons-dgri-cuadro,
em.icons-dgri-rectangulo {
  color: #003A70;
}

em.fas.fa-circle {
  color: #003A70;
}

em.fas.fa-inverse {
  color: #FFFFFF;
}

em.fas {
  color: #003A70;
}

em.icons-vdos.icon-pdf {
  color: #ff0000;
}

em.icons-red-circulo {
  color: #662482 !important;
}

/* ======
END ICONS
====== */

/* ========
START NODES
======== */
.node__content {
  font-size: 18px !important;
  margin-top: 0 !important;
}

@media (min-width: 560px) {
  .node .field--type-image {
    float: none !important;
    margin: 0 !important;
  }
}

.node--view-mode-teaser {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* ======
END NODES
====== */

/* =========
START RIBBON
========= */
.ribbon span {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79a70a;
  background: -webkit-linear-gradient(#f70505, #8f0808);
  background: linear-gradient(#f70505, #8f0808);
  box-shadow: 0 3px 10px -5px #000;
  position: absolute;
  top: 19px;
  left: -21px;
}

/* =======
END RIBBON
======= */

/* ================
START SCROLL TO TOP
================ */
#scroll-to-top {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 30%;
  right: 15%;
  display: none;
  background: #003A70;
  padding-left: 0;
  padding-right: 0;
  z-index: 9999;
  box-shadow: 0px 6px 21px -5px rgba(11, 6, 31, 0.47);
  -webkit-box-shadow: 0px 6px 21px -5px rgba(11, 6, 31, 0.47);
  -moz-box-shadow: 0px 6px 21px -5px rgba(11, 6, 31, 0.47);
}

#scroll-to-top:hover {
  text-decoration: none;
}

#scroll-to-top>em {
  color: #FFF;
  font-size: 40px;
}

/* ==============
END SCROLL TO TOP
============== */

/* =========
START TABLES
========= */
/* table responsive */
@media screen and (max-width: 767px) {

  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>td {
    white-space: normal;
  }
}

table {
  color: #000 !important;
  font-size: 1em !important;
  border-collapse: separate;
  border-spacing: 0;
}

table tr {
  background: transparent;
}

table.table-striped tbody tr:nth-of-type(odd) {
  background: transparent !important;
}

table.table-hover tbody tr:hover {
  color: #000 !important;
  background: transparent !important;
}

table tr th {
  background: transparent;
}

table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
  color: #fff;
  font-weight: normal;
  text-align: center;
}

table.table thead>tr {
  border-bottom: none !important
}

table.table thead th {
  vertical-align: bottom;
  border: none;
  background-color: #003A70;
  font-weight: bold;
}

table.table tbody td {
  border: none;
}

table.table thead>tr>th:first-child {
  border-top-left-radius: 10px;
}

table.table thead>tr>th:last-child {
  border-top-right-radius: 10px;
}

table.table thead>tr>th:not(:last-child) {
  border-right: 1px solid #fff;
}

table.table tbody>tr>td:first-child {
  border-left: 1px solid #ddd;
}

table.table tbody>tr>td:last-child {
  border-right: 1px solid #ddd;
}

table.table tbody tr td {
  border-bottom: 1px solid #ddd;
}

/* caption */
caption {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* =======
END TABLES
======= */

/* ==========
START TOOLTIP
========== */
.tooltip {
  font-size: 0.8em;
}

.tooltip.in {
  opacity: 1 !important;
}

.tooltip-inner {
  background-color: #487495;
  border-radius: 15px;
  color: #FFFFFF;
  max-width: 300px;
  padding: 15px;
  text-align: left;
}

.tooltip-arrow {
  color: #487495;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #487495 !important;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #487495 !important;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #487495 !important;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #487495 !important;
}

/* ========
END TOOLTIP
======== */

/* =========
START TITLES
========= */
.title,
.block-title {
  border-bottom: 1px solid #4d4d4d;
  margin: 0 0 2rem 0;
  padding-bottom: 10px;
}

.page-subtitle {
  border-bottom: 2px solid #4d4d4d;
  font-weight: 700;
  padding: 10px 0;
}

h2.page-subheader {
  font-weight: 700;
  font-size: 28px;
  padding-top: 15px;
}

.page-subheader {
  font-size: 18px;
  border-bottom: 2px solid #003A70;
  padding-bottom: 5px;
}

/* =======
END TITLES
======= */

/* ========
START VIEWS
======== */
/* edit button */
.views-field.views-field-edit-node a,
.views-field.views-field-edit-taxonomy-term a {
  display: inline-block;
  padding: 3px 9px;
  margin-top: 15px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.views-field.views-field-edit-node a:before,
.views-field.views-field-edit-taxonomy-term a:before {
  content: "\f304";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}

/* exposed filters */
.view-filters .views-exposed-form .form-item {
  padding: 10px;
}

.view-filters .views-exposed-form .button {
  margin: 10px;
}

.views-exposed-form button {
  background-color: #003A70;
  color: white;
  border: none;
}

/* pagination */
.view .pagination>.active>a,
.view .pagination>.active>span,
.view .pagination>.active>a:hover,
.view .pagination>.active>span:hover,
.view .pagination>.active>a:focus,
.view .pagination>.active>span:focus {
  color: #fff;
  background-color: #003A70;
  border-color: #003A70;
}

.view .pagination>li>a,
.view .pagination>li>span {
  color: #003A70;
  background-color: #fff;
  border: 1px solid #DBDBDB;
  margin: 0 2px;
  border-radius: 5px;
}

/* icons */
.views-field .media {
  display: block;
  margin-top: 0;
  padding: 4.5px;
}

.views-field .media a {
  display: inline-block;
}

.views-field .media .media-body {
  width: auto;
}

/* ======
END VIEWS
====== */

/* ===========
START KEYCLOAK
=========== */
div.block-openid-connect-login {
  border: 1px solid #ddd;
  padding: 30px;
  margin-top: 50px;
}

/* =========
END KEYCLOAK
========= */

/* ==============
PROPOSITO GENERAL
============== */

.headmenu {
  text-align: left;
  box-sizing: border-box;
  font-style: normal;
  border-bottom: 1px solid #d6d6d6;
  text-shadow: 0 1px 0 #fff;
  line-height: 1.2;
  background-color: #003A70;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 15px;
  font-size: 1.5em;
  margin: 0;
  display: block;
}

nav#block-scjn-subtheme-main-menu #block-scjn-subtheme-main-menu-menu,
nav#block-navegacionprincipal #block-navegacionprincipal-menu,
nav#block-menusuperiordeigualdaddegenero-3 #block-menusuperiordeigualdaddegenero-3-menu,
nav#block-menusuperiordeigualdaddegenero #block-menusuperiordeigualdaddegenero-menu {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.see-more:after {
  content: "\203A";
  padding: 5px;
}

/* listado de elementos */
.tema-menu {
  min-height: 45px;
}

.tema-menu a {
  padding: 10px;
  display: inline-block;
}

.tema-menu span {
  padding: 10px;
  display: inline-block;
}

/* Padding (reemplazar por clases de B4) */
.padt5 {
  padding-top: 5px;
}

.padt10 {
  padding-top: 10px;
}

.padt15 {
  padding-top: 15px;
}

#carousel-banners>ol>li {
  margin: 0.5px;
}

.separador {
  border-right: 1px solid #777;
  line-height: 2.5;
}

.informative {
  padding: 1em;
  margin: 1em !important;
}

.gris {
  background: #c6c6c6;
  min-height: 190px;
  padding: 2em;
  border: 2px solid #eee;
}

.margen-0auto {
  margin: 0 auto !important;
}

.cabecera-tabla-oficial {
  background-color: #003A70;
  color: white;
  font-size: 1.2em;
  padding: 1em;
}

.fondo-oficial {
  background-color: #003A70;
  color: white;
}

.color-oficial {
  color: #003A70;
}

.letra-chica {
  font-size: 0.8em;
}

.borde {
  border: 1px solid gray;
  margin: 1px;
}

.doble-linea {
  height: 3.5em;
}

.ocultar-caption caption {
  height: 1px;
  text-indent: -9999px;
}

/* Corrige el formato en las tablas de listado de archivos*/
.tabla-listado-archivos .file {
  border: 0px;
}

.tabla-listado-archivos th {
  background-color: #003A70;
  color: #fff;
}

.scjn-icon-file {
  display: inline-block;
}

.bg-e6e6e6 {
  background-color: #e6e6e6;
}

.bg-f2f2f2 {
  background-color: #f2f2f2;
}

/* Iconos */
.horizontal-card .text {
  background-color: #f2f2f2;
}

.horizontal-card .icon {
  background-color: #003A70;
}

.horizontal-card .icon>em {
  color: #ffffff;
}

.horizontal-icon .text {
  height: 130px;
}

.horizontal-icon .text.medium {
  height: 90px;
}

.horizontal-icon .text.big {
  height: 170px;
}

.horizontal-icon.border {
  border-bottom: 10px solid #e6e6e6 !important;
}

.icon-see-more .icon {
  font-size: 25px;
}

.icon-see-more .text {
  font-style: italic;
}

/* ======
LATERAL MENU
====== */

.menu-title {
  background-color: #003A70;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 15px;
  font-size: 1.5em;
  margin: 0;
}

#sidebar .section nav {
  background-color: #f2f2f2;
  border: none;
  padding: 0 !important;
}

#sidebar .section nav ul {
  margin: 0 !important;
}

#sidebar .section nav ul li {
  position: relative;
  display: block;
  width: 100%;
}

#sidebar .section nav ul li a {
  padding: 8px 15px;
  position: relative;
  display: block;
}

#sidebar .section nav ul li a.is-active,
#sidebar .section nav ul li a.active {
  background-color: #BBD9F0;
}

#sidebar .section nav ul li a::after {
  margin-left: 0.6em;
  vertical-align: middle;
  border-top: 0.6em solid;
  border-right: 0.6em solid transparent;
  border-left: 0.6em solid transparent;
  border-radius: 30%;
  color: #003A70;
}

/* =============
    carousel
============= */
.size-carousel {
  width: 85% !important;
}

.carousel-item>div>a:hover,
.carousel-item>div>a:focus,
.carousel-item>div>a:active {
  outline-offset: -2px !important;
}

.carousel-caption>h2>a:hover,
.carousel-caption>h2>a:focus,
.carousel-caption>h2>a:active {
  outline: 2px solid #ffffff !important;
}

.carousel-caption,
.carousel-caption-xs {
  background-color: #231f20;
  bottom: 0;
  left: 0;
  padding: 15px;
  right: 0;
}

.carousel-indicators {
  bottom: 0;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: unset;
}

/* ========================
    carousel multi-item
======================== */
.multi-item-carousel .carousel-inner {
  min-height: 400px;
}

.multi-item-carousel a.carousel-control-next,
.multi-item-carousel a.carousel-control-prev {
  width: 5% !important;
}

@media (min-width: 768px) {

  /* show 3 items */
  .multi-item-carousel .carousel-inner .active,
  .multi-item-carousel .carousel-inner .active+.carousel-item,
  .multi-item-carousel .carousel-inner .active+.carousel-item+.carousel-item {
    display: block;
  }

  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
    transition: none;
  }

  .multi-item-carousel .carousel-inner .carousel-item-next,
  .multi-item-carousel .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .multi-item-carousel .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .multi-item-carousel .active.carousel-item-left+.carousel-item-next.carousel-item-left,
  .multi-item-carousel .carousel-item-next.carousel-item-left+.carousel-item,
  .multi-item-carousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
  .multi-item-carousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
  }

  /* right or prev direction */
  .multi-item-carousel .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
  .multi-item-carousel .carousel-item-prev.carousel-item-right+.carousel-item,
  .multi-item-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
  .multi-item-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

/*Menú superior de Igualdad de Genero*/

#block-menusuperiordeigualdaddegenero-3 li:last-child a {
  top: 0px !important;
}

#block-menusuperiordeigualdaddegenero-3 li:last-child a {
  color: #003A70;
  position: relative;
  top: -16px;
  display: inline-block;
}

#block-menusuperiordeigualdaddegenero-3 a {
  padding: 0;
  margin: 5px;
}

#block-menusuperiordeigualdaddegenero-3 {
  margin-top: 3em;
}

#block-menusuperiordeigualdaddegenero {
  margin-bottom: 3em;
}

/*********
   MENU DIRECCION UNIDAD GENERAL DE IGUALDAD DE GÉNERO
   **********/
#block-menusuperiordeigualdaddegenero-3,
#block-menusuperiordeigualdaddegenero ul {
  background-color: #487495;
  color: #003A70 !important;
  flex-wrap: wrap;
}

#block-menusuperiordeigualdaddegenero-3 ul li,
#block-menusuperiordeigualdaddegenero ul li {
  flex: 1;
  text-align: center;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#block-menusuperiordeigualdaddegenero-3 ul li a,
#block-menusuperiordeigualdaddegenero ul li a {
  color: #fff;
}

#block-menusuperiordeigualdaddegenero-3 ul li.nav-item.menu-item--active-trail,
#block-menusuperiordeigualdaddegenero ul li.nav-item.menu-item--active-trail {
  color: #487495;
  background-color: #003A70 !important;
}

#block-menusuperiordeigualdaddegenero-3 ul li.nav-item.menu-item--active-trail a,
#block-menusuperiordeigualdaddegenero ul li.nav-item.menu-item--active-trail a {
  color: #fff !important;
}

.mb-8y {
  padding-bottom: 8px;
}

#block-menusuperiordeigualdaddegenero-3 ul li.nav-item a.nav-link {
  padding: 0.5rem 1rem !important;
}

#views-bootstrap-carrusel-de-la-pagina-principal-block-1 .carousel-caption {
  display: none !important;
}

/**CSS Filtros ***/
.p-text-f {
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.div-f {
  background-color: #487495;
  height: 70px;
}

.form-row {
  display: flex;
  margin-right: -5px;
  background-color: #e6e6e6;
  flex-wrap: unset;
  height: 70px;
}

select#edit-field-sesiones-conversatorio-target-id {
  width: 436px;
}

.justify-content-con {
  justify-content: center;
}

@media (min-width: 992px) and (max-width: 1147px) {
  select#edit-field-sesiones-conversatorio-target-id {
    width: 260px;
  }

  .form-row {
    height: 81px;
  }

  .div-f {
    height: 80px;
  }

  .p-text-f {
    margin-top: -19px;
  }
}

@media (min-width: 430px) and (max-width: 768px) {
  .form-row {
    margin-left: 12px;

    /*padding-left: 125px;*/
  }

  .div-f {
    margin-left: 12px;
  }

  select#edit-field-sesiones-conversatorio-target-id {
    width: 230px;
  }

}

@media (max-width: 450px) {

  #block-menusuperiordeigualdaddegenero-3 ul li,
  #block-menusuperiordeigualdaddegenero ul li {
    flex: none;
    text-align: center;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 425px) {
  .form-row {
    margin-left: 12px;
    /*padding-left: 75px;*/
  }

  .div-f {
    margin-left: 12px;
  }

  select#edit-field-sesiones-conversatorio-target-id {
    width: 180px;
  }

}

@media (max-width: 320px) {
  .form-row {
    margin-left: 12px;
    margin-right: 0px;
    padding-left: 20px;
  }
}

.views-exposed-form button {
  background-color: #003A70;
  color: #ffffff;
  border-radius: 23px;
  font-style: normal;
  text-align: center;
}

.form-row .form-actions {
  align-self: center !important;
  margin-top: 3px;
}

.pagination {
  justify-content: center !important;
}

/*****aling items center*****/

.center-content {
  align-items: center;
}

/*********************Menú Circulo de Lectura*********************/

#block-menusuperiordecirculodelectura-2 ul.nav {
  margin-bottom: 2rem;
  border-bottom: solid 10px #003A70;
  text-align: center;
}

#block-menusuperiordecirculodelectura-2 li.nav-item {
  background-color: #487495;
  width: 33.3%;
  border-right: 2px solid #ffffff !important;
}

#block-menusuperiordecirculodelectura-2 a.nav-link {
  display: block;
  padding: 0.7rem 3rem;
  color: #fff;
  font-weight: bold;
}

#block-menusuperiordecirculodelectura-2 li.nav-item.menu-item--active-trail {
  background-color: #003A70;
}

#block-menusuperiordecirculodelectura-2 a:focus,
a:active,
a:hover {
  outline-offset: 2px !important;
  outline: 2px solid #003A70 !important;
  text-decoration: none !important;
}

#block-menusuperiordecirculodelectura-2 a.nav-link.active.is-active {
  background-color: #003A70;
  color: white !important;
}

#block-menusuperiordecirculodelectura-2 a.nav-link.active {
  color: white !important;
}

@media (max-width: 1024px) {
  #block-menusuperiordecirculodelectura-2 ul.nav {
    display: block;
    border-bottom: none;
  }

  #block-menusuperiordecirculodelectura-2 li.nav-item {
    margin-bottom: 5px;
  }

  #block-menusuperiordecirculodelectura-2 li.nav-item {
    width: 100%;
    text-align: center;
  }
}

#ribbon {
  background-color: rgba(170, 0, 0, 0.5);
  right: -4.5em;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  overflow: hidden;
  position: fixed;
  top: 57px;
  white-space: nowrap;
  width: 19em;
  z-index: 9999;
  pointer-events: none;
  opacity: 1;
}

#ribbon span {
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 1px 0;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 5px #444;
  pointer-events: none;
}

.hr-color {
  border-top: 3px solid #003A70 !important;
}

.bg-info-form {
  background-color: #BBD9F0;
  color: #000;
  height: 62px;
}

.acoso-ol-li {
  list-style: none !important;
}

.acoso-ol {
  padding-left: initial;
}

.div-btmn-acoso {
  background-color: #003A70;
  color: #ffffff;
}

.center-portada {
  text-align: -webkit-center;
}

/**** Red Interamericana de Enlaces ***/



.cuadro-line {
  border: 2px solid #662482;
  width: inherit;
  height: inherit;
  border-radius: 5px;
  text-align: center !important;

}

/*em.icons-red-circulo:hover,
em.icons-red-circulo:focus,
em.icons-red-circulo:active {
  color: #003A70 !important;
}*/
.cuadro-line:hover,
.cuadro-line:focus,
.cuadro-line:active {
  color: #003A70 !important;
  outline-offset: 4px;
  outline: 2px solid #003A70 !important;
}

.text-enlaces:hover,
.text-enlaces:focus,
.text-enlaces:active,
em.icons-red-circulo:hover,
em.icons-red-circulo:focus,
em.icons-red-circulo:active {
  color: #003A70 !important;

}

.img-red:hover,
.img-red:focus,
.img-red:active {
  outline: 2px solid #003A70 !important;
}

.text-enlaces {
  color: #662482;
  font-weight: 600;
  font-size: 18px;
}

.translation {
  width: 200px;
  background-color: #662482;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
  font-style: italic;
  text-align: center;
  border-radius: 5px;
  float: right;
}

.translation:hover,
.translation:focus,
.translation:active {
  background-color: #003A70;
  outline-offset: 4px;
  outline: 2px solid #003A70;
  color: #FFFFFF;
}

.plec-div {
  border: 1px solid #662482 !important;
}

/***Material Multimedia****/

.card-red {
  border: 2px solid #FFFFFF !important;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 1000;
  line-height: 2;
  color: #FFF;
  text-shadow: 0 1px 0 #fff;
  opacity: 0;
}

.card-body-red {
  background-color: #FFF;
  margin-top: 5px;
}

p.card-text-red {
  text-align: center;
  font-weight: normal;
}

.img-c {
  text-align: -webkit-center;
}

.card-body-red {
  text-align-last: center;
}

.h-alt {
  height: 230px;
}

@media (max-width: 992px) {
  .h-alt {
    height: auto;
  }
}
.tam-tex {
  font-size: 18px;
  }