@charset "utf-8";

/* CSS Document */
html,
body {
	margin     : 0px;
	padding    : 0;
	height     : 100%;
	font-family: 'montserrat', Arial, sans-serif;
	text-align : justify;
	color      : #6d6e71;
	font-weight: normal;
	font-size  : 14px
}

a {
	text-decoration: none;
}

h1,
h2,
h3 {
	font-family: 'montserrat', Arial, sans-serif;
}

h1 {
	font-size    : 35px;
	color        : black;
	margin-bottom: 0;
}

h2 {
	font-size  : 30px;
	color      : #2465b1;
	margin     : 0;
	line-height: 1;
}

h3 {
	font-size    : 35px;
	color        : black;
	margin-bottom: 0;
}

.w3-button:hover {
	background-color: #E9953F !important;
	color           : #fff !important;
}

.w3-button {
	transition-duration: 0.5s
}

.aviso {
	font-weight: bold;
	text-align : center;
	margin     : auto;
	font-size  : 20px;
}

.w3-dropdown-hover {
	position: relative !important;
}

.w3-dropdown-content {
	margin-top      : 55.5px;
	color           : #b9b8b7;
	background-color: rgb(0, 0, 0, 0.7);
	left            : -20px;
	padding         : 0 20px 20px
}

.w3-dropdown-content .w3-bar-item:hover {
	color: white;
}

table {
	border-spacing: 0;
}

th,
td {
	padding        : 0px;
	border-collapse: collapse;
}

hr {
	border: #333 solid 1px;
}

.cuerpo {
	margin    : auto;
	min-height: 300px;
}

.contenido {
	max-width: 1200px;
	margin   : 10px auto;
	padding  : 0 14px
}

.activo {
	border-bottom: 2px solid white !important;
	margin-bottom: -2px;
}

.activo-small {
	color: white;
}

.escribenos {
	background-color     : white;
	bottom               : 30px;
	border-radius        : 5px;
	color                : #73c56f;
	padding              : 10px 15px;
	padding-left         : 20px;
	position             : fixed;
	right                : 30px;
	z-index              : 10;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-ms-border-radius    : 5px;
	-o-border-radius     : 5px;
	border               : solid 1px #eee;
}

.fazul {
	background-color: #2465b1
}

.txtazul {
	color: #2465b1
}

.txtblanco {
	color: white;
}

.bordegris {
	border: 1px solid #a7a9ac;
}

.escribenos img {
	filter        : drop-shadow(0.5px 0.5px 1.5px gray);
	left          : -15px;
	top           : 6px;
	width         : 30px;
	-webkit-filter: drop-shadow(0.5px 0.5px 1.5px gray);
}

.btn {
	background-color     : #2465b1;
	border-radius        : 17px;
	color                : white;
	cursor               : pointer;
	display              : inline-block;
	font-weight          : bold;
	padding              : 7px;
	margin-top           : 20px;
	text-align           : center;
	width                : 185px;
	-webkit-border-radius: 17px;
	-moz-border-radius   : 17px;
	-ms-border-radius    : 17px;
	-o-border-radius     : 17px;
	transition           : 0.5s;
	-webkit-transition   : 0.5s;
	-moz-transition      : 0.5s;
	-ms-transition       : 0.5s;
	-o-transition        : 0.5s;
}


.btn:hover {
	background-color: white;
	color           : #2465b1;
	outline         : 2px solid #2465b1;
}

.temario {
	background-color: white;
	color           : #2465b1;
	outline         : 2px solid #2465b1;
}

#cursos .temario,
#diplomados .temario {
	margin-left: 15px;
}

@media only screen and (max-width: 417px) {

	#cursos .temario,
	#diplomados .temario {
		margin-left: 0
	}
}

#curso1 h2 {
	text-align: left;
}


