@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 */
	}
	
	
	
	/*//////////////////////////slide////////////////////*/
	
#slide { background-image:url(http://fundacionebc.org/hoy-donas/img/slide-hoy-donas-2017.jpg); height:627px; width:100%; background-position:center top; text-shadow:rgb(0,0,0) 2px 2px 2px; margin-top:0px; background-size:cover; background-color:rgb(0,0,0);  background-repeat:no-repeat;   }
	
#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:50px;}
#slide-info-1{ margin-top:250px; margin-bottom:-70px; /*background-color: rgba(0,0,0,0.3);*/ height:125px; color:#FFFFFF;}





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

/*#seccion-1 { background-color:#00ADBB; padding-top:20px; padding-bottom:30px; width:50%;}*/

#seccion-1{ margin-bottom:0px; width:100%; background-color: #00ADBB; padding-top:30px; padding-bottom:30px; text-align:center;}
#seccion-1 .tituloh2 { /*font-weight: 700;*/ font-size: 16px; margin-top: 0px;  padding: 30px 30px; color: #FFF; width:80%; text-align:center !important; margin-bottom: 0px; 
/*text-shadow: 1px 2px 2px #000;*/}


#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 { width:100%; color:#FFFFFF;  }

.seccion-3 .cont-titulo { width:50%; background-color:#00ADBB; text-align:right; padding-top:10px; padding-bottom:20px; padding-right:20px; color:#FFFFFF; }

.seccion-3 .izquierda { width:50%; float:left; background-color: #000000; height:400px; position:relative;  }

.seccion-3 .izquierda p { color:#FFFFFF; width:550px; float:right; padding-right:100px; padding-top:80px;  }


.seccion-3 .izquierda ul {margin-top: 100px; margin-bottom: 10px; width: 500px; margin-left:300px;}

.seccion-3 .derecha { width:50%; float: right; background-color: #000000; height:400px; position:relative  }

.seccion-3 .item{ height:400px;  }

.seccion-3 .carousel-caption { width:400px; margin:0 auto !important; float:none; right:0%;
left:0px;}


.seccion-3 .slide-1 { background-image:url(https://fundacionebc.org/hoy-donas/img/hoy-donas-3.jpg); background-position:center top; background-size:cover;}
.seccion-3 .slide-2 { background-image:url(https://fundacionebc.org/hoy-donas/img/hoy-donas-4.jpg); background-position:center top; background-size:cover;}
.seccion-3 .slide-3 { background-image:url(https://fundacionebc.org/hoy-donas/img/hoy-donas-5.jpg); background-position:center top; background-size:cover;}
.seccion-3 .slide-4 { background-image:url(https://fundacionebc.org/hoy-donas/img/hoy-donas-6.jpg); background-position:center top; background-size:cover;}


/*#seccion-3 { padding-top:0px; text-align:center; margin-top:30px; margin-bottom:30px; }
#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); text-shadow:rgb(0,0,0) 2px 2px 2px;}
#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 .icono-digital p{ text-align:center; padding-top:10px;  }
*/

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


#seccion-4 { margin-top:30px; margin-bottom:0px;  background-position:center top;}
#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{ margin-top:50px;}
/*#seccion-5 .cont-titulo {width: 50%; height:20px; background-color: #0B6C99; text-align: right; padding: 15px 20px;}*/

#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; text-shadow: 1px 2px 2px #000;}

.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;  text-shadow: 1px 2px 2px #000;}

.testimonial-nombre { color: #FFF; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 35px; font-weight: 400; line-height: 40px; text-align: right; text-shadow: 1px 2px 2px #000;}	
	
#seccion-5 .slide-1{ background-image:url(http://ebc.com.mx/sitio-fundacion/img/rafael-curiel-ramos.jpg); height: 368px; background-repeat:no-repeat; background-position:center top; margin-top:0px; background-color:rgba(0,0,0,1.00)}










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


#slide-2 { background-image:url(http://ebc.mx//exalumnos/imagenes/slide-ventana-84.jpg); height:625px; width:100%; background-position:center; text-shadow:rgb(0,0,0) 2px 2px 2px; 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; }



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

 

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




.modal-testimoniales .modal-dialog { width:992px !important; }
.modal-testimoniales .modal-header { background-color:#0B6C99; 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:1300px) {
	#slide{height: 550px;}
	.seccion-3 .izquierda ul {
    margin-top: 100px;margin-bottom: 10px;width: 500px;margin-left: 50px;}
	
}

@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: 200px;color: #FFF;}




.seccion-3 .izquierda ul {margin-top: 100px; margin-bottom: 10px; width: 500px; margin-left:50px;}

#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); text-shadow:rgb(0,0,0) 2px 2px 2px;}

}


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

#slide { height:450px; background-position:center top;}	
		
#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:30px; width:400px }
	



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


.seccion-3 .izquierda { width:50%; float:left; background-color: #000000; height:400px; position:relative;  }
.seccion-3 .izquierda p { color:#FFFFFF; width:550px; float:right; padding-right:100px; padding-top:80px;  }
.seccion-3 .izquierda ul {margin-top: 100px; margin-bottom: 10px; width: 400px; margin-left:50px;}
.seccion-3 .derecha { width:50%; float: right; background-color: #000000; height:400px; position:relative  }
.seccion-3 .item{ height:400px;  }
.seccion-3 .carousel-caption { width:400px; margin:0 auto !important; float:none; right:0%;
left:0px;}

/*//////////////////////////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); text-shadow:rgb(0,0,0) 2px 2px 2px;}




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

#slide { height:450px; background-position:center top;}

.seccion-3 .izquierda { width:100%; float:left; background-color: #000000; height:300px; position:relative;  }
.seccion-3 .izquierda p { color:#FFFFFF; width:550px; float:right; padding-right:100px; padding-top:80px;  }
.seccion-3 .izquierda ul {margin-top: 0px; margin-bottom: 10px; width: 500px; margin-left:150px;}
.seccion-3 .derecha { width:100%; float: right; background-color: #000000; height:400px; position:relative  }
.seccion-3 .item{ height:300px;  }
.seccion-3 .carousel-caption { width:300px; margin:0 auto !important; float:none; right:0%;
left:0px;}

/* ///////////////////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); text-shadow:rgb(0,0,0) 2px 2px 2px;}





	
}


@media (max-width:680px) {
	
#slide { height:350px; background-position:center top;}

.seccion-3 .izquierda { width:100%; float:left; background-color: #000000; height:300px; position:relative;  }
.seccion-3 .izquierda p { color:#FFFFFF; width:550px; float:right; padding-right:100px; padding-top:80px;  }
.seccion-3 .izquierda ul {margin-top: 0px; margin-bottom: 10px; width: 500px; margin-left:100px;}
.seccion-3 .derecha { width:100%; float: right; background-color: #000000; height:400px; position:relative  }
.seccion-3 .item{ height:300px;  }
.seccion-3 .carousel-caption { width:300px; margin:0 auto !important; float:none; right:0%;
left:0px;}


	
}
	
	
@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:1250px; padding-bottom:30px; background-position:center top; border-bottom:solid 2px #c97810; }
#slide .contenedor-texto { padding-top:130px; width:100%}
#slide p { color:rgb(255,255,255); margin-top:0px; margin-bottom:0px;}


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






.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); text-shadow:rgb(0,0,0) 2px 2px 2px;}


#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-3 p { color: rgba(0,0,0,1.00); text-align:center; font-size:14px; margin-top:0px; }	


.seccion-3 .izquierda ul {
    width: 100%; margin-left:0px;
}




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

}


@media (max-width:380px) {
#slide { height:auto; background-size:1200px; padding-bottom:30px; background-position:center top;}
#slide p {width: 300px;}	
#seccion-3 p{ color:rgba(0,0,0,1.00);}
#seccion-3 .icono-digital{ width:100%;}

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




.seccion-3 .izquierda { width:100%; float:left; background-color: #000000; height:300px; position:relative;  }
.seccion-3 .izquierda p { color:#FFFFFF; width:550px; float:right; padding-right:100px; padding-top:80px;  }
.seccion-3 .izquierda ul {margin-top: 0px; margin-bottom: 10px; width: 350px; margin-left:0px;}
.seccion-3 .derecha { width:100%; float: right; background-color: #000000; height:400px; position:relative  }
.seccion-3 .item{ height:300px;  }
.seccion-3 .carousel-caption { width:300px; margin:0 auto !important; float:none; right:0%;
left:0px;}

}