@import url(iconos.css);
:root {
    --color1-150: #DDEEEC;
    --color1-125: #89BEBA;
    --color1-100: #457E76;
    --color1-090: #335B55;
    --color1-080: #203C37;
    --color1-075: #172B28;
    --color2-bg: #A70332;
    --color2-text: #9E1834;
    --color3-bg: #e2e7f5;
    --color4-bg: #F4E7E1;
    --color5-bg: #F5E2E6;
    --text-color: #000000;
    --bg-color: #ffffff;
    --border-gray: #cccccc;
	--bg-disabled: #EEEEEE;
	--c-disabled: #555555;
	--bc-disabled: #AAAAAA; /* border-color*/
    --color-focus: #558E86;
}
body                        { background-color: var(--bg-color); font-family: Arial, Helvetica, sans-serif; padding: 0 !important; margin: 0 !important; display: flex; flex-flow: column nowrap; min-height: 100vh; overflow-x: hidden; min-width: 320px; }
body *                      { box-sizing: border-box; }
body > *                    { padding: 0px 15px; line-height: 1.7rem; }
body > header > section     { max-width: 1280px; margin: 0px auto; padding: 0px; display: flex; flex-flow: row nowrap; gap: 10px; }
body > header > section > * { flex: 1 1 auto; color: var(--text-color); }

@media screen and (max-width: 768px) {
	body > header > section            { flex-flow: column nowrap; margin: 0; }

}

/* ESTILOS GENERALES PARA ELEMENTOS */
main, .main                           { max-width: 1280px; margin: 0 auto; width: 100%; }
main p a[href^=http][target]::after,
main p a[href^=http][target] > span::after      { content: "\e903"; font-family: 'INEIcons'; padding-left: 4px; font-weight: 400; text-decoration: none; display: inline-block; }
main p a[href^=http][target]:has(span)::after {content: inherit;}


main > section,
body > section.banner           {margin-bottom: 0px;}

body > main > div > section > h2 {padding: 3rem 0rem;}

a,
a.w                             { color: var(--color1-100); font-family: inherit; padding: 0; text-decoration: none;}
a[role="button"]              { color:var(--text-color);}

a.w:link,
a.w:active,
a.w:hover,
a.w:visited                     { font-size: 0.9rem; font-weight: 400; }

a:focus,
[role="button"]:focus,
[tabindex="0"]:focus,
button:focus, input:focus, textarea:focus, select:focus  {display: inline-block; text-decoration:none; border-color: var(--bg-color);  outline: 2px solid var(--color-focus);box-shadow: 0 0 0 2px var(--bg-color); }


a:hover,
[role="button"]:hover, 
[tabindex="0"]:hover,    
button:hover, input:hover, textarea:hover, select:hover { text-decoration:none;  border-color: var(--bg-color);  box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--color-focus); }

dl                              { display: grid; grid-template-columns: auto 1fr; line-height: 1.5rem; }

#p_873 h2,#p_873 h3,#p_873 h4,#p_873 h5{ --colorAlt:var(--color2-text); --color:var(--text-color);}

h1, h2, h3, h4, h5 {--color:var(--color2-text); --colorAlt:var(--text-color);}
h1, h2, h3, h4, h5              { padding: 1rem 0rem; margin: 0px; line-height: initial;}
 
h1                              { font-size: 1.80rem; font-weight: bold; color: var(--color);}
h2                              { font-size: 1.60rem; font-weight: bold; color: var(--colorAlt);}
h3                              { font-size: 1.4rem; font-weight: bold; color: var(--color);}
h4                              { font-size: 1.2rem; font-weight: bold; color: var(--colorAlt);}
h5                              { font-size: 1.1rem; font-weight: bold; color: var(--color);}

h1 ~ h2, h2 ~ h2                { margin-top: 1.5rem; }
h2 ~ h3, h3 ~ h3                { margin-top: 1rem; }

img                             { border: none; height: auto; }
p                               { margin-top: 0.5rem; margin-bottom: 0.5rem; }
ul, ol                          { list-style: none; margin: 0; padding: 0; }

input[type="button"], button                { background: var(--color1-100); color: var(--bg-color); border: 1px solid var(--color1-100); cursor: pointer; min-height: 36px; min-width: 36px; font-weight: 600; padding: 0 10px; margin: 10px 0; }
input[disabled], button:disabled                { background: var(--bg-disabled) !important; color: var(--c-disabled) !important; border-color: var(--bc-disabled) !important;}
input[type="button"] + input[type="button"],
button + input[type="button"],
input[type="button"] + button,
button + button                             { margin-left: 5px; }
input[type="button"].secondary,
button.secondary                            { background-color: var(--color2-bg); color: var(--bg-color); }
input[type="button"].cancel,
button.cancel                               { background-color: var(--bg-color); color: var(--text-color); border: 1px solid var(--text-color); }
input[type="button"].lighting,
button.lighting                             { background-color: var(--color1-150); color: var(--text-color); border: 1px solid var(--color1-125); }
.btn-rounded button, 
button.btn-rounded                          { border-radius: 100%; }



.showing-menu                   { overflow: hidden; }

body > header,
body > nav:not(.fixed)          { max-width: none; margin: 0 auto; width: 100%; padding: 0; }
body > header                   { padding: 15px; }

/* ESTILOS GENERALES PARA CLASES */
.hidden, [hidden]           { display: none !important; }
.sr-only                    { border: 0; clip: rect(0,0,0,0); width: 1px; height: 1px; visibility: hidden; margin: -1px; overflow: hidden; padding: 0!important; position: absolute!important; background-color: initial; color:initial;}