.circular {
	background-size      : cover;
	background-position  : center;
	width                : 190px;
	height               : 190px;
	border-radius        : 50%;
	margin               : 70px auto 30px;
	padding              : 5px;
	outline              : 1px solid #0dbcdd;
	outline-offset       : 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius   : 50%;
	-ms-border-radius    : 50%;
	-o-border-radius     : 50%;
}

.flotante {
	position: absolute;
	margin  : 0
}

.linea-fondo {
	background-image     : url(assets/linea.png);
	background-size      : contain;
	background-repeat    : no-repeat;
	background-position-y: 155px;
}

header.w3-top {
	z-index: 3;
}

header,
header .contactos {
	background-color: white;
	margin          : 0 auto;
	/* padding-top  :10px */
}

header .contactos {
	display        : flex;
	justify-content: end;
}

header nav {
	background-color: rgb(0, 0, 0, 0.7);
	position        : absolute;
	z-index         : 5;
}

header .w3-dropdown-hover .w3-dropdown-content .w3-bar-item {
	float  : initial;
	padding: 0 0 5px
}

header nav .contenido {
	align-items    : center;
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
	margin         : 0 auto;
}

header .w3-bar {
	overflow: visible;
}

header .w3-bar .w3-bar-item {
	padding: 0
}

header .w3-bar .w3-dropdown-hover {
	padding: 34.6px 0;
}

header .contactos .w3-right {
	display        : flex;
	font-weight    : bold;
	flex-wrap      : wrap;
	gap            : 0 40px;
	justify-content: flex-end;
	padding        : 10px 0;
}

header nav img {
	margin: 20px 0;
	width : 150px
}

#insoft .banner-principal .texto {
	font-style : italic;
	font-size  : 40px;
	line-height: 1;
	padding    : 0 0 100px 30px;
	max-width  : 100%;
}

#insoft .banner-principal .texto strong {
	font-size : 55px;
	font-style: normal;
}

#solidworks .banner-principal img {
	width: 700px;
}

.carrusel {
	margin-top: 40px;
}

#collapsing-menu .w3-bar-item {
	display        : flex;
	justify-content: space-between;
	align-items    : center;
	margin-bottom  : 10px
}

#collapsing-menu .w3-bar-item:last-of-type {
	margin-bottom: 20px;
}

#collapsing-menu .hide {
	padding-left: 15px;
	margin      : -4px 0 10px;
	color       : #b9b8b7;
}

.hide {
	display: none;
}

.hide a {
	display: block;
}

.show {
	display: block;
}

.flecha {
	background-image   : url('assets/abrir.svg');
	background-position: center;
	background-size    : cover;
	height             : 10px;
	filter             : invert(1);
	margin-right       : 8px;
	width              : 15px;
	-webkit-filter     : invert(1);
}

footer {
	font-size: 20px;
	padding  : 50px 0
}

footer .redes {
	border        : 1px solid white;
	border-radius : 50%;
	display       : inline-block;
	height        : 25px;
	margin-right  : 5px;
	position      : relative;
	vertical-align: text-bottom;
	width         : 25px
}

footer .redes img {
	filter        : invert(1);
	width         : 15px;
	-webkit-filter: invert(1);
}

.swiper {
	width : 100%;
	height: 750px
}

.swiper-slide {
	background-position: center;
	background-size    : cover
}

.swiper-pagination {
	position  : relative;
	margin-top: -35px;
	bottom    : unset !important;
}

.swiper-pagination-bullet {
	background           : #fff;
	border               : solid thin #fff;
	opacity              : 1;
	width                : 14px;
	height               : 14px;
	border-radius        : 0;
	-webkit-border-radius: 0;
	-moz-border-radius   : 0;
	-ms-border-radius    : 0;
	-o-border-radius     : 0;
}

.swiper-pagination-bullet-active {
	background: rgb(180, 180, 180);
	border    : thin
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 30px
}

#insoft {
	background-color: #eff5fc;
}


