@charset "UTF-8";
/*@autor: Carlos Roman*/

/*
Tipografías
	font-family: 'Helvetica Neue 77 Bold';
	font-family: 'Helvetica Neue';

	font-family: 'LG Smart Italic';
	font-family: 'LG Smart Light';
	
	font-family: 'Cronos Pro Light';
	font-family: 'Cronos Pro SemiBold';

	font-family: 'Pacifico';
	font-family: 'Piximisa';

Colores
	Gris: #333333;
	Gris Claro: #EEEEEE;
	Amarillo: #FFB606;
*/

/*Predefinidas*/
	*{ transition:  all 0.2s ease 0.2s; }
	.fl{ float: left; }
	.fr{ float: right; }
	.blanco{ color: #FFFFFF !important; }
	a{ cursor: pointer; }
	.parallax{ background-attachment: fixed; }
	.tac{ text-align: center !important; }

	/*No seleccionar texto*/
	a, button, img{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select:none;
		-o-user-select: none;
		user-select: none;
	}
	.mtb50px{
		height: 100px;
		float: left;
		width: 100%;
	}
	.mt50px{
		height: 50px;
		float: left;
		width: 100%;
	}

	.zopim{ bottom: 0px !important; }


/*Header*/
	header{
		position: absolute !important;
		z-index: 999;
		top: 55px;
		margin: 0px !important;
		padding: 0px !important;
	}

	/*Cinta Negra Arriba*/
		.blackHead{
			background: #000000;
			height: 40px;
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			line-height: 40px;
			padding: 0px 0px;
			z-index: 1000;
			font-size: 12px;
		}
		.celBlackHead{
			height: 80px !important;
		}
			.blackHead ol, .blackHead ol li{
				list-style: none;
			}
			.blackHead ol li{
				margin-right: 15px;
			}
			.blackHead ol li:nth-child(1){
				display: none;
			}
			.blackHead ol li:nth-child(2){
				margin-left: -30px;
			}
			/*.blackHead ol li:nth-last-child(1){
				position: absolute;
				right: 10px;
				top: 3px;
				font-size: 26px;
				margin-right: 0px;
			}*/

			.blackHead ol li:nth-child(4),
			.blackHead ol li:nth-child(5),
			.blackHead ol li:nth-child(6),
			.blackHead ol li:nth-child(7){
				display: none;
			}

			.blackHead ol li:nth-last-child(1) i{
				color: #FFFFFF;
			}
				.blackHead p{
					color: #AAAAAA;
				}
				.blackHead a{
					color: #FFFFFF;
				}
				.blackHead a:hover,
				.blackHead a:focus{
					text-decoration: none;
					color: #ffb605;
				}
					.blackHead a:hover i,
					.blackHead a:focus i{
						color: #ffb605;
					}
					.blackHead a i{
						color: #AAAAAA;
					}

	/*Logo Head*/
		.logoHead{
			padding: 10px 20px;
			background: #FFB606;
			box-shadow: 3px 0px 3px #FFFFFF;
			margin: -15px 0 0 0;
			float: left;
			position: fixed;
			z-index: 900;
			display: none;
		}
		.logoHead img{
			margin: 0px !important;
			float: left;
			width: 100%;
		}

	/*Navegacion head*/
		.top-nav {
			position: fixed;
			z-index: 900;
			top: 40px;
			background: #FFB606;
			box-shadow: 3px 0px 3px #FFFFFF;
			right: 0px;
			padding: 9.5px 2px;
			float: left;
			display: none;
		}
		.hamb {
			display: block;
			position: fixed;
			top: 0px;
			right: 0px;
			width: 40px;
			height: 40px;
			background: #FFB606;
			padding: 7px 10px;
			color: #FFFFFF;
			font-size: 24px;
			z-index: 9999;
		}
		.langCel{
			display: none;
			width: 100%;
			height: 70px;
			background: #000000;
			position: fixed;
			bottom: 0px;
			left: 0px;
		}
			.langCel a{
				float: left;
				display: inline-block;
				padding: 11px 0 0 14%;
			} 
			.top-nav ul {
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
				.top-nav li {
					float: left;
					margin-left: 10px;
					margin-right: 10px;
				}
					.top-nav li a {
						color: #FFFFFF;
						font-size: 14px;
						text-decoration: none;
						text-transform: uppercase;
						font-family: 'Helvetica Neue 77 Bold';
						float: left;
					}
					.top-nav li a:hover,
					.top-nav li a:focus {
						border-bottom: 2px solid #ffb606;
						padding: 0px;
						margin: 0px 0px;
					}
					/*.top-nav li:last-child a:hover {
						border: none 0px;
					}*/

	/*Fondo Head*/
		.bg-main{
			/*display: -webkit-box;
				display: -ms-flexbox;
				display: flex;

				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;

				background-image: url('../img/head/head.jpg');
				background-position: -30px 40px;
				background-size: 320% auto;
				background-repeat: no-repeat;*/
			height: 575px;
			position: relative;
			top: -15px;
			overflow: hidden;
			padding: 0px;

			border-bottom: 3px solid rgba(0, 0, 0, 0.5);
		}

	/*Slider Head*/
		ol#sliderHead{
			margin: 0px;
			padding: 0px;
			height: inherit;
			overflow: hidden;
			margin-top: -3px;
			position: relative;
			overflow: hidden;
		}
			ol#sliderHead li{
				width: 100%;
				float: left;
				height: inherit;
				position: absolute;
				top: 0px;
				left: 0px;
			}
				ol#sliderHead li img{
					float: left;
					width: 100%;
					margin-top: 55px;
				}

	/*Info Fondo Head*/
		.main-banner{
			background: rgba(0, 0, 0, 0.5);
			position: absolute;
			/*padding: 10px 0 0;*/
			bottom: 348px;
			width: 100%;
			margin: 0 auto;

			left: 0;
			right: 0;
		}
			.main-banner h1{
				text-align: center;
				text-transform: uppercase;
				font-size: 22px;
				color: #FFFFFF;
				font-family: 'Helvetica Neue 77 Bold';
				margin: 0px;
				padding: 25px 25px 10px;

				text-shadow: 
					3px 3px #0b6b3f, 
					-3px -3px #0b6b3f, 
					-3px 3px #0b6b3f, 
					3px -3px #0b6b3f,
					0px -3px #0b6b3f,
					0px 3px #0b6b3f, 
					3px 0px #0b6b3f, 
					-3px 0px #0b6b3f;
			}
				.main-banner h1 b{
					text-transform: none;
					letter-spacing: 8px;
				}

		.second-banner{
			/*width: 75%;*/
			position: absolute !important;
			padding: 0px !important;
			bottom: 0px;
			clear: both;
			/**/
			background: rgba(0, 0, 0, 0.5);
			overflow: hidden;
		}
			.second-banner div{
				border-top: 3px solid rgba(0, 0, 0, 0.5);
				border-left: 3px solid rgba(0, 0, 0, 0.5);
				border-right: 3px solid rgba(0, 0, 0, 0.5);
				padding: 0px;
			}

			.second-banner div a:nth-child(1){
				background: #febf28;
			}
			.second-banner div a:nth-child(2){
				background: #ffb605;
			}
			.second-banner div a:nth-child(3){
				background: #f0aa03;
			}
				.second-banner div a h1{
					font-family: 'Helvetica Neue 77 Bold';
					color: #FFFFFF;
					font-size: 50px;
					margin: 30px 0px 30px 20px;
					padding-right: 10px;
					float: left;
					border-right: 1px solid #d89a06;
					width: 30%;
				}
				.second-banner div a h2{
					float: left;
					font-family: 'Helvetica Neue 77 Bold';
					text-transform: uppercase;
					font-size: 18px;
					padding-left: 10px;
					margin-top: 30px;
					color: #000000;
					width: 50%;
				}
				.second-banner div a p{
					float: left;
					padding-left: 10px;
					font-family: 'Helvetica Neue 77 Bold';
					text-transform: uppercase;
					font-size: 11px;
					color: #000000;
				}
					.second-banner div a p i{
						padding-left: 3px;
						font-size: 13px;
						margin-top: 2px;
					}

				.second-banner div a:hover h2,
				.second-banner div a:focus h2{
					color: #FFFFFF;
				}
				.second-banner div a:hover p,
				.second-banner div a:focus p{
					color: #FFFFFF;
				}
				.second-banner div a:hover p i,
				.second-banner div a:focus p i{
					color: #FFFFFF;
					margin-left: 20px;
				}

				.second-banner div img:nth-child(4){
					width: 90px;
					position: absolute;
					z-index: 99;
					left: 0px;
					top: -220px;
					display: none;
				}
				.second-banner div img:nth-child(5){
					width: 100px;
					position: absolute;
					z-index: 99;
					right: -44px;
					top: 230px;
					transform: scaleX(-1);
				}

