/*

Theme Name: Itsystems

Description: Tema para la web principal de Itsystems

Author: Ivan Huaman

Author URI: miodesigner@gmail.com

Version: 1.0.0

Tags: blank

*/



@font-face {

	font-family: 'Roboto Web';

	font-style: normal;

	font-weight: normal;

	src: url(fonts/Roboto-Light.eot);

	src: url(fonts/Roboto-Light.eot) format('embedded-opentype'),

	local('RobotoWeb'), local('RobotoWeb-Normal'), url(fonts/Roboto-Light.ttf) format('truetype');

}

@font-face {

	font-family: 'Roboto Web';

	font-style: normal;

	font-weight: bold;

	src: url(fonts/Roboto-Medium.eot);

	src: url(fonts/Roboto-Medium.eot) format('embedded-opentype'),

	local('RobotoWeb Bold'), local('RobotoWeb-Bold'), url(fonts/Roboto-Medium.ttf) format('truetype');

}



/**/



:root {

	--c-negro      : #000000;

	--c-grisoscuro : #777777;

	--c-grisclaro  : #dddddd;

	--c-texto      : #212529;

	--c-azulnegro  : #000116;

	--c-azulbanner : #002b61;

	--c-azuloscuro : #01579b;

	--c-azulclaro  : #1976d2;

	--c-azulchillon: #01b7ff;

	--c-celeste    : #bbdefb;

	--c-naranja    : #ff8800;

	--c-amarillo   : #ffc107;

	--c-blanco     : #ffffff;

	--c-pieclaro   : #3e4551;

	--c-pieoscuro  : #323741;

	--c-casiblanco : #efefef;

}



/**/



body, html {

	height: 100%;

}

body{

	font-size: 16px;

	color: var(--c-texto);

	font-family: 'Roboto Web', sans-serif;

	font-weight: normal;

	background: var(--c-blanco);

	background: var(--c-pieoscuro);

}

a{

	color: var(--c-texto);

	transition: all .3s ease;

}

a:hover,

a:focus{

	color: var(--c-texto);

	text-decoration: none;

}

:focus{

	outline: 0 !important;

	text-decoration: none !important;

}

h1, h2, h3, h4, h5, h6{

	margin: 0;

	font-family: 'Roboto Web', sans-serif;

	font-weight: bold;

}



/**/



.btn{

	border-radius: 3px;

	transition: all .3s ease;

	border-width: 2px;

	font-weight: bold;

	font-size: 15px;

	padding: 14px 30px 13px;

	width: initial;

	text-transform: uppercase;

	box-shadow: none !important;

}

.btn svg{

	height: 16px;

	position: relative;

	top: -2px;

	margin-left: 2px;

	margin-right: 2px;

}

.btn-default{

	border-color: var(--c-azulclaro);

	background-color: var(--c-azulclaro);

	color: var(--c-blanco);

}

.btn-default:hover,

.btn-default:focus,

.btn-default:active{

	border-color: var(--c-azuloscuro) !important;

	background-color: var(--c-azuloscuro) !important;

	color: var(--c-blanco) !important;

}

