/* ============================================== Variables =================================== */
main {
  --white: rgba(255, 255, 255, 1);
  --white-dark: rgba(245, 245, 245, 1);
  --white-dark2: rgba(252, 252, 252, 1);
  --grey: rgba(125, 120, 120, 1);
  --grey2: rgba(68, 68, 68, 1);
  --grey-dark: rgba(98, 108, 98, 1);
  --blue: rgba(142, 192, 224, 1);
  --blue-dark: rgba(0, 114, 198);
  --green: rgba(22, 82, 9, 1);

}


/* Disminuye la escala de la imagen si fuera necesario, pero no la aumenta */
#s4-workspace img {
  max-width: 100%;
  height: auto;
}

/* ============================================== Main ======================================== */
main {
  /* background-color: var(--white-dark2); */
  padding: 0px 20px 1em 20px;
}

/* ============================================== Común ======================================== */
/* Encabezados */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

main h1 {
  color: #0072c6 !important;
  font-family: inherit;
  font-size: 2em;
  font-weight: bold;
}

#madTitle h1 {
  margin: 0.5em 0em 0.5em 0em;
}


/* Párrafos */
main p {
  padding-bottom: 10px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  font-size: 1rem;
}

/* Enlaces */
main a {
  text-decoration: none;
  color: var(--blue-dark);
  font-size: 1rem;
}

main a:visited {
  color: var(--blue-dark);
}

/*  Imágenes */
main article img,
main aside img,
main footer img,
main header img,
main img,
main nav img,
main section img {
  max-width: 100%;
  height: auto;
}

/* Listas */
main ol {
  counter-reset: li;
  list-style: none;
  margin: 0;
  margin-left: 0px;
}

main ul {
  padding-left: 20px;
  clear: both;
}

main ul li {
  margin-bottom: 5px;
}

main ol ol,
ul ul {
  padding-left: 40px;
}

main ol li a {
  position: relative;
  display: block;
  font-size: 1.1em;
  padding: .4em .4em .4em 1.5em;
  margin: .5em 0;
  background: var(--grey-dark);
  color: var(--grey-dark);
  text-decoration: none;
  border-radius: .3em;
  transition: all .3s ease-out;
}

main ol li a:hover {
  background: var(--grey-dark);
}

main ol li a:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -1.3em;
  top: 50%;
  margin-top: -1.3em;
  background: var(--blue);
  color: var(--white);
  height: 2em;
  width: 2em;
  line-height: 2em;
  border: .3em solid var(--white-dark);
  text-align: center;
  font-weight: bold;
  border-radius: 2em;
  transition: all .3s ease-out;
}

.boxBlue {
  padding: .5rem;
  border: 1px solid var(--blue-dark);
  color: var(--blue-dark) !important;
  margin:1rem 0rem!important;
}
.boxBlue p {
  color: var(--blue-dark) !important;
  font-style:italic;
  padding: 0!important;
}


/* Listas sharepoint 2010 */
.ms-rteStyle-listaTipo1 {
  -ms-name: "Lista tipo 1";
  list-style-type: none;
  padding-left: 20px !important;
  list-style-image: none !important;
  text-align: justify;
}

.ms-rteStyle-listaTipo1 li {
  list-style-type: none;
  list-style-image: none !important;

}

.ms-rteStyle-listaTipo1 img {
  margin-left: 0px;
}

.ms-rtestate-field p,
p.ms-rteElement-P {
  color: var(--grey2);
  cursor: initial !important;
}

/* Listas sharepoint SP2007 */
.ms-rteCustom-listaTipo1 {
  list-style-type: none;
  padding-left: 20px !important;
  list-style-image: none !important;
  text-align: justify;
}

.ms-rteCustom-listaTipo1 img {
  margin-right: 5px;
}

.ms-asset-icon {
  margin: 0px 0px;
}

/* Estados */
button:hover,
button:active,
button:focus,
summary:hover,
summary:active,
summaryfocus,
a:hover,
a:active,
a:focus,
input:hover,
input:active,
input:focus,
#accordion summary:focus,
#accordion h3:focus {
  outline: 2px dotted var(--blue-dark);
  outline-offset: 0.188em;
  transition: outline-offset 0.15s linear;
  z-index: 2;
}

/*  Tablas */
main table {
  width: 100%;
}

main table caption {
  text-align: left;
  font-size: 1.8rem !important;
  color: var(--color-blue-dark);
  background-color: transparent;
  padding-bottom: .5rem;
}

main table th {
  background-color: rgb(213, 235, 244);
  color: var(--grey2);
  padding: 8px;
  vertical-align: top;
  border: 1px solid rgb(221, 221, 221);
}

main table tr:nth-of-type(2n+1) {
  background-color: rgb(235, 249, 255);
  border-left: 3px solid var(--white);
  border-right: 3px solid var(--white);
}

main table tr:nth-of-type(2n) {
  background-color: rgba(245, 245, 245, 1);
  border-left: 3px solid var(--white);
  border-right: 3px solid var(--white);
}

