	
	body {
	font-family:sans-serif;
	margin: 0 !important;
    padding: 0 !important;
	min-width:1000px;
	
	}
	
	.fondosup{
	background-color:#1a237e;
	color:white;
	font-weight: bold;
	width:100%;
	height:100px;;
	display:flex;
	}
	
	.logo{
		height:100px;
		margin-top:-20px;
		margin-left:10px;
	}
	
	.cf{
		 position:relative;
	}
	
	#cf img {
	  position:absolute;
	  left:0;
	  -webkit-transition: opacity 1s ease-in-out;
	  -moz-transition: opacity 1s ease-in-out;
	  -o-transition: opacity 1s ease-in-out;
	  transition: opacity 1s ease-in-out;
	}
	
		
	 @keyframes cf3FadeInOut {
		0% {opacity:1;}
		45% {opacity:1;}
		55% {opacity:0;}
		100% {opacity:0;}
		}
		
		
		.Banner2 {
		animation-name: cf3FadeInOut;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-duration: 10s;
		animation-direction: alternate;
		}

	
	.primerparrafo{
		padding-top:42%
	}

	
	
	.botoninst{
		width:15%;
		margin-right:50px;
	}
	
	
	.titulo1{
		
		font-family:sans-serif;
		font-size:24px;
	}
	
	.titulo2{
		font-family:sans-serif;
		font-weight: bold;
		font-size:30px;
		margin-left:10%;
	}
	
	.icono{
		vertical-align:middle;
		margin-left: 50px;
		margin-top:20px;
	}
	
	.iconos{
		overflow:hidden;
	}
	
	.fotolateral{
		width:25%;
	}
	
	.fotocentral{
		width:25%; margin-left:12%; margin-right:12%;
	}
	
	.contenedor{
		width:100%;
		margin:auto;
		display:flex;
	}
	
	.logo{
		margin-left:10px;
	}
	
	.contenedorintermedio{
		margin-top:5%;
		margin-left:15%;
		margin-right:15%;
		display:flex;
	}
	
	.boxinferior{
		margin-left:10%;
		margin-right:10%;
		
	}
	
	h1{
		text-align:center;
		color:#080c77;
		font-weight:bold;
		margin-top:60px;
	}
	
		
	.Sobrenosotros{
		background-color:#dfe3e3;
		width:100%;
		height:380px;
		
	}
	
	.humana{
		width:40%;
	}
	
	.conoce{
		font-size:40px;
		color:#080c77;
	}
	
	.logoyletras{
		margin-top:20px;
		margin-left:30px;
		display:flex;
	}
	
	.parrafoprimero{
		margin=10%;
		
	}
	
	.mision{
		display:flex;
	}
	
	.imagenmision{
		width:40%;
		margin:auto;
		
	}
	
	.vision{
		display:flex;
	}
	
	.imagenvision{
		width:40%;
		position:relative;
		
	}
	
	.letrasvision{
		width:60%;
	}
	
	.imagenvision2{
		right:0px; position:absolute; margin-left:10px; vertical-align:middle;
		display:inline;
	}
	
	.letrasmision{
		width:60%;
	}
	
	.letras{
		width:100%;
	}
	
	.iconos{
		height:100%;
	}
	
	
	
	
	
	
	
	
	
	
	* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 25px;
  padding: 8px 12px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-weight:bold;
  text-align: center;
  background:#1a237e;

}

/* 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;
}

.active, .dot:hover {
  background-color: #717171;
}

/* 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}
}
	
	.doctora{
		display:inline;
	}
	.datos{
		display:inline;
	}
	.imageninst{
		display:inline;
	}
	
	.Banner0{
		min-width:1000px;
	}
	.Banner1{
		min-width:1000px;
	}
	.Banner2{
		min-width:1000px;
	}