@font-face {  font-family: 'Light';  src: url('../fonts/helveticaneueltstd_lt-webfont.ttf') format('truetype'),  url('../fonts/helveticaneueltstd_lt-webfont.svg#helvetica_neue_lt_std45_light') format('svg');t-weight: normal; font-style: normal;}
@font-face {  font-family: 'Semibold';  src: url('../fonts/helvetica_neue_lt_std_55_roman-webfont.ttf') format('truetype'),  url('../fonts/helvetica_neue_lt_std_55_roman-webfont.svg#helvetica_neue_lt_std55_roman') format('svg');t-weight: normal; font-style: normal;}
@font-face {  font-family: 'Bold';  src: url('../fonts/helvetica_neue_lt_std_65_medium-webfont.ttf') format('truetype'),  url('../fonts/helvetica_neue_lt_std_65_medium-webfont.svg#helvetica_neue_lt_std65Md') format('svg');t-weight: normal; font-style: normal;}
@font-face {  font-family: 'Black';    src: url('../fonts/helveticaneueltproblk-webfont.ttf') format('truetype'),         url('../fonts/helveticaneueltproblk-webfont.svg#helvetica_neue_lt_proregular') format('svg');    font-weight: normal;    font-style: normal;}
a { text-decoration: underline; text-decoration-color: rgb(0, 0, 0, 0);}
a:link{ text-decoration: none;  color: #333;}
a:visited{  text-decoration: none;  color: #333;}
.gridpath1 a:visited{   text-decoration: none;  color: #000;}
a:hover{    text-decoration: none;  color: #848383;}
a:active{   text-decoration: none;  color: #848383;}
p{margin-top: 0}

a:focus {
    outline: 1px auto -webkit-focus-ring-color !important;
}

#recent-works .col-xs-12.col-sm-4.col-md-3{padding:0;}
#recent-works{padding-bottom:70px;}
.recent-work-wrap{position:relative;}
.recent-work-wrap img{width:100%;}
.recent-work-wrap .recent-work-inner {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer!important;  font-family: '500', arial!important;}
.recent-work-wrap .recent-work-inner {    bottom:114px;    position: absolute;     background:transparent;    width:88%;    border-radius:0;    color:#000;    text-transform: uppercase;    font-size:20px;    text-align:center;    font-weight:normal;    font-style:normal;    line-height:28px;    opacity:1;    height:150px;    padding-top: 70%;}
.recent-work-wrap .recent-work-inner h3{margin:10px 0;}
.recent-work-wrap .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:0;color:#000;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;padding:30px;}
.recent-work-wrap .overlay .preview{bottom:0;display:inline-block;height:35px;line-height:35px;border-radius:0;background:transparent;text-align:center;color:#000;}

.recent-work-wrap:hover .overlay1{opacity:1;background-image:url('../imgs/rojo2.png')!important;text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.recent-work-wrap:hover .overlay2{opacity:1;background-image:url('../imgs/rojo2.png');text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.recent-work-wrap:hover .overlay3{opacity:1;background-image:url('../imgs/rojo2.png');text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.recent-work-wrap:hover .overlay4{opacity:1;background-image:url('../imgs/rojo2.png');text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}

.minimosocios {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));    grid-gap: 50px;}


.seccion2{background-color: #ffffff; padding: 3px 15px; border:1px solid #ff6800;}
.fade-div {    position: absolute;    max-width: 651px;    width: 100%;    text-align: right;    font-family: 'Bold';    color: #ffffff;    font-size: 26px;    line-height: 32px;    height: 180px;    opacity: 0;    bottom: 10%;    right: 6%;    text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1);    background-color: #ff7400;    border-radius: 12px;    padding: 1% 2.7%;    display: flex;    justify-content: center;    align-items: center;    animation: fade 25s infinite;}
.fade-div:nth-child(1){ animation-delay: 0s; }
.fade-div:nth-child(2){ animation-delay: 4s; }
.fade-div:nth-child(3){ animation-delay: 8s; }
.fade-div:nth-child(4){ animation-delay: 12s; }
.fade-div:nth-child(5){ animation-delay: 16s; }
.fade-div:nth-child(6){ animation-delay: 20s; }

@keyframes fade {
    0% { opacity: 0; }
    10% { opacity: 1; }
    20% { opacity: 1; }
    30% { opacity: 0; }
    100% { opacity: 0; }
}

.alos60home{max-width: 60%;margin: 0 auto;}
.los61cab{object-fit: cover; background-position: center center;height: 61vh;}
.dropdown{  font-family: 'Bold', Arial, Helvetica, sans-serif;  font-size: 1.6rem; color: #212121; line-height: 1.5rem; margin-top:0.3rem; padding: 1rem 5px 20px 3rem; transition: 0.5s; cursor: pointer; text-transform: uppercase;}
.dropdown a{color: #212121}

.c1int{border-radius:15px;border:14px solid #efefef;}
.c2int{width:100%;border-radius:5px;border:9px solid #d8d8d8;background-color:#ffffff;padding:20px; min-height:260px;text-align:center;font-size: 17px; line-height: 19px;}
.ernest{min-height:400px;text-align:left;}


.certificado{display: flex; margin:  0 20px  20px 0;}
.certificado img{float: left;}

.divPlantilla1_txt ol li{margin-left: 25px}
.divPlantilla1_txt ull li{margin-left: 25px}

.mm-selected{color:#ff7400!important;  }
.mm-selected a{color:#ff7400!important }
.mm-selected span{color:#ff7400!important }
.mm-selected2{background-color:#d7b4b7!important;  }

.lospdf {display: grid;grid-template-columns: 55px 1fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.lospdf1 { grid-area: 1 / 1 / 2 / 2; }
.lospdf2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center;}
.aladerecha ul li {margin-left: 25px}
.aladerecha ol li {margin-left: 25px}

.legalitas{ line-height: 2.0rem; font-size: 1.3rem;}
.legalitas b{ line-height: 2.4rem; font-size: 1.7rem;}
.decolumn{padding: 10px 30px!important; border-bottom: 1px solid #cccccc;}
.decolumn2{padding: 10px 20px!important; border-bottom: 1px solid #ff7400; background-color: #f3f3f3}
.decolumn2 h4{color: #ff7400!important}
.actividadesdiv {background-color: #f3f3f3; border-radius: 25px; padding: 8px 11px; margin: 0 15px 5px 0px;display: inline-block; line-height: 2.0rem; font-size: 1.3rem;}

    .ajustetextos{ font-size: 1.4rem;}

    .CaixaContacte {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(4, auto);grid-column-gap: 22px;grid-row-gap: 5px; margin-top: 45px;  border:1px solid #cccccc; border-bottom: 3px solid #ff7400; background-color: #f2f2f2; transition:0.5s;}
    .CaixaContacte1 { grid-area: 1 / 1 / 2 / 5; font-size: 28px; font-family:'Bold' }
    .CaixaContacte1 span { font-size:12px; inline-block:22px; color:#ff7400; }
    .CaixaContacte2 span { font-size:12px; inline-block:22px; color:#ff7400; }
    .CaixaContacte3 span { font-size:12px; inline-block:22px; color:#ff7400; }

    .CaixaContacte2 { grid-area: 2 / 1 / 3 / 3;font-family:'Semibold'  }
    .CaixaContacte3 { grid-area: 2 / 3 / 3 / 5; }
    .CaixaContacte4 { grid-area: 3 / 1 / 4 / 5;font-size:12px; inline-block:22px; color:#ff7400;  }
    .CaixaContacte5 { grid-area: 4 / 1 / 5 / 2; }
    .CaixaContacte6 { grid-area: 4 / 2 / 5 / 3; }
    .CaixaContacte7 { grid-area: 4 / 3 / 5 / 4; }
    .CaixaContacte8 { grid-area: 4 / 4 / 5 / 5; }
.CaixaContacte:hover {  border:1px solid #1b1b1b; border-bottom: 3px solid #212121; background-color: #e2e2e2; transition:0.5s;}

.botoContacte{ background-color: #ff7400; display: inline-block; color: #fff; padding: 0.4rem 3.4rem;  transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; border: 0.2rem solid #ff7400;  font-size: 1.5rem;  text-align: center;}
.botoContacte span{background-color: rgba(255, 255, 255, 0.01);}
.botoContacte img{margin-left: 1rem; width: 1.5rem;}
.botoContacte:hover{background-color: #fff; color: #333; transition: 0.5s; border: 0.2rem solid #ff7400; }

.botoContacte2{ background-color: #ac1616; display: inline-block; color: #fff; padding: 0.4rem 3.4rem;  transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; border: 0.2rem solid #ac1616;  font-size: 1.5rem;  text-align: center;}
.botoContacte2 span{background-color: rgba(255, 255, 255, 0.01);}
.botoContacte2 img{margin-left: 1rem; width: 1.5rem;}
.botoContacte2:hover{background-color: #fff; color: #333; transition: 0.5s; border: 0.2rem solid #ac1616; }

.desaparecefoto{display: none;}
.lNewsHome {  display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(21em, 1fr));  grid-gap: 50px;}

.directriz {  width: 100%;overflow: hidden; position: relative; margin-top: 120px;}
.tapanera{width: 100%;    position: absolute;    bottom: -2px;}
.selEmpresa{font-family: 'Light'; font-size:18px; line-height: 25px;}
.textInt{font-family: 'Light'; font-size:18px; line-height: 25px;}
.talleres{width: 100%;border-bottom: 1px solid #cccccc; padding: 4px 5px; transition: 0.5s; background-color: #ffffff;}
.talleres:hover{width: 100%;border-bottom: 1px solid #ff7400; padding: 4px 5px; transition: 0.5s; background-color: #f3f3f3;}
.NewsDestacades{max-width: 35%; min-width: 400px;}
.LosPaddingHome{padding:0rem 15rem;}
.mundial{ width:100%; transition: all 1s ease; position: fixed; top: 0rem; z-index: 544; background-image: url('../imgs/barra-menu.png');}
.grid-menusuperior {display: grid;grid-template-columns: 27% 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.menusuperior1 { grid-area: 1 / 1 / 3 / 2; }
.menusuperior2 { grid-area: 1 / 2 / 2 / 3; text-align: right; height: 27px; font-size: 1.4rem;  margin-top: 11px;  color: #ff7400;  line-height: 1rem;  font-family: 'SemiBold';}
.menusuperior2 a {color: #212121!important; padding:0 20px; background-color: rgba(0, 0, 0, 0.01);}
.menusuperior3 { grid-area: 2 / 2 / 3 / 3; text-align: right; }
.logo1 {width: 100%;    max-width: 240px;    margin-top: 39px;    margin-bottom: 1rem;    -webkit-transition: 0.5s;    -moz-transition: 0.5s;    -o-transition: 0.5s;    transition: 0.5s;    height: 81px;}
.menuPrincipal{ -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}

.dropdown span{background-color: rgba(0, 0, 0, 0.01);}
.idiomas{   font-size: 1.4rem;    color: #ffffff; text-transform: uppercase;    line-height: 1rem;  font-family: 'Bold', Arial, Helvetica, sans-serif;}
.idiomas a{color: #ff7400!important;  padding:10px;margin:0;}
.mm-selected a{color: #000!important;}
.candado2 {    margin: -7px 4px 0 0px;    width: 17px;    opacity: 0.7;}
a.datosmail{color:#212121!important; padding: 5px 15px; margin-right: 15px;}
.datosmail img{ margin-right: 5px;}
.menuScroll {  transition: all 1.5s ease; background-color: rgba(103, 25, 38, 0.2); box-shadow: rgba(33, 35, 38, 0.2) 0px 1rem 1rem -1rem; }

.footer {display: grid;grid-template-columns: 1fr 1fr 1fr 150px;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; padding: 0.5rem  0; }
.footer_div1 { grid-area: 1 / 1 / 2 / 2; font-size: 12px; line-height: 15px; color: #fff;}
.footer_div2 { grid-area: 1 / 2 / 2 / 3; font-family: 'Light'; font-size: 12px; line-height: 15px; color: #fff; text-align: left;}
.footer_div2 a{ font-family: 'Semibold'; font-size: 18px!important; line-height: 21px!important; color: #000!important;}
.footer_div2 img{float: left; margin: 0 15px 15px 0;}
.footer_div3 { grid-area: 1 / 3 / 2 / 4; color: #fff; font-size: 12px; line-height: 19px; }
.footer_div4 { grid-area: 1 / 4 / 2 / 5; text-align:right; }

.footer_div3, .footer_div2, .footer_div1 b{letter-spacing: 1px;}

.footer a{ color: #fff!important; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.3rem; line-height:1.7rem;  transition: 0.5s;}
.footer a:hover{color: #ff7400; transition: 0.5s;}
.logosKit{ display: block;}
.imgNext{max-width: 14rem; margin-top: 2rem; }
.imgRecu{max-width: 13rem; }
.supervideo{width: 100%;}

.presentacioH {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;}
.presentacioH1 { grid-area: 1 / 1 / 2 / 2;}
.presentacioH2 { grid-area: 1 / 2 / 2 / 3;}
.presentacioH3 { grid-area: 1 / 3 / 2 / 4;}
.igualh1 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 2.4rem;    line-height: 2.5rem;    color: #222;  margin: 0; }

h1 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 3.1rem;    line-height: 3.5rem;    color: #646464;  margin: 0; }
h2 {    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 2.6rem;    line-height: 3rem;    color: #333;    font-weight: normal;    font-style: normal;    margin: 0.5rem 0;}
h4 {    font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 2rem;    line-height: 2.7rem;    color: #646464;margin: 0; }
a h4 {  color: #646464;}
h3 {    font-family: 'Bold', Arial, Helvetica, sans-serif;  font-size: 2.3rem;  line-height: 2.6rem;    color: #333;    font-weight: normal;    font-style: normal;margin: 0; }
h5 {    font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.8rem;  line-height: 2.6rem;    color: #606060; margin: 1rem 0; font-weight: normal;    font-style: normal; }
h6 {    font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.6rem;  line-height: 2.2rem;    color: #606060; margin: 1rem 0; font-weight: normal;    font-style: normal; }


.margin7{margin-top: 6% !important;}

.NewsHome {display: grid;grid-template-columns: 32% 1px 1fr;grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px;}
.NewsHome1 { grid-area: 1 / 1 / 2 / 2; }
.NewsHome2 { grid-area: 1 / 2 / 2 / 3; background-color:#cccccc; }
.NewsHome3 { grid-area: 1 / 3 / 2 / 4; }

.NewsDetacat {display: grid;grid-template-columns: 48% 1fr;grid-template-rows: auto;grid-column-gap: 30px;grid-row-gap: 0px;}
.NewsDetacat1 { grid-area: 1 / 1 / 2 / 2; }
.NewsDetacat2 { grid-area: 1 / 2 / 2 / 3; }

.llistatNewsHome {display: grid;grid-template-columns: 60px 130px 1fr;grid-template-rows: auto;grid-column-gap: 25px;grid-row-gap: 0px;margin-bottom: 30px;font-family: 'Light'; font-size: 16px; line-height: 20px;}
.llistatNewsHome1 { grid-area: 1 / 1 / 2 / 2; }
.llistatNewsHome2 { grid-area: 1 / 2 / 2 / 3; }
.llistatNewsHome3 { grid-area: 1 / 3 / 2 / 4; }


.LNewsHome {display: grid;grid-template-columns: 140px 1fr;grid-template-rows: auto;grid-column-gap: 25px;grid-row-gap: 0px;margin-bottom: 30px;font-family: 'Light'; font-size: 16px; line-height: 20px;}
.LNewsHome1 { grid-area: 1 / 1 / 2 / 2; }
.LNewsHome2 { grid-area: 1 / 2 / 2 / 3; }



.cajadata {display: grid;grid-template-columns: 1fr;grid-template-rows: 50px 20px;grid-column-gap: 0px;grid-row-gap: 0px; text-align: center; color: #fff;}
.cajadata1 { grid-area: 1 / 1 / 2 / 2; background-color:#ff7400; font-size:34px;  font-family: 'Bold'; padding:16px 5px; }
.cajadata1 span{background-color: rgba(0, 0, 0, 0.01);}
.cajadata2 { grid-area: 2 / 1 / 3 / 2; background-color:#212121; font-size:10px;  font-family: 'Semibold'; text-transform: uppercase; padding:0px 5px; }
.datadia{color:#333; font-size: 22px;font-family: 'Bold' ,Arial, Helvetica, sans-serif; background-color:rgba(255, 255, 255, 0.01); line-height:33px; }
.datames{color:#666; font-size: 14px;font-family: 'Light' ,Arial, Helvetica, sans-serif; line-height:33px; }

.triovideo {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px; text-align: center;}
.minimaaltura{min-height: 100px;}
.triovideo1 { grid-area: 1 / 1 / 2 / 2; }
.triovideo2 { grid-area: 1 / 2 / 2 / 3; }
.triovideo3 { grid-area: 1 / 3 / 2 / 4; }

.gridpath {    display: grid;    grid-template-columns: 48.85% 1fr;    grid-template-rows: auto;    grid-column-gap: 20px;    grid-row-gap: 20px;    padding: 15px;    background-color:#e2e2e2;  margin-bottom: 30px; margin-top: 6%;}
.gridpath1 { grid-area: 1 / 1 / 2 / 2; text-align: right; font-family: 'Light'; font-size: 12px; line-height: 15px; color:#000; text-transform: uppercase;}
.gridpath2 { grid-area: 1 / 2 / 2 / 3; text-align:left; font-family: 'Semibold';  font-size: 12px; line-height: 15px; color:#000; text-transform: uppercase;border-left: 2px solid #ff7400;}
.gridpath2 a{ color:#000!important }
.gridpath1 a{ color:#000!important }
.path{font-family: 'Semibold', Arial, Helvetica, sans-serif;    font-size: 1.2rem;  color: #555!important; line-height: 1.8rem; text-transform: uppercase; margin:15px 0; background-color: rgba(255, 255, 255, 0.01);}

.boto1{ background-color: #ff7400; display: inline-block; color: #fff; padding: 0.5rem 3rem;  transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; border: 0.2rem solid #ff7400;  font-size: 1.7rem;  text-align: center;}
.boto1 span{background-color: rgba(255, 255, 255, 0.01); color: #000;}
.boto1 img{margin-left: 1rem; width: 1.8rem;}
.boto1:hover{background-color: #fff; color: #333; transition: 0.5s; border: 0.2rem solid #ff7400; background-image: url(../imgs/blanc.png); }
.contacte {display: grid;grid-template-columns: 63%1fr;grid-template-rows: repeat(2, auto);grid-column-gap:130px;}
.contacte_div1 { grid-area: 1 / 1 / 2 / 2; }
.contacte_div1 ul li { margin-left:25px }
.contacte_div1 ol li { margin-left:25px }
.contacte_div2 { grid-area: 2 / 1 / 3 / 2; }
.contacte_div3 { grid-area: 1 / 2 / 3 / 3; }

.camponaranja{ margin: 0.5rem 30px 0.5rem 0; width:100%; padding: 10px  3rem; height: 55px; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#555;  border:0.2rem  solid #cbcbcb; background-color: #e2e2e2; width: 222px}

.inputNew{ margin: 0.5rem 0; width:100%; padding: 1.5rem  3rem; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#555;  border:0;  border-bottom:0.2rem  solid #fff; background-color: #d8d8d8;}
.inputNew::placeholder{font-family:  'Semibold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #555; text-align: left; font-style: italic; }

.inputNew50{ margin: 0.5rem 0; width:100%; padding: 1.5rem  3rem; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#555;  border:0;  border-bottom:0.2rem  solid #cbcbcb; background-color: #f2f2f2; max-width: 350px;}
.inputNew50::placeholder{font-family:  'Semibold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #555; text-align: left; font-style: italic; }


.textareaNew{ margin: 0.5rem 0; width:100%; padding: 1.5rem  3rem; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#555;  border:0;  border-bottom:0.2rem  solid #cbcbcb; background-color: #f2f2f2;}
.textareaNew::placeholder{font-family:  'Semibold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #555; text-align: left; font-style: italic; }

.lostres { display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 20px;grid-row-gap: 20px;   font-size: 16px;    line-height: 24px;    text-align: left; margin-top: 10px; margin-bottom: 10px;}
.lostres1 { grid-area: 1 / 1 / 2 / 2; padding:20px; border-left: 4px solid #ff7400!important; background-color: #f1f1f2}
.lostres2 { grid-area: 1 / 2 / 2 / 3; padding:20px; border-left: 4px solid #ff7400!important; background-color: #f1f1f2}
.lostres3 { grid-area: 2 / 1 / 3 / 2; padding:20px; border-left: 4px solid #ff7400!important; background-color: #f1f1f2}
.lostres4 { grid-area: 2 / 2 / 3 / 3; padding:20px; border-left: 4px solid #ff7400!important; background-color: #f1f1f2}

.contactegood {display: grid;grid-template-columns: 1fr 35%;grid-template-rows: repeat(2, auto);grid-column-gap:120px;}
.contactegood_div1 { grid-area: 1 / 1 / 2 / 3; }
.contactegood_div2 { grid-area: 2 / 1 / 3 / 2; }
.contactegood_div2 ul li { margin-left:25px }
.contactegood_div2 ol li { margin-left:25px }
.contactegood_div3 { grid-area: 2 / 2 / 3 / 3; }





.inputdenuncia{ margin: 0.5rem 0; width:100%; padding: 1.5rem  3rem; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#555;  border:0.2rem  solid #cbcbcb; background-color: #f2f2f2;}
.inputdenuncia::placeholder{font-family:  'Semibold', Arial, Helvetica, sans-serif;   font-size: 1.5rem;  color: #555; text-align: left; font-style: italic; }


.inputcontacto{ margin: 0.5rem 0; width:100%; padding: 1.5rem  3rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 2.3rem; color:#555;  border:0rem  solid #cbcbcb; background-color: #fff;}
.inputcontacto::placeholder{font-family:  'Bold', Arial, Helvetica, sans-serif;   font-size: 2.3rem;  color: #555; text-align: left; font-style: normal; }

.inputcontacto2{ margin: 0.5rem 0; width:100%; padding: 1.5rem  3rem; font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.7rem; color:#555;  border:0rem  solid #cbcbcb; background-color: #fff;}
.inputcontacto2::placeholder{font-family:  'Bold', Arial, Helvetica, sans-serif;   font-size: 1.7rem;  color: #555; text-align: left; font-style: normal; }


.cajainscripcion{font-family: 'Semibold';    padding: 12px;    text-align: center;    font-size: 1.3rem;    background-color: #ff7400; transition: 0.5s}
.cajainscripcion a{color:#fff!important; text-transform: uppercase; font-size: 1.5rem;}
.cajainscripcion:hover{background-color: #212121; transition: 0.5s} 

.departament {display: grid;grid-template-columns: 20% 100px 1fr;grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px; margin-bottom: 30px; border: 1px solid #e4e4e4;padding:15px;box-shadow: 1px 10px 12px -10px rgba(0,0,0,0.11); transition: 0.5s;}
.departament1 { grid-area: 1 / 1 / 2 / 2;font-family: 'Semibold';  background-color:#e4e4e4; padding: 20px; font-size: 2rem;}
.departament2 { grid-area: 1 / 2 / 2 / 3; }
.departament2 img {width:100%;margin-bottom:10px;border:1px solid #cccccc; }
.departament3 { grid-area: 1 / 3 / 2 / 4; background-color: rgba(255, 255, 255, 0.01);}
.departament a{background-color: rgba(255, 255, 255, 0.01);}
.departament:hover{padding:15px;box-shadow: 1px 14px 12px -10px rgba(0,0,0,0.34); transition: 0.5s; background-color: #f2f2f2}

.departamentA {display: grid;grid-template-columns: 20% 100px 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 50px;grid-row-gap: 0px; margin-bottom: 30px; border: 1px solid #e4e4e4;padding:15px;box-shadow: 1px 10px 12px -10px rgba(0,0,0,0.11); transition: 0.5s;}
.departamentA1 { grid-area: 1 / 1 / 3 / 2;font-family: 'Semibold';  background-color:#e4e4e4; padding: 20px;  font-size: 2rem;}
.departamentA2 { grid-area: 1 / 2 / 2 / 3; }
.departamentA2 img {width:100%;margin-bottom:10px;border:1px solid #cccccc; }
.departamentA3 { grid-area: 1 / 3 / 2 / 4; }
.departamentA4 { grid-area: 2 / 2 / 3 / 3; }
.departamentA4 img {width:100%;margin-bottom:10px;border:1px solid #cccccc; }
.departamentA5 { grid-area: 2 / 3 / 3 / 4; }
.departamentA:hover{padding:15px;box-shadow: 1px 14px 12px -10px rgba(0,0,0,0.34); transition: 0.5s; background-color: #f2f2f2}
.departamentA a{background-color: rgba(255, 255, 255, 0.01);}

.departamentB {display: grid;grid-template-columns: 20% 100px 1fr 100px 1fr;grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px;margin-bottom: 30px; border: 1px solid #e4e4e4;padding:15px;box-shadow: 1px 10px 12px -10px rgba(0,0,0,0.11); transition: 0.5s;}
.departamentB1 { grid-area: 1 / 1 / 2 / 2;font-family: 'Semibold';  background-color:#e4e4e4; padding: 20px; font-size: 2rem; }
.departamentB2 { grid-area: 1 / 2 / 2 / 3; }
.departamentB2 img {width:100%;margin-bottom:10px;border:1px solid #cccccc; }
.departamentB3 { grid-area: 1 / 3 / 2 / 4; }
.departamentB4 { grid-area: 1 / 4 / 2 / 5; }
.departamentB4 img {width:100%;margin-bottom:10px;border:1px solid #cccccc; }
.departamentB5 { grid-area: 1 / 5 / 2 / 6; }
.departamentB:hover{padding:15px;box-shadow: 1px 14px 12px -10px rgba(0,0,0,0.34); transition: 0.5s; background-color: #f2f2f2}
.departamentB a{background-color: rgba(255, 255, 255, 0.01);}


.departamentC {display: grid;grid-template-columns: 20% 100px 1fr 100px 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 50px;grid-row-gap: 0px;margin-bottom: 30px; border: 1px solid #e4e4e4;padding:15px;box-shadow: 1px 10px 12px -10px rgba(0,0,0,0.11); transition: 0.5s;}
.departamentC1 { grid-area: 1 / 1 / 3 / 2;font-family: 'Semibold';  background-color:#e4e4e4; padding: 20px; font-size: 2rem;  }
.departamentC2 { grid-area: 1 / 2 / 2 / 3; }
.departamentC2 img {width:100%;margin-bottom:10px;border:1px solid #cccccc; }
.departamentC3 { grid-area: 1 / 3 / 2 / 4; }
.departamentC4 { grid-area: 2 / 2 / 3 / 3; }
.departamentC4 img {width:100%;margin-bottom:10px;border:1px solid #cccccc; }
.departamentC5 { grid-area: 2 / 3 / 3 / 4; }
.departamentC6 { grid-area: 2 / 4 / 3 / 5; }
.departamentC6 img {width:100%;margin-bottom:10px;border:1px solid #cccccc; }
.departamentC7 { grid-area: 2 / 5 / 3 / 6; }
.departamentC:hover{padding:15px;box-shadow: 1px 14px 12px -10px rgba(0,0,0,0.34); transition: 0.5s; background-color: #f2f2f2}
.departamentC a{background-color: rgba(255, 255, 255, 0.01);}


.HomeServei {display: grid;grid-template-columns: 34% 1fr;grid-template-rows: auto;grid-column-gap: 70px;grid-row-gap: 0px;}
.HomeServei1 { grid-area: 1 / 1 / 2 / 2; color:#ff7400; background-color: rgba(255, 255, 255, 0.01);}
.HomeServei1 img{width: 100%;}
.HomeServei2 { grid-area: 1 / 2 / 2 / 3;  border-left: 1px solid #cccccc; padding: 0 0 0 50px;}
.HomeServei1 .divPlantilla1_txt a {background-color: rgba(255, 255, 255, 0.01);}
.HomeServei2 .divPlantilla1_txt strong {font-family: 'Semibold'; font-size: 23px; color:#212121!important;padding-left: 40px; background-image: url('../imgs/m.png'); background-repeat: no-repeat;  line-height: 27px;}
.HomeServei2 .divPlantilla1_txt a strong:hover {color:#ff7400!important; background-color:rgba(255, 255, 255, 0.01) !important; }
.HomeServei2 .divPlantilla1_txt a {background-color: rgba(255, 255, 255, 0.01);}








.zerogrid {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 5%;grid-row-gap: 0px;}
.zerogrid1 { grid-area: 1 / 1 / 2 / 2; }
.zerogrid2 { grid-area: 1 / 2 / 2 / 3;}
.zerogrid3 { background-color: #f3f3f3; padding:5%; border:1px solid #ff7400;}


.certificados {display: grid;grid-template-columns: 110px 110px 130px 145px 100px 1fr;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px; margin-top: 15px;}
.certificados1 { grid-area: 1 / 1 / 2 / 2; }
.certificados2 { grid-area: 1 / 2 / 2 / 3; }
.certificados3 { grid-area: 1 / 3 / 2 / 4;}
.certificados4 { grid-area: 1 / 4 / 2 / 5;font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.1rem;    line-height: 1.4rem; }
.certificados4 img{margin-bottom: 10px;}
.certificados5 { grid-area: 1 / 5 / 2 / 6; }
.certificados6 { grid-area: 1 / 6 / 2 / 7; }




.cuadrocolores{  padding:20px; text-align:center;min-height:90px; font-family: 'Semibold'; font-size: 15px; line-height: 18px;  display: grid; align-items: center; vertical-align: middle;justify-items: center;}

.cajasalut {display: grid;grid-template-columns: 20% repeat(2, 1fr);grid-template-rows: auto;grid-column-gap: 4%;grid-row-gap: 0px;}

.cajasalut1 { grid-area: 1 / 1 / 2 / 2; color: #3560a5;font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 20px;    line-height: 28px;}
.cajasalut2 { grid-area: 1 / 2 / 2 / 3; }
.cajasalut2 img { width: 100%; margin-bottom: 20px;}
.cajasalut3 { grid-area: 1 / 3 / 2 / 4; }

.oficinazero{width: 135px;margin:20px;}

.salutempresas {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 15px;grid-row-gap: 0px;}
.salutempresas1 { grid-area: 1 / 1 / 2 / 5;font-family: 'bold', Arial, Helvetica, sans-serif;    font-size: 2.2rem; }
.salutempresas2 { grid-area: 2 / 1 / 3 / 2; }
.salutempresas3 { grid-area: 2 / 2 / 3 / 3; }
.salutempresas4 { grid-area: 2 / 3 / 3 / 4; }
.salutempresas5 { grid-area: 2 / 4 / 3 / 5; }
.salutempresas img{width: 100%;}
.salutempresas h3 {    font-family: 'Light';    font-size: 24px;    line-height: 28px;    padding-left: 20px;    border-left: 5px solid #ff7400;    text-transform: none;    letter-spacing: -1px;    text-align: left;}

.llistaterritori {  display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));    grid-column-gap: 3%; grid-row-gap: 50px;}
.llistaticonos {  display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-column-gap: 3%; grid-row-gap: 50px;}

.lossectores{    border-bottom: 5px solid #ff7400;padding:20px; font-family: 'Light';  font-size: 15px; line-height: 18px; min-height: 250px; background-color: #ffffff; transition: 0.5s;}
.lossectores img{    width: 100%; max-width: 60px; opacity: 0.8; margin-bottom: 10px;}
.lossectores:first-child:hover{    border-bottom: 5px solid #212121; background-color: #f2f2f2; transition: 0.5s;}
.lossectores:nth-child(2):hover{   background-color: #e3ffcb; transition: 0.5s;}
.lossectores:nth-child(3):hover{   background-color: #fff1cb; transition: 0.5s;}
.lossectores:nth-child(4):hover{   background-color: #ffdada; transition: 0.5s;}
.lossectores:nth-child(5):hover{   background-color: #cbfff2; transition: 0.5s;}
.lossectores:nth-child(6):hover{   background-color: #cbeaff; transition: 0.5s;}
.lossectores:nth-child(7):hover{   background-color: #efebfd; transition: 0.5s;}
.lossectores44:hover{   background-color: #e3d7b0!important; transition: 0.5s;}


.llistaticonos2 {  display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));    grid-column-gap: 3%; grid-row-gap: 50px;}
.llistaticonos2 .lossectores{    min-height: 370px;}

.contactoprensa {display: grid;grid-template-columns: 25% 1fr;grid-template-rows: auto;grid-column-gap: 4%;grid-row-gap: 4px;}
.contactoprensa1 { grid-area: 1 / 1 / 2 / 2; }
.contactoprensa2 { grid-area: 1 / 2 / 2 / 3; }

.item a{color: #212121!important}
.logines3 a{color: #212121!important}
.logines {display: grid;grid-template-columns: 1fr 2px 1fr;grid-template-rows: auto;grid-column-gap: 33px;grid-row-gap: 0px;}
.logines1 { grid-area: 1 / 1 / 2 / 2; }
.logines2 { grid-area: 1 / 2 / 2 / 3;background-color: #aeaeae;}
.logines3 { grid-area: 1 / 3 / 2 / 4;}

.color1{padding: 4%; color: #fff; background-color: #bf662d; min-height: 250px;margin-top: 50px;}
.color1 a{ color: #fff!important;}
.color1 h4{color: #fff; font-size: 30px; line-height: 43px;font-family: 'Light'; }

.color2{padding: 4%; color: #fff; background-color: #6a70af; min-height: 250px;margin-top: 50px;}
.color2 a{ color: #fff!important;}
.color2 h4{color: #fff; font-size: 30px; line-height: 43px;font-family: 'Light'; }

.insertarhome {  border-left: 2px solid #ff7400;    color: #ff7400 !important;    font-family: 'Bold';    font-size: 13px;line-height: 15px;    padding-left: 15px;}
.insertarhome2 {  border-left: 2px solid #013275;    color: #013275 !important;    font-family: 'Bold';    font-size: 13px;line-height: 15px;  padding:4px 0; margin-bottom: 4px; padding-left: 15px;padding-right: 35px; text-transform: uppercase; background-color: #fff; }

.loshitos{margin-bottom: 30px; background-color: #f2f2f2; border-radius:4px;padding:30px!important; transition: 0.5s;}
.loshitos:hover{ background-color: #fff;transition: 0.5s}
.losnumeros {color: #fff;font-size: 30px;font-weight: 400;line-height: 28px;font-weight: bold;background-color: #013275;border-radius: 50px;padding: 8px 21px;width: 170px; text-align: center;display: inline-block; transition: 0.5s;}
.losnumeros:hover {color: #fff;font-size: 30px;font-weight: 400;line-height: 28px;font-weight: bold;background-color: #212121;border-radius: 50px;padding: 8px 21px;width: 170px; text-align: center;display: inline-block; transition: 0.5s;}
.loshitos:hover .losnumeros {background-color: #212121}

.x1{text-align:right;}
.x2{text-align:center;}
.x3{text-align:right;}

.llistatalent {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));    grid-gap: 30px;}
.subcaja{padding:4px 0px 4px 8px; border-bottom: 1px solid #fff; margin-bottom: 4px; font-family: 'Semibold';transition: 0.5s}
.subcaja:hover{ border-bottom: 1px solid #666;transition: 0.5s; background-color: #fff;}
.subcaja a{ color:#212121!important;}

.los3slogans {  margin-top: 50px;  background: url(../imgs/empresarias.jpg) repeat fixed top left / cover;    padding: 5% 5% 2% 5%;    position: relative;    z-index: 44;    background-position: top center;    color: #fff;   font-size: 18px; font-family: 'bold';}
.los3slogans i{ font-family: 'Light'; font-size: 14px; text-align: left!important;}
.superh5{color: #ff7400;font-family: 'Light'; font-size: 3.8rem; line-height: 3.8rem;}
.supernum{  font-family: 'Semibold';}
.supernum span{    color: #fff;   font-size: 62px;  line-height: 69px; font-family: 'bold';}
.supernum a{    color: #fff!important;  }
.supernum img{ width:114px; margin:10px; }
.cajairon { text-align: center;   border: 0px solid #cdcdcd; border-bottom:0px solid #cdcdcd; font-family: 'Semibold';    font-size: 14px;  color:#5f5f5f;  line-height: 18px;    margin: 0;   min-height: 160px; padding:17px; background-color: #f3f3f3}

.losacuerdos{   display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-gap: 50px;}

.leftsocio{padding-left: 3%}
.mm-vertical > .mm-selected{border-left:4px solid #ff7400 ;}
.lovisto2{float: left; margin: 3px 10px 50px 0;}
.lovisto2{float: left; margin: 3px 10px 10px 0;}
.identificarse{ height: 135px; background-position: top left; font-family: bold; padding: 18px 100px 20px 20% !important;position: relative;}

.identificarse > a > .boto1 {    padding: 0.2rem 2rem;margin-top: 5px;    font-size: 1.2rem;}

._hide{ display: none; }
.demarcas22 {    padding: 20px;    border: 1px solid #ccc !important;    border-radius: 4px; margin-bottom: 10px; background-color: #ffffff;line-height: 2.4rem; font-size: 1.6rem;}
.titol_plega454 {cursor: pointer;}

.detablones tr td{padding: 8px 15px; border-bottom:1px solid #cccccc;}
.detalento .h3{display: inline-block;    color: #000;    background: #fff;    mix-blend-mode: multiply;    position: relative;  font-family: 'Bold';    font-size: 32px;line-height: 45px;  color: #272727;    font-weight: normal;    font-style: normal; margin: 0px;}
.h3:before {    content: '';    display: block;    width: 100%;    height: 100%;    background: linear-gradient(to right, #222d54, #58a8b3);    mix-blend-mode: screen;    position: absolute;    top: 0;    left: 0;}
.circulares {    border-bottom: 1px solid #cccccc;    min-height: 54px!important;    margin-bottom: 15px;    font-size: 16px;    line-height: 19px;}
.refcircular {    background: #ccc;    padding: 2px 10px;    border-radius: 4px;    color: #fff;    min-width: 90%;    text-align: center;    border: 0px;}
.inputdemarc {    border: #cccccc 1px solid;    font-family: 'Semibold';    font-size: 16px;    color: #666666;    padding: 15px;    background-color: #FFFFFF;    font-style: italic;    width: 100%;    margin: 5px 0;}
.demarcasazules{padding-left:30px; border-left:3px solid #0e3575!important;margin-bottom: 30px;}
.cajagris {    background-color: #f4f4f4;  margin: 0px;    padding: 30px; }
.insertar1 {  text-align: left; font-family: 'Semibold';   background-color: #d80019;    color: #fff!important;    text-transform: uppercase;    padding: 5px 13px 3px 13px;    text-align: center;    font-size: 13px;    display: inline-table;}
.insertar2 {   font-family: 'Semibold';   background-color: #0e3575;    color: #fff!important;    text-transform: uppercase;    padding: 5px 13px 3px 13px;    text-align: center;    font-size: 13px;    display: inline-table;}

.lupon{cursor: pointer;float: left;width: 41px;}
.logofoment{margin-right: 30px; height: 25px;}
.logoagentsuport{margin-right: 30px; height: 48px;}
.logoglobal{margin-right: 30px; height: 76px;}
.logoobjetivo{margin-right: 30px; height: 76px;}
.asociate{width: 32px;}
#owl-bannersexternos { font-family: 'Semibold';   color: #212121; font-size: 13px;    line-height: 15px;  }
.consentimiento{font-size: 11px; line-height: 14px; text-transform: none; font-family: 'Light'; }
.pequenou {    font-family: 'Semibold';    font-size: 13px;    line-height: 17px;    color: #797979;    font-weight: normal;    margin-top: 10px;    font-style: normal;    text-align: left!important;}
#chat a {  padding:18px;position: fixed;  right: -200px;  top:74px;  transition: 0.3s;   width: 250px;  text-decoration: none;  font-size: 2rem;  display: inline-flex;  z-index: 999; transition: 0.5s;}
#chat a:hover {  right: -18px;transform: rotate(180deg);}
#whatsapp {text-align: left;padding:0px; }
.subasociate{transform: rotate(180deg);padding:10px; color: #fff; font-size: 1.4rem; text-align: center; line-height: 1.6rem;background-color: #212121;font-family: 'Bold';border-left:1px solid #fff;min-width: 220px; background-image: url('../imgs/asociarse.jpg'); background-size: cover;}
#chat a:hover {   opacity: 1; transition: 0.5s;}

.modifdatos {display: grid;grid-template-columns: 1fr 20% 20% 150px 60px;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px; background-color: #f2f2f2;border-bottom:1px solid #ccc; transition: 0.5s}
.modifdatos1 { grid-area: 1 / 1 / 2 / 2;padding:22px 7px;  font-family: 'Semibold'; }
.modifdatos2 { grid-area: 1 / 2 / 2 / 3;padding:22px 7px; }
.modifdatos3 { grid-area: 1 / 3 / 2 / 4;padding:22px 7px; }
.modifdatos4 { grid-area: 1 / 4 / 2 / 5;padding:22px 7px; }
.modifdatos5 { grid-area: 1 / 5 / 2 / 6;padding:22px 7px; }

.modifdatos:hover {border-bottom:1px solid #212212;background-color: #e4e4e4; transition: 0.5s}
.cajaaciones{padding:30px;border:1px solid #cccccc;margin-bottom: 10px;}

.derojo h2 {    font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height: 3.5rem;    color: #ff7400;    font-weight: normal;    font-style: normal;    margin: 0;}


.bolsatrabajo {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;}
.bolsatrabajo1 { grid-area: 1 / 1 / 2 / 2; }
.bolsatrabajo2 { grid-area: 1 / 2 / 2 / 3; }


.noticiero {display: grid;grid-template-columns: 1fr 31%;grid-template-rows: auto;grid-column-gap: 45px;grid-row-gap: 0px;padding:0}
.noticiero1 { grid-area: 1 / 1 / 2 / 2; }
.noticiero2 { grid-area: 1 / 2 / 2 / 3; }

.calendarioHome {display: grid;grid-template-columns: 1fr 23%;grid-template-rows: auto;grid-column-gap: 70px;grid-row-gap: 0px;padding:2% 0}
.calendarioHome1 { grid-area: 1 / 1 / 2 / 2; }
.calendarioHome2 { grid-area: 1 / 2 / 2 / 3; }

.llistatcursosH {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));    grid-gap: 30px; }

.cuadrocurso {display: grid;grid-template-columns: 1fr;grid-template-rows: auto 100px 80px auto auto;grid-column-gap: 0px;grid-row-gap: 0px;border:1px solid #98a8be;}
.cuadrocurso1 { grid-area: 1 / 1 / 2 / 2; background-color: #98a8be; text-transform: uppercase; color: #fff;font-family: 'Bold'; font-size: 13px;padding:2% 5%;height: 33px;}
.cuadrocurso2 { grid-area: 2 / 1 / 3 / 2; font-family: 'Bold'; font-size: 18px;padding:3% 5%; line-height: 20px;}
.cuadrocurso3 { grid-area: 3 / 1 / 4 / 2; padding:3% 5%}
    .mesydia {border-left: 2px solid #ff7400;padding:0 0 0 15px; font-family: 'Bold';font-size: 1.6rem; }
    .mesydia span {font-size:33px;line-height:33px; }
.cuadrocurso4 { grid-area: 4 / 1 / 5 / 2; padding:3% 5%; text-transform: uppercase; font-size: 11px;font-family: 'Light'; line-height: 16px;}
.cuadrocurso5 { grid-area: 5 / 1 / 6 / 2; padding:3% 5%}
.cuadrocurso5 a{ border-left: 2px solid #ff7400; color:#ff7400!important;font-family: 'Bold';  font-size: 13px; padding-left:15px;}

.titulocarrusel{font-family: 'Semibold'; font-size: 15px; line-height: 20px; text-align: center;}


/*CALENDARIO*/
.fc .fc-button {padding:3px;font-size: 0.7em;border-radius:0;}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {    min-height: 1em!important;}
.fc .fc-toolbar.fc-header-toolbar {    margin-bottom: 0.5em;}
.fc .fc-button-primary {    background-color: #788daa;    border-color: #788daa;}
.fc .fc-button-primary:disabled {   font-family: 'Bold'; background-color: #a7b5c8;    border-color:  #a7b5c8;    color: #212121;}
.fc .fc-scrollgrid-liquid {    height: 316px; }
.fc .fc-daygrid-day-top {    display: block;}

.calendarios{position:relative;z-index: 88;width:98%;margin-top: 31px;}
h2.fc-toolbar-title{font-family: 'Bold';   font-size: 17px!important; text-transform: uppercase;}
.fc th {    font-size: 14px;font-family: 'Bold'; background-color:#a7b5c8;  text-transform:uppercase; }
.fc .fc-col-header-cell-cushion {color:#fff!important;}
.fc .fc-scroller-harness-liquid { background-color: #fff;}
.fc .fc-daygrid-day-number { font-size: 13px;font-family: 'Bold';}
.fc-h-event .fc-event-title {    font-size: 12px;font-family: 'Semibold'; }
.fc .fc-daygrid-more-link { font-size: 12px;font-family: 'Semibold';}
.fc-daygrid-dot-event {    background-color: #e4e4e4;}
.fc-event-time{ display:none; }
.lacajaazul{background-color: #bdd0e3;    min-height: 484px;    border-radius: 6px; padding:12px;}
/* FIN CALENDARIO*/


.nnoticiero {    background: #ff7400;    padding: 10px;   color: #fff;    width: 100%;    font-size: 31px;    text-align: center;    margin-bottom: 10px;    border: 0; max-width: 150px;}
.txtnoticiero{color:#ff7400;font-size:10px;line-height:12px;text-transform: uppercase;;margin-bottom: 5px;}
.titulonew {    font-family: 'Semibold';    font-size: 21px;    line-height: 24px;    color: #000000;    font-weight: normal;    margin-top: 10px;    font-style: normal;    text-align: left;    margin: 0 0 9px 0;}

.cajanoticiero {display: grid;grid-template-columns: 48% 100px 1fr;grid-template-rows: 60px auto;grid-column-gap: 20px;grid-row-gap: 0px;}
.cajanoticiero1 { grid-area: 1 / 1 / 3 / 2; }
.cajanoticiero2 { grid-area: 1 / 2 / 2 / 3; }
.cajanoticiero3 { grid-area: 1 / 3 / 2 / 4; padding:10px; }
.cajanoticiero4 { grid-area: 2 / 2 / 3 / 4; }



.circulareslist {display: grid;grid-template-columns: repeat(3, 170px) 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 20px;grid-row-gap: 0px; margin-bottom: 15px;transition: 0.5s; color:#212121!important}
.circulareslist1 { grid-area: 1 / 1 / 3 / 2; }
.circulareslist1 img {width:100% }
.circulareslist2 { grid-area: 1 / 2 / 2 / 5;padding:10px; }
.circulareslist3 { grid-area: 2 / 2 / 3 / 3;padding:4px; font-size: 1.7rem;font-family: 'Semibold';}
.circulareslist4 { grid-area: 2 / 3 / 3 / 4; padding:4px; font-size: 1.7rem;font-family: 'Semibold'; }
.circulareslist:hover {background-color: #f2f2f2; transition: 0.5s}
.circulareslist5 { grid-area: 2 / 4 / 3 / 5;padding:4px; }



.descargaritem {    padding: 3px 10px;    color: #ff7400;    text-align: center;    border-right: 2px solid #ff7400;    font-family: 'Bold';}


.refnoticiero {    background: #212121;    padding: 3px 10px;  color: #fff;    text-align: center;border: 0;}
.refcircular { padding: 3px 10px;  color: #ff7400;    text-align: center;    border-right: 2px solid #ff7400;font-family: 'Bold';}


.videoHome {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));    grid-gap: 50px;}
.videoHome0 {  background-color:#e4e4e4; padding:6rem;}


.cuadrovideo { display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(21em, 1fr));    grid-gap: 30px;line-height: 2.2rem; font-size: 1.5rem;font-family: 'Semibold';}

.femllobregat {display: grid;grid-template-columns:55% 45%;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;line-height: 2.2rem; font-size: 1.5rem;font-family: 'Semibold';}
.femllobregat1 { grid-area: 1 / 1 / 2 / 2; }
.femllobregat2 { grid-area: 1 / 2 / 2 / 3; }
.femllobregat3 { grid-area: 2 / 1 / 3 / 3; }

.ventajas {display: grid;grid-template-columns: repeat(2, 50%);grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px; margin: 4rem 0;}
.ventajas1 { grid-area: 1 / 1 / 2 / 2;padding:20px 20px 20px 0; }
.ventajas2 { grid-area: 2 / 1 / 3 / 2;padding:20px 20px 20px 0;  }
.ventajas3 { grid-area: 1 / 2 / 3 / 3; border-left:4px solid #aeaeae; text-align: right;}
.ventajas3 img{ width:97% }

.imageneslogo{border:3px solid #ea8710!important;margin:0.5px; transition: 0.5s; opacity: 1;object-fit: scale-down;height: 140px; padding:10px; border-radius:4px;}
.imageneslogo:hover{filter: grayscale(0%); transition: 0.5s; opacity: 1}

    .latabla tr td{padding: 10px;border-bottom:1px solid #cccccc;}
    .esferas a {background-color: #cccccc; margin: 5px;padding:5px 8px;border-radius:4px; text-align: center; display:inline-block; }
    .descpdf{ border:1px solid #ff7400;padding:6px 8px;font-size:12px;text-transform:uppercase; transition: 0.5s;}
    .descpdf:hover{color:#ffffff;border:1px solid #ff7400;background-color: #ff7400;-webkit-transition: background-color 300ms linear;    -moz-transition: background-color 300ms linear;    -o-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear; transition: 0.5s;}
    .descpdf img{margin:-4px 12px 0 0; width: 12px;}
    .cajamem {    background-color: #f4f4f4;  margin: 0px;    padding: 10px;    min-height: 290px;}
    .cajamem h4{font-size: 1.6rem;  line-height: 2rem; margin-top: 10px;}

    .llistatwood {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));    grid-gap: 13px;}
    .cajawood {    border: 1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;   text-align: left;    font-family: 'Semibold';    font-size: 15px;    line-height: 20px;    margin: 0;   min-height: 160px; padding:17px;}


    .cajadirectivos {    padding: 0 19px 15px 19px;    border-bottom: 1px solid #98465d;    text-align: center;    font-family: 'Semibold';    font-size: 14px;    line-height: 16px;    letter-spacing: 0.5px;    margin: 0 15px 13px 0;    min-height: 68px;  width: 100%;    display: table;    text-align: center;}
    .cajavocales22 {    border: 1px solid #cdcdcd; border-bottom:1px solid #ff7400;   text-align: center;    font-family: 'Semibold';    font-size: 14px;    line-height: 17px;    margin: 0;    text-align: center; min-height: 150px; padding: 26px;}
    .cajavocales22 b {font-size: 16px;    line-height: 27px; }  
    .llistat {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));    grid-gap: 30px;}
    .candado {margin:-3px  0 0 0; width: 15px; opacity: 0.7;}


    .inputbuscador {  font-family: 'Light', Arial, Helvetica, sans-serif; font-size: 12px; color: #555;  background-color: #e3e3e3; border: 0px;   width: 230px;padding:9px 5px 10px 17px;  float: left;    margin:0px;    border-radius: 7px 0 0 7px;    transition: 0.5s; height: 44px;}
    .minim4caracters{   color: #ff7400;    font-size: 12px;    position: absolute;    top: 53px;    left: 22px;  }
    .minim4caracters_no{    display: none;  }
    .minim4caractersx{ margin-top: -8px;   color: #ff0000;font-size: 12px;  }
    .minim4caracters_nox{   display: none;  }
    .minim4caractersy{  color: #ff0000;    font-size: 12px;    position: absolute;    top: 80px;    right: 59px;  }
    .minim4caracters_noy{   display: none;  }
    .botoIdiomes {    list-style: none;    margin-top: -15px;}
    .collapse {    display: none;    visibility: hidden;}
    .sloganes {position: absolute; bottom: 0; width: 100%; padding:30px }
    .sloganes h2{ color:#fff; text-transform:none;  font-size: 20px; line-height: 25px; font-family: Bold; text-align: left; letter-spacing: 0}
    .sloganes h3{ color:#fff; text-transform:none;  font-size: 15px; line-height: 20px; font-family: Regular; text-align: left; border-left: 5px solid #ff7400; padding:0 0 0 25px; letter-spacing: 0}
    .degradenewshome{    min-height: 38vh; background-image: url('../imgs/f-newhome.png'); background-position: bottom; background-repeat: repeat-x; }

    .txtrojo{font-family: 'Semibold', Arial, Helvetica, sans-serif; font-size: 1.5rem;  color: #cf1b19!important; line-height: 1.8rem;}
    .colocacionsloganint{vertical-align:text-bottom;position: absolute;z-index: 25;width: 100%;height:400px;color: #fff;text-align: center;font-family: Regular;font-size: 33px;line-height: 40px;vertical-align: bottom;  display: flex;padding:0 22%; display: none}
    .colocacionsloganint250{vertical-align:text-bottom;position: absolute;z-index: 25;width: 100%;height:250px;color: #fff;text-align: center;font-family: Regular;font-size: 33px;line-height: 40px;vertical-align: bottom;  display: flex;padding:0 22%; display: none}
    .cabes1{position: absolute; z-index: 15; width:100%; height: 400px; display: none;}
    .cabes2{width: 100%;height: 400px;}
    .cabes1medio{position: absolute; z-index: 15; width:100%; height: 250px;display: none}
    .cabes2medio{width: 100%;height: 250px;}    
    .mesinfo {border: 1px solid #ff7400; padding:6px; color:#212121; font-family: 'Semibold'; font-size: 13px; text-transform: uppercase; letter-spacing: -1px; text-align: center;transition: 0.5s;}
    .mesinfo:hover {border: 1px solid #212121; padding:6px; color:#ff7400; transition: 0.5s; background-color: #f4f4f4;}

    .data{ color:#333; background-color: rgba(255, 255, 255, 0.01); font-family: 'Semibold'; font-size: 15px;line-height: 32px; }
    a.data { color:#ff7400!important }
    .datazul{ color:#0e3575; font-family: 'Semibold'; font-size: 15px; }
    a.datazul { color:#0e3575!important }   
    .minis{ color:#212121; font-family: 'Semibold'; font-size: 14px; }
    .minis img{ margin:-3px 5px 0 0 ; }
    .llistatOtrossevicios {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));    grid-column-gap: 5rem;    grid-row-gap: 5rem;    clear: both;    margin-top: 2%;}
    .llistatmemorias {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));    grid-column-gap: 1rem;    grid-row-gap: 1rem;    clear: both;    margin-top: 2%;}
    .llistatdocuments {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(40rem, 1fr));    grid-column-gap: 1rem;    grid-row-gap: 1rem;    clear: both;    margin-top: 1.5%; }
    

    .demarca{border-left: 3px solid #ff7400; padding:0 45px 0 15px; color:#ff7400; font-size: 12px;font-family: 'Semibold';}
    .dehome{width: 15px; opacity: 0.7; margin:-3px 10px 0 0 }
    .isncript{font-family: 'Bold'; text-transform: uppercase; font-size: 1.7rem; color:#013275; margin:8px 0 0 7px;}
    .cajasubscrip{border-left:5px solid #ff7400; padding: 13px 20px 20px 20px; background-color: #e2e2e2;}
    .cajasubscrip p{border-bottom: 1px solid #ccc; padding: 5px; margin: 5px;font-family: 'Semibold'; font-size: 1.9rem; line-height: 2.0rem;}
    .cajasubscrip p span{ color:#6f6f6f; text-transform: uppercase; font-size: 1.1rem; line-height: 2.0rem; }


    .marketplace {display: grid;grid-template-columns: 1fr repeat(2, 36%);grid-template-rows: auto;grid-column-gap: 5%;grid-row-gap: 0px;}
    .marketplace1 { grid-area: 1 / 1 / 2 / 2; }
    .marketplace2 { grid-area: 1 / 2 / 2 / 3; }
    .marketplace3 { grid-area: 1 / 3 / 2 / 4; }
    .marketplace h2 {   font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height: 3.5rem;    color: #ff7400;    font-weight: normal;    font-style: normal;    margin: 0;}
    .marketplace h5 {   font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.2rem;  line-height:1.3rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; }


    .talento {  display: grid;  grid-template-columns: 18% 1fr; grid-template-rows: 1fr;    grid-column-gap: 5%;    grid-row-gap: 0px;  }
    .talento1 { grid-area: 1 / 1 / 2 / 2; }
    .talento2 { grid-area: 1 / 2 / 2 / 3; }



    .listadocursos {display: grid;grid-template-columns: 18% 1fr;grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px;}
    .listadocursos1 { grid-area: 1 / 1 / 2 / 2; }
    .listadocursos2 { grid-area: 1 / 2 / 2 / 3; }
    .listadocursos1 h2 {    font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height: 3.5rem;    color: #ff7400;    font-weight: normal;    font-style: normal;    margin: 0;}
    .listadocursos1 h5 {    font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.8rem;  line-height:1.6rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; }


    .marketplaceInt {display: grid;grid-template-columns: 18% 1fr;grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px;}
    .marketplaceInt1 { grid-area: 1 / 1 / 2 / 2; }
    .marketplaceInt2 { grid-area: 1 / 2 / 2 / 3; }
    .marketplaceInt1 h2 {   font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height: 3.5rem;    color: #ff7400;    font-weight: normal;    font-style: normal;    margin: 0;}
    .marketplaceInt1 h5 {   font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.8rem;  line-height:1.6rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; }


    .trabajoempleo {display: grid;grid-template-columns: 18% 1fr;grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px;}
    .trabajoempleo1 { grid-area: 1 / 1 / 2 / 2; }
    .trabajoempleo2 { grid-area: 1 / 2 / 2 / 3; }
    .trabajoempleo1 h2 {    font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height: 3.5rem;    color: #ff7400;    font-weight: normal;    font-style: normal;    margin: 0;}
    .trabajoempleo1 h5 {    font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.8rem;  line-height:1.6rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; }


    .bdempresas {display: grid;grid-template-columns: 18% 1fr;grid-template-rows: auto;grid-column-gap: 50px;grid-row-gap: 0px;}
    .bdempresas1 { grid-area: 1 / 1 / 2 / 2; }
    .bdempresas2 { grid-area: 1 / 2 / 2 / 3; }
    .bdempresas1 h2 {   font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 3rem;    line-height: 3.5rem;    color: #ff7400;    font-weight: normal;    font-style: normal;    margin: 0;}
    .bdempresas1 h5 {   font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.8rem;  line-height:1.6rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; }

    .menulateralizquierdo{background-color: #d5d5d5;padding:15px 20px; border-left:5px solid #ff7400; margin-bottom: 5px; transition: 0.5s;font-size: 1.2rem;    line-height: 1.5rem; position: relative;}
    .menulateralizquierdo h2 {  font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 2.4rem;    line-height: 2.5rem;    color: #ff7400;    font-weight: normal;    font-style: normal;    margin: 0;}
    .menulateralizquierdo h5 {  font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.3rem;  line-height:1.3rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; text-transform: uppercase;}
    .menulateralizquierdo:hover{background-color: #ccc;  transition: 0.5s}
    
    .menulateralizquierdo:after {    content: "";    position: absolute;    top: 16px;    left: -7px;    border-top: 10px solid blue;    border-top-color: #ff7400;    border-left: 10px solid transparent;    border-right: 10px solid transparent;transform: rotate(-90deg);}

    .menulateralizquierdo2{background-color: #ebebeb;padding:15px 20px; border-left:5px solid #212121; margin-bottom: 5px; transition: 0.5s;font-size: 1.2rem;    line-height: 1.5rem; position: relative;}
    .menulateralizquierdo2 h2 { font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 2.2rem;    line-height: 2.5rem;    color: #ff7400;    font-weight: normal;    font-style: normal;    margin: 0; }
    .menulateralizquierdo2 h5 { font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.8rem;  line-height:1.3rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; text-transform: uppercase;}
    .menulateralizquierdo2:hover{background-color: #ccc;  transition: 0.5s;border-left:5px solid #ff7400;}
    

    .menulateralizquierdob{background-color: #d5d5d5;padding:15px 20px; border-left:5px solid #0e3575; margin-bottom: 5px; transition: 0.5s;font-size: 1.2rem;    line-height: 1.5rem; position: relative;}
    .menulateralizquierdob h2 { font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 2.4rem;    line-height: 2.5rem;    color: #0e3575;    font-weight: normal;    font-style: normal;    margin: 0;}
    .menulateralizquierdob h5 { font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.3rem;  line-height:1.3rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; text-transform: uppercase;}
    .menulateralizquierdob:hover{background-color: #ccc;  transition: 0.5s}
    
    .menulateralizquierdob:after {    content: "";    position: absolute;    top: 16px;    left: -7px;    border-top: 10px solid blue;    border-top-color: #0e3575;    border-left: 10px solid transparent;    border-right: 10px solid transparent;transform: rotate(-90deg);}

    .menulateralizquierdob2{background-color: #ebebeb;padding:15px 20px; border-left:5px solid #0e3575; margin-bottom: 5px; transition: 0.5s;font-size: 1.2rem;    line-height: 1.5rem; position: relative;}
    .menulateralizquierdob2 h2 {    font-family: 'Light', Arial, Helvetica, sans-serif;    font-size: 2.2rem;    line-height: 2.5rem;    color: #0e3575;    font-weight: normal;    font-style: normal;    margin: 0; }
    .menulateralizquierdob2 h5 {    font-family: 'Semibold', Arial, Helvetica, sans-serif;  font-size: 1.3rem;  line-height:1.3rem; color: #212121; margin:  0; font-weight: normal;    font-style: normal; text-transform: uppercase;}
    .menulateralizquierdob2:hover{background-color: #ccc;  transition: 0.5s;border-left:5px solid #0e3575;}





    html{font-size: 10px;}
    body {  font-family: 'Light' ,Arial, Helvetica, sans-serif;    color: #333;    line-height: 2.5rem;    font-weight: normal;    font-style: normal;    font-size: 1.9rem; background-color: #fff;}
    .newsletter0 {display: grid;grid-template-columns: 18% 1fr 20%;grid-template-rows: auto;grid-column-gap: 40px;grid-row-gap: 0px;}
    .newsletter1 { grid-area: 1 / 1 / 2 / 2; }
    .newsletter2 { grid-area: 1 / 2 / 2 / 3; }
    
    .newsletter2  ul li {margin-left: 2.5rem;}
    .newsletter3 { grid-area: 1 / 3 / 2 / 4; background-color: #f2f2f2;}

    .formacio0 {display: grid;grid-template-columns: 18% 1fr 20%;grid-template-rows: auto;grid-column-gap: 40px;grid-row-gap: 0px;}
    .formacio1 { grid-area: 1 / 1 / 2 / 2; }
    .formacio2 { grid-area: 1 / 2 / 2 / 3; }
    .formacio3 { grid-area: 1 / 3 / 2 / 4; background-color: #f2f2f2;}
    .recortarbanner{width: 100%;object-position: right bottom; object-fit: cover; height:80px}
    .subsinfoball{padding: 1rem; font-size: 1.5rem; line-height:1.9rem;background-color: #fff; }

    .bannerformacio0 {  display: grid;  grid-template-columns:repeat(2, 1fr);   grid-template-rows: repeat(2, auto);grid-column-gap: 30px;  grid-row-gap: 30px; }
    .bannerformacio1 { grid-area: 1 / 1 / 2 / 2; }
    .bannerformacio2 { grid-area: 1 / 2 / 2 / 3; }
    .bannerformacio3 { grid-area: 2 / 1 / 3 / 2; }
    .bannerformacio4 { grid-area: 2 / 2 / 3 / 3; }
    .bannerformacio0 img{width: 100%}

    .llistatcursoslista {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-gap: 50px;}
    .llistatcursos {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));    grid-gap: 50px;}
    .listacurso { background-color:#f2f2f2; }

    .cursillo {display: grid;grid-template-columns: 42% 1fr;grid-template-rows: 200px 100px repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .cursillo1 { grid-area: 1 / 1 / 2 / 3; }
   .cursillo1 img{object-fit: cover; width: 100%; height:200px;}
    .cursillo2 { grid-area: 2 / 1 / 3 / 3; font-family: Bold; padding: 20px; font-size: 1.8rem; line-height: 2.0rem;}
   .cursillo2 span { font-family:'Light'; text-transform:uppercase; font-size:1.1rem; line-height: 1.3rem; }
    .cursillo3 { grid-area: 3 / 1 / 4 / 2; padding:15px 20px; font-size:1.4rem; line-height: 2rem;font-family: 'Semibold'; background-color: #fff}
        .cursillo3 span{color:#ff7400 }
    .cursillo4 { grid-area: 3 / 2 / 4 / 3; padding:15px 20px; font-size:1.5rem; line-height: 2rem;font-family: 'Semibold'; background-color: #fff}
    .cursillo5 { grid-area: 4 / 1 / 5 / 3; border-top:3px solid #bfdfe9; color:#013275; text-transform:uppercase; font-family: 'Bold';padding:15px; text-align: center; font-size: 1.3rem;background-color: #f4f4f4;transition: 0.5s;}
        .cursillo5:hover{background-color: #ccc;transition: 0.5s;}
        .cursillo5 a{color:#013275!important;}

    .llistatbanners {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(26em, 1fr));    grid-gap: 50px;}
    .cajageneral{min-height: 270px; background-color: #ffffff;margin:10px 0; font-size: 1.5rem; box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.14);text-align:center; }
    .cajageneral img {width: 70px; opacity: 0.8; margin: 0px 20px;padding:10px;transition: 0.5s}
    .cajageneral img:hover{width: 90px; opacity: 1; margin: 0px 20px;padding:0px;transition: 0.5s}
    .cajageneral h5 {text-transform: uppercase;}

    .fonscurso{background-color:#e4e4e4;padding:11rem 0rem; margin: 50px 0; background:url('../imgs/tipo-curso.jpg') repeat fixed top left/cover;}
    .tiposformacion{min-height: 100px;background-color:#e4e4e4;padding: 25px; font-family: 'Semibold'; font-size: 1.4rem; color: #212121!important; transition: 0.5s; text-align: center;}
    .tiposformacion h5{ color: #212121!important;}
    .tiposformacion:hover{background-color:#ccc; transition: 0.5s;}
    .tiposformacion img {width:80px; opacity: 0.8;}

    .cajamini{min-height: 120px; background-color: #ffffff;margin:10px 0; font-size: 1.5rem; box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.14);padding:30px;; font-family: 'Light'; font-size: 1.3rem; line-height: 1.7rem; text-align:center;}
    .cajamini b{ font-family: 'Semibold'; font-size: 1.7rem; line-height: 2rem}
    .cajamini img{max-height:60px; height: 100%;}   

    .cajamail{border:1px solid #ccc; padding:12px 24px; color:#212121; margin-top: 10px; filter: grayscale(100%); background-color: #ffffff;}
    .cajamail img{width:30px; opacity: 0.5}


    .llistatasesoria{display: grid;grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));grid-column-gap: 5rem;grid-row-gap:8rem; clear: both; margin-top: 2%;}
    .fotollistatasesoria img {    transition: 1s;    width: 100%;    object-fit: contain;    height: 23rem; padding:25px;}
    .fotollistatasesoria{overflow: hidden;}
    .fotollistatasesoria:hover img{transform: scale(1.1); transition: 1s;}

.contenedor {padding:0;width: 96%;margin:0 auto; padding: 0; max-width: 1650px;}
.container-fluid {padding: 0 !important; margin: 0 !important;}
a.tornar {text-transform: uppercase; font-family: 'Light'; font-size: 1.4rem; color: #ababab!important; margin-right: 5rem;}
.reciclaje{background-color: #212212; color: #fff; font-family: 'Light'; padding: 0.3rem 6px; font-size: 2.4rem; line-height: 2.4rem; position: absolute;     bottom: 19.5rem;    right: 5rem; z-index: 11;}
.colocatitle{width: 100%; padding-left: 1rem;  }
.fcontact{margin-top: 8rem; background-color: #f7f8ff; background-image: url('../imgs/contacte.jpg'); background-position: top right; background-repeat: no-repeat;}

    
.textckeditor ul li {margin-left: 2.5rem;}
.ajutepunto ul li {margin-left: 2.5rem;}
.dropdown-menu > li > table > tbody > tr > td > h2 > a {  font-family: 'Light';     margin: 0px 0 0px 0; line-height: 2rem;}
.dropdown-menu > li > table > tbody > tr > td > h2  {  margin: 0px 0 0px 0;}
.dropdown-menu > li > table > tbody > tr > td > h3 > a {  font-family: 'Light'; font-size: 1.1rem;    line-height: 1.4rem; border-bottom: 0.1rem dotted #ababab;}
.dropdown-menu > li > table > tbody > tr > td > h4 > a {  font-size: 1.5rem;    line-height: 1.6rem; margin:0 0 0 0.5rem !important;}
.dropdown-menu > li > table > tbody > tr > td > h4  {  margin:0;}
.dropdown-menu > li > table > tbody > tr > td > hr {    margin-top: 1rem;    margin-bottom: 1rem;    border: 0;    border-top: 0.1rem solid #ababab; }



.borrar{display: block;}
.preshome2  h1 {  font-family: 'Bold' ,Arial, Helvetica, sans-serif;    font-size: 2.7rem;    line-height: 3.0rem;    color: #000;  margin: 0; }
.supercajagris{padding: 3rem 3rem 3rem 4rem; background-color: #f2f2f2; border-left: 5px solid #a0b05e;}
.supercajagris2{padding: 3rem 3rem 3rem 4rem; background-color: #f2f2f2; border-left: 5px solid #7b8aa4;}

    .identicoh1 {  font-family: 'Light' ,Arial, Helvetica, sans-serif;    font-size: 3.6rem;    line-height: 3.8rem;    color: #013275;  margin: 0;font-weight: bold; }
.no_veure{    display: none;  }
.texto {    font-family: 'Light', Arial, Helvetica, sans-serif;   font-size: 1.8rem;  color: #575757; font-weight: normal;    font-style: normal; }
hr.linea {  width: 100%;    height: 0px;    margin: 0px;margin-top: 1.2rem; margin-bottom:1.2rem;   border: 0;  display: flex;  text-align:left;    border-bottom:0.2rem  solid #efefef;}
hr.linearoja {  width: 100%;    height: 0px;    margin: 0px;margin-top: 1.2rem; margin-bottom:1.2rem;   border: 0;  display: flex;  text-align:left;    border-bottom:1px  solid #e5d2d4;}
hr.lineagris {  width: 100%;    height: 0px;    margin: 0px;margin-top: 1.2rem; margin-bottom:1.2rem;   border: 0;  display: flex;  text-align:left;    border-bottom:1px  solid #aeaeae;}
.badge-notify{  background: #969696 !important;    position: relative;    top: -1rem;    left: -4.4rem;  }
.textckeditor img { width: 100%;    max-width: 50rem;   display: block; margin: 1rem 0;}
.ideom { float:right; }
.ideom > form > .mm-selected {background-color: #ffffff;}

.xarxes{margin-left: 18px;}
    .icoXarxa{margin: 0 5px 0 0;    width: 25px; transition: 0.5s; opacity: 1; padding: 0!important}
    .icoXarxa:hover{transition: 0.5s; opacity: 0.5; padding: 0!important}

.caixaContacte{ padding: 1rem 0rem; color: #000; display: flex; align-items: center;}
.caixaContacte img{width:3.3rem; background-color: #ff7400;margin-right: 15px; float: left; padding-top: 0.2rem;}
.caixaContacte a{color: #000; transition: 0.5s; font-size: 2rem; font-family: 'Light'; line-height: 2.5rem;}
.caixaContacte a:hover{color: #ff7400; transition: 0.5s !important; padding-left: 0.5rem;}
.textckeditor ol{padding-left: 5%;}
.botoError{border:0.2rem  solid #ff7400; padding: 0.5rem  2rem; width: 100%; text-transform: uppercase; font-family: 'Bold', Arial, Helvetica, sans-serif; background-color: #fff; float: right; font-size: 1.4rem; border-radius: 0.6rem; color: #222221;transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */ margin-bottom: 0.7rem;}
.botoError:hover{background: #ff7400; color: #fff; transition: 0.6s;  -webkit-transition: 0.6s; /* Safari 3.1 to 6.0 */}
.nota{font-family:  'Light', Arial, Helvetica, sans-serif;   font-size: 1.1rem;  color: #333; text-align: left; font-style: italic; padding-left: 1rem;}
.nota span{background-color: rgba(255, 255, 255, 0.01);}
.menuPrincipal2{padding-top: 2rem; -webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}

    .inputform{ margin: 0.5rem 0; width:100%; padding: 1rem  2rem; font-family: 'Bold', Arial, Helvetica, sans-serif; font-size: 1.5rem; color:#333;  border:0;  border-bottom:0.2rem  solid #cbcbcb; background-color: #fff; background-color: #f2f2f2}
    .inputform::placeholder{font-family:  'Light', Arial, Helvetica, sans-serif;   font-size: 1.3rem;  color: #555; text-align: left; font-style: italic; }   
.mm-amagat{opacity: 0;}
#menuMobile{z-index: 888;}
.fotoNotiLlistat{overflow: hidden;}
.fotoNotiLlistat img{transition: 1s; width: 100%;}
.fotoNotiLlistat:hover img{transform: scale(1.1); transition: 1s;}
.fotoFormacioLlistat{overflow: hidden; height: 100%;}
.fotoFormacioLlistat img{transition: 1s; width: 100%; object-fit: cover; height: 100%;}
.fotoFormacioLlistat:hover img{transform: scale(1.1); transition: 1s;}
.iconsFitxa{-webkit-box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1);box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1); border-radius: 50%; width: 4rem; height: 4rem; margin: -0.5rem 1rem 3rem 0; float: left;}
.iconsFitxa2{-webkit-box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1);box-shadow:0.2rem 0.2rem  0.3rem 0.1rem rgba(0,0,0,0.1);  width: 4rem; height: 4rem; margin: 0 1.5rem 0 0;}
.blocExtraNoti a{ font-size: 1.4rem;}
.centrat{text-align: center;margin: 0 auto;}
.icoContacte{font-family: 'Light', Arial, Helvetica, sans-serif; font-size: 1.5rem; transition: 0.5s; color: #fff!important; display: inline-block; margin-right: 2rem; background-color: rgba(0, 0, 0, 1); background-image: url(../imgs/taronja.png); background-size: cover;}
.icoContacte3{font-size: 2rem;}
.icoContacte a{color: #fff; text-decoration: underline; text-decoration-color: rgb(0, 165, 211, 0); }
.icoContacte a:hover{color: #222221 !important; transition: 0.5s;}
.missatgeEnviat{font-family: 'Light', Arial, Helvetica, sans-serif; font-size: 2rem; line-height: 3rem; text-align: center; padding: 2rem; margin: 2rem; font-style: italic; border: 0px solid #ff7400;}
.catNoti{display: inline-block;  text-transform: uppercase;  border:0.2rem  solid #054471;    padding:0.3rem 1rem;    margin: 0 1rem 1rem 0;    background-color: #054471;    color: #fff;    font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size: 1.4rem;    transition: 0.5s;    border-radius: 0.5rem ;}
.catNoti:hover, .catNotiMarcat{ border: 0.2rem  solid #333; transition: 0.5s; background-color: #212121; }
.imgContacte{padding-top: 5%;}
.bannerMobile{display: none;}
.serveisHome {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 4rem;grid-row-gap: 0px; }
.serveisHome_div1 { grid-area: 1 / 1 / 2 / 2; z-index: 5; background-color: #fff;border-radius:0.8rem;}
.serveisHome_div2 { grid-area: 1 / 2 / 2 / 3; z-index: 5; background-color: #fff;border-radius:0.8rem;}
.serveisHome_div3 { grid-area: 1 / 3 / 2 / 4; z-index: 5; background-color: #fff;border-radius:0.8rem;}
.serveisHome_div4 { grid-area: 1 / 4 / 2 / 5; z-index: 5; background-color: #fff;border-radius:0.8rem;}
.serveisHome_div1:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome_div2:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome_div3:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.serveisHome_div4:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 1.5s;}
.caixaServeiHome{position: absolute; bottom: 0; left: 0;background-color: rgba(0,0,0,0.8);padding: 3% 5%; min-height: 10rem;  width: 100%; transition: 0.8s; display: flex; align-items: center; justify-content: center;}
.caixaServeiHome h3{font-size: 1.8rem; line-height: 2.2rem; color: #fff; font-family: 'Semibold', Arial, Helvetica, sans-serif; }
.item:hover .caixaServeiHome{min-height: 100%; transition: 0.8s;}
.formacions_home{position: absolute; bottom: 0; left: 0;background-color: rgba(238,112,48,0.8);padding: 3% 5%; min-height: 10rem;  width: 100%; transition: 0.8s; display: flex; align-items: center; justify-content: center;}
.formacions_home h3{font-size: 1.8rem; line-height: 2.2rem; color: #fff; font-family: 'Semibold', Arial, Helvetica, sans-serif; }
.item:hover .formacions_home{min-height: 100%; transition: 0.8s;}
.llServeis {display: grid;grid-template-columns: 40% 1fr;grid-template-rows: 1fr;grid-column-gap: 10rem;grid-row-gap: 0px;}
.llServeis_div1 { grid-area: 1 / 1 / 2 / 2; }
.llServeis_div2 { grid-area: 1 / 2 / 2 / 3; padding: 0 1rem 1rem 1rem; }
.imgllServeis{object-fit: cover; width: 100%; height: 40rem;}
.calFormacio{ background: url(../imgs/calendari.jpg) repeat fixed; background-size: 100%; background-repeat: no-repeat;}
.calFormacio2{display: flex; align-items: center; justify-content: center; padding: 10rem 0;}
.calFormacio2 h2{color: #fff; text-shadow: 0.2rem 0.2rem 0.2rem #333; }
.presentacio {display: grid;grid-template-columns: 1fr 50%;grid-template-rows: 1fr;grid-column-gap: 10rem; grid-row-gap: 0px;}
.presentacio_div1 { grid-area: 1 / 1 / 2 / 2; padding: 3% 0; text-align: left;}
.presentacio_div1 h3{color: #333;}
.presentacio_div2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center; }
.presentacio_div2 img{height: 100%; width: 100%; object-fit: cover; object-position: center;}
        .boto2{ background-color: #013275; display: inline-block; color: #fff!important; padding: 0.5rem 3rem;  transition: 0.5s; font-family: 'Semibold', Arial, Helvetica, sans-serif; border: 0.2rem solid #013275;  font-size: 1.3rem; text-transform: uppercase; margin-bottom: 4px;}
    .boto2 img{margin-left: 1rem; width: 1.8rem;}
    .boto2:hover{background-color: #fff; color: #333!important; transition: 0.5s; border: 0.2rem solid #013275; background-image: url(../imgs/blanc.png); }
.posR{ float: right;}
.posL{ float: left;}
    .distancialegal{display: inline-block; width: 110px;}
.h6int{text-transform: uppercase; font-family: 'Light', Arial, Helvetica, sans-serif; color: #4f4f4f; margin:0 !important; background-color:#000; background-image:url(../imgs/blanc.png); background-size:cover; }
.card:hover .caixaServeiLlistat{background-color: #042859;  transition: 0.8s;}
.llistatServeis {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;grid-column-gap: 10rem;grid-row-gap: 0px;  transition: 0.5s; border-bottom: 4px solid #fff; border-right: 4px solid #fff;  margin-bottom: 5rem;}
.llistatServeis_txt h2{text-align: left;}
.llistatServeis_txt{text-align: left; padding-top: 2rem;}
.llistatServeis:hover{background-image: url(../imgs/fons.jpg); background-size: cover; transition: 0.5s; border-bottom: 4px solid #ff7400; border-right: 4px solid #ff7400; border-radius: 0 0 1.5rem 0; }
.subtitolServei{color: #333; font-family: 'Semibold', Arial, Helvetica, sans-serif; text-transform: none; font-size: 2.4rem; line-height: 3rem;}
.h6ser{color: #ff7400;}

.llistatNoticies{display: grid;grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));grid-column-gap: 5rem;grid-row-gap: 5rem; clear: both; margin-top: 2%;}
.llistatofertes{display: grid;grid-template-columns: repeat(auto-fill, minmax(42rem, 1fr));grid-column-gap: 5rem;grid-row-gap: 5rem; clear: both; margin-top: 2%; font-size: 1.3rem; line-height: 2rem;}
.llistatofertes div {border-bottom:5px solid #ff7400!important; padding:5%; background-color: #f3f3f3; transition: 0.5s;}
.llistatofertes div:hover {border-bottom:5px solid #212121!important; padding:5%; background-color: #fff; transition: 0.5s;}

.jornadasInfo {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(36rem, 1fr));    grid-column-gap:8rem;    grid-row-gap: 5rem;    clear: both;    margin-top: 2%;}


.llistatFormacions{width: 100%;}
.h2Noti{font-size: 1.6rem; line-height: 2rem; color: #4c4c4c; padding: 1rem 0px; margin-top: 0px; transition: 0.8s;}
.card:hover .h2Noti{background-color: #4c4c4c;  transition: 0.8s; color: #fff; padding-left: 1rem;}
.curs {display: grid;grid-template-columns: 20% 40% 1fr 18%;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;  padding: 1rem; border: 0.2rem solid #fff;  transition: 0.5s;}
.curs_div1 { grid-area: 1 / 1 / 3 / 2; }
.curs_div2 { grid-area: 1 / 2 / 2 / 6; padding: 0 2rem; }
.curs_div3 { grid-area: 2 / 2 / 3 / 3; padding: 0 2rem; }
.curs_div4 { grid-area: 2 / 3 / 3 / 4; padding: 0 2rem; }
.curs_div5 { grid-area: 2 / 4 / 3 / 5; padding: 0 2rem; }
.curs:hover{border:0.2rem solid #ff7400; transition: 0.5s; background-image: url(../imgs/fons.jpg); background-size: cover; background-position: center;}
.curs span{text-transform: uppercase;}
.detallFormacio { display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px;}
.detallFormacio_div1 { grid-area: 1 / 1 / 2 / 2; }
.detallFormacio_div2 { grid-area: 1 / 2 / 2 / 3; }
.detallFormacio_div3 { grid-area: 1 / 3 / 2 / 4; }
.detallFormacio_div4 { grid-area: 1 / 4 / 2 / 5; }
.detallFormacio span{text-transform: uppercase;}
.colum2 {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr;grid-column-gap: 5%;grid-row-gap: 0px;margin-top: 2%;}
.colum2_div1 { grid-area: 1 / 1 / 2 / 2; border: 0.2rem solid #ff7400; padding: 2rem;}
.colum2_div2 { grid-area: 1 / 2 / 2 / 3; border: 0.2rem solid #ff7400; padding: 2rem;}
.colum260 {display: grid;grid-template-columns: 60% 1fr;grid-template-rows: 1fr;grid-column-gap: 5%;grid-row-gap: 0px;margin-top: 2%;}
.colum260_div1 { grid-area: 1 / 1 / 2 / 2; background-color: #f2f2f2; padding: 2rem;}
.colum260_div2 { grid-area: 1 / 2 / 2 / 3;}
.colum260 ul{padding-left: 3%;}
.fonsMenu{background-color: #fff !important; border: 2px solid #ff7400;}
.imgServeiDest{text-align: center; padding: 0.8rem; border: solid 0.2rem #ff7400; border-radius:0.8rem; transition: 1s;}
.imgServeiDest img{background-color: #fff; object-fit: cover;  width: 100%; height: 10rem; margin-bottom: 1rem; border-radius: 1rem; transition: 1.5s;}
.boxSlogan{max-width: 40%; margin: 0 auto;}
.lascajas{object-fit: cover; object-position: center center; height: 360px;}
.cajonverde{border:1px solid #ff7400; padding:20px; background-color: #f1f1f1;margin-bottom: 4px;}
.cajonverde b{cursor: pointer;}


.inscripcion {display: grid;grid-template-columns: 25% 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 4%;grid-row-gap: 4%;}
.inscripcion_div2 { grid-area: 1 / 1 / 2 / 2; }
.inscripcion_div3 { grid-area: 1 / 2 / 2 / 3; }


.barraSuperior{background-color: #ff7400; text-align: left; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 1rem 0 !important;}
.quadreTaronja{position:absolute; top: -3rem; left: 2rem; height: 100%; border: 0.4rem solid #ff7400; width: 100%;}
.quadreTaronja2{position:absolute; top: -2rem; right: 2rem; height: 95%; border: 0.4rem solid #ff7400; width: 94%;}
.contacteHome {display: grid;grid-template-columns: 50% 1fr;grid-template-rows: 1fr;grid-column-gap: 10rem; grid-row-gap: 0px;}
.contacteHome_div1 { grid-area: 1 / 1 / 2 / 2;  text-align: left;}
.contacteHome_div1 img{height: 100%; max-height: 50rem; width: 100%; object-fit: cover; object-position: center;}
.contacteHome_div2 { grid-area: 1 / 2 / 2 / 3; display: flex; align-items: center; padding: 3% 0;}
.contacteHome_div2 h3{color: #333;}
.trTitol{border: 1px solid #d4d4d4; padding: 10px; font-weight: 700;}
table.taulaPrivacitat td{ border: 1px solid #d4d4d4; padding: 10px;}
.imgOnline{object-fit: cover; width: 100%; object-position: center; max-height:25rem; margin-top: 0.5rem;}
b.pastilla{background-color: #ff7400; padding: 0.2rem 2rem; border-radius: 1rem; margin-right: 2rem; color: #fff; letter-spacing: 0.3rem;}
.imgEffect{object-fit: cover; width: 100%; height: 35rem;}
.bannerAnimat{width:100%; margin: 0px 0 50px 0;}
.bannerInterior{position: relative; background-color: #fff; overflow: hidden;  margin: 0; padding:0;}
.bannerInterior250{ background-color: #000; overflow: hidden; margin: 0; padding:0; text-align: center;position: relative; height: 250px; display: none;}

.idiomesMobile {
    border: 1px solid #ff7400;
    text-align: center;
    margin-left: 10px !important;
    padding: 6px 40px 6px 10px;
}

/* ---  ANIMACIONS ---------------------------------------------------------- */

@keyframes floating {
  0%, 100% {
    transform: translateX(-5%);
    transform: scale(1.5);
  }
  50% {
    transform: translateY(0);
    transform: scale(1.2);
  }
}

@media (prefers-reduced-motion){
  .bannerAnimat {
    animation: none 0s ease 0s;
  }
}

.blink {
  animation: blink-animation 3s steps(2, start) infinite;
  -webkit-animation: blink-animation 3s steps(2, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}


@keyframes blink {  
  0% { background-color: #ff7400; }
  100% { background-color: #333; }
}

.blink {
  -webkit-animation: blink 3s ease infinite;
  -moz-animation: blink 3s ease infinite;
  animation: blink 3s ease infinite;
}

/* ---  FI ANIMACIONS ---------------------------------------------------------- */

/* ini validate ----- */

input[type=checkbox],
 input[type=radio] {
  appearance: none;
  border: 2px solid #403838;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  z-index: 5;
}

input[type=checkbox]:checked, input[type=checkbox]:focus,
input[type=radio]:checked,
input[type=radio]:focus {
  border-color: #32cd32;
}
input[type=checkbox]:after,
input[type=radio]:after {
  content: "";
  position: absolute;
  opacity: 0;
  margin: 0;
  border-radius: 100%;
  appearance: none;
  display: block;

  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  outline: none;
  transform: scale(2);
  transition: opacity 0.3s, transform 0.3s;
  z-index: 0;
}
input[type=checkbox]:active:not(:checked):after,
input[type=radio]:active:not(:checked):after {
  transform: scale(0);
  opacity: 1;
  transition: opacity 0s, transform 0s;
}
input[type=checkbox] {
  border-radius: var(--rch-input-border-radius);
}
input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  background-color: #32cd32;
  width: calc(25px - (4 * 3px));
  height: calc(25px - (4 * 3px));
  top: 2px;
  left: 2px;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
input[type=radio] {
#32cd32 blue;
  border-radius: 100%;
}
input[type=radio]:checked:before {
  content: "";
  position: absolute;
  width: calc(25px - (4 * 2px));
  height: calc(25px - (4 * 2px));
  background-color: #32cd32;
  top: 2px;
  left: 2px;
  border-radius: 100%;
}

textarea.error {    border: 1px solid red !important;    background-color: rgba(255, 0, 0, 0.05);}
input.error {    border: 1px solid red !important;    background-color: rgba(255, 0, 0, 0.05);}
label.error {    font-family: 'Light';    color: red;    padding: 0 0 1rem 1rem;    font-size: 1.2rem;    line-height: 1.6rem;    font-weight: 400;    margin: 0px 0px 6px 0px;}
#conformitat-error{ position: absolute; top: 24px;  min-width: 220px;}
/* fin validate ----- */

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

    /* Force table to not be like tables anymore */
    .table, .thead, .tbody, .th, .td, .tr {  display: block;  }

    /* Hide table headers (but not display: none;, for accessibility) */

    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 0.1rem solid #eee; 
        position: relative;
        padding-left: 35%;
        min-height:3.5rem;    
    }

    .td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0px;
        left: 6px;
        padding-right: 1rem;
        font-weight: bold;
        white-space: nowrap;
    }
}
  
.taulaEstandard {
    border-spacing: 0px;
    border-width: 0px;
}

.taulaEstandard td, .taulaEstandard th {
    padding: 0px;
    vertical-align: top;
}


.iCheck-helper
{
    background-color:#e4e4e4!important;
    float: right;
}

.divCookie {z-index: 999999 !important; display:block; position:fixed;bottom:0;min-height:100%;width:100%;background:rgba(0,0,0,0.8);color:#fff !important;font-size:1.2rem !important;font-family:sans-serif !important;}
.msencajonado{animation-name: example; animation-duration: 4s; animation-delay: -2s; background-color:#fff;padding:2%; max-width:1200px; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@keyframes example{ 0% { top:0%; }  50% { top:1200px; }}
.msgcookie {width:100%; height: auto; font-size:1.2rem !important; color:#000 !important; margin:0 auto; padding: 2rem; text-align: center; padding-top: 15%;}
.msgcookie p {margin: 0px; font-size:1.3rem !important; line-height: 2rem;}
.msgcookie a:link, .msgcookie a:active, .msgcookie a:visited,.msgcookie a:hover{color:#000}
.msgcookie a.close{float:right;display:block;width:1.6rem;height:5rem;background:url(<?=$URL?>/js/cookies/cookie.png) 0 -45px no-repeat;overflow:hidden;text-indent:- 8rem;opacity:0.5;margin:0 0 0 40px}
.msgcookie a.close{text-indent:-16rem; }
a.close:hover{opacity:1}
a.linkCookies { background-color: rgba(255,255,255,0.60); font-weight: bold; color: #6c7059!important; border-radius: 0.4rem; padding: 0.4rem 6px; margin-left: 0.5rem ;}
a.linkCookies:hover { background-color: rgba(255,255,255,0.85); color: #6c7059!important;}
.divConfigCookies { background-color: #ebebeb; border-radius: 0.4rem; margin: 0 auto; min-width: 400px; padding: 2rem 3rem 0px 3rem; font-weight: normal!important; font-size: 1.4rem; text-align: center;  display: inline-block;  width: 100%; margin-bottom: 2rem;}
.unBlocCookies { display: inline-block; margin: 0px 1rem; }
.encaraNoDefinit { opacity: 0.5;    }
@media (max-width: 798px) {.msgcookie{height:65px;}}
@media (max-width: 679px) {.divConfigCookies{min-width: 200px !important;}}
@media (max-width: 573px) {.msgcookie{height:85px;}}
@media (max-width: 450px) {.msgcookie{height:105px;}}
@media (max-width: 371px) {.msgcookie{height:125px;}}
@media (max-width: 312px) {.msgcookie{height:145px;}}
    a.notin, .nota a, {text-decoration: underline; text-decoration-color: rgba(0, 0, 0, 0.0);}
.unaCapsa { padding: 1rem 2rem;  background-color: #f2f2f2;  display: flex;  align-items: center;}
.unaCapsa img{width: 3.5rem; margin-right: 2rem;}
.unaCapsa span{font-size: 1.2rem; font-weight: bold; color: #444}
.atencioTemp {  padding: 0.4rem; margin: 0px 0.4rem;    border-radius: 0.4rem;  background-color: yellow;}
.infoCurs { padding: 8px 1.2rem;    border-radius: 0.4rem;  background-color: #f4f4f4;}
body.cke_editable{font-size: 16px; line-height: 22px}
@media (max-width: 1280px) {/*  body{display: none !important;}*/   body.cke_editable{display: block !important;}}

.mm-close.mm-btn::after{position: absolute; top: 0.6rem; right: 1rem; width: 3rem;}

/* ---  Media Queries ---------------------------------------------------------- */

@media (max-width: 1706px) {
.contador4{display: none;}
}


@media (max-width: 1700px) {
.videoHome {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));    grid-gap: 50px;}
.dropdown {    font-size: 1.7rem;    padding: 1rem 5px 20px 2.3rem;}
}

@media screen and (max-width: 1600px) {
.llistatcursosH {    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));}
.llistaticonos2 {    grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));    grid-column-gap: 2%;}
.llistaticonos2 .lossectores{    min-height: 400px;}
.fade-div {  font-size: 30px; line-height:32px; height: 220px; bottom: 9%; right: 4%;}

}



@media screen and (max-width: 1540px) {
.videoHome {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));    grid-gap: 20px;}
.llistatNoticies{display: grid;grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));grid-column-gap: 5rem;grid-row-gap: 5rem; clear: both; margin-top: 2%;}
.llistaterritori {  display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));    grid-column-gap: 3%; grid-row-gap: 50px;}
.llistaticonos {  display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));    grid-column-gap: 3%; grid-row-gap: 50px;}
        .dropdown {  font-size: 1.7rem;  padding: 1rem 5px 20px 1.8rem;}
}

@media screen and (max-width: 1440px) {
        html{font-size: 9px !important;}
        .logo2{margin-top: 1rem;}
        .boto2{padding: 1rem 1rem;}
        .identificarse{ height: 135px; background-position: top center; font-family: bold; padding: 30px 60px 20px 23%!important; border-left:5px solid #0e3575}    
        .menuGRAN {        height: 99px;    }   
        .cajamail {line-height: 2.4rem;    font-weight: normal;    font-style: normal;    font-size: 1.4rem;}
        .titulocarrusel {font-size: 15px; line-height: 20px;}
        .imageneslogo{height: 125px; padding:4px;}
        .llistatcursosH {  grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));  }
        .boto1 {     padding: 0.5rem 1.8rem;}
        .dropdown {  font-size: 1.7rem;  padding: 1rem 5px 20px 2.1rem;}
        .contactegood {grid-column-gap:80px;}
}



@media (max-width: 1366px) {
    .llistaticonos2 .lossectores{    min-height: 470px;}
        .llistatcursosH {    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));}
        .cuadrovideo {    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));    grid-gap: 24px;}
        .llistatcursos {    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));    grid-gap: 30px;}
        .llistatbanners {    grid-template-columns: repeat(auto-fill, minmax(23em, 1fr));    grid-gap: 40px;}
        .sloganes h2 {    font-size: 18px;    line-height: 21px;}
        .lovisto2{float: left; margin: 3px 10px 50px 0; width: 26px;}
        .lovisto2{float: left; margin: 3px 10px 10px 0; width: 26px;}
        .llistaticonos {  display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));    grid-column-gap: 3%; grid-row-gap: 50px;}
        .grid-menusuperior { grid-template-columns: 20% 1fr;}
        .dropdown {  font-size: 1.7rem;  padding: 1rem 5px 20px 2.1rem;}    

} 



@media (max-width: 1280px) {
        html{font-size: 7px !important;}
        .llistatwood {    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));}
        .llistatcursosH {    grid-template-columns: repeat(auto-fill, minmax(22em, 1fr));}
        .llistaticonos2 {    grid-template-columns: repeat(auto-fill, minmax(27em, 1fr));    grid-column-gap: 2%;}
        .llistaticonos2 .lossectores{    min-height: 300px;}
        .llistaterritori {grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));}
        .HomeServei2 .divPlantilla1_txt strong {   font-size: 18px;}
        .footer {    grid-template-columns: 1fr 35% 1fr 150px;}
        .lascajas {    height: 270px;}
        .dropdown {  font-size: 2.2rem;  padding: 2.4rem 5px 20px 2.1rem;}
} 

@media (max-width: 1279px) {
        .logofoment{margin-right: 10px; height: 20px;}
        .logoagentsuport{margin-right: 10px;height: 39px;}
        .logoglobal{margin-right: 10px;height: 61px;margin-top: 10px}
        .logoobjetivo{margin-right: 10px;height: 61px;}
        .inputbuscador {    width: 143px;}
       .llistatcursosH {  grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));  }
        .dropdown {  font-size: 1.8rem;  padding: 2.4rem 5px 20px 1.5rem;}
} 



@media (max-width: 1024px) {
    .LosPaddingHome { padding: 0rem 0rem;}    
    .alos60home{max-width: 100%;margin: 0 auto;}
    .menusuperior2 {    font-size: 1.3rem;} 
    .footer {    grid-template-columns: 1fr 1fr 18% 150px;}
    .llistaterritori {  grid-template-columns: repeat(auto-fill, minmax(21em, 1fr));}   
    .losnumeros {font-size: 23px;padding: 6px 13px;width: 130px; }
    .llistatcursosH {grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));    }  
    .boto1{padding: 1rem 4rem;}
    .boto2{font-size: 1.2rem;}
    .llistatNoticies{grid-template-columns: repeat(auto-fill, minmax(38rem, 1fr));}
    .jornadasInfo{grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));}
    .calFormacio{background-size: cover; background-position: center bottom;}
    .llistatcursos {    grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));    grid-gap: 30px;}
    .colocacionsloganint {    width: 100%;}
    .calendarioHome {    grid-template-columns: 1fr 28%;    grid-column-gap: 20px;}
    h2.fc-toolbar-title {  font-size: 11px!important;}
    .fc th {    font-size: 10px;}
    .cuadrocurso2 {    font-size: 15px;    line-height: 17px;}
    .cuadrocurso5 a {    font-size: 10px;  }
    .grid-preshome {    grid-template-columns: 50% 50%;    grid-template-rows: 0px auto;    grid-column-gap: 0px;    grid-row-gap: 0px;}
    .menulateralizquierdo h2 { font-size: 2.2rem;}
    .inputbuscador {padding: 6px 5px 6px 17px;   height: 33px;}
    .lupon{cursor: pointer;float: left;width: 31px;}
    .cajawood {   font-size: 13px;    line-height: 17px;}
    .detalento .h3 {    font-size: 30px;    line-height: 37px;}
    .llistatasesoria {    grid-template-columns: repeat(auto-fill, minmax(33rem, 1fr));}
}  



@media (max-width: 1023px) {
.mundial{ background-image: url('../imgs/barra-menu2.png'); min-height: 93px;}

.los61cab{object-fit: cover; background-position: center center;height: 38vh;}
.icoXarxa {    margin: 18px 5px 0 0; }
.contactegood {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
.contactegood_div1 { grid-area: 2 / 1 / 3 / 2; }
.contactegood_div2 { grid-area: 1 / 1 / 2 / 2; }
.contactegood_div3 { grid-area: 3 / 1 / 4 / 2; margin-top:15px; padding-top:45px; border-top:1px solid #cccccc;}

.fade-div {  font-size: 22px;  line-height: 26px; height: 150px; max-width: 1023px; width: 100%; text-align: center; opacity: 0; bottom: 0%; right: 0%; border-radius: 0px;  padding: 4% 4.7%;  }
.datosmail{display: none;}
.directriz {    margin-top: 104px;}
.bannerAnimat { margin: 75px 0 45px 0;}


    .CaixaContacte {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(5, auto);}
    .CaixaContacte1 { grid-area: 1 / 1 / 2 / 3; }
    .CaixaContacte2 { grid-area: 2 / 1 / 3 / 2; }
    .CaixaContacte3 { grid-area: 2 / 2 / 3 / 3; }
    .CaixaContacte4 { grid-area: 3 / 1 / 4 / 3; }
    .CaixaContacte5 { grid-area: 4 / 1 / 5 / 2; }
    .CaixaContacte6 { grid-area: 4 / 2 / 5 / 3; }
    .CaixaContacte7 { grid-area: 5 / 1 / 6 / 2; }
    .CaixaContacte8 { grid-area: 5 / 2 / 6 / 3; }

.supervideo {    margin-top: 0px;}

.departament1, .departamentA1 {font-size:1.7rem;line-height:2rem; }
.departament, .departamentA { grid-template-columns: 22% 100px 1fr;  }

.departamentB { display: grid;    grid-template-columns: 22% 100px 1fr;    grid-template-rows: repeat(2, auto);    grid-column-gap: 50px;}
.departamentB1 { grid-area: 1 / 1 / 3 / 2; font-size:1.7rem;line-height:2rem; }
.departamentB2 { grid-area: 1 / 2 / 2 / 3; }
.departamentB3 { grid-area: 1 / 3 / 2 / 4; }
.departamentB4 { grid-area: 2 / 2 / 3 / 3; }
.departamentB5 { grid-area: 2 / 3 / 3 / 4; }


.departamentC { display: grid;    grid-template-columns: 22% 100px 1fr;    grid-template-rows: repeat(3, auto);    grid-column-gap: 50px;}
.departamentC1 { grid-area: 1 / 1 / 4 / 2;  font-size: 1.7rem;line-height:2rem;}
.departamentC2 { grid-area: 1 / 2 / 2 / 3; }
.departamentC3 { grid-area: 1 / 3 / 2 / 4; }
.departamentC4 { grid-area: 2 / 2 / 3 / 3; }
.departamentC5 { grid-area: 2 / 3 / 3 / 4; }
.departamentC6 { grid-area: 3 / 2 / 4 / 3; }
.departamentC7 { grid-area: 3 / 3 / 4 / 4; }


.LosPaddingHome { padding: 3rem 1rem;}


.directriz { width: 100%; overflow: hidden; height: 38.3vh; position: relative;}
.slogan { padding: 0 0 0 47%; font-size: 20px; line-height: 25px;    }
.mm-selected a{color: #000!important;}
.NewsHome {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto); grid-row-gap: 15px;}
.NewsHome1 { grid-area: 1 / 1 / 2 / 2; border-bottom:1px solid #cccccc; padding-bottom:25px; margin-bottom:25px; }
.NewsHome2 { grid-area: 2 / 1 / 3 / 2; }
.NewsHome3 { grid-area: 3 / 1 / 4 / 2; }

.triovideo {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);padding: 0 15%;}
.triovideo1 { grid-area: 1 / 1 / 2 / 2;margin-bottom:45px; }
.triovideo2 { grid-area: 2 / 1 / 3 / 2;margin-bottom:45px; }
.triovideo3 { grid-area: 3 / 1 / 4 / 2;margin-bottom:25px; }

.footer {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);}
.footer_div1 { grid-area: 1 / 1 / 2 / 2; }
.footer_div2 { grid-area: 1 / 2 / 2 / 3; margin-top: 0px;}
.footer_div3 { grid-area: 2 / 1 / 3 / 2; margin-top: 0px;}
.footer_div4 { grid-area: 2 / 2 / 3 / 3;    text-align: left; margin-top:60px;  }
.imgNext{max-width: 16rem; margin-top: 0rem; margin-right:25px; }
.imgRecu{max-width: 15rem; margin-right:25px;  }

.logo1 { width: 100%; max-width: 270px; margin-top: 0px; margin-bottom: 0rem; margin-left:160px;}
.grid-menusuperior {    grid-template-columns:  1fr 170px;}
.HomeServei {  grid-template-columns: 25% 1fr;grid-column-gap: 20px;}
.HomeServei2 {    padding: 0 0 0 30px;}

.cajasalut {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 40px;grid-row-gap: 30px;}
.cajasalut1 { grid-area: 1 / 1 / 2 / 2; }
.cajasalut2 { grid-area: 2 / 1 / 3 / 2; }
.cajasalut3 { grid-area: 1 / 2 / 3 / 3; }


.logines {display: grid;grid-template-columns: 1fr;grid-template-rows: auto 22px auto;grid-column-gap: 24px;grid-row-gap: 0px;}
.logines1 { grid-area: 1 / 1 / 2 / 2; }
.logines2 { grid-area: 2 / 1 / 3 / 2; background-color: transparent;}
.logines3 { grid-area: 3 / 1 / 4 / 2; text-align: left;}


    .llistatNoticies {    grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr)); }   
    .identificarse{ height: 135px; background-position: top center; font-family: bold; padding: 30px 60px 20px 17%!important; border-left:5px solid #0e3575; }
    .caixaContacte a {    font-size: 1.7rem;    line-height: 2rem;}
    #chat a {    top: -4px;}
    .insertar1 {  width: 100%}
    .insertar2{  width: 100%}
    .marketplace1{display: none;}
    .contenedor {    width: 92%;}
    .jornadasInfo {    grid-template-columns: repeat(auto-fill, minmax(29rem, 1fr));}
    .calendarioHome {    grid-template-columns: 1fr 30%;    grid-column-gap: 65px;}
    .marketplaceInt {display: grid;grid-template-columns: 0% 1fr;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;}
    .trabajoempleo {    display: grid;    grid-template-columns: 0% 1fr;    grid-template-rows: auto;    grid-column-gap: 0px;    grid-row-gap: 0px;}
    .bdempresas {   grid-template-columns: 1fr; grid-template-rows: repeat(2, auto);}
    .bdempresas1 { grid-area: 1 / 1 / 2 / 2; }
    .bdempresas2 { grid-area: 2 / 1 / 3 / 2; }
    .datazul {    font-size: 12px;}
    .detalento .h3 {    font-size: 30px;    line-height: 37px;}
    .gridpath {    grid-template-columns: 20.7% 1fr;}
    .llistatbanners {    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));    grid-gap: 40px;}
    .listadocursos {display: grid;grid-template-columns: 23% 1fr;grid-template-rows: auto;grid-column-gap: 30px;grid-row-gap: 0px;}
    .formacio0 {display: grid;grid-template-columns: 65% 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 40px;grid-row-gap: 0px;}
    .formacio1 { grid-area: 1 / 1 / 2 / 3; }
    .formacio2 { grid-area: 2 / 1 / 3 / 2; }
    .formacio3 { grid-area: 2 / 2 / 3 / 3; background-color: #f2f2f2;}
    .menulateralizquierdo2{display: none;}
    .menulateralizquierdo{display: none;}
    .llistatasesoria {    grid-column-gap: 6rem;}
    .gridpath1 {   font-size: 11px;}    
    .gridpath2 {   font-size: 11px;}
    .navbar-nav{display:none!important;}
    .boxSlogan{max-width: 80%; margin: 0 auto;}
    .borrar1024{display: none;}
    .centrarLogo{text-align: center;}
    .menusuperior3 {    padding-top: 13px;}
    .colocacionsloganint {    font-size: 29px;    line-height: 34px;    padding: 0 18%;height: 300px;}
    .cabes1{position: absolute; z-index: 15; width:100%; height: 300px}
    .cabes2{width: 100%;height: 300px;} 
    .colocacionsloganint {    font-size: 29px;    line-height: 34px;    padding: 0 18%;}
    .cabes1medio{position: absolute; z-index: 15; width:100%; height: 170px}
    .cabes2medio{width: 100%;height: 170px;}
    .bannerInterior250{ height: 170px;}
    .colocacionsloganint250 {    font-size: 28px;    line-height: 34px;    padding: 0 18%;height: 170px;}
    .newsletter0 { display: grid;grid-template-columns: 0% 1fr 32%;grid-template-rows: auto;grid-column-gap: 1 0px;grid-row-gap: 0px;}
    .newsletter1{display: none;}
    .llistatcursos {    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));    grid-gap: 30px;}    
    .bannerformacio0{display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 20px;}
    .bannerformacio1 { grid-area: 1 / 1 / 2 / 2; }
    .bannerformacio2 { grid-area: 2 / 1 / 3 / 2; }
    .bannerformacio3 { grid-area: 3 / 1 / 4 / 2; }
    .bannerformacio4 { grid-area: 4 / 1 / 5 / 2; }
    .degradenewshome {    min-height: 33vh;}
    .cajanoticiero {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);}
    .cajanoticiero1 { grid-area: 1 / 1 / 2 / 3; }
    .cajanoticiero2 { grid-area: 2 / 1 / 3 / 2; }
    .cajanoticiero3 { grid-area: 2 / 2 / 3 / 3; }
    .cajanoticiero4 { grid-area: 3 / 1 / 4 / 3; }
    .marketplace {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;}
    .marketplace1 { display: none;}
    .marketplace2 { grid-area: 1 / 1 / 2 / 2; }
    .marketplace3 { grid-area: 1 / 2 / 2 / 3; }
    .noticiero {grid-template-columns: 1fr; }
    .noticiero1 { grid-area: 1 / 1 / 2 / 3; }
    .noticiero2 { grid-area: 2 / 1 / 3 / 2; }
    .llistatcursosH {    grid-template-columns: repeat(auto-fill, minmax(32em, 1fr));}
    .calendarioHome {    grid-template-columns: 1fr 30%;    grid-column-gap: 20px;}
    .videoHome {    display: grid;    grid-auto-rows: auto;    grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));    grid-gap: 50px;}
} 



@media screen and (max-width: 768px) {
    h3 {    font-size: 1.9rem;    line-height: 2.3rem;}
    body {    line-height: 2.6rem;    font-size: 2rem;}
    .textosobre {    padding: 30px;    background-color: #fff;    position: absolute;    bottom: auto!important;    top: 30px;    left: 30px;    z-index: 12;    width: 80%;}
    .gridpath {    grid-template-columns: 22.7% 1fr; margin-top: 0px;}
    .preshome2 {    padding: 30px; }
    .videoHome {    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));    grid-gap:40px;}
    .videoHome0 {    padding: 2rem 0;}
        .contenedor{max-width: 93%;}
        .ajustBlocCont{padding-left: 6rem !important;}
        .flexslider { margin: 15rem 0 1rem 0 !important;}
        .serveisHome h3{font-size: 1.2rem; line-height: 1.2rem;}
        .presentacio{grid-template-columns: 1fr 34%; grid-column-gap: 5rem;}
        .contacte {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
        .contacte_div1 { grid-area: 1 / 1 / 2 / 2; }
        .contacte_div3 { grid-area: 2 / 1 / 3 / 2; margin-top:15px; padding-top:45px; border-top:1px solid #cccccc;}
        .posL{float: none}
        .contacteHome{margin-top: 10rem;}
        .boto1 {    padding: 1rem 2rem;}
        .unaCapsa {padding: 1rem 1rem !important;}
        .unaCapsa img{width: 2rem !important; margin-right: 1rem !important;}

        .llServeis{    grid-template-columns: 33% 1fr;    grid-template-rows: 1fr;    grid-column-gap: 6rem;}
} /* FI 768px */


@media (max-width: 767px) {
.LNewsHome {grid-template-columns: 100px 1fr;}
.directriz { overflow: visible;  height: 40.3vh; }    
.fade-div { font-size: 16px; line-height: 21px; height: 107px; padding: 3% 4.7%; bottom: -2%;}
.presentacioH{display: none;}
.inputNew50{ max-width: 70%; margin-bottom: 20px;}
.inputNew{ margin-bottom: 20px;}
.desaparecefoto{display: block;}
.lostres { grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);}
.lostres1 { grid-area: 1 / 1 / 2 / 2;}
.lostres2 { grid-area: 2 / 1 / 3 / 2;}
.lostres3 { grid-area: 3 / 1 / 4 / 2;}
.lostres4 { grid-area: 4 / 1 / 5 / 2;}
    .lascajas {        height: auto;    }    
    .triovideo {  padding: 0 5%;}
    .minimaaltura { min-height: auto; margin-bottom: 10px;}
    .CaixaContacte {grid-template-columns: 1fr;grid-template-rows: repeat(8, auto);}
    .CaixaContacte1 { grid-area: 1 / 1 / 2 / 2; }
    .CaixaContacte2 { grid-area: 2 / 1 / 3 / 2; }
    .CaixaContacte3 { grid-area: 3 / 1 / 4 / 2; }
    .CaixaContacte4 { grid-area: 4 / 1 / 5 / 2; }
    .CaixaContacte5 { grid-area: 5 / 1 / 6 / 2; }
    .CaixaContacte6 { grid-area: 6 / 1 / 7 / 2; }
    .CaixaContacte7 { grid-area: 7 / 1 / 8 / 2; }
    .CaixaContacte8 { grid-area: 8 / 1 / 9 / 2; }
.departament {grid-template-columns: 20% 1fr;grid-template-rows: repeat(2, auto); grid-column-gap: 20px;}
.departament1 { grid-area: 1 / 2 / 2 / 3;padding: 10px; margin-bottom: 15px;}
.departament2 { grid-area: 1 / 1 / 3 / 2; }
.departament3 { grid-area: 2 / 2 / 3 / 3; }
.departamentA  {grid-template-columns: 20% 1fr;grid-template-rows: repeat(3, auto); grid-column-gap: 20px;}
.departamentA1 { grid-area: 1 / 2 / 2 / 3;padding: 10px; margin-bottom: 15px; }
.departamentA2 { grid-area: 2 / 1 / 3 / 2; }
.departamentA3 { grid-area: 2 / 2 / 3 / 3; }
.departamentA4 { grid-area: 3 / 1 / 4 / 2; }
.departamentA5 { grid-area: 3 / 2 / 4 / 3; }
.departamentB {grid-template-columns: 20% 1fr;grid-template-rows: repeat(3, auto); grid-column-gap: 20px;}
.departamentB1 { grid-area: 1 / 2 / 2 / 3;padding: 10px; margin-bottom: 15px; }
.departamentB2 { grid-area: 2 / 1 / 3 / 2; }
.departamentB3 { grid-area: 2 / 2 / 3 / 3; }
.departamentB4 { grid-area: 3 / 1 / 4 / 2; }
.departamentB5 { grid-area: 3 / 2 / 4 / 3; }
.departamentC { grid-template-columns: 20% 1fr;grid-template-rows: repeat(4, auto); grid-column-gap: 20px;}
.departamentC1 { grid-area: 1 / 2 / 2 / 3; padding: 10px; margin-bottom: 15px;}
.departamentC2 { grid-area: 2 / 1 / 3 / 2; }
.departamentC3 { grid-area: 2 / 2 / 3 / 3; }
.departamentC4 { grid-area: 3 / 1 / 4 / 2; }
.departamentC5 { grid-area: 3 / 2 / 4 / 3; }
.departamentC6 { grid-area: 4 / 1 / 5 / 2; }
.departamentC7 { grid-area: 4 / 2 / 5 / 3; }
 h3 { font-size: 1.7rem; line-height: 2.1rem; } 
.supervideo {    width: 100%;    object-fit: cover;    height: 29vh;}
.presentacioH {    line-height: 2.2rem;    font-size: 1.7rem;}
.NewsDestacades{max-width: 35%; min-width: 200px;}
.LosPaddingHome{padding:2rem 0rem;}
.NewsDetacat {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px; padding-bottom: 15px ; border-bottom: 1px solid #666;}
.NewsDetacat1 { grid-area: 1 / 1 / 2 / 2; }
.NewsDetacat2 { grid-area: 2 / 1 / 3 / 2; }
.llistatNewsHome {display: grid;grid-template-columns: 35% 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 20px;grid-row-gap: 0px;}
.llistatNewsHome1 { grid-area: 1 / 1 / 2 / 2; }
.llistatNewsHome2 { grid-area: 2 / 1 / 3 / 2; }
.llistatNewsHome3 { grid-area: 1 / 2 / 3 / 3; }
.slogan { padding: 0 13%; font-size: 23px;  line-height: 27px;bottom: 50px; }
a.datosmail{display: none;}
.menusuperior2{display: none;}
.footer {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto); }
.footer_div1 { grid-area: 1 / 1 / 2 / 2;}
.footer a {line-height: 26px; }
.footer_div2 { grid-area: 2 / 1 / 3 / 2; margin-top: 20px;text-align: center; }
.footer_div3 { grid-area: 3 / 1 / 4 / 2; margin-top: 20px;  text-align:center;}
.footer_div4 { grid-area: 4 / 1 / 5 / 2;    text-align: center; margin-top:20px;  }
.footer_div2 img {    float: none;    margin: 0 15px 15px 0;}
.certificados {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 20px; text-align: center;}
.certificados1 { grid-area: 1 / 1 / 2 / 4; }
.certificados2 { grid-area: 2 / 1 / 3 / 2; }
.certificados3 { grid-area: 2 / 2 / 3 / 4; }
.certificados4 { grid-area: 3 / 1 / 4 / 2; text-align:left!important;}
.certificados5 { grid-area: 3 / 2 / 4 / 3; }
.certificados6 { grid-area: 3 / 3 / 4 / 4; }
.cajamail img{display: none;}
.salutempresas {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(5, auto);grid-column-gap: 0px;grid-row-gap: 30px;}
.salutempresas1 { grid-area: 1 / 1 / 2 / 2; }
.salutempresas2 { grid-area: 2 / 1 / 3 / 2; }
.salutempresas3 { grid-area: 3 / 1 / 4 / 2; }
.salutempresas4 { grid-area: 4 / 1 / 5 / 2; }
.salutempresas5 { grid-area: 5 / 1 / 6 / 2; }
.cajasalut {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 30px;}
.cajasalut1 { grid-area: 1 / 1 / 2 / 2; }
.cajasalut2 { grid-area: 2 / 1 / 3 / 2; }
.cajasalut3 { grid-area: 3 / 1 / 4 / 2; }
    .x3{text-align:center; margin: 15px 0 0 0;}
    .x2 img{ margin: 20px; width: 20px;}
    .losnumeros {font-size: 23px;padding: 6px 13px;width: 100%; }
    .cuadrocurso {    grid-template-rows: auto auto auto auto auto;}
    .cuadrocurso1 {    padding: 0% 5%;    height: 21px;}
    .cuadrocurso4 {    padding: 1% 5%;    line-height: 13px;}
    .mesydia span {    font-size: 23px;    line-height: 23px;}
    .mesydia {    font-family: 'Semibold';    font-size: 1.4rem;}
    .cuadrocurso3 {    padding: 1% 5%;}
    .cuadrocurso5 {    padding:0% 5% 3% 5%;}
    .llistatcursosH {        grid-template-columns: repeat(auto-fill, minmax(21em, 1fr));   grid-gap: 7px;}
    .talento {  display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .talento1 { grid-area: 2 / 1 / 3 / 2; }
    .talento2 { grid-area: 1 / 1 / 2 / 2; }
    h4 {    font-size: 1.7rem;    line-height: 2.2rem;}
    .inputNew {    font-size: 1.2rem;}
    .superh5{color: #ff7400;font-family: 'Light'; font-size: 3.2rem; line-height: 3.4rem;}
    .marketplace {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 50px;}
    .marketplace2 { grid-area: 1 / 1 / 2 / 2; }
    .marketplace3 { grid-area: 2 / 1 / 3 / 1; }
    .detablones tr td {    padding: 8px 5px;}
    .leftsocio{padding-left: 0%}
    .footer_div2 a {    font-size: 15px !important;    line-height: 17px !important;}   
    .inscripcion {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .inscripcion_div2 { grid-area: 1 / 1 / 2 / 2; }
    .inscripcion_div3 { grid-area: 2 / 1 / 3 / 2; }
    .footer a {font-size: 1.2rem;}
    .boto1 {    padding: 1rem 1rem;    font-size: 1.3rem;}
    .gridpath { display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .gridpath1 { grid-area: 1 / 1 / 2 / 3; text-align: center;}
    .gridpath2 { grid-area: 2 / 1 / 3 / 3; text-align: center;border-left: 0px solid #ff7400;}
        .listadocursos {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .listadocursos1 { grid-area: 1 / 1 / 2 / 2; }
    .listadocursos2 { grid-area: 2 / 1 / 3 / 2; }
    .modifdatos {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .modifdatos1 { grid-area: 1 / 1 / 2 / 3; padding:4px;}
    .modifdatos2 { grid-area: 2 / 1 / 3 / 3; padding:4px; }
    .modifdatos3 { grid-area: 3 / 1 / 4 / 3; padding:4px; }
    .modifdatos4 { grid-area: 4 / 1 / 5 / 2; padding:4px; }
    .modifdatos5 { grid-area: 4 / 2 / 5 / 3; padding:4px; }
    .desaparecer{display: none;}
    .llistatdocuments {    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));}
    .newsletter0 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .newsletter1 { grid-area: 1 / 1 / 2 / 2; }
    .newsletter2 { grid-area: 2 / 1 / 3 / 2; }
    .newsletter3 { grid-area: 3 / 1 / 3 / 2; }
    .cajanoticiero  {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .cajanoticiero1 { grid-area: 1 / 1 / 2 / 2; }
    .cajanoticiero2 { grid-area: 2 / 1 / 3 / 2; }
    .cajanoticiero3 { grid-area: 3 / 1 / 4 / 2; }
    .cajanoticiero4 { grid-area: 4 / 1 / 5 / 2; }
    .circulareslist {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .circulareslist1 { grid-area: 1 / 1 / 3 / 2; }
    .circulareslist2 { grid-area: 3 / 1 / 4 / 3; }
    .circulareslist3 { grid-area: 1 / 2 / 2 / 3; }
    .circulareslist4 { grid-area: 2 / 2 / 3 / 3; }
    .gridpath {    grid-template-columns: 12.7% 1fr;    margin-top: 0px;}
    .calendarioHome {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .calendarioHome1 { grid-area: 1 / 1 / 2 / 2; }
    .calendarioHome2 { grid-area: 2 / 1 / 3 / 2; }
    .grid-preshome {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .preshome1 { grid-area: 1 / 1 / 2 / 2; }
    .preshome2 { grid-area: 2 / 1 / 3 / 2; border-right: 0px solid #fff;}
    .preshome3 { grid-area: 3 / 1 / 4 / 2; }
    .ventajas {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .ventajas1 { grid-area: 1 / 1 / 2 / 2; padding: 1px}
    .ventajas2 { grid-area: 2 / 1 / 3 / 2; padding: 1px }
    .ventajas3 { grid-area: 3 / 1 / 4 / 2; }
    .asociate{width: 24px;}
    #chat a {    right: -208px; top: -19px;}
    .distancialegal{display: none;}
    .footer{grid-template-columns: 60% 1fr;}
    .footer_div2{margin: 15px 0; border-bottom: 1px solid #4b4b4b;border-top: 1px solid #4b4b4b; padding:20px 0;}
    .formacio0 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .formacio1 { grid-area: 1 / 1 / 2 / 2; }
    .formacio2 { grid-area: 2 / 1 / 3 / 2; }
    .formacio3 { grid-area: 3 / 1 / 4 / 2; background-color: #f2f2f2;}
    .icoXarxa {    margin: 0 10px 0 0;    width: 20px;}
    .footer_div1 {    line-height: 0.2rem;}
    h1 { font-size: 2.6rem; line-height: 2.9rem;}
    h2 { font-size: 2.0rem; line-height: 2.1rem;}
    .bolsatrabajo {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
    .bolsatrabajo1 { grid-area: 1 / 1 / 2 / 2; }
    .bolsatrabajo2 { grid-area: 2 / 1 / 3 / 2; }
    body { line-height: 2.0rem; font-size: 1.4rem;}
    .caixaContacte a { font-size: 1.4rem; line-height: 1.8rem;}
    .mundial { top: 0rem;}
    .grid-menusuperior {display: grid;grid-template-columns: 190px 1fr;grid-template-rows: auto;grid-column-gap: 0px;grid-row-gap: 0px;min-height: 42px;}
    .logo1 {  width: 19rem;  margin-left: 41%;  margin-top: 0px; }
    .menusuperior3 {display: none;}
        .ajustBlocCont{text-align: right; padding-right: 1.5rem !important;}
        .serveisHome {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(4, auto);grid-column-gap: 0px;grid-row-gap: 3rem;}
        .serveisHome_div1 { grid-area: 1 / 1 / 2 / 2; }
        .serveisHome_div2 { grid-area: 2 / 1 / 3 / 2; }
        .serveisHome_div3 { grid-area: 3 / 1 / 4 / 2; }
        .serveisHome_div4 { grid-area: 4 / 1 / 5 / 2; }
        .margin7{margin-top: 10%;}
        .presentacio {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 0px;}
        .presentacio_div1 { grid-area: 1 / 1 / 2 / 2; }
        .presentacio_div2 { grid-area: 2 / 1 / 3 / 2; }
        .footer {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 3rem;text-align: center;}
        .footer_div1 { grid-area: 1 / 1 / 2 / 2; display:grid; grid-row-gap: 0.2rem; margin-top: 3rem;}
        .footer_div2 { grid-area: 2 / 1 / 3 / 2; float: none;}
        .footer_div3 { grid-area: 3 / 1 / 4 / 2; }
        .logosKit{text-align: center;}
        .serveis{   grid-template-columns: 1fr;}
        .llistatProjectes{   grid-template-columns: 1fr;}
        .caixaServeiHome{min-height: auto;}
        .footer a{margin-right: 0;}
        .curs {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(5, auto);grid-column-gap: 0px;grid-row-gap: 1.5rem;}
        .curs_div2 { grid-area: 1 / 1 / 2 / 2; padding: 0 0; }
        .curs_div1 { grid-area: 2 / 1 / 3 / 2; padding: 0 0; }
        .curs_div3 { grid-area: 3 / 1 / 4 / 2; padding: 0 0; }
        .curs_div4 { grid-area: 4 / 1 / 5 / 2; padding: 0 0; }
        .curs_div5 { grid-area: 5 / 1 / 6 / 2; padding: 0 0; }
        .detallFormacio {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);grid-gap: 1rem;}
        .detallFormacio_div1 { grid-area: 1 / 1 / 2 / 2; }
        .detallFormacio_div2 { grid-area: 1 / 2 / 2 / 3; }
        .detallFormacio_div3 { grid-area: 2 / 1 / 3 / 2; }
        .detallFormacio_div4 { grid-area: 2 / 2 / 3 / 3; margin-bottom: 2rem;}
        .colum2 {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-row-gap: 1.5rem;}
        .colum2_div1 { grid-area: 1 / 1 / 2 / 2; }
        .colum2_div2 { grid-area: 2 / 1 / 3 / 2; }
        .colum260 {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-row-gap: 1.5rem;}
        .colum260_div1 { grid-area: 1 / 1 / 2 / 2; }
        .colum260_div2 { grid-area: 2 / 1 / 3 / 2; }
        .colum260 ul {padding-left: 7%;}
        .unaCapsa{width: 100%; display: inline-grid; text-align: center;}
        .unaCapsa h3{text-align: left; margin-left: 1rem !important;}

.HomeServei {grid-template-columns: 1fr; grid-template-rows: repeat(2, auto);grid-column-gap: 0px;grid-row-gap: 20px;}
.HomeServei1 { grid-area: 1 / 1 / 2 / 2;  }
.HomeServei2 { grid-area: 2 / 1 / 3 / 2; padding:0; border:0; }
.inputcontacto { font-size: 1.8rem;}

}  /* FI 767px */


@media (max-width: 679px) {
    .directriz {        margin-top: 69px;   }

    .llistatNoticies {  grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr)); }
    .bannerAnimat {  width: 100%; object-fit: cover; height: 95px; object-position: center center;} 
        html{font-size: 10px !important;}
        .contenedor{max-width: 94%;}
        .flexslider {    margin:9rem 0 1rem 0 !important;}
        .ajustCentrat{text-align: center !important;}
        .imgServeiDest img{height: 7rem;}
        .imgServeiDest h3{font-size: 1.5rem; line-height: 2rem; min-height: 4rem;}
        .presentacio{grid-row-gap: 5rem;}
        .serveisHome {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr); grid-gap: 2rem;}
        .serveisHome_div1 { grid-area: 1 / 1 / 2 / 2; }
        .serveisHome_div2 { grid-area: 1 / 2 / 2 / 3; }
        .serveisHome_div3 { grid-area: 2 / 1 / 3 / 2; }
        .serveisHome_div4 { grid-area: 2 / 2 / 3 / 3; }
        .contacteHome {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);grid-row-gap: 2rem;}
        .contacteHome_div1 { grid-area: 1 / 1 / 2 / 2; }
        .contacteHome_div2 { grid-area: 2 / 1 / 3 / 2; }

        .contacte .nota{text-align: center;}
        .llServeis {grid-template-columns: 1fr;grid-template-rows: repeat(2, auto);}
        .llServeis_div1 { grid-area: 1 / 1 / 2 / 2; }
        .llServeis_div2 { grid-area: 2 / 1 / 3 / 2; }
        .mundial{margin-top: 0rem;}
        .borrar679{display: none;}
        .icoContacte3{font-size: 1.3rem; margin-right: 0;}
        .barraSuperior{padding: 0.5rem 0 !important;}
        .ajustBlocCont{padding-right: 0px !important; padding-left: 5px !important;}
        .logo2 { width: 16rem; }    
        .bannerMobile{display: block;}
        .boxSlogan{max-width: 100%;}
}  /* FI 679px */


/* Localiza los inputs de tu formulario y dales un borde más visible */
input[type="text"], 
input[type="email"], 
input[type="tel"],
textarea {
    border: 1px solid #767676 !important; /* Un gris medio/oscuro que garantiza el contraste 3:1 */
}