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

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Work+Sans:400,300,500,600,700);
/*Modal1*/

.oculto{
display: none;

}
.ventana{
    width: 100%;
    height: 100%;
    color: #fff;
    display: none;
    position: fixed;
    background: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    z-index: 50;
}
.contenido{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 25px 30px;
    width: 85%;
    height: 90%;
    background: rgba(255,255,255,.9);
    border-radius: 10px;
}
.header-modal{
    width: 100%;
    height: 130px;
    border-bottom: 2px  solid;
}
.cerrar{
    position: absolute;
    color: #fff;
    font-size: 21px;
    background: red;
    padding: 5.5px 12.5px;
    border-radius: 50%;
    z-index: 51;
    font-weight: 900;
   
    right: 30px;
    top: 10px;
    cursor: pointer;
}
.footer-modal{
    width: 100%;
    height: 30px;
    border-top: 2px  solid;
}
.btn-cerrar{
    position: absolute;
    color: #fff;
    font-size: 21px;
    background: red;
    padding: 5.5px 12.5px;
    border-radius: 5px;
    z-index: 51;
    font-weight: 900;
   
    right: 30px;
    bottom: 10px;
    cursor: pointer;
}
.video{
    width: 100%;
    height: 415px;
    background: black;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (max-width: 760px) {
    .video{
        background: none;
        height: 100%; 
        margin: 0;
        margin-bottom: 10px;
    }
    .contenido{
        height: 67%;
    }
}

.text-modal{
    text-align: center;
    font-size: 17px;
    color: gray
}
body{
	margin:0;
margin-top: -21px;
	padding:0;
	font-family:"Work Sans",Helvetica,Arial,sans-serif;
	font-size:1em;
	color:#666;
	overflow-x:hidden;
}

#gr-mobile-detector{
	display:block;
	width:0;
	height:0;
}

#gr-navigation-height{
	height:0;
	visibility:hidden;
	position:fixed;
	top:0;
	left:0;
	width:0;
	z-index:-1;
}

.max-width{
	margin-left:auto;
	margin-right:auto;
	width:95%;
	min-width:960px;
	max-width:1400px;
}

a,
div,
object,
embed{outline:none;}

form{margin:0;padding:0;}

section,
main,
header,
footer,
figure,
figcaption,
nav,
aside{
	display:block;
	padding:0;
	margin:0;
}

a,
a:visited,
a:active{
	color:#06C;
	text-decoration:none;
}
a:focus,
a:hover{
	text-decoration:underline;
}

a img,
a:visited img,
a:active img,
a:focus img,
a:hover img{border:none}

.just{text-align:justify;}
.indent{text-indent:2em;}

img.derecha{
	float:right;
	margin:0 0 2.5em 2.5em;
}
img.izquierda{
	float:left;
	margin:0 2.5em 2.5em 0;
}
img.borde{
	border:#ccc 1px solid;
	padding:0.25em;
	background-color:#FFF;
}

img.lazy{
	opacity:0;
	-moz-transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
	-ms-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}
img.lazy.loaded{
	opacity:1;
}


input[type=text],
input[type=email],
input[type=phone],
textarea{
	border:none;
	border-bottom:#ccc 1px solid;
	color:#333;
	font-family:'Work Sans',Helvetica,Arial,sans-serif;
	font-size:1em;
	padding:0.6em;
	display:block;
	width:100%;
	width:-moz-calc(100% - 1.2em);
	width:-webkit-calc(100% - 1.2em);
	width:-ms-calc(100% - 1.2em);
	width:-o-calc(100% - 1.2em);
	width:calc(100% - 1.2em);
	margin-bottom:1em;
	background-color:#fff;
}
textarea{
	height:6em;
}



#gr-navigation-height{
	display:block;
	position:fixed;
	top:0;
	left:0;
	height:0em;
	visibility:hidden;
	z-index:-1;
}