/*Casos contenedor*/
	.casos{
		margin-top: 40px;
	}
		.casos a{
			margin-bottom: 40px;
		}
		.casos a:hover,
		.casos a:focus{
			text-decoration: none;
		}
			.casos img{
				width: 100%;
			}
			.casos h1{
				font-family: 'Helvetica Neue 77 Bold';
				color: #333333;
				font-size: 16px;
			}
			.casos p{
				font-family: 'Helvetica Neue';
				color: #757575;
				font-size: 13px;
				text-align: justify;
				padding: 0 5px;
			}
			.casos small{
				font-family: 'Helvetica Neue 77 Bold';
				color: #ffb400;
				font-size: 13px;
				text-transform: uppercase;
			}

/*Banner bajo casos*/
	.banner{
		background: url(../img/banner.png);
		background-size: 680% auto;
		background-position: 35% 0%;
		height: 240px;
		width: 85%;
		clear: both;
		position: relative;
		/*top: 40px;*/
	}
	.banner:hover,
	.banner:focus{
		transform: scale(1.02);
	}
		.banner h1{
			border-left: 4px solid #ffb606;
			color: #FFFFFF;
			font-family: 'Helvetica Neue 77 Bold';
			text-transform: uppercase;
			font-size: 18px;
			padding: 0 0 10px 10px;
			margin: 35px 0 10px 30px;
			text-shadow: 2px 2px 2px #000000;
			float: left;
			/*width: 50%;*/
		}
			.banner h1 b{
				font-size: 20px;
			}
		.banner button{
			padding: 10px 20px 5px;
			text-transform: uppercase;
			font-family: 'Helvetica Neue';
			color: #333333;
			background: #ffb606;
			float: right;
			border: 0px none;
			/* line-height: 10px; */
			font-size: 18px;
			margin: 0px;
			position: relative;
			top: 55px;
			right: 60px;
		}
		.banner button:hover,
		.banner button:focus{
			background: #FFFFFF;
		}