.left                       { text-align: left; }
.right                      { text-align: right; }
.center                     { text-align: center; }
.bg-warning                 { background: rgba(255, 204, 153, 0.3); border: 1px solid rgba(0,0,0,0.1); }
.bg-error                   { background: rgba(167, 3, 50, 0.1); border: 1px solid rgba(0,0,0,0.1); }

.lineaMenu                  { padding: 10px 0px 5px 0px; }
.lineaFormNoJava            { width: 100%; margin: auto; padding: 0px 0px 10px 5px; display: block !important; }
.lineaFormNoJava2           { border: 1px  solid var(--color1-150); width: 100%; margin: auto; padding: 0px 5px 5px 5px; }
.etiquetaJavaBold           { font: bold 1rem Arial,sans-serif; }
.negrita                    { font-weight: bold; }
.general                    { width: 100%; font: 1em Arial, sans-serif; padding: 0px 0px 0px 0px; margin: 0px; border: 0px; float: left; }
.classdivBusq               { border: 1px  solid var(--color1-150); float: left; font: bold 1em Arial,sans-serif; margin: 5px 5px 5px 0px; padding: 5px; width: 100%; }
.TituloH1Ini                { padding: 10px 0px 10px 5px; margin: 0px 0px 0px 0px; border: 1px  solid var(--color1-150); background-color: var(--color1-150); font-weight: bold; width: 100%; }

/* LOGO INE */
.ImagenLogoIne          { display: flex; flex-flow: row nowrap; align-items: flex-end; gap: 15px;}
.ImagenLogoIne > a      { padding-left: 0; line-height: initial;}
.ImagenLogoIne > a > img{ width: 200px;}
.ImagenLogoIne > .tituloLogo     { font-size: 2.3rem; color: var(--color2-bg); margin: 0; padding: 0; font-weight: 400; line-height: 2.3rem; position: relative; top: 1px; }

/* ESTILOS PARA MENU-IDIOMA Y BUSCADOR */
body > header > section .Menu_idioma             { text-align: right; }
body > header > section .Menu_idioma ul          { display: flex; flex-flow: row nowrap; gap: 10px; justify-content: flex-end; align-items: center; }
body > header > section .MenuDch                 { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;gap: 10px;}
#Menu_cabeceraBuscador .Menu_searchString       { text-decoration: none; background-color: var(--bg-color); padding: 0 5px; vertical-align: bottom; width: calc(100% - 36px); height: 36px; border: 1px solid var(--text-color); box-sizing: border-box; margin: 0; }
#Menu_cabeceraBuscador                  { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; gap: 0; }
#Menu_cabeceraBuscador > button         { background: var(--color2-bg); color: white; box-sizing: border-box; width: 36px; height: 36px; position: relative; top: 0px; left: 0; margin: 0 0 0 -5px; border: 1px solid var(--text-color); line-height: 34px; padding: 0; }
#Menu_cabeceraBuscador > button::before { content: "\e91d"; cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "INEIcons"; font-weight: 900; font-size: 24px; text-align: center; padding: 0; }
#Menu_cabeceraBuscador > button:hover, 
#Menu_cabeceraBuscador > button:focus   { box-shadow: 0 0 0 1px var(--bg-color) inset; background: var(--color1-100); }

.Menu_cabeceraIdioma .language          { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 0;}

#comboIdioma                            { text-decoration: none; background-color: var(--bg-color); padding: 1px 1px 1px 1px; border: 1px solid var(--text-color); margin: 0px; box-shadow: none; height: 36px; }
#comboIdioma:hover,
#comboIdioma:focus 					    { box-shadow: 0 0 1px 0px var(--color1-100) inset, 0 0 0px 2px var(--color1-100); }
#comboIdioma + button                   { background-color: var(--bg-color); border: 1px solid var(--text-color); color: var(--text-color); margin: 0 1px 0 -1px; }
#comboIdioma + button:hover,
#comboIdioma + button:focus             { box-shadow: 0 0 0 1px var(--bg-color) inset; background: var(--color1-100); color: var(--bg-color); }

@media screen and (max-width: 650px) {
    .ImagenLogoIne > a                  { padding-left: 0; }
    .ImagenLogoIne > a                  { padding-left: 0; }

    body > header > section > .MenuDch  {  flex-direction: row} 
    body > header > section             {flex-flow: column nowrap; }
    body > header > section > .MenuDch > .capa_Menu_cabeceraBuscador { order :1;flex-grow: 1;}
    body > header > section > .MenuDch > .Menu_idioma { order :2;}
    body > header > section > .MenuDch > .Menu_idioma li.fontsize {display : none}
}

@media screen and (max-width: 450px) {
    .ImagenLogoIne > .tituloLogo        { font-size: 1rem; line-height: 1rem; margin-bottom: 6px; }
}

