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




/* ///////////////////Generales///////////////////// */
body{
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		
	}
	
	p { text-align:justify;}
	
.header-fondo{
	width: 100%;
	height: auto;
	background-color: #0b93d1;
	}	
	
	
	
h1{
	color:#FFF;
	font-size:35px;
	font-weight:100;
	margin: 20px 0 20px;
	 text-shadow: 1px 2px 2px #000000;
	 line-height:35px;
	}
	
h2{
	font-size:20px;
	margin: 10px 0 -10px 0;
	color:#fff;
	 text-shadow: 1px 2px 2px #000000; 
	}
	
	
	

h3{
	color:#FFF;
	font-size:18px;
	text-shadow: 1px 2px 2px #000000;
	font-family: 'Raleway', sans-serif;
}

h4{
	margin: 15px 0 0 0;
	font-size:16px;
	font-weight: bold;
}

h5{
	color:#FFF;
	font-size:40px;
	font-weight:100;
	margin: 20px 0 20px;
	 text-shadow: 1px 2px 2px #000000;
	}	

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

#slide { width:100%;
height:600px;
background-image:url(http://www.ebc.mx/lp/cursos-diplomados/roi/responsivo/img/slide-curso-roi.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#000;
padding-top:20px; background-size:cover;}

.form-control { background-color:#fff; height:40px; margin-bottom:-10px; border:none; color:#999;
}

 

#titulo-slide { width:450px; margin-top:50px;}

.titulo { font-size:45px; line-height:50px;}

.titulo2 { font-size:67px;}

.fecha {
   color: #FFF;
   font-weight: lighter;
   margin: 50px 0px 0px;
   font-size: 16px;
   width: 180px;
   height: 180px;
   padding: 70px 15px;
   background-color: #EB6E08;
   border-radius: 50%;
   text-align: center;
}

.fecha p{	color:#FFF;
	font-size:19px;
	font-weight:100;
	 text-shadow: 1px 2px 2px #000000;
	 line-height:25px;
	 text-align:center;
	 }

.checkbox { color:#FFF;}


.formulario { width:300px; margin:0 auto;}


.cont-formulario { background-color:#EB6E08; margin-top:50px; padding-top:20px; padding-bottom:20px; width:400px; float:right;}

.cont-formulario h2 { text-shadow:none !important;}
.cont-formulario h3 { text-shadow:none !important;}

.subtitulo { margin-top:0px; width:370px; color:#fff; font-size:17px; text-align:left; padding:5px; text-shadow:1px 2px 2px #000;}

#telefono-formulario { padding-left:5px !important;}

#lada { padding-right:0px;}




/* ///////////////////Seccion 1///////////////////// */

#seccion-1 h2 { text-align:center;
	font-size:26px;
	margin: 10px 0 0px 0;
	color:rgb(102,102,102);
	font-weight:bold;
	 text-shadow: 0px 0px 0px #000000;
	 letter-spacing:-1px; }


#seccion-1 { background-color:#fff; color:rgb(102,102,102); padding-top:0px; padding-bottom:0px; text-align:center; overflow:hidden; height:auto !important;}

#seccion-1 p {  color:rgb(102,102,102) !important;}


#seccion-1  #seccion-derecha{ background-color:#CCC; width:50%;}


#seccion-1 .derecha { width:580px; float:left; padding-top:35px; padding-bottom:30px; padding-left:30px; padding-right:30px;  }
#seccion-1 .izquierda { width:580px; float:right; padding-top:35px; padding-bottom:10px; padding-left:30px; padding-right:30px;}

#seccion-1 .cont-derecha { width:50%; float:left; padding-left:30px; padding-right:30px; text-align:center;  background-color:#E9E9E9}

#seccion-1 .boton-folleto { width:250px; margin:0 auto; margin-top:10px; display:inline-block;}
#seccion-1 .boton-folleto p { }

#seccion-1 .cont-izquierda { width:50%; float:left; padding-left:30px; padding-right:30px;}

#seccion-1 .glyphicons:before {
    display: inline-block;
    padding: 0px 0px 10px 0px;
}


#cont-seccion-1 .glyphicons{ font-size:60px;}


/* ///////////////////Seccion 2///////////////////// */
#seccion-2 { background-color:#303030; height:400px; color:#FFF; padding-top:40px; padding-bottom:0px; text-align:center; }

#seccion-2 h2 { text-align:center;
	font-size:26px;
	margin: 30px 0 0px 0;
	color:#fff;
	font-weight:bold;
	 text-shadow: 0px 0px 0px #000000;
	 letter-spacing:-1px; }
	 
	 
	 

#separador-2{ display:none;}		 


#seccion-2  #cont-seccion-1{ padding-left:40px; padding-top:40px;}

#seccion-2  #cont-seccion-1 p{ text-align:center;}

/* ///////////////////Carreras///////////////////// */

#slide2{
width:100%;
height:400px;
background-image:url(http://www.ebc.mx/lp/cursos-diplomados/ventas-y-estrategia-comercial/responsivo/img/slide-dinamarca2.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#000;
padding-top:20px; background-size:cover;}


#campus { text-align:center; font-size:18px; color:#FFF;  text-shadow: 1px 2px 2px #000; margin-top:30px;}

#campus p{ text-align:center;}


.tituloh1{ font-size:45px; line-height:50px;}


	 
	/* ///////////////////campus///////////////////// */


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

#cont-campus span { font-size:18px; font-weight:bold;   }
	 
	 
	#boton-ubicacion { margin:0 auto; width:365px; margin-top:20px;}



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

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

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

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



#img-gracias { width:100%;}

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


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

	
	
	
	
	
}

