@charset "utf-8";
/* CSS Document */
/*MW:2023*/
/* TIPOGRAFIAS */
@font-face {
    font-family: "Baujaus";

        src: url('fonts/bh.eot');
    src: url('fonts/bh.eot') format('embedded-opentype'),
         url('fonts/bh.woff') format('woff'),
         url('fonts/bh.ttf') format('truetype'),
         url('fonts/bh.svg#Bauhaus93Regular') format('svg');
}

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/BebasNeue-webfont.woff') format('woff'),
		 url('fonts/BebasNeue-webfont.ttf') format('truetype'),
		 url('fonts/BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg');
	font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'DroidSansRegular';
	src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/DroidSans-webfont.woff') format('woff'),
		 url('fonts/DroidSans-webfont.ttf') format('truetype'),
		 url('fonts/DroidSans-webfont.svg#webfont6rGBoMAO') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MavenProRegular';
    src: url('fonts/maven_pro_regular-webfont.eot');
    src: url('fonts/maven_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/maven_pro_regular-webfont.woff') format('woff'),
         url('fonts/maven_pro_regular-webfont.ttf') format('truetype'),
         url('fonts/maven_pro_regular-webfont.svg#MavenProRegular') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'MetrophobicRegular';
	src: url('fonts/Metrophobic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Metrophobic-webfont.woff') format('woff'),
		 url('fonts/Metrophobic-webfont.ttf') format('truetype'),
		 url('fonts/Metrophobic-webfont.svg#MetrophobicRegular') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'UbuntuRegular';
	src: url('fonts/Ubuntu-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Ubuntu-Regular-webfont.woff') format('woff'),
		 url('fonts/Ubuntu-Regular-webfont.ttf') format('truetype'),
		 url('fonts/Ubuntu-Regular-webfont.svg#webfont1HARLTaU') format('svg');
	font-weight: normal;
    font-style: normal;
}

/*Colores:
Azul:
#405d95

Gris
#758388

----------------
VIEJOS:
Rojo:
#405d95
Negro:
#000000
Azul:
#405d95
Verde:
#758388
*/

p, li, div, h1, h3, h4, h5, h6 {font-family: "MavenProRegular"!important}

h1, h2 {text-align: center;}

