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

@media only screen and (max-width:959px){
	#gr-mobile-detector{
		display:inline;
	}
	.max-width{
		min-width:0;
		max-width:none;
	}
	.guru-gallery-holder > div > a.close{
		width:2em;
		height:2em;
		background-position:center center;
	}
	#gr-modal > div{
		min-width:0;
		max-width:none;
		width:90%;
		height:auto;
		max-height:70%;
		max-height:-webkit-calc(100% - 7em); /*por el alto de #gr-modal > div > h1 (sumando padding) + el top de #gr-modal.open > div*/
		max-height:calc(100% - 7em);
	}
	#gr-modal.open.loaded > div{ 
		top:4em;
	}
	#gr-modal > div > h1{
		padding:1em;
		font-size:0.7em;
		position:relative;
	}
	
	#gr-modal > div > h1 > a,
	#gr-modal > div > h1 > a:visited,
	#gr-modal > div > h1 > a:active{
		float:none;
		position:absolute;
		top:-2.5em;
		right:0
	}
	
	#gr-modal > div > div.content{
		padding:1em;
	}
	
	
	
	#gr-navigation-height{height:4em}
	
	#real-header{
		height:4em;
		top:0 !important;
		background-color:#4A648C;
		text-align:center;
		position:fixed;
	}
	
	#real-header > div{
		display:block;
		height:4em;
		position:relative;
		width:95%;
	}
	
	#real-header > div > *{
		display:block;
		width:auto;
		position:absolute;
		left:0;
		top:0;
	}
	#real-header > div > var{
		width:2em;
		height:2em;
		cursor:pointer;
		visibility:visible;
		display:inline-block;
		background:transparent url(../media/menu-white.svg) no-repeat center center;
		background-size:contain;
		top:-5em;
		-webkit-transition:top 1s ease;
		transition:top 1s ease;
	}
	body.open #real-header > div > var{
		top:1em;
	}
	#real-header > div > div{
		height:2.5em;
		width:auto;
		left:auto;
		right:0;
		top:0.75em;
		padding-right:0;
	}
	#real-header > div > div > img{
		height:100%;
		width:auto;
	}
	#real-header > div > nav{
		white-space:normal;
		top:4em;
		width:100%;
		overflow-x:hidden;
		left:-100%;
		-webkit-transition:left 1s ease;
		transition:left 1.2s ease;
		padding-left:0;
	}
	#real-header > div > nav.mobile-open{
		left:0%;
	}
	#real-header > div > nav > a,
	#real-header > div > nav > a:visited,
	#real-header > div > nav > a:active{
		display:block;
		width:auto;
		min-width:0;
		line-height:3.5em;
		left:-100%;
	}
	
	body.open #real-header > div > nav > a:nth-of-type(1){left:-100%}
	body.open #real-header > div > nav > a:nth-of-type(2){left:-100%}
	body.open #real-header > div > nav > a:nth-of-type(3){left:-100%}
	body.open #real-header > div > nav > a:nth-of-type(4){left:-100%}
	body.open #real-header > div > nav > a:nth-of-type(5){left:-100%}
	body.open #real-header > div > nav > a:nth-of-type(6){left:-100%}
	body.open #real-header > div > nav > a:nth-of-type(7){left:-100%}
	body.open #real-header > div > nav.mobile-open > a:nth-of-type(1){left:0%}
	body.open #real-header > div > nav.mobile-open > a:nth-of-type(2){left:0%}
	body.open #real-header > div > nav.mobile-open > a:nth-of-type(3){left:0%}
	body.open #real-header > div > nav.mobile-open > a:nth-of-type(4){left:0%}
	body.open #real-header > div > nav.mobile-open > a:nth-of-type(5){left:0%}
	body.open #real-header > div > nav.mobile-open > a:nth-of-type(6){left:0%}
	body.open #real-header > div > nav.mobile-open > a:nth-of-type(7){left:0%}
	
	
	
	.guru-slide > div.container > figure > figcaption,
	figure.billboard-top > figcaption{
		width:70%;
		width:-o-calc(90% - 4rem);
		width:-moz-calc(90% - 4rem);
		width:-ms-calc(90% - 4rem);
		width:-webkit-calc(90% - 4rem);
		width:calc(90% - 4rem);
	}
	
	.guru-slide > div.container > figure > figcaption{
		bottom:auto !important;
		top:6em;
	}
	
	.guru-slide > div.container > figure > figcaption > h1{
		font-size:1.05rem;
	}
	.guru-slide > div.container > figure > figcaption > h2{
		font-size:0.8em;
	}
	
	figure.billboard-top > figcaption{
		min-width:0;
	}
	body.open figure.billboard-top > figcaption{
		bottom:30%;
	}
	
	figure.billboard-top > div.down > a > var{
		background-image:url(../media/mouse-mobile.svg);
	}
	
	section.content > div,
	main.content > div{
		display:block;
		width:auto;
	}
	section.content > div > div,
	main.content > div > div{
		display:block !important;
		height:auto !important;
		width:auto !important;
		padding:2rem 1rem 2rem 1rem !important;
	}
	section.content > div > div:nth-of-type(1):before,
	main.content > div > div:nth-of-type(1):before,
	section.content > div > div > a.nav,
	main.content > div > div > a.nav{		
		display:none;
		visibility:hidden;
	}
	
	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){
		padding:0 !important;
		height:10em !important;
	}
	
	div.elements > div{
		max-width:none;
	}
	div.elements > div > div{
		padding:1rem 0 1rem 0;
	}
	div.elements > div,
	div.elements > div > div{
		display:block !important;
		width:auto !important;
	}
	
	footer,
	footer > div{
		display:block;
		width:auto;
		min-height:0;
		position:static;
		top:auto;
		bottom:0;
		height:auto;
	}
	footer > div:nth-child(1) > div{
		line-height:normal;
		padding:1rem;
		text-align:center;
	}
	footer > div:nth-child(2){
		display:none;
		visibility:hidden;
	}
	
	
	div.selector-cursos > div{
		margin:1rem 0 1rem 0;
		width:auto;
		display:block;
	}
	div.selector-cursos.hoveranim > div{
		margin:3rem 0 3rem 0;
	}
	div.selector-cursos.hoveranim > div:first-of-type{
		margin-top:0;
	}
	
	div.guru-contact-holder,
	div.guru-contact-holder > div{
		display:block;
		width:auto;
		text-align:center;
	}
	div.guru-contact-holder > div.contact{padding-right:0}
	div.guru-contact-holder > div.map{padding-left:0;text-align:center;padding-top:2rem;}
	div.guru-contact-holder > div.map p{
		text-align:center;
		text-align-last:center;
	}
	div.guru-contact-holder > div.map p.mobile-call{
		visibility:visible;
		display:block;
	}
	
	div#indicadores-links,
	div#horarios-top{
		width:90% !important;
		left:5% !important;
		right:auto !important;
	}
	div#indicadores-links > div.marquee,
	div#horarios-top > div{
		min-width:0;
		max-width:none;
		width:auto;
	}
	div#indicadores-links{
		bottom:1em;
	}
	div#horarios-top{
		bottom:8.5em;
	}
	div#horarios-top > div{
		font-size:0.7em;
	}
	
	table.alianzas,
	table.alianzas tr,
	table.alianzas td{
		display:block;
		text-align:center;
	}
	
	div#multimedia-embedded-video > iframe{
		height:8rem;
	}
	
	
}

