body {
	font-family: 'Exo 2', sans-serif;
	overflow-x: hidden;

}
	
@font-face {
  font-family: "swissek";
  src: url("../fuente/swissek.ttf") format('truetype');
  font-style: normal;
  font-weight: normal;
}

/** overflow-x: hidden; (por si molesta la barra horizontal, con eso se borra **/


/* INDEX -  MENU ----------------------- */


.container-fluid {

	margin-top: 2px;
	
}

/* NAVBAR - MENU  */



.navbar {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}


.navbar-brand {
	opacity: 0%;
}



.logo__container {    
	background-image: url("../imagenes/logo.png");
	width: 200px;
	background-repeat: no-repeat;

}

.logo__container:hover {    
	background-image: url("../imagenes/logo2.png");
	width: 200px;
	background-repeat: no-repeat;
	opacity: 100%;
	transition: 0.5s;
}

.navbar-collapse {
    flex-grow: 0;
}



/* IMAGENES ------------------- */

/* SECCIÓN 1 */


  
.imagenes__text {
	font-family: "swissek", serif;
	color:rgb(255, 255, 255);
	font-size: 200%;	
	font-weight: bold;
	letter-spacing: 10px;
    text-align: center;


	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	
}

.imagenes__text a{
	color: white;
}

.imagenes__text a:hover{
	color: orange;
	transition: 0.50s;
}

.row>* {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	margin: 0px;
	padding: 0px;
}


/* -------------------------- */
/* -------------------------- */
/* -------------------------- */


.imagenes__containerPr {
	position: relative;
 	 overflow: hidden;
	 width: 100%;
	 height: 100%;
}


.imagenes__containerPr:hover {
	transform: scale(1.01);
	filter: brightness(120%) saturate(150%);
	


}
  


.imagenes__containerPr .imagenes__overlay {  
	opacity: 1;

	
}

.imagenes__containerPr:hover {
	transition: 0.50s;
	

	
}




#sliding-container  {



}

#slider  {
	width: 100%;
}

/* IMAGENES ------------------- */



.indexParrafo {
	font-size: 18px;
	color: rgb(70, 70, 70);
	
	word-spacing: 1px;
	letter-spacing: 1px;
	text-align:left;
	padding: 25px;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 25%;
	margin-bottom: 25%;

	background-color: #ffffff;

}





.tituloNosotros {

	font-size: 30px;
	font-weight: bold;
	color: rgb(70, 70, 70);
	margin: 200px;
	word-spacing: 1px;
	letter-spacing: 1px;
	text-align: center; 
	text-decoration: underline;
	display: flex;
	justify-content: center;
}






/* SERVICIOS --------------------------- */


.fondo__container:hover {
	filter:contrast(120%);	
	transition: 0.6s;	
}

.container {
	margin: 0px;
}




.container__izquierda {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	background-color: rgb(245, 245, 245);
}


.container__derecha {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	background-color: rgb(255, 255, 255);
}


.container__titulos {
	font-family: "swissek", serif;
	font-size: 30px;
	margin-top: 45px;
	
}

.container__parrafosIzquierda {

	margin-top: 40px;
	margin-left: 30px;

}


.container__parrafoDerecha {

	margin-top: 50px;
	margin-left: 30px;
	margin-right: 100px;

}

.container__subtitulos {
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 70%;
	font-weight: bold;

}


.container__listasIzquierda {
	margin-top: 50px;
	margin-bottom: 100px;
	font-weight: bold;
	

}


.container__listasDerecha{
	margin-top: 50px;
	margin-bottom: 100px;

}








.container__imagenes {
	width: 300px;
	height: 300px;
	
}

.container__imagenes:hover {

}


.imagenes__container {
	transform: scale(1.0, 1.0);
	transition: 0.5s;	
	filter: grayscale(100%);

}

.imagenes__container:hover {
	transform: scale(1.01, 1.01);
	transition: 0.5s;	
	filter: grayscale(0%);

}	


.container_imagenesmini {
 	max-width: 98%;


}	



/* NOSOTROS ---------------------------- */

.containerNosotros {

background-color: rgb(247, 245, 245);
padding-top: 1px;
padding-bottom: 200px;

}

.nosotros__texto {
	width: 75%;
	text-align: justify;
}

.nosotros__subtitulo {
	font-size: 30px;
	margin-bottom: 30px;
	text-align: left;
}

.nosotros__parrafo {
	margin-top: 30px;
	margin-bottom: 30%;
	font-size: 18px;
}


.linea {

background-color: orange;
padding: 5px;
	
}


.linea2 {

background-color: orange;
padding: 50px;
	
}


/* CONTACTO  --------------- */


.tituloContacto {

	font-size: 30px;
	font-weight: bold;
	color: rgb(70, 70, 70);
	margin: 150px;
	word-spacing: 1px;
	letter-spacing: 1px;

	text-align: center; 
	text-decoration: underline;
	display: flex;
	justify-content: center;


}

.container__contacto {
	background-color: ;
	padding-left: 20%;
	padding-right: 10%;
	margin-top: 100px;
	margin-bottom: 100px;
	


}

/****/

#container__contactosMini {
	padding-bottom: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	justify-content: start;

}


#container__contactosMini a {
	text-decoration: none;
	color: #1f1f1f;
	letter-spacing: 0px;


}


/****//****//****//****/


#container__contactosMini:hover {
	color: orange;
	transition: 0.5s;


}
#container__contactosMini a:hover {
	color: orange;
	transition: 0.5s;

}

/****//****//****//****//****//****/

#container__contactosMini img:hover {
  width: 30px; height: 30px;
  background: radial-gradient(ellipse at center,  orange 0%,orange 55%,orange 55%,white 70%,white 70%);
}



/* MAPA ----------------------------- */



.mapas {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 100px;
}

.mapas__gps {
	width: 100%;
	height: 450px;
}

.mapas__gps:hover {

}

.mapas__titulos {
	font-size: 20px;

	text-align: center;
	width: 90%;
}


/* botonInicio ----------------------------- */

.botonInicio  {

	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	margin-top: 10%;
	margin-bottom: 10%;

}


.boton {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	
	margin-bottom: 10%;



}


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



footer {
	
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;


	font-size: 12px;
	color: rgb(255, 255, 255);

	margin-top: 20px;
	height: 200px;

	background-color: #1f1f1f;

	
}


.logo__container2{    

	margin-bottom: 5%;
	margin-bottom: 7%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;

}




.container__ul {

	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;


}


.container__ul li {

	margin-bottom: 10px;


}



/* XTRAS ------------------------------ */

.LogoOk {
	margin-bottom: 20%;
}

h1 {
	font-size: 30px;
	color: rgb(70, 70, 70);
	margin-top: 150px;
	margin-bottom: 150px;
	letter-spacing: 22px;
	text-align: center; 
}


	/* SLIDER PANORAMICA ---------------------------- */


	#sliding-container {
		display: flex;
		overflow: hidden;
	}

	#sliding-container figure {
		position: relative;
		flex: 1;
		margin: 0;
		overflow: hidden;
	}

	#sliding-container img {
		transition: 5s ease-in-out;
	}

	#sliding-container figure:hover img {
		transform: translateX(-7%);
	}

	#sliding-container figure img {
		width: 110%;
		height: auto;
	}


	.carousel-item:hover {
	filter: brightness(110%);	
	transition: 0.5s;	
}

/* SLIDER PANORAMICA ---------------------------- */



.gradient {
	background: linear-gradient(-45deg, #ee7752, #ffee00, #ff9101, #fcce00);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100px;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}