/* ESTILOS PARA EL MENÚ PRINCIPAL */
.main-menu                                                { padding: 0; margin-left: 0px; background: var(--color1-100) !important; border: none; border-radius: 0; display: flex; flex-flow: row nowrap; position: sticky; top: 0; height: 38px; z-index: 9; font-size: 1.0rem; }
.main-menu > div                                          { display: flex; flex-flow: row nowrap; /* justify-content: stretch; */ /* align-items: stretch; */ width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 10px 0 12px; }
.main-menu > div > .toggleBtn                             { flex: 1 1 auto; }
.main-menu > div > .toggleBtn button                      { color: var(--bg-color); font-size: 32px; height: 34px; display: inline-block; line-height: inherit; position: relative; top: 2px; text-decoration: none; }
.main-menu > div > .toggleBtn button i                    { pointer-events: none; color: var(--bg-color); }
.main-menu > div > .toggleBtn .miniLogo                   {  pointer-events: none; color: var(--bg-color); display: none; }
.main-menu > div > .toggleBtn .miniLogo>span              { overflow: hidden; max-width: 50px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom;}
.main-menu.fixed > div > .toggleBtn .miniLogo             { display: inline; padding-left: 0.5em;}
.main-menu > div > ul                                     { display: flex; flex-flow: row wrap; gap: 10px; padding-left: 0; margin-bottom: 0; }
.main-menu > div > ul li                                  { position: relative; }
.main-menu > div > ul li a                                { line-height: 38px; text-decoration: none; color: var(--bg-color); display: block; padding: 0 10px; }
.main-menu > div > ul li ul                               { display: none; }
.main-menu > div > ul li a.active                         { background: var(--bg-color); color: var(--color1-100); }
.main-menu > div > ul .dropdown > a                       { padding: 0 0 0 8px; }
.main-menu > div > ul .dropdown a.active .ii              { background: var(--color1-100); color: var(--bg-color); }
.main-menu > div > ul .dropdown .active + ul              { display: block; position: absolute; right: 0; top: 36px; width: 13.2rem; height: auto; background: var(--color1-100); white-space: nowrap; padding: 0 0 10px; }
.main-menu > div > ul .dropdown .active + ul a i          { font-size: 21px; float: right; position: relative; top: 6px; color: var(--bg-color); }
.main-menu > div > ul .dropdown .active + ul a *          { pointer-events: none; }
.main-menu > div .ii-share                                { top: 2px; font-size: 17px; display: inline-block; position: relative; background: var(--bg-color); border-radius: 100px; width: 26px; height: 26px; color: var(--color1-100); padding: 0; line-height: 28px; text-align: center; }
.main-menu > div .ii-share:before                         { position: relative; top: -1px; left: -1px; }
.main-menu > div .ii-twitter-x                            { width: 1.56rem; }
.main-menu > div .ii.ii-mail                              { font-size: 27px !important; left: 3px; }

@media screen and (max-width: 639px) {
    .main-menu > div a.tit                        { display: none; }
}

/* ESTILOS PARA LAS OPCIONES LATERALES DEL MENÚ PRINCIPAL */
#sidebarCollapse                                        { padding: 0; border-width: 0px; margin: 0; }
#sidebar                                                { background: var(--color1-100) !important; padding-left: 7px; padding-right: 0; min-width: 290px; max-width: 290px; width: 100%; position: fixed; top: 0px; left: -320px; height: 100%; z-index: 99999; color: var(--bg-color); transition: all 0.5s; overflow-y: auto; }
#sidebar::before                                        { content: ""; width: 0; /*transition: width 0.3s ease; transition-property: width, opacity; transition-delay: 0.35s;*/ }
#sidebar.active::before                                 { background: rgba(222, 232, 228, 0.7); position: fixed; left: 290px; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 1; }
#sidebar .titulo h1                                     { display: inline-block; font-size: 0px; line-height: 0px; margin: 0px; }
#sidebar .titulo h1 > a > span                          { text-indent: -1000px; display: inline-block; font-size: 0px; line-height: 0px; }
#sidebar .intellimenu > li                              { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
#sidebar .intellimenu > li:last-child                   { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 0 none; padding-bottom: 20px; }
#sidebar .intellimenu > li:first-child > div            { display: inline-block; height: 40px; line-height: 40px; }
#sidebar .intellimenu > li:first-child > div:last-child { float: right; }
#sidebar .intellimenu > li:first-child > div a          { margin: 2px 8px; padding: 0; height: 40px; }
#sidebar .intellimenu > li:first-child > div a:hover    { outline: 2px solid var(--bg-color) !important; outline-offset: 0 !important; box-shadow: 0 0 0 2px var(--color1-100); }
#sidebar.active                                         { left: 0; }
#sidebar .sidebar-header                                { padding: 20px; background: var(--color1-150); color: black; }
#sidebar ul.components                                  { padding: 0px; border-bottom: 0px; }
#sidebar ul.components li                               { border-bottom: 1px solid var(--bg-color); padding-left: 0px; margin-left: 5px; margin-right: 5px }
#sidebar ul.components li:last-child                    { border-bottom: 0px; }
#sidebar ul.components li ul li                         { margin: 0px; }
#sidebar ul.margen_sup40 a                              { padding: 3px 5px; }
#sidebar ul.margen_sup40 li.link-font09 a               { padding: 0px; font-size: 0.9em; }
#sidebar ul p                                           { padding: 10px 10px 10px 0px; font-size: 1.1em; display: block; }
#sidebar a                                              { display: block; color: var(--bg-color); z-index: 1; text-decoration: none; }
#sidebar-menu                                           { display: block !important; max-width: 290px; height: auto; margin-left: -7px; }
#sidebar-menu li span:not(.collapsed)                   { background: var(--bg-color); color: var(--text-color); } 
#sidebar-menu > li > ul                                 { background: rgba(0, 0, 0, 0.2); }
#sidebar-menu > li > ul > li > ul                       { background: rgba(0, 0, 0, 0.4); }
#sidebar-menu > li > ul > li > ul > li > ul             { background: rgba(0, 0, 0, 0.6); }
#sidebar-menu span::after                               { top: 1.4rem;}