.banner-principal {
	background-image   : url("assets/inicio.jpg");
	background-position: center;
	background-size    : cover;
	background-repeat  : no-repeat;
	position           : relative;
	width              : 100%;
	height             : 670px
}

.banner-principal span {
	color     : white;
	font-size : 35px;
	font-style: italic
}

.banner-principal .w3-display-middle {
	margin-top: 65px;
}

#productos,
#scapacitacion {
	margin: 80px 0
}

#productos h2,
#scapacitacion h2 {
	line-height   : 1.5;
	margin-bottom : 15px;
	letter-spacing: 2px;
}

#capacitacion b {
	color: black;
}

.frase {
	padding  : 0 10px;
	margin   : 80px auto;
	max-width: 850px
}

#productos strong {
	color: black;
}


#paralax {
	background-attachment: fixed;
	background-image     : url(assets/Solidworks-2024.jpg);
	background-size      : cover;
	background-position  : center;
	font-size            : 100px;
	height               : 400px;
	position             : relative
}

#cuadro-rojo {
	background-image: linear-gradient(to right, #0870D3, #005886);
	font-size       : 50px;
	height          : 370px;
}

.logoinsoft {
	width: 90px
		/*140px*/
	;
}

.logo {
	width: 400px
}

/*solidworks*/

#cuadro-rojo .logo {
	margin-bottom: 30px;
	width        : 550px
}

#cuadro-rojo .w3-display-bottomleft {
	line-height: 1;
	z-index    : 2;
	left       : 10px
}

#cuadro-rojo .w3-display-bottommiddle {
	left: 55%
}

#cuadro-rojo .w3-display-bottommiddle img {
	width: 350px
}

#cuadro-rojo .w3-display-right {
	right: 10px
}

#cuadro-rojo .w3-display-right img {
	width: 250px
}

#centro-capacitacion {
	background-image: url('assets/fcapacitacion.jpg');
	background-size : cover;
	padding         : 60px 0 80px;
}

#centro-capacitacion .mitadcentro {
	border-right: 1px solid;
	border-left : 1px solid;
}

#centro-capacitacion h1 {
	margin-bottom: 30px;
}

#centro-capacitacion h2 {
	margin-bottom: 10px
}

#paquetes {
	background-color: #f3f3f3;
	padding         : 80px 0;
	margin-top      : 70px;
}

#paquetes strong,
#rectangulos strong {
	font-style: italic;
}

#paquetes h2 {
	font-size: 23px;
}

#paquetes .w3-third div {
	border  : 1px solid #6C6C6C;
	padding : 20px 15px;
	position: relative;
	width   : 100%
}

#paquetes .w3-third div a {
	bottom           : -18px;
	right            : 50%;
	transform        : translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform   : translateX(50%);
	-ms-transform    : translateX(50%);
	-o-transform     : translateX(50%);
}

#paquetes .w3-third span {
	border-bottom: 1px solid #6C6C6C;
	display      : block;
	padding      : 5px 10px;
}

#paquetes .w3-third span:last-of-type {
	border        : none;
	padding-bottom: 30px
}

#paquetes .w3-third div {
	text-align: initial;
}

#rectangulos .w3-row {
	position      : relative;
	padding-top   : 50px;
	padding-bottom: 100px;
}

#rectangulos .w3-row img {
	width: 100%;
}

#rectangulos .w3-row .flotante {
	width: 387px !important;
}

#rectangulos .w3-row:nth-child(odd) .flotante,
#cam .w3-row:nth-child(odd) .flotante {
	/*bottom: 0;
	right: 10%;*/

	float        : right;
	position     : relative;
	margin-top   : -150px;
	right        : 0;
	margin-bottom: -100px;
}

#rectangulos .w3-row:nth-child(even) .flotante {
	/*bottom: 0;
	left: 20%;*/
	float        : left;
	position     : relative;
	margin-top   : -150px;
	left         : 0;
	margin-bottom: -100px;
}