input[type=submit],
input[type=submit]:visited,
input[type=submit]:active{
	padding:1em;
	position:relative;
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
    background-color:#76941A;
	color:#fff;
	font-family:Montserrat,Helvetica,Arial,sans-serif;
}
input[type=submit]:before,
input[type=submit]:after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	height:100%;
	z-index:-1;
}
input[type=submit]:hover{
	background-color:#4A648C;
}
input[type=submit]:after{
	background-color:#4A648C;
	width:0%;
	-webkit-transition:width 0.3s ease;
	transition:width 0.3s ease;
	transition-delay:0s;
}
input[type=submit].inverted:before{background-color:#4A648C;}
input[type=submit].inverted:after{background-color:#76941A;}
input[type=submit]:hover:after,
input[type=submit]:focus:after{
	width:100%;
}
input[type=submit]:hover,
input[type=submit]:focus{
	text-decoration:none;
}



a.button,
a.button:visited,
a.button:active{
	padding:1em;
	position:relative;
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	font-family:Montserrat,Helvetica,Arial,sans-serif;
}
a.button:before,
a.button:after{
	position:absolute;
	top:0;
	left:0;
	content:"";
	height:100%;
	z-index:-1;
}
a.button:before{
	width:100%;
	background-color:#76941A;
}
a.button:after{
	width:0%;
	background-color:#4A648C;
	-webkit-transition:width 0.3s ease;
	transition:width 0.3s ease;
	transition-delay:0s;
}
a.button.inverted:before{background-color:#4A648C;}
a.button.inverted:after{background-color:#76941A;}
a.button:hover:after,
a.button:focus:after{
	width:100%;
}
a.button:hover,
a.button:focus{
	text-decoration:none;
}

a.mini-button,
a.mini-button:visited,
a.mini-button:active{
	color:#fff;
	display:inline-block;
	background-color:#4A648C;
	padding:0.5em;
}
a.mini-button:hover,
a.mini-button:focus{
	background-color:#76941A;
	text-decoration:none;
}

ul{
	list-style-image:url(../media/ulli.svg);
	line-height:2em;
}




#real-header{
	position:absolute;
	width:100%;
	top:2%;
	z-index:20;
}
body.inicio #real-header{
	top:2%;
}
#real-header > div{
	display:table;
	width:100%;
}
#real-header > div > *{
	display:table-cell;
	vertical-align:middle;
	width:50%;
}
#real-header > div > var{
	display:none;
	visibility:hidden;
}
#real-header > div > nav{
	text-align:left;
	white-space:pre-line;
	padding-left:6rem;
}
#real-header > div > nav > a,
#real-header > div > nav > a:visited,
#real-header > div > nav > a:active{
	font-family:Montserrat,Helvetica,Arial,sans-serif;
	font-size:0.85em;
	line-height:3.9em;
	display:inline-block;
	text-align:center;
	position:relative;
	padding:0 2em 0 2em;
	text-decoration:none;
	color:#fff;
	z-index:3;
	white-space:normal;
	text-transform:uppercase;
	font-weight:300;
	min-width:7em;
	-webkit-transition:left 0.4s ease, opacity 0.4s ease;
	transition:left 0.4s ease, opacity 0.4s ease;
	left:0;
	opacity:0;
}

#real-header > div > nav > a:hover,
#real-header > div > nav > a:focus{
	color:#fff;
	text-decoration:none;
}

#real-header > div > nav > a:nth-of-type(1){background-color:#6B92CB;transition-delay:0s}
#real-header > div > nav > a:nth-of-type(2){background-color:#4A648C;transition-delay:0.2s}
#real-header > div > nav > a:nth-of-type(3){background-color:#435B7F;transition-delay:0.4s}
#real-header > div > nav > a:nth-of-type(4){background-color:#394D6A;transition-delay:0.6s}
#real-header > div > nav > a:nth-of-type(5){background-color:#30415A;transition-delay:0.8s}
#real-header > div > nav > a:nth-of-type(6){background-color:#2C3A52;transition-delay:1.0s}
#real-header > div > nav > a:nth-of-type(7){background-color:#2C3A52;transition-delay:1.2s}
body.open #real-header > div > nav > a:nth-of-type(1){left:9em;opacity:1}
body.open #real-header > div > nav > a:nth-of-type(2){left:3em;opacity:1}
body.open #real-header > div > nav > a:nth-of-type(3){left:0em;opacity:1}
body.open #real-header > div > nav > a:nth-of-type(4){left:7em;opacity:1}
body.open #real-header > div > nav > a:nth-of-type(5){left:10em;opacity:1}
body.open #real-header > div > nav > a:nth-of-type(6){left:7em;opacity:1} /*contacto era 10em*/
body.open #real-header > div > nav > a:nth-of-type(7){left:6em;opacity:1}
#real-header > div > nav > a:after{
	position:absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
	content:"";
	z-index:-1;
	background-color:#76941A;
	-webkit-transition:width 0.3s ease;
	transition:width 0.3s ease;
	transition-delay:0s;
}

#real-header > div > nav > a:hover:after,
#real-header > div > nav > a:focus:after,
#real-header > div > nav > a.current:after{
	width:100%;
}
#real-header > div > nav > a.current:nth-of-type(1):after{
	width:0%;
}
#real-header > div > nav > a:nth-of-type(1):hover:after,
#real-header > div > nav > a:nth-of-type(1):focus:after{
	width:100%;
}

#real-header > div > div{
	text-align:right;
	padding-right:1rem;
}
#real-header > div > div > img{
	position:relative;
	right:-3em;
	opacity:0;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-wrebkit-transition-delay:0s;
	transition-delay:0s;
}
body.open #real-header > div > div > img{right:0;opacity:1}



