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




/* ///////////////////Generales///////////////////// */
body{
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		
	}
	
	a { text-decoration:none;}	
	
	a li { text-decoration:none;}	
	
	p { text-align:justify;}
	
.header-fondo{
	width: 100%;
	height: auto;
	background-color:#0194D4;

	}	

span { text-align:left;}	
	
	
h1{
	color:#FFF;
	font-size:42px;
	
	margin: 20px 0  5px 0;
	text-shadow:2px 2px 2px #000000;
	
	}
	
h2{
	
	}
	
	
	

h3{
	color:#FFF;
	font-weight:lighter;
	margin: 0 0 0 0;
	font-size:24px;
	text-shadow:2px 2px 2px #000000;
	
}

h4{
	color:rgb(102,102,102);
	font-weight:lighter;
	margin: 0 0 0 0;
	font-size:28px;
	text-transform:uppercase;
	margin-top:00px;
	width:100%;
	height:auto;
	padding:0px 10px 15px 10px;

	
}






/* ///////////////////Slide///////////////////// */

#slide { width:100%;
height:650px;
background-image:url(http://www.ebc.mx/lp/educacion-continua/diplomado-desarrollo-habilidades-gerenciales/responsivo/img/slide-educacion-continua.jpg);
background-position:center;

background-repeat:no-repeat;
background-color:#000;
padding-top:20px; padding-bottom:20px;}


#slide p { color:#FFF; text-align:left; text-shadow:2px 2px 5px #000000;  }

#slide h1{
	color:#FFF;
	font-size:32px;
	font-weight: bold;
	
	text-shadow:2px 2px 5px #000000;
	}
	
	
	#slide h2{
	color:#FFF;
	font-weight:lighter;
	margin: 0 0 15px 0;
	font-size:20px;
	text-shadow:2px 2px 5px #000000;
	}
	
	
#slide h3{
	color:#FFF;
	font-weight:lighter;
	margin: 0 0 0 0;
	font-size:24px;
	text-shadow:2px 2px 5px #000000;
	
}


#formulario  { padding-left:0px; padding-right:0px; padding-top:30px; width:300px; float:right; }

#formulario p { color:#FFF; text-align:left; text-shadow:2px 2px 2px #000000;  }


#slide span { font-family: 'Open Sans Condensed', sans-seri }

#slide hr {border:none; background-color:#fff; width:100%; height:1px;}

.form-control {  background-color:rgba(0,0,0,0.3); height:50px; margin-bottom:-10px; border:none; color:#FFF; border:#CCC solid 1px; color:#FFF;}

.form-control:focus { background-color:rgb(255,255,255); color:rgb(102,102,102)}

#titulo-slide { width:100%;}


.checkbox { color:#fff; font-size:14px;}

.radio { color:#fff; font-size:16px; padding-left:25px; padding-bottom:15px;}
#programa{ float:left; width:100px;}


#telefono { padding-left:5px;}
#lada { padding-right:0px;}


#slide-info-1 { width:350px; margin:0 auto;}


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





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


#seccion-1 { background-color:#ededed; height:auto; color:#999; padding-top:40px; padding-bottom:40px; text-align:justify; }


#seccion-1 h2 { font-size:18px; font-weight:bold; text-align:left; padding-top:20px; margin-top:0px; margin-bottom:20px; float:left; }

#seccion-1 p {  font-weight:lighter; font-size:16px;  }

#seccion-1 #informacion {  font-weight:lighter; padding-top:20px; float:left; padding-left:10px;   }

#seccion-1 #informacion-1 {  font-weight:lighter; padding-top:0px; float:left; padding-left:10px;   }

#icono { float:left; margin-right:5px;}


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

#seccion-2 { background-color:#434343; height:auto; color:#fff; text-align:; border-bottom:solid 2px #c97810; border-top:solid 2px #c97810; }

#seccion-2 h2 { font-size:24px; font-weight:bold; text-align:left; padding-top:0px; margin-top:0px; margin-bottom:20px;  }

#seccion-2-derecha { background-color:#0194D4; padding:30px 15px 155px 15px}

#seccion-2-izquierda {  padding-top:30px; padding-bottom:30px}
/* ///////////////////seccion 3///////////////////// */

/* ///////////////////campus///////////////////// */
#campus { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-campus.jpg);
background-position:center; background-repeat:no-repeat; }

#campus-reforma { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-reforma.jpg);
background-position:center; background-repeat:no-repeat; }

#campus-tlalnepantla { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-tlalnepantla.jpg);
background-position:center; background-repeat:no-repeat; }

#campus-toluca { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-toluca.jpg);
background-position:center; background-repeat:no-repeat; }

#campus-queretaro { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-queretaro.jpg);
background-position:center; background-repeat:no-repeat; }

#campus-slp { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-slp.jpg);
background-position:center; background-repeat:no-repeat; }