#ventas {
	margin: 50px 0
}

#ventas form {
	max-width: 1000px;
}


#ventas form .w3-row {
	margin-bottom: 20px;
}

#ventas .w3-half input,
#ventas-capacitacion input,
#ventas .w3-half select,
#ventas-capacitacion select {
	display      : block;
	margin-bottom: 10px;
	padding      : 7px 15px;
	width        : 100%
}

#ventas .w3-half select,
#ventas-capacitacion select {
	height               : 39px;
	/*appearance         : none;*/
	border-radius        : 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-ms-border-radius    : 3px;
	-o-border-radius     : 3px;
}

#ventas-capacitacion input[type='checkbox'],
#ventas-capacitacion input[type='label'] {
	display: inline;
	width  : auto;
}

#ventas .checkboxs {
	max-width: 230px;
	margin   : auto;
}

#ventas-capacitacion .checkboxs {
	margin-top: 30px;
}

#ventas-capacitacion {
	margin-bottom: 100px;
}

#ventas-capacitacion h3 {
	margin: 50px auto;
}

#ventas-capacitacion .btn {
	margin-top: 15px;
}

#ventas-capacitacion .mitadder .w3-row {
	margin   : auto;
	max-width: 500px
}


.lnazul {
	height          : 2px;
	background-color: #2465b1;
	position        : relative;
	margin          : 30px 0 50px;
}

#ventas .lnazul .btn {
	top              : -18px;
	right            : 50%;
	transform        : translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform   : translateX(50%);
	-ms-transform    : translateX(50%);
	-o-transform     : translateX(50%);
}


#camworks-list article:nth-child(even) {
	background-color: #f3f3f3;
}

#camworks-list .contenido div {
	max-width: 1000px;
	padding  : 20px 0;
}

#capacitacion .banner-principal span,
#nosotros .banner-principal span {
	font-size: 8vw;
}

#nosotros h2 {
	margin-bottom: 20px
}

#cursos .w3-col,
#diplomados .w3-col {
	margin-bottom: 50px;
}

#cursos .cflex {
	align-items: center;
}

#certificaciones main {
	margin-bottom: 100px;
}


#especialidades .w3-row .mitadder {
	align-self: baseline;
}

#especialidades .w3-col {
	margin-bottom: 50px;
	text-align   : left;
}

#especialidades .contenido .centrar-small .w3-half {
	display    : flex;
	align-items: center;
}

#camworks #cam {
	margin-top: 200px;
	max-width : 1350px
}


@media only screen and (min-width: 601px) {
	#camworks #cam div:first-child {
		padding: 50px 0
	}
}

#matriz {
	margin-top: 125px;
	overflow-x: auto;
}

#matriz table {
	border-collapse: collapse;
	margin-bottom  : 100px;
	width          : 100%;
}

#matriz table h2 {
	font-size: 18px;
}

#matriz table tr>* {
	padding: 3px;
}

#matriz table td {
	border-right: 1px solid #a7a9ac;
	text-align  : center
}

#matriz table td:last-child {
	border-right: none;
}

#matriz table thead td {
	border: none;
}

#matriz table tfoot td {
	border-bottom: 1px solid #a7a9ac
}

#matriz table tfoot td:first-child,
#matriz table tfoot td:last-child {
	border-bottom: none;
}

#matriz table tfoot .espacio {
	border-bottom: none;
}

#matriz table tfoot .btn {
	bottom  : -20px;
	position: relative;
}

#matriz table td:first-child,
#matriz table th {
	text-align  : start;
	padding-left: 10px;
}

#matriz table tbody tr:nth-child(even) {
	background-color: #e6e7e8;
}

#matriz table .titulo {
	background-color: #4babe1;
	color           : white
}

#matriz table .able {
	color: green
}

#matriz table .disable {
	color: red
}


