@charset "UTF-8";
/* CSS Document */




/*///////////////////// Generales ////////////////////*/  

body{
   	margin: 0;
	padding: 0;
	font-size: 14px;
	
	color: #333;
	overflow-x:hidden;
	height:auto;
	 
	
   }
   

.header-fondo{
	width: 100%;
	height: auto;
	background-color: #0b93d1;
	}	
	
	/*
 .tituloh1{
	  font-weight:700;
	  font-size:30px;}
	  
    .tituloh3{
	  font-weight:200;
	  font-size:19px;}
	  
   .tituloh2{
	  font-weight:700;
	  font-size:26px;
	  margin-top:0px;}
	  
	  
	.tituloh4{
	  font-weight:700;
	  font-size:33px;
	  color:#0A93D1;}	
	
	
/* ///////////////////Redes///////////////////// */

.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
		padding-left:0px;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-linkedin {background: #4992bf;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}
 
	.social ul li a:hover {
		background:; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
	
	.glyphicon{ font-size:20px;}
	
	/*//////////////////////////slide////////////////////*/
	
	#slide { background-image:url(http://fundacionebc.org/nuestro-equipo/img/nuestro-equipo.jpg); height:620px; width:100%; background-position:center top;  margin-top:0px; background-size:cover; background-color:rgb(0,0,0);  background-repeat:no-repeat; border-bottom:solid 2px #c97810;   }
	
#slide .contenedor-texto { padding-top:30px; width:35%}	
#slide .tituloh1 { font-weight:700; font-size:73px; color:rgb(255,255,255); text-align:left !important; line-height:40px;   }	
#slide span { font-weight:700; font-size:50px; color:rgb(255,255,255); text-align:left !important; }
#slide p { color:#fff; margin-top:0px; }
#slide-info-1{ margin-top:280px; margin-bottom:-70px; /*background-color: rgba(0,0,0,0.3);*/ height:125px; color:#fff;}





	/*//////////////////////////seccion-1////////////////////*/

/*#seccion-1{ margin-bottom:10px; width:100%; background-color: #00ADBB; padding-top:30px; padding-bottom:30px; text-align:center;}*/
#seccion-1  .tituloh2{ font-weight: 700; font-size: 24px; margin-top: 0px; background-color: #00ADBB; padding: 15px 20px; color: #FFF; width:50%; text-align:right; margin-bottom: 0px; 
 }
#seccion-1 p { color:rgb(255,255,255); width:600px; margin:0 auto;}

.flecha { width:100%; text-align:center; color:#0B6C99; font-size:46px;  margin-top:-17px;}

/*//////////////////////////seccion-3////////////////////*/

#seccion-3 { padding-top:0px; text-align:center; margin-top:20px; margin-bottom:10px; height:auto; }
#seccion-3 .cont-titulo { width:40%; background-color:#0B6C99; text-align:right; padding:15px 20px 15px 20px; }
#seccion-3  .tituloh2{ font-weight:700; font-size:26px; margin-top:0px; color:rgb(255,255,255); }
#seccion-3 p { color: rgba(0,0,0,1); text-align:center; font-size:14px; margin-top:0px;}
#seccion-3 li { color: rgba(0,0,0,1.00); text-align:left; font-size:14px; margin-top:0px;}

#seccion-3-izquierda { margin-top:30px; margin-bottom:30px; text-align:center; padding-left:25px; padding-right:25px;}
#seccion-3-izquierda p {  text-align:center; }

#seccion-3-derecha { margin-top:30px; text-align:center; padding-left:25px; padding-right:25px;}
.boton-valores{ width:80%;}
#seccion-3-derecha img { width:70%;}

#seccion-3 .icono-digital p{ text-align:center;}
#seccion-3 .icono-digital img{ width:50%;}



/*#seccion-3 .lado-izquierdo{ background-color: rgba(216,216,216,1.00); margin-top:0px;}*/

/*///////////////////modal ////////////*/


	
.modal-testimoniales .modal-dialog { width:600px !important; }
.modal-testimoniales .modal-header { background-color:#00ADBB; text-align:right; }
.modal-testimoniales .cerrar { color:rgb(255,255,255) !important; font-size:18px !important; border:none; background-color:transparent; }
.modal-testimoniales .modal-body { text-align:justify;}

/*//////////////////////////seccion-2////////////////////*/

#seccion-2{ margin-top:30px;}
#seccion-2  .tituloh2{ font-weight: 700; font-size: 24px; margin-top: 0px; background-color: #00ADBB; padding: 15px 20px; color: #FFF; width:50%; text-align:right; margin-bottom: 0px; }


/*//////////////////////////seccion-4////////////////////*/


#seccion-4 { margin-top:30px; margin-bottom:30px;  background-position:center top; height:auto; text-align:center;}
#seccion-4 .boton-beca-prieto{ text-align:center; width:33.33%; }
#seccion-4 .boton-activo{ background-color:rgba(52,168,67,1.00) !important; border:rgba(52,168,67,1.00); margin-left:500px; margin-top:20px;}

#seccion-4-derecha { margin-top:-100px; text-align:center; padding-left:25px; padding-right:25px;}

seccion-4 .icono-digital p{ text-align:center;}
#seccion-4 .icono-digital img{ width:50%;}
/*//////////////////////////seccion-5////////////////////*/

/*#seccion-5 .cont-titulo {width: 50%; height:20px; background-color: #0B6C99; text-align: right; padding: 15px 20px;}*/

#seccion-5{ margin-top:0px;}
#seccion-5 .tituloh2 { font-weight: 700; font-size: 24px; margin-top: 0px; background-color: #00ADBB; padding: 15px 20px; color: #FFF; width:50%; text-align:right; margin-bottom: 0px; }

.cont-info-testimonial {text-align: right; padding-right: 50px !important; padding-top: 100px; width: 400px;float: right;}
.testimonial-universidad { color: #FFF; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; text-align: right; }

.testimonial-nombre { color: #FFF; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; font-weight: 400; line-height: 40px; text-align: right;}	
	
#seccion-5 .slide-1{ background-image:url(https://ebc.mx/exalumnos/imagenes/testimoniales-2.jpg); height: 368px; background-repeat:no-repeat; background-position:center top; margin-top:0px; background-color:rgba(0,0,0,1.00)}





/*//////////////////////////Modal Testimoniales////////////////////*/



@media screen and (max-width:1200px) {
	
	/*slide*/

#slide {
    height: 570px;
    background-size: 1200px;
	    background-position: center 45%;

}

#slide p {
    color: #FFF;
    margin-top: 40px;
    width: 600px;
}

#slide .tituloh1 { font-weight:700; font-size:63px; color:rgb(255,255,255); text-align:left !important; line-height:50px;   }
	
	#slide span { font-weight:700; font-size:48px; color:rgb(255,255,255); text-align:left !important; }
	
	#slide-info-1 {
    margin-top: 430px;} 
	
#seccion-3 .cont-titulo { width:50%; background-color:#0B6C99; text-align:right; padding:15px 20px 15px 20px; }
#seccion-3  .tituloh2{ font-weight:700; font-size:26px; margin-top:0px; color:rgb(255,255,255); }

.vacantes-contenido { width:45%; float:left; text-align:center;}

#seccion-4 .boton-vancante-1{ width:100%;}

#slide-2 { height:400px; background-position:10% top ; padding-bottom:0px; 
background-image:url(https://ebc.mx/exalumnos/imagenes/slide-ventana-84.jpg);}		

#slide-2 .contenedor-texto { width:450px; padding-top:30px; padding-bottom:20px; text-align:justify;}
#slide-2 p { color:rgb(255,255,255); margin-top:20px; margin-bottom:20px; font-size:14px; text-align:left;}

.boton-leer{ width:100%; text-align:center; margin-top:5px; }

 .boton-revista{ width:100%; text-align:center; margin-top:5px;}
 .lista{ color:rgba(255,255,255,1); font-size:14px;}

}


@media screen and (max-width:992px) {
	
	/*slide*/

#slide {
    height: 600px;
    background-size: 1200px auto;
    background-position: center;
    padding-bottom: 30px;
}

#slide-info-1 {
    margin-top: 450px;
}	
		
#slide .tituloh1 {  font-size:60px; color:rgb(255,255,255); text-align:left !important; line-height:45px;   }
	
	#slide span {  font-size:48px; color:rgb(255,255,255); text-align:left !important; }	
	
	#slide .contenedor-texto { padding-top:20px; width:400px}
	
	#slide p { margin-bottom:70px; }
	


	
	
/*//////////////////////////Testimoniales////////////////////*/
#seccion-3 .carousel .item { height:300px; background-color:rgb(0,0,0);}

#seccion-3 .item {  background-position:45% top; background-size:cover;}

.cont-info-testimonial { text-align:right; padding-right:15px !important; padding-top:30px; width:280px;}

/*//////////////////////////Modal Testimoniales////////////////////*/

.modal-testimoniales .modal-dialog { width:768px !important; }

#seccion-3 .cont-titulo { width:50%; background-color:#0B6C99; text-align:right; padding:15px 20px 15px 20px; }/*falta slide*/
#seccion-3  .tituloh2{ font-weight:700; font-size:20px; margin-top:0px; color:rgb(255,255,255); }

}
@media (max-width:768px) {
	


/* ///////////////////Redes///////////////////// */

.social {
	position: fixed; left:inherit; right: 0px; bottom: 0px; top:inherit;
}

.social ul li a {
		display:inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
		
	}
	
	
.social ul li  {
		
		float:left;
	}
	
	
	

	
/*//////////////////////////Modal Testimoniales////////////////////*/

.modal-testimoniales .modal-dialog { width:100% !important; font-size:12px !important; }
.modal-testimoniales { padding-right:20px;}

.modal-testimoniales .testimonial-nombre { color:rgb(255,255,255); font-family: "Oswald";

 width:100%;}
 
 #seccion-3 .cont-titulo { width:70%; background-color:#0B6C99; text-align:right; padding:15px 20px 15px 20px; }/*falta slide*/
#seccion-3  .tituloh2{ font-weight:700; font-size:20px; margin-top:0px; color:rgb(255,255,255); }

#seccion-3 p { color: rgba(0,0,0,1); text-align:center; font-size:14px; margin-top:0px; padding-top:25px;}



	
}


@media (max-width:680px) {
	
#slide p { width:100%;}

#seccion-3 .cont-titulo { width:80%; background-color:#0B6C99; text-align: right; padding:15px 20px 15px 20px; }/*falta slide*/
#seccion-3  .tituloh2{ font-weight:700; font-size:20px; margin-top:0px; color:rgb(255,255,255); }


}
	
	
@media (max-width:580px) {	

/*//////////////////////////Modal Testimoniales////////////////////*/
.modal-testimoniales .testimonial-nombre { color:rgb(255,255,255); font-family: "Oswald";
font-size: 35px;
font-weight: 700;
line-height:35px;
 margin-bottom:10px;
 text-align:left !important; }
 
 .modal-testimoniales .testimonial-universidad { color:rgb(255,255,255); font-family: "Open Sans Condensed",sans-serif;
font-size: 25px;
font-weight: 300;
line-height:20px;
 margin-top:0px;
 text-align:left !important;}


/*slide*/
#slide { height:550px; background-size:1200px; padding-bottom:30px; background-position: 60% 40%;}
#slide .contenedor-texto { padding-top:130px; width:100%}
#slide p { color:rgb(255,255,255); margin-bottom:30px;}
#slide-info-1 {
    margin-top: 400px;
    margin-bottom: 0px;
    height: 20px;
    color: #FFF;
}

#seccion-1 p { color:rgb(255,255,255); width:100%; margin:0 auto; }

/*//////////////////////////Testimoniales////////////////////*/

#seccion-3 .carousel .item { height:auto; background-color:rgb(0,0,0);}

#seccion-3 .item  { background-position:35% top; background-size:cover; padding:0px !important;}

.testimonial-nombre { 
font-size: 30px;
line-height:20px
}

.cont-info-testimonial { text-align:center; padding-right:0px !important;  padding:15px !important; background-color:rgba(0,0,0,.6); margin-top:130px; padding-bottom:40px !important; width:100%;;}

.testimonial-universidad { 
font-size: 20px;
line-height:20px;
}

#seccion-3 .container { padding-left:0px; padding-right:0px;}


#seccion-3 .cont-titulo { width:100%; background-color:#0B6C99; text-align:left; padding:15px 20px 15px 20px; }/*falta slide*/
#seccion-3  .tituloh2{ font-weight:700; font-size:20px; margin-top:0px; color:rgb(255,255,255); }

.cont-exalumno{text-align:center; padding-right:0px !important;  padding:14px !important; background-color:rgba(0,0,0,.6); margin-top:130px; padding-bottom:40px !important; width:100%;}

#seccion-3 .boton-revista {width: 100%;}
#seccion-4 .cont-titulo { width: 100%; background-color: #0B6C99; text-align: right; padding: 15px 20px;}
#seccion-4 .tituloh2 {text-align:left; font-size: 20px;}
#seccion-4 .boton-revista { width: 100%;}


#seccion-3 p { color: rgba(0,0,0,1); text-align:center; font-size:14px; margin-top:0px; }	






#slide-2 { height:400px; background-position:10% top ; padding-bottom:0px; 
background-image:url(https://ebc.mx//exalumnos/imagenes/slide-ventana-84.jpg);}		

#slide-2 .contenedor-texto { width:300px; margin-top:30px; padding-bottom:20px; margin-right:20px; text-align:justify; background-color:rgba(0,0,0,.6); }
#slide-2 p { color:rgb(255,255,255); margin-top:20px; margin-bottom:20px; font-size:12px; text-align:left;}


}


@media (max-width:480px) {	

#slide {  background-position: 70% 40%; }

#slide p {
    margin-top: 25px;

}

#seccion-3 .slide-1 { background-position: 40%;}

#seccion-4 .slide-1 {background-position: 35%;}

#seccion-3 .boton-revista {width: 100%;}
#seccion-4 .cont-titulo { width: 100%; background-color: #0B6C99; text-align: right; padding: 15px 20px;}
#seccion-4 .tituloh2 {text-align:left; font-size: 20px;}
#seccion-4 .boton-revista { width: 100%;}


}


@media (max-width:380px) {	

#slide-info-1{ margin-top:400px;}
#slide {
    height: 600px;
    background-size: 1200px auto;
    padding-bottom: 30px;
    background-position: 68% 30%;
}

#slide p {
    width: 100%;
}

#seccion-3 .boton-revista {width: 100%;}
#seccion-4 .cont-titulo { width: 100%; background-color: #0B6C99; text-align: right; padding: 15px 20px;}
#seccion-4 .tituloh2 {text-align:left;}
#seccion-4 .boton-revista { width: 100%;}



#seccion-2 .tituloh2 {
    width: 80%;
    text-align: right;
}

#seccion-1 .tituloh2 {
    width: 80%;
    text-align: right;
}
}