#sidebar-menu.intellimenu li > a:hover,
#sidebar-menu.intellimenu li > span:hover               { background: var(--bg-color) !important; color: var(--text-color) !important; }
#sidebar .footer                                        { text-align: center; margin-top: 25px; }
#sidebar .footer div                                    { padding: 4px 8px; background: var(--bg-color); color: var(--text-color); line-height: 24px; }
#sidebar .footer ul                                     { margin-top: 25px; }
#sidebar .footer > p                                    { padding: 0; margin: 0; text-align: left; }
#sidebar .footer > p:last-child                         { margin-bottom: 2rem; }
#sidebar hr                                             { border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 0 none; margin-bottom: 2rem; margin-top: -1px; }
#sidebar .ii-home,
#sidebar .ii-times                                      { font-size: 36px; color: var(--bg-color); }
#sidebar-menu a.button                                  { margin: 10px 20px; display: block; width: auto; height: initial; box-sizing: border-box; background: var(--bg-color); border-radius: 4px; color: var(--text-color); display: flex; flex-flow: row nowrap; justify-content: center;}
#sidebar-menu a.button>i.ii                             { margin: 0px 5px;}

.ocultar                                                { width: 1px; height: 1px; overflow: hidden; display: block; }

/* CUSTOM SCROLL */
/*
@-moz-document url-prefix()                             { 
    #sidebar { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.25) rgba(0, 0, 0, 0.0); border-right: 3px solid #457e75; }
}
#sidebar::-webkit-scrollbar                             { width: 8px; }
#sidebar::-webkit-scrollbar-track                       { background: rgba(0, 0, 0, 0.0); }
#sidebar::-webkit-scrollbar-thumb                       { border-radius: 0; box-shadow: -2px 0 0 2px #457e75 inset; background: rgba(255, 255, 255, 0.25); }
#sidebar::-webkit-scrollbar-thumb:hover                 { background: rgba(255, 255, 255, 0.50); }
*/
/* ESTILOS PARA LAS OPCIONES DE CAMBIO DE TAMAÑO DE LETRA*/
.fontsize	 						{ position: relative; min-width: 36px; display: inline-block; line-height: 32px; font-size: 16px; margin: 0; }
.fontsize .ii-font:before 			{ position: relative; left: -5px; top: 0; }
.fontsize .ii-font.plus::after 		{ content: "+"; position: absolute; top: -2px; right: 6px; }
.fontsize .ii-font.minus::after		{ content: "-"; position: absolute; top: -4px; right: 8px; }
.fontsize .ii-font.restore::after	{ content: "\f013"; position: absolute; top: 4px; right: 6px; font-size: 10px; }
.fontsize + .bordeL.idioma 			{ display: inline-block; margin-left: 10px; }
.fontsize a, .fontsize a i          { text-align: center; color: var(--text-color); display: table-cell; width: 36px; height: 32px; position: relative; vertical-align: middle; text-decoration: none;  }

/* ESTILOS PIE DE PÁGINA */
body > footer                       { text-decoration: none; font-size: 0.90rem; background: var(--color1-100); color: var(--bg-color); padding: 1rem; outline: none; margin: 4rem 0 0 0; position: relative; clear: both; text-align: center; border-top: 2px solid var(--color1-100); }
body > footer a                     { min-width: 44px; min-height: 24px; padding: 0 5px; line-height: 24px; display: inline-block; height: 100%; }
body > footer a:active,
body > footer a:focus,
body > footer a:hover,
body > footer a:link,
body > footer a:visited             { text-decoration: none; color: var(--bg-color); position: relative; }
body > footer ul                    { margin-top: 5px; margin-bottom: 5px; display: flex; gap: 0; flex-flow: row wrap; justify-content: center; align-items: center; }
body > footer ul li                 { border-left: 1px solid rgba(0,0,0,0.1); padding: 0 8px; }
body > footer li + li               { border-right: 1px solid rgba(255,255,255,0.1); }
body > footer li:first-child        { border-left: 0 none; border-right: 1px solid rgba(255,255,255,0.1); }
body > footer li:last-child         { border-right: 0 none; }
body > footer a                     { min-height: 36px; line-height: 36px; }
body > footer .ii                   { color: var(--bg-color); font-size: 26px; position: relative; top: 6px; }
body > footer .copyright            { flex: 100%; text-align: center; }
body > footer .copyright p          { margin: 0; }
body > footer .copyright a          { min-height: 44px; line-height: 44px; margin: 0; padding: 0; }

@media screen and (max-width: 768px){
    body > footer a                 { min-height: 44px; line-height: 44px; }
}

@media screen and (max-width: 640px){
    body > footer ul li                 { flex: 1 1 50%; }
    body > footer ul li:nth-child(2n)   { border-right: 0 none; }
    body > footer ul li:nth-child(2n+1) { border-left: 0 none; }
}

@media screen and (max-width: 480px){
    body > footer ul li                 { flex: 1 1 100%; border: 0 none; }
    body > footer ul li:nth-child(2n+1) { border-right: 0 none; }
    #shareBtn>.tit                      { display:none;}
}


.btn-primaryinverse, .btn-secondaryinverse {background-color: #ddeeec; border: 1px solid; border-color: var(--color1-100); color: var(--text-color) ! Important;
    line-height: 1.5; border-radius: .25rem; padding: .375rem .75rem; margin: .25rem; cursor: pointer; display: inline-block; }