.btn-primary{

	border-color: var(--c-blanco);

	background-color: transparent;

	color: var(--c-blanco);

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active{

	border-color: var(--c-blanco) !important;

	background-color: var(--c-blanco) !important;

	color: var(--c-azuloscuro) !important;

}

.btn-naranja{

	border-color: var(--c-naranja);

	background-color: var(--c-naranja);

	color: var(--c-blanco);

}

.btn-naranja:hover,

.btn-naranja:focus,

.btn-naranja:active{

	border-color: var(--c-blanco) !important;

	background-color: var(--c-blanco) !important;

	color: var(--c-naranja) !important;

}

.btn-check{

	border-color: var(--c-azulchillon);

	background-color: var(--c-azulchillon);

	color: var(--c-negro);

}

.btn-check:hover,

.btn-check:focus,

.btn-check:active{

	border-color: var(--c-azulclaro) !important;

	background-color: var(--c-azulclaro) !important;

	color: var(--c-negro) !important;

}



/**/



header{

	position: relative;

	z-index: 10;
	
	height: 67px;

}

header .barra-sup{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	box-shadow: 0 3px 10px -5px rgba(0,0,0,.3);

	padding-top: 13px;

	padding-bottom: 13px;

	transition: all .3s ease;

}

.barra-sup:before{

	content: '';

	position: absolute;

	display: block;

	background: var(--c-blanco);

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	transition: all .3s ease;

}

.barra-sup h1{

	line-height: 0;

	margin-top: 6px;

}

.barra-sup h1 a{

	display: block;

}

.barra-sup h1 a svg{

	fill:var(--c-azulnegro);

	transition: all .3s ease;

}

.barra-sup .menu-prin{

	padding-top: 1px;

}

.barra-sup .menu-prin > ul{

	list-style: none;

	text-align: center;

	margin: 0;

	padding: 0;

}

.barra-sup .menu-prin > ul > li {

	display: inline-block;

	position: relative;

}

.barra-sup .menu-prin > ul > li > a{

	display: block;

	padding: 8px 10px;

}

.barra-sup .menu-prin > ul > li:hover > a{

	opacity: .7;

}

.barra-sup .menu-prin > ul > li.menu-item-has-children > a{

	position: relative;

	padding-right: 20px;

}

.barra-sup .menu-prin > ul > li.menu-item-has-children > a:after{

	content: '';

	display: block;

	position: absolute;

	right: 8px;

	top: 18px;

	border-width: 4px 4px 0 4px;

	border-style: solid;

	border-color: var(--c-texto) transparent transparent transparent;

	transition: all .3s ease;

}

.barra-sup .menu-prin > ul > li > ul{

	display: none;

	position: absolute;

	padding: 0;

	margin: 0;

	list-style: none;

	background: var(--c-blanco);

	text-align: left;

	border: 1px solid var(--c-grisclaro);

	border-radius: 4px;

	min-width: 170px;

}

.barra-sup .menu-prin > ul > li:hover > ul{

	display: block;

}

.barra-sup .menu-prin > ul > li > ul > li{

	font-size: 15px;

	border-bottom: 1px solid var(--c-grisclaro);

	position: relative;

}

.barra-sup .menu-prin > ul > li > ul > li:last-child{

	border-bottom: 0 none;

}

.barra-sup .menu-prin > ul > li > ul > li > a{

	padding: 10px;

	display: block;

}

.barra-sup .menu-prin > ul > li > ul > li:first-child > a{

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;

}

.barra-sup .menu-prin > ul > li > ul > li:last-child > a{

	border-bottom-left-radius: 4px;

	border-bottom-right-radius: 4px;

}

.barra-sup .menu-prin > ul > li > ul > li:hover > a{

	background: var(--c-azulclaro);

	color: var(--c-blanco);

}

.barra-sup .menu-prin > ul > li > ul > li.menu-item-has-children > a{

	position: relative;

	padding-right: 20px;

}

.barra-sup .menu-prin > ul > li > ul > li.menu-item-has-children > a:after{

	content: '';

	display: block;

	position: absolute;

	right: 10px;

	top: 17px;

	border-width: 4px 0 4px 4px;

	border-style: solid;

	border-color: transparent transparent transparent var(--c-texto);

}

.barra-sup .menu-prin > ul > li > ul > li.menu-item-has-children:hover > a:after{

	border-left-color: var(--c-blanco);

}

.barra-sup .menu-prin > ul > li > ul > li > ul{

	display: none;

	position: absolute;

	padding: 0;

	margin: 0;

	list-style: none;

	background: var(--c-blanco);

	text-align: left;

	border: 1px solid var(--c-grisclaro);

	border-radius: 4px;

	overflow: hidden;

	min-width: 170px;

	left: 100%;

	top: 0;

}

.barra-sup .menu-prin > ul > li > ul > li:hover > ul{

	display: block;

}

.barra-sup .menu-prin > ul > li > ul > li > ul > li{

	font-size: 15px;

	border-bottom: 1px solid var(--c-grisclaro);

	position: relative;

}

.barra-sup .menu-prin > ul > li > ul > li > ul > li:last-child{

	border-bottom: 0 none;

}

.barra-sup .menu-prin > ul > li > ul > li > ul > li > a{

	padding: 10px;

	display: block;

}

.barra-sup .menu-prin > ul > li > ul > li > ul > li:first-child > a{

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;

}

.barra-sup .menu-prin > ul > li > ul > li > ul > li:last-child > a{

	border-bottom-left-radius: 4px;

	border-bottom-right-radius: 4px;

}

.barra-sup .menu-prin > ul > li > ul > li > ul > li:hover > a{

	background: var(--c-azulclaro);

	color: var(--c-blanco);

}

.barra-sup .menu-otros{}

.barra-sup .menu-otros > ul{

	list-style: none;

	padding: 0;

	margin: 0;

	text-align: right;

}

.barra-sup .menu-otros > ul > li{

	display: inline-block;

}

.barra-sup .menu-otros > ul > li > a{

	display: block;

	padding: 8px 10px;

}

.barra-sup .menu-otros > ul > li > a:hover{

	opacity: .7;

}

.barra-sup .menu-otros > ul > li > a span{

	display: inline-block;

	vertical-align: middle;

}

.barra-sup .menu-otros > ul > li > a svg{

	display: inline-block;

	height: 16px;

	fill: var(--c-texto);

	vertical-align: middle;

	transition: all .3s ease;

}

.barra-sup.portada{}

.barra-sup.portada:before{

	background: var(--c-negro);

	opacity: .30;

}

.barra-sup.portada h1 a svg {

    fill: var(--c-blanco);

}

/* WIP 30-05-2023 */
.barra-sup.portada h1 a svg .cls-1 {

    fill: #019cfe;

}

.barra-sup.portada .menu-prin > ul > li > a{

	color: var(--c-blanco);

}

.barra-sup.portada .menu-prin > ul > li.menu-item-has-children > a:after{

	border-top-color: var(--c-blanco);

}

.barra-sup.portada .menu-otros > ul > li > a {

    color: var(--c-blanco);

}

.barra-sup.portada .menu-otros > ul > li > a svg{

	fill: var(--c-blanco)

}

.barra-sup.mini{

	padding-top: 5px;

    padding-bottom: 5px;

}

.barra-sup.mini:before{

	background: var(--c-blanco);

	opacity: 1;

}

.barra-sup.mini h1 a svg {

    fill: var(--c-azulnegro);

}

.barra-sup.mini .menu-prin > ul > li > a{

	color: var(--c-texto);

}

.barra-sup.mini .menu-prin > ul > li.menu-item-has-children > a:after{

	border-top-color: var(--c-texto);

}

.barra-sup.mini .menu-otros > ul > li > a {

    color: var(--c-texto);

}

.barra-sup.mini .menu-otros > ul > li > a svg{

	fill: var(--c-texto)

}

section{}

section.primera-seccion{

	height: 100%;

}

.banner-home{

	height: 100%;

	background: var(--c-azulbanner);

	overflow: hidden;

	position: relative;

}

.banner-home .dia-izq{

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: calc(50% + 7vh);

	/* background-color: var(--c-azuloscuro); */

	z-index: 1;

	clip-path: polygon(0 0, 100% 0, calc(100% - 14vh) 100%, 0% 100%);

	transition: all 1s ease;

}

.banner-home .dia-der{

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	width: calc(50% + 7vh);

	/* background-color: var(--c-azuloscuro); */

	z-index: 1;

	clip-path: polygon(14vh 0, 100% 0, 100% 100%, 0% 100%);

	transition: all 1s ease;

}

.banner-home .dia-izq .fondo,

.banner-home .dia-der .fondo{

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	background-size: cover;

	background-position: center center;

	opacity: .7;

	transition: all 1s ease;

}

.banner-home:hover .dia-izq,

.banner-home:hover .dia-der{

	width: calc(28% + 7vh);

}

.banner-home .dia-izq:hover{

	width: calc(72% + 7vh);

}

.banner-home .dia-der:hover{

	width: calc(72% + 7vh);

}

.banner-home .dia-izq:hover .fondo,

.banner-home .dia-der:hover .fondo{

	opacity: .2;

}

.banner-home .default{

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	opacity: 1;

	transition: all .3s ease;

}

.banner-home .default .bloque{

	width: 400px;

	margin: 0 auto;

	text-align: center;

}

.banner-home .default .bloque h2{

	color: var(--c-blanco);

	text-transform: uppercase;

	font-size: 37px;

	margin-bottom: 12px;

}

.banner-home .default .bloque p{

	color: var(--c-blanco);

	margin: 0;

	font-weight: bold;

}

.banner-home .default .bloque .mas{

	border: 2px solid var(--c-blanco);

	display: inline-block;

	width: 49px;

	height: 49px;

	overflow: hidden;

	border-radius: 50%;

	line-height: 0;

	margin-top: 30px;

}

.banner-home .default .bloque .mas svg{

	fill: var(--c-blanco);

	width: 21px;

	position: relative;

	top: 8px;

}

.banner-home .activado{

	position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    transition: all .3s ease;

}

.banner-home .activado .bloque{

	text-align: center;

	max-width: 1000px;

	margin: 0 auto;

}

.banner-home .activado .bloque h2{

	color: var(--c-blanco);

	text-transform: uppercase;

	font-size: 37px;

	margin-bottom: 70px;

}

.banner-home .activado .bloque a.curso{

	display: inline-block;

	margin-bottom: 60px;

}

.banner-home .activado .bloque a.curso .img{

	height: 115px;

	width: 220px;

	overflow: hidden;

	margin: 0 auto;

}

.banner-home .activado .bloque a.curso .img img{

	max-height: 90px;

	max-width: 100%;

	position: relative;

	top: 50%;

	transform: translateY(-50%);

}

.banner-home .activado .bloque a.curso h3{

	color: var(--c-blanco);

	font-size: 16px;

}

.banner-home .activado .bloque a.curso:hover{

	opacity: .7;

}

.banner-home .activado .bloque .ver-todos{

	padding-top: 40px;

}

.banner-home .dia-izq:hover .default,

.banner-home .dia-der:hover .default{

	opacity: 0;

}

.banner-home .dia-izq:hover .activado,

.banner-home .dia-der:hover .activado{

	opacity: 1;

	transition: all .3s ease .3s;

}

.modu{

	padding-top: 50px;

	padding-bottom: 50px;

	background: var(--c-blanco);

}

.modu.modu-celeste{

	background-color: var(--c-celeste);

}

.modu.modu-azul{

	background-color: var(--c-azuloscuro);

}

.modu.modu-gris{

	background-color: var(--c-casiblanco);

}

.modu.linea-sup{

	border-top: 1px solid var(--c-grisclaro);

}

.modu h2{

	color: var(--c-azulclaro);

	text-transform: uppercase;

	text-align: center;

	font-size: 28px;

	margin-bottom: 50px;

	position: relative;

}

.modu h2:before{

	content: '';

	background: var(--c-azulclaro);

	height: 2px;

	width: 44px;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -22px;

	bottom: -17px;

}

.modu h2.engris{

	color: var(--c-grisoscuro);

	font-weight: normal;

	letter-spacing: 2px;

	font-size: 25px;

	margin-bottom: 30px;

}

.modu h2.engris:before{

	display: none;

}

.modu .img{}

.modu .img img{

	max-width: 100%;

}

.modu .ver-mas{

	text-align: center;

	padding-top: 25px;

}

.modu .cursos-tabs{

}

.modu .cursos-tabs .lostabs{

	text-align: center;

	margin-bottom: 35px;

}

.modu .cursos-tabs .eltab{

	display: inline-block;

	margin-left: 40px;

	margin-right: 40px;

	cursor: pointer;

	padding-bottom: 35px;

	position: relative;

}

.modu .cursos-tabs .eltab:before{

	content: '';

	display: block;

	width: 3px;

	height: 10px;

	background: var(--c-texto);

	position: absolute;

	left: 50%;

	bottom: -2px;

	transform: rotate(45deg);

	transition: all .3s ease;

}

.modu .cursos-tabs .eltab:after{

	content: '';

	display: block;

	width: 3px;

	height: 10px;

	background: var(--c-texto);

	position: absolute;

	left: 50%;

	bottom: -2px;

	margin-left: -6px;

	transform: rotate(-45deg);

	transition: all .3s ease;

}

.modu .cursos-tabs .eltab:first-child{

	margin-left: 0;

}

.modu .cursos-tabs .eltab:last-child{

	margin-right: 0;

}

.modu .cursos-tabs .eltab svg{

	height: 42px;

	max-width: 190px;

}

.modu .cursos-tabs .eltab svg path{

	fill: var(--c-texto);

	transition: all .3s ease;

}

.modu .cursos-tabs .eltab:hover svg path,

.modu .cursos-tabs .eltab.activo svg path{

	fill: var(--c-azulclaro);

}

.modu .cursos-tabs .eltab:hover:before,

.modu .cursos-tabs .eltab.activo:before,

.modu .cursos-tabs .eltab:hover:after,

.modu .cursos-tabs .eltab.activo:after{

	background: var(--c-azulclaro);

}

.modu .cursos-tabs .losdes{}

.modu .cursos-tabs .eldes{

	display: none;

}

.modu .cursos-tabs .eldes:first-child{

	display: block;

}

.modu .cursos-tabs .eldes .loscur{

	position: relative;

}

.modu .cursos-tabs .eldes .loscur .slick-arrow{

	position: absolute;

	opacity: .5;

	transition: all .3s ease;

}

.modu .cursos-tabs .eldes .loscur .slick-arrow:hover{

	opacity: 1;

}

.modu .cursos-tabs .eldes .loscur .slick-prev{

	top: 50%;

	left: -60px;

	border: 0 none;

	background: none;

	height: 45px;

	width: 27px;

	padding: 0;

	margin: 0;

	margin-top: -22px;

	font-size: 0;

	text-indent: -200px;

	overflow: hidden;

}

.modu .cursos-tabs .eldes .loscur .slick-prev:before{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	top: 0;

	transform: rotate(45deg);

}

.modu .cursos-tabs .eldes .loscur .slick-prev:after{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	bottom: 0;

	transform: rotate(-45deg);

}

.modu .cursos-tabs .eldes .loscur .slick-next{

	top: 50%;

	right: -60px;

	border: 0 none;

	background: none;

	height: 45px;

	width: 27px;

	padding: 0;

	margin: 0;

	margin-top: -22px;

	font-size: 0;

	text-indent: -200px;

	overflow: hidden;

}

.modu .cursos-tabs .eldes .loscur .slick-next:before{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	top: 0;

	transform: rotate(-45deg);

}

.modu .cursos-tabs .eldes .loscur .slick-next:after{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	bottom: 0;

	transform: rotate(45deg);

}

.modu .cursos-tabs .eldes .loscur .slick-track {

	display: flex !important;

}

.modu .cursos-tabs .eldes .loscur .slick-slide {

	margin: 0 10px;

	height: inherit !important;

}

.modu .cursos-tabs .eldes .loscur .slick-list {

    margin: 0 -10px;

}

.modu .cursos-tabs .eldes .loscur .cadacur{}

.modu .cursos-tabs .eldes .loscur .cadacur > a{

	display: block;

	height: 100%;

	background-color: var(--c-blanco);

	border-radius: 4px;

}

.modu .cursos-tabs .eldes .loscur .cadacur > a .img{

	padding-bottom: 100%;

	background-size: 100% auto;

	background-position: center center;

	transition: all .3s ease;

	border-radius: 4px 4px 0 0;

}

.modu .cursos-tabs .eldes .loscur .cadacur > a .txt{

	/* background: var(--c-blanco); */

	padding: 25px 22px;

}

.modu .cursos-tabs .eldes .loscur .cadacur > a .txt h3{

	font-size: 20px;

	color: var(--c-azulclaro);

	margin-bottom: 10px;

	transition: all .3s ease;

}

.modu .cursos-tabs .eldes .loscur .cadacur > a .txt p{

	font-size: 14px;

	margin: 0;

}

.modu .cursos-tabs .eldes .loscur .cadacur > a:hover .img{

	background-size: 108% auto;

}

.modu .cursos-tabs .eldes .loscur .cadacur > a:hover .txt h3{

	color: var(--c-azuloscuro);

}

.modu .testi{

	padding-top: 15px;

}

.modu .testi-lista{

	position: relative;

}

.modu .testi-lista .slick-arrow{

	position: absolute;

	opacity: .5;

	transition: all .3s ease;

}

.modu .testi-lista .slick-arrow:hover{

	opacity: 1;

}

.modu .testi-lista .slick-prev{

	top: 50%;

	left: -60px;

	border: 0 none;

	background: none;

	height: 45px;

	width: 27px;

	padding: 0;

	margin: 0;

	margin-top: -22px;

	font-size: 0;

	text-indent: -200px;

	overflow: hidden;

}

.modu .testi-lista .slick-prev:before{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	top: 0;

	transform: rotate(45deg);

}

.modu .testi-lista .slick-prev:after{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	bottom: 0;

	transform: rotate(-45deg);

}

.modu .testi-lista .slick-next{

	top: 50%;

	right: -60px;

	border: 0 none;

	background: none;

	height: 45px;

	width: 27px;

	padding: 0;

	margin: 0;

	margin-top: -22px;

	font-size: 0;

	text-indent: -200px;

	overflow: hidden;

}

.modu .testi-lista .slick-next:before{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	top: 0;

	transform: rotate(-45deg);

}

.modu .testi-lista .slick-next:after{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	bottom: 0;

	transform: rotate(45deg);

}

.modu .testi-item{}

.modu .testi-item .foto{

	height: 100px;

	width: 100px;

	display: inline-block;

	background-size: cover;

	margin-bottom: 10px;

	border-radius: 50%;

}

.modu .notis{

	padding-top: 25px;

}

.modu .notis-item{

	background: var(--c-blanco);

	display: block;

	height: 100%;

	border-radius: 4px;

}

.modu .notis-item .img{

	padding-bottom: 60%;

	background-size: 100% auto;

	background-position: center center;

	transition: all .3s ease;

	border-radius: 4px 4px 0 0;

}

.modu .notis-item .txt{

	padding: 25px 22px 65px;

	text-align: center;

}

.modu .notis-item .txt h3 {

    font-size: 18px;

    color: var(--c-azulclaro);

	margin-bottom: 10px;

    transition: all .3s ease;

}

.modu .notis-item .txt p {

    font-size: 14px;

    margin: 0;

}

.modu .notis-item .txt .leermas{

	color: var(--c-azulclaro);

	position: absolute;

	bottom: 25px;

	left: 0;

	right: 0;

	font-weight: bold;

	font-size: 14px;

	transition: all .3s ease;

}

.modu .notis-item:hover .img{

	background-size: 110% auto;

}

.modu .notis-item:hover .txt h3{

	color: var(--c-azuloscuro);

}

.modu .notis-item:hover .txt .leermas{

	color: var(--c-azuloscuro);

}

.modu .col-curso{

	margin-bottom: 30px;

}

.modu .col-curso .notis-item{

	background: var(--c-casiblanco);

}

.modu .col-curso .notis-item .img{

	padding-bottom: 100%;

}

.modu .col-curso .notis-item .txt{

	padding-bottom: 25px;

	text-align: left;

}

.modu .ver-todos-news{

	text-align: right;

}

.modu .clientes{}

.modu .cli-lista{

	position: relative;

}

.modu .cli-lista .slick-arrow{

	position: absolute;

	opacity: .5;

	transition: all .3s ease;

}

.modu .cli-lista .slick-arrow:hover{

	opacity: 1;

}

.modu .cli-lista .slick-prev{

	top: 50%;

	left: -60px;

	border: 0 none;

	background: none;

	height: 45px;

	width: 27px;

	padding: 0;

	margin: 0;

	margin-top: -22px;

	font-size: 0;

	text-indent: -200px;

	overflow: hidden;

}

.modu .cli-lista .slick-prev:before{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	top: 0;

	transform: rotate(45deg);

}

.modu .cli-lista .slick-prev:after{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	bottom: 0;

	transform: rotate(-45deg);

}

.modu .cli-lista .slick-next{

	top: 50%;

	right: -60px;

	border: 0 none;

	background: none;

	height: 45px;

	width: 27px;

	padding: 0;

	margin: 0;

	margin-top: -22px;

	font-size: 0;

	text-indent: -200px;

	overflow: hidden;

}

.modu .cli-lista .slick-next:before{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	top: 0;

	transform: rotate(-45deg);

}

.modu .cli-lista .slick-next:after{

	content: '';

	display: block;

	width: 5px;

	height: 28px;

	background: var(--c-azulclaro);

	position: absolute;

	left: 10px;

	bottom: 0;

	transform: rotate(45deg);

}

.modu .cli-lista .img{

	text-align: center;

	filter: grayscale(100%);

	opacity: .5;

	padding: 0 60px;

	transition: all .3s ease;

}

.modu .cli-lista .img:hover{

	opacity: 1;

}

.modu .cli-lista .img img{

	max-height: 65px;

	max-width: 136px;

	display: inline-block;

}

.modu-pack{

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	height: 390px;

}

.modu-pack h2{

	color: var(--c-naranja);

	font-weight: normal;

	margin-bottom: 25px;

}

.modu-pack h2:before{

	display: none;

}

.modu-pack p{

	color: var(--c-blanco);

	margin: 0;

}

.modu-pack h3{

	text-align: center;

	color: var(--c-blanco);

	text-transform: uppercase;

	font-size: 24px;

}

.modu-pack h3 span{

	color: var(--c-naranja);

}

.modu-pack .descargar{

	text-align: center;

	padding-top: 25px;

}

.modu-azul h2{

	color: var(--c-blanco);

	margin-bottom: 20px;

}

.modu-azul h2:before{

	display: none;

}

.modu-azul p{

	color: var(--c-blanco);

}

.modu-azul .formu{

	padding-top: 15px;

}

.modu-azul .formu .btn-default:hover{

	border-color: var(--c-blanco) !important;

}

.formu .form-group{

	margin-bottom: 25px;

}

.formu .form-control{

	box-shadow: none;

	border: 0 none;

	font-size: 16px;

}

.formu .form-control:focus{

	box-shadow: 0px 0px 0px 2px var(--c-azulclaro);

}

.formu textarea.form-control{

	height: 38px;

}

.pie-sup{

	background: var(--c-pieclaro);

	color: var(--c-blanco);

	padding-top: 40px;

	padding-bottom: 40px;

}

.pie-sup .bloque{}

.pie-sup .bloque h2{

	font-size: 16px;

	text-transform: uppercase;

	margin-bottom: 16px;

}

.pie-sup .bloque .piedes{}

.pie-sup .bloque .piedes{

	font-size: 14px;

}

.pie-sup .bloque .piedes p{

	margin: 0;

}

.pie-sup .bloque .piedes a{

	color: var(--c-blanco);

}

.pie-sup .bloque .piedes a:hover{

	opacity: .6;

}

.pie-sup .bloque .piedes ul{

	margin: 0;

	padding: 0;

	list-style: none;

}

.pie-sup .bloque .piedes ul li{

	margin: 0 0 7px;

	overflow: hidden;

}

.pie-sup .bloque .piedes ul li:last-child{

	margin-bottom: 0;

}

.pie-sup .bloque .piedes ul li .img{

	float: left;

	margin-right: 9px;

}

.pie-sup .bloque .piedes ul li .img svg{

	height: 14px;

}

.pie-sup .bloque .piedes ul li .litxt{

	overflow: hidden;

}

.pie-sup .bloque .redes{}

.pie-sup .bloque .redes a{

	display: inline-block;

	margin: 0 10px;

}

.pie-sup .bloque .redes a:first-child{

	margin-left: 0;

}

.pie-sup .bloque .redes a:last-child{

	margin-right: 0;

}

.pie-sup .bloque .redes a svg{

	height: 25px;

}

.pie-med{

	background: var(--c-pieclaro);

	padding-top: 30px;

	padding-bottom: 30px;

	border-top: 1px solid var(--c-pieoscuro);

}

.pie-med .txt{

	text-align: center;

	color: var(--c-blanco);

}

.pie-med .txt span{

	display: inline-block;

	margin-right: 15px;

	font-size: 15px;

}

.pie-inf{

	background: var(--c-pieoscuro);

	padding-top: 15px;

	padding-bottom: 15px;

}

.pie-inf .txt{

	text-align: center;

	color: var(--c-blanco);

	opacity: .5;

	font-size: 13px;

}

/* WIP section.primera-seccion-interna{

	padding-top: 65px;

}*/

.banner-int{

	height: 300px;

	background-size: cover;

	background-position: center center;

}

.banner-int .txt{

	color: var(--c-blanco);

	text-align: center;

}

.banner-int .txt h1{

	font-size: 32px;

	margin-bottom: 25px;

}

.banner-int .txt p{

	margin-bottom: 0;

}

.banner-int .txt .suscri{

	padding-top: 30px;

}

.banner-curso{

	height: 380px;

}

.banner-curso .txt{

	text-align: left;

}

.banner-curso .txt h1{

	border-top: 1px solid var(--c-blanco);

	border-bottom: 1px solid var(--c-blanco);

	padding-top: 16px;

	padding-bottom: 16px;

	margin-bottom: 18px;

}

.banner-curso .txt .ini{

	font-size: 24px;

	font-weight: bold;

	line-height: 1.2;

}

.banner-curso .txt .suscri{

	padding-top: 20px;

}

.menu-curso{

	background: var(--c-celeste);

	box-shadow: 0 3px 10px -5px rgba(0,0,0,.3);

	position: sticky;

	top: 51px;

	z-index: 1;

}

.menu-curso .menu-items{

	text-align: center;

	padding-top: 8px;

	padding-bottom: 8px;

}

.menu-curso .menu-items ul{

	padding: 0;

	margin: 0;

}

.menu-curso .menu-items ul li{

	display: inline-block;

}

.menu-curso .menu-items ul li a{

	display: block;

	padding: 8px 12px;

	border-radius: 3px;

}

.menu-curso .menu-items ul li.ins a{

	background: var(--c-azulclaro);

	color: var(--c-blanco);

}

.modu-prin{

	padding-top: 60px;

	padding-bottom: 60px;

}

.formato{}

.formato .elvideo{

	padding-top: 20px;

}

.formato .elvideo .evc{

	position: relative;

	padding-bottom: 56.25%;

}

.formato .elvideo iframe{

	position: absolute;

	left: 0;

	top: 0;

	width: 100% !important;

	height: 100% !important;

}

.datos-curso{

	border: 1px solid var(--c-azulclaro);

	border-radius: 4px;

	margin-bottom: 15px;

}

.datos-curso h3{

	text-transform: uppercase;

	font-size: 20px;

	color: var(--c-azulclaro);

	padding: 12px 20px;

	border-bottom: 1px solid var(--c-azulclaro);

	background: var(--c-casiblanco);

	border-radius: 4px 4px 0 0;

}

.datos-curso .data{

	padding: 20px;

}

.datos-curso .data h4{

	text-transform: uppercase;

	font-size: 20px;

	margin-bottom: 5px;

}

.datos-curso .data h5{

	text-transform: uppercase;

	font-size: 16px;

	margin-bottom: 5px;

}

.datos-curso .data p{}

.datos-curso .data *:last-child{

	margin-bottom: 0;

}

.temario{

	margin-bottom: 20px;

}

.temario .btn{

	width: 100%;

}

.curso-redes{

	text-align: center;

}

.curso-redes a{

	display: inline-block;

	margin: 0 8px;

}

.curso-redes a svg{

	height: 28px;

}

.curso-redes a svg path{

	fill: var(--c-azulclaro);

	transition: all .3s ease;

}

.curso-redes a:hover svg path{

	fill: var(--c-azuloscuro);

}

.diri{}

.diri h2{

	text-align: left;

}

.diri h2:before{

	left: 0;

	margin-left: 0;

}

.formato p{

	margin-bottom: 15px;

}

.formato p img.aligncenter{

	display: block;

	margin: 0 auto;

}

.formato ul{

	list-style: none;

	padding: 0;

	margin: 0;

	margin-bottom: 10px;

}

.formato.doscol ul{

	columns: 2;

	column-gap: 30px;

}

.formato ul li{

	position: relative;

	padding-bottom: 5px;

	padding-left: 25px;

}

.formato ul li:before{

	content: '';

	display: block;

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background: var(--c-grisoscuro);

	top: 9px;

	left: 0;

	position: absolute;

}

.lista-cuadro ul{

	columns: 1;

	border: 1px solid var(--c-grisclaro);

}

.lista-cuadro ul li{

	border-bottom: 1px solid var(--c-grisclaro);

	padding: 12px 20px;

}

.lista-cuadro ul li:last-child{

	border-bottom: 0 none;

}

.lista-cuadro ul li:before{

	display: none;

}

.modu .col-general{}

.modu .col-general h3{

	color: var(--c-blanco);

	text-transform: uppercase;

	font-size: 20px;

	margin-bottom: 40px;

	position: relative;

}

.modu .col-general h3:before{

	content: '';

	display: block;

	position: absolute;

	background: var(--c-blanco);

	left: 0;

	bottom: -10px;

	width: 45px;

	height: 2px;

}

.modu .tarjeta{

	text-align: center;

}

.modu .tarjeta .tar-sup{

	background: var(--c-azulclaro);

	height: 120px;

	position: relative;

	border-radius: 4px 4px 0 0;

}

.modu .tarjeta .tar-sup .img{

	width: 120px;

	height: 120px;

	background-color: var(--c-blanco);

	background-size: cover;	

	background-position: center center;

	border-radius: 50%;

	border: 5px solid var(--c-blanco);

	position: absolute;

	left: 50%;

	margin-left: -60px;

	top: 57px;

}

.modu .tarjeta .tar-inf{

	background: var(--c-casiblanco);

	border-radius: 0 0 4px 4px;

	padding: 80px 20px 20px;

}

.modu .tarjeta .tar-inf h4{

	font-size: 20px;

	margin-bottom: 8px;

}

.modu .tarjeta .tar-inf .puesto{

	margin-bottom: 15px;

}

.modu .tarjeta .tar-inf .des{

	border-top: 1px solid var(--c-grisclaro);

	padding-top: 15px;

}

.modu .tarjeta .tar-inf .des *:last-child{

	margin-bottom: 0;

}

.modu .opi-lista{

	margin: 0 -10px;

}

.modu .opi-lista .slick-track{

	display: flex !important;

}

.modu .opi-lista .slick-slide{

	margin: 0 10px;

	background: var(--c-blanco);

	padding: 20px;

	text-align: center;

	border-radius: 4px;;

	height: inherit !important;

}

.modu .opi-lista .slick-slide .nombre{

	font-size: 20px;

	font-weight: bold;

	border-bottom: 1px solid var(--c-grisclaro);

	padding-bottom: 15px;

}

.modu .opi-lista .slick-slide .testi{}

.modu-celeste .formu{

	padding-top: 15px;

}

.infor{}

.infor .img{

	margin-bottom: 15px;

}

.infor .img svg{

	height: 25px;

}

.infor h3{

	text-transform: uppercase;

	font-weight: bold;

	font-size: 22px;

}

.infor p{

	font-weight: bold;

	font-size: 20px;

}

.infor .redes{}

.infor .redes a{

	display: inline-block;

	margin: 0 5px;

}

.infor .redes a svg{

	height: 30px;

}

.infor .redes a svg path{

	fill: var(--c-azulclaro);

	transition: all .3s ease;

}

.infor .redes a:hover svg path{

	fill: var(--c-azuloscuro);

}

.modu-azul .formato ul li{

	color: var(--c-blanco);

}

.modu-azul .formato ul li:before{

	background: var(--c-blanco);

}

.modu .logoit{

	margin-bottom: 25px;

	text-align: center;

}

.modu .logoit img{

	width: 280px;

}

.modal-pack{}

.modal-pack .modal-dialog{

	max-width: 600px;

}

.modal-pack .modal-content{

	border-radius: 0;

	border: 0 none;

}

.modal-pack .modal-header{

	padding: 0;

	position: relative;

	border: 0 none;

}

.modal-pack .modal-header .pack-cabe{

	background-image: url(images/popup-top.jpg);

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	width: 100%;

	padding: 48px 0;

}

.modal-pack .modal-header .pack-cabe h2{

	color: var(--c-blanco);

	text-transform: uppercase;

	font-size: 28px;

	text-align: center;

}

.modal-pack .modal-header .pack-cabe h2 span{

	font-weight: bold;

	color: var(--c-amarillo);

}

.modal-pack .modal-header button{

	position: absolute;

	right: 0;

	top: 0;

	margin: 0;

	padding: 7px 14px;

    font-size: 30px;

}

.modal-pack .modal-header button span{

	color: var(--c-blanco);

}

.modal-pack .pack-body{}

.modal-pack .pack-body .formu{

	padding: 25px 10px;

}

.modal-pack .pack-body .formu .form-group{

	margin-bottom: 15px;

}

.modal-pack .pack-body .formu .form-control{

	background: var(--c-casiblanco);

	height: 50px;

}

.modal-pack .pack-body .formu .registrate{

	text-align: center;

}

.modal-pack .pack-body .formu .acepto{

	text-align: center;

	margin-bottom: 25px;

	padding-top: 11px;

}

.modal-pack .pack-body .formu .acepto a{

	color: var(--c-azulclaro);

}

.modal-pack .pack-body .formu .btn:hover{

	border-color: var(--c-naranja) !important;

}

.modal-popup{}

.modal-popup .modal-dialog{

	max-width: 450px;

}

.modal-popup .modal-content{

	border-radius: 0;

	border: 0 none;

	background: none;

}

.modal-popup .modal-header{

	padding: 0 0 100%;

	position: relative;

	border: 0 none;

}

.modal-popup .modal-header .popup-img{

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	width: 100%;

	position: absolute;

	height: 100%;

	top: 0;

	left: 0;

	border-radius: 10px;

	cursor: pointer;

}

.modal-popup .modal-header button{

	position: absolute;

	right: 0;

	top: 0;

	margin: 0;

	padding: 7px 14px;

    font-size: 30px;

}

.modal-popup .modal-header button span{

	color: var(--c-blanco);

}

.modal-popup-formu{}

.modal-popup-formu .modal-dialog{

	max-width: 450px;

}

.modal-popup-formu .modal-content{

	border-radius: 10px;

	border: 0 none;

	background: var(--c-azulnegro);

}

.modal-popup-formu .modal-header{

	padding: 20px;

	position: relative;

	border: 0 none;

}

.modal-popup-formu .modal-header button{

	position: absolute;

	right: 0;

	top: 0;

	margin: 0;

	padding: 7px 14px;

    font-size: 30px;

}

.modal-popup-formu .modal-header button span{

	color: var(--c-blanco);

}

.modal-popup-formu .modal-body{

	padding: 0 50px 45px;

}

.modal-popup-formu .modal-body h2{

	color: var(--c-azulchillon);

	font-weight: bold;

	text-align: center;

	display: block;

	width: 100%;

	line-height: 1.2;

	font-size: 28px;

	margin-bottom: 40px;

}

.modal-popup-formu .modal-body .formu .form-group{

	margin-bottom: 17px;

}

.modal-popup-formu .modal-body .formu .form-control{

	background: var(--c-azulnegro);

	border: 2px solid var(--c-azulchillon);

	box-shadow: none;

	color: var(--c-blanco);

	border-radius: 7px;

	height: 50px;

	padding-left: 20px;

	padding-right: 20px;

}

.modal-popup-formu .modal-body .formu .form-control:focus{

	border-color: var(--c-azulclaro);

}

.modal-popup-formu .modal-body .formu .form-control::placeholder{

	color: var(--c-blanco);

	opacity: .7;

}

.modal-popup-formu .modal-body .formu .enviar{

	text-align: center;

	padding-top: 25px;

}

.modal-popup-formu .modal-body .formu .enviar .btn{

	position: relative;

	width: 80px;

	height: 35px;

}

.modal-popup-formu .modal-body .formu .enviar .btn:after{

	content: '';

	display: block;

	position: absolute;

	height: 7px;

	width: 18px;

	background: var(--c-azulnegro);

	transform: rotate(45deg);

	border-radius: 5px;

	left: 21px;

	bottom: 8px;

}

.modal-popup-formu .modal-body .formu .enviar .btn:before{

	content: '';

	display: block;

	position: absolute;

	height: 7px;

	width: 30px;

	background: var(--c-azulnegro);

	transform: rotate(-45deg);

	border-radius: 5px;

	left: 28px;

	bottom: 12px;

}

#formu-popup .iti__selected-dial-code{

	color: var(--c-blanco);

}

