.height_ppl{
	height: 700px;
}

.body{
    overflow-x: hidden;
}

.body_ppl{
	/* background-image: url(../img/new/fondo.png);  */
	background-size: 1434px;
}

.tres-mensajes{
    text-align: center;
}

.col_img_nost{ 
	margin:auto;
}

.imagen_nosotros{
	margin:auto;
	width: 600px
}

.imagen_nosotros img{
	width: 100%;
}
.resized {
	width: 100%;
}
.resized img{
	width: 100%;
}


.tres-mensajes p{
    text-align:justify;
}

/*=============================================
	INDICATIVO DEL MENU EN EL QUE ESTAMOS
=============================================*/
.nav-index{
	color:#c8a977;
}

.diferenciadores{
    margin-top:-50px; font-size:140px
}

/*

AMARILLO c8a977
VERDE 005458

*/

.titulos {
	font-family: 'Angello';
	font-size: 180px;
	color: #c8a977;
}

.subtitulo {
	color: #005458;
	font-family: 'ArboriaBlod';
	margin: 15px 0px;
}

.titulos p {
	font-family: 'Angello';
	font-size: 180px;
	color: #c8a977;
}

.nosotros{
	margin-bottom:-100px;
}

.contenido_nosotros{
	padding: 40px;
	border-radius: 8px;
	background: rgba(230,179,123,0.08);
	/* background: rgba(155,129,127,0.5);*/
}

.contenido_nosotros h2 {
	color: #005458;
	font-family: 'ArboriaBlod';
	border-bottom: dashed 1px;
}
.servicios{
	background: #005458;
    padding: 20px;
}

/*=============================================
	CSS CAROUSEL
=============================================*/

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
  }
  
  .middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
  }

  .middle h4{
	color: #005458;
  }
  
  .card .image {
	opacity: 0.3;
  }
  
  .card .middle {
	opacity: 1;
  }
  

/*=============================================
	TITULO DE SERVICIO
=============================================*/
.servicio_titulo{
	text-align: center;
}

/*=============================================
	BLOG
=============================================*/
.blog .container{
	color: #005458;
	padding-bottom: 30px;
	border-bottom: dashed 1px;
}

/*=============================================
	CONTACTANOS
=============================================*/

.contactanos_titulo{
	margin-top: 30px;
	width: 100%;
}

.contactanos_titulo img{
	width: 100%;
}

.contenedor_contactanos{
	width: 800px;
	z-index: 6;
	position: relative;
}

.form_contactanos{
	padding: 30px;
	border-radius: 50px;
	/* width: 750px; */
	background: rgba(127,127,127,0.3);
	z-index: 9;
	margin-bottom: 45px;
}

.form_contactanos label {
	color: #005458;
	font-family: 'ArboriaBook';
	
}

.resized{
	width: 100%;
}
.resized img{
	width: 100%;
}
/*=============================================
	FLORES
=============================================*/
.flor_1_izq{
	width: 500px;
	position: absolute;
	left: -90px;
}

.flor img{
	width: 100%;
}


.flor_2_der{
	width: 300px;
	position: absolute;
	right: 0px;
}

.flor_3_izq {
	width: 400px;
	position: absolute;
	left: 123px;
	top: 1486px;
}


.flor_4_der{
	width: 400px;
	position: absolute;
	right: 0px;
}

.flor_5_izq {
	width: 400px;
	position: absolute;
	left: 123px;
}


.flor_6_der{
	width: 400px;
	position: absolute;
	right: 0px;
}

.flor_7_der{
	width: 400px;
	position: absolute;
	right: 0px;
}

.flor_8_izq {
	width: 600px;
	position: absolute;
	/* left: 123px; */
	top: 2300px;
}

/*
	boton requerido
*/
.requerido{
	color:red;
}

.texto-columna-contacto{
	font-size: 2.5vh;
	margin-top: 50%;
}


.texto-columna-contacto h2, .texto-columna-contacto h3{
    color: #005458;
}

.titulo_de_pagina{
	margin-top: 50px;
}

.titulo_de_pagina h2{
	color: #c8a977;
	font-size: 25px;
}

.titulo_de_pagina_contenedor {
	border-bottom: solid 1px #005458;
}

p{
	color: #005458;
}

.tit_nost_derechos h2{
	font-size: 50px;
	color: #c8a977;
	text-align: center;
}

.tit_nost_derechos span{
	font-size: 30px;
	color: #005458;
}

.derechos_deberes {
	color: #005458;
}

/* NUEVOS DISEÑOS PARA LA PAGINA DE LUISA */

.cabezote-img{
	height: auto;
	width: 100%;
}

.cabezote-img img{
	width: 100%;
}

