: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;
	--text-color: #000;
	--bg-color: #fff;
	--border-gray: #cccccc;
	--text-color-medium: #666;
	--color-focus: #558E86;

	/*Override bootstrap colors*/
	--blue: initial;
    --indigo: initial;
    --purple: initial;
    --pink: initial;
    --red: initial;
    --orange: initial;
    --yellow: initial;
    --green: initial;
    --teal: initial;
    --cyan: initial;
    --white: initial;
    --gray: initial;
    --gray-dark: initial;
    --primary: initial;
    --secondary: initial;
    --success: initial;
    --info: initial;
    --warning: initial;
    --danger: initial;
    --light: initial;
    --dark: initial;
}

/*.none provoca eliminar estilos de base y navegador */
.none{
	line-height: normal;
	font-size: 1rem;
	font-weight: normal;
	margin: auto;
}

body  {
	font-family: Arial, Helvetica, sans-serif;
	background-color: var(--bg-color);
	color: var(--text-color);
	padding: 0;
	margin: 0px;
	line-height: 1.3;
}

body > .contenedor{
	max-width: none;
	min-width: 800px;
	margin: auto;
	background-color: white;
}

BODY > .contenedor > *:not(:is(nav, footer, .overlay, script)) {
    max-width: 1280px;
    margin: 0 auto 0px;
/*     display: block; */
}

body > .contenedor > header{ padding-top: 15px; padding-bottom: 15px;}



[hidden] { display: none !important; }
/*
*:focus {
    outline-style: solid!important;
    outline-color: #457E76!important;
    outline-width: 1px!important;
    outline-offset: 2px;
}*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    *:focus {
        outline-style: solid!important;
    	outline-color: black!important;
    }
}

@supports (-moz-appearance: none){
	 *:focus {
        outline-style: solid!important;
    	outline-color: black!important;
    }
}

*::selection{
	background-color:  #457E76;
	color:white;
}

img	{image-rendering: -webkit-optimize-contrast;}

/* joseba comentado porque interfiere paginas estaticas */
/*BODY.nocab  {
	padding: 0px;
}
	
*/
/*fin comentario joseba */

form{
	page-break-after: avoid;
	padding-bottom: 0px;
	margin-bottom: 0px;
	page-break-before: avoid;
}

section>h2>a{
    color: #9E1834!Important;
}

/* Todos los elementos tactiles deben tener al menos 25px*/
a,button{
	min-width: 25px;
	min-height: 25px;
}

a,a:link,a:active,a:visited {
	color: var(--text-color);
	text-decoration: none;
}

a.w,a.w:link,a.w:active,a.w:visited{
	color: var(--text-color)!Important;
	text-decoration: none!Important;
}

a:focus,
[role="button"]:focus,
[tabindex="0"]:focus,
button:focus, input:focus, textarea:focus, select:focus  {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); }

p a,
p a:link,
p a:active,
p a:visited,
dd a,
dd a:link,
dd a:active,
dd a:visited{
	color: #457e76;
	text-decoration:none;
}

p.fondoClaro a,
p.fondoClaro a:link,
p.fondoClaro a:active,
p.fondoClaro a:visited {
	color: #335B55;
	text-decoration:none;
}

label {
    margin-bottom: 0px;
}

span {
     color: inherit;
}

ul, ol {
	list-style: none;
	margin: 0em 0em 0em 0em;
/* 	padding:0em; */
}

ul.listado>li,ol.listado>li{
	padding-top:0.15rem;
	padding-bottom:0.15rem;
}

ul.listadoSang>li,ol.listadoSang>li{
	padding-top:0.15rem;
	padding-bottom:0.15rem;
	margin-left:1rem;
}

dl > dt {
	font-weight: bold;
}
dl > dd {
	margin-bottom: 0.5rem;
}
dl.light > dt {
	font-weight: normal;
}

img {
	border: 0px;
	max-width: 100%;
	height: auto;
}

img.icon24x24 {width:24px; height:24px;}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