#avisoCookies                                       { position: fixed; z-index: 9999; bottom: 0; right: 0; left: 0; min-height:6em; background-color: var(--color1-100); border: #DDEEEC 1px solid; border-radius: 25px 25px 0px 0px; padding-top: 10px; color:var(--bg-color); }
#avisoCookies div                                   {  max-width: 1280px; margin: auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: left; gap: 10px; padding: 0 15px; }
#avisoCookies > div > *                             { flex: 1 1 auto; }
#avisoCookies > div > *:nth-child(2)                { display: flex; white-space: nowrap; }
#avisoCookies > div > * > a                         { color: var(--bg-color); text-decoration: none; }
#avisoCookies > div > *:first-child > a             { text-decoration: underline; }
#avisoCookies > div > * > a > i                     { line-height: 1.5; margin-left: 0.25rem; }
#avisoCookies .icoInfoCircle                        { height: 1.5rem; margin: 0 0.5rem 0.5rem; }

@media screen and (max-width: 680px){
    #avisoCookies div                               { flex-flow: row wrap; }
    #avisoCookies > div > *:first-child             { display: block; margin-top: 0px; }
    #avisoCookies > div > *:nth-child(2)            { justify-content: center; margin: 0 0 15px 0; }
}    

#cuerpo, .cuerpo                { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; padding-top: 20px; }
.cuerpo_principal               { padding: 0; flex: 1 1 65%; }
.cuerpo_principal h2            { margin: 0; }
.cuerpo_lateral                 { padding: 0; flex: 1 1 25%; }
.cuerpo_lateral a               { min-height: 36px; line-height: 36px; display: block; }
.cuerpo_resaltado_titulo        { width: 100%; padding: 4px 8px; margin: 0px; border: 1px solid rgba(0,0,0,0.2); /*background-color: var(--color1-150);*/ font-weight: bold; }
h1.cuerpo_resaltado_titulo,
h2.cuerpo_resaltado_titulo,
h3.cuerpo_resaltado_titulo      {border : none}
.cuerpo_lateral_borde           { border: 1px  solid rgba(0,0,0,0.2); border-top: 0 none; width: 100%; padding: 0.6em; margin: 0em 0em 0em 0em; }
.cuerpo_resaltado_titulo_normal { width: 100%; padding: 4px 8px; margin: 1rem 0; border: 1px  solid var(--color1-150); background-color: var(--color1-150); font-weight: normal; }
.cuerpo_texto_borde             { border: 1px  solid var(--color1-150); padding: 0.6em; }
.lista_no_vi_no_sang            { margin-left: 0px; }
.marco 							{ border: 2px solid var(--color1-125); padding: 0.6em; margin: 1rem 0rem;}

/* ESTILOS PARA TOOLTIPS */
.tooltip                          { position: inherit; z-index: 1070; display: inline-block; margin: 0px 3px; padding: 0; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 1; }
.tooltip .texto                   { text-decoration: underline; cursor: pointer; }
.tooltip:hover > .tooltip-content,
.tooltip:focus > .tooltip-content { display:inline; }
.tooltip:hover + .tooltip-content,
.tooltip:focus + .tooltip-content { display:inline-table; }
.tooltip-content:hover            { display:inline; }
.tooltip-content                  { display: none; z-index: 99999; background-color: var(--color1-150); margin: 0px; border: 1px solid var(--color1-100); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; position: absolute; padding: 10px; min-width: 10rem!Important; max-width: 50%; font-size: inherit; font-weight: normal; }

/* ESTILOS PARA CAJAS */
.cajas 			{ margin: 0px; max-width: 25% }
.caja		{ border: 2px solid var(--color1-090); padding: 1em;}
.caja .titulo{ color: var(--color2-bg); font-weight: bold; margin: 0px; border-bottom: 2px solid var(--color1-090);}
.caja .texto { margin: 0px; padding: 0.5em 0.5em 0em 0.5em;}

.caja .texto ul {column-count: 2;}

@media screen and (max-width: 850px) {
	.cajas 		{ min-width: 100%; margin: 1rem 0rem; }
    .caja .texto ul {column-count: 1;}
}

@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }

@media screen and (max-width: 639px) {
    #cuerpo, .cuerpo            { flex-flow: column nowrap; }
    .cuerpo_lateral             { margin-top: 1.5rem; }
}

/* Estilos para paginas de tramites */
article.cat_1254734727589 {
    background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),url(/menus/img/categoria_1254734727589.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15%;
}

article.cat_1254734735501 {
    background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),url(/menus/img/categoria_1254734735501.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15%;
}

article.cat_1259951200909 {
    background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),url(/menus/img/categoria_1259951200909.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15%;
}

article.cat_1254735166926 {
    background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),url(/menus/img/categoria_1254735166926.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15%;
}

article.cat_1254735167300 {
    background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),url(/menus/img/categoria_1254735167300.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15%;
}

article.cat_1254735167152 {
    background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),url(/menus/img/categoria_1254735167152.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15%;
}

article.cat_1254735165102 {
    background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),url(/menus/img/categoria_1254735165102.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 15%;
}

article.cat_1254734727589 > div > ul:is(.secciones, .subSecc),
article.cat_1254734735501 > div > ul:is(.secciones, .subSecc),
article.cat_1259951200909 > div > ul:is(.secciones, .subSecc),
article.cat_1254735166926 > div > ul:is(.secciones, .subSecc),
article.cat_1254735167300 > div > ul:is(.secciones, .subSecc),
article.cat_1254735167152 > div > ul:is(.secciones, .subSecc),
article.cat_1254735165102 > div > ul:is(.secciones, .subSecc)
{
	background: none;
}

.flex	                                            { display: flex; flex-flow: row wrap ; gap: 10px; }
.flex > div				                            { flex: 1 1 calc(50% - 10px); /*max-width: 33%;*/ }

ul.list , ol.list       { padding: 0; }
ul.list .list,
ol.list .list           { padding-left: 1.5rem; }
ul.list                 { list-style-type: disc; list-style-position:outside ; }
ol.list                 { list-style-type: decimal; list-style-position:outside  ; counter-reset: sortli; }