/*Lenguaje*/
	.lenguaje{
		margin-top: 80px;
	}
		.lenguaje ol{
			list-style: none;
			padding: 0px 20px;
			color: #333333;
		}
			.lenguaje ol li:nth-child(1) p{
				font-family: 'Helvetica Neue';
				text-transform: uppercase;
				font-size: 20px;
				font-weight: bold;
				color: #333333;
				float: left;
				margin-left: 0px;
				position: relative;
				top: -20px;
			}
			/*.lenguaje ol li:nth-child(1) a:hover,
			.lenguaje ol li:nth-child(1) a:focus{
				color: #333333;
				border: 0px none;
				padding: 0px;
				margin: 0px;
				position: relative;
				top: 20px;
			}*/
			.lenguaje ol li a{
				float: right;
				color: #333333;
				font-weight: bold;
				font-family: 'Helvetica Neue';
				text-decoration: none;
				font-size: 16px;
				margin-left: 25px;
			}
			.lenguaje ol li a:hover,
			.lenguaje ol li a:focus{
				color: #ffb606;
				border-bottom: 0px solid #ffb606;
				padding: 0px 3px;
				margin-left: 22px;
				margin-right: -3px;
			}
			.lenguaje ol li hr{
				width: 40px;
				height: 0px;
				border-bottom: 1px solid #333333;
				float: left;
				clear: both;
				margin: 30px 0 0;
			}

/*Cursos*/
	.cursos{
		margin-top: 50px;
		overflow: hidden;
	}
		.cursos ol{
			padding: 0px;
		}
			.cursos ol li{
				float: left;
				list-style: none;
				padding: 0px;
				margin: 0px;
				position: relative;
				padding: 10px;
			}
			.cursos ol li:hover img,
			.cursos ol li:focus img{
				transform: scale(1.02);
			}
			.cursos ol li:hover button,
			.cursos ol li:focus button{
				display: block;
			}
				.cursos>ol>li>img:nth-child(1){
					width: 100%;
				}
				.cursos ol li button{
					position: absolute;
					top: 25%;
					background: #ffb606;
					text-transform: uppercase;
					color: #333333;
					font-size: 18px;
					border: 0px none;
					padding: 10px 25px 5px;
					display: none;
					width: 150px;
					margin-left: -75px;
					left: 50%;
				}
				.cursos ol li button:hover,
				.cursos ol li button:focus{
					background: #FFFFFF;
				}
				.cursos ol li div{
					box-shadow: 0px 0px 3px #CCCCCC;
					float: left;
					width: 100%;
				}
					.cursos ol li div img{
						position: absolute;
						top: 55%;
						border-radius: 20px;
						border: 3px solid #FFFFFF;
						width: 42px;
						left: 50%;
						margin-left: -21px;
					}
					.cursos ol li div h5{
						color: #7a7a7a;
						font-family: 'Helvetica Neue';
						font-size: 14px;
						text-align: center;
						margin-top: 45px;
					}
					.cursos ol li div h6{
						font-family: 'Helvetica Neue 77 Bold';
						color: #333333;
						font-size: 18px;
						padding: 10px 5px;
						text-align: center;
						font-weight: bold;
					}
					.cursos ol li div hr:nth-child(4){
						margin-top: 10px;
						margin-bottom: 0px;
						border: 0;
						border-top: 1px solid #eee;
						width: 80%;
					}
					.cursos ol li div hr:nth-child(5){
						margin-top: -2px;
						margin-bottom: 0px;
						border: 0;
						width: 30px;
						border-top: 3px solid #ffb606;
					}
					.cursos ol li div a{
						color: #7a7a7a;
						float: left;
						padding: 10px 15px;
					}
						.cursos ol li div a i{
						
						}
					.cursos ol li div p{
						color: #f24c0a;
						float: right;
						padding: 10px 15px;
						margin: 0px;
					}