#formu-popup .iti__arrow{

	border-top-color: #bbb;

}

.modu-confondo{

	background-size: cover;

	background-position: center top;

	background-repeat: no-repeat;

	padding-top: 140px;

	padding-bottom: 100px;

}

.home-frase{

	font-size: 28px;

    font-style: italic;

	line-height: 1.2;

	margin-bottom: 80px;

}

.home-frase span{

	position: relative;

	z-index: 1;

}

.home-frase span:before{

	position: absolute;

	content: '';

	display: block;

	width: 60px;

    height: 60px;

    left: -64px;

    top: -19px;

	background: url(images/comi-abre.png) center center no-repeat;

	background-size: 100% auto;

	z-index: -1;

}

.home-frase span:after{

	position: absolute;

	content: '';

	display: block;

	width: 60px;

    height: 60px;

    right: -64px;

    bottom: -19px;

	background: url(images/comi-cierra.png) center center no-repeat;

	background-size: 100% auto;

	z-index: -1;

}

.modu-confondo .logos{

	text-align: center;

}

.modu-confondo .logos img{

	margin: 0 30px;

	max-height: 100px;

	width: auto;

}



.hamburguesa{

	display: none;

}

.boton-wsp{

	position: fixed;

    z-index: 1;

    bottom: 25px;

    left: 20px;

}