footer{
	display:table;
	width:100%;
	height:73px;
	position:absolute;
	left:0;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
footer > div{
	display:table-cell;
	vertical-align:middle;
	height:100%;
}

footer > div:nth-child(1) > div{
	display:block;
	font-size:0.7rem;
	color:#fff;
	line-height:36px;
	background-color:#435B7F; /*#76941A;*/
	padding-left:2rem;
}
footer > div:nth-child(2){
	width:155px;
	background:transparent url(../media/logo-gray.svg) no-repeat top right;
	background-size:152px 73px;
}

footer a,
footer a:visited,
footer a:active{
	font-weight:normal;
	text-decoration:underline;
	color:#fff;
}
footer a:hover,
footer a:focus{
	font-weight:bold;
	color:#fff;
}

footer a > img{
	height:1.8em;
	width:auto;
	vertical-align:middle;
	margin-left:1em;
}

body.inicio footer{
	display:none;
	visibility:hidden;
}

main.home > div > div:before{
	display:none;
	visibility:hidden;
}


figure.billboard-top{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}


figure.billboard-top > figcaption{
	min-width:36em;
	background-color:rgba(0,0,0,0.3);
	cursor:pointer;
}
figure.billboard-top > figcaption > h1 > span{
	display:block;
	text-transform:none;
	font-size:0.9em;
}
figure.billboard-top > div.background{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:transparent;
	position:absolute;
	top:-10%;
	left:-10%;
	width:120%;
	height:120%;
	z-index:-1;
}
figure.billboard-top.quienes > div.background{background-image:url(../media/billboard-quienes-landscape.jpg)}
figure.billboard-top.servicios > div.background{background-image:url(../media/billboard-servicios-landscape.jpg)}
figure.billboard-top.cursos > div.background{background-image:url(../media/billboard-cursos-landscape.jpg)}
figure.billboard-top.contacto > div.background{background-image:url(../media/billboard-contacto-landscape.jpg)}

figure.billboard-top.controlinterno > div.background{background-image:url(../media/billboard-controlinterno-landscape.jpg)}
figure.billboard-top.auditoriainterna > div.background{background-image:url(../media/billboard-auditoriainterna-landscape.jpg)}
figure.billboard-top.certificacion > div.background{background-image:url(../media/billboard-certificacion-landscape.jpg)}
figure.billboard-top.actualizacionpld > div.background{background-image:url(../media/billboard-actualizacionpld-landscape.jpg)}
figure.billboard-top.normatividad > div.background{background-image:url(../media/billboard-normatividad-landscape.jpg)}
figure.billboard-top.calificacioncartera > div.background{background-image:url(../media/billboard-calificacioncartera-landscape.jpg)}
figure.billboard-top.analisisoperaciones > div.background{background-image:url(../media/billboard-analisisoperaciones-landscape.jpg)}
figure.billboard-top.gracias > div.background{background-image:url(../media/billboard-gracias-landscape.png)}
figure.billboard-top > div.down{
	position:absolute;
	width:100%;
	text-align:center;
	left:0;
	bottom:-5em;
	opacity:0;
	-webkit-transition:bottom 0.3s 0.9s ease, opacity 0.3s 0.9s ease;
	transition:bottom 0.3s 0.9s ease, opacity 0.3s 0.9s ease;
}
body.open figure.billboard-top > div.down{
	bottom:2em;
	opacity:1;
}

figure.billboard-top > div.down > a,
figure.billboard-top > div.down > a:visited,
figure.billboard-top > div.down > a:active{
	color:#fff;
	text-decoration:none;
}

figure.billboard-top > div.down > a > *{
	display:block;
	text-align:center;
}
figure.billboard-top > div.down > a > var{
	height:1.6em;
	background:transparent url(../media/mouse.svg) no-repeat center center;
	background-size:contain;
	margin-top:0.25em;
}

div.highlight{
	text-align:center;
	padding:1rem 0 1rem 0;
}

div.highlight > p{
	display:table;
	width:auto;
	margin:auto;
}
div.highlight > p > *{
	display:table-cell;
	vertical-align:middle;
}
div.highlight > p > var{
	vertical-align:middle;
	width:3em;
	background:transparent url(../media/info-green.svg) no-repeat left center;
	background-size:90% auto;
}

div.highlight > p > span{
	text-align:left;
	padding:0.5em 1em 0.5em 1em;
	color:#fff;
	background-color:#76941A;
	border-radius:0.2em;
}



div.elements{
	text-align:center;
}
div.elements > div{
	display:table;
	width:auto;
	margin:auto;
	max-width:80%;
}
div.elements > div > div{
	display:table-cell;
	vertical-align:top;
	text-align:center;
	padding:1rem 1.5rem 1rem 1.5rem;
}
div.elements.single > div > div{width:100%}
div.elements.duo > div > div{width:50%}
div.elements.threesome > div > div{width:33.3%}
div.elements.foursome > div > div{width:25%}

div.elements > div > div > h3{
	color:#4A648C;
	font-family:Montserrat,Helvetica,Arial,sans-serif;
	/*text-transform:uppercase;*/
	/*text-transform:capitalize;*/
}
div.elements > div > div > p{
	color:#858585;
	text-align:center;
	text-align-last:center;
}

span.spacer{display:block;height:2rem}


div.selector-cursos{
	text-align:center;
	vertical-align:top;
}
div.selector-cursos > div{
	display:inline-block;
	width:20%;
	margin:1.5%;
	padding:1rem;
	border:#e4e4e4 1px solid;
	border-radius:0.2em;
	text-align:center;
	vertical-align:top;
}
div.selector-cursos > div > h3{
	font-family:Montserrat,Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	margin:0 0 0.5rem 0;
}
div.selector-cursos > div > h3 > a,
div.selector-cursos > div > h3 > a:visited,
div.selector-cursos > div > h3 > a:active{
	color:#4a648C;
	text-decoration:none;
}
div.selector-cursos > div > h3 > a:hover,
div.selector-cursos > div > h3 > a:focus{
	text-decoration:none;
}
div.selector-cursos > div > h4{
	font-weight:normal;
	margin:0 0 1rem 0;
}
div.selector-cursos > div > a:nth-of-type(1){display:block;text-decoration:none}
div.selector-cursos > div > a:nth-of-type(1) > img{width:100%;height:auto;}


div.selector-cursos > div > a:nth-of-type(2),
div.selector-cursos > div > a:nth-of-type(2):visited,
div.selector-cursos > div > a:nth-of-type(2):active{
	display:block;
}

div.selector-cursos.hoveranim > div{
	position:relative;
	-ms-transition:background-color 1s ease, color 1s ease;
	-webkit-transition:background-color 1s ease, color 1s ease;
	transition:background-color 1s ease, color 1s ease;
	cursor:pointer;
}
div.selector-cursos.hoveranim > div > *{
	-ms-transition:transform 1s ease, opacity 0.3s ease;
	-webkit-transition:transform 1s ease, opacity 0.3s ease;
	transition:transform 1s ease, opacity 0.3s ease;	
	-ms-transform:scaleX(1) translate3d(0,0,0);
	-webkit-transform:scaleX(1) translate3d(0,0,0);
	transform:scaleX(1) translate3d(0,0,0);	
	opacity:1;
}
div.selector-cursos.hoveranim > div > h3{
	text-transform:none;
}

div.selector-cursos.hoveranim > div > img{
	width:100%;
	height:auto;
}
div.selector-cursos.hoveranim > div > div{
	position:absolute;
	top:4rem;
	right:1rem;
	bottom:1rem;
	left:1rem;
	-ms-transform:scaleX(0) translate3d(0,0,0);
	-webkit-transform:scaleX(0) translate3d(0,0,0);
	transform:scaleX(0) translate3d(0,0,0);
	opacity:0;
}

div.selector-cursos.hoveranim > div:hover,
div.selector-cursos.hoveranim > div:focus{
	background-color:#435B7F;
	color:#fff;
}
div.selector-cursos.hoveranim > div:hover > h4,
div.selector-cursos.hoveranim > div:focus > h4,
div.selector-cursos.hoveranim > div:hover > img,
div.selector-cursos.hoveranim > div:focus > img{
	-ms-transform:scaleX(0) translate3d(0,0,0);
	-webkit-transform:scaleX(0) translate3d(0,0,0);
	transform:scaleX(0) translate3d(0,0,0);
	opacity:0;
	color:#fff;
}

div.selector-cursos.hoveranim > div:hover > div,
div.selector-cursos.hoveranim > div:focus > div{
	-ms-transform:scaleX(1) translate3d(0,0,0);
	-webkit-transform:scaleX(1) translate3d(0,0,0);
	transform:scaleX(1) translate3d(0,0,0);
	opacity:1;
}

div.selector-cursos.hoveranim > div > div > div{
	display:table;
	width:100%;
	height:100%;
}
div.selector-cursos.hoveranim > div > div > div > div{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}





section,
main{overflow-x:hidden}

section p,
main p{
	text-align:justify;
	text-align-last:left;
	line-height:1.8em;
}

section header,
main header{
	text-align:center;
}

section header > h1,
main header > h1{
	font-family:Montserrat,Helvetica,Arial,sans-serif;
	/*text-transform:uppercase;*/
	margin:1em 0 1em 0;
	padding-bottom:1em;
	position:relative;
	text-align:center;
	font-weight:normal;
	font-size:1.5em;
}

section header > h1:after,
main header > h1:after{
	content:"";
	display:inline-block;
	position:absolute;
	width:8em;
	height:1px;
	background-color:#bbb;
	left:50%;
	bottom:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

section header > h2,
main header > h2{
	font-weight:300;
	margin:1em 0 1em 0;
	text-align:center;
	font-size:1rem;
	display:inline-block;
	width:80%;
	max-width:960px;
}









section.content > div,
main.content > div{
	display:table;
	width:100%;
	font-size:0.9rem;
	position:relative;
}
section.content > div > div,
main.content > div > div{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
	position:relative;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
	padding:4rem 2rem 4rem 2rem;
	top:-5em;
	opacity:0;
}

section.content.duality.left > div > div:nth-of-type(1),
main.content.duality.left > div > div:nth-of-type(1),
section.content.duality.right > div > div:nth-of-type(2),
main.content.duality.right > div > div:nth-of-type(2){
	width:50%;
	top:0%;
}
section.content.duality.left > div > div:nth-of-type(2),
main.content.duality.left > div > div:nth-of-type(2),
section.content.duality.right > div > div:nth-of-type(1),
main.content.duality.right > div > div:nth-of-type(1){
	width:50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:transparent;
	padding:0;
	top:0;
}

section.content.duality > div > div:nth-of-type(1),
main.content.duality > div > div:nth-of-type(1){left:-10%;}
section.content.duality > div > div:nth-of-type(2),
main.content.duality > div > div:nth-of-type(2){right:-10%;}

section.content.scroll-open > div > div,
main.content.scroll-open > div > div{top:0;opacity:1}

section.content.duality.scroll-open > div > div:nth-of-type(1),
main.content.duality.scroll-open > div > div:nth-of-type(1){left:0%;}
section.content.duality.scroll-open > div > div:nth-of-type(2),
main.content.duality.scroll-open > div > div:nth-of-type(2){right:0%;}

#conozca-suma-empresarial > div > div:nth-of-type(2){background-image:url(../media/img-quienes-1-landscape.jpg)}
#servicios-instituciones-financieras > div > div:nth-of-type(1){background-image:url(../media/img-quienes-2-landscape.jpg)}
#servicios-suma-empresarial > div > div:nth-of-type(2){background-image:url(../media/img-servicios-1-landscape.jpg)}

#control-interno > div > div:nth-of-type(2){background-image:url(../media/img-curso-controlinterno-landscape.jpg)}
#auditoria-interna > div > div:nth-of-type(2){background-image:url(../media/img-curso-auditoriainterna-landscape.jpg)}
#certificacion > div > div:nth-of-type(2){background-image:url(../media/img-curso-certificacion-landscape.jpg)}
#actualizacion-pld > div > div:nth-of-type(2){background-image:url(../media/img-curso-actualizacionpld-landscape.jpg)}
#normatividad > div > div:nth-of-type(2){background-image:url(../media/img-curso-normatividad-landscape.jpg)}
#calificacion-cartera > div > div:nth-of-type(2){background-image:url(../media/img-curso-calificacioncartera-landscape.jpg)}
#analisis-operaciones > div > div:nth-of-type(2){background-image:url(../media/img-curso-analisisoperaciones-landscape.jpg)}

section.content > div > div > a.nav,
main.content > div > div > a.nav{
	position:absolute;
	top:2rem;
	right:-4.5rem;
	width:2.5rem;
	height:2.5rem;
	opacity:0.75;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
	background-size:contain;
	-webkit-transition:opacity 0.3s ease, right 0.3s 0.3s ease;
	transition:opacity 0.3s ease, right 0.3s 0.3s ease;
}
section.content.scroll-open > div > div > a.nav,
main.content.scroll-open > div > div > a.nav{
	right:2rem;
}
section.content.nav-blue > div > div > a.nav,
main.content.nav-blue > div > div > a.nav{background-image:url(../media/menu-blue.svg)}

section.content.nav-gray > div > div > a.nav,
main.content.nav-gray > div > div > a.nav{background-image:url(../media/menu-gray.svg)}

section.content > div > div > a.nav:hover,
section.content > div > div > a.nav:focus,
main.content > div > div > a.nav:hover,
main.content > div > div > a.nav:focus{
	opacity:1;
}

section.content > div > div > div.navigation,
main.content > div > div > div.navigation{
	position:absolute;
	width:100%;
	left:0;
	bottom:1rem;
	text-align:center;
}
section.content > div > div > div.navigation > a,
main.content > div > div > div.navigation > a{
	display:inline-block;
	margin:0 0.25rem 0 0.25rem;
	width:1.3rem;
	height:1.3rem;
	text-decoration:none;
	opacity:0.75;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	background-color:transparent;
	-webkit-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}

section.content > div > div > div.navigation > a.up,
main.content > div > div > div.navigation > a.up{background-image:url(../media/arrow-up.svg)}

section.content > div > div > div.navigation > a.down,
main.content > div > div > div.navigation > a.down{background-image:url(../media/arrow-down.svg)}

section.content > div > div > div.navigation > a:hover,
section.content > div > div > div.navigation > a:focus,
main.content > div > div > div.navigation > a:hover,
main.content > div > div > div.navigation > a:focus{opacity:1;}


section.content > div > div:nth-of-type(1):before,
main.content > div > div:nth-of-type(1):before{
	content:"";
	display:inline-block;
	position:absolute;
	top:0;
	left:-9rem;
	width:100%;
	height:7rem;
	background:transparent url(../media/logo-gray.svg) no-repeat 2rem 2rem;
	background-size:10rem auto;
	-webkit-transition:left 0.3s 0.3s ease;
	transition:left 0.3s 0.3s ease;
}
@media only screen and (max-width:1366px){
	section.content > div > div:nth-of-type(1):before,
	main.content > div > div:nth-of-type(1):before{
		background-size:8rem auto;
	}
}

section.content.scroll-open > div > div:nth-of-type(1):before,
main.content.scroll-open > div > div:nth-of-type(1):before{
	left:0;
}


div#multimedia-embedded-video{
	padding-bottom:2rem;
}

div#multimedia-embedded-video > iframe{
	width:100%;
	height:320px;
}