.banner-principal{
	margin-top:-10px;
}

.banner-principal-img{
	margin-top: 10px;
	width: 100%;
}

.banner-principal-img img{
	width: 100%;
}

.texto-filosofia{
	margin: 50px 0px;
}
.boton-imagen img{
	width: 200px;
}

.btn-imagen{
	margin: auto;
	width: 200px;
}

/* .servicio img{
	width: 100%;
	transition: filter 0.5s;
} */

/* Estilo básico para el contenedor */
.servicio {
	position: relative;
	overflow: hidden;
	transition: transform 0.5s;
}

/* Estilo para la imagen superpuesta */
.image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0; /* Inicialmente invisible */
	transition: opacity 0.5s;
}

/* Estilo para la imagen de fondo */
.servicio1 {
	background-image: url('../img/new/4.png');
	background-size: cover;
	width: 100%;
	height: 280px;
}

/* Estilo para la imagen de fondo al hacer hover */
.servicio1:hover {
	background-image: url('../img/new/9.png');
}

/* Mostrar la imagen superpuesta al hacer hover */
.servicio1:hover .image {
	opacity: 1;
}

/* =========================================== */

/* Estilo para la imagen de fondo */
.servicio2 {
	background-image: url('../img/new/5.png');
	background-size: cover;
	width: 100%;
	height: 280px;
}

/* Estilo para la imagen de fondo al hacer hover */
.servicio2:hover {
	background-image: url('../img/new/10.png');
}

/* Mostrar la imagen superpuesta al hacer hover */
.servicio2:hover .image {
	opacity: 1;
}

/* =========================================== */

/* Estilo para la imagen de fondo */
.servicio3 {
	background-image: url('../img/new/6.png');
	background-size: cover;
	width: 100%;
	height: 280px;
}

/* Estilo para la imagen de fondo al hacer hover */
.servicio3:hover {
	background-image: url('../img/new/11.png');
}

/* Mostrar la imagen superpuesta al hacer hover */
.servicio3:hover .image {
	opacity: 1;
}


/* =========================================== */

/* Estilo para la imagen de fondo */
.servicio4 {
	background-image: url('../img/new/7.png');
	background-size: cover;
	width: 100%;
	height: 280px;
}

/* Estilo para la imagen de fondo al hacer hover */
.servicio4:hover {
	background-image: url('../img/new/12.png');
}

/* Mostrar la imagen superpuesta al hacer hover */
.servicio4:hover .image {
	opacity: 1;
}

/* =========================================== */

/* Estilo para la imagen de fondo */
.servicio5 {
	background-image: url('../img/new/8.png');
	background-size: cover;
	width: 100%;
	height: 280px;
}

/* Estilo para la imagen de fondo al hacer hover */
.servicio5:hover {
	background-image: url('../img/new/13.png');
}

/* Mostrar la imagen superpuesta al hacer hover */
.servicio5:hover .image {
	opacity: 1;
}

.tres-mensajes{
	margin: 30px 0px;
}

/* Estilo para las imágenes */
.equipo-img {
	width: 100%;
	height: auto;
}

/* Estilo para cada elemento del carrusel */
.carousel-item {
	flex: 0 0 33.333333%; /* Mostrar 3 elementos a la vez */
}

.equipo{
	background: #005458;
	padding: 50px 0px;
}

.equipo h2{
	color: white;
}

.carousel-inner {
	width: 70%;
	margin: auto;
}

.carousel-inner-equipo{
	width: 70%;
	margin: auto;
}

.carousel-inner-blog{
	width: 70%;
	margin: auto;
}

/* AGENDAR CITA */

.agenda-cita{
	padding: 40px 0px;
}

.imagen-agendar{
	width: 50%;
	margin:auto;
	color:white;
	background-color: #005458;
    border-radius: 70px;
    padding: 10px;
    text-align: center;
}

.btn-agendar{
    border-color: white !important;
    border-style: solid;
    border-width: 1px !important;
    border-radius: 20px;
    color: white;
}
.btn-agendar a{
    text-decoration:none;
    color:white;
}

.btn-agendar a:hover{
    color:#ffa;
    text-decoration:none;
}

.imagen-agendar img {
	width: 100%;
}

.blog .btn-imagen{
	margin:40px auto;
}

/* NUESTROS ESPACIOS */

.nuestros-espacios{
	background: #005458;
	padding: 50px 0px;
	color: white;
}

.textos{
	width: 200px;
}

.video{
	width: 500px;
	margin: auto;
}

/* DISTINTIVOS */

.distintivos{
	background-image: url('../img/new/34.png');
	background-size: cover;
}