.boton-wsp a{

	background-image: url(images/wsp.png);

	background-size: cover;

    background-position: center center;

    width: 60px;

    height: 60px;

    display: block;

	border-radius: 50%;

	box-shadow: 0 3px 10px -5px rgb(0 0 0 / 30%);

}

.form-group .iti{

	display: block;

}

.form-group .iti__selected-dial-code{

	line-height: 1.2;

}

.fb_dialog,

.fb_iframe_widget{

	z-index: 2 !important;

}



/**/



body.admin-bar header .barra-sup{

	top: 32px;

}

body.admin-bar .menu-curso{

	top: 83px;

}



@media (max-width: 1600px) {



	.banner-home .activado .bloque {

		max-width: 700px;

	}

	.banner-home .activado .bloque a.curso .img {

		width: 203px;

		height: 100px;

	}

	.banner-home .activado .bloque a.curso .img img {

		max-height: 55px;

	}

	.banner-home .activado .bloque h2 {

		font-size: 32px;

		margin-bottom: 25px;

	}

	.banner-home .activado .bloque a.curso {

		margin-bottom: 35px;

	}

	.banner-home .activado .bloque .ver-todos {

		padding-top: 20px;

	}

	.banner-home .default .bloque {

		width: 300px;

	}

	.banner-home .default .bloque h2 {

		font-size: 32px;

	}



}



