#avisoCookies                                       { position: fixed; z-index: 100; 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: 25px; color:var(--bg-color); }
#avisoCookies>p                                     { max-width: 1280px; margin:auto; text-align: center; }
#avisoCookies>p a                                   { color: var(--bg-color); text-decoration: underline; }
#Menu_cabeceraBuscador>button						{ background: var(--color2-bg); color: var(--bg-color); box-sizing: border-box; width: 32px; height: 32px; background-size: 32px 32px; position: relative; top: 4px; left: 0; border: 1px solid #000; line-height: 30px; padding: 0; }
#Menu_cabeceraBuscador>button::before				{ content: "\e91d"; font-weight: 400; font-size: 24px; cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: "INEIcons"; background: var(--color2-bg); text-align: center; padding: 0; }

header,#header                                      { margin-bottom:15px; }
div>footer, 
body>footer,
#footer                                      { margin-top:15px; clear: both; background: var(--color1-100); }
.sideBarIdioma                                      { display:block; text-align: center; }
.ImagenLogoIne > a                                  { max-width: 326px; padding-left: 10px; display: block; }
.ImagenLogoIne > a > .alt                           { position: absolute; top: 0px; left: 220px; font-weight: bolder; }

.capa_Menu_cabeceraBuscador                         { text-align: right; align-items: flex-end; display: flex; justify-content: right; }
.ir-arriba                                          { opacity: 0.8; }

.Menu_idioma                                        { text-align: right; }
.Menu_idioma li a                                   { color: var(--text-color) !important; }

#contenedor                                         { /*width: 100%;*/ background-color: var(--bg-color); padding:5px 0px 0px 0px; border: 0px; height: auto; /*min-width:1000px;*/ max-width: 1280px; position: relative; margin: 0 auto; box-sizing: border-box; }
#header                                             { width: 100%; /*min-height: 135px;*/ }
header.container                                    { max-width: none !important; }

