@font-face {
  font-family: 'Exo';
  src: url('./fonts/Exo-VariableFont_wght.woff2') format('woff2-variations');
  font-weight: 100 900; /* rango completo de la variable font */
  font-style: normal;
  font-display: swap;

}
body {font-family:Exo, sans-serif;margin:auto;font-size: 14px;font-weight:550;background-image:url("https://www.saludinternet.es/imagenes/fondo.webp");background-attachment: fixed;background-position:center top; background-repeat:no-repeat; background-color:white;margin-top:0px;}
#arriba {width:100%; margin:0px; font-size:16px;font-weight:bold;opacity:0.8;text-shadow: 2px 2px 2px rgba(221, 221, 221, 1);}
#arriba h3 A {font-size:3vw; color:black}
#contenido {width:100%; font-size:14px;font-weight:500;padding-top:5px;padding-bottom:10px; margin: -20px;opacity:0.88; line-height:32px}
#contenido2 {width:98%; font-size:14px;padding:1%;opacity:1;background-color:white;text-align:justify}
#contenido2 A {color:#1c609f;font-size:14px; font-weight:550;}
h1 {font-size: 20px;}
h2 {font-size: 17px;}
h3 {margin:0px}
	A {text-decoration:none}
#incluirse {background-color:#3d6e9d;color:white;padding:10px;opacity:0.9;text-shadow: 2px 2px 2px rgba(66, 66, 66, 1);}
#iframe_buscador {background-color:white;color:black;padding:10px;opacity:0.95;  border-bottom:4px solid #bdd6ee}
#foto_index {max-width:600px}

form {font-size: 15px;margin:2px;font-family:Exo,Arial;line-height:17px;background-color:#bdd6ee;margin-bottom:0px;padding-bottom:0px; }
select {font-size:14px;}
.boton_buscar {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	font-family:Arial;
	font-size:15px;
	padding:3px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
	width:70px;
}
.boton_buscar:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.boton_buscar:active {
	position:relative;
	top:1px;
}
#salir_bien {background-color:#282828;color:white;padding:10px;opacity:0.95}
#texto_index {background-color:#eaf1fc;color:black;padding:20px;text-align:justify;font-size: 1vw;color:#094ea3;opacity:0.95;z-index:-1;}
#texto_index img {width:90%;max-width:600px;margin:5px; margin-left:20px;
  border-radius: 3px;
    outline: 3px solid rgba(255, 255, 255, 0); /* Borde transparente */
    display: block;
    margin:auto;}

img {border-radius: 3px;
    outline: 3px solid rgba(255, 255, 255, 0); /* Borde transparente */}

.enlace_telf_mail {    color: #232323;
    font-weight: 700;
    text-shadow: none;
    letter-spacing: .5px;}


#texto_index A {color:black}
#otros_portales {background-color:#019ed1;color:white;padding:10px;text-align:justify;font-size:  1vw;opacity:0.8}
#otros_portales A {font-weight:bold;color:yellow}


	.myButton {
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border-radius:3px;
	border:1px solid #e3e7ed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Exo,Arial;
	font-size: 2vh;
	font-weight:bold;
	padding:7px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButton:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}
.myButton:active {
	position:relative;
	top:1px;
}


	.menu-wrapper {
    background: #2e518b;
    padding: 10px;

}

.menu-item {
    margin-bottom: 8px;

}

.menu-title {
    width: 100%;
    background: #2e518b;
    color: #ffffff;
    border: none;
    padding: 12px 14px; /* buena área táctil */
    text-align: left;
    font-size: 15px;
    cursor: pointer;
	font-family:Exo;

}

.menu-title:hover {
    background: #24406e;
}

/* SUBMENÚ */
.submenu {
    display: none;
    background: #e9f0fa; /* azul muy claro */
    margin: 0;
    padding: 12px;
    list-style: none;
    max-height: 320px;
    overflow-y: auto;
}

/* separación táctil */
.submenu li + li {
    margin-top: 4px;
}

.submenu li a {
    display: block;
    padding: 12px 12px 12px 26px;
    font-size: 14px;
    color: #1f2d3d !important;
    text-decoration: none;
    border-bottom: 1px dotted #6fa3e0;
    position: relative;
    line-height: 1.4;
}

/* primera letra mayúscula */
.submenu li a::first-letter {
    text-transform: uppercase;
}

/* punto azul */
.submenu li a::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #6fa3e0;
}

.submenu li a:hover {
    background: #dce8f7;
}

/* mostrar submenu */
.menu-item.open > .submenu {
    display: grid;
    grid-template-columns: 1fr;
}

/* ESCRITORIO: 2 COLUMNAS */
@media (min-width: 1024px) {
    .menu-item.open > .submenu {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        max-height: 420px;
    }
}


#abajo {color:#808080;font-size:13px;background: #282828;font-weight:400; height:auto}
#abajo A {color:white;}
.redpropia {max-width:945px;    background-color:rgba(255, 255, 255, 0.9); border-radius:10px}


.tableblancaresultados {background-color:#cbebff;font-family:Exo;font-weight:500;font-size:inherit; border:1px solid black;width:80%;padding:5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.tablegrisresultados { background-color:#cbebff;font-family:Exo;font-weight:500;font-size:inherit; border:1px solid black;width:80%;padding:5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.tablemostrarresultados {  font-family:Exo;font-size:inherit; color: black; width:80%}

.tableblancaresultados A {text-shadow: 1px 1px 1px rgba(119,119,119, 1); color: white !important }
.tablegrisresultados A { text-shadow: 1px 1px 1px rgba(119,119,119, 1); color: white !important }
.tableblancaresultados img {width:15px !important}
.tablegrisresultados img { width:15px !important}

#enlaces_internos {text-align:center;min-height:28px;padding:1%;padding-left:35%;font-size:2vh;margin-top:5px}

.sd-cmp-inD2m {
    display: flex;
    flex-direction: column-reverse!important;
}


.contenido-salud h2 {color:#171717;margin-top:20px}
.contenido-salud A {color: #171717 !important;
    border-bottom: 1px dotted #171717 !important;
    font-weight: 350;}


@media screen and (max-width: 1024px) {
body {font-size: 14px;}
h1 {font-size: 20px;}
h2 {font-size: 17px;}
#arriba {font-size:14px;}

#arriba h3 A {font-size:25px; color:black}
#contenido, #contenido2 {font-size: 14px;}
#contenido2 img {width:98%}
#contenido2 A {color:#1c609f}
#foto_index {width:90%;max-width:500px}

#abajo {background-color:282828;color:#808080;font-size:13px}
#incluirse {font-size: 14px;}
#salir_bien {font-size: 14px;}
#texto_index  {font-size: 13px;}
#otros_portales  {font-size: 13px;}
form {font-size:14px;}
.tableblancaresultados {width:98% }
.tablegrisresultados { width:98% }
.tablemostrarresultados {  width:98%}
#enlaces_internos  {padding-left:1%;}
#enlaces_internos { padding-left:10%;}
.redpropia {width:98%}
}




}
@media screen and (min-width: 1024px)  {
.redpropia {width:98%}
}