@media (max-width: 1199px) {



	.modu .cursos-tabs .eldes .loscur{

		margin-left: 50px;

		margin-right: 50px;

	}

	.modu .testi-lista{

		margin-left: 50px;

		margin-right: 50px;

	}

	.modu .cli-lista{

		margin-left: 50px;

		margin-right: 50px;

	}

	.barra-sup .menu-otros > ul > li > a {

		padding: 8px 5px;

	}

	.banner-home .activado .bloque {

		max-width: 620px;

	}

	.banner-home .activado .bloque a.curso .img {

		width: 176px;

		height: 90px;

	}

	.home-frase {

		font-size: 21px;

	}

	.home-frase span:before {

		width: 40px;

		height: 40px;

		left: -47px;

		top: -12px;

	}

	.home-frase span:after {

		width: 40px;

		height: 40px;

		right: -47px;

		bottom: -12px;

	}

	.modu-confondo {

		padding-top: 90px;

		padding-bottom: 40px;

	}

	.modu-confondo .logos img {

		max-height: 70px;

	}



}



@media (max-width: 991px) {



	.barra-sup .menu-prin > ul{

		text-align: left;

	}

	.barra-sup .menu-prin > ul > li{

		display: block;

	}

	.barra-sup .menu-prin > ul > li > a{

		display: inline-block;

	}

	.barra-sup .menu-otros > ul{

		text-align: left;

	}

	.barra-sup .menu-otros > ul > li{

		display: block;

	}

	.barra-sup .menu-otros > ul > li > a{

		display: inline-block;

	}

	.barra-sup h1{

		padding-bottom: 6px; /*WIP*/

		margin-top: 8px; /*WIP*/
	}

	.barra-sup h1 a{

		display: inline-block;

	}

	.barra-sup .menu-prin > ul > li > ul{

		position: unset;

		border: 0 none;

		border-radius: 0;

		background: none;

	}

	.barra-sup .menu-prin > ul > li > ul > li{

		border-bottom: 0 none;

		padding-left: 25px;

	}

	.barra-sup .menu-prin > ul > li > ul > li > a{

		display: inline-block;

	}

	.barra-sup .menu-prin > ul > li > ul > li:hover > a{

		background: none;

		color: var(--c-texto);

	}

	.barra-sup .menu-prin > ul > li > ul > li > ul{

		position: unset;

		border: 0 none;

		border-radius: 0;

		background: none;

	}

	.barra-sup .menu-prin > ul > li > ul > li > ul > li{

		border-bottom: 0 none;

		padding-left: 25px;

	}

	.barra-sup .menu-prin > ul > li > ul > li > ul > li:hover > a{

		background: none;

		color: var(--c-texto);

	}

	.hamburguesa{

		display: block;

		position: absolute;

		right: 0;

		top: 0;

		padding: 13px 12px;

		cursor: pointer;

	}

	.hamburguesa span{

		display: block;

		width: 25px;

		height: 2px;

		background: var(--c-azuloscuro);

		margin-bottom: 5px;

	}

	.hamburguesa span:last-child{

		margin-bottom: 0;

	}

	.todomenu{

		display: none;

	}

	.barra-sup.portada:before {

		background: var(--c-azuloscuro);

		opacity: 1;

	}

	.barra-sup.mini:before {

		background: var(--c-blanco);

		opacity: 1;

	}

	.barra-sup.portada .hamburguesa span{

		background: var(--c-blanco);

	}

	.barra-sup.mini .hamburguesa span{

		background: var(--c-azuloscuro);

	}

	.barra-sup.portada .menu-prin > ul > li > ul > li > a{

		color: var(--c-blanco);

	}

	.barra-sup.mini .menu-prin > ul > li > ul > li > a{

		color: var(--c-texto);

	}

	.barra-sup.portada .menu-prin > ul > li > ul > li.menu-item-has-children > a:after{

		border-color: transparent transparent transparent var(--c-blanco);

	}

	.barra-sup.mini .menu-prin > ul > li > ul > li.menu-item-has-children > a:after{

		border-color: transparent transparent transparent var(--c-texto);

	}

	.barra-sup.portada .menu-prin > ul > li > ul > li > ul > li > a{

		color: var(--c-blanco);

	}

	.barra-sup.mini .menu-prin > ul > li > ul > li > ul > li > a{

		color: var(--c-texto);

	}

	.modu .cursos-tabs .eltab svg {

		height: 30px;

		max-width: 150px;

	}

	.modu-pack{

		height: initial;

	}

	.modu .cli-lista .img {

		padding: 0 20px;

	}

	section.primera-seccion{

		height: initial;

	}

	.banner-home{

		height: initial;

		position: unset;

		padding-top: 69px;

	}

	.banner-home .dia-izq,

	.banner-home .dia-der{

		position: relative;

		width: 100% !important;

		clip-path: none;

	}

	.banner-home .default{

		position: unset;

		height: 230px;

		opacity: 1 !important;

	}

	.banner-home .default .bloque{

		width: 100%;

		max-width: 550px;

	}

	.banner-home .activado{

		position: unset;

		max-height: 0;

		opacity: 1 !important;

		overflow: hidden;

	}

	.banner-home .dia-izq .fondo{

		height: 230px;

		bottom: initial;

		background-position: left center;

		opacity: .4 !important;

	}

	.banner-home .dia-der .fondo{

		height: 230px;

		bottom: initial;

		background-position: right center;

		opacity: .4 !important;

	}

	.banner-home .dia-izq .default .bloque .mas,

	.banner-home .dia-der .default .bloque .mas{

		transition: all .3s ease;

		cursor: pointer;

	}

	.banner-home .dia-izq.abierto .default .bloque .mas,

	.banner-home .dia-der.abierto .default .bloque .mas{

		transform: rotate(135deg);

	}

	.banner-home .dia-izq.abierto .activado,

	.banner-home .dia-der.abierto .activado{

		max-height: 800px;

	}

	.banner-home .activado .bloque {

		max-width: initial;

		padding-top: 40px;

		padding-bottom: 40px;

	}

	.banner-home .activado .bloque h2{

		display: none;

	}

	.banner-home .activado .bloque a.curso .img {

		margin-bottom: 12px;

	}

	.banner-home .activado .bloque a.curso .img img {

		max-height: 80px;

	}

	.banner-home .activado .bloque .ver-todos{

		padding-top: 0;

	}

	.modu-confondo {

		padding-top: 70px;

		padding-bottom: 45px;

	}

	.modu-confondo .logos img {

		margin: 0 15px;

		max-height: 60px;

	}

	.home-frase {

		margin-bottom: 55px;

	}

	

}



