html, body {
	max-width: 100%;
	overflow-x: hidden;
}

.bg-azul {
	background-color: #004794 !important;
}

.logo {
	max-width: 200px;
	width: 100%;
}

  ul {
    list-style: none;
    margin: 0;
  }

:root {
  --azul-colore: #004794;
  --amarillo-colore: #ffe800;
}

#feis {
 color: var(--amarillo-colore) !important;
}

p {
	font-family: 'Quicksand', sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: 'Quicksand', sans-serif;
}


#feis:hover {
 color: red !important;
}

li a:hover {
	color: #ffe800 !important !important;
}

.Navhovercolor {
	color: #ffe800;
}

/*
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffe800;
}
*/

.navbar-nav .nav-item .nav-link {
	/*font-family: 'Roboto', sans-serif;	*/
	font-family: 'Quicksand', sans-serif;
	 font-weight: bold; 
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #ffe800;
}

.navbar-nav .nav-item .nav-link {
	color: #fff;
}

.navbar-nav .nav-item .nav-link:hover {
	color: #ffe800; /*#ffe80099*/
}

.btn-ARey {
	background-color: var(--azul-colore);
	border-color: var(--azul-colore);
	width: 100%;
}

.btn-ARey:hover {
	background-color: white;
	border-color: var(--azul-colore);
	color: var(--azul-colore);
}

/* Reglas para que desaparezcan las barritas*/
@media only screen and (min-width: 990px) {
	.barrita {
		display: initial	
	}
 }
@media only screen and (max-width: 991px) {
	.barrita {
		display: none;
	}
 }
/* end */

/* coso del contacto */
@media only screen and (max-width: 991px) {
	.centerino {
		text-align: center;
		
	}
	.centerino ul {
		margin-left: -25px;
	}
 }

@media only screen and (max-width: 767px) {
	.logo-dentro-slider{
		display: none !important;
	}
	.textini {
		position: absolute !important;
  		width: 100% !important;
		text-align: center;
  		top: 10% !important;
  		left: 0 !important;
  		bottom: 0 !important;
  		/*transform: translate(-50%, -50%) !important;*/
	}
 }
/* no menos que 400 no mayor a 900*/
@media only screen and (min-width: 667px) and (max-width: 700px) {
   .textini h3 {
   font-size: 4vw;
   }
} 

@media only screen and (min-width: 360px) and (max-width: 575px) {
   .textini h3 {
   font-size: 5vw;
   }
} 

@media only screen and (min-width: 100px) and (max-width: 361px) {
   .textini h3 {
   font-size: 5vw;
   }
} 



@media only screen and (max-width: 991px) {
	#quienesImg {
		text-align: center;
	}
	#quienesImg img {
				width: 50% !important;
	}
	#quienesDiv {
		margin-top: 30px;
	}
	#quienesDiv h2 {
		text-align: center;
	}	
}