main table td {
  padding: 8px;
  vertical-align: top;
  border-top: 3px solid var(--color-white);
}

/* Tablas Tono-Saturación en Calendario.aspx daa*/
main .madTableoSaturacion .madTable table caption {
  /*text-align:center;*/
  font-size: 1.8rem;
  color: var(--grey2);
  background-color: transparent;
  padding-bottom: 1rem;
}

main .madTableoSaturacion table th {
  border-top: 0px solid transparent;
  border-bottom: 3px solid var(--white);
  border-left: 2px solid var(--white);
  border-right: 2px solid var(--white);
}

main .madTableoSaturacion table th:first-child {
  border-left: 0px solid var(--white);
}

main .madTableoSaturacion table th:last-child {
  border-right: 0px solid var(--white);
}

main .madTableoSaturacion .madTable>table>tbody>tr>td>ul {
  text-decoration: none;
  list-style: none;
  margin-left: auto;
  padding: 0
}

main .madTableoSaturacion table tr:last-child td {
  border-bottom: 2px inset rgb(190, 190, 190);
}


/* Tablas - role presentation */
main table[role=presentation] {
  border: none;
  border: 1px solid rgb(214, 214, 214);
}

main table[role=presentation] tr:nth-of-type(2n+1) {
  background-color: transparent;
}

main table[role=presentation] td {
  border: none;
}

main table[role=presentation] .madTableHeader1 {
  background-color: var(--grey-dark);
  text-align: center;
  padding: 0px;
}

main table[role=presentation] .madTableHeader1 h2 {
  color: var(--white) !important;
  margin: 0.3em 1em;
}

main table[role=presentation] .madTableSubheader {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  background-color: var(--white-dark);
}

main table[role=presentation] .madTableData {
  background-color: rgb(253, 253, 253);
}

main table[role=presentation] .madTableHeader2 {
  background-color: rgb(240, 240, 250);
  text-align: center;
  padding: 0px;
  border-top: 1px solid rgb(214, 214, 214);
}

main table[role=presentation] .madTableHeader2 h3 {
  margin: 0.3em 1em;
  font-size: 1.17em;
}



/************ Formularios *************/
.madForm {
  padding: 1rem;
}

/* legends */
.madForm legend {
  color: rgb(0, 114, 198);
  font-size: 1.5em;
  font-weight: bold;
  display: block;
  border: none;
  margin-bottom: 1rem;
}

/* Agrupaciones campos */
.madForm .form-group {
  margin-bottom: 10px;
}

/* Fieldset */
.madForm fieldset>label {
  padding-left: 0;
}

.madForm fieldset {
  display: block;
  margin: 2rem 0rem;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 0;
  margin-bottom: 5px;
  border: 1px solid rgb(204, 204, 204);
  margin-top: 0;
}


/* Textarea */
.madForm textarea {
  min-height: 80px !important;
  width: 100%;
  border-radius: 4px;
}

.madForm textarea:hover,
.madForm textarea:focus {
  border: 1px solid rgb(0, 114, 198);
  outline: 0;
}


/* Labels */
.madForm label {
  display: inline-block;
  color: rgb(78, 88, 78);
  font-weight: bold;
  padding-right: 10px;
  font-size: 0.9rem;
  text-transform: uppercase;
}

.madForm label abbr,
.madForm abbr {
  color: rgb(153 0 0);
}


/* Notas */
main .madForm .madNote {
  font-weight: bold;
  color: rgb(153, 0, 0);
  background-color: var(--white);
  padding: 6px 12px;
  border: 1px solid rgb(153, 0, 0);
  border-radius: 4px;
  margin-bottom: 1rem !important;
}

main .madForm .madLOPD {
  font-style: italic;
  margin-top: 0.5rem !important;
}

.form-group>div>span {
  font-style: oblique;
  font-size: 0.85rem;
}

/* Inputs */
.madForm .form-control {
  width: 100%;
  color: rgb(64, 64, 64);
  padding: 6px 12px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1rem;
  cursor: pointer;
  outline: 0;
  height: 35px;
}

.madForm .form-control:hover,
.madForm .form-control:focus {
  border-color: rgb(0, 114, 198) !important;
  outline: 0;
}

.madForm input:focus {
  border-color: rgb(0, 114, 198) !important;
  outline: 0;
}

.madForm input:focus:valid {
  font-weight: bold;
  color: rgb(60, 118, 61);
}

.madForm input:focus:invalid {
  font-weight: bold;
  color: rgb(169, 68, 66);
}


/* Checkboxes y radio*/
.madForm .checkbox label,
.madForm .radio label {
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 0px;
  padding-left: 25px;
  padding-right: 5px;
  /* margin-right: 0rem; */
}

.madForm .checkbox label:first-child,
.madForm .radio label:first-child {
  padding-left: 0px;

}

.madForm .radio label {
  font-weight: normal !important;
}