#capa_Menu_cabeceraBuscador                         { float: right; height: 30px; margin-top: 90px; min-width: 380px; margin-right: 10px; }
#Menu_cabeceraBuscador                              { padding-left: 0px; display:inline; }
.Menu_searchString                                  { text-decoration: none; background: var(--bg-color); padding: 0 5px; vertical-align: bottom; width: 380px; height: 30px; border: 1px solid #000000; box-sizing: unset; margin: 0 -5px 0px 0px; line-height: 28px; font-size: inherit; }
#Menu_botonBuscador                                 { background: unset ; border: 0px; cursor: pointer; }
form                                                { page-break-after: avoid; padding-bottom: 0px; margin-bottom: 0px; page-break-before: avoid; display:inline; }
.imagenLogoIne                                      { margin-left:15px; }
.flex-block-left-auto                               { display: flex; flex-flow: row wrap; justify-content: flex-start; flex: 1; position: relative; }
.flex-block-left-auto > div                         { flex: 1 1 auto; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: stretch; }

@media screen and (max-width: 1280px){
    .flex-block-left-auto > div { padding-right: 10px; }
} 

@media screen and (max-width: 800px){
	.navbar a.sede>.tit { display: none; }
	.ImagenLogoIne > a > img 	{ width: 100%; min-width: auto; }
	.ImagenLogoIne > a 		 	{ padding-left: 0; }
	.MenuDch .Menu_searchString	{ width: calc(100% - 52px); }
	#Menu_cabeceraBuscador 		{ margin-right: -5px; display: flex; flex: 1 1 auto; }
	header,#header				{ padding-left: 15px; padding-right: 15px; }
    .ImagenLogoIne>a>.alt       { left: 180px; top: -4px; }
    .Menu_idioma                { margin: 0; height: auto; position: absolute; left: auto; right: 3px; top: 60px; }
    .capa_Menu_cabeceraBuscador { margin-top: 15px; height: auto; }
    .flex-block-left-auto > div { flex: 1 1 100%; padding: 0; }
}

@media screen and (max-width: 480px) {
    .ImagenLogoIne > a > img    { width: 228px; margin-top: -5px; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.Menu_searchString { height: 32px; }
}

/*************************/
/* Estilos pie de página */
/*************************/
#pie                                { background-color: var(--color1-100); font-size:1.0em; color:var(--bg-color); border-top:unset; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1280px; margin: 0 auto; }
#pie ul li                          { display:flex; }
#pie div.homePie                    { display:inline-block; padding: 10px;  vertical-align: top; flex: 1 1 auto; }
#pie div.homePie ul li              { display: list-item; float: unset; text-align: left; margin-top:0.4rem; color: var(--bg-color); white-space: nowrap; }
#pie div.homePie ul li a            { color: var(--bg-color) !important; text-decoration:none; }
#pie div.homePie ul li a .ii-mail   { color: var(--bg-color); font-size: 1.8rem; position: relative; top: 6px; margin-left: -3px; }
#pie div.homePie ul li a::before    { font-size: 1.2rem; background: var(--bg-color); height: 24px; display: inline-block; width: 24px; color: var(--color1-100); text-align: center; border-radius: 100%; line-height: 24px; margin-right: 6px; }
#pie div.homePie ul li a:hover,
#pie div.homePie ul li a:focus,
#pie div.homePie ul li a:hover *,
#pie div.homePie ul li a:focus *    { color: var(--bg-color) !important; }
#pie div.homePie ul li a:hover,
#pie div.homePie ul li a:focus      { box-shadow: 0 0 0 5px var(--color1-100), 0 0 0 6px var(--bg-color); }

#pie div.homePie ul li a span.tit   { color: var(--bg-color) !important; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
#pie div.homePie ul li a span:hover,
#pie div.homePie ul li img          { vertical-align: middle;}
#pie div.homePie>ul>li.inicioSec    { margin-top:1.4rem; }

footer a.icoSocial>.tit,
#footer a.icoSocial>.tit            { align-self: center; padding:5px; width: inherit; }

#pie div.homePie ul li a.icoSocial  { height:35px; min-width:35px; padding-left: 25px; margin:0px; display: flex; color:var(--bg-color); width: fit-content; background-color: rgba(0,0,0,0); position: relative; transition: padding-left 0.3s ease; }
#pie div.homePie ul li a.icoSocial:hover,
#pie div.homePie ul li a.icoSocial:focus,
#pie div.homePie ul li a.icoSocial:focus>.tit{ background-color: var(--bg-color); color: var(--color1-100) !important; border-radius: 5px; }
#pie div.homePie ul li a.icoSocial:hover,
#pie div.homePie ul li a.icoSocial:focus{ padding-left: 35px; }

footer a.icoSocial::before,
#footer a.icoSocial::before         { font-size: 20px; position: absolute; left: 0; top: 4px; font-family: "Font Awesome 5 Brands"; transition: left 0.3s ease; }
footer a.icoSocial:hover::before,
#footer a.icoSocial:hover::before   { left: 10px; }
#pie div.homePie.copyright          { flex: 100%;text-align: center; padding: 0;width: 100%; }
#pie div.homePie.copyright>span     { display:inline-block }
#pie div.homePie.copyright p        { margin: 0; padding: 0; }
#pie div.homePie.copyright a        { display: inline-block; color: var(--bg-color); padding: 0px 5px 0px 0px; margin: 0; line-height: 44px !important; min-height: 44px; line-height: 44px; }
#pie div.homePie.copyright a>img    {vertical-align: sub;}


/*****************************/
/* Boton subir arriba pagina */
/*****************************/
.ir-arriba                          { background-repeat:no-repeat; font-size:20px; color:var(--color1-100); cursor:pointer; position:fixed; bottom:10px; right:3px; margin-right: 15px; z-index: 2; width: 36px; height: 0; border: 0px solid rgb(32, 60, 55); border-radius: 5px; text-align: center; font-size: 29px; line-height: 30px; padding: 0; background-color: var(--bg-color); transition: height 0.4s ease; transition-property: height, border-width; overflow: hidden; }
.ir-arriba.show                     { height: 36px; border-width: 1px; }
.ir-arriba .ii                      { color: rgba(0,0,0,0.8)/*var(--color1-100)*/; }

/*****************************/
/* MODIFICIACIONES BOOTSTRAP */
/*****************************/
caption                             { padding-top: 0px; padding-bottom: 0px; color: black; text-align: left; caption-side: top; }
.icoContacto                        { width:34px; vertical-align:unset!important; }
.bloque_video_home                  { text-align: center; width: 100%; margin: 0 auto; height: 100%; overflow: inherit; /* max-width: 330px;*/ }
.widgets *                          { box-sizing: unset; }
.widgets                            { display: none; z-index: 99999; position: fixed; margin-left: 0px; margin-top: 0px; top: 15%; left: 15%; border: var(--color1-100) solid 2px; background:var(--bg-color); -moz-box-shadow: 0 0 500px 150px var(--color1-100); -webkit-box-shadow: 0 0 500px 150px var(--color1-100); box-shadow: 0 0 500px 150px var(--color1-100); }

@media screen and (max-width: 800px){
    #Menu_cabeceraBuscador>button   { width: 40px; top: 0; }
}

@media screen and (max-width: 480px){
    #pie div.homePie                   { flex: 1 1 100%; }
    #pie div.homePie.copyright         { padding: 0 10px; }
}

/* NEW STYLES */
.main-menu                          { padding: 0px 10px; 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: 9999; font-size: 1rem; }
.main-menu > div                    { max-width: 1280px; margin: 0 auto; width: 100%; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: stretch; }
.main-menu > div > .toggleBtn       { flex: 1 1 auto; display: flex; flex-flow: row nowrap; align-items: center; }
.main-menu > div > .toggleBtn a     { color: var(--bg-color); font-size: 27px; line-height: 36px; /*position: relative;*/ /*top: 2px;*/ text-decoration: none; }
.main-menu > div > .toggleBtn a i   { pointer-events: none; font-size: 32px; }
.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: 36px; text-decoration: none; color: var(--bg-color); display: block; padding: 0 8px; margin: 1px 0px 1px 1px; }
.main-menu > div > ul li a:hover,
.main-menu > div > ul li a:focus    { background: var(--bg-color); color: var(--color1-100); }
.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; left: auto; top: 36px; width: 206px; 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; margin: 6px 0px 0px 6px; }
.main-menu > div > ul .dropdown .active + ul a *        { pointer-events: none; }
.main-menu > div .ii                                    { color: var(--bg-color); }
.main-menu > div a:is(:hover, :focus) .ii:not(.ii-bars) { color: var(--color1-100); }

