/*- Generales -*/
/*---- 0. Reinicio -----*/
*{margin:0;padding:0;border:0;text-decoration:none;box-sizing:border-box;list-style: none;}

/*---- 1. Tipografias ----*/
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  }
	.material-icons {
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		display: inline-block;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
	}
@font-face {
	font-family: 'iconos';
	src:  url('../font/iconos.eot?q9nkte');
	src:  url('../font/iconos.eot?q9nkte#iefix') format('embedded-opentype'),
		url('../font/iconos.ttf?q9nkte') format('truetype'),
		url('../font/iconos.woff?q9nkte') format('woff'),
		url('../font/iconos.svg?q9nkte#iconos') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
	}
	  [class^="icon-"], [class*=" icon-"] {
		font-family: 'iconos' !important;
		speak: never;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	  }
/*--=============================================*/
/*---- 2. Variables ----*/
:root{
	--roboto:'Roboto', sans-serif;
	--roboto-condensed:'Roboto Condensed', sans-serif;
    --iconos: 'Material Icons';
	--issd-mas-c-2: #e1f4ff; --issd-mas-c: #c0e7fc; --issd-c: #20b6ca; --issd: #018395; --issd-o: #005a66; --issd-mas-o: #00414a;
	--asd-mas-c-2:  #e1f4ff; --asd-mas-c:  #b6e0f2; --asd-c:  #53aad4; --asd:  #004a6e; --asd-o:  #003149; --asd-mas-o:  #001f28;
	--verde-mas-c-2:#ebf3c7; --verde-mas-c:#d2e683; --verde-c:#b8cf5f; --verde:#74B42E; --verde-o:#568425; --verde-mas-o:#3f6b15;
	--green-mas-c-2:#c2f2e9; --green-mas-c:#8be8d6; --green-c:#21d8ba; --green:#0abfa0; --green-o:#008c71; --green-mas-o:#006652;
	--rojo-mas-c-2:#ffebeb;  --rojo-mas-c:#FFD9D9;  --rojo-c:#f29898;  --rojo:#e85254;	--rojo-o:#b54040;  --rojo-mas-o:#73191b;
	--amarillo-mas-c-2:#fffad7;  --amarillo-mas-c:#fff6b3; --amarillo-c:#f8e950; --amarillo:#fbdf09; --amarillo-o:#b9a301; --amarillo-mas-o:#877700;
	--naranja-mas-c-2: #ffeaa6; --naranja-mas-c: #f6ce4a; --naranja-c: #F4A521; --naranja: #EC7E09; --naranja-o: #B76617; --naranja-mas-o: #8f4e0d;
	--violeta-mas-c: #dac6ef; --violeta-c: #9073b0; --violeta: #6b4794; --violeta-o: #543875;
	--azul-mas-c:#acb3f1; --azul-c: #7a80ba; --azul: #4f57a1; --azul-o: #40427d;
	--celeste-mas-c:#d5eefa; --celeste-c:#b0e6ff; --celeste:#67cfff;
	--negro:#000;
	--blanco:#fff;
    --gris-10:rgb(10, 10, 30);
    --gris-30:rgb(30, 30, 50);
    --gris-50:rgb(50, 50, 70);
    --gris-70:rgb(70, 70, 90);
    --gris-100:rgb(100, 100, 120);
    --gris-110:rgb(110, 110, 130);
    --gris-130:rgb(130, 130, 150);
    --gris-150:rgb(150, 150, 170);
    --gris-170:rgb(170, 170, 190);
    --gris-190:rgb(190, 190, 210);
    --gris-210:rgb(210, 210, 230);
    --gris-230:rgb(230, 230, 245);
    --gris-240:rgb(240, 240, 255);
    --gris-250:rgb(250, 250, 255);
}
/*--=============================================*/
/*---- 3. Generales ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea{
	text-rendering: optimizeLegibility;
	border: 0;
	font-size:15px;
	font-family:var(--roboto);
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/*--=============================================*/
/*---- 4. Jerarquías ----*/
h1{
    font-size  : 32px;
    font-weight: 900;
    line-height   : 1.1em; 
}
h2{
    font-size  : 24px;
    line-height: 1.2em;
    font-weight: 300;
    margin     : 15px 0;
}
	#cursos h2{ /*home*/
		font-size  : 30px;
		line-height: 1.2em;
		margin     : 15px 0;
	}