div.guru-gallery-images{
	text-align:justify;
}

div.guru-gallery-images:after{
	content:"";
	display:inline-block;
	width:100%;
}
div.guru-gallery-images > img{
	width:24%;
	height:auto;
}





/*INICIA PARALLAX*/

figure.gr-parallax,
figure.gr-parallax > *{
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
figure.gr-parallax{
	display:block;
	height:20em;
	width:auto;
	position:relative;
	overflow:hidden;
}
figure.gr-parallax > *{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
figure.gr-parallax > div{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	top:50%;
	transform:translateY(-50%);
}
figure.gr-parallax > figcaption{
	display:table;
	width:100%;
	height:100%;
	-webkit-box-shadow:rgba(0,0,0,0.5) 0 0 4em 1em inset;
	box-shadow:rgba(0,0,0,0.5) 0 0 4em 1em inset;
}
figure.gr-parallax > figcaption > div{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
figure.gr-parallax.quienes-1 > div{background-image:url(../media/parallax-quienes-1.jpg)}
figure.gr-parallax.quienes-2 > div{background-image:url(../media/parallax-quienes-2.jpg)}
figure.gr-parallax.servicios-1 > div{background-image:url(../media/parallax-servicios-1.jpg)}
figure.gr-parallax.cursos-1 > div{background-image:url(../media/parallax-cursos-1.jpg)}




/*INICIA SLIDE*/

.guru-slide{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.guru-slide > div.buttons{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	line-height:2rem;
	z-index:11;
}
.guru-slide > div.buttons > a{
	text-decoration:none;
	border:none;
	border-radius:0;
	display:inline-block;
	width:0.8rem;
	height:0.8rem;
	background-color:#ffffff;
	margin:0 0.25rem 0 0.25rem;
}
.guru-slide > div.buttons > a.current,
.guru-slide > div.buttons > a:hover{
	background-color:#6B92CB;
}
.guru-slide > div.container{
	width:100%;
	height:100%;
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
}
.guru-slide > div.container > *{
	position:absolute;
	top:0;
	/*left:100%;*/
	left:0;
	display:inline-block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;	
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:transparent;	
	/*transition:left 1.5s ease;	*/
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
	/*MEJORAMOS EL FRAMERATE LLAMANDO UNA COMPOSICION 3D FALSA PARA HABILITAR RENDER POR GPU*/	
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
	
	
}
.guru-slide > div.container > *.derecha{
	/*left:100%;*/
	opacity:0;
}
.guru-slide > div.container > *.centro{
	/*left:0%;*/
	opacity:1;
}
.guru-slide > div.container > *.izquierda{
	/*left:-100%;*/
	opacity:0;
}
.guru-slide > div.container > *.reset-derecha{
	/*left:100%;*/
	opacity:0;
	-o-transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-ms-transition:none;
	transition:none;
}
.guru-slide > div.container > *.reset-izquierda{
	/*left:-100%;*/
	opacity:0;
	-o-transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-ms-transition:none;
	transition:none;
}

.guru-slide > div.container > figure{
	overflow:hidden;
}
.guru-slide > div.container > figure > div{
	position:absolute;
	width:120%;
	height:120%;
	top:-10%;
	left:-10%;
	background-repeat:no-repeat;
	background-color:transparent;
	background-size:cover;
	background-position:center center;
	z-index:-1;
}

.guru-slide > div.container > figure > figcaption,
figure.billboard-top > figcaption{
	display:inline-block;
	position:absolute;
	width:auto;
	height:auto;
	left:50%;
	bottom:-5%;
	padding:2rem;
	border:#fff 1px solid;
	color:#fff;
	font-family:Montserrat,Helvetica,Arial,sans-serif;
	text-align:center;
	-webkit-transition:all 1s ease;
	transition:all 1s ease;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	opacity:0;
	background-color:rgba(0,0,0,0.3);
}

@media only screen and (max-width:1280px){
	.guru-slide > div.container > figure > figcaption,
	figure.billboard-top > figcaption{
		font-size:0.9rem;
		padding:1rem;
	}
}

figure.billboard-top > figcaption:hover,
figure.billboard-top > figcaption:focus{
	background-color:rgba(67,91,127,0.5)
}

.guru-slide > div.container > figure > figcaption > h1,
figure.billboard-top > figcaption > h1{
	font-size:1.2em;
	font-weight:normal;
	/*text-transform:uppercase;*/
	/*text-transform:capitalize;*/
	margin:0;
}

.guru-slide > div.container > figure > figcaption > h2,
figure.billboard-top > figcaption > h2{
	font-size:0.9em;
	font-weight:normal;
	margin:0.5rem 0 0 0;
}
body.open .guru-slide > div.container > figure.centro > figcaption,
body.open figure.billboard-top > figcaption{
	bottom:20%; /*era 15*/
	opacity:1;
}
@media only screen and (min-height:960px), only screen and (max-width:1280px){
	body.open .guru-slide > div.container > figure.centro > figcaption,
	body.open figure.billboard-top > figcaption{
		bottom:20%;
	}
}


.guru-slide > div.container > figure.home-primera > div{background-image:url(../media/slide/slide-1-landscape.jpg)}
.guru-slide > div.container > figure.home-segunda > div{background-image:url(../media/slide/slide-2-landscape.jpg)}
.guru-slide > div.container > figure.home-tercera > div{background-image:url(../media/slide/slide-3-landscape.jpg)}



@keyframes marquee{0%{transform:translateX(0);left:100%}	100%{transform:translateX(-100%);left:0}}
@-webkit-keyframes marquee{0%{transform:translateX(0);left:100%}	100%{transform:translateX(-100%);left:0}}



div#horarios-top{
	position:absolute;
	z-index:19;
	width:40%;
	left:0;
	bottom:3.5em;
	text-align:center;
	font-size:0.9em;
	color:rgb(255, 255, 255);
	opacity:0;
	-webkit-transition:opacity 1s 2s ease;
	transition:opacity 1s 2s ease;
}


div#indicadores-links
{
	position:absolute;
	z-index:19;
	width:40%;
	left:0;
	bottom:3.5em;
	text-align:left;
	font-size:1em;
	color:rgb(78, 78, 78);
	opacity:0;
	-webkit-transition:opacity 1s 2s ease;
	transition:opacity 1s 2s ease;
}

@media only screen and (max-width:1500px){div#indicadores-links{left:1em}}

body.open div#indicadores-links,
body.open div#horarios-top.open{
	opacity:1;
}
div#horarios-top > div
{
	width:100%;
	min-width:300px;
	max-width:560px;
	background-color:rgba(0, 0, 0, 0.3);
	padding:0.75em;
	border:rgb(255, 255, 255) 1px solid;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

div#indicadores-links > div.marquee{
	width:100%;
	min-width:300px;
	max-width:560px;
	background-color:rgba(255, 255, 255, 0.7);
	padding:0.4em;
	border:rgb(0, 0, 0) 1px solid;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

div#indicadores-links > div.marquee > p{
	white-space:nowrap;
	-webkit-animation:marquee 25s linear infinite;
	animation:marquee 25s linear infinite;
	padding:0;
	margin:0;
	display:inline-block;
	position:relative;
	line-height:2.4em;
}
div#indicadores-links > div.marquee:hover > p{
	-webkit-animation-play-state:paused;
	animation-play-state:paused
}
div#indicadores-links > div.marquee > p > *{
	display:inline-block;
	padding:0 0.5em 0 0.5em;
	text-indent:0;
}
div#indicadores-links > div.marquee > p > strong{font-weight:normal}
div#indicadores-links > div.marquee > p > var{
	font-style:normal;
	text-transform:uppercase;
	font-weight:bold;
	padding-right:0;
}
div#indicadores-links > div.marquee > p > span{
	padding-left:0;
}