@media screen and (max-width: 639px) {
    .main-menu > div a.tit { display: 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; }

/* Parece ser que hay algún tipo de incompatibilidad con algunos formatos de página
   y se aplica siempre la norma de selectores CSS sensitivos. Se cambia .dropDown
   por dropDowns con el fin de evitar el problema. Puede que alguna página se
   vea afectada por este cambio. De ser así, cambiar la regla en el HTML, no aquí  */
.bordeL.user 						{ display: inline-block; margin-left: 10px; position: relative; }
.dropDowns 							{ display: block; border: 1px solid var(--color1-100); background: var(--bg-color); color: var(--text-color); height: 27px; z-index: 999; position: relative; width: 32px; margin-bottom: 5px; }
.dropDowns + ul 						{ display: none; }
.dropDowns.active					{ display: block; border-bottom: 1px solid var(--bg-color); background: var(--bg-color); color: var(--text); }
.dropDowns.active + ul 				{ display: block; right: 0px; z-index: 99; top: 26px; background: var(--bg-color); position: absolute; border: 1px solid var(--color1-100) !important; white-space: nowrap; padding: 10px 5px 0; }
.dropDowns.active + ul li 			{ clear: both; padding: 0 5px; width: 100%; height: 32px; text-align: left; cursor: pointer; }
.dropDowns.active + ul li button 	{ width: 100%; border: 1px solid var(--color1-100); background: var(--color1-100); color: var(--bg-color); }

@media print{
    nav.navbar,.navbar, nav.main-menu{ display:none; }
    #sidebar                                    { display:none; }
    div>footer,
    body>footer,
    #footer                             {display:none; }
    .overlay.active                             { display:none; }
    header .MenuDch, #header .MenuDch 	        { display:none; }
}