.madForm input[type="radio"],
.madForm input[type="checkbox"] {
  box-sizing: border-box;
  margin-bottom: 0;
  height: 25px;
  min-width: 25px;
  cursor: pointer;
}

.madForm input[type="radio"]:hover,
.madForm input[type="radio"]:focus,
.madForm input[type="checkbox"]:hover,
.madForm input[type="checkbox"]:focus {
  border: 1px solid rgb(0, 114, 198);
  outline: 0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}


/* Inputs files*/
.madForm input[type="file"] {
  width: 90%;
  overflow: hidden;
  border-radius: 4px;
  padding: 1rem;
}

.madForm input[type="file"]::-webkit-file-upload-button {
  background: rgb(78, 88, 78);
  border: 1px solid rgb(78, 88, 78);
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 0.75rem;
  outline: none;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.madForm input[type="file"]::-webkit-file-upload-button:hover {
  color: rgb(85, 85, 85);
  border: 1px solid rgb(146, 192, 224);
  background-color: rgb(230, 242, 250);
}

/* Captcha*/
.madForm .g-recaptcha {
  margin: 0.5rem 0rem;
  cursor: pointer;
}


/* Bordes */
.madformBorde {
  border: 1px solid #eee2e2;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

.recaptcha-checkbox-border {
  cursor: pointer !important;
}


/* Status*/
.madStatusOK {
  font-weight: bold;
  color: rgb(29 108 33);
  background-color: rgb(255, 255, 255);
  padding: 6px 12px;
  border: 1px solid rgb(29 108 33);
  border-radius: 4px;
  font-size: 1.5rem;
}

.madForm .madStatusERROR {
  font-weight: bold;
  color: rgb(153, 0, 0);
  background-color: rgb(255, 255, 255);
  padding: 6px 12px;
  border: 1px solid rgb(153, 0, 0);
  border-radius: 4px;
}


/* Buttons */
.madForm button {
  font-weight: bold;
  background-color: rgb(0, 114, 198);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  border-radius: 4px;
  margin-left: 0px;
  margin-bottom: 15px;
  padding: 6px 12px 8px 12px;
  cursor: pointer;
  display: inline-block;
  /* transition: all 1s ease; */
  margin-right: 10px;
}

.madForm input[type=button],
.madForm input[type=reset],
.madForm input[type=submit] {
  font-weight: bold;
  background-color: rgb(0, 114, 198);
  color: rgb(255, 255, 255) !important;
  font-size: 1rem;
  border-radius: 4px;
  margin-left: 0px;
  margin-bottom: 15px;
  padding: 6px 12px 8px 12px;
  cursor: pointer;
  display: inline-block;
  /* transition: all 1s ease; */
}

.madForm input[type=button]:hover,
.madForm input[type=reset]:hover:hover,
.madForm input[type=submit]:hover {
  color: rgb(85, 85, 85) !important;
  border: 1px solid rgb(146, 192, 224);
  background-color: rgb(230, 242, 250);
}

.madForm button:hover {
  color: rgb(85, 85, 85);
  border: 1px solid rgb(146, 192, 224);
  background-color: rgb(230, 242, 250);
}



#suscripciones #btnEnviar {
  font-weight: bold;
  background-color: rgb(0, 114, 198);
  color: rgb(255, 255, 255) !important;
  font-size: inherit;
  border-radius: 4px;
  min-width: 85px;
  color: rgb(64, 64, 64);
  border: 1px solid rgb(204, 204, 204);
  box-sizing: border-box;
  cursor: pointer;
  margin: 0rem 1rem 0rem 0rem;
  transition: background-color 0.5s ease;
  margin: .5rem 0rem;
}

#suscripciones #btnEnviar:hover {
  color: rgb(85, 85, 85) !important;
  border: 1px solid rgb(146, 192, 224);
  background-color: rgb(230, 242, 250);
}

.madLOPD {
  font-style: italic;
}





/* Breadcrumb */
main #madBreadcrumb {
  color: var(--color-grey);
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  margin-top: 0rem !important;
  padding: 1rem 0rem .5rem 0rem !important;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

main #madBreadcrumb li a {
  color: var(--color-grey-dark);
  cursor: pointer;
  font-size: .90rem;
}

main #madBreadcrumb li {
  padding: 3px 6px 0px 6px;
  color: var(--color-grey-dark);
  cursor: pointer;
  font-size: 0.9rem;
  list-style-type: none !important;
  list-style-image: none;
}

main #madBreadcrumb li:hover {
  text-decoration: underline;
}

main #madBreadcrumb li#madBCFirst {
  padding-right: 0rem;
  padding-left: 0;
}


/* Details */
main details>summary::-webkit-details-marker {
  display: none;
}