ol.list > li            { counter-increment: sortli; }
ol.list > li::marker    { content: counters(sortli,'.') '. '; color: var(--color1-080); font-weight: 600;}
ul.list ol.list li::marker { content: counter(sortli) '. '; }

ul.list > li, 
ol.list > li            { line-height: 1.5; padding-left: 5px;}
ul.list > li a,
ol.list > li a          { color: #457E76 !important}

ul:is(.list:not(.list>li .list)),
ol:is(.list:not(.list>li .list)){ padding-left: 1.1em; }

ul.list.enlaces                 { list-style: none; margin: 0; padding: 0 !important; }
ul.list.enlaces > li > a        { color: var(--color1-100);}
ul.list.enlaces > li::marker    { content: ""; }

@media screen and (max-width: 768px) {
    .flex > div				{ max-width: none; }
    .flex > div				{ flex: 1 1 auto; }
}

.white-box-link             { display: flex; flex-flow: row nowrap; align-items: center; background: var(--bg-color); margin: 10px 20px; border-radius: 4px; justify-content: center;}
.white-box-link:first-child { margin-top: 20px; }
.white-box-link .ii         { font-size: 28px; margin: 0 2px 0 10px; }
.white-box-link a           { min-height: 44px; line-height: 36px; padding: 0 !important; margin: 0 !important; color: var(--text-color) !important; }
.white-box-link:hover       { box-shadow: 0 0 0 1px #fff; }
.white-box-link:hover,
.white-box-link:focus,
.white-box-link:hover a,
.white-box-link:focus a,
.white-box-link a:hover,
.white-box-link a:focus     { background: var(--color1-125); }
.intellimenu .white-box-link a{ display: flex !important; align-items: center; justify-content: center; }

.language-menu                      { display: flex;gap: 10px;padding: 10px 0;align-items: center;justify-content: center;flex-flow: row nowrap;width: 100%; }
.language-menu > div                { flex: 1 1 auto; text-align: center; }
.language-menu > div:nth-child(1)   { text-align: right; flex: 64px; }
.language-menu > div:nth-child(2)   { text-align: left; }
.language-menu > div > .ii          { color: var(--bg-color); font-size: 28px; }
#sidebar .language-menu li          { display: inline-block; width: 32%; }
#sidebar .language-menu a           { padding: 0 5px; line-height: 32px; box-shadow: none; border: 0 none !important; }
#sidebar .language-menu li > a:hover, 
#sidebar .language-menu li > a:focus{ background: var(--bg-color) !important; color: var(--text-color) !important; }
#sidebar .intellimenu > li span:focus,
#sidebar .intellimenu > li a:focus  { display: inherit; }

/* ESTILOS SECCIÓN A MODO LISTA CON ICONO ICONOS */ 
.list.title-icon                            { margin-bottom: 0.05rem; }
.list.title-icon p:first-child              { font-weight: 600; margin: 0; }
.list.title-icon p:not(:first-child)        { margin: 0 0 0 1.9rem; }
.list.title-icon p a                        { font-weight: normal; }
.list.title-icon p a b                      { font-weight: bold; color: var(--text-color); }
.list.title-icon + *:not(.list.title-icon)  { margin-top: 1.5rem; }

/* ESTILOS LISTA CON ICONOS EN ELEMENTOS DE TÍTULO E IMAGEN DE FONDO */
.nested-image-list                    { position: relative; border: 1px solid rgba(0,0,0,0.12); padding: 25px; }
.nested-image-list::before            { content: ""; /*background: url(https://cdn.pixabay.com/photo/2022/01/22/01/54/offer-6956073_640.png); */ width: 256px; height: 256px; display: block; position: absolute; right: 0; top: 10px; background-size: contain; background-repeat: no-repeat; z-index: -1; opacity: 0.3; filter: saturate(0.5); }
.nested-image-list > h2,
.nested-image-list > h3,
.nested-image-list > h4               { padding: 8px; }
.nested-image-list dl                 { display: block; margin: 0; padding: 0; }
.nested-image-list > ul > li          { margin-left: 3.5rem; }
.nested-image-list > ul li ul         { list-style: disc; padding: 0; margin: 0 0 0 1rem; }
.nested-image-list > ul li.cat        { margin: 0; }
.nested-image-list dl dt, 
.nested-image-list > ul .cat, 
.nested-image-list dl dd              { display: block !important; width: 100%; padding: 0; }
.nested-image-list dl dt,
.nested-image-list > ul .cat          { color: var(--color2-bg); margin-top: 1.5rem; }
.nested-image-list dl dt img,
.nested-image-list > ul .cat img      { width: 2rem; margin: 0; padding: 0; position: relative; top: 0.5rem; }
.nested-image-list dl dt h2,
.nested-image-list dl dt h3,
.nested-image-list > ul .cat h2,
.nested-image-list > ul .cat h3       { display: inline-block; font-size: 1.1rem; font-weight: 600; margin: 0; padding: 0px 0px 0px 1rem; }
.nested-image-list dl dt:first-child,
.nested-image-list > ul .cat:first-child  { margin-top: 0; }
.nested-image-list dl dd              { margin: 0 0 0 3.2rem; }
.nested-image-list dl dd ul           { list-style: disc; }
.nested-image-list dl dd ul > li > ul { margin-left: 1.5rem; }
.nested-image-list dl dd ul li .subcat,
.nested-image-list > ul li .subcat    { font-weight: 600; }
* + .nested-image-list                { margin-top: 1.5rem; }

@media screen and (max-width: 1023px) {
    .nested-image-list::before        { display: none; }
}

/* ESTILOS ÁRBOL */
.tree                       { position: relative; background: white; padding: 8px; font-size: 0.85rem; font-weight: 400; line-height: 1.5; color: var(--text-color); }
.tree ul                    { padding-left: 5px; list-style: none; }
.tree ul li                 { position: relative; line-height: 1.5rem; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tree ul li:before          { position: absolute; top: 15px; left: 0; width: 10px; height: 1px; margin: auto; content: ""; background-color: #666; }
.tree ul li:after           { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; height: 100%; content: ""; background-color: #666; }
.tree ul li:last-child:after{ height: 15px; }
.tree ul a                  { cursor: pointer; }

/* ESTILOS BANNER */
main > .banner          { margin: 0 -10px 2rem -10px;}
.banner                 { position: relative; background-repeat: no-repeat; background-position: bottom right; background-size: 100% 100%; min-height: 255px; display: flex; flex-direction: column; justify-content: space-around; padding: 0px;}
.banner > .main                                                 {display: flex; flex-direction: row; align-content: stretch; align-items: center; justify-content: space-between; padding: 20px 10px 20px 60px; column-gap: 40px;}
.banner > .main > *:last-child                                  { padding: 25px 0px;}
#destacados                                                         {max-width: 400px; min-width: 350px; border: 1px solid var(--color1-125); border-radius: 5px; position: relative; background: rgba(255, 255, 255, 0.9); }
#destacados h2            {margin: auto; width: calc(100% - 80px); text-align: center; border-bottom: 1px solid var(--color1-125); padding: 1rem; color: var(--color2-bg); font-weight: 600; max-height: 75px; font-size: 1.1rem;}
#destacados .carrouselComponent                                     { --carrousel-NumElementos: 1; --carrousel-Gap:0px;  padding: 0 40px;}
#destacados .carrouselComponent .carrouselButtons > *               { width: 40px; margin: 0; border-radius: 0; }
#destacados .carrouselComponent .carrouselButtons > button          { justify-content: center; margin: -20px -40px; position: absolute; top: 50%; background: var(--bg-color); color: var(--text-color); border: 1px solid var(--color1-125); }
#destacados .carrouselComponent .carrouselButtons > button:nth-child(2){ border-right: 0 none; }
#destacados .carrouselComponent .carrouselButtons > button:nth-child(1){ border-left: 0 none; }
#destacados .carrouselComponent .carrouselButtons > button:hover,
#destacados .carrouselComponent .carrouselButtons > button:focus    { background: var(--color1-100); color: var(--bg-color); border: 1px solid var(--color1-080); }
#destacados .carrouselComponent .carrouselButtons button:last-child { right: 40px; left: auto; }
#destacados .carrouselComponent .carrouselButtons > button > i      { border-color: var(--text-color) !important; pointer-events: none; }
#destacados .carrouselComponent .carrouselButtons > button:hover > i,
#destacados .carrouselComponent .carrouselButtons > button:focus > i{ border-color: var(--bg-color) !important; }
#destacados .carrouselComponent .carrouselGallery > *               { display: flex; flex-flow: column nowrap; overflow: hidden; justify-content: space-between; align-items: center; padding: 5px; aspect-ratio: initial; height: 160px;}
#destacados .carrouselComponent .carrouselGallery > * > header + div{ padding: 0 0.5rem; overflow: auto; }
#destacados .carrouselComponent .carrouselGallery footer            { align-self: flex-end;}
#destacados .carrouselComponent .carrouselGallery footer a          { padding: 1rem; margin: 0px; line-height: initial; display: table;}

.banner h1	                                                        { color: var(--bg-color); line-height: 3rem; font-weight: 600; letter-spacing: 1px; font-size: 2.5rem; padding: 0px; text-shadow: 0 0 11px var(--text-color);}


/*HOME*/
#p_873 .banner                  {background-image: url(/menus/img/fotos/home.webp);}
/*Utilidades*/
#p_1259924591690 .banner        {background-image: url(/menus/img/fotos/utilidades.webp);} 
#p_1259924591690 .banner  h1    {color: var(--text-color); text-shadow:unset;}
/*Listado de trámites*/
#p_920 .banner,
#p_1254734719739 .banner        {background-image: url(/menus/img/fotos/tramites.webp); margin-bottom: 4rem;}           
#p_920 .banner h1,
#p_1254734719739 .banner  h1    {color: var(--text-color); text-shadow:unset;}
/*Enlaces*/
#p_1254734719799 .banner        {background-image: url(/menus/img/fotos/enlaces.webp);} 
#p_1254734719799 .banner h1     {color: var(--text-color); text-shadow:unset; }
/*Guía utilización Sede*/
#p_1254734736339 .banner        {background-image: url(/menus/img/fotos/guia.webp);} 
#p_1254734736339 .banner h1     {color: var(--text-color); text-shadow:unset; background: rgba(255, 255, 255, 0.54); box-shadow: 0 0 15px 20px rgba(255, 255, 255, 0.54); border-radius: 4px;}
/*Sobre Sede y pie-cabecera*/
#p_1254734719723 .banner, 
#p_1254734719786 .banner,
#p_1254734730187 .banner,
#p_1254734719827 .banner,
#p_1254734730807 .banner,
#p_1254734730402 .banner,
#p_1254734730398 .banner,
#p_975 .banner                  {background-image: url(/menus/img/fotos/sobresede.webp);} 
 
@media (max-width: 1000px) {
    .banner > .main > *:last-child      {max-width: 300px;}     
    .banner > .main h1                  {font-size: 2rem; line-height: 2.5rem;}
}

@media (max-width: 768px) {

    .banner                                             {min-height: 125px}
    .banner > .main                                     { flex-direction: column; padding: 10px; column-gap: initial; align-items: flex-start;}
    .banner > .main > *:last-child                      { max-width: 100%; padding: 0px;}
    .banner > .main h1                                  { padding: 1rem 0px; }
    .banner .carrouselComponent                         { max-width: initial;}
    .banner .carrouselComponent .carrouselGallery > *   { height: initial;}

}



/* OTROS ESTILOS PERSONALIZADOS */
#catTramites .image-links > li > :is(a, span) > .image {height:100px; max-height: initial;}

/*Formulario de contacto*/
#polPriv + label + button {
	pointer-events: none;
}
#polPriv:checked + label + button {
    pointer-events: auto;
}

#polPriv{
	vertical-align: middle;
}

form.nCols fieldset.actions div button {
    display: block;
    width: auto;
    height: initial;
    padding: 10px 20px; 
}


form.nCols fieldset.actions div{
    display: block;
	margin-top: 1em;
}

/*Página fecha y hora*/
article.date .button    { background: var(--color2-text); color: var(--bg-color); padding: 8px; border-radius: 4px; display: block;}
article.date            { border: 1px solid var(--color1-150); padding: 8px; display: flex; align-items: center; justify-content: center; flex-flow: column nowrap; text-align: center;}
article.date p          { background: rgba(0,0,0,0.06); padding: 4px 8px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.1); }
@media screen and (max-width: 768px) {
	article.date .button           { padding: 10px 8px; }
}

section.iconHead header { padding: 1rem 0rem;}
section.iconHead img { width: 2.5rem; margin: 0; padding: 0; position: relative; top: 0.5rem;}
section.iconHead h1 { display: inline-block; margin: 0; padding: 0rem 1rem;}
section.iconHead ul { padding-left: 3rem; }


ul:is(.secciones, .subSecc) > li > .title::before,
ul:is(.secciones, .subSecc) > li > .notaTextoNota,
ul:is(.secciones, .subSecc) > li > .note > .notetitle,
ul:is(.secciones, .subSecc) > li.title-incomplete > *::before,
ul:is(.secciones, .subSecc) > li.title-incomplete::before           
    { border: none!Important; }
ul:is(.secciones, .subSecc) > li > .title::after
    { background: transparent!Important }    
.customBar.cbMiga
    { max-width: 1280px !important; margin: 0 auto; width: 100%;}
.customBar.cbMiga >div:first-child > nav.cbMigaTitle > ul > li >button {min-height: auto; margin: 0px;}

#catTramites.accordion-figure > .options > article :is(a, span) {padding: 1em 0em;}
#catTramites.accordion-figure > .options > article img { height: 100px; padding: 0 0 10px 0;}
#catTramites.accordion-figure > .options > article > a > figure > figcaption {font-weight: normal; font-size: inherit;color:var(--text-color);}
#catTramites.accordion-figure > .data > article > ul            { margin: 1rem 0rem;}


#tramFrec > ul {column-count: 2; list-style: square; padding: 20px; border: 1px solid var(--color1-125); border-radius: 5px; color: var(--color1-090); list-style-position: inside;} 

@media screen and (max-width: 850px) {
    #tramFrec > ul {column-count: 1;}
}

#interes .image-links   {padding: 0px;}
#interes .image-links.boton > li { border: 1px solid var(--color1-125); border-radius: 5px; min-width: 200px;}
.image-links.boton > li.selected, 
.image-links.boton > li:hover, 
.image-links.boton > li:focus {	background:transparent; box-shadow: rgb(0 0 0 / 16%) 10px 10px 16px -4px;}
/*.image-links.boton > li {border: 2px solid transparent;}*/
.image-links.light > li > :is(a, span) > .image + .text {min-height: 50px;}

@media screen and (max-width: 480px) {
    #catTramites .image-links > li {
        flex: calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }
}