h3{
    font-size  : 18px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 15px;
}
h4{
font-size  : 20px;
font-weight: 400;
}
h5{
font-size  : 21px;
font-weight: 300;
margin: 1.5em 0 0 0;
text-transform: none;
font-weight: 700;
letter-spacing: .01em;
}
h6{
    font-size  : 15px;
    font-weight: 700;
    margin: 15px 0;
}
p, li{
    font-weight: 400;
}
ul, ol{
	margin: 0;
}
	/*---- 5. Media Jerarquías ----*/
	@media screen and (min-width:480px){
		h5{font-size: 22px;}
	}
	@media screen and (min-width:560px){
		h1{font-size: 36px; line-height: .85em;}
		h2{font-size: 26px;}
		h5{font-size: 26px;}
	}
	@media screen and (min-width:768px){
		h1{font-size: 48px;}
	}

/*--=============================================*/
/*---- 6. Iconos ----*/
.icon-lab:before {content:"\e9aa";}
.icon-home:before {content:"\e900";}
.icon-home2:before {content:"\e901";}
.icon-home3:before {content:"\e902";}
.icon-office:before {content:"\e903";}
.icon-newspaper:before {content:"\e904";}
.icon-pencil:before {content:"\e905";}
.icon-quill:before {content:"\e907";}
.icon-pen:before {content:"\e908";}
.icon-image:before {content:"\e90d";}
.icon-images:before {content:"\e90e";}
.icon-camera:before {content:"\e90f";}
.icon-music:before {content:"\e911";}
.icon-play:before {content:"\e912";}
.icon-bullhorn:before {content:"\e91a";}
.icon-connection:before {content:"\e91b";}
.icon-mic:before {content:"\e91e";}
.icon-book:before {content:"\e91f";}
.icon-books:before {content:"\e920";}
.icon-file-text:before {content:"\e922";}
.icon-profile:before {content:"\e923";}
.icon-file-empty:before {content:"\e924";}
.icon-file-picture:before {content:"\e927";}
.icon-file-music:before {content:"\e928";}
.icon-file-play:before {content:"\e929";}
.icon-file-video:before {content:"\e92a";}
.icon-folder:before {content:"\e92f";}
.icon-folder-open:before {content:"\e930";}
.icon-price-tag:before {content:"\e935";}
.icon-credit-card:before {content:"\e93f";}
.icon-phone:before {content:"\e942";}
.icon-envelop:before {content:"\e945";}
.icon-pushpin:before {content:"\e946";}
.icon-location:before {content:"\e947";}
.icon-map:before {content:"\e94b";}
.icon-clock:before {content:"\e94e";}
.icon-calendar:before {content:"\e953";}
.icon-printer:before {content:"\e954";}
.icon-tv:before {content:"\e95b";}
.icon-drawer:before {content:"\e95c";}
.icon-drawer2:before {content:"\e95d";}
.icon-box-add:before {content:"\e95e";}
.icon-box-remove:before {content:"\e95f";}
.icon-download:before {content:"\e960";}
.icon-upload:before {content:"\e961";}
.icon-floppy-disk:before {content:"\e962";}
.icon-drive:before {content:"\e963";}
.icon-database:before {content:"\e964";}
.icon-undo:before {content:"\e965";}
.icon-redo:before {content:"\e966";}
.icon-redo2:before {content:"\e968";}
.icon-forward:before {content:"\e969";}
.icon-reply:before {content:"\e96a";}
.icon-bubble:before {content:"\e96b";}
.icon-bubbles:before {content:"\e96c";}
.icon-bubbles3:before {content:"\e96f";}
.icon-user:before {content:"\e971";}
.icon-user-plus:before {content:"\e973";}
.icon-user-minus:before {content:"\e974";}
.icon-user-check:before {content:"\e975";}
.icon-user-tie:before {content:"\e976";}
.icon-quotes-left:before {content:"\e977";}
.icon-quotes-right:before {content:"\e978";}
.icon-hour-glass:before {content:"\e979";}
.icon-spinner:before {content:"\e97a";}
.icon-spinner6:before {content:"\e97f";}
.icon-spinner9:before {content:"\e982";}
.icon-spinner11:before {content:"\e984";}
.icon-search:before {content:"\e986";}
.icon-key:before {content:"\e98d";}
.icon-key2:before {content:"\e98e";}
.icon-lock:before {content:"\e98f";}
.icon-unlocked:before {content:"\e990";}
.icon-wrench:before {content:"\e991";}
.icon-cog:before {content:"\e994";}
.icon-hammer:before {content:"\e996";}
.icon-stats-dots:before {content:"\e99b";}
.icon-gift:before {content:"\e99f";}
.icon-mug:before {content:"\e9a2";}
.icon-spoon-knife:before {content:"\e9a3";}
.icon-leaf:before {content:"\e9a4";}
.icon-rocket:before {content:"\e9a5";}
.icon-bin:before {content:"\e9ac";}
.icon-airplane:before {content:"\e9af";}
.icon-truck:before {content:"\e9b0";}
.icon-switch:before {content:"\e9b6";}
.icon-power-cord:before {content:"\e9b7";}
.icon-menu:before {content:"\e9bd";}
.icon-menu2:before {content:"\e9be";}
.icon-menu3:before {content:"\e9bf";}
.icon-menu4:before {content:"\e9c0";}
.icon-cloud:before {content:"\e9c1";}
.icon-cloud-download:before {content:"\e9c2";}
.icon-cloud-upload:before {content:"\e9c3";}
.icon-cloud-check:before {content:"\e9c4";}
.icon-sphere:before {content:"\e9c9";}
.icon-earth:before {content:"\e9ca";}
.icon-flag:before {content:"\e9cc";}
.icon-man:before {content:"\e9dc";}
.icon-woman:before {content:"\e9dd";}
.icon-plus:before {content:"\ea0a";}
.icon-minus:before {content:"\ea0b";}
.icon-blocked:before {content:"\ea0e";}
.icon-cross:before {content:"\ea0f";}
.icon-checkmark:before {content:"\ea10";}
.icon-play2:before {content:"\ea15";}
.icon-pause:before {content:"\ea16";}
.icon-stop:before {content:"\ea17";}
.icon-previous:before {content:"\ea18";}
.icon-next:before {content:"\ea19";}
.icon-backward:before {content:"\ea1a";}
.icon-forward2:before {content:"\ea1b";}
.icon-play3:before {content:"\ea1c";}
.icon-pause2:before {content:"\ea1d";}
.icon-stop2:before {content:"\ea1e";}
.icon-backward2:before {content:"\ea1f";}
.icon-forward3:before {content:"\ea20";}
.icon-first:before {content:"\ea21";}
.icon-last:before {content:"\ea22";}
.icon-previous2:before {content:"\ea23";}
.icon-next2:before {content:"\ea24";}
.icon-eject:before {content:"\ea25";}
.icon-volume-high:before {content:"\ea26";}
.icon-volume-medium:before {content:"\ea27";}
.icon-volume-low:before {content:"\ea28";}
.icon-volume-mute:before {content:"\ea29";}
.icon-volume-mute2:before {content:"\ea2a";}
.icon-volume-increase:before {content:"\ea2b";}
.icon-volume-decrease:before {content:"\ea2c";}
.icon-arrow-up-left2:before {content:"\ea39";}
.icon-arrow-up2:before {content:"\ea3a";}
.icon-arrow-up-right2:before {content:"\ea3b";}
.icon-arrow-right2:before {content:"\ea3c";}
.icon-arrow-down-right2:before {content:"\ea3d";}
.icon-arrow-down2:before {content:"\ea3e";}
.icon-arrow-down-left2:before {content:"\ea3f";}
.icon-arrow-left2:before {content:"\ea40";}
.icon-circle-up:before {content:"\ea41";}
.icon-circle-right:before {content:"\ea42";}
.icon-circle-down:before {content:"\ea43";}
.icon-circle-left:before {content:"\ea44";}
.icon-checkbox-checked:before {content:"\ea52";}
.icon-scissors:before {content:"\ea5a";}
.icon-embed:before {content:"\ea7f";}
.icon-embed2:before {content:"\ea80";}
.icon-share2:before {content:"\ea82";}
.icon-mail:before {content:"\ea83";}
.icon-mail2:before {content:"\ea84";}
.icon-mail4:before {content:"\ea86";}
.icon-google:before {content:"\ea88";}
.icon-google-plus:before {content:"\ea8b";}
.icon-facebook:before {content:"\ea90";}
.icon-instagram:before {content:"\ea92";}
.icon-whatsapp:before {content:"\ea93";}
.icon-twitter:before {content:"\ea96";}
.icon-youtube:before {content:"\ea9d";}