@charset "utf-8";
*{outline:none !important}
html{height:100%;}
body{
	font-family: 'PT Sans', sans-serif;
	font-size:16px;	
	color:#777777;
	min-width:320px;
	margin:auto;
	background:#fff;
	line-height:normal;
}

.container{font-family: 'PT Sans', sans-serif; line-height:normal;}


#logoTop{
	position: relative;
}
#logoTop > a{
	display: inline-block;
	margin: 20px;
}

#header{margin:auto; width:100%; background:#fba921; z-index:10}
#header .container{position:relative}

/*Menu*/
.menu{display:block;  text-align: center;}
.menu ul{display:block; text-align:inherit;}
.menu li{display:block; float: left;text-align:center; overflow:hidden;}
.nav > li > a{
    font-family: 'Lato', sans-serif; 
    color:#fff; 
    display:block; 
    line-height:normal; 
    text-transform:uppercase;
    transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;
    font-weight:400; 
    font-size:20px; 
    padding:20px 25px; 
	position:relative; 
	background:none;
}
.nav > li > a:hover,
.nav > li > a.active{
	background: #fdd490;
}


@media (min-width:1600px) {
	#logo{position:relative; left:5%;}
}
/*Redes*/
#redes{position:absolute; top:15px; right:15px}
#redes a{
	text-align:center;
	margin-left: 15px;
	display: inline-block;
	color: #FFF;
	padding: 5px;
	font-size: 24px
}
#redes a:first-child{margin-left: 0}
@media (min-width:768px) {
	body.fixed #header{position:fixed; top:0;}
}

#topLogin{
	position: absolute;;
	top: 25px;
	right: 0;
}

/*Footer*/
#footer{
	text-align:left;
	background:#eb2c58;	
}
#footer .container{color:#cdcbcb; padding:25px 15px; text-align:inherit; position:relative}
#footer .tfooter{
	font-family:"Lato", sans-serif;
	font-size:18px;
	color:#d7d2d2;
	font-weight:600;
	line-height:normal;
}


.datFooter{font-family:"Lato", sans-serif; font-size:35px; padding-top:5px;color: #000 !important}
#logof figure{max-width:379px; margin: auto}
#logof img{ width: 100%; height: auto; margin: auto}






.rd-mobilepanel #logo{top:0; margin:auto; padding:4px 0 0; left:50%; margin-left:-142px; position:relative; width:215px; height:auto}
.rd-mobilepanel #logo img{width:100%; height:auto}




#wrap{overflow: hidden}

/* PARALLAX SECTION
-------------------------------------------------------------- */
.parallax-box { position:relative; overflow: hidden; }
.parallax-box .container{z-index:2; position:relative}
.parallax-box .region {
	position:relative;
	z-index:9;
}
.parallax-bg {
	bottom:0;
	height:100%;
	left:0;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	z-index:1
}
.parallax-bg-inner {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	max-width:none;
	position:relative;
}
/* PARALLAX SECTION END
-------------------------------------------------------------- */


section#historia{
	padding: 50px 0;
}



.titHistoriaHome{
	font-size: 40px;
	color: #eb2c58;
	text-align: center;
	line-height: normal;
	font-weight: 600;
	position: relative;
	padding: 20px 0;
	margin-bottom: 35px
}
.titHistoriaHome:before{
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	height: 1px;
	background: #a07661;
	width: 260px;
	left: 50%;
	transform: translateX(-50%);
}

.textHistoriaHome{
	font-size: 20px;
	max-width: 800px;
	margin: auto;
	color: #000000;
	text-align: center
}

#bloquesIni img{
	display: block;
	width: 100%;
	height: auto;
}
#bloquesIni article{
    font-family: 'Lato', sans-serif;	
	color: #000;
	line-height: normal;
	padding-bottom: 35px
}
#bloquesIni article .tit{
	font-size: 22px;
	text-align: center;
	padding: 15px 0;
	text-transform: uppercase;
}