main details summary {
  cursor: pointer;
  position: relative;
  padding-left: 2.5rem;
  display: block;
  background-image: url("ico_sublogo.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  padding-right: 75px;
  padding-top: 2px;
  color: var(--blue-dark);
  font-family: inherit;
  font-weight: 500;
  font-size: 1.2rem;
  padding: .25rem;
  padding-left: 2.5rem;
}

main details>summary:focus,
main details>summary:hover {
  background-color: rgba(0, 110, 200, 0.15);
  outline: -webkit-focus-ring-color auto 0px;
  border-radius: 4px;
}

main details[open] summary:first-child::before {
  content: "–";
}

main details summary:first-child:before {
  content: "+";
  display: inline-block;
  margin-right: 0.25em;
  width: 20px;
  height: 20px;
  line-height: 15px;
  font-weight: bold;
  text-align: center;
  color: var(--white);
  background-color: var(--blue-dark);
  border-radius: 5px;
  position: absolute;
  left: 10px;
  top: 8px;
}

main details ul {
  /* list-style-image: none !important; */
  /* list-style-type: none !important; */
  margin-left: 40px !important;
}

main details ul li {
  margin-bottom: 0.25rem;
}

main details ul li a {
  display: inline-flex;
  align-items: flex-start;
}

main details[open] details summary:before {
  content: "+" !important;
}

main details[open] details[open] summary:before {
  content: "–" !Important;
}

main details[open] details[open] details summary:before {
  content: "+" !important;
}

main details[open] details[open] details[open] summary:before {
  content: "–" !Important;
}

details details {
  margin-left: 1.5rem;
}

/* Box Alerts */
.mad-alert-info {
  position: relative;
  background-color: #fcf8e3;
  border: 1px solid #fc9700;
  color: #fc9700;
  padding: 0.5rem;
  margin: 0 auto;
  margin-bottom: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
  padding-left: 4rem;
  font-size: 1.25rem;
}

.mad-alert-info i {
  text-align: center;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 1px;
  left: 5px;
}




@media only screen and (min-width: 992px) {
  .mad-alert-info {
    padding-left: 0rem;
  }
}


/*  Treeview */
main .madTree {
  padding-left: 0px !important;
}

main .madTree,
main .madTree ul {
  list-style-type: none;
  cursor: pointer;
}

main .madTree ul:first.child {
  margin-left: 0px !important;
}

main .madTree>li {
  font-family: inherit;
  list-style-image: none;
  line-height: 1.4;
  margin: 0em 0;
  width: 100%;
  color: rgb(81, 69, 69);
  margin-bottom: .40rem;
}

main .madTree li:focus>p,
main .madTree li:focus>div,
main .madTree li:focus>a,
main .madTree li:focus>span {
  outline: -webkit-focus-ring-color auto 1px;
}

main .madTree li:focus>span,
main .madTree li:hover>span {
  outline: -webkit-focus-ring-color auto 0px;
  background-color: rgba(0, 110, 200, 0.15);
  outline: -webkit-focus-ring-color auto 0px;
  border-radius: 4px;
}

main .madTree span.madPlus:before,
main .madTree span.madMinus:before,
main .madTree .simple:before {
  display: inline-block;
  margin-right: 0.25em;
  width: 20px;
  height: 20px;
  line-height: 15px;
  font-weight: bold;
  text-align: center;
  color: var(--white);
  background-color: var(--blue-dark);
  border-radius: 5px;
  position: absolute;
  left: 10px;
  top: 12px;
}

main .madTree a.simple:before {
  content: none !important;
}

main .madTree span.madPlus:before {
  content: "+" !important;
}

main .madTree span.madMinus:before {
  content: "–" !important;
}

main .madTree .simple {
  display: flex;
  padding: 0.5em 1em;
}

main .madTree li {
  margin-top: .5rem;
  list-style-image: none;
  font-size: 1rem;
}

main .madTree>li span {
  cursor: pointer;
  display: flex;
  position: relative;
  padding: 10px;
  color: var(--blue-dark);
  margin-bottom: .75rem;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2;
  padding-left: 2.5rem;
}

main .madTree>li a span {
  display: inline;
  font-weight: 400;
  color: #1d1c1c;
  margin: 0;
  font-size: 1em;
  color: var(--blue-dark);
}

main .madTree,
main .madTree [role="group"] {
  list-style-type: none;
  cursor: pointer;
}

.madTree li[aria-expanded="false"]>ul {
  display: none;
}

main #madBreadcrumb li.madBCLast:hover {
  text-decoration: none !important;
  cursor: initial;
}

main #madBC li a:hover,
main #madBC .madBCLast {
  color: var(--color-grey-dark);
}

.madCabeceraEstaticaDes {
  color: var(--blue-dark) !important;
  font-family: inherit;
  font-size: 1.6em;
  font-weight: bold;
}

.madCabeceraEstaticaDesh2 {
  color: var(--blue-dark) !important;
  font-family: inherit;
  font-size: 1.6em;
  cursor: pointer;
  display: table;
  margin: 0;
}

.madCabeceraEstatica3 {
  font-family: inherit;
  font-size: 1em !important;
}

.madCabeceraEstaticaDesh3 {
  font-size: 1.1em;
  font-weight: 400;
  color: var(--blue-dark) !important;
}

