@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,700italic,400italic,300italic");
/*@import url("bootstrap.css");*/
/*@import url("../fonts/font-awesome.css");*/

@font-face {
  font-family: glyphicons;
  src: url(../fonts/glyphicons-halflings-regular.woff);
}

@font-face {
  font-family: hack;
  src: url(../fonts/Hack-Regular.ttf);
}

@font-face {
  font-family: fontawesome;
  src: url(../fonts/fontawesome-webfont.woff);
}

* {
  margin: 0;
  padding: 0;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: fontawesome, sans-serif;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 300;
}

body {
  /*font-family: 'Roboto', Arial, sans-serif;*/
  color: #000000;
  /*font-size: 14px;*/
  
  /*background-color: #ffcccc;*/
  background-color: #eaf1fb;
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

a
{
	text-decoration: none;
	color: #1B3160;
}

a:hover
{
	text-decoration: underline;
	color: blue;
}

/*---------------------------------------------------------------------------cabecera---------------------------------------------------------------------------*/

#cabecera_de_pagina
{
  display: grid;
  place-items: center;
  width: 100%;
  background-color: white;
}

#cabecera_de_pagina a
{

}

.logo_principal
{
  max-height: 100px;
  width: auto;
}

.titulo_principal
{
  
}


/*---------------------------------------------------------------------------menu---------------------------------------------------------------------------*/

#menu
{
  display: grid;
  place-items: center;
  text-align: center;
  width: 100%;
  background-color: #63BC46;
}

#sub_menu
{
  display: grid;
  place-items: center;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #1B3160;
  background-color: white;
}

#sub_menu .capitulo
{
  text-align: left;
  display: block;
  font-size: clamp(9px, 1.25vw, 15px);
  padding: 3px;
  border: 2px solid #1B3160;
  background-color: #1B3160;
  color: white;
  font-weight: bold;
}

#sub_menu .seccion
{
  text-align: left;
  display: block;
  font-size: clamp(8px, 1.15vw, 14px);
  padding: 3px;
  border: none;
  background-color: white;
  color: #1B3160;
  font-weight: normal;
}

#sub_menu .archivo
{
  color: #63BC46;
  text-align: left;
  display: block;
  font-size: clamp(7px, 1.05vw, 13px);
  padding: 3px;
  background-color: transparent;
}

#sub_menu .archivo a
{
  /*color: #63BC46;*/
  text-align: left;
  font-size: clamp(7px, 1.05vw, 13px);
}

/*---------------------------------------------------------------------------pie---------------------------------------------------------------------------*/

#pie
{
  width: 100%;

  background-color: #1B3160;
  display: grid;
  place-items: center;
  color: white;
}

/*---------------------------------------------------------------------------varios---------------------------------------------------------------------------*/

.indice_contenedor
{
  display: grid;
  /*grid-template-columns: minmax(150px, 25%) 1fr;*/
  place-items: center;

  /*display: flex;
  flex-wrap: wrap;
  justify-content: center;*/
}

.indice_fondo
{
  display: block;
  /*height: 75vh;*/
  height: auto;
  width: 100%;
  /*background-image: url('../imagenes/fondo_principal.jpeg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
}

.indice_cajas
{
  /*flex: 1 1 250px;*/
  margin: 5px;
}

.caja_1
{
  /*max-width: 150px;*/
  background-color: transparent;
}

.caja_2
{
  background-color: white;
  border-left: 3px solid #1B3160;
}

.caja_3
{
  background-color: transparent;
}

.resumen_indice
{
  width: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  white-space: nowrap;
  border-collapse: collapse;
  padding: 0px;
  line-height: 1em;
  /*font-size: 0.8vw;*/
  /*border: 2px solid #1B3160;*/
}

.resumen_indice tr:hover
{
  border: 1px solid #1B3160;
}

.resumen_indice th
{
  color: white;
  background-color: #63BC46;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}

.resumen_indice td
{
  padding-left: 3px;
  padding-right: 3px;
}

.boton_ir_al_site
{
  display: inline-block;
  width: 100%;
  height: 2em;
  text-align: center;
  text-decoration: none;
  border: solid 2.5px #1B3160;
  background-color: #63BC46;  /*!important*/
  color: white;
  font-weight: bold;
  margin: 0px;
  line-height: 1.2em;
  padding: 5px;
}

.calendario
{
  table-layout: fixed;
  width: 100%;
}

.calendario td
{
  width: 14.2857%;
}
.calendario .calendario_dia
{
  background-color: transparent;
  height: 100px;
  overflow: hidden;
}

.calendario .calendario_dia
{
  overflow-y: scroll;
}

.calendario_dia_numero
{
  width: 100%;
  background-color: transparent;
  position: absolute;
}

.calendario .gris
{
  background-color: #e6e6e6;
  color: #b3b3b3;
}

.calendario .evento
{
  font-size: clamp(6px, 1.25vw, 12px);
}

.tabla_listado
{
  /*display: inline-block;*/
	/*width: 100%;*/
  width: auto;
  margin-left: auto;
  margin-right: auto;
	text-align: left;
	white-space: nowrap;
	border-collapse: collapse;
	padding: 0px;
	line-height: 1em;
  font-size: 0.8vw;
  border: 2px solid #1B3160;
}

.tabla_listado tr
{
	border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.tabla_listado tr:hover
{
	border: 1px solid #1B3160;
}

.tabla_listado tr:hover td
{
	/*border: 1px solid #1B3160;*/
	border-top: 1px solid #1B3160;
    border-bottom: 1px solid #1B3160;
}

.tabla_listado tr:nth-child(even),
.calendario tr:nth-child(even)
{
	background-color: white;
}

.tabla_listado tr:nth-child(odd),
.calendario tr:nth-child(odd)
{
	background-color: #eaf1fb;
}

.tabla_listado th,
.tabla_listado td
{
  margin: 0px;
  padding: 0px;
  padding: 4px;
}

.tabla_listado th,
.calendario th
{
	color: white;
	background-color: #1B3160;
	font-weight: bold;
}

.tabla_verde
{
  border: 2px solid #63BC46;
}

.tabla_verde th
{
  background-color: #63BC46;
}

.tabla_carga
{
	text-align: left;
	white-space: nowrap;
	border-collapse: collapse;
	margin-left: auto;
  margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
	line-height: 100%;
	border: 2px solid #1B3160;
}

.tabla_carga th,
.tabla_carga td
{
  margin: 0px;
  padding: 0px;
  padding: 2px;
  white-space: nowrap;
}

.tabla_carga th
{
  color: #1B3160;
  font-weight: bold;
}

.tabla_carga input,
.tabla_carga select
{
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: 150%;
  /*font-size: 15;*/
  border: none;
  border: solid 1px #1B3160;
}

.tabla_carga input[type="checkbox"]
{
  margin: 0px;
  padding: 0px;
}

.boton_guardar
{
  width: 100%;
  height: 100%;
  border: none;
  border: solid 2.5px #1B3160;
  background-color: #63BC46;  /*!important*/
  color: white;
  font-weight: bold;
  margin: 0px;
  line-height: 120%;
  padding: 5px;

  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.boton_guardar:hover
{
  background-color: white;
  border: solid 2.5px #63BC46;
  color: #63BC46;
  cursor: pointer;
  
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.boton_guardar_azul
{
  width: 100%;
  height: 100%;
  border: none;
  border: solid 2.5px #1B3160;
  background-color: #1B3160;  /*!important*/
  color: white;
  font-weight: bold;
  margin: 0px;
  line-height: 110%;
  padding: 3px;

  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.boton_guardar_azul:hover
{
  background-color: white;
  border: solid 2.5px #1B3160;
  color: #1B3160;
  cursor: pointer;
  
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.contenedor_principal
{
  overflow-x: scroll;
}

.contenedor_centrar
{
  display: grid;
  place-items: center;
  width: 100%;
  height: auto;

  /*border: solid 2.5px #63BC46;*/
  /*border-collapse: collapse;*/
}