#bloquesIni article .text{
	font-size: 16px;
	padding: 15px 0;
	text-align: center;
	min-height: 110px
}


#cursos{
	background:url("../images/inicio/parallax1.jpg");
}
.titCursos{
	text-align: center;
	background: #fba921;
	color: #FFF;
	font-size: 45px;
	line-height: normal;
	padding: 35px 15px;
	font-weight: 600
}
#cntCursos{
	padding-top: 50px
}
#cursos article{
	color: #eb2c58;
	font-size: 18px;
	padding-bottom: 35px
}
#cursos article img{
	display: block;
	width: 100%;
	height: auto;
		
}
#cursos article .tit{
	text-align: center;
	padding: 15px 0;
	font-size: 28px;
}
#cursos article .text{
	padding: 0 0 15px;
}


#bannerTop img{
	display: block;
	height: auto;
	width: 100%;
}

#cursosPersonales{
	padding: 45px 0;
}
#cursosPersonales .titCursosPers{
	text-align: center;
	font-size: 28px;
	color: #eb2c58;
	line-height: normal;
	font-weight: 400;
	padding: 0 15px 10px
}
#cursosPersonales .titCursosPers b{
	display: block;
	font-size: 31px;
}

#cursosPersonales article{
	display: flex;
	align-items: center;
	height: 110px;
	font-size: 25px;
	color: #000000;
	position: relative;
	padding: 10px 15px 10px 130px;
	background: #ececec;
	margin-top: 35px;
}
#cursosPersonales article figure{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 125px;
}
#cursosPersonales article figure.ico1{
	background: url("../images/personales/ico1.png") center center no-repeat;
}
#cursosPersonales article figure.ico2{
	background: url("../images/personales/ico2.png") center center no-repeat;
}
#cursosPersonales article figure.ico3{
	background: url("../images/personales/ico3.png") center center no-repeat;
}
#cursosPersonales article figure.ico4{
	background: url("../images/personales/ico4.png") center center no-repeat;
}
#cursosPersonales article figure.ico5{
	background: url("../images/personales/ico5.png") center center no-repeat;
}
#cursosPersonales article figure.ico6{
	background: url("../images/personales/ico6.png") center center no-repeat;
}

#btnCreaCuenta{
	display: inline-block;
	background: #eb2c58;
	color: #FFF;
	font-size: 18px;
	padding: 13px 20px;
	margin: 0 auto 35px;
	cursor: pointer;
	text-decoration: none !important
}


#titMembresia{
	text-align: center;
	font-size: 45px;
	padding: 40px 15px;
	line-height: normal;
	font-weight: 600;
	background: #fba921;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1.6px
}

#parallax2{
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
#parallax2 div{
	font-size: 35px;
	text-align: center;
	color: #FFF;
	padding: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
#parallax2 figure{
	display: block;
}
#parallax2 img{
	display: block;
	width: 100%;
	height: auto;
}
/*#parallax2 .tit{
	text-align: center;
	color: #eb2c58;
	font-size: 40px;
	line-height: normal;
	padding: 25px 0;
	font-weight: 600
}
#parallax2 .text{
	text-align: center;
	color: #fff;
	font-size: 25px;
	line-height: normal;
	margin: auto;
	display: table-cell;
	height: 700px;
	vertical-align: middle;
	width: 1000px;
}*/

#parallaxDucit{
	/*background:url("../images/inicio/img.jpg") center center;*/
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
#parallaxDucit div{
	font-size: 35px;
	text-align: center;
	color: #FFF;
	padding: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
#parallaxDucit figure{
	display: block;
}
#parallaxDucit img{
	display: block;
	width: 100%;
	height: auto;
}

