/* Estilos del Portal */

/* Colores */
.ColorPrimario,
.VerdeClaro {
  color: #98c02a !important;
  border-color: #98c02a !important;
}

.ColorSecundario,
.VerdeAzulado {
  color: #009daa !important;
  border-color: #009daa !important;
}

.ColorTerciario,
.VerdePasto {
  color: #41a62a !important;
  border-color: #41a62a !important;
}

.Blanco {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

.Negro {
  color: #000000 !important;
  border-color: #000000 !important;
}

.Rojo {
  color: #ff0000 !important;
  border-color: #ff0000 !important;
}

.GrisOscuro {
  color: #484848 !important;
  border-color: #484848 !important;
}

.GrisBajo {
  color: #d0d0d0 !important;
  border-color: #d0d0d0 !important;
}

.Naranja {
  color: #ef9303 !important;
  border-color: #ef9303 !important;
}

/* Elementos Predefinidos */
.Encabezado,
.Titulo,
.SubTitulo {
  display: block;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: normal;
  color: #484848;
}

.Encabezado {
  font-size: 2em;
}

.Titulo {
  font-size: 1.75em;
}

.SubTitulo {
  font-size: 1.5em;
}

.TextoMedio {
  font-size: 1.25em;
}

.TextoNormal {
  font-size: 1em;
}

.TextoOrientacion {
  font-size: 0.75em;
}

.TextoEtiqueta {
  font-size: 1em;
  font-weight: bold;
}

.TextoError {
  font-size: 1em;
  font-weight: bold;
  color: #ff0000;
}

.Requerido::after {
  content: "*";
  color: #ff0000 !important;
  font-weight: bold;
  margin: 0 0 0 10px;
}

.RequeridoAntes::before {
  content: "*";
  color: #ff0000 !important;
  font-weight: bold;
  margin: 0 10px 0 0;
}

a.VinculoTipoBoton {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 20px;
  color: #ffffff;
  background-color: #98c02a;
  border-radius: 20px 20px 20px 20px;
}

a.VinculoTipoBoton:link,
a.VinculoTipoBoton:visited {
  background-color: #98c02a;
}

a.VinculoTipoBoton:hover,
a.VinculoTipoBoton:active {
  background-color: #41a62a;
}

a.VinculoTipoBoton--GrisOscuro,
a.VinculoTipoBoton--GrisOscuro:link,
a.VinculoTipoBoton--GrisOscuro:visited {
  color: #ffffff;
  background-color: #a9a9a9;
}

a.VinculoTipoBoton--GrisOscuro:hover,
a.VinculoTipoBoton--GrisOscuro:active {
  background-color: #484848;
}

/* Listas con Vinetas Personalizadas */
ul.ListaConVineta {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 20px;
  box-sizing: border-box;
}

ul.ListaConVineta li {
  margin: 0 0 2px 0;
  padding: 0;
}

ul.ListaConVineta li::before {
  position: relative;
  bottom: 3px;
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: 0.5em;
  font-style: normal;
  font-weight: normal;
  margin: 0 10px 0 -17px;
  box-sizing: border-box;
}

ul.ListaConVineta--VinetaBolitaColorPrimario li::before,
ul.ListaConVineta--VinetaBolitaVerdeClaro li::before {
  content: "\f111";
  color: #98c02a;
}

ul.ListaConVineta--VinetaBolitaColorSecundario li::before,
ul.ListaConVineta--VinetaBolitaVerdeAzulado li::before {
  content: "\f111";
  color: #009daa;
}

ul.ListaConVineta--VinetaBolitaColorTerciario li::before,
ul.ListaConVineta--VinetaBolitaVerdePasto li::before {
  content: "\f111";
  color: #41a62a;
}

ul.ListaConVineta--VinetaBolitaColorNegro li::before {
  content: "\f111";
  color: #000000;
}

ul.ListaConVineta--VinetaBolitaColorNaranja li::before {
  content: "\f111";
  color: #ef9303;
}

ul.ListaConVineta--VinetaFlechaColorPrimario li::before,
ul.ListaConVineta--VinetaFlechaVerdeClaro li::before {
  content: "\f0da";
  color: #98c02a;
  font-size: 1em;
  bottom: auto;
  margin: 0 10px 0 -15px;
}

ul.ListaConVineta--VinetaFlechaColorSecundario li::before,
ul.ListaConVineta--VinetaFlechaVerdeAzulado li::before {
  content: "\f0da";
  color: #009daa;
  font-size: 1em;
  bottom: auto;
  margin: 0 10px 0 -15px;
}

ul.ListaConVineta--VinetaFlechaColorTerciario li::before,
ul.ListaConVineta--VinetaFlechaVerdePasto li::before {
  content: "\f0da";
  color: #41a62a;
  font-size: 1em;
  bottom: auto;
  margin: 0 10px 0 -15px;
}

ul.ListaConVineta--VinetaFlechaNegra li::before {
  content: "\f0da";
  color: #000000;
  font-size: 1em;
  bottom: auto;
  margin: 0 10px 0 -15px;
}

ul.ListaConVineta--VinetaFlechaNaranja li::before {
  content: "\f0da";
  color: #ef9303;
  font-size: 1em;
  bottom: auto;
  margin: 0 10px 0 -15px;
}

/* Separador */
hr {
  height: 0;
  border: 0;
  border-top: 1px solid #484848;
}

hr.Mediano {
  border-top-width: 2px;
}

hr.Grande {
  border-top-width: 3px;
}

hr.SeparadorDirectorio {
  margin: 0;
  border-color: #d0d0d0;
}

/* Tablas */
table.Tabla {
  width: 100% !important;
  margin: 10px 0;
  border-collapse: collapse;
  clear: both;
}

table.Tabla,
table.Tabla th,
table.Tabla tr,
table.Tabla td,
table.Tabla tbody,
table.Tabla thead,
table.Tabla tfoot {
  border: 1px solid #484848;
}

table.Tabla th,
table.Tabla thead,
table.Tabla tfoot {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

table.Tabla td {
  padding: 3px;
}

table.Tabla--SinBordes,
table.Tabla--SinBordes th,
table.Tabla--SinBordes tr,
table.Tabla--SinBordes td,
table.Tabla--SinBordes tbody,
table.Tabla--SinBordes thead,
table.Tabla--SinBordes tfoot {
  border: 0;
}

table.Tabla--SEVAC th,
table.Tabla--SEVAC thead,
table.Tabla--SEVAC tfoot {
  color: #ffffff;
  background-color: #41a62a;
}

table.Tabla--SEVAC tr {
  background-color: #e2efda;
}

table.Tabla--SEVAC tr:nth-child(even) {
  background-color: #ffffff;
}

table.Tabla--SEVAC tr td:first-child {
  width: calc(100% - 50px);
}

table.Tabla--SEVAC tr td:nth-child(2) {
  width: 50px;
  text-align: center;
}

/* Lista SEVAC */
ul.Lista--SEVAC > li {
  font-weight: bold !important;
}

ul.Lista--SEVAC li {
  font-weight: normal;
  list-style-type: disc;
}

ul.Lista--SEVAC li ul li {
  list-style-type: circle;
}

ul.Lista--SEVAC li ul li ul li {
  list-style-type: square;
}

/* YouTube */
.ContenedorYouTube {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px 0;
  clear: both;
}

.ContenedorYouTube iframe {
  display: block;
  margin: 0 auto;
}

.ContenedorYouTube--AnchoMaximo {
  display: block;
  width: 100%;
  height: 0;
  position: relative;
  float: none;
  clear: both;
  margin: 0 auto;
  padding-bottom: 56.45%;
}

.ContenedorYouTube--AnchoMaximo iframe {
  display: inline;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

/* Acordeon */
.Acordeon {
  display: block;
  width: 100%;
  height: auto;
  clear: both;
  margin: 0 0 20px 0;
}

.Acordeon h3 {
  line-height: 1;
  margin: 0 0 15px 0;
  padding: 0 0 10px 34px;
  border-bottom: 2px dashed #d0d0d0;
  box-sizing: border-box;
  cursor: pointer;
  background: transparent url("Imagenes/Iconos/VinetaAcordeon_LogotipoInaip.png") no-repeat scroll
    left top;
}

.Acordeon h3.ui-state-focus {
  outline: none;
}

.Acordeon h3 .ui-icon {
  display: none !important;
}

.Acordeon div {
  display: block;
  width: 100%;
  height: auto;
  clear: both;
  margin: 0 0 15px 0;
  padding: 10px 15px;
  box-sizing: border-box;
  background-color: #f0f0f0;
}

/* Componente Micrositio */
.InaipComponenteMicrositio {
  display: block;
  width: 100%;
  height: auto;
  clear: both;
  margin: 0 0 20px 0;
  overflow: hidden;
}

.InaipComponenteMicrositio__Menu {
  display: block;
  width: 30%;
  height: auto;
  float: left;
  clear: left;
  margin: 0 0 20px 0;
  padding: 0 10px 10px 0;
  box-sizing: border-box;
}

.InaipComponenteMicrositio__Menu ol {
  margin: 0;
  list-style: upper-roman inside;
}

.InaipComponenteMicrositio__Menu ol ol {
  margin: 0 0 0 18px;
  list-style: lower-roman inside;
}

.InaipComponenteMicrositio__Menu ol li {
  padding: 0 0 10px 0;
  text-align: left;
  cursor: pointer;
}

.InaipComponenteMicrositio__Menu li.InaipComponenteMicrositio__Menu--Activo > span,
.InaipComponenteMicrositio__Menu span:hover {
  font-weight: bold;
}

.InaipComponenteMicrositio__Contenido {
  display: block;
  width: 70%;
  height: auto;
  float: right;
  clear: right;
  margin: 0 0 20px 0;
}

.InaipComponenteMicrositio__Contenido a,
.InaipComponenteMicrositio__Contenido a:link,
.InaipComponenteMicrositio__Contenido a:visited,
.InaipComponenteMicrositio__Contenido a:hover,
.InaipComponenteMicrositio__Contenido a:active {
  text-decoration: underline;
}

/* Componente Galeria de Imagenes */
.InaipComponenteGaleria {
  display: block;
  width: 810px;
  height: auto;
  margin: 0 auto 30px auto;
  float: none;
  clear: both;
  padding: 0;
  box-sizing: border-box;
}

.InaipComponenteGaleria__Escenario {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  clear: both;
  padding-top: 66.66%;
  box-sizing: border-box;
}

.InaipComponenteGaleria__Escenario__Imagen {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.InaipComponenteGaleria__Escenario__Imagen img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s linear;
}

.InaipComponenteGaleria__Escenario__Imagen--Actual {
  z-index: 2 !important;
  opacity: 1 !important;
}

.InaipComponenteGaleria__Escenario__Imagen--Anterior {
  opacity: 0 !important;
}

.InaipComponenteGaleria__Barra {
  display: block;
  width: 100%;
  height: auto;
  clear: both;
  padding: 15px 40px;
  background: #f5f5f5;
  box-sizing: border-box;
}

.InaipComponenteGaleria__Barra__Titulo {
  display: block;
  width: 100%;
  height: auto;
  clear: both;
  text-align: center;
  font-size: 1.125em;
  margin: 0;
}

.InaipComponenteGaleria__Barra__Descargar {
  display: block;
  width: 100%;
  height: auto;
  margin: 5px 0 0 0;
  clear: both;
  text-align: center;
  line-height: 1;
  color: #009daa;
}

.InaipComponenteGaleria__Barra__Descargar a,
.InaipComponenteGaleria__Barra__Descargar a:link,
.InaipComponenteGaleria__Barra__Descargar a:visited,
.InaipComponenteGaleria__Barra__Descargar a:hover,
.InaipComponenteGaleria__Barra__Descargar a:active {
  color: #009daa;
  text-decoration: none;
}

.InaipComponenteGaleria__Barra__Descargar::before {
  content: "\f358";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  line-height: inherit;
  vertical-align: baseline;
  margin: 0 5px 0 0;
  color: #009daa;
}

.InaipComponenteGaleria__Carrusel {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
}

.InaipComponenteGaleria.InaipComponenteGaleria--SinPaginacion .InaipComponenteGaleria__Carrusel {
  display: none !important;
  visibility: hidden !important;
}

.InaipComponenteGaleria__Carrusel__Anterior,
.InaipComponenteGaleria__Carrusel__Siguiente {
  display: table;
  width: 50px;
  height: 143px;
  position: relative;
  box-sizing: border-box;
}

.InaipComponenteGaleria__Carrusel__Anterior {
  margin: 0 10px 0 0;
  float: left;
  clear: left;
}

.InaipComponenteGaleria__Carrusel__Siguiente {
  margin: 0 0 0 10px;
  float: right;
  clear: right;
}

.InaipComponenteGaleria__Carrusel__Anterior span,
.InaipComponenteGaleria__Carrusel__Siguiente span {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-touch-callout: none;
  user-select: none;
}

.InaipComponenteGaleria__Carrusel__Anterior span::after,
.InaipComponenteGaleria__Carrusel__Siguiente span::after {
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: 46px;
  font-style: normal;
  font-weight: normal;
  color: #808080;
}

.InaipComponenteGaleria__Carrusel__Anterior span::after {
  content: "\f104";
}

.InaipComponenteGaleria__Carrusel__Siguiente span::after {
  content: "\f105";
}

.InaipComponenteGaleria__Carrusel__Imagenes {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
}

.InaipComponenteGaleria__Carrusel__Imagenes ul {
  display: block;
  position: relative;
  width: 10000em;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}

.InaipComponenteGaleria__Carrusel__Imagenes ul li {
  display: block;
  position: relative;
  width: 214px;
  height: 143px;
  margin: 0 24px 0 0;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

.InaipComponenteGaleria__Carrusel__Imagenes ul li img {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}

.InaipComponenteGaleria__Carrusel__Paginacion {
  display: block;
  position: relative;
  width: 100%;
  height: 22px;
  clear: both;
  margin: 10px auto 0;
  line-height: 22px;
  text-align: center;
  box-sizing: border-box;
}

.InaipComponenteGaleria__Carrusel__Paginacion a {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 0 0 10px;
  text-align: center;
  line-height: 22px;
  -webkit-touch-callout: none;
  user-select: none;
}

.InaipComponenteGaleria__Carrusel__Paginacion a:first-child {
  margin: 0 !important;
}

.InaipComponenteGaleria__Carrusel__Paginacion a::after {
  content: "\f111";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  color: #e6e6e6;
  vertical-align: middle;
  text-align: center;
  line-height: 22px;
}

.InaipComponenteGaleria__Carrusel__Paginacion
  a.InaipComponenteGaleria__Carrusel__Paginacion--Seleccionado::after,
.InaipComponenteGaleria__Carrusel__Paginacion a:hover::after {
  color: #808080;
}

/* Iconos */
.Icono {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.IconoArchivoPDF {
  background: transparent url("Imagenes/Iconos/ArchivoPDF.png") no-repeat scroll 0 0;
}

/* Clases Extra para el Contenido */
.ReiniciarFuente {
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

.Bloque {
  display: block;
}

.BloqueEnLinea {
  display: inline-block;
}

.Centrar {
  text-align: center;
}

.CentrarBloque {
  margin: 0 auto;
}

.Izquierda {
  float: left;
}

img.Izquierda {
  margin: 0 30px 30px 0;
}

.Derecha {
  float: right;
}

img.Derecha {
  margin: 0 0 30px 30px;
}

.TextoIzquierda {
  text-align: left;
}

.TextoDerecha {
  text-align: right;
}

.TextoCentrado {
  text-align: center;
}

.TextoJustificado {
  text-align: justify;
}

.Negritas {
  font-weight: bold;
}

.Cursiva {
  font-style: italic;
}

.SubRayado {
  text-decoration: underline;
}

.Tachado {
  text-decoration: line-through;
}

.MostrarExcesoSiRebasa {
  overflow: auto;
}

.MostrarExceso {
  overflow: visible;
}

.EsconderExceso {
  overflow: hidden;
}

.RomperPalabras {
  word-break: break-word;
}

.RomperPalabrasCompletamente {
  word-break: break-all;
}

.Mayusculas {
  text-transform: uppercase;
}

.ConservarEspaciado {
  white-space: pre-wrap;
}

.AnchoExtraPequeno {
  width: 50px;
}

.AnchoPequeno {
  width: 100px;
}

.AnchoMedio {
  width: 200px;
}

.AnchoExtraMedio {
  width: 300px;
}

.AnchoGrande {
  width: 400px;
}

.AnchoExtraGrande {
  width: 500px;
}

.AnchoDobleExtraGrande {
  width: 700px;
}

.AnchoMaximo {
  width: 100%;
}

.AltoMaximo {
  height: 100%;
}

.SinMargen {
  margin: 0;
}

.SinRelleno {
  padding: 0;
}

.ConMargen {
  margin: 15px;
}

.ConMargenSuperior {
  margin-top: 15px;
}

.ConMargenInferior {
  margin-bottom: 15px;
}

.ConMargenIzquierdo {
  margin-left: 15px;
}

.ConMargenDerecho {
  margin-right: 15px;
}

.ConSeparacion {
  padding: 15px;
}

.ConSeparacionSuperior {
  padding-top: 15px;
}

.ConSeparacionInferior {
  padding-bottom: 15px;
}

.ConSeparacionIzquierda {
  padding-left: 15px;
}

.ConSeparacionDerecha {
  padding-right: 15px;
}

.ConBordesExpandidos {
  border-collapse: separate;
  border-spacing: 0 5px;
}

.ConBordesColapsados {
  border-collapse: collapse;
}

.TipoCursorAutomatico {
  cursor: auto !important;
}

.TipoCursorPuntero {
  cursor: pointer !important;
}

.TipoCursorTexto {
  cursor: text !important;
}

.TipoCursorEnEspera {
  cursor: wait !important;
}

.TipoCursorNoPermitido {
  cursor: not-allowed !important;
}

.TipoCursorAyuda {
  cursor: help !important;
}

.Lista--SinVineta {
  list-style-type: none;
}

.SubRayarVinculos a,
.SubRayarVinculos a:link,
.SubRayarVinculos a:visited,
.SubRayarVinculos a:hover,
.SubRayarVinculos a:active {
  text-decoration: underline;
}

.Invisible {
  display: none;
}

.Desactivado {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  visibility: hidden !important;
}

@media print {
  .NoImprimir,
  .NoImprimir * {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    visibility: hidden !important;
  }
}