body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}

.contenedor {
	width: 99%;
	max-width: auto;
	margin: auto; 
}

.contenedor2 {	
	margin: 24px; 
}

.menu {
	background: #fff; 
	padding: 9px 20px;
}

.menu .contenedor {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .logo {
	color: #000;
	font-size: 23px;
	font-weight: bold;
}

nav ul li {
	display: inline-block;
	margin: 0 20px;
}

nav ul li a {
	text-decoration: none;
	color: #000;
}

.menu .opciones {
	letter-spacing: 3px;
}

.menu .contenedor .izquierda p {
	font-size: 12px;
	letter-spacing: 3px;
}

.menu .contenedor h1 {
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 9px;
	margin: 0; 
}

#programs a {
	text-decoration: none;
	color: #000;
	font-size: 20px;
	letter-spacing: 6px;
	border-bottom: 2px solid red;
	padding-bottom: 13px;
	padding: 0 18px 13px 10px; 	 
} 

/* PROGRAM */
#programs {
	padding-top: 12px;
	margin-bottom: 180px;
	text-align: center;
}

.rojo {
	color: red;
}

#programs .cero {
	font-size: 80px;
	margin-bottom: 0;
}

#programs .ini {
	letter-spacing: 18px;
	font-size: 15px;
}

#programs h2 {
	font-size: 63px;
	font-weight: 100;
	letter-spacing: 15px;
	margin: 0;
	margin-top: 12px;
	margin-bottom: 6px;
}

#programs p {
	font-family: 'Open Sans';
	color: #666;
	font-size: 15px;
	width: 73%;
	margin: auto;
	line-height: 30px;
}

#programs a {
	margin-top: 63px;
	display: inline-block;
}

.contenedor-programs img {
	width: 450px;
	height: 300px;
}

.contenedor-programs {
	width: 100%;
	display: flex;
	margin-top: 50px;
	margin: 1px;
}

#programs #uno {
	background: #2A2E3F;
	color: #fff;	
}

#programs #tres {
	background: #B40404;
	color: #fff;
}

#dos {
	background: #fff;
	color: #000;
	position: relative;
	top: 120px;
}

#tres p {
	color: #000;
}

#cuatro {
	background: #FACC2E;
	color: #000;	

}

#cinco {
	background: #151515;
	color: #fff;	
	top: 120px;
	position: relative; 
}

#seis {
	background: #EFFBFB;
	color: #000;	
 	position: relative;   
}

#uno p, #dos p, #tres p {
	color: #fff;
	text-align: left;
	width: 100%;
}

h3 {
	font-size: 26px;
	letter-spacing: 4px;
	margin: 0;
	text-align: left;
	font-weight: 400;
	margin-bottom: 16px;
}

.program {
	padding: 30px 30px;
	box-shadow: 50px 70px 120px -42px rgba(0,0,0,0.3); 
}

/* VIDEO */
#section-video {
	padding-top: 60px;
 	text-align: center;	 
	height: 660px;

	margin-top: 21px; 
}

#section-video .contenedor h2 {
	font-size: 63px;
    font-weight: 400;
    letter-spacing: 15px;
    margin: 0;
    margin-top: 12px;
    margin-bottom: 6px;
}

#section-video .contenedor {
	position: relative;
}

#section-video .contenedor .caja1 {
	background: #E6E0F8;
	width: 300px;
	height: 500px;
	margin: 30px 0 0 200px;
	position: absolute;
}

#section-video .contenedor .caja2 {
	background: #FBF5EF;
	width: 300px;
	height: 500px;
	margin: 30px 0 0 600px;
	position: absolute;
}

#section-video .contenedor .caja3 {
	background: #CEECF5;
	width: 300px;
	height: 500px;
	margin: 30px 0 0 1000px;
	position: absolute;
}

#programs .contenedor .caja4 {
	background: #CEECF5;
	width: 300px;
	height: 500px;
	margin: 30px 0 0 1000px; 
}

#section-video .botones {	 
	top: 35%;
	left: 35%;
}

#section-video .botones-uno {
	position: absolute;
	top: 35%;
	left: 35%;
}

#section-video .botones-dos {
	position: absolute; 
	top: 35%;
	left: 35%;
}

#section-video .botones {
	position: absolute;
	top: 35%;
	left: 35%;
}

#section-video i {
	font-size: 102px;
	color: #fff;
}
 
#section-video button {
	border: 0;
	background: none;
}

#contenedor-video .botones {
	position: absolute;
	top: 54%;
	left: 37%;
}

#contenedor-video button {	 
 	border: 0;
	background: none;
}

#contenedor-video i {	 
 	text-align: center;	 	
 	font-size: 102px;
	color: #fff; 
}

/* CONTACTO */
#contacto {
	background: #FF8000;
	font-family: 'Oswald';
	color: #fff; 
}

#contacto .izquierda {
	padding: 45px;
	width: 36%;
}

#contacto .izquierda p {
	font-size: 18px;
	letter-spacing: 6px;
}

#contacto .izquierda .atencion {	 
	letter-spacing: 3px;
}

#contacto h2 {
	font-size: 62px;
	font-weight: 300;
	letter-spacing: 15px;
	margin: 0; 
}

/* FOOTER */
.pie {
	background: #070719;	 
	display: flex;
	padding: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pie p {
	color: #fff;
}

/* RESPONSIVE */
@media screen and (min-width: 300px) and (max-width: 800px) {
	nav {
		position: absolute;
		top: 24%;
		width: 100%;
		background: #000;
		left: 0;
	}

	nav ul li {
		display: block;
		margin: 0 12px;
		margin-bottom: 12px;		 
	}

	nav ul li a {
		color: #fff;
	}

	#section-video {
    	padding-top: 109px;
    	text-align: center;
    	height: 660px;
    	margin-top: 21px;
	}

	#section-video .contenedor h2 {
    	font-size: 48px;
    	font-weight: 100;
    	letter-spacing: 3px;
    	margin: 0;
    	margin-top: 3px;
    	margin-bottom: 3px;
    	flex-direction: column;
	}

	#programs {
		padding-top: 930px;
	}

	#programs h2 {
    	font-size: 48px;
    	font-weight: 100;
    	letter-spacing: 3px;
    	margin: 0;
    	margin-top: 3px;
    	margin-bottom: 3px;
	}

	#programs a {
       margin-bottom: 12px;
	}
 
	#contacto h2 {
    	font-size: 40px;
    	font-weight: 300;
    	letter-spacing: 3px;    	 
	}
 
	.program {
    	padding: 15px 15px;
 	}

	.contenedor-programs {
		flex-direction: column;
		display: flex;
	}

	.contenedor-programs img {
    	width: 243px;
    	height: 270px;
	}

	#dos {  
    	top: 0px; 
	}

	#cinco {  
    	top: 0px; 
	}

	h3 {
    	font-size: 20px;
    	letter-spacing: 3px;
    	margin: 0;
    	text-align: left;
    	font-weight: 400;    	 
	}

	#contenedor-video .botones {
    	position: absolute;
    	top: 48%;
    	left: 30%;
	}

	.program #contenedor-video #video {
    	width: 243px;
    	height: 300px;
	}

	 .content {
		flex-direction: column;
	}

	#section-video .contenedor   .caja1 {
		margin: 3px 0 0 15px;		 
	}

 	#section-video .contenedor .caja2 {     
    	right: 0px;
        margin: 3px 0 0 3px;  
    	margin-top: 501px;
    	 
	}

	#section-video .contenedor .caja3 {    	 
    	right: 0px;
      	margin: 0px 0 0 3px;  
    	margin-top: 1000px;    	 
	}	   
}