/* iframe */
.madPowerBI {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}


/* ===========Treeview Encuestas/========= */

.madTree.madGree span {
  color: rgb(24 24 24);
}

.madTree.madGree span {
  display: block;
  font-size: 1.1rem;
  background: #e4e8ec;
}

.madTree.madGree .madPlus:before {
  color: #fff;
  background: #000000;
}

main .madTree.madGree span.madPlus:before,
main .madTree.madGree span.madMinus:before,
main .madTree.madGree .simple:before {
  background: #000000;
}




/*  Box Grey Comun */
main #madFirstP {
  background-color: var(--white-dark);
  padding: 15px 15px 15px 15px;
  box-shadow: 3px 3px 4px rgba(128, 128, 128, 0.6);
  border-radius: 4px;
  margin-bottom: 1em;
  min-height: 100px;
}

main #madFirstP ul li {
  list-style-image: url(bullet_gris.png);
  margin-bottom: .25rem;
}

main #madImagen {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin-top: 5px;
  margin: 0px 30px 10px 0px;
  float: left;
  overflow: hidden;
}


main .madRI>iframe {
  aspect-ratio: 16 / 9;
  height: 100%;
  width: 100%;
}

/* ============================================== LAYOUTS ======================================== */
/* ============================================== madPAP_Contenido_Inicio ======================= */
main #madPAP_Contenido_Base #madBreadcrumb {
  display: none;
}


main #madPAP_Contenido_Base #madImagen {
  width: auto;
  height: auto;
}

main #madPAP_Contenido_Base h1 {
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 1.2em;
  line-height: 1.2em;
  background-color: var(--green);
  color: var(--white) !important;
}

main #madPAP_Contenido_Base #mad1C {
  padding-top: 1em;
  padding-right: 0.4em;
}

main #madPAP_Contenido_Base #mad1C #madBC {
  display: none;

}

/* Enlaces */
main #madPAP_Contenido_Base #divEnlaces ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  justify-content: space-evenly;
}

main #madPAP_Contenido_Base #divEnlaces {
  /* padding-top: 1.5em; */
  padding-right: 0.4em;
}

main #madPAP_Contenido_Base #divEnlaces li {
  list-style-image: none;
  list-style-type: none;
}

main #madPAP_Contenido_Base #divEnlaces img {
  padding: 0.15rem;
}

main #madPAP_Contenido_Base #divEnlaces img:hover {
  transform: scale(1.04, 1.04);
  transition: transform 0.2s ease 0s;
}

/* Novedades */
main #madPAP_Contenido_Base #divNovedades {
  padding-bottom: 1em;
  border-bottom: 1px solid rgb(203, 203, 203);
  border-right: 1px solid rgb(203, 203, 203);
  margin-top: 3em;
  margin-bottom: 1em
}

main #madPAP_Contenido_Base .divEncMD h2 {
  color: var(--grey2) !important;
  background-color: rgb(240, 245, 240);
  font-size: 1.4em;
  margin: 1em 0px 0px 0px;
  padding-left: 25px;
  font-weight: normal;
}

main #madPAP_Contenido_Base #divConMDN {
  overflow: auto;
  max-height: 512px;
  padding: 0.5rem 0.25rem;
}

main #madPAP_Contenido_Base #divConMDN ul {
  list-style-image: url("bullet_gris.png");
  font-size: 0.9em;
  padding-left: 27px;
  margin-bottom: 0.25rem;
}

main #madPAP_Contenido_Base #divConMDN ul li a {
  color: var(--red) !Important;
  font-size: .9rem;
  margin-bottom: .5rem;
  color: #804400 !Important;
}

main #madPAP_Contenido_Base #divConMDN ul li a:hover {
  text-decoration: underline;
}

main #madPAP_Contenido_Base .madInvitacion {
  background: var(--white);
  border: 5px double var(--green);
  padding: 2rem;
  margin: 1rem 0rem;
  border-radius: 4px;
}

main #madPAP_Contenido_Base .madInvitacion p {
  text-align: center;
  font-size: 1.5rem;
  font-style: italic;
  color: var(--green);
  font-weight: bold;
  line-height: 1.30 !important;
}

main #madPAP_Contenido_Base .madInvitacion a {
  font-size: 1.5rem;
}


/* Banners */
main .madBanners {
  background-color: var(--grey-dark);
  padding: 1em;
  text-align: center;
  display: grid;
  grid-template-columns: auto !important;
}

main .madBanners ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

main .madBanners ul li {
  margin-right: .5rem;
}

main .madBanners ul li a {
  width: 135px;
  height: 70px;
}

main .madBanners ul li img {
  width: 130px;
  height: 60px !important;
}

main .madBanners ul:nth-child(2) img {
  width: 90px !Important;
  height: 115px !Important;
}

main .madBanners ul li img:hover {
  transform: scale(1.04, 1.04);
  transition: transform 0.2s ease 0s;
}

/* ====Cookies======== */