#interes .image-links.boton > li { border: 1px solid var(--color1-125); border-radius: 5px; min-width: 180px;}
#interes .image-links > li > :is(a, span) { height: 100%; align-content: space-between; row-gap: 5px;}
#interes .image-links > li > :is(a, span) > .image { max-height: initial; height: initial;margin: 0px; padding: 0px;}

ul.secciones>li>span.title {font-weight: bolder; font-size: 1.1rem;}
ul.secciones.small>li>h2.title {font-weight: bolder; font-size: 1rem;}

/* EStilo para tablas */
table                           { padding: 0; margin: 0; border-collapse: separate; border-spacing: 2px; border-bottom: 1px solid #457e76;}
table>caption                   { background: #ddeeec; color: black; padding: 0.5em;}
table>thead>tr>th,
table>tbody>tr>th               { border: 0 none; padding: 0.5em; margin: 0; line-height: normal; }
table>thead>tr>th               {font-size: 1em; background: #457E76; color: #fff}
table>tbody>tr                  { border: 0 none; }
table>tbody>tr>td               { padding: 0.5em; margin: 0; border: 0 none; }
table>tbody.alt>tr:nth-child(2n+1)  { background: rgba(69, 126, 118, 0.1);  }
table>tbody.ladillo>tr>th  { background: #ddeeec; color: black }
/* FIN EStilo para tablas */



@media print {
    .main-menu                          {display:none;}
    body > header > section .MenuDch    {display:none;}
    .customBar.cbMiga                   {display:none!important;}
    #pieDireccion                       {display:none;}
}