div#indicadores-links > div.links{
	font-family:Montserrat,sans-serif;
	padding:0.5em;
}
div#indicadores-links > div.links > a{
	color:rgb(247, 247, 247);
	display:inline-block;
	margin:0 0.5em 0 0.5em;
}

div#indicadores-links > div.links > a > img{
	height:1.8em;
	width:auto;
}

div#horarios-top{
	overflow:visible;
	left:auto;
	right:0;
	bottom:3.5em;
}
@media only screen and (max-width:1500px){div#horarios-top{right:1em}}
div#horarios-top > div{
	padding:0;
	display:table;
	overflow:visible;
}
div#horarios-top > div > div{
	padding:0.75em;
	border-right:#fff 1px solid;
	display:table-cell;
	width:20%;
	text-align:center;
	vertical-align:top;
	position:relative;
}
div#horarios-top > div > div:last-of-type{border-right:none}

div#horarios-top > div > div > h1{
	font-family:Montserrat,sans-serif;
	font-size:1em;
	text-transform:uppercase;
	margin:0;
	font-weight:normal;
}
div#horarios-top > div > div > span{
	display:block;
}
div#horarios-top > div > div > p{
	position:absolute;
	left:0;
	width:100%;
	bottom:4em;
	margin:0;
	background-color:rgba(0,0,0,0.3);
	visibility:hidden;
	display:none;
}
div#horarios-top > div > div:hover > p{
	visibility:visible;
	display:block;
}
div#horarios-top > div > div > p > span{
	display:block;
	padding:0.5em;
	font-size:0.8em;
}