@media screen and (max-width:1200px) {
	
	
	#slide { height:500px; padding-top:0px; background-position:center top; }
	
	.cont-formulario { background-color:#EB6E08; margin-top:40px; padding-top:20px; padding-bottom:20px; width:350px; float:right;}
	.form-control { height:35px;}

.subtitulo { margin-top:50px;}
	
	#seccion-1 .derecha { width:420px; }
#seccion-1 .izquierda { width:420px; ; }	
	
	#seccion-1 .cont-derecha { width:50%;}

#seccion-1 .cont-izquierda { width:50%;}
	
	#titulo-slide { width:350px; margin-top:30px;}
	
	.fecha { margin-top:0px;}
	

	#fecha-contador {  width:22%;  }
	
	.carreras { width:25%; height:180px;}
	
	#cont-seccion-1 .glyphicons{ font-size:55px;}
	
	.titulo {
    font-size: 35px;
    line-height: 40px;
}

}




@media screen and (max-width:992px) {
	
	
		.carreras { width:33.3%;}
		.carreras p { padding-left:10px; padding-right:10px;}
	
	
	#lada { padding-right:15px;}
	
	
	#txtTel { margin-top:15px;}
	
	#telefono-formulario { padding-left:15px !important;}
		
	
	#slide { background-position:15% top;
	height:auto;
	background-size:1500px;
	padding-bottom:40px;
	
	background-color:#EB6E08 ;
	
	}
	
	.cont-formulario { width:100%; margin-top:-30px;}
	
	#seccion-2 { height:590px;}
	
	
	#slide { padding-top:75px;}
	
	#slide h2 { font-size:20px;
	
	
	
	}
	
	#titulo-slide { width:400px; height:470px;}
	
	#cont-seccion-1 { width:50%; float:left;}
	
	#seccion-1 .derecha { width:370px; }
#seccion-1 .izquierda { width:400px; ; }


	#seccion-1 .cont-derecha { width:50%;}

#seccion-1 .cont-izquierda { width:50%;}

#seccion-1 h2 { font-size:24px;}

#seccion-2 h2 { font-size:24px;}	
	
	#fecha-contador {  width:23%; float:left; margin-right:2%;  }
	
	
	#gracias { width:50%; float:left; height:300px; }
	
	#texto-gracias { margin-top:40px;}
	
	#separador-1{ display:none;}

#separador-2{ display:block;}		
	
	
	.formulario { width:100%; float:none;}
	
	.fecha {
   color: #FFF;
   font-weight: lighter;
   margin: 50px 0px 0px;
   font-size: 16px;
   width: 180px;
   height: 180px;
   padding: 70px 15px;
   background-color: inherit;
   border-radius: 50%;
   text-align: center;
}


	#seccion-2{ height:570px;}
	
}


@media screen and (max-width:768px) {
	
	.escudo-ebc { width:105px !important; height:auto !important; }
	
	.licenciaturas { display:block;}
	
		.licenciaturas-escritorio { display:none;}
	
	body { font-size:14px; }
	
	
	
	
#titulo-slide { width:100%; margin-top:120px; height:350px;}	
	
#slide { background-position:10% top;
	height:auto;
	background-size:1080px;
	padding-bottom:0px;
		padding-top:15px;
		background-color:rgb(51,51,51);
	
	}
	
.subtitulo p { background-color:transparent !important; color:rgb(255,255,255) !important; text-shadow:none !important;}

.cont-formulario { width:100%; margin-top:20px;}

.txt-lic { width:100%;}


	#cont-seccion-1 { width:100%;  height:auto;}

#cont-seccion-1 p { text-align:center; font-weight:lighter; font-size:14px; margin-bottom:40px;  }

	#seccion-1 .derecha { width:370px; float:none; display:inline;}
#seccion-1 .izquierda { width:400px; float:none; display:inline; }

#seccion-1{ padding-left:0px;}

	#seccion-1 .cont-derecha { width:50%;}

#seccion-1 .cont-izquierda { width:50%;}
	
	#seccion-2{ height:650px;}
	
	
	#seccion-2 #cont-seccion-1 { padding-top:20px;}
	
	
	
	.fecha {
   color: #FFF;
   font-weight: lighter;
   margin: -40px 0px 0px;
   font-size: 16px;
   width: 180px;
   height: 180px;
   padding: 70px 15px;
   background-color: inherit;
   border-radius: 50%;
   text-align: center;
}
	
	

	
}

@media screen and (max-width:576px) {
	
	#fecha-contador {  width:48%; margin-right:2%; float:left; margin-top:10px;  }
	
	#gracias { width:100%; float:none; height:auto; text-align:center; }
	
	#texto-gracias { margin-top:40px;}
	
	#img-gracias { width:60%;}
	
	
	.carreras { width:50%;}
	
	#slide { background-position:40% top;}
	
	#seccion-1 h2 { font-size:20px}
	
	#seccion-1 .cont-derecha { width:100%; float:none; padding-bottom:30px;}

#seccion-1 .cont-izquierda { width:100%; float:none;}
	
		#seccion-2 h2 { font-size:20px}
	
}
	
	

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

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

.subtitulo {
    margin-top: 50px;
    width: 100%;
}

	
	h1{
	
	font-size:25px;
	line-height:30px;
	}
	
	.titulo {
    font-size: 30px;
}

.tituloh1 { font-size:30px; line-height:38px;}

.titulo2 { font-size:57px;}
	
	
	#seccion-1 { padding-top:30px; padding-bottom:0px; }
		#cont-seccion-1 { width:100%;  height:auto;}
		
		
		#cont-seccion-1 p { text-align:center; font-weight:lighter; font-size:14px; margin-bottom:40px;  }

#campus { font-size:15px; margin-top:80px;}

#seccion-2 { padding-bottom:30px;}
#seccion-2 h2 { margin:0px;}
	
	#boton-ubicacion { width:100%;}
	
}


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