#contacto .contenido strong {
	font-size: 20px
}

.ancla {
	top     : -120px;
	position: relative;
}

.formulario .g-recaptcha>div {
	margin: 20px auto 10px
}

.iframe-container {
	position     : relative;
	width        : 100%;
	padding-top  : 56.25%;
	overflow     : hidden;
	background   : #000;
	margin       : auto;
	margin-bottom: 50px;
}

.iframe-container iframe {
	position: absolute;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
	border  : none;
}

details {
	position: relative;
	cursor  : pointer;
}

details>summary {
	list-style-type: none;
	font-weight    : bold;
	padding        : 15px 0;
	padding-right  : 15px;
	font-size      : 16px;
	text-align     : left;
}

details>summary::-webkit-details-marker {
	display: none;
}

details>summary::after {
	content : '+';
	position: absolute;
	right   : 3px;
	top     : 15px;
}

details[open]>summary::after {
	content: '-';
}

details ul {
	padding-inline-start: 15px;
}

#landing .banner-principal {
	z-index: -1;
}

#landing .wrapper-banner-principal {
	background-color: rgba(0, 0, 0, .5);
	position        : relative;
}

#landing #paquetes .cflex div {
	border-color : #2D64AB;
	border-radius: 15px;
	padding      : 30px 15px 70px;
	text-align   : center;
	position     : relative;
	max-width    : 320px;
}

#landing #paquetes .cflex {
	justify-content: space-between;
}

#landing #paquetes .cflex span {
	border-bottom: none;
}

#landing #paquetes .cflex div a {
	bottom: 20px;
}

#landing #paquetes .cflex div .btn {
	background-color: white;
	color           : #2D64AB;
	outline         : 1px solid #2465b1;
}

#landing #preguntas-frecuentes {
	background-color: #D2D3D5;
	padding         : 30px 0;
}

#landing #preguntas-frecuentes details>summary {
	background-color: #2D64AB;
	margin          : 10px 0;
	color           : white;
	padding         : 10px;
	padding-right   : 45px;
	border-radius   : 8px;
}

#landing #preguntas-frecuentes details[open]>summary {
	background-color: white;
	color           : #2D64AB;
}

#landing #preguntas-frecuentes details>p {
	padding: 0 10px;
}

#landing #preguntas-frecuentes details>summary::after {
	content            : '';
	right              : 22px;
	top                : 12px;
	background-color   : #2D64AB;
	background-image   : url(assets/arrow.svg);
	background-position: center;
	background-size    : 90%;
	border-radius      : 50%;
	height             : 20px;
	width              : 20px;
	font-weight        : 100;
	display            : flex;
	align-items        : center;
	justify-content    : center;
}

#landing #preguntas-frecuentes details[open]>summary::after {
	color: white;
}

#landing h2 {
	font-size  : 40px;
	font-weight: 600;
}

#landing #paquetes h2 {
	font-size    : 20px;
	margin-bottom: 25px;
}

#landing #ventas h3 {
	display: none;
}

#landing #ventas {
	margin-top: 0;
}

#landing #contacto h3 {
	font-size: 25px;
}

#landing #contacto h2 {
	margin: 30px 0;
}

#landing .wrapper-banner-principal .contenido .w3-display-topleft {
	color        : white;
	left         : unset;
	padding-right: 15px;
	margin-top   : 160px;
	max-width    : 380px;
	font-size    : 18px;
	text-align   : left
}

#landing #al-inscribirte .contenido>div {
	display        : flex;
	align-items    : center;
	justify-content: space-between;
}

#landing .iframe-container {
	position   : relative;
	width      : 100%;
	padding-top: 56.25%;
	overflow   : hidden;
	background : #000;
	margin     : auto;
}

#landing .iframe-container iframe {
	position: absolute;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
	border  : none;
}