table.ordenada{
	width:100%;
	border-spacing:1px;
	border:none;
}
table.ordenada td,
table.ordenada th{
	text-align:left;
	border-spacing:1px;
	border:none;
	vertical-align:top;
	padding:0.5em;
}
table.ordenada td.center,
table.ordenada th.center{
	text-align:center;
}
table.ordenada th{
	font-family:Montserrat,sans-serif;
	color:#fff;
	background-color:#4A648C;
}

table.ordenada tr:nth-child(odd) > td{background-color:rgba(0,0,0,0.05)}

table.alianzas td{
	background-color:#fff !important;
	vertical-align:middle;
}


/*INICIA FOTOGALERIA*/

.guru-gallery-images > img{
	cursor:pointer;
}

#gr-gallery-holder{
	position:fixed;
	width:100%;
	height:0px;
	background-color:rgba(0,0,0,0.95);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:8000;
	overflow:hidden;
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	-ms-transition:opacity 1s ease;
	-o-transition:opacity 1s ease;
	transition:opacity 1s ease;
	opacity:0;
	background-image:url(../media/galleryLoading.gif);
}
#gr-gallery-holder.abierto{
	opacity:1;
}
#gr-gallery-holder.cerrando{
	opacity:0;
}
#gr-gallery-holder.abierto.loading{
	background-image:url(../media/galleryLoading.gif);
}
#gr-gallery-holder > div{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	width:80%;
	height:80%;
	position:absolute;
	top:10%;
	left:10%;
	opacity:0;
	-moz-transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
	-ms-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}