@media (max-width: 767px) {



	body{

		font-size: 14px;

	}

	.modu .cursos-tabs .eldes .loscur .slick-next{

		right: -50px;

	}

	.modu .cursos-tabs .eldes .loscur .slick-prev{

		left: -50px;

	}

	.modu-pack{

		background-position: left center;

	}

	.modu .testi-lista .slick-next{

		right: -50px;

	}

	.modu .testi-lista .slick-prev{

		left: -50px;

	}

	.modu .ver-todos-news {

		text-align: center;

	}

	.modu .notis{

		padding-left: 20px;

		padding-right: 20px;

	}

	.modu .cli-lista .img img{

		max-width: 100px;

	}

	.modu .cli-lista .slick-next{

		right: -50px;

	}

	.modu .cli-lista .slick-prev{

		left: -50px;

	}

	.pie-sup .bloque h2{

		text-align: center;

	}

	.pie-sup .bloque .piedes{

		text-align: center;

	}

	.pie-sup .bloque .piedes ul li .img{

		float: none;

		display: inline;

	}

	.pie-sup .bloque .piedes ul li .litxt{

		display: inline;

	}

	.banner-home .default .bloque h2{

		font-size: 22px;

	}

	.banner-home .dia-izq .fondo,

	.banner-home .dia-der .fondo{

		height: 190px;

	}

	.banner-home .default{

		height: 190px;

	}

	.banner-home .default .bloque .mas {

		margin-top: 20px;

	}

	.banner-home .activado .bloque a.curso .img {

		width: 140px;

		height: 70px;

	}

	.banner-home .activado .bloque a.curso .img img {

		max-height: 60px;

	}

	.modu .cursos-tabs .lostabs{

		margin-bottom: 0;

	}

	.modu .cursos-tabs .eltab{

		margin-left: 30px !important;

		margin-right: 30px !important;

		margin-bottom: 30px;

	}

	.banner-curso .txt{

		text-align: center;

	}

	.curso-redes{

		margin-bottom: 30px;

	}

	.formato.doscol ul{

		columns: 1;

	}

	.form-group .iti__selected-dial-code{

		font-size: 16px;

	}

	.home-frase {

		margin-bottom: 50px;

		padding-left: 30px;

		padding-right: 30px;

		font-size: 19px;

	}

	.home-frase span:before {

		width: 30px;

		height: 30px;

		left: -34px;

		top: -6px;

	}

	.home-frase span:after {

		width: 30px;

		height: 30px;

		right: -34px;

		bottom: -6px;

	}

	.modu-confondo .logos img {

		margin: 0 15px;

		max-height: 70px;

		margin-bottom: 15px;

	}

	

}