#cursosPers .item{
	
}
#cursosPers .item:before,
#cursosPers .item:after{
	display: block;
	content: "";
	clear: both
}
#cursosPers #item1{
	background: url("../images/personales/curso1.jpg") left center no-repeat;
}
#cursosPers #item2{
	background: url("../images/personales/curso2.jpg") left center no-repeat;
}
#cursosPers #item3{
	background: url("../images/personales/curso3.jpg") left center no-repeat;
}
#cursosPers #item4{
	background: url("../images/personales/curso4.jpg") left center no-repeat;
}
#cursosPers .der{
	height: 600px;
	float: right;
	background: #eb2c58;
	width: 50%;
	display: flex;
	align-items: center;
	color: #FFF;
	padding: 25px 15px;
	position: relative;
}
/*#cursosPers .der .curva{
	display: block;
	position: absolute;
	left: -290px;
	top: 0;
	width: 326px;
	height: 100%;
	background-size: 100% 100% !important;
	z-index: 1
}
#cursosPers #item1 .curva{
	background: url("../images/personales/b1.svg") 0 0 no-repeat;
}
#cursosPers #item2 .curva{
	background: url("../images/personales/b2.svg") 0 0 no-repeat;
}
#cursosPers #item3 .curva{
	background: url("../images/personales/b3.svg") 0 0 no-repeat;
}*/
#cursosPers .der .cnt{
	max-width: 549px;
	width: 100%;
	margin: auto;
	position: relative;
	z-index: 2
}
#cursosPers .tit{
	font-size:29px;
}
#cursosPers .lblProxFecha{
	line-height: normal;
	padding: 25px 0;
	font-size: 21px
}
#cursosPers .text{
	font-size:20px;
}
#cursosPers .cntPrecio{
	font-size: 21px;
	position: relative;
	line-height: normal;
	padding: 20px 0;
}
.btnInformes{
	display: block;
	background: #54be90;
	color: #FFF !important;
	padding: 8px 20px;
	position: absolute;
	right: 0;
	top: 10px;
	text-transform: uppercase;
	text-decoration: none !important
}


#cursosEmpresariales{
	padding: 45px 0;
}
#cursosEmpresariales .titCursosPers{
	text-align: center;
	font-size: 28px;
	color: #eb2c58;
	line-height: normal;
	font-weight: 400;
	padding: 0 15px 10px
}
#cursosEmpresariales .titCursosPers b{
	display: block;
	font-size: 31px;
}
#cursosEmpresariales article{
	display: flex;
	align-items: center;
	height: 110px;
	font-size: 25px;
	color: #000000;
	position: relative;
	padding: 10px 15px 10px 130px;
	background: #ececec;
	margin-top: 35px;
}
#cursosEmpresariales article figure{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 126px;
}
#cursosEmpresariales article figure.ico1{
	background: url("../images/empresariales/ico1.png") center center no-repeat;
}
#cursosEmpresariales article figure.ico2{
	background: url("../images/empresariales/ico2.png") center center no-repeat;
}
#cursosEmpresariales article figure.ico3{
	background: url("../images/empresariales/ico3.png") center center no-repeat;
}
#cursosEmpresariales article figure.ico4{
	background: url("../images/empresariales/ico4.png") center center no-repeat;
}
#cursosEmpresariales article figure.ico5{
	background: url("../images/empresariales/ico5.png") center center no-repeat;
}
#cursosEmpresariales article figure.ico6{
	background: url("../images/empresariales/ico6.png") center center no-repeat;
}