/*Registro*/
	.registro{
		margin-top: 20px;
		height: 660px;
		padding: 0px !important;
		width: 100% !important;

		background-image: url('../img/registro.png');
		background-size: 200% auto;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 0% 0px;
	}
		.registro>div{
			background: rgba(0, 0, 0, 0.5);
			height: 100%;
		}
		.registro .box1{
			padding: 10px 0 0px; /*120px 0 0px 90px*/
		}
			.registro h1, .registro h2{
				color: #FFFFFF;
				font-family: 'Helvetica Neue 77 Bold';
				text-transform: uppercase;
			}
			.registro h1{
				font-size: 24px;
			}
				.registro h1 b{
					color: #ffb606;
				}
			.registro h2{
				font-size: 42px;
			}
			
			/*Contador*/
			.registro ol{
				float: left;
				padding: 0px;
			}
				.registro ol li{
					/*width: 100px;
					height: 100px;
					margin-right: 30px;*/
					border: 1px solid #FFFFFF;
					border-radius: 50px;
					float: left;
					list-style: none;
					position: relative;
				}
					.registro ol li p{
						font-family: 'Helvetica Neue 77 Bold';
						font-size: 32px;
						text-align: center;
						color: #FFFFFF;
						padding-top: 10px;
					}
					.registro ol li small{
						position: absolute;
						font-family: 'Helvetica Neue 77 Bold';
						font-size: 14px;
						text-align: center;
						color: #FFFFFF;
						width: 100%;
						top: 42px;
						left: 0px;
					}

		.registro .box2{
			padding: 0 0 0 0;
			background: #FFFFFF;
			/*width: 280px;*/
			margin-top: 105px;
			position: relative;
			border-bottom: 2px solid #000000;
		}
			.registro .box2 .img-box2{
				position: absolute;
				top: -78px;
				left: 25%;
			}
			.registro .box2 h1{
				background: #ffb606;
				color: #FFFFFF;
				font-family: 'Helvetica Neue 77 Bold';
				font-size: 18px;
				text-transform: none;
				margin: 0px;
				height: 130px;
				text-align: center;
				padding: 50px 25px 0px;
				border-bottom-left-radius: 100px;
				border-bottom-right-radius: 100px;
			}
			.registro .box2 form{
				height: 220px;
				padding: 30px 40px;
			}
			.registro .box2 form input{
				width: 100%;
				margin-bottom: 10px;
				padding: 5px 10px 0px;
				font-family: 'Helvetica Neue';
			}
			.registro .box2 form input[type='submit']{
				margin-top: 10px;
				line-height: 25px;
				background: #000000;
				border: 0px none;
				color: #FFFFFF;
				text-transform: uppercase;
				font-family: 'Helvetica Neue 77 Bold';
				font-size: 14px;
				letter-spacing: 1px;
			}
			.registro .box2 form input[type='submit']:hover,
			.registro .box2 form input[type='submit']:focus{
				color: #ffb606;
				font-size: 15px;
			}

/*Eventos*/
	.eventos{
		margin-top: 40px;
		overflow: hidden;
	}
		/*Encabezado*/
		.eventos div:nth-child(1),
		.eventos div:nth-child(2){
			padding: 0px;
		}
			.eventos div:nth-child(1) h1{
				font-family: 'Helvetica Neue 77 Bold';
				color: #333333;
				font-size: 30px;
				text-transform: uppercase;
				margin-bottom: 0px;
			}
			.eventos div:nth-child(1) h2{
				font-family: 'Helvetica Neue';
				color: #333333;
				font-size: 12px;
				margin-top: 5px;
			}
			.eventos div:nth-child(1) hr{
				width: 30px;
				border-bottom: 1px solid #000000;
				margin: 15px 0px;
			}
			/*Boton View All*/
			.eventos div:nth-child(2) a{
				border: 1px solid #000000;
				border-radius: 2px;
				text-transform: uppercase;
				font-family: 'Helvetica Neue';
				color: #333333;
				font-size: 14px;
				float: right;
				padding: 10px 15px 5px;
				text-decoration: none;
				margin-top: 7%;
			}
			.eventos div:nth-child(2) a:hover,
			.eventos div:nth-child(2) a:focus{
				background: #FFB606;
				color: #FFFFFF;
				border: 1px solid #FFFFFF;
			}

		/*Eventos*/
		.eventos nav.listaEventos{
			padding: 0px;
			margin-top: 30px;
			list-style: none;
		}
			.eventos nav.listaEventos a{
				border-top: 2px solid #EEEEEE;
				padding: 40px 0px;
				float: left;
				text-decoration: none;
			}
				.eventos nav.listaEventos a div{
					padding: 0px;
				}
					/*Dia y mes*/
					.eventos nav.listaEventos a h6{
						color: #FFB606;
						font-size: 50px;
						font-family: 'Helvetica Neue 77 Bold';
						margin: 0px;
					}
					.eventos nav.listaEventos a small{
						color: #FFB606;
						font-size: 14px;
						font-family: 'Helvetica Neue 77 Bold';
						text-transform: uppercase;
						float: left;
						clear: both;
						margin-top: -10px;
					}

					/*Descripcion y fecha*/
					.eventos nav.listaEventos a h5{
						font-family: 'Helvetica Neue 77 Bold';
						font-size: 20px;
						color: #333333;
					}
					.eventos nav.listaEventos a h4{
						font-family: 'Helvetica Neue';
						font-size: 14px;
						color: #a1a1a1;
					}
						.eventos nav.listaEventos a h4 i{
							margin-left: 15px;
						}
					.eventos nav.listaEventos a p{
						font-family: 'Helvetica Neue';
						font-size: 14px;
						color: #a1a1a1;
						margin-top: 20px;
						width: 100%;
					}
				.eventos nav.listaEventos a div:nth-child(3){
					float: right;
				}
					.eventos nav.listaEventos a img{
						float: right;
						width: 100%;
					}