#landing #paquetes .cflex div a {
	right            : 50%;
	transform        : translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform   : translateX(50%);
	-ms-transform    : translateX(50%);
	-o-transform     : translateX(50%);
}

#landing #paquetes .box div {
	border: 1px solid #2465b1
}

@media only screen and (min-width:601px) {
	.cflex {
		display: -webkit-flex;
		/* Safari */
		display: flex;
	}

	.cflex-center {
		align-items: center;
	}

	#landing .iframe-container {
		margin-left: 15px;
	}
}

.mitadder {
	padding-left: 10px;
}

.mitadizq {
	padding-right: 10px;
}

.mitadcentro {
	padding: 0 5px
}

.mitad {
	width: 50%;
	float: left
}

@media only screen and (min-width: 601px) and (max-width:993px) {
	.circular {
		height: 170px;
		width : 170px;
	}

	.linea-fondo {
		background-position-y: 145px
	}
}

@media only screen and (min-width:601px) {
	.cflex {
		display: -webkit-flex;
		/* Safari */
		display: flex;
	}
}

@media only screen and (max-width:600px) {
	.activo {
		border-bottom-width: 1px !important;
	}

	header .contactos .w3-right {
		font-size: 11px;
		gap      : 0px 15px
	}

	.cuerpo {
		margin: 0 10px
	}

	.mitadder {
		margin-top  : 1.5em;
		padding-left: 0
	}

	.mitadizq {
		padding-right: 0
	}

	.mitadcentro {
		margin-top   : 1.5em;
		padding-right: 0;
		padding-left : 0
	}

	.centrar-small {
		text-align: center !important
	}

	h1 {
		font-size: 30px
	}

	h2 {
		font-size: 25px
	}

	h3 {
		font-size: 20px
	}

	form .w3-row .mitadder {
		margin-top: 0;
	}

	#paralax {
		font-size: 65px;
	}

	#cuadro-rojo {
		font-size: 35px;
	}

	#rectangulos .w3-row .flotante,
	#cam .w3-row .flotante {
		width: 200px !important;
	}

	#rectangulos .w3-row:nth-child(odd) .flotante,
	#rectangulos .w3-row:nth-child(even) .flotante,
	#cam .w3-row:nth-child(odd) .flotante,
	#cam .w3-row:nth-child(even) .flotante {
		margin-top   : -80px;
		margin-bottom: -80px;
	}

	.escribenos {
		bottom: 10px;
		right : 10px
	}

	#insoft .banner-principal .texto {
		font-size   : 25px;
		padding-left: 0;
	}

	#insoft .banner-principal .texto strong {
		font-size: 30px;
	}

	#centro-capacitacion .mitadcentro {
		border: none;
	}

	.linea-fondo {
		background-image: none;
	}

	.linea-fondo-small {
		background-image     : url(assets/linea.png);
		background-size      : contain;
		background-repeat    : no-repeat;
		background-position-y: 165px;
	}

	footer {
		font-size: 16px;
	}

	footer .redes {
		height: 20px;
		width : 20px
	}

	footer .redes img {
		width: 13px;
	}

	.banner-principal span {
		font-size: 20px;
	}

	.aviso {
		font-size: 18px;
	}

	#solidworks .banner-principal img {
		width: 350px;
	}

	#solidworks #paquetes .w3-third:nth-child(1),
	#solidworks #paquetes .w3-third:nth-child(2) {
		margin-bottom: 50px;
	}

	.swiper {
		height: 600px;
	}

	.logo {
		width: 300px;
	}

	#cuadro-rojo .logo {
		width: 300px;
	}

	#cuadro-rojo {
		height: 430px
	}

	#cuadro-rojo .w3-display-right {
		top  : 55%;
		right: 15px;
	}

	#cuadro-rojo .w3-display-right img {
		width: 150px
	}

	#cuadro-rojo .w3-display-bottomleft {
		top: 17px
	}

	#cuadro-rojo .w3-display-bottommiddle {
		left: 30%
	}

	#cuadro-rojo .w3-display-bottommiddle img {
		width: 230px
	}

	#especialidades main .mitadder {
		padding-left: 5px
	}

	#especialidades main .mitadizq {
		padding-right: 5px
	}

	#contacto .contenido strong {
		font-size: 18px
	}

	#nosotros .w3-row .w3-half:first-of-type {
		margin-bottom: 50px
	}

	#matriz table .espacio {
		display: none
	}

	#matriz table,
	#matriz table h2 {
		font-size: 12px
	}

	#landing h2 {
		font-size: 25px;
	}

	#landing .iframe-container {
		margin-top: 30px;
	}

	#landing #al-inscribirte .contenido>div {
		flex-wrap      : wrap;
		justify-content: center;
		gap            : 20px 10px;
	}

	#landing #preguntas-frecuentes details>summary {
		padding-right: 35px;
	}

	#landing #preguntas-frecuentes details>summary::after {
		right: 10px;
	}

	#landing #paquetes .cflex .cflex {
		padding: 0;
	}

	#landing #paquetes .cflex {
		display       : flex;
		flex-direction: column;
		align-items   : center;
	}
}

