a.imagelink:hover img {
    transform: scale(1.10); /* Aumenta el tamaño un 10% */
    transition: 0.3s;      /* Suaviza el efecto */
    opacity: 0.5;
    border: none;
    cursor: pointer;
}

textlink:{
	font-family: Verdana;Tahoma;Arial;Helvetica;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

a.textlink:link {
	font-family: Verdana;Tahoma;Arial;Helvetica;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

a.textlink:hover {
	font-family: Verdana;Tahoma;Arial;Helvetica;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.textlink:visited {
	font-family: Verdana;Tahoma;Arial;Helvetica;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}



.imagenstandar {
    box-sizing: border-box;
    padding: 0px;
    text-align: justify;
    object-fit: cover; /* Ajusta la foto sin deformarla */
    border: none;
    border-radius: 20px;
}
.imagenstandar: img {
    width: 50%;
    height: 180px;
    object-fit: cover; /* Ajusta la foto sin deformarla */
    border: none;
    border-radius: 20px;
}
.imagenstandar:hover img {
    transform: scale(1.05); /* Aumenta el tamaño un 5% */
    transition: 0.2s;      /* Suaviza el efecto */
    opacity: 0.5;
    object-fit: cover; /* Ajusta la foto sin deformarla */
    cursor: pointer;
    border: none;
	border-radius: 20px;
}


.imagenews {
    box-sizing: border-box;
    padding: 0px;
    text-align: justify;
    border-radius: 10px;
}
.imagenews: img {
    width: 50%;
    height: 180px;
    object-fit: cover; /* Ajusta la foto sin deformarla */
    border-radius: 10px;
}
a.imagenews:hover img {
    transform: scale(1.05); /* Aumenta el tamaño un 5% */
    transition: 0.2s;      /* Suaviza el efecto */
    opacity: 0.5;
    border: none;
    cursor: pointer;
	border-radius: 10px;
}

.enlace-imagen {
    max-width: 90%;
    height: auto;
    box-sizing: border-box;
    border: 0px;
	animation: fadeIn 1.5s ease-in-out;
	}
@keyframes fadeIn{
   	0% { opacity: 0; }
   	100% { opacity: 0.6; }
    }	
.enlace-imagen .imggris {
    max-width: 90%;
    height: auto;
  	display: block; /* Oculta la segunda imagen por defecto */
  	opacity: 0.6;
}
.enlace-imagen .imgcolor {
    max-width: 90%;
    height: auto;
  	display: none; /* Oculta la segunda imagen por defecto */
  	opacity: 0.6;
}
.enlace-imagen:hover .imggris {
    max-width: 90%;
    height: auto;
 	 display: none; /* Oculta la primera al pasar el mouse */
  	transition: 0.2s;      /* Suaviza el efecto */
  	opacity: 0;
}
.enlace-imagen:hover .imgcolor {
    max-width: 90%;
    height: auto;
  	display: block; /* Muestra la segunda al pasar el mouse */
  	transition: 0.2s;      /* Suaviza el efecto */
  	opacity: 1.0;
}


.menu: {
	font-family: Verdana;Tahoma;Helvetica;Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CB7E29;
	background-color: none;
	text-decoration: none;
}
a.menu:link {
	font-family: Verdana;Tahoma;Helvetica;Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CB7E29;
	background-color: none;
	text-decoration: none;
}
a.menu:visited {
	font-family: Verdana;Tahoma;Helvetica;Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CB7E29;
	background-color: none;
	text-decoration: none;
}
a.menu:hover {
	font-family: Verdana;Tahoma;Helvetica;Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #CB7E29;
	text-decoration: none;
}
a.menu:active {
	font-family: Verdana;Tahoma;Helvetica;Arial;
	font-size: 10px;
	font-style: bold;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #CB7E29;
	text-decoration: underline;
}


.conte {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 14px;
	font-style: normal;
	font-weight: normal;
    color: #000000;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.40;
}
a.conte:link {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 14px;
	font-style: normal;
	font-weight: normal;
    color: #CB7E29;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.40;
}
a.conte:visited {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 14px;
	font-style: normal;
	font-weight: normal;
    color: #CB7E29;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.40;
}
a.conte:hover {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 14px;
	font-style: normal;
	font-weight: normal;
    color: #DFA360;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.40;
}
a.conte:active {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 14px;
	font-style: normal;
	font-weight: normal;
    color: #DFA360;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.40;
}


.pie {
	font-family: Tahoma;Arial;Helvetica;Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.pie:link {
	font-family: Tahoma;Arial;Helvetica;Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.pie:visited {
	font-family: Tahoma;Arial;Helvetica;Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.pie:hover {
	font-family: Tahoma;Arial;Helvetica;Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.pie:active {
	font-family: Tahoma;Arial;Helvetica;Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


.comentitu {
	font-family: Tahoma;Verdana;Helvetica;Arial;
    font-size: 16px;
	font-style: normal;
	font-weight: bold;
    color: #CB7E29;
    text-align: center;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
}
a.comentitu:link {
	font-family: Tahoma;Verdana;Helvetica;Arial;
    font-size: 16px;
	font-style: normal;
	font-weight: bold;
    color: #CB7E29;
    text-align: center;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
}
a.comentitu:visited {
	font-family: Tahoma;Verdana;Helvetica;Arial;
    font-size: 16px;
	font-style: normal;
	font-weight: bold;
    color: #CB7E29;
    text-align: center;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
}
a.comentitu:hover {
	font-family: Tahoma;Verdana;Helvetica;Arial;
    font-size: 16px;
	font-style: normal;
	font-weight: bold;
    color: #DFA360;
    text-align: center;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
}
a.comentitu:active {
	font-family: Tahoma;Verdana;Helvetica;Arial;
    font-size: 16px;
	font-style: normal;
	font-weight: bold;
    color: #DFA360;
    text-align: center;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
}


.comenresu {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #000000;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.05;
}
a.comenresu:link {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #000000;
    text-align: justify;
	margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.05;
}
a.comenresu:visited {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #000000;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.05;
}
a.comenresu:hover {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #4E4E4E;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.05;
}
a.comenresu:active {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #4E4E4E;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.05;
}


.newsresu {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #000000;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.5;
}
a.newsresu:link {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #000000;
    text-align: justify;
	margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.5;
}
a.newsresu:visited {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #000000;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.5;
}
a.newsresu:hover {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #CB7E29;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.5;
}
a.newsresu:active {
	font-family: Verdana;Tahoma;Helvetica;Arial;
    font-size: 13px;
	font-style: normal;
	font-weight: normal;
    color: #CB7E29;
    text-align: justify;
    margin-top: 10px;
	background-color: none;
	text-decoration: none;
	line-height: 1.5;
}


.slider-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden; /* Oculta lo que no cabe */
    border: 0px solid #F5F5F5;
    background: #F5F5F5;
    padding: 5px;
}
.slider-track {
    display: flex; /* Alinea los slides horizontalmente */
    width: 200%; /* (NumeroDeFotos/2)*100 */
    animation: slider 20s ease-in-out infinite;
}
/* Animación para el deslizamiento */
@keyframes slider {
    0% { transform: translateX(0); }
    20% { transform: translateX(0); }
    25% { transform: translateX(-25%); }
    40% { transform: translateX(-25%); }
    50% { transform: translateX(-50%); } 
    60% { transform: translateX(-50%); }
    75% { transform: translateX(0); }
    100% { transform: translateX(0); }
}
.slide {
    width: calc(100% / 4); /* Divide el 100% entre el total de fotos (6 en este ejemplo) */
    box-sizing: border-box;
    padding: 20px;
    text-align: justify;
}
.slide img {
    width: 100%;
    height: 200px;
    object-fit: cover; /* Ajusta la foto sin deformarla */
    border-radius: 10px;
}


.profesionales-container {
    width: 98%;
    max-width: 720px;
    overflow: hidden; /* Oculta lo que no cabe */
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    padding: 10px;
}
.profesionales-track {
    display: flex; /* Alinea los slides horizontalmente */
    width: 200%; /* Aumentar según número de slides: (total/2)*100 */
    animation: profesionales 20s ease-in-out infinite;
}
/* Animación para el deslizamiento */
@keyframes profesionales {
    0% { transform: translateX(0); }
    20% { transform: translateX(0); }
    25% { transform: translateX(0); }
    40% { transform: translateX(0); }
    50% { transform: translateX(-50%); } 
    60% { transform: translateX(-50%); }
    75% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
.profesional {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: justify;
    border-radius: 10px;
}
.profesional img {
    width: 50%;
    height: 180px;
    object-fit: cover; /* Ajusta la foto sin deformarla */
    border-radius: 10px;
}