/*Certificacion*/
	.certificacion{
		margin-top: 20px;
		height: 430px;
		padding: 0px !important;
		width: 100% !important;
		background-image: url('../img/certificacion.jpg');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: 200% auto;
		background-position: 25% 0px;
		overflow: hidden;
	}
		.certificacion>div{
			background: rgba(0, 0, 0, 0.5);
			height: 100%;
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex; 
			display: flex;
			padding: 40px 0px;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-moz-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			overflow: hidden;
		}
		
		.certificacion>div img{
			  width: 50%;
			  min-width: 450px;
			  overflow: hidden;
		}
		
		

/*Noticias*/
	.noticias{
		margin-top: 20px;
		height: 430px;
		padding: 0px !important;
		width: 100% !important;
		background-image: url('../img/noticias.png');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: 200% auto;
		background-position: 25% 0px;
	}
		.noticias>div{
			background: rgba(0, 0, 0, 0.5);
			height: 100%;
			float: left;
			padding: 40px 0px;
		}
			/*Titulos*/
			.noticias div.titulos{
				margin: 0px;
				padding: 0px;
			}
			.noticias h1{
				color: #FFFFFF;
				font-family: 'Helvetica Neue 77 Bold';
				font-size: 30px;
				text-transform: uppercase;
				margin: 0px;
				padding: 0px;
			}
				.noticias h2{
					color: #FFFFFF;
					font-family: 'Helvetica Neue';
					font-size: 14px;
					margin-top: 10px;
				}
				.noticias hr{
					width: 30px;
					border-bottom: 1px solid #FFFFFF;
					float: left;
					margin-top: 0px;
				}
			
			/*Noticias*/
			.noticiasSlider{
				float: left;
				clear: both;
			}

			/*Efectos preestablecidos del slider y fixes para adaptarlo a lo que se quiere*/
			.noticiasSlider{
				width: 50%;
				transform: scale(2, 2) translate(25%, 0px);
				margin-top: 50px;
				padding-bottom: 3px;
			}
				.noticiasSlider .slick-list{
					overflow: hidden;					
				}
				.noticiasSlider .slick-slide{
					transition: all ease-in-out .3s;
				}
					.noticiasSlider .slick-current {
						opacity: 1;
					}

			/*Flechas*/
			.noticiasSlider .slick-arrow{
				top: -20px;
				left: auto;
				width: 15px;
				height: 15px;
				border: 1px solid #FFFFFF;
			}
			.noticiasSlider .slick-arrow:hover,
			.noticiasSlider .slick-arrow:focus{
				background: #FFFFFF;
				border-radius: 5px;
			}
				.noticiasSlider .slick-arrow::before{
					color: #FFFFFF !important;
					font-family: 'Helvetica Neue';
					font-size: 8px;
					line-height: 14px;
					font-weight: bold;
				}
				.noticiasSlider .slick-arrow:hover::before,
				.noticiasSlider .slick-arrow:focus::before{
					color: #333333 !important;
				}
			.noticiasSlider .slick-prev{
				right: 20px;
			}
			.noticiasSlider .slick-next{
				right: -5px;
			}

			.noticiasSlider a{
				float: left;
				margin: 0px;
				padding: 0px 5px 0px;
				margin-top: 20px;
				text-align: center;
				text-decoration: none;
			}
				.noticiasSlider a.noticia img{
					width: 100%;
				}
				.noticiasSlider a.noticia:hover img,
				.noticiasSlider a.noticia:focus img{
					transform: scale(1.03);
					border-radius: 5px;
				}
				.noticiasSlider a.noticia h3{
					color: #FFFFFF;
					background: #FFB606;
					font-family: 'Helvetica Neue';
					font-size: 9px;
					width: fit-content;
					margin: 0 auto;
					padding: 7px 15px 5px;
					margin-top: -5px;
					z-index: 99;
					position: relative;
				}
				.noticiasSlider a.noticia:hover h3,
				.noticiasSlider a.noticia:focus h3{
					border-bottom-left-radius: 10px;
					border-bottom-right-radius: 10px;

					border-top-left-radius: 5px;
					border-top-right-radius: 5px;
				}

/*Testimonios*/
	.testimonios{
		margin-top: 30px;
		overflow: hidden;
	}
		/*Titulos*/
		.testimonios>h1{
			font-family: 'Helvetica Neue 77 Bold';
			font-size: 30px;
			text-align: center;
			color: #333333;
			text-transform: uppercase;
			margin-bottom: 0px;
		}
		.testimonios h2{
			font-family: 'Helvetica Neue';
			font-size: 16px;
			text-align: center;
			color: #666666;
			margin-top: 0px;
		}
		.testimonios hr{
			border: 1px solid #000000;
			width: 30px;
		}

		/*Testimonios*/
		.testimonios ol{
			position: relative;
			list-style: none;
			margin-top: 50px;
			height: 350px;
			text-align: center;
		}
			.testimonios ol li{
				width: 100px;
				height: 100px;
				margin-right: 4px;

				display: none;
			}

			/*Elemento Activo*/
			.testimonios ol li.slick-current{
				display: inline;
			}
				/*Cada Testimonio*/
				/*Inactivos*/
				.testimonios ol li img{
					width: 75px;
					height: 75px;
					border-radius: 90px;
					margin: 0 auto;
				}
				.testimonios ol li div{
					display: none;
				}

				/*Elemento Activo*/
				.testimonios ol li.slick-current img{
					transform: scale(1.2);
				}
				.testimonios ol li.slick-current div{
					display: block;
					position: absolute;
					/*width: inherit;*/
					margin-left: -84px;
					padding: 0px 15px;
				}
					.testimonios ol li.slick-current h6{
						font-family: 'Helvetica Neue 77 Bold';
						color: #000000;
						font-size: 18px;
						text-align: center;
						margin-top: 40px;
					}
					.testimonios ol li.slick-current h5{
						font-family: 'Helvetica Neue 77 Bold';
						color: #999999;
						font-size: 14px;
						text-align: center;
						text-transform: uppercase;
					}
					.testimonios ol li.slick-current p{
						font-family: 'Helvetica Neue 77 Bold';
						color: #666666;
						font-size: 14px;
						margin-top: 30px;
						text-align: center;
					}