#madCookies {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  background: #5aabff;
  box-shadow: -5px -5px 5px rgba(0, 0, 0, .3);
  color: #fff;
  font-size: .9rem;
  font-family: "Lato", sans-serif;
  font-weight: 100;
  transition: .8s;
  -webkit-animation: slideIn .8s;
  animation: slideIn .8s;
  display: flex;
  flex-flow: column;
  min-height: 140px;
  padding-bottom: 10px;
  align-items: center;
  justify-content: space-evenly;
}

#madCookies p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  gap: 10px;
  padding: 20px;
  max-width: 90%;
  position: relative;
}

#madCookies img {
  width: 5%;
  position: absolute;
}

#madCookies div span {
  display: flex;
  align-items: center
}

#madCookies .mensaje {
  margin-left: 20px;
  color: #000;
  font-size: 1.2rem;
}

#madCookies .mensaje a {
  font-size: 1.2rem;
  margin: 0 0 0 5px;
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  top: .5px;
  position: relative;
  margin-right: 5px;
  color: #fce62d !important
}

#madCookies .mensaje a:hover {
  border-bottom: 1px solid #fce62d
}

@-webkit-keyframes slideIn {
  0% {
    transform: translateY(50px)
  }

  100% {
    transform: translateY(0)
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(50px)
  }

  100% {
    transform: translateY(0)
  }
}

#madCookies button {
  font-weight: bold;
  background-color: var(--blue-dark);
  color: #fff !important;
  font-size: inherit;
  border-radius: 4px;
  min-width: 85px;
  color: var(--grey2);
  border: 1px solid var(--white-dark);
  box-sizing: border-box;
  cursor: pointer;
  margin: 0rem 1rem 0rem 0rem;
  transition: background-color 0.5s ease;
  margin: 1rem 0rem;
  padding: 0.5rem
}

#madCookies button:hover {
  background-color: #fce62d;
  color: #000 !important;
}

.madDspnone {
  display: none !important;
}


/* ============================================== pap_contenido_secundaria ======================= */

/* ============================================== pap_contenido_busquedas ======================= */
main #madBusqueda img {
  max-width: none;
  height: auto;
}

main #madBusqueda ul {
  padding: 0;
  padding-bottom: 0 !important;
}

main #madBusqueda #madBreadcrumb li {
  background-color: transparent;
}

main #madBusqueda #madBreadcrumb li a {
  color: var(--grey2) !important;
  font-size: .7rem;
  position: relative;
  top: 4px;
}

main #madBusqueda h2 {
  color: var(--grey2) !important;
  font-family: inherit;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.67em 0;
}

main #madBusqueda li {
  background-color: var(--white-dark);
  margin-bottom: .5rem;
  padding: 10px;
  list-style-type: none;
}

main #madBusqueda li a {
  color: var(--blue-dark) !important;
  font-weight: bold;
  display: flex !important;
  align-items: end;
  text-transform: uppercase;
}

main #madBusqueda #Paging {
  display: flex;
  justify-content: center;
}

main #madBusqueda #ResultFooter {
  display: none;
}

/* ============================================== pap_contenido_organigrama ======================= */
main #madChart .chart {
  border-radius: 8px 8px 8px 8px;
  padding: 0.3em 1em;
  font-weight: bold;
  text-align: left;
}

main #madChart .n1>li>.chart {
  border: 3px solid var(--green);
  text-align: center;
  padding: 1em 1em;
  background-color: var(--white-dark);
}

main #madChart .n2>li>.madn2 {
  border: 3px solid rgb(110, 79, 109);
  margin-left: 30px !Important;
  box-sizing: border-box;
}

main #madChart .madTree {
  padding-left: 70px !important;
}

#madChart .madTree {
  padding-left: 70px !important;
}

.MadinfoOrganigrama .chart {
  border: 0 !important;
}

#madChart .madTree li span,
#madChart .madTree li a {
  border: 3px solid rgb(72, 94, 109);
  padding: 0.3em 1em;
  display: block;
  border-radius: 8px 8px 8px 8px;
  color: rgb(40, 42, 43);
  cursor: pointer;
  font-size: 1.1rem;

}

#madChart .madTree li span {
  padding-left: 2rem;
}

#madChart .madTree li p span {
  border: none;
  padding: 0;
  margin: 0;
  display: inline;
  font-size: .9rem;
}

#madChart .madTree li:focus>p,
#madChart .madTree li:focus>div,
#madChart .madTree li:focus>a,
#madChart .madTree li:focus>span,
#madChart #madChart .madTree a:focus {
  border: 3px solid #d52f2f !important;
  border-radius: 8px;
  outline: 0 !important;
}

#madChart .madTree li:hover>p,
#madChart .madTree li:hover>div,
#madChart .madTree li:hover>a,
#madChart .madTree li:hover>span,
#madChart #madChart .madTree a:hover {
  background: rgb(221, 211, 221) !important;
}

#madChart .madTree span span:before {
  content: none;
}

