@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(https://fundacionebc.org/la-carrera-de-mi-vida/img/la-carrera-de-mi-vida.jpg); height:627px; 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:rgb(255,255,255); margin-top:10px; }
#slide-info-1{ margin-top:295px; margin-bottom:0px; /*background-color: rgba(0,0,0,0.3);*/ height:50px; color:#FFFFFF;}

.boton-registro{ width:100%; margin-top:10px;}



	/*//////////////////////////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-size: 18px; margin-top: 0px; background-color: #00ADBB; padding: 30px 30px; color: #FFF; width:100%; text-align:center; 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:0px; margin-bottom:10px; }
#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.00); text-align:left; 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:10px; padding-right:10px;}
#seccion-3-izquierda p {  text-align: justify;}

#seccion-3-derecha { margin-top:30px;}




/*//////////////////////////Ex alumno////////////////////*/


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


#seccion-4 { margin-top:20px; margin-bottom:0px;  background-position:center top; height:0px;}
#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-5////////////////////*/

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

#seccion-5 p {
    font-size: 14px;
    text-align: right; color:#FFFFFF;
}
#seccion-5{ margin-top:30px;}
#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 p { color: #FFF; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; text-align: right;}

.testimonial-nombre ins { 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(http://www.materialesebc.mx/sitio-fundacion/la-carrera-de-mi-vida/img/slide-arturo-cherbowski-lask.jpg); height: 368px; background-repeat:no-repeat; background-position:20% top; margin-top:0px; background-color:rgba(0,0,0,1.00)}









/*//////////////////////////seccion-5 slide ventana////////////////////*/


#slide-2 { background-image:url(https://ebc.mx//exalumnos/imagenes/slide-ventana-84.jpg); height:625px; width:100%; background-position:center; margin-top:0px; background-size:cover; background-color:rgb(0,0,0);  background-repeat:no-repeat   }
	
	#slide-2 .contenedor-texto { padding-top:100px; width:40%; text-align:left !important; float:right; font-size:16px;}
	
	#slide-2 .tituloh1 { font-weight:700; font-size:73px; color:rgb(255,255,255); text-align: right !important; line-height:40px;   }
	
	#slide-2 span { font-weight:700; font-size:50px; color:rgb(255,255,255); text-align:left !important; }
	
#slide-2 p { color:rgb(255,255,255); margin-top:20px; text-align:justify; }

.boton-leer{ width:130px; height:auto; text-align:center; margin-top:30px;}

 .boton-revista{ width:300px; height:35px; text-align:center; margin-top:30px;}
 
 .lista{ color:rgba(255,255,255,1);}
 

/*//////////////////////////fin seccion 5////////////////////*/

 #header-casainn { background-color:#0B6C99; height:70px; text-align:left; color:rgb(255,255,255);}
#header-casainn .h3{ color:rgb(255,255,255);}
 

  
  #modal-title { background-color:rgba(4,123,134,.8); color:rgb(255,255,255); text-align:center; width:250px; }
 
 .modal-content { background-color: #FFFFF !important; }

.cont-modal{ text-align:justify;  }

.modal-body {color:#333333;}
.cont-modal p { color:#333333; font-size:16px; text-align:justify;}


.cont-modal h2 { color:rgb(255,255,255); font-size:24px}

#cont-modal-boton { border-radius:5px; padding:0px; border:rgb(255,255,255) solid 1px; 
		background-color:#0b93d1; color:rgb(255,255,255); width:200px; text-align:center; margin-top:20px !important; margin:0 auto;  clear:both;}
		
a:hover #cont-modal-boton { color:#0b93d1; background-color:rgb(255,255,255); }

.modal-content .boton-aplicar{ width:100%;;}		

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










.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;}

.modal-testimoniales .testimonial-nombre { color:rgb(255,255,255); font-family: "Oswald";
font-size: 50px;
font-weight: 700;
line-height:50px;
 margin-bottom:10px;
 text-align:left !important;
 width:400px;}
 
 .modal-testimoniales .testimonial-universidad { color:rgb(255,255,255); font-family: "Open Sans Condensed",sans-serif;
font-size: 40px;
font-weight: 300;
line-height:35px;
 margin-top:0px;
 text-align:left !important;}
 
.modal-testimoniales .cont-titulo-testimonio {
    width: 100%;
    height: auto;
    background-color: #000;
    margin-bottom: 20px;
    padding: 15px;
	
}

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

	#slide { height:450px;   }
	
	#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: 250px; width:600px;}
	#slide p {margin-top: 0px; width: 400px;}


#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);}



#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;}

.cont-info-testimonial {padding-right: 50px !important; padding-top: 60px; width: 400px;}

#seccion-5 .slide-1 {
    height: 368px;
    background-position: 30% top;

}
}

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

#slide { height:auto; background-size:1100px; background-position:10% top ; padding-bottom:30px; margin-top:50px;}	
		
#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:0px; }
	


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

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

.testimonial-nombre { font-size:24px;}
.cont-info-testimonial { text-align:right; padding-right:15px !important; padding-top:100px; width:400px; color:#FFFFFF;}

/*//////////////////////////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); }

.vacantes-contenido { width:42%; float:left;}


/*---- ventana---*/
#seccion-5 .slide-2 { background-image:url(https://ebc.mx//exalumnos/imagenes/slide-ventana-84.jpg); background-position:center top; background-size:cover; height:350px; border-bottom:solid 1px #c97810; }
.cont-ventana { text-align:right; padding-right:50px !important; padding-top:50px; width:400px; float:right;}

#seccion-5 p{font-size:14px; text-align: right; color:#FFFFFF; width:400px;}



#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:380px; padding-top:10px; 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;}

}
@media (max-width:768px) {
	
#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; padding-top:0px; padding-bottom:20px; text-align:justify;}
#slide-2 p { color:rgb(255,255,255); margin-top:20px; margin-bottom:20px; font-size:12px; 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:12px;}
	


/* ///////////////////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: justify; font-size:14px;  margin-top:0px; padding-left:25px; padding-right:25px;}


#seccion-4 .boton-vacante{ margin-top:0px; padding-left:0px; width:100%; text-align:center;}
#seccion-4 .boton-vancante-1{ width:100%;}



	
}


@media (max-width:680px) {
	

#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); }


.cont-ventana { text-align:right; padding-right:50px !important; padding-top:50px; width:400px; float:right;}

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

#seccion-4 .boton-vacante{ margin-top:0px; padding-left:0px; width:100%; text-align:center;}
#seccion-4 .boton-vancante-1{ width:100%;}
	
}
	
	
@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:auto; background-size:900px; padding-bottom:30px; background-position:center top;}
#slide .contenedor-texto { padding-top:130px; width:100%}
#slide p { color:rgb(255,255,255); margin-top:0px; margin-bottom:30px;}


#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-5 .slide-2 { background-image:url(https://ebc.mx//exalumnos/imagenes/slide-ventana-84.jpg); height:auto; background-size:700px; padding-bottom:30px; background-position:center top; }



#seccion-5 p { color:rgb(255,255,255); 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) {	

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

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

#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 {height: 450px;}
#slide-info-1 {margin-top: 230px; width: 100%;}	
#slide p { width: 100%;}

#seccion-3 p { color: rgba(0,0,0,1);}
#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-5 .tituloh2 {
    font-size: 24px;
    color: #FFF;
    width: 100%;
    text-align: left;
    
}

.boton-registro {
    width: 100%;}
}