.allvh{
	min-height: 80vh;

}

.fixed-top{ padding-top: 6rem; }

.hidee { display: none; }

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #2F364E;
}

.logo {
	width: 5rem;
	height: 5rem;
	text-indent: 9999px;
	background: transparent url("../img/ningen1.jpg") no-repeat left;
	border-radius: 2rem;
	background-size: contain;
}


.colorin {

	font-weight: bold;
	color: #FFF;
}

.n2 {
	color: #525F89;
}

.colorin2 {
	font-weight: bold;
	color:#525F89;;
}

.menu { font-weight: 700; }

.miwel {

	max-height: 300px;

	background: url("../img/fondosand.jpg") no-repeat center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;

}

.background-overlay{
	background:rgba(48, 51, 107, .7);
	border-radius: 10px; 
	padding-bottom: 20px;
}

.max {
	max-height: 300px;
}

.miwel h2 {
	margin: 40vw auto 0;
	font-size: 20vw;
	font-weight: 900;
	color: #EECF27;
}

.miwel1 {

	max-height: 400px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;

	padding-bottom: 12rem;

}



.pagx {
	padding-top: 1rem;
}

.miwel123 {

	background: #123 url("../img/fondosand.jpg") no-repeat center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

.other {

}

.alv {
	padding-bottom: 4rem;
}

.imagen {
	max-width: 400px;
	min-height: 280px;

}

.uno:hover{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;

}

.imagen:hover {
	-webkit-transform:scale(1.03);
	transform:scale(1.03);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	filter: opacity(0.9);
}

.contenedor {overflow:hidden;}

.logos {
	font-size: 8rem;
	color: #525F89;
	padding-bottom: 3rem;
}

#celu:hover .hide{
	display: block;
}

.hide{
	padding-top: .5rem;

}


@media screen and (min-width: 30em){
	.sm-none{
		display: none;
	}
}

@media screen and (min-width: 48em){
	.batman-img { max-width: 100%; }

	.logos-video iframe {
		max-width: 850px;
		height: 480px;
	}
}

@media screen and (min-width: 64em){
	.batman-img { max-width: 70%; }
}

/*

	SLIDES

*/

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  min-height: 400px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*

	CIERRE SLIDES

*/


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