/*Suscribirse*/
	.suscribirse{
		background: url(../img/suscribirse.png) 65% 0px no-repeat;
		height: 340px;
		background-size: 100% 100%;
	}
		.suscribirse h1{
			font-family: 'Helvetica Neue';
			font-size: 16px;
			text-align: center;
			color: #666666;
			margin-top: 120px;
		}
		.suscribirse form{
			float: left;
			clear: both;
			width: 100%;
			text-align: center;
			margin-top: 50px;
			position: relative;
		}
			.suscribirse form input[type='email']{
				border-top: 2px solid #e5e5e5;
				border-bottom: 2px solid #e5e5e5;
				border-left: 2px solid #e5e5e5;
				border-radius: 2px;
				padding: 10px 0px 5px 10px;
			}
			.suscribirse form i{
				float: left;
				margin-top: 10px;
				position: absolute;
				z-index: 99;
				font-size: 18px;
				color: #CCCCCC;
				top: -60px;
				left: 0px;
			}
			.suscribirse form button{
				background: #ffb606;
				border: 0px none;
				padding: 14px 20px 8px 15px;
				/*margin-left: 16px;*/
				text-transform: uppercase;
				color: #333333;
				font-family: 'Helvetica Neue 77 Bold';
				font-size: 12px;
				position: relative;
				z-index: 999;
			}
			.suscribirse form button:hover,
			.suscribirse form button:focus{
				color: #FFFFFF;
				font-size: 13px;
				padding: 13px 20px 8px 12px;
			}