#gr-gallery-holder > div.abierto{
	opacity:1;
}
#gr-gallery-holder > div > a{
	display:inline-block;
	position:absolute;
}
#gr-gallery-holder > div > a.prev,
#gr-gallery-holder > div > a.next{
	width:14px;
	height:24px;
	background:transparent url(../media/gallery-controls-back.png) no-repeat top left;
	top:50%;
}
#gr-gallery-holder > div > a.prev{
	left:-24px;
}
#gr-gallery-holder > div > a.next{
	background-position:top right;
	right:-24px;
}
#gr-gallery-holder > div > a.close{
	top:-24px;
	right:-24px;
	background:transparent url(../media/gallery-controls-close.png) no-repeat top left;
	width:18px;
	height:18px;
}


/*INICIA MODAL*/
#gr-modal,
#gr-modal:after,
#gr-modal:before,
#gr-modal > div,
#gr-dialog-holder,
#gr-dialog-holder > div{
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}




#gr-modal,
#gr-dialog-holder{
	width:100%;
	height:0px;
	overflow:hidden;
	background-color:rgba(0,0,0,0.9);
	position:fixed;
	top:-1px;
	left:0;
	-webkit-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
	z-index:6000;
	text-align:center;
	opacity:0;
}
#gr-modal.open,
#gr-dialog-holder.open{
	top:0px;
	opacity:1;
}
#gr-modal:before,
#gr-modal:after{
	content:"";
	display:inline-block;
	position:absolute;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:transparent;
	z-index:5000;
	visibility:hidden;
}
#gr-modal:before{
	width:2.5em;
	height:2.5em;
	left:50%;
	left:-webkit-calc(50% - 1.25em);
	left:calc(50% - 1.25em);
	top:50%;
	top:-webkit-calc(50% - 1.25em);
	top:calc(50% - 1.25em);
	background-image:url(../media/loading-center-modal.svg);
}
#gr-modal:after{
	width:6em;
	height:6em;
	left:50%;
	left:-webkit-calc(50% - 3em);
	left:calc(50% - 3em);
	top:50%;
	top:-webkit-calc(50% - 3em);
	top:calc(50% - 3em);
	background-image:url(../media/loading-spinner.svg);
	-webkit-animation:gr-gallery-spinner 1s infinite linear;
	animation:gr-gallery-spinner 1s infinite linear;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;	
}
#gr-modal.open.loading:before,
#gr-modal.open.loading:after{
	visibility:visible;
	-webkit-animation-play-state:running;
	animation-play-state:running;	
}
#gr-modal > div{
	position:relative;
	top:-10%;
	width:80%;
	height:auto;
	max-height:90%;
	max-height:-webkit-calc(100% - 5em); /*por el alto de #gr-modal > div > h1 (sumando padding) + el top de #gr-modal.open > div*/
	max-height:calc(100% - 5em);
	margin:auto;
	text-align:left;
	background-color:#fff;
	box-shadow:#000 0px 0px 20px 10px;
	border-radius:0.2em;
	min-width:500px;
	max-width:960px;
	-webkit-transition:top 1s ease;
	transition:top 1s ease;
}
#gr-modal.open.loaded > div{
	top:2em;
}
#gr-modal > div > h1{
	font-size:1em;
	height:1em;
	font-weight:normal;
	margin:0;
	padding:2em;
	background-color:#4A648C;
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
	position:relative;
	color:#fff;
	font-family:'Work Sans',sans-serif;
}
#gr-modal > div > h1 > span{
	font-size:1.5em;
}
#gr-modal > div > h1 > a,
#gr-modal > div > h1 > a:visited,
#gr-modal > div > h1 > a:active{
	display:inline-block;
	position:absolute;
	right:2em;
	top:2em;
	width:2.5em;
	height:1.5em;
	text-decoration:none;
	background-color:#C50B0E;
	background:#C50B0E url(../media/modal-close.svg) no-repeat center center;
	background-size:70% 70%;
	border-radius:0.2em;
	padding:0;
} 