@media only screen and (max-width:959px) and (orientation:portrait){
	.guru-slide > div.container > figure.home-primera{background-image:url(../media/slide/slide-1-portrait.jpg)}
	.guru-slide > div.container > figure.home-segunda{background-image:url(../media/slide/slide-2-portrait.jpg)}
	.guru-slide > div.container > figure.home-tercera{background-image:url(../media/slide/slide-3-portrait.jpg)}
	
	figure.billboard-top.quienes > div.background{background-image:url(../media/billboard-quienes-portrait.jpg)}
	figure.billboard-top.servicios > div.background{background-image:url(../media/billboard-servicios-portrait.jpg)}
	figure.billboard-top.cursos > div.background{background-image:url(../media/billboard-cursos-portrait.jpg)}
	figure.billboard-top.contacto > div.background{background-image:url(../media/billboard-contacto-portrait.jpg)}
	
	figure.billboard-top.controlinterno > div.background{background-image:url(../media/billboard-controlinterno-portrait.jpg)}
	figure.billboard-top.auditoriainterna > div.background{background-image:url(../media/billboard-auditoriainterna-portrait.jpg)}
	figure.billboard-top.certificacion > div.background{background-image:url(../media/billboard-certificacion-portrait.jpg)}
	figure.billboard-top.actualizacionpld > div.background{background-image:url(../media/billboard-actualizacionpld-portrait.jpg)}
	figure.billboard-top.normatividad > div.background{background-image:url(../media/billboard-normatividad-portrait.jpg)}
	figure.billboard-top.calificacioncartera > div.background{background-image:url(../media/billboard-calificacioncartera-portrait.jpg)}
	figure.billboard-top.analisisoperaciones > div.background{background-image:url(../media/billboard-analisisoperaciones-portrait.jpg)}

	
	figure.gr-parallax.quienes-1 > div{background-image:url(../media/parallax-quienes-1-portrait.jpg)}
	figure.gr-parallax.quienes-2 > div{background-image:url(../media/parallax-quienes-2-portrait.jpg)}
	figure.gr-parallax.servicios-1 > div{background-image:url(../media/parallax-servicios-1-portrait.jpg)}
	figure.gr-parallax.cursos-1 > div{background-image:url(../media/parallax-cursos-1-portrait.jpg)}
	
	#conozca-suma-empresarial > div > div:nth-of-type(2){background-image:url(../media/img-quienes-1-portrait.jpg)}
	#servicios-instituciones-financieras > div > div:nth-of-type(1){background-image:url(../media/img-quienes-2-portrait.jpg)}
	#servicios-suma-empresarial > div > div:nth-of-type(2){background-image:url(../media/img-servicios-1-portrait.jpg)}
	
	#control-interno > div > div:nth-of-type(2){background-image:url(../media/img-curso-controlinterno-portrait.jpg)}
	#auditoria-interna > div > div:nth-of-type(2){background-image:url(../media/img-curso-auditoriainterna-portrait.jpg)}
	#certificacion > div > div:nth-of-type(2){background-image:url(../media/img-curso-certificacion-portrait.jpg)}
	#actualizacion-pld > div > div:nth-of-type(2){background-image:url(../media/img-curso-actualizacionpld-portrait.jpg)}
	#normatividad > div > div:nth-of-type(2){background-image:url(../media/img-curso-normatividad-portrait.jpg)}
	#calificacion-cartera > div > div:nth-of-type(2){background-image:url(../media/img-curso-calificacioncartera-portrait.jpg)}
	#analisis-operaciones > div > div:nth-of-type(2){background-image:url(../media/img-curso-analisisoperaciones-portrait.jpg)}

}

@media only screen and (max-height:480px){
	.guru-slide > div.container > figure > figcaption{
		bottom:auto !important;
		top:1rem;
		font-size:0.9rem;
	}
}