#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: 99; 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; }
}

.widgets.new 					{ box-shadow: 0 0 5000px 500px rgba(0,0,0,0.4); border: 0 none; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.widgets.new .wtitulo 			{ background: var(--color1-150); }
.widgets.new .wtitulo span 		{ line-height: 36px; padding: 10px; }
.widgets.new .wtitulo button 	{ background: transparent !important; }
.widgets.new .wtitulo button:focus { box-shadow: 0 0 0 2px var(--text-color) inset; }
.widgets.new .wtitulo button i 	{ font-size: 24px; }
.widgets.new .content > div 	{ border: 0 none !important; border-bottom: 1px solid var(--color1-150) !important; box-shadow: none !important; }
.widgets.new .footer 			{ height: 40px; padding: 5px 5px 3px; }
.widgets.new .close 			{ background: var(--color1-100); color: var(--bg-color); font-weight: 600; border: 1px solid var(--color1-090); height: 36px; padding: 0 10px; float: right; }
#widget1 .content > div 	    { height: 75vh !important; }
#widget2 #divBottom 		    { background: transparent; border: 0 none; width: 100%; display: block; margin: 0; line-height: 0; }
#widget2 #divBottom a 		    { width: auto; display: inline-block; border: 0 none; margin: -1px 0px; }