.imagen-ssh{
	width: 200px;
	margin:auto
}

.imagen-ssh img{
	width: 100%;
}

.distintivos .row .col img{
	width: 100%;
}

.distintivos {
	padding: 50px 0px;
}

.distintivos hr{
	color: #005458;
	width: 3px;
}

.col_m {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

/* DISEÑOS RESPONSIVE */

@media (max-width: 320px) {
    .titulos, .diferenciadores{
        font-size:80px;
    }
    
    .menu{
        height:120px;
    }
    
    .tres-mensajes,.nuestros-espacios p,.nuestros-espacios h2{
        margin:30px 40px;
    }
    
    .textos{
        text-align:justify;
        padding-left:70px;
        padding-right:60px;
    }
    
    /* Estilos para imágenes */
	.col {
        flex-basis: auto; /* O cualquier otro valor deseado para tamaños pequeños */
    }

	.servicio, .distintivos_col{
		flex-basis: none !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.carousel-inner {
		width: 90% !important;
		margin: auto;
	}

	.video, iframe{
		width: 300px;
	}


	.imagen-agendar{
		width: 100%;
	}

	.distintivos_col{
		padding: 0px 50px;
	}

}

/* Estilos para móvil pequeño (360x640) */
@media (max-width: 360px) {
    
    .titulos, .diferenciadores{
        font-size:80px;
    }
    
    .menu{
        height:120px;
    }
    
    .tres-mensajes,.nuestros-espacios p,.nuestros-espacios h2{
        margin:30px 40px;
    }
    
    .textos{
        text-align:justify;
        padding-left:70px;
        padding-right:60px;
    }
    /* Estilos para imágenes */
	.col {
        flex-basis: auto; /* O cualquier otro valor deseado para tamaños pequeños */
    }

	.servicio, .distintivos_col{
		flex-basis: none !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.carousel-inner {
		width: 90%;
		margin: auto;
	}

	.video, iframe{
		width: 350px;
	}
	
	.imagen-agendar{
		width: 100%;
	}

	.distintivos_col{
		padding: 0px 50px;
	}

}

/* Estilos para móvil medio (375x667) */
@media (max-width: 375px) {
    /* Estilos para imágenes */
	.col {
        flex-basis: auto; /* O cualquier otro valor deseado para tamaños pequeños */
    }
    
    .menu{
        height:120px;
    }
    
    .titulos, .diferenciadores{
        font-size:80px;
    }
    
    .tres-mensajes,.nuestros-espacios p,.nuestros-espacios h2{
        margin:30px 40px;
    }
    
    .textos{
        text-align:justify;
        padding-left:70px;
        padding-right:60px;
    }
    
    .titulos, .diferenciadores{
        font-size:80px;
    }

	.servicio, .distintivos_col{
		flex-basis: none !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.carousel-inner {
		width: 90%;
		margin: auto;
	}
	.video, iframe{
		width: 350px;
	}
	
	.imagen-agendar{
		width: 100%;
	}

	.distintivos_col{
		padding: 0px 50px;
	}
}

/* Estilos para móvil medio (375x667) */
@media (max-width: 470px) {

    /* Estilos para imágenes */
    .col {
        flex-basis: auto; /* O cualquier otro valor deseado para tamaños pequeños */
    }
    
    .tres-mensajes,.nuestros-espacios p,.nuestros-espacios h2{
        margin:30px 40px;
    }
    
    .menu{
        height:120px;
    }
    
    .titulos, .diferenciadores{
        font-size:80px;
    }
    
    .textos{
        text-align:justify;
        padding-left:70px;
        padding-right:60px;
    }

	.servicio, .distintivos_col{
		flex-basis: none !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.carousel-inner {
		width: 90%;
		margin: auto;
	}

	.video{
		width: 370px;
		margin: auto;
	}

	.video, iframe{
		width: 370px;
	}

	.distintivos_col{
		padding: 0px 50px;
	}
	

	.imagen-agendar{
		width: 60%;
	}
}


/* Estilos para ordenador portátil medio (1366x768) */
@media (min-width: 768px) and (max-width: 1366px) {
    
	.carousel-inner {
		width: 90%;
		margin: auto;
	}

	.video{
		width: 370px;
		margin: auto;
	}

	.video, iframe{
		width: 450px;
	}
	
	.imagen-agendar{
		width: 60%;
	}
}

/* Estilos para escritorio grande (1920x1080) */
@media (min-width: 1080px) {

}



/* Estilos para escritorio medio (1440x900) */
@media (min-width: 900px) and (max-width: 1440px) {

}

/* Estilos para móvil grande (720x1280) */
@media (min-width: 1280px) and (max-width: 720px) {

}