#campus-leon { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-leon.jpg);
background-position:center; background-repeat:no-repeat; }

#campus-chiapas { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-chiapas.jpg);
background-position:center; background-repeat:no-repeat; }

#campus-dinamarca { background-color:#000; height:397px; color:#fff; padding-top:120px; padding-bottom:40px; text-align:center; background-image:url(http://www.ebc.mx/lp/licenciaturas/negocios/responsivo/img/slide-dinamarca.jpg);
background-position:center; background-repeat:no-repeat; }


#cont-campus p { text-align:center; }

#cont-campus span { font-size:18px; font-weight:bold;   }
	 






/* ///////////////////Footer///////////////////// */

footer { background-color:#333; height:100px; color:#FFF; text-align:center; padding-top:40px;}

#cont-footer { text-align:center; }

/* ///////////////////Gracias///////////////////// */



#img-gracias { width:330px; text-align:center;}

#gracias { margin-top:30px; color:#666; width:100%;}


@media screen and (max-width:1700px) {
	
	

	
	
	
	
}

@media screen and (max-width:1200px) {
	
	
#seccion-1-derecha { padding-right:0px;}	
	
	
	
	}
	
	
	





@media screen and (max-width:992px) {
	
	
	
	
	
	#slide-info{ width:100%;}
	
	
	#telefono { padding-left:15px; padding-top:15px;}
	
#lada { padding-right:15px;}


.form-control {  background-color:#fff; height:50px; margin-bottom:-10px; border:none; color:#FFF; border:#CCC solid 1px; color:rgb(51,51,51);}
	
		
	#slide {
	
		 background-position: 20% top;
	height:auto;
	
	padding-top:40px;
	background-image:url(http://www.ebc.mx/lp/educacion-continua/diplomado-desarrollo-habilidades-gerenciales/responsivo/img/slide-educa-continua-movil.jpg);
	background-color:#069;
	
	
	}
	
	#slide-info-1 { width:350px; margin:inherit;}
	
	#formulario p {   text-shadow:none;  }
	
	
#formulario  { margin-top:30px; padding-top:30px; width:100%; }

.slide h2{
 
    font-size: 33px;
	padding-top: 110px;
        
}


#seccion-2 { padding-bottom:30px;}



#seccion-boton{ width:100%; float:none; clear:both; padding-top:30px;}

#seccion-1-izquierda { width:60%; float:left;}

#seccion-1-derecha { width:40%; float:left;}


	
}


@media screen and (max-width:768px) {
	
#seccion-1-izquierda { width:100%; float:none; text-align:center;}

#seccion-1-derecha { width:100%; float:none; clear:both; text-align:center; padding-top:30px; }
	
	#seccion-2 { padding-bottom: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;
	}
	
/* /////////////////// Fin Redes///////////////////// */
	




@media (max-width:680px) {
	
	
	
	#formulario p {  width:100%; text-shadow:none;  }
	

	#direccion {
	background-color:#0B93D1;
	height:auto;
	padding-top:30px; padding-bottom:30px;
	width:100%;
	
	 color:rgb(255,255,255);
	
	position:inherit;
	

}


#slide {
	
		 background-position: 40% top;
	height:auto;
	
	padding-top:40px;
	background-image:url(http://www.ebc.mx/lp/educacion-continua/diplomado-desarrollo-habilidades-gerenciales/responsivo/img/slide-educa-continua-movil.jpg);
	background-color:#069;
	
	
	}
	




	
}
	
	

	




@media screen and (max-width:576px) {
	
	#ponentes-movil { display:block;}
	
	
	#cont-ponentes-izquierda { display:none;}
	#cont-ponentes-derecha { display:none;}
	

#slide {
		
		 background-position: 90% top;
	height:auto;
	
	
	
	}	
	
	
		#slide-info-1 { background-color:rgba(0,0,0, .5); padding-top:10px; padding-bottom:10px; margin-top:180px; padding-left:15px; padding-right:15px; width:100%; }
		
		
		#slide h1 { margin-top:0px;}
	
	
	
	
	
	#formulario  { margin-top:10px; padding-top:30px; }
	
}
	
	
	
	
	@media screen and (max-width:480px) {
		
		#slide {
		
		 background-position: 70% top;
	height:auto;
	
	
	
	}	
		
		
	}
	

	@media screen and (max-width:440px) {
		

	#titulo-slide-1 { margin-top:0px; width:100%;}

	
	
}

	@media screen and (max-width:398px) {
		

	#seccion-1-izquierda #informacion { padding-top:0px;}

	
	
}



@media screen and (max-width:380px) {
	#slide-info-1 { width:100%;}
	
	#seccion-4 h2 { width:100%;}
	
	#seccion-2 h2 { width:100%;}
	
}
	
	

@media screen and (max-width:320px) {
	




}