#madChart address span {
  border: 0px solid rgb(72, 94, 109) !important;
  padding: 0 !important;
  display: contents !important;
}

#madChart a.chart:focus {
  border: 3px solid #d52f2f !important;
  border-radius: 8px;
  outline: 0 !important;

}

#madChart ul li ul li ul li ul li ul li span:before {
  content: none !important;
}

.MadinfoOrganigrama {
  float: right;
  position: relative;
  bottom: 4rem;
  right: 1rem;
  z-index: 99;
}

.madTree li:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

.madTree .madTable .madMinus:before,
.madTree .madTable .madPlus:before {
  content: none !important;
}

.chart p,
.chart address {
  margin-left: 0 !important;
}

#madChart .madTree li span.chart {
  margin: 0;
}

#madChart .madTree .madPlus:before,
#madChart .madTree .madMinus:before,
#madChart .madTree .simple:before {
  margin-right: 0.25em;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  position: absolute;
  top: 7px;
  left: 4px;
  background: rgb(102 106 109);
}

#madChart .madTree li[aria-expanded="true"]>ul {
  display: block !important;
}

main #madChart .madTree li[aria-expanded="true"]>ul {
  display: block !important;
}

main #madChart .n1 {
  list-style: none;
  list-style-image: none !important;
}

main #madChart .n2 {
  list-style: none;
  margin-top: 0.3em !important;
  list-style-image: none !important;
}



/* Información */
main .n1>li>.chart .madIGAE {
  font-size: 1.5em;
}

main .n1>li>.chart p {
  text-align: center;
  font-size: 1.1em;
}

main .n1>li>.chart p.madCV {
  font-size: 0.8em;
  color: var(--grey2);
  font-weight: normal;
}

main .n1>li>.chart p.madCV a {
  font-size: 1em;
  color: rgb(5, 94, 166);
  font-weight: 700;
}


/* ============================================== Denan ======================= */
main #suscripciones .pie_input {
  display: block;
  font-size: 0.8em;
  font-style: italic;
  /* float: right; */
}

main #suscripciones .capaOculta {
  display: none !important;
}

main #suscripciones .statusOculto {
  display: none;
}

main #suscripciones .statusCorrecto {
  font-weight: bold;
  color: var(--green);
  background-color: var(--white);
  padding: 6px 12px;
  border: 1px solid var(--green);
  border-radius: 4px;
}

/** Fecha cotrol ****/
main #suscripciones #ctl00_PlaceHolderMain_EditModePanel3_ctl00_lblFecha,
main span#ctl00_PlaceHolderMain_ctl01_lblFecha {
  color: rgb(51, 51, 51);
  font-weight: bold;
  font-size: 1em;
}


/* Inputs files*/
main #suscripciones input[type="file"] {
  width: 90%;
  overflow: hidden;
  border-radius: 4px;
  height: 70px;
}

/** Fecha cotrol ****/
main #suscripciones #ctl00_PlaceHolderMain_EditModePanel3_ctl00_lblFecha {
  color: rgb(51, 51, 51);
  font-weight: bold;
  font-size: 1em;
}

/** Cuadro informativo previo al form ****/
.madFomBoxInformation {
  margin: 0 auto;
  text-align: center;
  max-width: 600px;
  margin-top: 2rem;
  padding: 15px 15px 15px 15px;
  box-shadow: 3px 3px 4px rgba(128, 128, 128, 0.6);
  border-radius: 6px;
  margin-bottom: 1em;
  background-color: var(--white-dark);
}

.madFomBoxInformation p {
  color: #0072c6;
}

.madFomBoxInformation h2 {
  color: #0072c6;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.madFomBoxInformation .madStatusOK {
  background: transparent !important;
  border: 0 !important;
}

/** Cuadro informativo previo al form ****/
#ctl00_PlaceHolderMain_Formulario_pnlInformacion {
  margin: 0 auto;
  text-align: center;
  max-width: 600px;
  margin-top: 2rem;
  padding: 15px 15px 15px 15px;
  box-shadow: 3px 3px 4px rgba(128, 128, 128, 0.6);
  border-radius: 6px;
  margin-bottom: 1em;
  background-color: var(--white-dark);
}

#ctl00_PlaceHolderMain_Formulario_pnlInformacion H2 {
  color: #00178f;
  font-size: 2rem;
  margin-bottom: 1rem;
}

/* ======================= Ejecucion Presupuestaria Maquetación contenido usuario =========== */
main .MadEjecucionPresupuestaria {
  margin-bottom: 50px
}

main .MadEjecucionPresupuestaria h3 {
  margin-top: 0px;
  margin-bottom: 0.5em
}

main .MadEjecucionPresupuestaria ul li {
  margin-bottom: 1.3em;
  width: 77%;
}

main .MadEjecucionPresupuestaria ul li a {
  display: inline-block;
  width: auto;
  margin-right: 15%;
  margin-left: 0
}

main .MadEjecucionPresupuestaria ul li img {
  padding-left: 0 !important
}

