/*
 * WEB GENERAL --------------------------------------------------
 */

@font-face {
		font-family: 'SquadaOne';
    		src: url("https://www.ergosfera.org/archivo/personas-mayores/fuentes/SquadaOne-Regular.woff2") format('woff2'),
			url("https://www.ergosfera.org/archivo/personas-mayores/fuentes/SquadaOne-Regular.woff") format('woff'),
			url("https://www.ergosfera.org/archivo/personas-mayores/fuentes/SquadaOne-Regular.ttf") format('truetype');
		font-weight: normal;
		font-style: normal;
	}

body {
    margin: 0;
    padding: 0;
    border: 0;
    background: #ffffff;
    font-family: Verdana, Arial, Helvetica;
}

#globalcontainer {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    margin: 60px auto;
    width: 800px;
}

/*
 * TITULOS WEB GENERAL --------------------------------------------------
 */

titulo_1 {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 156px;
    line-height: 156px;
    font-weight: regular;
    color:#334C99;
    text-align: center;
    display: block;
}

titulo_2 {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 58px;
    line-height: 58px;
    font-weight: regular;
    color:#334C99;
    text-align: center;
    display: block;
}

titulo_1_CAT {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 157px;
    line-height: 157px;
    font-weight: regular;
    color:#334C99;
    text-align: center;
    display: block;
}

titulo_2_CAT {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 60px;
    line-height: 60px;
    font-weight: regular;
    color:#334C99;
    text-align: center;
    display: block;
}

titulos_txt {
    font-family:"SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 75px;
    line-height: 75px;
    font-weight: regular;
    color:#334C99;  
}

titulos_txt_2 {
    font-family:"SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 75px;
    line-height: 75px;
    font-weight: regular;
    color:#668CCC;  
}

/*
 * TEXTOS WEB GENERAL --------------------------------------------------
 */

texto {
    margin: 0;
    padding: 0;
    border:0;
    color: #000000;
    font-size: 17px;
    line-height: 26px;
    font-weight: normal;
}

a.normal {
    color: #000000;
    text-decoration: underline;
}

a.normal:hover {
    color: #99CCFF;
    text-decoration: none;
    background-color:#334C99;
}

texto_intro {
    margin: 0;
    padding: 0;
    border:0;
    color: #000000;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
}

pies {
    margin-top: 30px;
    padding-top: 30px;
    border:0;
    color: #334C99;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
}

a.pies {
    color: #334C99;
    text-decoration: underline;
}

a.pies:hover {
    color: #99CCFF;
    text-decoration: none;
    background-color:#334C99;
}

referencias {
    margin: 0;
    padding: 0;
    border:0;
    color: #668CCC;
    font-size: 17px;
    line-height: 26px;
    font-weight: normal;
}

a.referencias {
    color: #668CCC;
    text-decoration: underline;
}

a.referencias:hover {
    color: #99CCFF;
    text-decoration: none;
    background-color:#334C99;
}

enlaces_idi {
    
    text-align: right;
    font-size: 17px;
    line-height: 26px;
    font-weight: regular;
    color:#334C99;
}

a.idi {
    color:#334C99;
    text-decoration: underline;
    text-align: right;
}

a.idi:hover {
    color: #99CCFF;
    text-decoration: none;
    background-color:#334C99;
    text-align: right;
}

li {
    margin: 0;
    border: 0;
    padding: 0;
    margin-left:30px;
    line-height:26px;
}

ul {
    margin: 0;
    border: 0;
    padding: 0;
    margin-left:30px;
    line-height:26px;
}

/*
 * NAVEGADOR WEB GENERAL --------------------------------------------------
 */

titulos_nav {
    font-family:"SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 36px;
    line-height: 36px;
    font-weight: regular;
    color:#334C99;
}

a.nav_obras {
    text-decoration: underline;
    font-weight: regular;
    color:#334C99;
}

a.nav_obras:hover {
    color:#99CCFF;
    font-weight: regular;
    text-decoration: none;
    background-color:#334C99;
}

a.nav_obras_2 {
    font-size: 24px;
    line-height: 24px;
    text-decoration: underline;
    font-weight: regular;
    color:#334C99;
}