/*Pie de pagina*/
	footer{
		background: #111111;
		width: 100% !important;
		padding: 0px !important;
		float: left;
	}
		/*Navegacion*/
		.infoCel{
			display: block;

			height: 45px;
			color: #FFFFFF;
			text-align: center;
			border-bottom: 1px solid #FFFFFF;
			background: #000000;
			border: 0px none;
			width: 100%;
			padding: 8px 0 5px 0;
			font-size: 16px;
		}
			.infoCel i{
				margin-left: 15px;
				font-size: 18px;
			}
			.rotate180{
				transform: rotate(180deg);
			}
		footer ol{
			list-style: none;
			display: none;
		}
			footer ol li{
				display: inline-block;
				float: left;
				padding: 10px 0px;
			}
			footer ol li:nth-child(1){
				padding: 30px 4%;
				margin-left: 6%;
			}
				footer ol li img{
					width: 200px;
					padding: 0px 20px;
					margin-bottom: 20px;
				}
				footer ol li a,
				footer ol li p{
					color: #9c9b9a;
					font-family: 'Helvetica Neue';
					font-size: 14px;
					float: left;
					clear: both;
					line-height: 35px;
					text-decoration: none;
				}
				footer ol li a:hover,
				footer ol li a:focus{
					color: #FFFFFF;
					text-decoration: none;
				}
					footer ol li a i{
						margin-right: 10px;
						margin-top: 7px;
						float: left;
					}
					footer ol li a b{
						font-family: 'Helvetica Neue 77 Bold';
					}
				/*Primer link de la columna*/
				footer ol li a:nth-child(1),
				footer ol li p:nth-child(1){
					font-family: 'Helvetica Neue 77 Bold';
					color: #FFFFFF;
					text-transform: uppercase;
					margin-bottom: 20px;
				}
				footer ol li a:nth-child(1):hover,
				footer ol li a:nth-child(1):focus{
					text-decoration: underline;
				}

			/*Redes Sociales*/
			footer ol li:nth-child(1) a:nth-child(4),
			footer ol li:nth-child(1) a:nth-child(5),
			footer ol li:nth-child(1) a:nth-child(6),
			footer ol li:nth-child(1) a:nth-child(7){
				float: left;
				clear: none;
				width: 30px;
				height: 30px;
				border: 1px solid #CCCCCC;
				border-radius: 30px;
				margin-right: 10px;
				padding: 0 0 0 8px;
				text-align: center;
				margin-top: 30px;
			}
			footer ol li:nth-child(1) a:nth-child(4):hover,
			footer ol li:nth-child(1) a:nth-child(5):hover,
			footer ol li:nth-child(1) a:nth-child(6):hover,
			footer ol li:nth-child(1) a:nth-child(7):hover,
			footer ol li:nth-child(1) a:nth-child(4):focus,
			footer ol li:nth-child(1) a:nth-child(5):focus,
			footer ol li:nth-child(1) a:nth-child(6):focus,
			footer ol li:nth-child(1) a:nth-child(7):focus{
				border-color: #FFFFFF;
			}
			footer ol li:nth-child(1) a:nth-child(4){
				clear: both;
			}

			/*Mapa*/
			footer ol li iframe{
				width: 160px;
				height: 160px;
				border: 0px none;
				float: left;
				clear: both;
				border-radius: 30px;
			}
			footer ol li iframe:hover,
			footer ol li iframe:focus{
				transform: scale(1.02);
			}


		/*Pie*/
		footer div:nth-child(3){
			border-top: 5px solid #002036;
			border-bottom: 5px solid #002036;
			width: 100%;

			background: #00699d;
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%, #099dc7), color-stop(100%, #00699d));
			background: -webkit-radial-gradient(center, ellipse cover, #099dc7 50%, #00699d 100%);
			background: -moz-radial-gradient(center, ellipse cover, #099dc7 50%, #00699d 100%);
			background: -ms-radial-gradient(center, ellipse cover, #099dc7 50%, #00699d 100%);
			background: -o-radial-gradient(center, ellipse cover, #099dc7 50%, #00699d 100%);
			background: radial-gradient(ellipse at center, #099dc7 50%, #00699d 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099dc7', endColorstr='#00699d', GradientType=1 );
		}
			footer div:nth-child(3) h1{
				text-align: center;
				font-family: 'Helvetica Neue';
				font-size: 16px;
				color: #FFFFFF;
				letter-spacing: 1px;
				line-height: 20px;
			}

		/*Firma*/
		footer div:nth-child(4){
			text-align: center;
			border-top: 10px solid #000000;
			border-bottom: 20px solid #000000;
			background: #FFFFFF;
			padding: 10px 0px;
		}
			footer div:nth-child(4) a b{
				font-family: 'Helvetica Neue';
				font-size: 12px;
				color: #333333;
			}
			footer div:nth-child(4) a img{
				margin-left: 10px;
			}



/*Responsive (lo anterior a esto es para telefonos)*/
	@media screen and (min-width: 768px){
	/*Header Cinta Negra*/
		.blackHead{
			padding: 0px 60px;
			font-size: 14px;
		}
			.blackHead ol li:nth-child(1){
				display: block;
			}
			.blackHead ol li:nth-child(2){
				margin-left: auto;
			}
			.blackHead ol li:nth-last-child(1){
				display: none;
			}

			.blackHead ol li:nth-child(4),
			.blackHead ol li:nth-child(5),
			.blackHead ol li:nth-child(6),
			.blackHead ol li:nth-child(7){
				display: block;
			}
	/*Logo Head*/
		.logoHead{
			width: 19%;
			position: initial;
			background: rgba(0, 0, 0, 0.5);
			box-shadow: none;
			display: block;
		}
	/*Navegacion Head*/
		.top-nav{
			position: absolute;
			float: none;
			top: 0px;
			padding: 10px 20px;
			background: rgba(0, 0, 0, 0.5);
			box-shadow: none;
			display: block;
		}
		.hamb{
			display: none;
		}
		.top-nav li a:hover,
		.top-nav li a:focus {
			padding: 3px;
			margin: 0px -3px;
		}
	/*bg-main*/
		.bg-main{
			height: 430px;
			background-position: center 40px;
			background-size: 100% auto;
			overflow: visible;
		}
	/*Main-banner*/
		.main-banner{
			bottom: 107px;
			width: auto;
		}
			.main-banner h1{
				font-size: 30px;
			}
			.second-banner div a h1{
				font-size: 40px;
			}
			.second-banner div a h2{
				font-size: 16px;
			}
			.second-banner div a p{
				font-size: 10px;
			}
			.second-banner div img:nth-child(4){
				width: 100px;
				left: -39px;
				top: -14px;
				display: block;
			}
			.second-banner div img:nth-child(5){
				width: 90px;
				right: -39px;
				top: 3px;
				transform: scaleX(1);
			}
	/*Second-banner*/
		.second-banner{
		}
	/*Banner*/
		.banner{
			height: 125px;
			background-size: 150% auto;
			background-position: 0% 0%;
		}
			.banner h1{
				font-size: 20px;
			}
				.banner h1 b{
					font-size: 30px;
				}
			.banner h2{
				font-size: 24px;
			}
			.banner button{
				top: 45px;
				right: 25px;
			}
	/*Lenguaje*/
		.lenguaje ol li:nth-child(1) a{
			font-size: 30px;
			top: 20px;
		}
		.lenguaje ol li a:hover,
		.lenguaje ol li a:focus{
			border-bottom: 2px solid #ffb606;
		}
	/*Cursos*/
		.cursos ol li div img{
			top: 40%;
		}
		.cursos ol li div a,
		.cursos ol li div p{
			padding: 10px 10px;
		}
	/*Registro*/
		.registro{
			background-size: 100% auto;
			background-position: 100% 0px;
			height: 500px;
		}
			.registro h1{
				font-size: 22px;
			}
			.registro h2{
				font-size: 50px;
			}
			.registro ol li p{
				font-size: 38px;
			}
			.registro ol li small{
				top: 50px;
				font-size: 14px;
			}
		.registro .box1{
			padding: 120px 0 0px;
		}
		.registro .box2{
			border-bottom: 0px none;
		}
			.registro .box2 img{
				top: -59px;
				left: 20%;
				width: 65%;
			}
			.registro .box2 h1{
				padding-top: 45px;
				font-size: 16px;
			}
	/*Eventos*/
		.eventos nav.listaEventos a h6{
			font-size: 70px;
		}
		.eventos nav.listaEventos a h5{
			font-size: 26px;
		}
	/*Noticias*/
		.noticias{
			height: 500px;
			background-size: 100% auto;
			background-position: 100% 0%;
		}
		.noticias>div{
			padding: 70px 40px;
		}
		.noticias a.noticia{
			display: block;
		}
	/*Testimonios*/
		.testimonios ol{
			height: 300px;
		}
		/*Elemento activo*/
		.testimonios ol li.slick-current div{
			width: 590px;
			margin-left: -240px;
			padding: 0px;
		}
	/*Cada Testimonio*/
		.testimonios ol li:nth-child(1),
		.testimonios ol li:nth-child(2),
		.testimonios ol li:nth-child(3),
		.testimonios ol li:nth-child(4),
		.testimonios ol li:nth-child(5){
			display: inline;
		}
	/*Suscribirse*/
		.suscribirse h1{
			margin-top: 150px;
		}
		.suscribirse form i{
			top: 0px;
			position: relative;
			top: -1px;
			left: auto;
		}
	/*Footer Negro*/
		.infoCel{
			display: none;	
		}
		footer ol{
			display: block;
		}
		footer ol li{
			padding: 70px 0px;
		}
		footer ol li:nth-child(1){
			padding: 30px 1%;
			margin-left: auto;
		}
		footer ol li img{
			width: 100%;
		}
	}

	@media screen and (min-width: 992px){
	/*Main-banner*/
		.main-banner{
			bottom: 215px;
		}
	/*bg-main*/
		.bg-main{
			height: 630px;
		}
			.main-banner{
				bottom: 115px;
			}
				.main-banner h1{
					font-size: 50px;
				}
				.second-banner div a h1{
					font-size: 50px;
				}
				.second-banner div a h2{
					font-size: 18px;
				}
				.second-banner div a p{
					font-size: 11px;
				}
				/*Main-banner*/
				.second-banner div img:nth-child(4){
					left: -72px;
					top: -3px;
				}
				.second-banner div img:nth-child(5){
					right: -54px;
					top: 9px;
				}
	/*Info Fondo Head*/
		.second-banner img:nth-child(4){
			top: -23px;
		}
	/*Banner*/
		.banner{
			height: 140px;
			background-size: 122% auto;
		}
			.banner h1{
				font-size: 26px;
			}
			.banner h2{
				font-size: 30px;
			}
			.banner button{
				top: 55px;
			}
	/*Cursos*/
		.cursos ol li div img{
			top: 50%;
		}
		.cursos ol li div a,
		.cursos ol li div p{
			padding: 10px 15px;
		}
	/*Registro*/
		.registro h1{
			font-size: 26px;
		}
		.registro h2{
			font-size: 76px;
		}
		.registro ol li p{
			font-size: 50px;
		}
		.registro ol li small{
			top: 65px;
			font-size: 16px;
		}
		.registro .box2 img{
			top: -78px;
			left: 25%;
			width: auto;
		}
		.registro .box2 h1{
			padding-top: 50px;
			font-size: 18px;
		}
	/*Noticias*/
		.noticias>div{
			padding: 70px 80px;
		}
	/*Testimonios*/
		.testimonios ol{
			height: 350px;
		}
		/*Elemento activo*/
		.testimonios ol li.slick-current div{
			margin-left: -251px;
		}
	/*Footer Negro*/
		footer ol li:nth-child(1){
			padding: 30px 4%;
			margin-left: 6%;
		}
		footer ol li img{
			width: 200px;
		}
	/*Footer*/
		footer ol li:nth-child(1){
			padding: 30px 1%;
			margin-left: 2.5%;
		}
	}

	@media screen and (min-width: 1200px){
	/*Footer*/
		footer ol li:nth-child(1){
			padding: 30px 5%;
			margin-left: 6%;
		}
	/*Testimonios*/
		/*Elemento activo*/
		.testimonios ol li.slick-current div{
			margin-left: -236px;
		}
	}
	
	/*Video YT*/
	.videoWrapper {
				position: relative;
				padding-bottom: 56.25%; /* 16:9 */
				padding-top: 25px;
				height: 0;
				top: 40px;
				clear: both;
			}
			.videoWrapper iframe {
				position: absolute;
				width: 70%;
				height: 70%;
				left: 50%;
				transform: translateX(-50%);
				text-align: center;
			}
			@media only screen and (max-width: 768px) {
				.videoWrapper iframe {
					width: 95%;
					height: 95%;
				}
			}

			.disabled{
				background: gray !important;
				background-color: gray !important;
				cursor: not-allowed;
			}