#cursosEmp .item{
	
}
#cursosEmp .item:before,
#cursosEmp .item:after{
	display: block;
	content: "";
	clear: both
}
#cursosEmp #item1{
	background: url("../images/empresariales/curso1.jpg") right center no-repeat;
}
#cursosEmp #item2{
	background: url("../images/empresariales/curso2.jpg") right center no-repeat;
}
#cursosEmp #item3{
	background: url("../images/empresariales/curso3.jpg") right center no-repeat;
}
#cursosEmp .izq{
	height: 600px;
	float: left;
	background: #354894;
	width: 50%;
	display: flex;
	align-items: center;
	color: #FFF;
	padding: 25px 15px;
	position: relative;
}
/*#cursosEmp .izq .curva{
	display: block;
	position: absolute;
	right: -290px;
	top: 0;
	width: 326px;
	height: 100%;
	background-size: 100% 100% !important;
	z-index: 1
}
#cursosEmp #item1 .curva{
	background: url("../images/empresariales/b1.svg") 0 0 no-repeat;
}
#cursosEmp #item2 .curva{
	background: url("../images/empresariales/b2.svg") 0 0 no-repeat;
}
#cursosEmp #item3 .curva{
	background: url("../images/empresariales/b3.svg") 0 0 no-repeat;
}*/
#cursosEmp .izq .cnt{
	max-width: 660px;
	margin: auto;
	position: relative;
	z-index: 2
}
#cursosEmp .tit{
	font-size:29px;
}
#cursosEmp .lblProxFecha{
	line-height: normal;
	padding: 25px 0;
	font-size: 21px
}
#cursosEmp .text{
	font-size:20px;
}
#cursosEmp .cntPrecio{
	font-size: 21px;
	position: relative;
	line-height: normal;
	padding: 20px 0;
}


#bgRegistro{
	background: url('../images/bgRegistro.jpg') center center no-repeat;
	padding: 100px 15px;
}
#cntFormRegistro{
	background: rgba(255,255,255,0.37);
	padding: 40px 0;
	max-width: 540px;
	margin: auto;
}
#cntFormRegistro .tit{
	text-align: center;
	font-size: 36px;
	line-height: normal;
	color: #FFF;
	margin-bottom: 30px
}
#frmRegistro,
#frmLogin{
	max-width: 416px;
	margin: auto;
}
.divForm{
	position: relative;
	padding-left: 67px;
	margin-bottom: 35px;
}
.divForm span{
	position: absolute;
	left: 0;
	top: 0;
	width: 67px;
	height: 38px
}
.divForm span.icoNombre{
	background: url('../images/icoNombre.png') 0 bottom no-repeat;
}
.divForm span.icoCorreo{
	background: url('../images/icoCorreo.png') 0 bottom no-repeat;
}
.divForm span.icoCurso{
	background: url('../images/icoCurso.png') 0 bottom no-repeat;
}


.divForm input,
.divForm select{
	display: block;
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: solid 2px #FFF;
	color: #FFF;
	font-size: 15.5px;
	font-family: "Lato", serif;
	line-height: normal;
	height: 40px;
	text-transform: uppercase;
}
.divForm select{
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='30' viewBox='0 0 24 24' width='30' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
}

input::-webkit-input-placeholder {opacity:  1;}
input:-moz-placeholder {opacity:  1;}
input::-moz-placeholder {opacity:  1;}
input:-ms-input-placeholder {opacity:  1;}
textarea::-webkit-input-placeholder {opacity:  1;}
textarea:-moz-placeholder {opacity:  1;}
textarea::-moz-placeholder {opacity:  1;}
textarea:-ms-input-placeholder {opacity:  1;}
input:focus::-webkit-input-placeholder {opacity:0.5}
input:focus:-moz-placeholder{opacity:0.5}
input:focus::-moz-placeholder{opacity:0.5}
input:focus:-ms-input-placeholder{opacity:0.5}
textarea:focus::-webkit-input-placeholder{opacity:0.5}
textarea:focus:-moz-placeholder{opacity:0.5}
textarea:focus::-moz-placeholder{opacity:0.5}
textarea:focus:-ms-input-placeholder{opacity:0.5}

#frmRegistro input[type="submit"],
#frmLogin input[type="submit"]{
	display: inline-block;
	background: #eb2c58;
	color: #FFF;
	width: 140px;
	height: 40px;
	text-transform: uppercase;
	text-align: center;
}