a.nav_obras_2:hover {
    color:#99CCFF;
    font-weight: regular;
    text-decoration: none;
    background-color:#334C99;
}

a.flecha {
    border: 0;
    margin: 0;
    padding: 0;
    text-decoration:none;
    color:#334C99;
    font-weight: bold;
}

a.flecha:hover {
    color:#000000;
    text-decoration:none;
    font-weight: bold;
}

a.flecha_2 {
    border: 0;
    margin: 0;
    padding: 0;
    text-decoration:none;
    color:#668CCC;
    font-weight: bold;
}

a.flecha_2:hover {
    color:#000000;
    text-decoration:none;
    font-weight: bold;
}

/*
 * TITULOS WEBS MATERIALES --------------------------------------------------
 */

.titulo_1 {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 156px;
    line-height: 156px;
    font-weight: regular;
    color:#334C99;
    text-align: center;
    display: block;
}

.titulo_2 {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 58px;
    line-height: 58px;
    font-weight: regular;
    color:#334C99;
    text-align: center;
    display: block;
}

.titulo_3 {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 58px;
    line-height: 58px;
    font-weight: regular;
    color:#FFFFFF;
    text-align: center;
    display: block;
}

.num_fot {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 58px;
    line-height: 58px;
    font-weight: regular;
    color:#334C99;
    text-align: center;
    display: block;
}

.num_fot_act {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    color:#FFFFFF;
}

.num_fot_tit {
    font-family: "SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 58px;
    line-height: 58px;
    font-weight: regular;
    color:#334C99;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}

a.nav_fot {
    color: #334C99;
    text-decoration: none;
    text-align: center;
}

a.nav_fot:hover {
    color: #FFFFFF;
}

a.pag_prin {
    color: #334C99;
    text-decoration: none;
    display: block;
    text-align: center;
}

a.pag_prin:hover .titulo_1,
a.pag_prin:hover .titulo_2 {
    color: #FFFFFF;
}

/*
 * TEXTOS WEBS MATERIALES --------------------------------------------------
 */

pie_img {
    margin-top: 130px;
    padding-top: 130px;
    border:0;
    color: #334C99;
    font-size: 17px;
    line-height: 26px;
    font-weight: bold;
}

pie_obra {
    margin-top: 0px;
    padding-top: 0px;
    text-align: left; !important
    border:0;
    color: #668CCC;
    font-size: 12px;
    line-height: 16px;
    font-weight: regular;
}

/*
 * FOOTER --------------------------------------------------
 */

enlaces_sub {
    font-family:"SquadaOne", Verdana, Arial, Helvetica;
    margin: 0;
    padding: 0;
    border:0;
    font-size: 24px;
    line-height: 36px;
    font-weight: regular;
    color:#334C99;
}

a.footer {
    text-decoration: none;
    font-weight: regular;
    color:#334C99;
}

a.footer:hover {
    color:#99CCFF;
    font-weight: regular;
    text-decoration: none;
    background-color:#334C99;
}

/*
 *	OTROS -------------------------------------------------------
 */

videos {
    float: left;
    display: block;
}

/*
 *	GALERIA -------------------------------------------------------
 */

.galeria-wrapper {
	width: 800px;
}

.galeria li {
	margin: 0;
}

.galeria img {
	width: 800px;
	height: auto;
	border:0px solid black;
}

/*
 *	TOOLTIP -------------------------------------------------------
 */

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltip-text {
    visibility: hidden;
    background-color: white; /* Agrega un fondo para que el texto sea legible */
    color: #668CCC;
    font-size: 20px; /* Reduce un poco para mejorar la distribución */
    line-height: 24px; /* Ajusta la altura de línea para mejorar la lectura */
    text-align: left; /* Alinea a la izquierda para evitar separación extraña de palabras */
    padding: 8px 12px;
    border-radius: 5px;
    position: absolute;
    bottom: 130%; /* Posiciona el tooltip más arriba */
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px; /* Tamaño mínimo para que el texto no se divida demasiado */
    max-width: 400px; /* Evita que se haga demasiado ancho */
    white-space: normal;
    word-wrap: break-word; /* Rompe palabras si es necesario */
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    box-sizing: border-box;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}