/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/





.container2 {
    
  
margin-top: 0px;
    padding-left: 6%;
    padding-right: 6%;
   
    
}

.form-floating-right {
    

}


.icon-search3 {font-size: 30px; color:#369; margin-top: -8px;}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 65px; }

#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #primary-menu li { font-size: 12px;}


#logo img {
	display: block;
	max-width: 100%;
    max-height: 55px;
    margin-top: 10px;
 
}


#top-bar a {

color: #369;

   
    
}

#top-bar ul li ul li

{
    
width: 200px;
    
background: #fff;

}

#top-bar ul li ul li a

{
    
color:#515151;


}

#top-bar ul li ul li a:hover{
    
    
    width: 202px;
    color:#333;
    font-size: 12px;
    margin-left: 4px;
    
  
}



#top-bar ul li ul{
    
    
border-top: solid #00acdd;
width: 200px;
-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.44);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.44);
min-height: 100%;
    

}


#tres  { height: 70px;}

#tres  { height: 70px;}



#page-submenu-trigger {
    
	top: 0;
	margin-top: 0;
    margin-right: 253px;
	margin-left: 25px;
	width: 40px;
	height: 44px;
	line-height: 44px;
    top: 5px;
	left: 0;
}

   .titulo  { font-size: 40px; font-weight: 900; color:#369; text-align: center;}


#hola {
    
   
     background-image:url(https://media.giphy.com/media/26BRv0ThflsHCqDrG/giphy.gif)
}


.hola {     width: 100px; 
     height: 100px; 
     background: #428bca;}

/* seccion de cuerpo */

.alumnos{
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color:#333;

    text-align: left;
    color:#333;

}

.lis  a {
    
    
    
}

.alumnos hr { 

    color: #fff;
    max-width: 300px;
    background: #fff;
    
}


.alumnos a{ 
    
    font-size: 16px;
    color:#333;
 
   
    
}

.alumnos h4 {
     margin-bottom: 5px;
    margin-left: -20px;
    
    
}

.alumnos a:hover {
    text-decoration:underline;
    color:#369;
   
    
    
}


.alumnos h15{
    font-size: 20px;
    text-align: left;
 
}
.alumnos h1{
    color:#369;
 
}


/* seccion de encabezados */


.enca1 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca1 {
    width: 100%;
    background-image: url(general.jpg);
    background-repeat: repeat;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}

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


.enca2 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca2 {
    width: 100%;
    background-image: url(3.png);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



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



.enca3 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca3 {
    width: 100%;
    background-image: url(ciencia.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}




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


.enca4 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}



.enca4 {
    width: 100%;
    background-image: url(2.png);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



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



.enca5 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca5 {
    width: 100%;
    background-image: url(pecem.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



/* ------------------------------- */
.enca6 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca6 {
    width: 100%;
    background-image: url(4.png);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



/* ------------------------------- */
.enca7 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca7 {
    width: 100%;
    background-image: url(Imagen14.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



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

.enca8 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca8 {
    width: 100%;
    background-image: url(direccion.png);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



/* ------------------------------- */
.enca9 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca9 {
    width: 100%;
    background-image: url(blanca2_0275.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



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

.enca10 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca10 {
    width: 100%;
    background-image: url(espacio.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



/* ------------------------------- */
.enca11 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca11 {
    width: 100%;
    background-image: url(cli.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



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

.enca12 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca12 {
    width: 100%;
    background-image: url(cultura.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}



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

.enca13 h9 {
    font-size:40px;
    color:#fff;
    font-weight: 600;
        
}


.enca13 {
    width: 100%;
    background-image: url(premioal.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    text-align: center;
    color: #fff;
    padding-top:100px;
    padding-bottom: 100px;
    
}

@media (min-width: 900px) {
    
    
    #header {
        
        max-height: 80px;
        
        
    }}
/* ------------------------------- */

@media (max-width: 1280px) {
    
    #primary-menu ul li a {font-size: 11px; background-color: rgba(0,0,0,0.001);  border-bottom: none;}
    .margen {
        
        margin-top: ;
    }


    .centro {
    
    
 width: 100px;
  height: 100px;
  position: absolute;
  left: 45%;
  top: 48%;



}

}
    
    
@media (max-width: 800px) {
    
    .fslider {
        
        min-height: 500px;
        width: auto;
    
        
        
        
    }
    
    
    
.centro {
    
    
 width: 100px;
  height: 100px;
  position: absolute;
  left: 42%;
  top: 47%;



}
    .slider-caption-bg {

position: absolute;
font-size: 30px;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.3;
font-family: 'Raleway', sans-serif;   
color: #fff;
max-width: 800px;
text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
    float: inherit;
margin-top: -80%;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.8);
    
    

}


.slider-caption-bg  spam{

font-size: 20px;
border: 1px solid #fff;
    padding: 5px 5px 5px 5px;
    
    

}
    
    .slider-wrap img{

        min-height: 500px;
    
        
   
    }
    
    
/* Slider Arrow
-----------------------------------------------------------------*/

.slider-element .owl-carousel { margin: 0; }

.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
	position: absolute;
	cursor: pointer;
	z-index: 10;
	top: 50%;
	left: 0;
	margin-top: -26px;
	background-color: rgba(0,0,0,0.1);
	width: 12px;
	height: 12px;
	border: 0;
	border-radius: 0 3px 3px 0;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
	top: auto;
	bottom: 57px;
	left: auto;
	right: 20px;
	margin: 0;
	width: 32px;
	height: 32px;
	border-radius: 3px 3px 0 0;
}

.slider-arrow-bottom-sm {
	bottom: 20px;
	border-radius: 0 0 3px 3px;
}

.fslider[data-thumbs="true"] .flex-prev,
.fslider[data-thumbs="true"] .flex-next { margin-top: -64px; }

.slider-arrow-right,
.slider-element .owl-next,
.flex-next {
	left: auto;
	right: 0;
	border-radius: 3px 0 0 3px;
}

.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i,
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
	line-height: 50px;
	width: 1px;
	height: 1px;
	color: #DDD;


	font-size: 34px;
	text-align: center;
	margin-left: 7px;
}


.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
	width: 1px;
	height: 1px;
	margin: 0;
	line-height: 30px;
	font-size: 18px;
	color: #FFF;
	color: rgba(255,255,255,1);
}

.flex-prev i { margin-left: 9px; }

.slider-element .owl-prev i { margin-left: 0; }

.slider-arrow-right i { margin-left: 10px; }

.flex-next i { margin-left: 11px; }

.slider-element .owl-next i { margin-right: 4px; }

.slider-arrow-left:hover,
.slider-arrow-right:hover,
.flex-prev:hover,
.flex-next:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover { background-color: rgba(0,0,0,0.6) !important; }

    

 #logo img {
     
     padding-left: 35%;
     min-height: 60px;

    }
    

    

.titulo  { font-size: 30px; font-weight: 900; color:#369; text-align: center;}

    
.containe {
    
    padding-right: 3%;
    padding-left: 3%;
    margin-top: -100px; 
}
    
    
.espacio { 
height: 10px;
    }
   

#header {
     
    border-top: 4px solid #369;


            
    }
/* segundo menu */
    
#otro ul li {
        
      font-size: 12px;
      color:#369;
  
    }
    
    
 
/* seccion de encabezados */
    
    
.enca4 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca4{
    width: 100%;
    background-image: url(2.1.png);
    background-repeat: repeat;
    background-attachment: fixed;

}  
/* ------------------------------- */
.enca1 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca1{
    width: 100%;
    background-image: url(general.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
    
/* ------------------------------- */
    .enca2 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca2{
    width: 100%;
    background-image: url(3.png);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
    
/* ------------------------------- */
 .enca3 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca3{
    width: 100%;
    background-image: url(5.2.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
    
/* ------------------------------- */
    
    
    
    
.enca5 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca5{
    width: 100%;
    background-image: url(pecem.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
    
/* ------------------------------- */
    
    
.enca6 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca6{
    width: 100%;
    background-image: url(4.2.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
 
/* ------------------------------- */
        
.enca7 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca7{
    width: 100%;
    background-image: url(Imagen142.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
 
/* ------------------------------- */
    .enca8 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca8{
    width: 100%;
    background-image: url(direccion.png);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
 
/* ------------------------------- */

.enca9 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca9{
    width: 100%;
    background-image: url(pregrado2.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
 
/* ------------------------------- */
.enca10 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca10{
    width: 100%;
    background-image: url(espacio.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
 
/* ------------------------------- */

.enca11 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca11{
    width: 100%;
    background-image: url(cli.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
 
/* ------------------------------- */

    
.enca12 h9 {
    font-size:25px;
    color:#fff;
    font-weight: 600;
        
} 

.enca12{
    width: 100%;
    background-image: url(cultura.jpg);
    background-repeat: repeat;
    background-attachment: fixed;

} 
    
 
/* ------------------------------- */

    
/* seccion de responsivo  */
.blanco {
    
    border: 1px solid #369; 
    color:#333;
    margin-right: 10px;
    margin-left: 10px;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    background:#f7f7f7;
    
    
}

.blanco a { color:#369;}
    
.blanco a:hover,
a:focus {
  text-decoration: none;
  color: #369;
  
	}
	
.blanco  span {
    
    margin-left:10px;
	font-size:20px;
    color:#369;
	
	}
    
    
#primary-menu ul li {
  font-size: 12px;
  color:#369;
        
    }