p {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


section{
	display:block;
/*	padding: 1.2rem; */
    padding: 0.5rem 1rem;
}

section.nopadding{
	padding: 0rem;
}
section.imgleft{
	padding: 0px 1.2rem 0px 300px;
	background-size: 300px auto;
}
section.bordeInf,
div.bordeInf {
	border-bottom:  6px solid #ddeeec;
	padding-bottom: 1rem;
}

section.bordeSup{
	border-top:  6px solid #ddeeec;
	padding-top: 1rem;
}

section.backgAlt
, section>div>.backgAlt
, section>ul>.backgAlt{
	background-color: #DDEEEC;
}

section>h2:first-child{
	padding: 0rem 0rem 1rem 0rem;
	margin: 0rem;
	color: #9E1834;
}
section.imgleft>h2:first-child {
	padding:1rem 1.2rem ;
}

section>div.texto{
    padding: 0rem 1.2rem 0rem 1.2rem;
}
section.flex>div,
section.flex>ul{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
section>div>*,
section>ul>*{
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

section>div.columna>*,
section>ul.columna>*{
	padding: 0rem 2rem ;
	margin-bottom: 20px;
	min-width: 200px;
}

section>div.paddingDef>*,
section>div .paddingDef>li,
section>div .paddingDef>div,
section>ul.paddingDef>li,
section>ul .paddingDef>li,
section>ul .paddingDef>div{
	padding: 0rem 2rem ;
	margin-bottom: 10px;
}

section>div.nopadding>*,
section>ul.nopadding>*{
	padding:0rem !Important;
	margin: 0rem !Important;
}

/*Los estilos colN provocarán que esas listas se dispongan en filas de máximo N columnas;
de forma que se expanderán para ocupar el espacio de toda la fila*/
.col2>*{
	min-width:calc(100%/2);
}

ul.col3>*{
	min-width:calc(100%/3);
}

ul.col4>*{
	min-width:calc(100%/4);
}

ul.col5>*{
	min-width:calc(100%/5);
}

/*Los estilos colMinN provocarán que esas listas se dispongan en filas de N columnas;
de forma que no se expanderán para ocupar el espacio de toda la fila*/
ul.colMin3>*{
	max-width:calc(100%/3);
	min-width:calc(100%/3);
}

ul.colMin4>*{
	max-width:calc(100%/4);
	min-width:calc(100%/4);
}

ul.colMin5>*{
	max-width:calc(100%/5);
	min-width:calc(100%/5);
}

.center{
	text-align: center;
}

.middle{
	vertical-align:middle;
}

.right {
    text-align: right;
}

button.right {
	float: right;
}


.derecha{
	text-align: right;
}

.izquierda{
	text-align: left;
}


button, input {
	overflow: hidden;
}


/*fin*/

/*
SELECT option:checked{
    background: #487F78 linear-gradient(0deg, #487F78 0%, #487F78 100%) !important;
    color:white!Important;
}

SELECT:focus option:checked {
    background: #487F78 linear-gradient(0deg, #487F78 0%, #487F78 100%) !important;
    color:white!Important;
}

SELECT:focus option:hover,
SELECT option:hover,
SELECT option:active{
    outline: 1px solid #ddeeec;
}

*/

SELECT option{
	padding: 3px 0px;
    margin: 0px 0px;
}


/*
,SELECT[multiple]:focus option
,SELECT[multiple]:focus option:focus
,SELECT[multiple]:focus option:active
,SELECT[multiple]:focus option:checked
{
	padding: 3px 0px;
    margin: 0px 0px;
	color:white!Important;
}

SELECT[multiple]:focus option:checked {
    background: #457E76 linear-gradient(0deg, #457E76 0%, #457E76 100%) !important;
    color:white;
}



SELECT[multiple] option:focus {
    background: #DDEEEA linear-gradient(0deg, #DDEEEA 0%, #DDEEEA 100%) !important;
    color:white;
}
*/

/*estilos incorporados desde cabecera-pie.css por joseba */
/* formato */

.backgAlt {background-color: #ddeeec;}

.right_txt {text-align: right;}
.centrar {text-align: center;}
.centrar_hori {margin: 0 auto;}
.centrar_flex {align-items: center;}
.centro_vertical {	width: 100%;  margin-left: auto;  margin-right: auto;  text-align: center;}
.alineacentro {vertical-align: middle;}
img.alineaderecha {float: right;vertical-align: top;margin: 0 1em 0 1em;}
img.todoizquierda {float:left;padding:5px 10px 10px 0px;}
.noflota {float: none;}
.flotaderecha {float:right;}
.flotaizquierda {float:left;}
.alineaderecha_menu {margin: 7px 7px 0em 0em;float:right;}
.nowrap {white-space: nowrap;}
.clearleft {clear: left;}
.clearright {clear: right;}
.clear {clear: both;}

.margen-inf5 {	margin-bottom:5px !important;}
.margen_masarriba {margin-top: -10px;}
.margen_masarriba1 {margin-top: -3px;}
.margen_sup40 {margin-top: 40px;}
.margen_sup20 {margin-top: 20px;}
.margen_sup20imp {margin-top: 20px!important;}
.margen_sup10 {margin-top: 10px;}
.margen_sup5 {margin-top: 5px;}
.margen_der10 {margin-right: 10px;}
.margen_izq10 {margin-left: 10px;}
.margen_izq15 {margin-left: 15px;}
.margen_todo {margin: 0.3em 0.3em 0.3em 0.3em;}
.margen_izq19 {margin-left:19px;}
.margen_izq33pc {margin-left:33%;}
.margen_nada {margin:0px;}
.margen_inferior_1em {margin-bottom: 1em;}

.padding_de {padding: 0px 5px 0px 0px;}
.padding_id {padding: 0px 10px 0px 10px;}
.padding_id20 {padding: 0px 20px 0px 20px;}
.padding_10y20 {padding: 10px 10px 10px 20px;}
.padding_i {padding-left:1.5rem;}

.padding_1rem {padding: 1rem;}
.padding_05rem {padding: 0.5rem;}
.padding_todo {padding: 0.3em 0.3em 0.3em 0.3em;}
.padding_todo20 {padding: 20px;}

.padding_todomas {padding: 0.5em 0.5em 0.5em 0.5em;}
.padding_todomas_inferiormenos {padding: 0.5em 0.5em 0em 0.5em;}
.padding_sup5 {padding-top: 5px;}

.sinesp {margin-bottom : -2px;	margin-top : -2px;}

a.nosub:link {text-decoration:none!important;}

.alto_60 { max-height:60px;}
.ancho_cien { width: 100%;}
.ancho_mitad { width: 50%;}
.ancho_tercio { width: 30%;}
.ancho_40xc { width: 40%;}
.ancho_45xc { width: 45%;}
.ancho_auto { width: auto;max-width:inherit;}

.ancho_min-content {max-width: min-content;}
.colorINE{color: #9E1834;}

.fondo_blanco {	background-color: #ffffff;}

.fuente_negro {	color: #000000;}

.fuente_tam90 {font-size:0.90rem;}
.fuente_tam80 {font-size:0.80rem;}
.fuente_tam60 {font-size:0.60rem;}

.fuente_tam140	{font-size: 1.40rem;}
.fuente_tam120	{font-size: 1.20rem;}
.fuente_tam110	{font-size: 1.10rem;}

.fuente_negrita {	font-weight: bold;}

.border_radius5  {	border-radius: 5px;}
.bordeInfOsc{ border-bottom:  #457e76 3px solid;}

.oculto {display: none;}

.titulo_principal {font-size: 2.0em; float:left; color:#9e1834;}
.titulo_principal_bloque {padding: 0rem 0rem 0.5rem 0rem; margin:0rem; color: #9E1834; font-size: 2rem;}

.titulo_mas_grande {font-size : 1.75em;}

.titulo_grande {font-size : 1.25em;}

.titulo_mediano {font-size : 1.15em;}

.flexwrap {display: flex; flex-wrap: wrap;}

/*fin estilos incorporados*/

.borde_img {border: 2px solid #89beba;}


/*lista botones horizontal covid19*/
div.lista_botones ul.botones {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

}

div.lista_botones ul.botones li {
  float: left;
}

div.lista_botones ul.botones li a {
  display: block;
  color: white;
  text-align: center;
  padding: 10px;
  margin:5px 15px;
  text-decoration: none;
  background-color: #DDEEEC;
  color:black!important;
  width:120px;
}

div.lista_botones ul.botones li.on a {
  background-color: #457e76;
}

div.lista_botones ul.botones li a:hover {
  background-color: #457e76;
  color:white!important;
}
/*fin lista botones horizontal */

h1.tituloSeccion, h2.tituloSeccion, h3.tituloSeccion{
	color: #457e76;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
    clear: both;
}

/*ZOOM SVG START*/
.zoomSVG{
	position: absolute;
	display: block;
	width: auto;
	left: 5px;
    top: 5px;
    cursor: pointer;
    font-size: 24px;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    text-align: left;
    font-family: verdana,helvetica;
}
.zoomSVG>div{
	width: 100%;
	padding: 0;
	margin: 5px;
	width: 30px;
    height: 30px;
	background-color: #555;
    border: 1px solid #999;
	border-radius: 4px;
}
.zoomSVG>div:hover{
	background-color: #333;
}
/*ZOOM SVG END*/

/*LEGEND SVG START*/
.legendSVG{
	position: absolute;
	display: block;
	width: auto;
	right: 5px;
	bottom: 5px;
	font-size: .75em;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
    border-radius: 4px;
    margin-right: 10px;
}

.legendSVG > ul {
	display:table;
	border-spacing: 3px;
    border-collapse: separate;
}

.legendSVG > ul li{
	display:table-row;
}

.legendSVG > ul li div{
	display:table-cell;
}

.legendBox{
	display: inline-block;
	height: 15px;
	width: 15px;
	border-radius: 4px;
}
/*LEGEND SVG END*/

img	{ image-rendering: -webkit-optimize-contrast; }

input[type=text]::placeholder
, input[type=password]::placeholder
, input[type=search]::placeholder
, textarea::placeholder{
	color:rgb(118,118,118);
}

/*Esilo Iframe imagen*/
BODY.imagen {
	overflow: hidden;
	display: flex;
  	align-items: center;
  	justify-content: center;
}
BODY.imagen > img{
    max-width: calc(100% - 50px);
    max-height :calc(100% - 50px);
	padding: 25px;
    border: 1px solid black;
}

.dos-cols_derecha {
    display: inline;
    float: left;
    margin-top: 0px;
    padding-left: 3%;
    width: 29%;
}

.dos_cols_izquierda_principal {
    float: left;
    margin-top: 0px;
    padding-top: 0;
    width: 66%;
    min-width: 445px;
}

footer .homePie.copyright,
#footer .homePie.copyright{
	text-align: center;
}