main .MadEjecucionPresupuestaria ul li ul.ms-rteCustom-listaTipo1 li {
  margin-bottom: 0;
  width: auto;
  display: inline-block;
}

main .MadEjecucionPresupuestaria .MadEjecucionDife {
  display: inline-table;
  margin-right: 3%;
  margin-top: 1%
}

main .MadEjecucionPresupuestaria .MadEjecucionDife a {
  display: inline-table;
}

main .MadenlacesM ul li a:first-child {
  margin-right: 20px
}

main .MadenlacesM ul li a {
  margin-right: 5%
}

/* ======================= Faqs =========== */
.madfaqs a {
  text-decoration: underline;
}

.madfaqs span#orden55 {
  font-weight: 700;
}

.madfaqs .faqlist a {
  text-decoration: none;
}

.madfaqs h3 {
  background: #f7f4f4;
  line-height: 1;
  padding: 5px 0px;
  margin-top: 1rem;
}

main .faqlist p {
  padding-bottom: 0 !important;
}

details.faqs summary:first-child:before {
  background: #020202;
}

details.faqs summary {
  color: #020202;
  font-size: 1rem;
  line-height: 1.5;
}

#scrolltop {
  display: block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s ease-in;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #0072c6;
  border-radius: 50%;
}

.top-button {
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  cursor: pointer;
  padding: 14px;
  color: #faf8f8 !important;
}

#scrolltop a:hover {
  color: red;
}

/* ======================= Helpers =========== */
.border_grey {
  border: 1px solid #4c4646;
}

.border_blue {
  border: 1px solid #002C70;
}

.madPl4 {
  padding-left: 4rem;
}

.madPl6 {
  padding-left: 6rem;
}

.mabt20 {
  margin-bottom: 20px;
}

.malt20 {
  margin-left: 20px;
}

.wstrong {
  font-weight: 700;
}

.madDspiblock {
  display: inline-block !important;
}

.madFontcoloRed {
  color: #b21111;
}

.MadTextCenter {
  text-align: center;
}

.madTextDecoration {
  text-decoration: underline;

}

/* ============================================== RWD =================================== */
@media only screen and (min-width: 992px) {

  /* =========================================== Main ================================== */
  main {
    margin: 0px auto;
    padding: 0;
    width: 80%;
    max-width: 1480px;
  }

  /* =========================================== Común ================================= */
  /* Formularios */
  main .madForm .form-group {
    display: grid;
    grid-template-columns: .20fr .80fr;
    position: relative;
  }

  main .madForm .form-group2 {
    display: grid;
    grid-template-columns: .20fr .10fr .10fr;
    margin: 1rem 0rem 1rem 0rem;
  }

  main .madForm label,
  main .madRight,
  main .madForm .form-group legend {
    text-align: right;
  }

  main .madForm .form-group-medium .form-group {
    display: grid;
    grid-template-columns: .50fr .50fr;
    grid-gap: 1rem;
  }

  main .madForm label {
    text-align: right;
  }

  main .madForm .madHelp {
    margin-left: 100% !important;
    width: 100%;
  }

  main .madForm fieldset>label {
    padding-left: 10.5rem;
  }

  madDspnone {
    display: none !important;
  }


  /* ============================================== LAYOUTS ======================================= */
  /* ============================================== madPAP_Contenido_Inicio ======================= */
  main #madPAP_Contenido_Base {
    display: grid;
    grid-template-columns: 0.75fr 0.25fr;
    grid-column-gap: 1em;
    margin: 0rem 1.5rem;
  }

  /* Enlaces */
  main #madPAP_Contenido_Base #divEnlaces ul {
    flex-direction: column;
    justify-content: space-between;
  }

  main #madPAP_Contenido_Base #madFirstP {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 3rem;
  }

  main #madPAP_Contenido_Base #mad1C #madFirstP {
    /*padding-left: 15px;*/
    padding-left: 100px;
  }

  main #madPAP_Contenido_Base p {
    text-align: justify;
  }

  /* ============================================== madPAP_Contenido_Secundaria =================== */
  main #madFirstP ul {
    margin-left: 140px;
    clear: initial;
  }

  /* ============================================== madPAP_Contenido_Busquedas ==================== */
  .ms-srch-siteSearchResults {
    float: none;
  }

  /* ============================================== madPAP_Contenido_Organigrama ================== */

  /* ============================================== madPAP_Contenido_Denan ========================= */
  main #suscripciones .madForm .form-group {
    display: grid;
    grid-template-columns: .25fr .75fr;
    position: relative;
  }

  main #suscripciones .madForm .madformBorde .form-group {
    display: inherit;
  }

  main #suscripciones .madForm .form-group-short {
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 0.5rem;
  }

  main #suscripciones .madForm label {
    text-align: left;
  }

  main #suscripciones .madForm fieldset:nth-child(8) .form-group {
    align-items: center;
  }

  main #suscripciones .madForm .form-group.short {
    grid-template-columns: .35fr 100px 100px !important;
  }


}