.imgmax {
	max-width: 100%;
	margin   : auto
}

.margensupinf {
	margin: 56px auto
}

.margensup {
	margin-top: 56px
}

.icored {
	vertical-align: bottom;
	width         : 21px;
	margin        : auto 5px !important
}

.redondeado {
	border-radius: 6px;
}

.w3-bar-item {
	white-space: nowrap;
}

@media only screen and (max-width:600px) {
	.icored {
		width      : 16px;
		padding-top: 10px;
	}
}

@media only screen and (max-width: 800px) {
	.ocultar-menu {
		display: none;
	}
}

@media (max-width: 992px) and (min-width: 801px) {
	.w3-hide-medio {
		display: none !important;
	}
}





@font-face {
	font-family: 'montserrat';
	src        : url('fuentes/montserrat-regular.woff2') format('woff2'),
		url('fuentes/montserrat-regular.woff') format('woff');
	font-weight: normal;
	font-style : normal;
}

@font-face {
	font-family: 'montserrat';
	src        : url('fuentes/montserrat-semibold.woff2') format('woff2'),
		url('fuentes/montserrat-semibold.woff') format('woff');
	font-weight: 600;
	font-style : normal;
}

@font-face {
	font-family: 'montserrat';
	src        : url('fuentes/montserrat-bold.woff2') format('woff2'),
		url('fuentes/montserrat-bold.woff') format('woff');
	font-weight: bold;
	font-style : normal;
}

@font-face {
	font-family: 'montserrat';
	src        : url('fuentes/montserrat-bolditalic.woff2') format('woff2'),
		url('fuentes/montserrat-bolditalic.woff') format('woff');
	font-weight: bold;
	font-style : italic;
}

@font-face {
	font-family: 'montserrat';
	src        : url('fuentes/montserrat-light.woff2') format('woff2'),
		url('fuentes/montserrat-light.woff') format('woff');
	font-weight: 300;
	font-style : normal;
}

@font-face {
	font-family: 'montserrat';
	src        : url('fuentes/montserrat-lightitalic.woff2') format('woff2'),
		url('fuentes/montserrat-lightitalic.woff') format('woff');
	font-weight: 300;
	font-style : italic;
}

@font-face {
	font-family: 'montserrat';
	src        : url('fuentes/montserrat-extralight.woff2') format('woff2'),
		url('fuentes/montserrat-extralight.woff') format('woff');
	font-weight: 200;
	font-style : normal;
}

@font-face {
	font-family: 'montserrat';
	src        : url('fuentes/montserrat-extralightitalic.woff2') format('woff2'),
		url('fuentes/montserrat-extralightitalic.woff') format('woff');
	font-weight: 200;
	font-style : italic;
}