#gr-modal > div > h1 > a:hover,
#gr-modal > div > h1 > a:focus{
	background-color:#DE0C11;
	text-decoration:none;
}
#gr-modal > div > div.content{
	padding:2em;
	height:70%;
	height:-webkit-calc(100% - 9.5em); /*por el alto de #gr-modal > div > h1 (sumando padding) + el padding de este elemento*/
	height:calc(100% - 9.5em);
	overflow:auto;
	text-align:center;
}

#gr-modal div.message-holder > div > div{
	padding:1em 0 1em 0;
}
#gr-modal div.message-holder > div > div > div.icon{
	background-size:50%;
}













/*INICIA CONTACTO*/

div.guru-contact-holder{
	display:table;
	width:100%;
}
div.guru-contact-holder > div{
	display:table-cell;
	vertical-align:top;
	width:50%;
	text-align:left;
}
div.guru-contact-holder > div.contact{padding-right:1em}

div.guru-contact-holder > div.contact > form > a[role=button]{
	vertical-align:middle;
}
div.guru-contact-holder > div.contact > form > span.wait{
	vertical-align:middle;
	display:inline-block;
	position:relative;
	opacity:0;
	left:-5em;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	transition:all 1s ease;
	z-index:-1;
}
div.guru-contact-holder > div.contact > form.sending > span.wait{
	opacity:1;
	left:1em;
	z-index:0;
}

div.guru-contact-holder > div.map{
	text-align:right;
	padding-left:1em;
}
div.guru-contact-holder > div.map p{
	text-align:right;
	text-align-last:right;
}
div.guru-contact-holder > div.map p.contacto{
	font-size:1.15em;
}
div.guru-contact-holder > div.map p.mobile-call{
	display:none;
	visibility:hidden;
}
div.guru-contact-holder > div.map > iframe{
	width:100%;
	height:15rem;
	border:none;
}

div.guru-contact-holder h2{
	margin-top:0;
	font-family:Montserrat,Helvetica,Arial,sans-serif;
	font-size:1.1rem;
	color:#4A648C;
	/*text-transform:uppercase;*/
	/*text-transform:capitalize;*/
	font-weight:normal;
}


/*INICIAN ADVERTENCIAS*/
.guru-browser-warning-bar{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#FFC url(../media/warning.png) no-repeat 0.5rem center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8rem;
	color:#333;	
	-webkit-box-shadow:0px 1px 5px #000;
	-moz-box-shadow:0px 1px 5px #000;
	-o-box-shadow:0px 1px 5px #000;
	-ms-box-shadow:0px 1px 5px #000;
	box-shadow:0px 1px 5px #000;
	z-index:3000;	
	text-align:left;
}
.guru-browser-warning-bar > div{
	padding:0.35rem 0.35rem 0.35rem 2rem;
}
.guru-browser-warning-bar a,
.guru-browser-warning-bar a:visited,
.guru-browser-warning-bar a:active,
.guru-browser-warning-bar a:hover,
.guru-browser-warning-bar a:focus{
	color:#06C;
	text-decoration:none;
}