.home h2 {background: #405d95; color: #fff!important; display: table; margin: 40px auto 0px; border-radius: 5px; padding: 0px 20px; font-size: 17px;}
.home h2 a {color: #fff!important; text-decoration: none;}
.home h2:hover {transform: scale(1.02); transition: 300ms!important;}

@media only screen and (max-width: 650px) {
	h3 {font-size: 22px!important;}
}


/* PORTES OBERTES */
.portes-obertes {position: absolute; right: 40px; top: -5px; }
.portes-obertes a {background: #405d95; color: #fff!important; padding: 10px 20px; border-radius: 5px; text-decoration: none; }

@media only screen and (max-width: 850px) {
	.texto-inicio-top {margin: 35px auto 50px!important;}
	.portes-obertes {top: -20px;}
}

/* SOMBRA header */
.astroid-header-section, .astroid-header-sticky {
-webkit-box-shadow: 3px 3px 5px #75828840;
box-shadow: 3px 3px 5px #75828840;}

@media only screen and (max-width: 575px) {
    .astroid-header-sticky .header-mobilemenu-trigger {margin-left: 12px;}
    .astroid-header-sticky .header-offcanvas-trigger {margin-right: 12px;}
}

#astroid-sticky-header .header-right-blockheader-right-section.justify-content-end {display: none;}
#astroid-sticky-header {height: 50px;}
#astroid-sticky-header .astroid-nav-wraper {margin-top: -40px!important;}
#astroid-sticky-header .astroid-logo-sticky {margin-top: 84px; margin-left: -10px; }
#astroid-sticky-header .nav.astroid-nav li {margin: 0 8px 0 0!important;}
#astroid-sticky-header .nav.astroid-nav li .nav-link {padding: 0 7px!important;}
#astroid-sticky-header .astroid-logo-image.d-flex {max-width: 200px;}

@media only screen and (min-width: 1230px) and (max-width: 1599px) {
	.astroid-horizontal-header {min-height: 150px;}
	/*.astroid-logo {margin-top: 50px;}*/
	.astroid-horizontal-header .nav.astroid-nav {margin-top: 90px;}
}



@media only screen and (min-width: 0px) and (max-width: 499px) {
	.astroid-logo-mobile {max-height: 35px!important;}
	.texto-inicio-top .texto-inicio {font-size: 22px!important; padding: 0 3px;}
}

	
@media only screen and (min-width: 1600px) {
	.astroid-header-section .astroid-header-sticky > div {padding-top: 35px!important;}
}

.header-center-section .align-self-center.px-2.d-none.d-lg-block {}
.nav.astroid-nav {max-width: 1240px; margin: 0 auto ; padding-top: 10px;}
.nav.astroid-nav li {margin: 0 7px;}

/* Sombra submenús */
.nav-submenu {-webkit-box-shadow: 0px 0px 5px #758288; box-shadow: 0px 0px 5px #758288; /*display: none!important;*/}
.nav-submenu li {transition: 300ms!important;}
.nav-submenu li:hover {border-left: 4px solid #405d95; transition: 300ms!important;}
.nav.astroid-nav .nav-submenu li {margin: 0 0px!important;}

.header-right-section.d-flex.justify-content-end {position: absolute; top: 53px; right: 13px;}

/*@media (max-width: 1600px) {
	.astroid-horizontal-header .d-flex.flex-row.justify-content-between {margin-top: 80px;}
}*/

@media (min-width: 1600px) {
    .astroid-header-section .container {max-width: 1565px;}
}

@media only screen and (min-width: 1230px) and (max-width: 1599px) {
    .astroid-header {width: 1250px; margin-left: -75px;}
    .astroid-header .d-flex {display: block !important;}
    
    .astroid-header-sticky {margin-left: 0px!important}
    .astroid-header-sticky .container {max-width: 1230px!important;}
    
.header-left-section {display: block !important; width: 97%; position: absolute; margin: -88px auto; text-align: center;}
.header-center-section {display: block !important;min-width: 1230px; margin: 30px auto 0;}
.logo-wrapper {width: 100%;}
}

@media (min-width: 1229px) {
    .d-flex.d-lg-none {display: block!important;}
    /*.header-center-section {display: none!important;}*/
}

.nav-link {padding: 0 9px;}

/* Menu sticky */
#astroid-sticky-header .px-3 {padding-right: 0px!important; padding-left: 0px!important;}

@media (max-width: 1200px) {
	.astroid-component-section .container {max-width: 95%!important;}
}


/* INICIO */
.texto-inicio-top {max-width: 520px; margin: 35px auto 20px; line-height: 30px; }
.texto-inicio-top .texto-inicio:hover {-webkit-transform: scale(0.95); transform: scale(0.95); transition-duration: 300ms;}
.texto-inicio-top .texto-inicio {font-size: 28px; text-align: center; font-weight: 700;}
.texto-inicio .formacio {color: #405d95; font-weight: 600}
/*.texto-inicio .grau-m {color: #405d95;}
.texto-inicio .grau-s {color: #758388;}
.texto-inicio .ins-bcn {color: #405d95;}*/

.ancla-inicio {background: #fff;  max-width: 100px; -webkit-border-radius: 55px; border-radius: 55px; margin: -155px auto 20px; position: relative; -webkit-box-shadow: 0px 0px 5px #758288; box-shadow: 0px 0px 5px #758288; padding: 23px 20px;}

.ancla-inicio .fa-solid {color: #343434!important; font-size: 50px;}
.ancla-inicio .fa-solid:hover {-webkit-transform: scale(0.9); transform: scale(0.9); transition-duration: 200ms;}

.titulo-oferta-formativa {margin-bottom: 15px;}
#estudis-formacio-professional {scroll-margin-top: 20px!important;}
.cursos-inicio .uk-card.uk-card-default {-webkit-border-radius: 10px; border-radius: 10px;}

#tour-virtual {scroll-margin-top: -30px;}


/* SLIDE INICIO */
.slide-inicio .uk-position-cover > div {background: #ffffff40; padding: 20px; border-radius: 5px;}

.cursos-inicio {margin-top: 50px!important;}
.cursos-inicio .uk-h3 {min-height: 70px;}
.cursos-inicio h3 {font-size: 20px; color:#405d95!important}
.cursos-inicio h3 span {display: block; font-size: 17px; color: #000000!important}
.uk-scope .uk-card-body {padding: 15px 15px!important;}

.cursos h3 {text-align: center; font-size: 35px; margin-top: 70px; }
/*.cursos .uk-inline-clip {max-width: 200px; margin-top: 20px;}*/

.tour-virtual {text-align: center; margin: 30px 0 -6px;}

.slide-fotos-inicio {background: #405d95; margin-top: 40px;}
.slide-fotos-inicio .uk-slideshow {max-width: 1270px; margin: 0 auto;}

.separador-noticias { -webkit-box-shadow: 0px 0px 5px #758288; box-shadow: 0px 0px 5px #758288; margin-bottom: 40px; height: 2px; background: #75828880;}

.noticies-inici {margin-top: 40px!important;}
.noticies-inici .module-title {text-align: center; background: #405d95; color: #fff; margin: 60px auto 0px; padding: 10px 20px; -webkit-border-radius: 5px; border-radius: 5px; display: table;}

.noticies-inici a {text-decoration: none; /*padding: 10px 0px 10px 0px!important;*/ transition: 400ms!important; color: #fff; }
.noticies-inici a:hover {/*padding: 10px 25px 10px 0px!important;*/ transition: 400ms!important; }

.noticies-inici .module-title a {color: #fff!important;}

/*.noticies-inici a::after {
    content: "\f1ea";
    font-family: FontAwesome;
    color: #fff;
    font-size: 0px;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px;
}

.noticies-inici a:hover::after {
    content: "\f1ea";
    font-family: FontAwesome;
    color: #fff;
    font-size: 20px;
    position: absolute;
    margin-left: 10px;
    margin-top: 0px;
	transition-delay: .2s;
	transition-duration: .3s
}*/

.noticies-inici .mod-articlesnews-horizontal > li {box-shadow: 0px 0px 5px #758288; padding: 20px;}
.noticies-inici .newsflash-title a {color: #405d95; text-decoration: none!important; font-size: 22px;}
.noticies-inici .newsflash-title a:hover {color: #758288!important;}
.noticies-inici h5 {margin: 5px 0 25px;}
.noticies-inici .btn.readmore-btn, .noticies .btn.readmore-btn, .layout-blog .btn.readmore-btn {background: #405d95; padding: 10px 15px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff!important; text-decoration: none!important}
.noticies-inici .btn.readmore-btn:hover, .noticies .btn.readmore-btn:hover, .layout-blog .btn.readmore-btn:hover, .noticies-inici .readmore .as-readmore:hover {color: #758288!important; text-decoration: none!important}

.as-readmore {padding-bottom: 4px!important; color: #405d95!important;}
.as-readmore::after {transition: transform 0.7s ease;}

.btn {background: #405d95!important; color: #fff!important;}
.btn:hover { background: #000000!important;}

.noticies-inici strong {display: contents!important; }

.noticies-inici h3 {font-size: 18px!important; }

/* Video inici */
.video-institut {max-width: 1400px; margin: 40px auto;}
/*.video-institut .titulo-video span {display: inline-block!important; font-size: 26px;}*/


@media (max-width: 500px) {
    .video-institut .titulo-video, .titulo-video h3 {font-size: 20px!important;}
	.sub-titulo-video h3 {font-size: 18px!important;}
	.ancla-inicio {display: none;}
	h1 {font-size: 22px!important;}
	h2 {font-size: 18px!important;}
	.cursos h3 {font-size: 23px;}
	
}


.ilustracion {-webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.5); box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.5);}

.revista-monty-inicio {text-align: center; margin-top: 60px;}
.revista-monty-inicio p {text-align: center; background: #405d95; color: #fff; display: table; padding: 10px 20px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 auto; font-size: 20px!important;}
.revista-monty-inicio .fa-solid {font-size: 22px; }
.revista-monty-inicio img {max-width: 625px; margin: 20px auto;}
.revista-monty-inicio img:hover {transform: scale(1.02);}

/* Logos / accesos footer */
.atencio-personalitzada {background: #405d95; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px 0 10px 0;}
.txt-atencio-personalitzada {font-size: 19px; color: #fff; text-align: center;}

.logos-accesos.primera {max-width: 1260px; margin: 0 auto;}
.logos-accesos.primera img, .logos-accesos.primera div {max-width: 10%; float: left; margin: 0 24px 15px;}
.logos-accesos.segunda {max-width: 1260px; margin: 0 auto;}
.logos-accesos.segunda img, .logos-accesos.segunda div {max-width: 10%; float: left; margin: 0 24px 15px;}

.logos-accesos img:hover, .logos-accesos div:hover {transform: scale(1.1); transition: all 2ms}
.logos-institucionals {text-align: center; margin-top: 40px;}

@media (max-width: 600px) {
	.logos-accesos.primera img, .logos-accesos.primera div, .logos-accesos.segunda img, .logos-accesos.segunda div {max-width: 35%;}
}

@media only screen and (min-width: 1900px) and (max-width: 1920px) {
    .logos-accesos img, .logos-accesos div {max-width: 223px;}
    .logos-accesos div {margin: 0 24px 15px;}
    .ancla-inicio {margin: -185px auto 20px;}
}

.consorci-iso {text-align: center; margin: 50px 0; }
.consorci-iso img:nth-child(2) {margin: 0 40px;}

/* GENERAL */
.margen-g {padding: 20px 0px 30px;}
.estrecho {max-width: 850px; margin: 0 auto!important;}

.mapa-contacto {margin-bottom: -24px!important;}

/* Botón datos en menu móviles - (Desde administración desplaza logo) */
.header-offcanvas-trigger.burger-menu-button {display: none!important}

/* Menú móviles a la derecha
.w-100.d-flex.d-lg-none.justify-content-start {position: absolute; right: 10px; text-align: right; float: right; display: inline!important; top: 33px;}*/

@media (min-width: 275px) {
    .astroid-logo-mobile {max-width: 200px;}
}

.full-width {
  width: calc(100vw - 8px); /*width: 100vw;*/
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.revista-monty .uk-text-center.uk-margin {box-shadow: 0px 0px 3px 3px #75828880;}
.revista-monty .uk-text-center.uk-margin:hover {box-shadow: 0px 0px 3px 3px #758288;}
.revista-monty .uk-button.uk-button-default::before {
    content: "\f1c1";
    font-family: FontAwesome;
    color: #343434;
    font-size: 18px;
    padding-right: 10px;
}

/* EL CENTRE */
.img-drc {float: right; margin-left: 30px; box-shadow: 0px 0px 3px 3px #75828880; border: 2px solid #ffffff;}
.llista-competencies.cursos-qui-som {padding-left: 0px!important;}

/* EQUIP DIRECTIU */
.equip-academic {max-width: 500px; margin: 0 auto;}
.equip-academic td, .equip-academic tr {border: 1px solid #cccccc80!important; padding-left: 5px;}
.equip-academic .cabecera {background: #405d95; color: #fff; font-weight: 600;}



/* NO USADO, han querido otro formato
.equip-directiu {}
.directiu {width: 25%; float: left; padding: 10px;}
.info-directiu {text-align: center; border: 1px solid #cccccc80; box-shadow: 0px 0px 3px 3px #cccccc80;}
.info-directiu:hover {box-shadow: 0px 0px 5px 3px #cccccc;}
.info-directiu:hover .img-directiu {}
.img-directiu {}
.dades-directiu {padding: 0 10px;}
.car-directiu {font-size: 19px; font-weight: 600; color: #405d95; text-transform: uppercase;}
.nom-directiu {font-size: 17px;}
.link-directiu {margin-top: 8px;}
.link-directiu a {text-decoration: none;}
.link-directiu::before {
    content: "\f08c";
    font-family: FontAwesome;
    color: #0e76a8;
    font-size: 22px;
    padding-right: 8px;
	top: -2px;
    vertical-align: middle;
    position: relative;
} */

/* DOCUMENTS GESTIÓ / PGAC */
.docs-gestio .uk-card.uk-card-default {border: 2px solid #75828840;}
.docs-gestio .uk-text-center.uk-margin {box-shadow: 0px 0px 3px 3px #75828880;}
.docs-gestio .uk-text-center.uk-margin:hover {box-shadow: 0px 0px 3px 3px #758288;}
.docs-gestio .uk-button.uk-button-default::before {
    content: "\f1c1";
    font-family: FontAwesome;
    color: #343434;
    font-size: 18px;
    padding-right: 10px;
}

/* PREINSCRIPCIÓ */
.tabs-preincripcions .uk-subnav.uk-subnav-pill {border-bottom: 1px solid #758288; max-width: 528px; margin: 0px auto!important; }
.tabs-preincripcions .uk-scope .uk-subnav > * {padding-left: 0px!important;}
.tabs-preincripcions .uk-scope .uk-subnav-pill > .uk-active > a {background-color: #405d95;}

.anclas-preinscripcio {max-width: 980px; margin: 50px auto 75px;}
.anclas-preinscripcio p {line-height: 10px;}

.enlace-pdf, .enlace-form {text-decoration: none;}
.enlace-pdf, .enlace-form, .enlaces-formularios div, .enlace-web, .enlace-ubicacion {background: #405d95; padding: 10px 15px; color: #fff!important; border-radius: 5px; display: inline-block; }
.enlace-pdf:hover, .enlace-form:hover, .enlaces-formularios div:hover, .enlace-web:hover, .enlace-ubicacion:hover {text-decoration: none!important; box-shadow: 0px 0px 7px 10px #ccccccb3;}
.enlace-pdf::before {
    content: "\f1c1";
    font-family: FontAwesome;
    color: #fff;
    font-size: 22px;
    padding-right: 14px;
    position: relative;
    top: 2px; }

/* CERTIFICATS */

table.con-bordes td {border: 1px solid #cccccc80!important; border-width: 1px!important;}

.certificat-acreditatiu {margin: 20px auto 20px; max-width: 800px; background: #cccccc40; box-shadow: 0px 0px 4px 3px #cccccc40; border: 1px solid #cccccc80; padding: 5px 10px;
  border-radius: 5px;}

.enlaces {max-width: 900px; text-align: center; margin: 0 auto;}
.enlaces a {margin-bottom: 8px; display: inline flow-root list-item;}
.enlaces a:first-child {margin-right: 20px;}

.boton-centrado {text-align: center; display: block; margin-bottom: 20px;}

/* Convalidacions */
.lista-enlaces {}
.lista-enlaces a {margin-bottom: 10px; display: inline-block !important; margin-right: 10px;}

/* ACTIVA FP */
.botones {display: flex; max-width: 255px; margin: 0 auto;}
.botones a {background: #405d95; border-radius: 5px; padding: 10px 20px; text-align: center; text-decoration: none; color: #fff; margin: 0 10px;}
.botones a:hover {color: #fff; background: #758288;}

.video-youtube {margin: 0 auto; text-align: center;}


/* PROJECTES */
.bloque-proyecto {background: #cccccc40; border: 1px solid #cccccc80; box-shadow: 0px 0px 3px 3px #cccccc80; margin: 0 10px 20px; padding: 5px 10px 0px; border-radius: 5px;}

/* ESTUDIS */
.capceleres {text-align: center; margin: 0 auto 20px;}
.capceleres img {border: 2px solid #fff; box-shadow: 0px 0px 3px 3px #75828880;}
.titulo-ciclos {margin: 30px 0 -40px;}
.bandera-en {height: 50px; width: 75px; float:right; padding-left: 20px;}

#infoComplementaria {max-width: 540px; background: #fff; float: right; border-bottom: 4px solid #405d95; border-left: 4px solid #405d95; padding: 10px; border-radius: 15px; box-shadow: 0px 0px 3px 3px #758288; margin-top: -280px;}

.fitxa {width: 100%; float: left; border-bottom: 4px solid #405d95; padding: 10px 20px 10px; border-radius: 15px; box-shadow: 0px 0px 3px 3px #758288; margin-top: 40px; border-top: 4px solid #758388;}

.fitxa p {max-width: 50%;}

.fitxa .titulacio-cursos::before {
    content: "\f573";
    font-family: FontAwesome;
    color: #758388;
    font-size: 22px;
    padding-right: 14px;
}

.fitxa .durada-cursos::before {
    content: "\f2f2";
    font-family: FontAwesome;
    color: #758388;
    font-size: 22px;
    padding-right: 14px;
}

.fitxa .anys-cursos::before {
    content: "\f073";
    font-family: FontAwesome;
    color: #758388;
    font-size: 22px;
    padding-right: 14px;
}

.fitxa .torn-cursos::before {
    content: "\f017";
    font-family: FontAwesome;
    color: #758388;
    font-size: 22px;
    padding-right: 14px;
}

.moduls-estudis {max-width: 750px; margin: 0 auto;}
.enlace-pdf.estudis {text-align: center; margin: 0 auto; max-width: 465px;}
.enlace-pdf.estudis a {color: #fff!important; text-decoration: none!important; font-weight: 600;}

.llista-competencies {}
.llista-ocupacions {}
.llista-competencies span, .llista-ocupacions span {color: #ff0000;}

.llista-competencies, .llista-ocupacions, .llista-informacion-g {list-style: none;}
.llista-competencies li::before {
    content: "\f14a";
    font-family: FontAwesome;
    color: #758388;
    font-size: 22px;
    padding-right: 14px;
}

.llista-ocupacions li::before {
    content: "\f058";
    font-family: FontAwesome;
    color: #405d95;
    font-size: 22px;
    padding-right: 14px;
}

.llista-informacion-g li::before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #405d95;
    font-size: 22px;
    padding-right: 14px;
}

.llista-competencies li:hover, .llista-ocupacions li:hover, .llista-informacion-g li:hover {transform: scale(1.02); transition: 300ms!important; color: #000000;}

/* ALUMNADO */

.titulos-encuestas {margin-top: 20px;}

.enlaces-formularios div {float: left; margin: 0 10px 10px; }
.enlaces-formularios div a, .enlace-web, .enlace-ubicacion {text-decoration: none!important; color: #fff!important;}

.enlaces-formularios div a::before, .enlace-form::before {
    content: "\f022";
    font-family: FontAwesome;
    color: #fff;
    font-size: 22px;
    padding-right: 14px;
    position: relative;
    top: 2px; }

.enlace-web::before {
    content: "\f0ac";
    font-family: FontAwesome;
    color: #fff;
    font-size: 22px;
    padding-right: 14px;
    position: relative;
    top: 2px; }

.enlace-ubicacion::before {
    content: "\f3c5";
    font-family: FontAwesome;
    color: #fff;
    font-size: 22px;
    padding-right: 14px;
    position: relative;
    top: 2px; }


/* PROFESSORAT */
.espacio-tabla  {margin: 0 0 1rem; overflow: auto; overflow-y: auto; width: 100%;}
.espacio-tabla .icono-tabla {display: table; width: 25px; margin-left: 15px; color: #767676;}

.equip-directiu {width: 100%; min-width: 600px;}
.equip-directiu td {border: 1px solid #cccccc80; padding-left: 5px;}
.equip-directiu .cabecera-tabla {background: #dddddd; color: #405d95; font-weight: 600; text-align: center;}
.equip-directiu .cabecera-tabla p {margin-bottom: 0px!important;}
.equip-directiu .horari-guardies {background: #dddddd80; text-align: center;}

@media only screen and (min-width: 650px) {
	.espacio-tabla .icono-tabla {display: none;}
}









/* SERVEIS */
.empresas-colaboradoras {max-width: 1400px; margin: 40px auto 0; padding: 0 10px;}


/* TESTIMONIALS */
.videos-testimonials {margin: 30px auto 0; max-width: 830px;}
.videos-testimonials .video-testimonio {width: 50%; float: left; padding: 10px 20px;}

@media only screen and (max-width: 850px) {
	.videos-testimonials .video-testimonio {float: none; padding: 10px 5px; /*margin: 0 auto;*/}
}



/* CONTACTO */
.horaris-dades-contacte {max-width: 1100px; margin: 0 auto;}

.horaris-centre {margin-left: 20px;}
.horaris-centre .horari {float: left; box-shadow: 0px 0px 3px 3px #75828840; padding: 20px;}
.horaris-centre .centre {width: 27%; margin-left: 85px;}
.horaris-centre .secretaria {width: 55.3%; margin-left: 45px;}

@media only screen and (min-width: 550px) and (max-width: 830px) {
	.horaris-centre .centre {width: 30%; margin-left: 0px;}
	.horaris-centre .secretaria {width: 60%; margin-left: 25px;}
}

@media only screen and (max-width: 549px) {
	.horaris-centre .centre {width: 100%; margin-left: 0px; margin-bottom: 20px;}
	.horaris-centre .secretaria {width: 100%; margin-left: 0px;}
}

/* Borde formulario */
.form-control {border: 1px solid #75828859!important;}

/* FOOTER Kit Digital*/
.logos-kitdigital {background: #fff; margin-top: 20px; text-align: center; padding: 10px; margin-bottom: -24px; }

.logos-kitdigital img {width: 1200px; max-width: 90%}


.footer-section .container-fluid {max-width: 1700px; margin: 0 auto; padding: 0 30px;}
.footer-section h3 {font-size: 22px; padding: 5px 10px 5px 0px; display: inline-block; font-weight:normal!important; color: #fff!important;}

.logo-peu {/*background: #fff;*/ padding: 0 10px 10px; text-align: center; margin: 0 auto; max-width: 190px;}

/* DATOS DE CONTACTO */
.ul-datos-contacto {list-style: none!important;}
.ul-datos-contacto .fas, .ul-datos-contacto .far { margin-right: 5px; margin-left: 30px; vertical-align: middle; margin-top: -3px;}
.ul-datos-contacto .fab { margin-right: 5px; margin-left: 0px; vertical-align: middle; margin-top: -3px;}
.ul-datos-contacto .fa-brands { margin-right: 5px; margin-left: 0px; vertical-align: middle; margin-top: -3px;}
.fa-map-marker-alt {margin-left:0px!important;}

/*.datos-articulo .datos {box-shadow: 0px 0px 3px 3px #75828840; margin: 20px; padding: 20px; width: 28%; display: flex; justify-content: center; align-items: center; min-height: 115px;}*/
.datos-articulo .datos-contacto li { width: 26%; box-shadow: 0px 0px 5px #758288; padding: 10px; text-align: center; min-height: 80px; margin: 20px; float: left}
.datos-articulo .datos { display: flex; justify-content: center; align-items: center;}
.datos-articulo .datos:hover {box-shadow: 0px 0px 3px 3px #75828880; transform: scale(1.02); transition: 300ms;}
.datos-articulo .ul-datos-contacto .fas, .datos-articulo .ul-datos-contacto .far {margin-right: 15px; margin-left: 0px!important;}
.datos-articulo .datos.adress {line-height: 22px; }
.datos-articulo .ul-datos-contacto .fab {margin-left: 50px}
.datos-articulo .adress .separador-cp {display: none}
.datos-articulo .adress span {display: block}
.datos-articulo .ul-datos-contacto {margin-left: 0px!important;}

.datos-toolbar .redes.twit {margin-left: 0px;}
.datos-toolbar .redes {float: left; margin-right: 12px;}
.datos-toolbar .ul-datos-contacto {margin-top: 2px; padding-bottom: 37px;}

.datos-articulo .ul-datos-contacto {display: block ruby; margin-bottom: 20px;}

@media only screen and (max-width: 1000px) {
    .datos-articulo .ul-datos-contacto {display: block;}
    .datos-articulo .ul-datos-contacto .fas, .datos-articulo .ul-datos-contacto .fab, .datos-articulo .ul-datos-contacto .far {margin-left: 0px!important;}
    .datos-articulo .ul-datos-contacto {padding-left: 0px!important;}
}

@media only screen and (max-width: 820px) {
	.datos-articulo .datos-contacto li {width: 95%!important;}
}
	
.datos-toolbar .fas, .datos-toolbar .fab, .datos-toolbar .far {color: #fff; font-size: 20px;}
.datos-articulo .fas, .datos-articulo .fab, .datos-articulo .far {color: #333!important; font-size: 20px;}
.datos-footer .fas, .datos-footer .fab, .datos-footer .far,
.datos-responsive .fas, .datos-responsive .fab, .datos-responsive .far {font-size: 22px;}

/*.datos-toolbar .fas, .datos-toolbar .far, .datos-toolbar .fab {color: #ffffff;}*/
.ul-datos-contacto a {text-decoration: none!important;}

.datos-contacto {text-align: center;}
.datos-articulo .redes {display: none!important;}

.datos-footer .ul-datos-contacto, .datos-responsive .ul-datos-contacto {text-align: left!important;}
.datos-footer .ul-datos-contacto .datos, .datos-responsive .ul-datos-contacto {display: block!important;}
.datos-footer .ul-datos-contacto .redes, .datos-responsive .ul-datos-contacto .redes {display: inline-flex!important;}
.datos-footer .datos .fas, .datos-footer .datos .fab, .datos-footer .datos .far, .datos-footer .ul-datos-contacto .fa-facebook-f,
.datos-responsive .datos .fas, .datos-responsive .datos .fab, .datos-responsive .datos .far, .datos-responsive .ul-datos-contacto .fa-facebook-f {margin-left: 0px!important;}
.datos-footer .ul-datos-contacto {padding-left: 0px!important;}
.datos-responsive .ul-datos-contacto {padding-left: 18px!important;}
.datos-footer .fa-twitter, .datos-footer .fa-linkedin-in, .datos-footer .fa-youtube, .datos-footer .fa-tiktok,
.datos-responsive .fa-instagram, .datos-responsive .fa-twitter, .datos-responsive .fa-linkedin-in, .datos-responsive .fa-youtube, .datos-responsive .fa-tiktok {margin-left: 16px!important;}
.datos-footer .fa-instagram {margin-left: 0px!important;}

.datos-footer .adress span {display: inline-block!important;}
.datos-footer .redes {margin-top: 17px;}
.datos-footer .fa-x-twitter, .datos-toolbar .fa-x-twitter {font-size: 19px;}

@media only screen and (min-width: 992px) and (max-width: 1425px) {
    .datos-footer .adress .separador-cp {display: none!important;}
}

.enlace-incidencias {margin-right: 15px;}
.enlace-incidencias .fa-solid {font-size: 20px; vertical-align: middle;}

.toolbar-right .dd-img {max-width: 38px; margin-left: 10px;}
.toolbar-right .modd-img {max-width: 40px;margin-left: 10px;}
.toolbar-right .alex-img {max-width: 30px;margin-left: 10px;}
.toolbar-right img:hover {transform: scale(1.1)}
.toolbar-right a {text-decoration: none!important;}
.toolbar-right a:hover {color: #758288!important}

/* ICONOS-----*/
.redes-sociales .fab, .redes-sociales-mv .fab {font-size:22px; color:#ffffff; margin-right: 15px;}
.redes-sociales .fab:hover, .redes-sociales-mv .fab:hover {color:#000000;}
.redes-sociales-mv {margin-left: 0px; line-height: 40px; margin-top:10px;}

.toolbar div {padding: 0px; text-align: left; color: #fff; margin-bottom: -5px!important;}
.toolbar a {color: #fff!important;}
.datos-toolbar .datos {display: none;}
.datos-toolbar .fab:hover, .datos-contacto .fab:hover {color:#758288;}
/*.datos-toolbar .enlace-whatsapp:hover, .datos-contacto .enlace-whatsapp:hover, .datos-toolbar-mv .enlace-whatsapp:hover {color:#00E676!important;}*/

.datos-toolbar-mv .fas, .datos-toolbar-mv .fab, .datos-toolbar-mv .far {font-size:20px; color:#ffffff; margin-right: 5px; margin-left: 0px;vertical-align: middle;margin-top: -3px;}
.datos-toolbar-mv .fab:hover, .datos-contacto .fab:hover {color:#758288;}
.datos-toolbar-mv {line-height: 37px;}

/*.datos-contacto .fas, .datos-contacto .fab, .datos-contacto .far {font-size:20px; color:#434343; margin-right: 5px; vertical-align: middle;margin-top: -3px;}*/
.datos-contacto {line-height: 37px;}
.datos-footer .datos-contacto {line-height: 32px;}

.telefono::before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 14px;
    /*position: absolute;
    top: 0px;
    left: 0;*/
}

/* FIN  ICONOS-----*/

#t-k2lslocgz {background-color:#405d95!important;}
/* Whatapp y presupuesto */ 
.presupuesto-whatsapp {position: fixed; bottom: 0px; left: 11px; z-index: 99; max-width: 120px; text-align: center;}
.mail-presupesto .fa-address-card {font-size: 40px; color: #001030; background: #fff; padding: 1px 4px;}
.mail-presupesto .fa-address-card:hover {color:#f72020;}
.whatsapp img:hover {-webkit-transform: scale(0.9); transform: scale(0.9)}

/* ---- COLUMNAS y diseño elementos*/
.columnas {margin-top:20px; max-width: 900px;margin-left:auto; margin-right: auto; /*border-top: 2px solid #CEDC00;*/ margin-bottom:20px;}
.columna1 {width: 50%; padding-right: 40px; float:left;}
.columna2 {width: 50%; padding-left: 40px; float: left;}

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

.columna1 {width: 100%!important; padding-right: 0px;}
.columna2 {width: 100%; padding-left: 0px; float: none;}
}

/* COLUMNA de 3 */
.columnas3  {margin-top:20px; max-width: 1180px;margin-left:auto; margin-right: auto; /*border-top: 2px solid #CEDC00;*/ margin-bottom:125px;}
.columnas3-1 {width: 33%; padding-right: 40px; float:left; border-right: 1px solid #b3b3b380;}
.columnas3-2 {width: 33%; padding-left: 20px; padding-right:20px; float: left;}
.columnas3-3 {width: 33%; padding-left: 40px; float:left; border-left: 1px solid #b3b3b380;}

@media only screen and (max-width: 700px) {
.columnas3-1, .columnas3-2, .columnas3-3 {width: 100%!important; padding-right: 0px; padding-left: 0px; border-left: none!important; border-right: none!important;}
}

/* --- Listado en 2 columnas --*/
.uk-column-1-2 {-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;}

@media only screen and (max-width: 500px) {
.uk-column-1-2 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.uk-column-1-3 {-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;}

@media only screen and (max-width: 500px) {
.uk-column-1-3 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.uk-column-1-4 {
max-width: 1075px;
text-align: center;
margin: 0 auto;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;}

@media only screen and (max-width: 1000px) {
.uk-column-1-4 {-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;}
}
@media only screen and (max-width: 550px) {
.uk-column-1-4 {-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;}
}

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}

.lista-iconos {list-style: none;}
.lista-iconos li::before {
    content: "\f08e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 14px;
    /*position: absolute;
    top: 0px;
    left: 0;*/
}

.lista-ok {list-style: none;}
.lista-ok li::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #9FC63E;
    font-size: 22px;
    padding-right: 14px;
    /*position: absolute;
    top: 0px;
    left: 0;*/
}
/* ---FIN COLUMNAS ---------*/

.moduls-estudis {margin-bottom: 40px;}
.moduls-estudis tr:nth-child(even) td { background: #FEFEFE; }  
.moduls-estudis tr:nth-child(odd) td { background: #F1F1F1; }
.moduls-estudis {border: 1px solid #758288;}
.moduls-estudis {width: 100%; border: 1px solid #758288;}
.moduls-estudis td {padding: 0px 5px;}
.moduls-estudis p {margin-bottom: 0px!important; padding: 3px 0;}

/* TABLA RESPONSIVE --------*/
.tabla-responsive {max-width: 1100px; margin-left: auto; margin-right: auto;}
.tabla-responsive table, .tabla-responsive tr, .tabla-responsive td, .tabla-responsive th {border:1px solid #75828880!important;}
.tabla-responsive td {padding: 0px 5px;}
.separador {line-height: 5px;}

@media only screen and (min-width: 1025px) and (max-width: 1920px) {
	.tabla-responsive th:first-child {width: 250px;}
	.tabla-responsive td:nth-child(3n), .tabla-responsive td:nth-child(4n) {text-align: right; width: 150px;}
}

@media only screen and (max-width: 1024px) {
	.separador td:nth-child(2n), .separador td:nth-child(3n), .separador td:nth-child(4n) {display: none;}
	
	/* Force table to not be like tables anymore */
	.tabla-responsive table, .tabla-responsive thead, .tabla-responsive tbody, .tabla-responsive th, .tabla-responsive td, .tabla-responsive tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.tabla-responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tabla-responsive tr { border: 1px solid #eee; }
	
	.tabla-responsive td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #dddddd66; 
		position: relative;
		padding-left: 40%; 
	}
	
	.tabla-responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		/*top: 6px;*/
		left: 6px;
		width: 45%; /*???*/
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/* 	Label the data 	*/
	.tabla-responsive td:nth-of-type(1):before { content: "Producto"; }
	.tabla-responsive td:nth-of-type(2):before { content: "Descripción"; }
	.tabla-responsive td:nth-of-type(3):before { content: "Precio"; }
	.tabla-responsive td:nth-of-type(4):before { content: "PVP"; }
	
	.tabla-responsive thead {display: none}
	.tabla-responsive .separador td:before {content: none}
}

.tabla-responsive tr:nth-child(2n) {background: #f0f0f0;}
.tabla-responsive thead {background: #758288; font-size: 17px; font-weight: 600; border:1px solid #758288;}
/* FIN - TABLA RESPONSIVE --------*/

.rsform-block-enviar .rsform-submit-button {color: #fff!important;}

.texto-empresa-prefooter .mod-custom {margin-right: 15px!important;}
.texto-empresa-prefooter p {margin-bottom: 15px !important;}
/*.texto-empresa-prefooter a {text-decoration: none!important;}*/
.texto-empresa-prefooter {margin-bottom: -30px;}

.footer-section #ar-1528971627712 {padding: 25px 0 5px!important;}

.footer-section #ar-61b5cf11613cc033152637 {padding: 0px 0 10px!important;}

.enlaces-des-empresa {text-align: center; margin-top: 10px;}
.enlaces-des-empresa a {background: #758288; text-decoration: none; padding: 10px 15px; margin-right: 20px; border-radius: 5px; border: 2px solid #758288;}
.enlaces-des-empresa a:hover {background: linear-gradient(#758288, #405d95)!important; }

.com-users.view-login .plg_system_webauthn_login_button {display: none;}

.mod-acceso {margin-bottom: 20px!important; margin-top: -49px !important; background: #cccccc40; padding: 5px 15px 10px 15px !important; display: inline-block; border-radius:
0 0 10px 10px; border: 1px solid #cccccc80; box-shadow: 0px 0px 3px 3px #cccccc80;}
.mod-acceso .mod-login-logout {margin-top: -14px !important; }

/* ICONOS MENUS MOVILES */
.header-mobilemenu-trigger .button {margin-right: 10px!important;}
.astroid-footer {font-size: 12px;}