#bannerContacto{
	background: url('../images/bannerContacto.jpg') center no-repeat;
	height: 583px
}
#bgContacto{
    background: #fff;
}
.titContacto{
    text-align: center;
    color: #FFF;
    font-size: 50px;
    padding: 70px 0 20px;
    font-style: italic;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
section#contacto{min-height:100px;}
#contacto h4{color:#eb2c58; font-size:38px; text-align:center; margin:0 auto 40px; padding:45px 0 10px; line-height:normal; position:relative; font-weight:600;font-family: 'Lato', sans-serif;}
#frmContacto{padding-bottom:55px}
#frmContacto .row .col-sm-6,
#frmContacto .row .col-sm-8{position:relative; min-height:44px; margin-bottom:35px}
#frmContacto input[type=text],
textarea{display:block; width:100%; border:solid 2px #ededed; background:#ededed; padding:8px 15px; height:inherit; color:#000; font-size:20px;}

textarea{height:200px; line-height:30px}
#frmContacto input[type=submit]{
	color:#fff; 
	font-family: 'Lato', sans-serif; 
	text-align:center; 
	font-size:17px; 
	text-transform:uppercase;
	background: #eb2c58;
	width: 145px;
	height: 60px;
	font-weight: 600
}


#divHistoria{
	padding: 45px 0 5px;
}


.titHistoria{
	font-size: 40px;
	color: #fff;
	text-align: center;
	line-height: normal;
	font-weight: 600;
	position: relative;
	padding: 20px 15px;
	background: #fba921;
	font-family: "Lato", serif;
}
.tbl{
	display: table;
}
.tr{
	display: table-row;
}
.td{
	display: table-cell;
	vertical-align: middle;
}


#bloqsHistoria .td{
	width: 50%;
	background-position: center center;
	background-repeat: no-repeat;
}
#bloqsHistoria .tdImg figure{
	min-height: 593px
}
#bloqsHistoria .tdImg img{
	display: block;
	width: 100%;
	height: auto;
}
#bloqsHistoria .tdText{
	padding: 15px 20px;
}
#bloqsHistoria .text{
	font-size: 22px;
	color: #000000;
	text-align: justify;
	max-width: 764px;
	margin: auto;
}


#divHistoria .titHistoria{
	text-align: center;
	font-size: 24px;
	color: #eb2c58;
	line-height: normal;
	font-weight: 400;
	padding: 0 15px 25px
}
#divHistoria .titHistoria b{
	display: block;
	font-size: 31px;
}
#divHistoria .titHistoria div{
	font-size: 75%;
	padding-top: 20px
}

#textoHistoria{
	background: #3f54a5
}
#textoHistoria .container{
	font-size: 20px;
	margin: auto;
	color: #fff;
	text-align: justify;
	max-width: 940px;
	padding: 55px 15px
}
#imgHistoria{
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
#imgHistoria div{
	font-size: 35px;
	text-align: center;
	color: #FFF;
	padding: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
#imgHistoria figure{
	display: block;
}
#imgHistoria img{
	display: block;
	width: 100%;
	height: auto;
}


#serviciosPersonales{
	padding: 35px 0;
}
#serviciosPersonales .tit{
	text-align: center;
	font-size: 46px;
	color: #eb2c58;
	line-height: normal;
	font-weight: 600;
	padding: 40px 0 55px
	
}

#serviciosPersonales .tbl{
	display: table;
	margin: 0 -40px
}
#serviciosPersonales .tr{
	display: table-row;
}
#serviciosPersonales .td{
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding: 0 40px
}
#serviciosPersonales .titServ{
	position: relative;
	font-size: 30px;
	color: #54be90;
	height: 68px;
	line-height: 68px;
	padding: 0 0 0 98px;
	font-family: "Lato", serif;
	font-weight: 600,
}
#serviciosPersonales .titServ figure{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#serviciosPersonales .titServ img{
	display: block;
}
#serviciosPersonales .text{
	position: relative;
	font-size: 22px;
	color: #000;
	font-family: "Lato", serif;
	line-height: normal;
	font-weight: 300;
	padding: 25px 0 100px;
	text-align: justify;
}

#serviciosPersonales.serviciosEmpresariales .titServ{
	color: #5f85c3;
}