@charset "UTF-8";
/* CSS Document */
/* AYUDA CSS3 COMPASS WEB --> http://compass-style.org/reference/compass/css3/box_sizing/ */
/* CSS Document */
@import url(/templates/new/fonts/roboto.css);
/********* TEXT SIZE *********/
/**** BASE COLORS *****/
/*********** text colors *************/
/************ background colors *****/
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* BASE */
@font-face { font-family: "Edmonsans Bold"; src: url("../fonts/Edmondsans-Bold.otf?1355995363") format("opentype"); }

@font-face { font-family: "Edmonsans Medium"; src: url("../fonts/Edmondsans-Medium.otf?1355995468") format("opentype"); }

@font-face { font-family: "Edmonsans Regular"; src: url("../fonts/Edmondsans-Regular.otf?1355995346") format("opentype"); }

@font-face { font-family: "Sofia Bold"; src: url("../fonts/SofiaSans-Bold.ttf") format("truetype"); }

@font-face { font-family: "Sofia Medium"; src: url("../fonts/SofiaSans-Medium.ttf") format("truetype"); }

@font-face { font-family: "Sofia Regular"; src: url("../fonts/SofiaSans-Regular.ttf") format("truetype"); }

html, input, textarea, select, button { box-sizing: border-box; font-family: "Roboto", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; background-color: #FFFFFF; color: #2D2D37; }

*, *:before, *:after { box-sizing: inherit; }

a, a:link a:visited, a:active { color: #5FB9FD; text-decoration: none; }

a.no_link_color, a.no_link_color:link a.no_link_color:visited, a.no_link_color:active { color: inherit; }

b, strong { font-weight: 700; }

/* COMMON ELEMENTS  */
.grecaptcha-badge { display: none !important; }

.hidden { display: none; }

area { cursor: pointer; }

.pointer { cursor: pointer; }

.mini { font-size: 80%; }

.left { float: left; }

.mobile { display: none; }

i { font-style: italic; }

.right { float: right; }

.mini { font-size: 14px; }

.content { padding-top: 130px; }

.content_popup { padding-top: 100px; }

.content_with_subheader { padding-top: 190px; }

.content_with_subheader.banner_gran { padding-top: 290px; }

.content_home { padding-top: 100px; }

.content_with_subheader.content_home { padding-top: 160px; }

.content_with_subheader.content_home.banner_gran { padding-top: 260px; }

.columns2 { column-width: 450px; }

/************ BANDS *********************/
.band { width: 100%; background-color: #FFFFFF; }

.band .band_content { max-width: 1150px; margin: 0 auto; height: 100%; position: relative; }

.band .band_content .title_band { font-weight: 700; text-transform: uppercase; font-size: 36px; margin-bottom: 20px; letter-spacing: 1px; }

.band .band_content .title_band a { color: #2D2D37; }

.band .band_content .title_band a:hover { color: #5FB9FD; }

.band .band_content .title_band .right_h3 { color: #5FB9FD; position: absolute; right: 0; font-size: 14px; line-height: 50px; text-transform: none; }

.band .band_content .subtitle_band { font-weight: 700; text-transform: uppercase; font-size: 22px; margin-top: 20px; margin-bottom: 10px; letter-spacing: 1px; }

.band .band_content .subtitle2_band { text-transform: uppercase; margin-top: 20px; margin-bottom: 10px; letter-spacing: 1px; }

.band .band_content .subtitle_band:first-of-type { margin-top: 0; }

.band .band_content .title_band.collapsator { display: inline-block; }

.band .band_content p { margin-bottom: 10px; }

.band .band_content ul.disc { list-style-position: outside; list-style-type: disc; padding-left: 40px; padding-bottom: 5px; }

.band .band_content ul.disc li { margin-bottom: 10px !important; }

.band .band_content ol.numbered { list-style-position: outside; list-style-type: decimal; padding-left: 40px; padding-bottom: 5px; }

.band .band_content ol.numbered li { margin-bottom: 10px !important; }

.band .band_content.default_margins { padding-top: 50px; padding-bottom: 50px; }

.band.covid .band_content { padding-bottom: 0px; }

.band.blog .band_content { padding-top: 30px; }

/************ PAGINA TOOLTIP *******************/
.tooltip_page { display: none; position: absolute; background-color: #5FB9FD; border: 1px solid #DFE0E4; border-top: 0; box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.23); z-index: 30; color: #FFFFFF; }

.tooltip_page ul.menu_tooltip li { height: 38px; background-color: #5FB9FD; font-weight: 600; line-height: 38px; padding: 0 12px; color: #FFFFFF; }

.tooltip_page ul.menu_tooltip li:hover { background-color: #2D2D37; }

.tooltip_page:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #5FB9FD; border-width: 11px; margin-left: -11px; }

/************ TOOLTIP **********************/
.tooltip-styling { background: #F0F0EE !important; /*box-shadow: 0 0 5px $barraInferior !important; border:1px solid $barraInferior !important; */ box-shadow: 0 0 0  !important; border: 0  !important; font-size: 13px; line-height: 14px; width: auto !important; max-width: 500px !important; /*min-width: 260px;  lo quito, si hace cosas raras ponerlo*/ /* si no al haber scroll a la derecha salen muy estrechos */ }

.tooltip-styling .ui-tooltip-content, .tooltip-styling .ui-tooltip-content p, .tooltip-styling .ui-tooltip-content span { color: #FFFFFF !important; font-size: 13px !important; font-family: arial,sans-serif !important; }

.tooltip-styling .ui-tooltip-content table td, .tooltip-styling .ui-tooltip-content table th { color: #FFFFFF !important; padding: 5px; }

.tooltip-styling .ui-tooltip-content table th { text-align: left; border-bottom: 1px solid #FFFFFF; }

.tooltip-styling .ui-tooltip-content input[type=button] { background: #FED868 !important; color: #FFFFFF !important; font-family: arial,sans-serif !important; }

.tooltip-styling a { color: #FFFFFF !important; font-weight: bold; }

.tooltip-styling b, .tooltip-styling strong { color: #FFFFFF !important; }

/***************************FIN TOOLTIP */
/************* SWIPER************************/
.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }

.swiper-pagination.disabled, .swiper-button-next.disabled, .swiper-button-prev.disabled { display: none; }

.swiper-container-horizontal { overflow: hidden; position: relative; }

.swiper-wrapper { visibility: hidden; margin-bottom: 70px; }

.swiper-pagination-bullets { margin-top: 30px; }

.swiper-pagination-bullet { background: #2D2D37; opacity: 0.5; width: 12px; height: 12px; }

.swiper-pagination-bullet-active { opacity: 1; }

.reverse_bullets .swiper-pagination-bullet { background: #FFFFFF; }

.swiper-button-prev { left: 5px; color: #2D2D37; background-image: none; width: auto; top: 145px; }

.swiper-button-next { right: 5px; color: #2D2D37; background-image: none; width: auto; top: 145px; }

.swiper-button-prev.swipper-button-mini-height, .swiper-button-next.swipper-button-mini-height { top: 100px; }

.swiper-centered .swiper-slide { text-align: center; }

.swiper_titol { color: #2D2D37 !important; font-weight: 700; font-size: 20px; }

.swiper_titol.center { text-align: center; }

.swiper_subtitol { font-weight: 300; font-size: 18px; }

.swiper_text { margin-top: 10px; }

.swiper-slide img { max-height: 400px; }

.swiper-slide .img_capa { position: absolute; top: 0; right: 0; }

.tag_noticies_destacades { position: absolute; right: 10px; bottom: 285px; font-size: 12px; color: #FFFFFF; padding: 2px 7px; border-radius: 15px; text-transform: uppercase; }

.tag_noticies_destacades_premsa { background-color: #5FB9FD !important; }

.tag_noticies_destacades_blog { background-color: #FF7F7F !important; }

.swiper_with_border .swiper-wrapper { margin-left: 1px; }

.swiper_with_border .swiper-slide { /*.crop{ width: 100%; height: 255px; overflow: hidden; }*/ }

.swiper_with_border .swiper-slide .info { border: 1px solid #F0F0EE; border-top: none; padding: 10px; min-height: 250px; }

.swiper-slide iframe { height: 300px; }

.swiper-slide div.center_video_youtube { text-align: center; }

.swiper-slide iframe.video_youtube { width: 540px !important; }

/************ tooltip *************************/
.tooltip-styling { background: #2D2D37 !important; /*box-shadow: 0 0 5px $barraInferior !important; border:1px solid $barraInferior !important; */ box-shadow: 0 0 0  !important; border: 0  !important; font-size: 14px; line-height: 16px; width: auto !important; max-width: 500px !important; min-width: 260px; /* si no al haber scroll a la derecha salen muy estrechos */ }

.tooltip-styling .ui-tooltip-content, .tooltip-styling .ui-tooltip-content p, .tooltip-styling .ui-tooltip-content span { color: #FFFFFF !important; font-size: 14px !important; font-family: "roboto",sans-serif !important; }

.tooltip-styling .ui-tooltip-content table td, .tooltip-styling .ui-tooltip-content table th { color: #FFFFFF !important; padding: 10px; }

.tooltip-styling .ui-tooltip-content table th { text-align: left; border-bottom: 1px solid #FFFFFF; }

.tooltip-styling .ui-tooltip-content input[type=button] { background: #5FB9FD !important; color: #FFFFFF !important; font-family: "roboto",sans-serif !important; }

/************* COLLAPSABLE *********************/
.collapsable { display: none; }

.collapse_buttons { margin-right: 15px; font-size: 26px; vertical-align: sub; }

.collapse_buttons .collapse-open { display: inline-block; }

.collapse_buttons .collapse-close { display: none; }

.collapsator { display: inline; cursor: pointer; }

.title_band { cursor: inherit; }

/***********************************/
.logos_swiper { background-color: #FC9765; color: #FFFFFF; }

.logos_swiper .title_band { margin-bottom: 45px; }

.logos_swiper .swiper-wrapper { align-items: center; }

.center { text-align: center; }

.back_container { position: relative; }

.back_container .back { position: absolute; top: 13px; right: 0; }

.social_footer { margin-top: 20px; }

.tag_img { font-size: 12px; color: #FFFFFF; padding: 2px 7px; border-radius: 15px; }

.tag_img_up { margin-right: 10px; margin-bottom: 5px; text-transform: uppercase; }

.tag_blue { background-color: #5FB9FD; }

.tag_img_down { position: absolute; right: 10px; bottom: 10px; background-color: #989898; }

.destacat_inline { font-weight: bold; background: #FC9765; border-radius: 10px; padding: 5px 10px; display: inline-block; color: #FFFFFF; margin-bottom: 10px; }

.destacat_inline a { color: #2D2D37; }

.video_calendari_container { display: flex; justify-content: center; align-items: center; width: 100%; flex-wrap: wrap; }

.video_calendari_container .video_calendari { display: block; width: 430px; margin-right: 15px; margin-bottom: 30px; }

.video_calendari_container .video_calendari .video { position: relative; padding-bottom: 56.25%; height: 0; }

.video_calendari_container .video_calendari .titol { font-size: 16px; font-weight: bold; background-color: #F0F0EE; height: 55px; padding: 5px; }

.button.guia_matricula { display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; width: fit-content; }

/*
.video_calendari_container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

*/
/* HEADER  */
.header { position: fixed; width: 100%; z-index: 50; }

.header .principal { height: 100px; background-color: #FFFFFF; }

.header .principal .logo { /*background-image: url("/templates/new/img/cas_50_anys_upc_simbol_citm.png"); width:260px; height:85px; top:10px;*/ background-image: url("/templates/new/img/logoCITM.png"); width: 295px; height: 65px; top: 20px; background-repeat: no-repeat; background-size: cover; position: absolute; }

.header .principal .languages { position: absolute; right: 0; top: 16px; text-transform: uppercase; font-weight: 700; cursor: pointer; }

.header .principal .languages .tooltip_page { right: 0; top: 30px; }

.header .principal .languages .tooltip_page:before { left: 74%; }

.header .principal .menu_burguer_button, .header .principal .menu_burguer_button_close { display: none; }

.header .principal .campus { position: absolute; right: 85px; top: 16px; font-weight: 700; cursor: pointer; }

.header .principal .campus .titol { text-transform: uppercase; }

.header .principal .campus .tooltip_page { right: 0; top: 30px; padding: 20px; padding-top: 35px; width: 350px; }

.header .principal .campus .tooltip_page:before { left: 87%; }

.header .principal .campus .lost_password { font-size: 12px; margin-top: 20px; }

.header .principal .campus .lost_password a { color: #FFFFFF; }

.header .principal .campus .error_campus { position: absolute; top: 0; background-color: #2D2D37; color: #FFFFFF; padding: 10px 20px; border-radius: 0px 0px 15px 15px; display: none; }

.header .principal .campus .button { float: right; }

.header .principal .campus input { width: 100%; }

.header .principal .social { float: right; margin: 10px 200px; }

.header .principal .social ul li { display: inline-block; padding-left: 10px; }

.header .principal .social ul li a { display: block; color: #2D2D37; font-size: 12px; }

.header .path { height: 30px; background-color: #D9E9FE; line-height: 30px; }

.header .path .band_content { overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; font-weight: bold; }

.header .path .band_content a { color: #2D2D37; font-weight: normal; }

.header .subheader { height: 60px; background-color: #F0F0EE; line-height: 60px; }

.header .subheader span { text-transform: uppercase; font-size: 24px; color: #5FB9FD; font-weight: 300; }

.header .subheader .band_content { text-align: center; }

.header .subheader.banner_gran { height: 160px; background-color: #F0F0EE; line-height: 160px; background: url("/templates/new/img/fondo_jpo_opacidad.png") no-repeat; background-size: cover; }

.header .subheader.banner_gran img { vertical-align: middle; }

.header .subheader.banner_gran span { color: #FFFFFF; font-size: 26px; }

.header .subheader.banner_gran span.destacat { font-weight: bold; background: url("/templates/new/img/fondo-letra.png"); background-repeat: no-repeat; background-size: 100% 95%; padding: 8px 10px; }

.header .subheader.banner_gran .button { background-color: #FC9765; height: 58px; line-height: 58px; font-size: 26px; padding: 0px 25px; }

div.go_to_solinfo { position: fixed; top: -100px; right: 10px; z-index: 41; font-size: 22px; cursor: pointer; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); color: #FC9765; }

div.go_to_formu { position: fixed; top: -100px; right: -240px; z-index: 41; font-size: 20px; min-height: 80px; width: 240px; cursor: pointer; background: linear-gradient(180deg, #5FB9FD 0%, #5FB9FD 100%); color: #FFFFFF; display: table; }

div.go_to_formu .icon { display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 40px; }

div.go_to_formu .text { display: table-cell; vertical-align: middle; text-align: right; padding: 10px 20px 10px 0; font-weight: 700; line-height: 100%; }

div.go_to_formu .text p { padding-top: 5px; }

div.go_to_formu.go_to_jpo { display: none; background: linear-gradient(180deg, #FC9765 0%, #FC9765 100%); }

div.go_to_formu.go_to_jpo .data { font-size: 14px; font-weight: 300; }

div.go_to_formu.go_to_jpo .data a { font-weight: 700; color: #2D2D37; }

div.go_to_formu.go_to_sessio.noPointer, div.go_to_formu.go_to_OC.noPointer { cursor: default; }

div.back_to_top { display: none; position: fixed; bottom: 10px; right: 10px; font-size: 22px; z-index: 30; cursor: pointer; color: #5FB9FD; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

div.avis_cookies, div.protocol_covid_files { z-index: 100; border-radius: 10px; margin: 0 auto; font-size: 14px; max-height: 90%; overflow-x: hidden; overflow-y: auto; max-width: 850px; width: 65%; right: 0; left: 0; position: fixed; top: 50%; transform: translate(0, -50%); background-color: #4E5357; padding: 50px; color: #FFFFFF; }

div.avis_cookies .icon_cookie, div.protocol_covid_files .icon_cookie { font-size: 250px; position: absolute; z-index: -5; opacity: 0.2; right: -95px; top: -121px; }

div.avis_cookies a, div.protocol_covid_files a { font-weight: bold; color: #FFFFFF; }

div.avis_cookies .cook_title, div.protocol_covid_files .cook_title { font-size: 26px; font-weight: bold; }

div.avis_cookies .cook_text, div.protocol_covid_files .cook_text { font-size: 20px; margin-bottom: 0; }

div.avis_cookies .buttons_container, div.protocol_covid_files .buttons_container { text-align: center; margin-top: 29px; }

div.avis_cookies .button.butonKO, div.protocol_covid_files .button.butonKO { margin-left: 0; background: none; border: 1px solid #5FB9FD; }

div.avis_cookies .button.butonOK { padding: 5px 15px; margin-top: 15px; font-size: 16px; }

div.avis_cookies .button.butonKO { padding: 5px 15px; font-size: 16px; }

div.avis_cookies .checkboxContainer { padding: 10px; border: 1px solid #fff; margin-top: 25px; display: inline-table; width: 100%; }

div.avis_cookies .checkboxContainer input[type="checkbox"] + label { display: inline-block; padding-left: 25px; margin-right: 20px; margin-bottom: 0; }

div.avis_cookies .checkboxContainer .mostrarDetall { margin-top: 10px; }

div.avis_cookies .checkboxContainer .mostrarDetall span { cursor: pointer; font-weight: bold; }

div.avis_cookies .checkboxContainer .detall { text-align: left; display: none; }

div.avis_cookies table { width: 100%; border: 1px solid #fff; margin-bottom: 20px; }

div.avis_cookies table th { font-weight: bold; }

div.avis_cookies table td, div.avis_cookies table th { padding: 5px; border: 1px solid #fff; }

li.protocol_covid_banner { cursor: pointer; }

div.last_update { color: #FFF; font-size: 13px; right: 10px; position: absolute; bottom: 10px; }

div.protocol_covid_files { display: none; }

div.protocol_covid_files .button { margin-left: 0; margin-bottom: 20px; cursor: pointer; }

div.protocol_covid_files .button .button_icon { display: inline-block; width: 75px; }

div.protocol_covid_files .button .button_title { display: inline-block; width: calc(100% - 90px); vertical-align: top; text-align: left; }

div.protocol_covid_files .protocol_covid_close { position: absolute; cursor: pointer; height: 40px; font-size: 40px; top: -30px; right: -20px; }

/* FOOTER  */
.footer { padding: 36px 0; background-color: #2D2D37; color: #FFFFFF; width: 100%; }

.footer .menu_footer > ul > li:first-child { display: none; }

.footer .menu_footer > ul > li { display: inline-block; vertical-align: top; text-transform: uppercase; width: 200px; padding: 10px; font-weight: bold; font-size: 18px; }

.footer .menu_footer li svg { display: none; }

.footer .menu_footer .submenu_container { margin-top: 10px; }

.footer .menu_footer .submenu_container li a { font-weight: 100; color: #FFFFFF; text-transform: none; font-size: 16px; }

.footer .logos_container { margin-top: 30px; border-top: 2px solid #989898; border-bottom: 2px solid #989898; width: 100%; padding: 18px 0; display: table; }

.footer .logos_container div { display: inline-table; vertical-align: middle; }

.footer .logos_container .adreca { margin-left: 115px; font-size: 18px; font-weight: 100; }

.footer .logos_container .adreca b { font-weight: 700; }

.footer .logos_container .social { margin: 0; float: right; margin-top: 23px; }

.footer .logos_container .social ul li { display: inline-block; padding-left: 10px; }

.footer .logos_container .social ul li a { display: block; color: #FFFFFF; font-size: 12px; }

.footer .logos_container .social ul li a .fa-inverse { color: #2D2D37; }

.footer .links_container { margin-top: 30px; }

.footer .links_container li { display: inline-block; width: 32%; text-align: center; font-weight: 100; }

.footer .copyright { text-align: center; margin-top: 15px; font-weight: 100; }

/* HOME */
/* AYUDA CSS3 COMPASS  --> http://compass-style.org/reference/compass/css3/box_sizing/ */
.video_home { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background: url("/templates/new/video/citm-reel-2024.jpg") no-repeat; background-size: cover; transition: 1s opacity; }

.video_container { width: 100%; height: calc(100vh - 100px - 200px); background-color: transparent; }

.video_container .banner_center { font-family: "Sofia Bold","Roboto", sans-serif; width: 100%; color: #FFFFFF; font-size: 75px; line-height: 97px; font-weight: 700; height: 80%; display: flex; justify-content: center; align-items: center; text-align: center; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.video_container .banner_subtitol { width: 100%; color: #FFFFFF; font-size: 46px; height: 20%; display: flex; justify-content: center; align-items: center; text-align: center; text-align: center; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.content_with_subheader .video_container { height: calc(100vh - 160px - 200px); }

.content_with_subheader .video_container.banner_gran { height: calc(100vh - 260px - 200px); }

.arrow_down { color: #5FB9FD; position: fixed; bottom: 140px; left: 50%; margin-left: -15px; z-index: -1; animation: flecha_down 1s linear infinite; }

@keyframes flecha_down { 0% { opacity: 0.3;
    transform: translate(0px, 0px); }
  100% { opacity: 1;
    transform: translate(0px, 40px); } }

.boles_graus { background-color: transparent; position: relative; text-align: center; }

.boles_graus .fake_background { background-color: #ffffff; width: 100%; height: 80px; position: absolute; bottom: 0; }

.boles_graus .bola_grau { width: 260px; height: 260px; margin: 10px; display: table; border-radius: 130px 130px 130px 130px; display: inline-block; background-size: cover !important; }

.boles_graus .bola_grau h2 { display: table-cell; width: 260px; height: 260px; text-align: center; vertical-align: middle; font-size: 29px; font-weight: 700; color: #FFFFFF; padding: 15px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.boles_graus .animacio { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/img-home-animacio_desktop.jpg?v=2"); }

.boles_graus .animacio:hover { background: url("/templates/new/img/img-home-animacio_desktop.jpg?v=2"); }

.boles_graus .multimedia { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/img-home-multimedia_desktop.jpg?v=2"); }

.boles_graus .multimedia:hover { background: url("/templates/new/img/img-home-multimedia_desktop.jpg?v=2"); }

.boles_graus .videojocs { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/img-home-videojocs_desktop.jpg?v=2"); }

.boles_graus .videojocs:hover { background: url("/templates/new/img/img-home-videojocs_desktop.jpg?v=2"); }

.boles_graus .postgraus { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/img-home-postgraus_desktop.jpg"); }

.boles_graus .postgraus:hover { background: url("/templates/new/img/img-home-postgraus_desktop.jpg"); }

.blog_swiper .swiper-wrapper { margin-bottom: 30px; }

.blog_swiper_mini .swiper-button-prev, .blog_swiper_mini .swiper-button-next { top: 120px; }

.blog_swiper_mini .swiper-slide .info { min-height: 90px; }

.blog_swiper_mini .swiper-slide .info .swiper_titol { font-size: 16px; }

.blog_swiper_mini .swiper-slide .info .swiper_subtitol { font-size: 15px; }

.experiencies { background-color: #5FB9FD; color: #FFFFFF; }

.experiencies .title_band { margin-bottom: 45px; }

.experiencies .swiper-wrapper { align-items: center; }

.experiencies .experiencia_frase { font-size: 48px; font-style: italic; font-weight: 300; width: 100%; display: table; text-align: center; }

.experiencies .experiencia_nom_carrec { font-size: 24px; width: 100%; display: table; text-align: center; margin-top: 20px; }

.experiencies .experiencia_nom_carrec .nom { font-weight: 700; }

.testimonis { /* background-color: $background_base; color:$white_text;	 */ }

.testimonis .swiper-wrapper { align-items: center; }

.testimonis .testimonis_frase { font-size: 20px; width: 700px; }

.testimonis .testimonis_nom_carrec { font-size: 20px; margin-top: 20px; }

.testimonis .testimonis_nom_carrec .nom { font-weight: 700; }

.testimonis .foto_testimoni { max-height: inherit; position: absolute; right: 60px; bottom: -72px; max-height: calc(100% + 90px); z-index: -5; max-width: 465px; }

.videos_testimonis_container { margin-top: 50px; vertical-align: top; display: inline-flex; flex-wrap: wrap; }

.videos_testimonis_container .video_testimoni { display: inline-block; width: 361px; margin-right: 15px; margin-bottom: 30px; }

.videos_testimonis_container .video_testimoni .video { position: relative; padding-bottom: 56.25%; height: 0; }

.videos_testimonis_container .video_testimoni .titol { font-size: 16px; font-weight: bold; background-color: #F0F0EE; height: 55px; padding: 5px; }

.right_h2 { color: #007dd1; position: absolute; right: 0; font-size: 14px; line-height: 50px; }

.band.openTalents { background: #F0F0EE; }

.band.openTalents .principal, .band.openTalents .proxims { width: 49%; display: inline-block; vertical-align: top; margin-top: 25px; }

.band.openTalents li { margin-top: 10px; border-bottom: 1px solid #D8D8D8; }

.band.openTalents .data { background: #4E5357; width: 90px; height: 90px; color: #FFFFFF; text-align: center; padding-top: 10px; display: inline-block; margin-bottom: 10px; }

.band.openTalents .data .dia { font-size: 34px; font-weight: bold; }

.band.openTalents .data .mes { font-size: 20px; text-transform: uppercase; display: block; margin-top: -5px; font-weight: 300; }

.band.openTalents .intro { margin-top: 15px; padding-right: 25px; }

.band.openTalents .proxims .data { background: transparent; border: 1px solid #4E5357; color: #4E5357; }

.band.openTalents .proxims .title_proxims { font-size: 24px; font-weight: bold; margin-bottom: 20px; }

.band.openTalents .title { display: inline-block; vertical-align: top; margin-left: 10px; width: calc(100% - 115px); }

.band.openTalents .title div { display: table-cell; vertical-align: middle; font-size: 24px; font-weight: bold; height: 95px; line-height: 32px; }

.band.coneixUPC { /* top, transparent red, faked with gradient  para que haga degradado y fondo a la vez*/ /*linear-gradient( rgba($white,0.5), rgba($white,0.5) ),quito filtro blanco*/ /* bottom, image */ background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 50px; padding-bottom: 50px; }

.band.coneixUPC .container { position: relative; background-color: #5FB9FD; padding: 10px; width: 700px; height: 200px; margin: auto; border-radius: 50px; }

.band.coneixUPC .container a { display: block; width: 100%; height: 100%; }

.band.coneixUPC .container .logo { position: absolute; right: 35px; top: 45px; }

.band.coneixUPC .container .title { color: #FFFFFF; font-size: 30px; position: absolute; left: 35px; top: 60px; font-weight: 700; }

.band.coneixUPC .container .subtitle { color: #FFFFFF; font-size: 30px; position: absolute; left: 35px; top: 110px; font-weight: 300; }

.band.coneixUPC .container.aniversari { background-color: #F0F0EE; text-align: center; padding: 20px; width: 560px; }

.band.coneixUPC .container.aniversari .logo50aniversari { max-height: 100%; }

.agenda_swiper .swiper-wrapper { margin-left: 1px; min-height: 320px; }

.agenda_swiper .swiper-button-prev, .agenda_swiper .swiper-button-next { top: 162px; }

.agenda_swiper .swiper-slide .crop { width: 100%; height: 255px; overflow: hidden; }

.agenda_swiper .agenda_mini { height: 100px; }

.agenda_swiper .agenda_mini .container { height: 100%; position: relative; margin-bottom: 10px; }

.agenda_swiper .agenda_mini .container .imatge_mini { height: 100%; z-index: 1; position: absolute; }

.agenda_swiper .agenda_mini .container .imatge_mini img { height: 100%; }

.agenda_swiper .agenda_mini .container .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #F0F0EE; border-left: none; padding: 10px; overflow: hidden; box-sizing: border-box; padding-left: 110px; }

.agenda_swiper .agenda_mini .container .info .swiper_subtitol { font-size: 15px; font-style: italic; position: absolute; }

.estadistiques { background-image: url("/templates/new/img/img_dades_citm.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 180px; padding-bottom: 180px; }

.estadistiques .container { background-color: rgba(255, 255, 255, 0.7); padding: 30px; }

.estadistiques .container ul { column-count: 6; }

.estadistiques .container ul li { width: 180px; padding: 10px; }

.estadistiques .container ul li .number { font-size: 45px; color: #FC9765; width: 100%; display: table; text-align: center; font-weight: 700; }

.estadistiques .container ul li .title { font-size: 20px; font-weight: 300; width: 100%; text-align: center; display: table; height: 92px; text-transform: uppercase; }

.estadistiques .container ul li .title div { vertical-align: middle; display: table-cell; }

.estadistiques .container ul .hores_practiques { width: 206px !important; }

.llistat_caixes_no_img { margin-right: -32px; }

.llistat_caixes_no_img li { position: relative; max-width: calc((100% - 96px)/3); width: 100%; height: 95px; margin-right: 32px; margin-bottom: 30px; display: inline-block; background: linear-gradient(180deg, #5E6262 0%, #2D2D37 100%); }

.llistat_caixes_no_img .container { position: absolute; height: 100%; width: 100%; display: table; }

.llistat_caixes_no_img .container p { display: table-cell; vertical-align: middle; padding: 10px; }

.llistat_caixes_no_img .container p.title { font-weight: 700; font-size: 29px; color: #FFFFFF; text-align: right; line-height: 29px; }

.banner_emergencia { background-color: #f7f7f7; margin-bottom: 15px; margin-top: -15px; }

.banner_emergencia div { display: table-cell; vertical-align: middle; padding: 10px; }

.banner_emergencia div div.data { text-align: right; font-size: 16px; width: 100%; display: block; padding: 0; padding-top: 10px; }

.banner_emergencia .text { font-size: 20px; }

/* MENU */
.menu_vertical { display: none; }

/********** menu horizontal *************/
.menu_horizontal { position: absolute; right: 0px; top: 55px; }

.menu_horizontal .menu_principal > li > span svg { display: none; }

.menu_horizontal .menu_principal { font-size: 18px; /*.campus{ margin-left:32px; .svg-inline--fa{ margin-left: 10px; } }*/ }

.menu_horizontal .menu_principal li { text-transform: uppercase; font-weight: 700; display: inline-block; padding: 0 10px; position: relative; cursor: context-menu; }

.menu_horizontal .menu_principal li a { color: #2D2D37; }

.menu_horizontal .menu_principal li .submenu_container { visibility: hidden; transition-property: visibility; transition-duration: 200ms; position: fixed; width: 100%; padding-top: 20px; left: 0; z-index: 5; text-align: center; }

.menu_horizontal .menu_principal li .submenu_container ul { background-color: #5FB9FD; padding: 20px 0; margin: 0 auto; }

.menu_horizontal .menu_principal li .submenu_container ul li { line-height: 35px; font-weight: normal; }

.menu_horizontal .menu_principal li .submenu_container ul li a { color: #FFFFFF; }

.menu_horizontal .menu_principal li .submenu_container ul li.selected, .menu_horizontal .menu_principal li .submenu_container ul li:hover { font-weight: 700; }

.menu_horizontal .menu_principal li .submenu_container ul li:after { visibility: hidden !important; }

.menu_horizontal .menu_principal li:last-of-type { padding-right: 0; }

.menu_horizontal .menu_principal li:hover .submenu_container { visibility: visible; transition-delay: 200ms; }

.menu_horizontal .menu_principal li:not(.inici):after { visibility: hidden; transition-property: visibility; transition-duration: 200ms; /* http://www.cssarrowplease.com/ */ bottom: -22px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #5FB9FD; border-width: 11px; margin-left: -11px; }

.menu_horizontal .menu_principal li:hover:not(.inici):after { visibility: visible; transition-delay: 200ms; }

.menu_horizontal .menu_principal .selected, .menu_horizontal .menu_principal .selected a, .menu_horizontal .menu_principal li:hover { color: #5FB9FD; }

/********** menu vertical *************/
.menu_vertical { display: none; }

.menu_grau { text-align: center; border-bottom: 1px solid #989898; background-color: #FFFFFF; z-index: 40; /*.solinfo_menu{ background-color: $black; color: $white_text; position: absolute; right: 0; padding: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-weight: $bold; }*/ }

.menu_grau ul { width: 100%; margin: 0 auto; }

.menu_grau ul li { text-transform: uppercase; font-weight: 300; font-size: 17px; padding: 0 5px; cursor: pointer; display: table-cell; position: relative; width: 150px; height: 75px; text-align: center; vertical-align: middle; }

.menu_grau ul li.selected, .menu_grau ul li:hover { color: #FFFFFF; background-color: #5FB9FD; }

.menu_grau ul li.solinfo_menu { background-color: #FC9765; color: #FFFFFF; font-weight: 700; }

.menu_nou_ingres ul li { width: 230px; }

* { /*@include input-placeholder { color: $black_text; opacity:0.5; }*/ }

* input::placeholder { color: #2D2D37; opacity: 0.5; }

.button { min-width: 102px; height: 36px; line-height: 36px; border-radius: 10px; background-color: #5FB9FD; padding: 0px 15px; color: #FFFFFF; text-align: center; margin-left: 30px; font-weight: 700; cursor: pointer; font-size: 20px; display: inline-block; }

.button_interior { cursor: pointer; }

.button.great { height: auto; line-height: auto; padding: 10px 50px; }

.button.inverse { background-color: #2D2D37; }

.buttons { width: 100%; height: 25px; clear: both; }

form input, form select, form textarea { box-shadow: none; border: 1px solid #dedede; border-radius: 12px; margin: 12px 10px 12px 0; padding: 12px; font-size: 16px; box-sizing: border-box; }

form label { /*font-size: 20px;*/ }

form input[readOnly], form textarea[readOnly] { background: #F0F0EE !important; }

ul.checkbox_list { margin-top: 10px; }

ul.checkbox_list li { margin-bottom: 10px; }

.message_solinfo { display: none; }

.message_solinfo .header_message { padding: 30px 15px 30px 80px; font-weight: bold; color: #2D2D37; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.message_solinfo .content_message { padding: 15px 15px 15px 80px; background-color: #FFFFFF; font-style: italic; color: #2D2D37; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

div#successMessage.message_solinfo .header_message { background: #F0F0EE no-repeat url("/templates/new/img//icons/ico-ok.png") 15px 15px; }

div#errorMessage.message_solinfo .header_message, div#errorMessageFile.message_solinfo .header_message { background: #F0F0EE no-repeat url("/templates/new/img//icons/ico-ko.png") 15px 15px; }

.band_messages_status .content_message { border: 1px solid #F0F0EE; }

form.ofertes_docents #observacions { width: calc(100% - 15px); }

.solinfo { color: #FFFFFF; background: linear-gradient(135deg, #5FB9FD 0%, #AFE85A 100%); }

.solinfo .checkbox_list_1 { float: left; margin-right: 20px; }

.solinfo .checkbox_list_2 { float: left; margin-bottom: 10px; }

.solinfo .checkbox_list_1 li, .solinfo .checkbox_list_2 li { padding-top: 8px; }

.solinfo .container_form { width: 100%; padding-right: 375px; position: relative; clear: both; }

.solinfo input, .solinfo select, .solinfo .telefon_container { width: calc(50% - 15px); }

.solinfo input.file_100 { width: calc(100% - 15px); }

.solinfo .telefon_container { margin-right: 12px; display: inline-block; }

.solinfo .telefon_container #prefix { width: 80px; }

.solinfo .telefon_container #telefon1, .solinfo .telefon_container #telefon { width: calc(100% - 96px); margin-right: 0; }

.solinfo #naixement_dia, .solinfo #naixement_mes { width: 60px; float: right; margin-right: 5px; }

.solinfo #naixement_any { width: 69px; margin-right: 0; float: right; }

.solinfo #naixement { position: absolute; right: 0; top: 0; width: 375px; margin-right: 0; line-height: 75px; }

.solinfo #inputs_naixement { display: inline-block; float: right; }

.solinfo #pregunta, .solinfo #informacio { position: absolute; right: 0; top: 78px; width: 370px; height: 115px; margin-right: 0; }

.solinfo .privacitat { font-weight: 300; font-size: 14px; }

.solinfo .privacitat a { color: #FFFFFF; font-weight: 700; cursor: help; }

.solinfo .privacitat_text { display: none; }

.solinfo .button { margin-top: 40px; margin-left: 0; }

.container_boto { width: 100%; text-align: center; }

.inscriujpo, .inscriuassistir { padding-bottom: 40px; /*#acompanyants{ position: absolute; right: 0; top: 78px; width: 370px;	 margin-right: 0; }*/ }

.inscriujpo .container_form, .inscriuassistir .container_form { padding-right: 225px; }

.inscriujpo .text_selecciona, .inscriuassistir .text_selecciona { font-weight: 700; font-size: 18px; margin-top: 15px; }

.inscriujpo .title_band, .inscriuassistir .title_band { padding-top: 20px; }

.inscriujpo .container_checks_jpo, .inscriujpo .container_checks_activitats, .inscriuassistir .container_checks_jpo, .inscriuassistir .container_checks_activitats { width: 100%; display: inline-block; margin: 10px 0; }

.inscriujpo .container_checks_jpo li, .inscriujpo .container_checks_activitats li, .inscriuassistir .container_checks_jpo li, .inscriuassistir .container_checks_activitats li { padding-top: 8px; }

.inscriujpo #naixement, .inscriuassistir #naixement { margin-right: 0; line-height: 75px; width: calc(50% - 15px); position: inherit; right: inherit; top: inherit; display: inline-block; margin-right: 12px; /*position: inherit; display: inline-block; width: 100%; padding: 0; .label_data_naixement { width:50%;			 text-align: right; vertical-align: top;	 padding-right: 18px; display: inline-block }*/ /*#inputs_naixement { width: 230px; float: inherit; display: inline-block; }*/ }

.inscriujpo #naixement #inputs_naixement, .inscriuassistir #naixement #inputs_naixement { width: auto; }

.inscriujpo #inputs_naixement, .inscriuassistir #inputs_naixement { display: flex; width: 50%; }

.inscriujpo #naixement_dia, .inscriuassistir #naixement_dia { float: inherit; order: 1; margin-left: 0; }

.inscriujpo #naixement_mes, .inscriuassistir #naixement_mes { float: inherit; order: 2; }

.inscriujpo #naixement_any, .inscriuassistir #naixement_any { float: inherit; order: 3; }

.adreca { display: inline-table; margin-bottom: 20px; margin-top: 10px; margin-right: 65px; }

.adreca_right { margin-right: 0px; }

.text_selecciona { font-weight: 700; font-size: 18px; margin-top: 15px; }

div.inputscv { position: relative; }

input#expedient, input#carta_motivacions, input#reconeixements, input#filedni { position: relative; text-align: right; opacity: 0; z-index: 2; }

div.expedientfake, div.motivacionsfake, div.reconeixementsfake, div.filednifake { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; }

div.button_especial { position: absolute; left: 20px; }

div.content_message div.button_especial { position: initial; left: unset; }

div.button_send_especial { margin-left: 155px !important; }

/*Checkboxes styles   https://codepen.io/anon/pen/xpQMPB     http://freefrontend.com/css-checkboxes/  */
input[type="checkbox"] { display: none; }

input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid #FFFFFF; position: absolute; left: 0; top: 0; opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }

input.white[type="checkbox"] + label:before { border: 1px solid #FFFFFF; }

input.black[type="checkbox"] + label:before { border: 1px solid #2D2D37; }

input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0px; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

input[type="radio"] { display: none; }

input[type="radio"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

input[type="radio"] + label:last-child { margin-bottom: 0; }

input[type="radio"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid #FFFFFF; border-radius: 50%; position: absolute; left: 0; top: 0; opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }

input.white[type="radio"] + label:before { border: 1px solid #FFFFFF; }

input[type="radio"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0px; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/*Fi Check y Radio styles */
.errorbg { color: #FF7F7F !important; }

.errorbg input::placeholder { color: #FF7F7F; opacity: 0.7; }

input.errorbg::placeholder { color: #FF7F7F; opacity: 0.7; }

a.link_white { color: #FFFFFF; font-weight: 700; cursor: help; }

.especial_formulari { min-height: 919px; }

.fires_band { font-family: "Sofia Bold","Roboto", sans-serif; height: 225px; width: 100%; font-size: 55px; text-align: center; background-color: #2D2D37; display: flex; justify-content: center; align-items: center; color: #FFFFFF; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.fires_band.amb_botons { display: block; padding-top: 50px; }

.fires_band.amb_botons .button { font-family: "Sofia Regular","Roboto", sans-serif; width: 300px; border-radius: 50px; height: 60px; line-height: 60px; font-size: 24px; background-color: #000000; margin: 0 15px; }

.fires_band.masters { background: #78273E url("/templates/new/img/img-home-postgraus.jpg"); padding-top: 30px; }

.fires_band.masters .title { padding-bottom: 10px; }

.fires_band.masters .button { line-height: inherit; height: 90px; padding-top: 13px; }

.fires_band.fulleto { background: #6EBFD4 url("/templates/new/img/img-fons-generic.jpg"); height: 100px; font-size: 24px; }

.fires_band.banner_jpo { background: #2D2D37 url("/templates/new/img/jpo_fons.jpg"); }

/************ BANDS *********************/
.banner_inside { position: relative; padding: 0; background-size: cover !important; height: 450px; }

.banner_inside .video_grau { position: absolute; z-index: 0; object-fit: cover; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.banner_inside .band_content { display: table; /* en grados ahora se usa este estilo */ }

.banner_inside .band_content .banner_titol { font-family: "Sofia Bold","Roboto", sans-serif; width: 100%; color: #FFFFFF; font-size: 73px; font-weight: 700; vertical-align: middle; display: table-cell; text-align: center; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.banner_inside .band_content .banner_titol.medium { font-size: 65px; }

.banner_inside .band_content .banner_titol.small { font-size: 60px; }

.banner_inside .band_content .banner_titol.extra_small { font-size: 50px; }

.banner_inside .band_content .banner_titol_grau_container { position: absolute; bottom: 0; margin-bottom: 20px; }

.banner_inside .band_content .banner_titol_grau_container .banner_subtitol_grau { font-family: "Sofia Regular","Roboto", sans-serif; color: #FFFFFF; font-size: 24px; }

.banner_inside .band_content .banner_titol_grau_container .banner_titol_grau { font-family: "Sofia Bold","Roboto", sans-serif; font-size: 46px; width: 310px; line-height: 100%; }

.banner_inside .band_content .banner_titol_grau_container .nouPlaBanner { font-family: 'Sofia Light','Roboto', sans-serif; color: #FC9765; border: 4px solid #FC9765; border-radius: 15px; padding: 5px 10px; font-size: 20px; font-weight: 100; width: fit-content; margin-top: 10px; }

.banner_inside .band_content .banner_titol_grau_multimedia { color: #1ab4d8; }

.banner_inside .band_content .banner_titol_grau_animacio { color: #ff6666; }

.banner_inside .band_content .banner_titol_grau_videojocs { color: #73c25b; }

.banner_inside .band_content.banner_grau { width: 1150px; position: relative; }

.banner_inside .float_title { position: absolute; right: 0; background-color: #2D2D37; font-weight: 700; color: #FFFFFF; padding: 8px 15px; width: 210px; }

.banner_inside .float_title:first-of-type { bottom: 7px; }

.banner_inside .float_title:nth-of-type(2) { bottom: 52px; }

.banner_inside .float_title:nth-of-type(3) { bottom: 96px; }

.banner_inside .float_title.anima { background-color: #ff6666; }

.banner_inside .float_title.multi { background-color: #1ab4d8; }

.banner_inside .float_title.video { background-color: #73c25b; }

.banner_inside .float_title_principal { padding: 5px 15px; font-weight: normal; text-transform: uppercase; width: auto; }

.banner_inside .llocs_banner_videojocs { display: table-row; text-align: center; }

.banner_inside .llocs_banner_videojocs .lloc { color: #FFFFFF; background-color: #2D2D37; display: inline-block; padding: 10px 12px; font-size: 18px; margin-left: 15px; margin-right: 15px; margin-top: 30px; font-weight: 700; text-transform: uppercase; border: 2px solid #FFFFFF; }

.banner_inside .llocs_banner_videojocs .lloc svg { color: #7ED321; margin-right: 10px; }

.banner_inside .llocs_banner_videojocs .lloc.selected { background-color: #5FB9FD; }

.banner_multimedia { background: #212121 url("/templates/new/img/img-multimedia.png?v=2"); }

.banner_animacio { background: #212121 url("/templates/new/img/img-animacion.png?v=2"); }

.banner_videojocs { background: #212121 url("/templates/new/img/img-videojuegos.png?v=2"); }

.banner_videojocs.banner_videojocs_presentacio { background: #212121 url("/templates/new/img/img-videojuegos-presentacion.png?v=2"); }

.banner_multimediaext { background: #B9DBE9 url("/templates/new/img/img-multimedia.gif"); }

.banner_animacioext { background: #ffe3e3 url("/templates/new/img/img-animacion.jpg"); }

.banner_videojocs_presentacio { height: 835px; text-align: center; }

.banner_videojocs_presentacio .banner_titol { display: block !important; margin-top: 61px; }

.banner_videojocs_presentacio .subtitol { font-size: 32px; text-align: center; text-transform: capitalize; color: #FFFFFF; font-weight: bold; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); margin-top: 10px; margin-bottom: 40px; }

.banner_videojocs_presentacio .bola_grau { border-radius: 50%; width: 260px; height: 260px; text-align: center; display: inline-block; margin: 0 50px; background-size: cover !important; }

.banner_videojocs_presentacio .bola_grau .titol { color: #FFFFFF; font-weight: 700; font-size: 32px; margin-top: 43px; text-transform: uppercase; }

.banner_videojocs_presentacio .bola_grau .lloc { color: #FFFFFF; background-color: #2D2D37; display: inherit; padding: 12px 20px; font-size: 24px; margin-top: 85px; font-weight: 700; text-transform: uppercase; }

.banner_videojocs_presentacio .bola_grau .lloc svg { color: #7ED321; margin-right: 10px; }

.banner_videojocs_presentacio .bola_grau .languages { color: #FFFFFF; font-weight: 700; font-size: 20px; margin-top: 20px; text-transform: uppercase; }

.banner_videojocs_presentacio .bola_grau_barcelona { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/grau-videojocs-Barcelona.jpg"); }

.banner_videojocs_presentacio .bola_grau_barcelona:hover { background: url("/templates/new/img/grau-videojocs-Barcelona.jpg"); }

.banner_videojocs_presentacio .bola_grau_terrassa { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/grau-videojocs-Terrassa.jpg"); }

.banner_videojocs_presentacio .bola_grau_terrassa:hover { background: url("/templates/new/img/grau-videojocs-Terrassa.jpg"); }

.anchorLink { cursor: pointer; }

.anchor_requisits .destacat_inside { margin-top: 0 !important; }

.anchor_pla .center img { width: 100%; max-width: 850px; height: 400px; }

.anchor_pla table .left { text-align: left !important; }

.anchor_pla table .margin_left { margin-left: 10px; }

.anchor_pla table .padding_right { padding-right: 60px; }

.anchor_pla table .right { text-align: right !important; }

.professors_swiper { margin-top: 20px; }

.professors_swiper .profe_info { display: none; width: 100%; height: 100%; position: absolute; top: 0; z-index: 11; background-color: #FFFFFF; border: 1px solid #5FB9FD; padding: 20px; }

.professors_swiper .profe_info img { width: 175px; border-radius: 50%; position: absolute; left: 35px; top: 35px; }

.professors_swiper .profe_info .info_container { padding-left: 235px; height: 100%; }

.professors_swiper .profe_info .info_container .nom { color: #5FB9FD; font-size: 26px; margin-bottom: 20px; padding-right: 40px; }

.professors_swiper .profe_info .info_container .close { position: absolute; right: 20px; font-size: 35px; color: #5FB9FD; cursor: pointer; }

.professors_swiper .profe_info .info_container .contact { position: absolute; right: 70px; font-size: 35px; color: #5FB9FD; cursor: pointer; }

.professors_swiper .profe_info .info_container ul li { margin-bottom: 0; }

.professors_swiper .profe_info .contact_container { display: none; }

.professors_swiper .profe_info .contact_container input, .professors_swiper .profe_info .contact_container textarea { width: 100%; max-width: 500px; margin: 5px 10px 5px 0; }

.professors_swiper .profe_info .contact_container .button { margin-top: 2px; }

.professors_swiper .swiper-slide { /*img:hover{ filter:none; }*/ }

.professors_swiper .swiper-slide .mesInfo { width: 270px; height: 270px; position: absolute; /* margin: auto 0; */ /* line-height: 100%; */ font-size: 40px; top: 0; color: #FFFFFF; border-radius: 50%; padding-top: 200px; box-sizing: border-box; cursor: pointer; display: none; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 2; }

.professors_swiper .swiper-slide img { width: 270px; height: 270px; border-radius: 50%; filter: grayscale(1); cursor: pointer; }

.professors_swiper .swiper-slide img ~ img { position: absolute; width: 270px; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; filter: none; display: none; }

.professors_swiper .swiper-slide img:hover + div { display: block; }

.professors_swiper .swiper-slide .mesInfo:hover { display: block; }

.professors_swiper .swiper-slide .mesInfo:hover + img { display: block !important; }

.professors_swiper .swiper-slide .nom_fora { font-size: 22px; font-weight: 300; margin-top: 10px; padding: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.profe_info_table { display: none; position: relative; }

.profe_info_table td { position: relative; }

.profe_info_table td img { width: 175px; border-radius: 50%; position: absolute; left: 35px; top: 35px; }

.profe_info_table td .info_container { padding-left: 235px; min-height: 210px; height: 100%; }

.profe_info_table td .info_container .nom { color: #5FB9FD; font-size: 26px; margin-bottom: 20px; padding-right: 40px; }

.profe_info_table td .info_container ul li { margin-bottom: 0; }

.profe_info_table td .contact_container { display: none; }

.profe_info_table td .contact_container input, .profe_info_table td .contact_container textarea { width: 100%; max-width: 500px; margin: 5px 10px 5px 0; }

.profe_info_table td .contact_container .button { margin-top: 2px; }

/*.swiper-slide {
	.mesInfo{
		width: 270px;
		height: 270px;
		position: absolute;
		//vertical-align: middle;
		//text-align: center;
		font-size: 40px;
		top:0;
		color: $white_text;
		//@include border-radius(50%);
		border-radius: 50%;
		//background-color: rgba($black,0.5);
		padding-top: 200px;
		box-sizing: border-box;
		cursor:pointer;
		display:none;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		z-index: 2;
	}		
	
	img{
		width: 270px;
		height: 270px;
		//@include border-radius(50%);	
		border-radius: 50%;
		filter: grayscale(1);
		cursor: pointer;
	}
	img ~ img{ // siguiente hermano que es img (segunda imagen)
		position: absolute;
		width: 270px;
		top:0;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		filter:none;
		display:none;
	}
	img:hover + div{
		display:block;
	}
	.mesInfo:hover{
		display:block;						
	}
	.mesInfo:hover + img{ // segunda imagen
		display:block !important;
	}
	.nom_fora{
		font-size: 22px;
		font-weight: 300;
		margin-top: 10px;
		padding: 10px;
		//@include ellipsis($no-wrap: true);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
*/
table.resum_table { margin-bottom: 20px; }

ul.resum_table li, ul.resum_table td, table.resum_table li, table.resum_table td { padding: 20px 40px; margin: 0 !important; }

ul.resum_table li.top, ul.resum_table td.top, table.resum_table li.top, table.resum_table td.top { vertical-align: top; }

ul.resum_table li:nth-child(even), ul.resum_table tr:nth-child(even), table.resum_table li:nth-child(even), table.resum_table tr:nth-child(even) { background-color: #F1F8FF; }

ul.resum_table li:nth-child(odd), ul.resum_table tr:nth-child(odd), table.resum_table li:nth-child(odd), table.resum_table tr:nth-child(odd) { background-color: #D9E9FE; }

ul.resum_table ul.no_zebra, table.resum_table ul.no_zebra { list-style: circle; }

ul.resum_table ul.no_zebra li, table.resum_table ul.no_zebra li { padding: 0; vertical-align: inherit; background-color: inherit; margin-bottom: 10px !important; }

ul.resum_table ul.no_margin_left, table.resum_table ul.no_margin_left { margin-left: 0px !important; }

ul.link_caixa_destacat li { margin: 0 !important; background-color: #5FB9FD; font-weight: 700; font-size: 20px !important; }

ul.link_caixa_destacat a { padding: 20px 40px; color: #FFFFFF !important; display: inline-block; width: 100%; height: 100%; }

ul.link_caixa_destacat .icono { float: right; font-size: 32px !important; }

.colaboradors { background-color: #FC9765; color: #FFFFFF; }

.colaboradors .title_band { margin-bottom: 45px; }

.colaboradors .swiper-wrapper { align-items: center; }

.fons_blue { background-color: #F1F8FF; }

p.quadreDestacat { background-color: #4E5357; padding: 10px 15px !important; margin-bottom: 10px; text-align: justify; color: #FFFFFF; border-radius: 10px; }

.treballs_list .graus_selector { text-align: center; }

.treballs_list .graus_selector li { display: inline-block; cursor: pointer; margin-right: 7px; margin-left: 7px; padding: 15px 30px; font-size: 18px; background-color: #F0F0EE; color: #2D2D37; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; }

.treballs_list .graus_selector li.selected, .treballs_list .graus_selector li:hover { background-color: #2D2D37; color: #FFFFFF; }

.treballs_list .graus_selector li.selected.anima, .treballs_list .graus_selector li.anima:hover { background-color: #ff6666; }

.treballs_list .graus_selector li.selected.multi, .treballs_list .graus_selector li.multi:hover { background-color: #1ab4d8; }

.treballs_list .graus_selector li.selected.video, .treballs_list .graus_selector li.video:hover { background-color: #73c25b; }

.treballs_list .areas { margin-bottom: 50px; text-align: center; }

.treballs_list .areas li { display: inline-block; font-size: 18px; cursor: pointer; background-color: #F0F0EE; padding: 5px 10px; border-radius: 23px; font-weight: 700; margin-right: 10px; }

.treballs_list .areas li.selected, .treballs_list .areas li:hover { color: #FFFFFF; background-color: #2D2D37; }

.treballs_list #treballs_alumnat { margin-right: -10px; }

.treballs_list #treballs_alumnat li { position: relative; max-width: calc((100% - 46px)/3); margin-right: 15px; margin-bottom: 30px; display: inline-block; }

.treballs_list #treballs_alumnat img { width: 100%; }

.treballs_list #treballs_alumnat .img_capa { position: absolute; top: 0; right: 0; }

.treballs_list #treballs_alumnat .title { font-weight: 700; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.treballs_list #treballs_alumnat .title a { color: #2D2D37; }

.treballs_list #treballs_alumnat .author { font-weight: 300; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.outher_container_video_responsive { max-height: 560px; max-width: 100%; }

.outher_container_video_responsive .container_video_responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }

.outher_container_video_responsive .container_video_responsive iframe, .outher_container_video_responsive .container_video_responsive object, .outher_container_video_responsive .container_video_responsive embed { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; max-width: 1000px; max-height: 560px; }

.treball_item .imatge_central { width: 100%; max-width: 1000px; margin-bottom: 20px; }

.treball_item .fotos { text-align: center; }

.treball_item .fotos img { width: 100%; max-width: 1000px; margin-bottom: 20px; }

.treball_item .container_video_responsive { margin-top: 20px; margin-bottom: 20px; }

.treball_item .goto_grau { color: #FFFFFF; font-size: 28px; padding: 10px 50px 10px 30px; font-weight: bold; margin-top: 25px; position: relative; }

.treball_item .goto_grau svg { position: absolute; line-height: 100%; right: 20px; height: 100%; top: 0; }

.treball_item .goto_grau.anima { background-color: #ff6666; }

.treball_item .goto_grau.multi { background-color: #1ab4d8; }

.treball_item .goto_grau.video { background-color: #73c25b; }

.band.interior.margen_inferior { margin-bottom: 25px; }

.interior ul li { margin-bottom: 10px; }

.interior ul li ul { margin-top: 10px; margin-left: 35px; }

.interior ul li ul.icons { margin-left: 45px; }

.interior ul li ul.icons .fa-li { left: 12px; }

.interior ul.icons { margin-left: 35px; }

.interior ul.icons .fa-li { color: #5FB9FD; left: -6px; padding-top: 3px; }

.interior .default_margins { padding-top: 25px !important; padding-bottom: 25px !important; }

.interior .collapse_mobile > .collapse_buttons { display: none; }

.interior .collapse_mobile > .collapsable { display: block; }

.interior h4.collapsator { vertical-align: top; margin-top: 10px; }

.interior h4.collapsator + .collapsable { padding-left: 35px; padding-top: 10px; }

.interior h4.collapsator + .collapsable ul li { margin-bottom: 0px; }

.interior .band_content { /** Pla Estudis Graus ********************************************************************/ /* PREMSA */ }

.interior .band_content .logo_terrassa_universitaria { display: inline-block; padding: 0 20px; }

.interior .band_content em { font-style: italic !important; }

.interior .band_content .titol_estructura { background-color: #F0F0EE; }

.interior .band_content p.bottom_separator { margin-bottom: 20px; }

.interior .band_content .inline_grid p { display: inline-table; margin-bottom: 10px; width: 330px; }

.interior .band_content .image_full_link { margin-top: 25px; position: relative; }

.interior .band_content .image_full_link img { width: 100%; }

.interior .band_content .image_full_link .title { position: absolute; display: inherit; padding: 15px 30px; font-size: 46px; color: #FFFFFF; background-color: rgba(45, 45, 55, 0.5); top: 10%; text-transform: uppercase; }

.interior .band_content .peu_full_link { background-color: #F0F0EE; padding: 5px 10px; font-size: 14px; }

.interior .band_content .destacat_inside { background-color: #F0F0EE; border-radius: 20px; padding: 23px 40px; margin-bottom: 20px; margin-top: 20px; }

.interior .band_content .destacat_inside .titol { color: #2D2D37; font-size: 28px; font-weight: 700; }

.interior .band_content .destacat_inside .icon { position: absolute; font-size: 70px; color: #2D2D37; right: 20px; }

.interior .band_content .destacat_inside .icon img { width: 150px; }

.interior .band_content .destacat_inside .text { font-weight: 300; color: #2D2D37; font-size: 18px; margin-bottom: 20px; padding-right: 80px; padding-top: 10px; }

.interior .band_content .destacat_inside .text_no_margin { margin-bottom: 0; }

.interior .band_content .destacat_inside .icon.image + .text { padding-right: 150px; }

.interior .band_content .destacat_inside .codi { font-size: 18px; display: inline-block; margin-right: 30px; }

.interior .band_content .destacat_inside a { display: inline-block; }

.interior .band_content .destacat_inside a .button { margin-left: 0; }

.interior .band_content .issuu_container { height: 230px; width: 50%; float: right; margin-bottom: 20px; }

.interior .band_content .issuu_container .issuu { height: 100%; margin: 0 auto; }

.interior .band_content .issuu_container .issuu .issuuembed { height: 100%; }

.interior .band_content .issuu_container.senseVideo { float: none; margin: 0 auto; margin-bottom: 30px; }

.interior .band_content .issuu_container + p { clear: both; }

.interior .band_content .videocorp_maxi_container { width: 50%; float: left; margin-bottom: 30px; }

.interior .band_content .videocorp_maxi_container .videocorp_maxi { text-align: center; }

.interior .band_content .videocorp_maxi_container .videocorp_maxi iframe { width: 390px; height: 230px; max-width: 100%; position: relative; }

.interior .band_content .videocorp_maxi_container.ample_sencer { width: 100%; height: 400px; }

.interior .band_content .videocorp_maxi_container.ample_sencer .videocorp_maxi iframe { width: 650px; height: 400px; }

.interior .band_content .videocorp_maxi_container.center { width: 100%; }

.interior .band_content div.adreca { display: inline-table; }

.interior .band_content p.insercio_laboral a { text-align: center; width: 100%; display: block; margin-top: 10px; }

.interior .band_content div.peu_video { margin-top: 4px; }

.interior .band_content div.bullet { width: 12px; height: 12px; border-radius: 50%; float: right; margin: 21px 10px 0 0; display: block; }

.interior .band_content div.bulletRedMulti, .interior .band_content div.bulletRedVideo, .interior .band_content div.bulletRedAnima, .interior .band_content div.bulletRedAnimaExt { background: #FF7F7F; }

.interior .band_content div.bulletBlueMulti, .interior .band_content div.bulletBlueMultiExt, .interior .band_content div.bulletBlueVideo, .interior .band_content div.bulletBlueAnima { background: #5FB9FD; }

.interior .band_content div.bulletGreenMulti, .interior .band_content div.bulletGreenVideo, .interior .band_content div.bulletGreenAnima { background: #4DDDC9; }

.interior .band_content div.bulletYellowMulti, .interior .band_content div.bulletYellowVideo, .interior .band_content div.bulletYellowAnima { background: #FED868; }

.interior .band_content h3.pla_estudis { margin-top: 15px; margin-bottom: 0; }

.interior .band_content h3.top_pla_estudis { margin-top: 15px !important; }

.interior .band_content table.zebra_mobile { display: none; }

.interior .band_content table.zebra { border: none; width: 100%; line-height: 60px; }

.interior .band_content table.zebra thead tr { border-bottom: 1px solid #989898; }

.interior .band_content table.zebra thead th { font-weight: 700; font-size: 20px; color: #4E5357; text-align: center; }

.interior .band_content table.zebra thead th:first-child { padding-left: 10px; }

.interior .band_content table.zebra tbody td { font-size: 16px; text-align: center; font-weight: 300; vertical-align: top; }

.interior .band_content table.zebra tbody td.indent { padding-left: 40px !important; }

.interior .band_content table.zebra tbody td:first-child { text-align: left; padding-left: 10px; padding-right: 10px; }

.interior .band_content table.zebra tbody tr:nth-child(even) { background-color: #F1F8FF; }

.interior .band_content table.zebra tbody tr.impar { background-color: transparent; }

.interior .band_content table.zebra tbody tr.par { background-color: #F1F8FF; }

.interior .band_content table.zebra tfoot tr { background-color: #FFFFFF !important; border-top: 1px solid #989898; }

.interior .band_content table.zebra tfoot td { font-weight: 700 !important; text-align: center; }

.interior .band_content table.zebra tfoot td:first-child { text-align: left; padding-left: 10px; }

.interior .band_content table.zebra .align-left { text-align: left !important; }

.interior .band_content table.all_columns_left td, .interior .band_content table.all_columns_left th { text-align: left !important; }

.interior .band_content table.zebra_multiline tbody td { line-height: 35px; text-align: left; vertical-align: text-top; padding-top: 10px; padding-bottom: 10px; }

.interior .band_content table.zebra_min { line-height: 35px; margin-bottom: 20px; }

.interior .band_content div.grau_videos_unic { text-align: center; width: 100%; margin: 20px auto; }

.interior .band_content div.grau_videos_varis { width: 100%; }

.interior .band_content div.grau_videos_varis div.container_video { width: 50%; float: left; margin: 10px auto; width: 254px; text-align: center; }

div.llistat_postg { margin-bottom: 20px; }

div.llistat_postg ul { margin-top: 5px; }

/** Event agenda ********************************************************************/
div.dades_importants { margin: 15px 0; padding: 10px 20px; line-height: 35px; background-color: #D9E9FE; }

div.largephoto { margin-bottom: 20px; }

div.largephoto img { width: 100%; }

div.dades_importants .button { margin-left: 0px !important; }

.citm_saiq table.citm_saiq_first { width: 330px !important; margin-bottom: 15px; /*tbody tr td:first-child{ text-align: right !important; padding-right: 18px; }*/ }

.citm_saiq table.citm_saiq_first thead tr th { text-align: left !important; }

.citm_saiq table.citm_saiq_first thead tr th:first-child { width: 100px; }

.citm_saiq table.citm_saiq_first tbody tr td { text-align: left !important; }

.citm_saiq table .link_block { display: block; }

.citm_saiq table td { vertical-align: inherit; padding-top: 10px !important; padding-bottom: 10px !important; }

.band.interior.band_404 { padding-bottom: 40px; }

.band.interior.band_404 .title_band { font-size: 94px !important; text-transform: uppercase; margin-top: 100px; max-width: 45%; }

.band.interior.band_404 .text { color: #9B9B9B; font-size: 20px; max-width: 45%; margin-bottom: 30px; }

.band.interior.band_404 .cat { position: absolute; right: 0; top: 65px; max-width: 50%; }

.band.interior.band_404 h2 { font-size: 20px; color: #FFFFFF; padding: 12px 25px; width: 260px; margin-bottom: 15px; }

.band.interior.band_404 h2.anima { background-color: #ff6666; }

.band.interior.band_404 h2.multi { background-color: #1ab4d8; }

.band.interior.band_404 h2.video { background-color: #73c25b; }

.band.interior.band_404 h2.postgraus { background-color: #73273E; }

.listado_plegado_elemento { margin-bottom: 10px; }

.listado_plegado_elemento .descripcio p, .listado_plegado_elemento .descripcio ul { margin-bottom: 20px; }

.listado_plegado_elemento .descripcio p:last-child, .listado_plegado_elemento .descripcio ul:last-child { margin-bottom: 0px; }

.listado_plegado_elemento .titol_info { height: 69px; width: 100%; background-color: #F0F0EE; display: table; position: relative; cursor: pointer; }

.listado_plegado_elemento .titol_info .info { background-color: #D8D8D8; height: 100%; width: 100px; left: 0; top: 0; padding-left: 10px; display: table-cell; vertical-align: middle; }

.listado_plegado_elemento .titol_info .info .credits { font-weight: 700; font-size: 20px; display: block; }

.listado_plegado_elemento .titol_info .info .hores { font-size: 18px; color: #5FB9FD; }

.listado_plegado_elemento .titol_info .titol { padding-left: 15px; padding-right: 15px; height: 100%; display: table-cell; font-weight: 700; vertical-align: middle; font-size: 20px; width: calc(100% - 100px - 40px); }

.listado_plegado_elemento .titol_info .arrow { width: 40px; height: 100%; display: table-cell; vertical-align: middle; color: #5FB9FD; font-size: 30px; }

.listado_plegado_elemento .titol_info .arrow .up { display: none; }

.listado_plegado_elemento .titol_info.no_info .titol { width: calc(100% -  40px); }

.listado_plegado_elemento .descripcio { padding: 10px 20px; display: none; }

.listado_plegado_elemento .descripcio p { margin: 0; }

.band.interior.background_expand_color { background-size: cover !important; }

.band.interior.background_expand_color .default_margins { padding-top: 0px !important; padding-bottom: 0px !important; }

.band.interior.introjpo { background: #2D2D37 url("/templates/new/img/img-JPO_fondo.png?v=2"); }

.new-icon { float: left; margin-right: 50px; margin-top: 20px; color: #FC9765; }

.new-icon .fa-layers-text { font-weight: 900; color: white; text-transform: uppercase; }

.titol_noticies_print { display: none !important; }

.contenedor-logos-colaboradors { display: flex; /* Pone los logos en fila */ flex-wrap: wrap; /* Permite que pasen a la siguiente línea si no caben */ gap: 25px; /* Define el espacio de separación ENTRE los logos */ row-gap: 0; align-items: center; /* Centra los logos verticalmente */ justify-content: center; /* Opcional: Centra el grupo de logos en su contenedor */ }

@media only screen and (min-width: 1980px) { .banner_inside { background-repeat: no-repeat !important; background-position: 150px 0px; } }

.grau_extint { margin-left: 0px !important; font-weight: 700; font-size: 20px !important; padding: 20px 40px 15px 40px !important; }

.grau_extint span { display: inline-block; vertical-align: text-bottom; }

.grau_extint .icono { margin-left: 20px !important; font-size: 32px !important; }

/* PAGINA ALUMNI - CLUB ALUMNI CITM */
.alumni-committee-row { display: flex; gap: 16px; }

.alumni-committee-member { border: 1px solid #F0F0EE; /* padding: 8px; */ background: #fff; flex: 1 1 0; max-width: 250px; /* Opcional: limita el ancho máximo de cada miembro */ box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }

.alumni-committee-member .crop img { width: 100%; height: auto; display: block; }

.alumni-committee-member .crop { width: 100%; display: flex; justify-content: center; }

/* alineación a la izquierda para el texto de los divs .info */
.alumni-committee-member .info { text-align: left; width: 100%; padding: 10px; }

/* HEADER MOBILE */
@media only screen and (max-width: 1170px) { .band .band_content { padding-left: 10px; padding-right: 10px; }
  .back_container .back { display: none; }
  .band .band_content .title_band .right_h3 { right: 10px; line-height: 28px; } }

@media only screen and (max-width: 1015px) { .hideTablet { display: none; }
  .band .band_content .title_band { font-size: 20px; }
  .band .band_content .subtitle_band { font-size: 18px; }
  .band .band_content.default_margins { padding-top: 30px; padding-bottom: 15px; }
  .content { padding-top: 105px; }
  .content_popup { padding-top: 75px; }
  .content_with_subheader { padding-top: 165px; }
  .content_with_subheader.banner_gran { padding-top: 265px; }
  .content_home { padding-top: 75px; }
  .content_with_subheader.content_home { padding-top: 135px; }
  .content_with_subheader.content_home.banner_gran { padding-top: 235px; }
  .swiper-wrapper { margin-bottom: 36px; }
  .swiper-pagination-bullets { margin-top: 0px; } }

@media only screen and (max-width: 550px) { .mobile { display: initial; }
  .hideMobile { display: none !important; }
  .swiper-slide iframe { height: auto; }
  .swiper-slide iframe.video_youtube { width: 280px !important; }
  .content_with_subheader { padding-top: 140px; }
  .content_with_subheader.banner_gran { padding-top: 205px; }
  .content_with_subheader.content_home { padding-top: 110px; }
  .content_with_subheader.content_home.banner_gran { padding-top: 175px; } }

/* HEADER MOBILE */
@media only screen and (max-width: 1170px) { .header .principal .logo { /* background-image: url("/templates/new/img/cas_50_anys_upc_simbol_citm_mobile.png"); width:199px; height:65px; top:5px;*/ background-image: url("/templates/new/img/logoCITMMobile.png"); width: 93px; height: 40px; top: 27px; background-repeat: no-repeat; position: absolute; }
  .header .principal .logo_especial { background-image: url("/templates/new/img/logoCITM.png"); width: 295px; height: 65px; background-repeat: no-repeat; background-size: cover; position: absolute; top: 20px; }
  .header .principal .languages { right: 10px; }
  .header .principal .campus { right: 95px; }
  .header .principal .social { margin: 10px 210px; }
  div.go_to_formu { font-size: 16px; min-height: 50px; width: 175px; }
  div.go_to_formu .icon { padding-left: 10px; font-size: 25px; }
  div.go_to_formu .icon img { height: 25px; }
  div.go_to_formu .text { padding: 10px 10px 10px 0; }
  div.go_to_formu.go_to_jpo .data { font-size: 12px; } }

@media only screen and (max-width: 1015px) { div.avis_cookies, div.protocol_covid_files { padding: 20px 0px 30px 0px; }
  div.avis_cookies .cook_text, div.protocol_covid_files .cook_text { font-size: 15px; }
  div.avis_cookies .button, div.protocol_covid_files .button { font-size: 16px; padding: 0 5px; }
  .header .menu_horizontal, .header .social, .header .languages, .header .jpo_inici { display: none !important; }
  .header .principal { height: 75px; }
  .header .principal .logo { /*top:17px;*/ }
  .header .principal .logo_especial { background-image: url("/templates/new/img/logoCITM.png"); width: 295px; height: 65px; background-repeat: no-repeat; background-size: cover; position: absolute; top: 20px; }
  .header .principal .campus { right: 50px; top: 26px; }
  .header .principal .campus .tooltip_page { padding: 15px; width: 100%; top: 65px; position: fixed; right: 0; }
  .header .principal .campus .tooltip_page:before { left: auto; right: 100px; }
  .header .principal .menu_burguer_button { float: right; margin-top: 21px; display: block; cursor: pointer; }
  .header .principal .menu_burguer_button_close { cursor: pointer; background-color: #4E5357; color: #FFFFFF; position: absolute; right: 0; /* padding-right: 16px; */ height: 100%; width: 59px; vertical-align: middle; text-align: center; padding-top: 21px; z-index: 100; }
  .header .principal_especial { height: 105px; }
  .header .subheader span { font-size: 20px; }
  .header .subheader .button { font-size: 20px; }
  .header .subheader.banner_gran { line-height: 120px; }
  .header .subheader.banner_gran img { width: 60px; }
  .header .subheader.banner_gran span { font-size: 22px; }
  .header .subheader.banner_gran .button { height: 45px; line-height: 45px; font-size: 20px; padding: 0px 10px; position: absolute; left: 35%; bottom: 15px; }
  /*div.back_to_top{ font-size: 11px; bottom: 23px; right: 37px; }*/ }

@media only screen and (max-width: 550px) { div.avis_cookies, div.protocol_covid_files { width: 100%; border-radius: 0; bottom: 0; transform: inherit; max-width: inherit; top: auto; }
  div.avis_cookies .button, div.protocol_covid_files .button { font-size: 15px; }
  div.avis_cookies .button.butonOK, div.protocol_covid_files .button.butonOK { margin-left: 15px; }
  div.avis_cookies { overflow: auto; }
  div.avis_cookies .button.butonOK { padding: 0px 5px; }
  div.avis_cookies .button.butonKO { padding: 0px 5px; }
  div.avis_cookies .checkboxContainer { padding: 10px; border: 1px solid #fff; margin-top: 25px; }
  div.avis_cookies .checkboxContainer input[type="checkbox"] + label { padding-left: 25px; padding-left: 25px; margin-right: 10px; font-size: 13px; }
  div.last_update { bottom: 3px; right: 5px; }
  div.protocol_covid_files { padding: 35px 10px; }
  div.protocol_covid_files .protocol_covid_close { right: 0px; }
  div.protocol_covid_files .button.butonOK { margin: 5px; }
  div.protocol_covid_files .button .button_icon { width: 30px; margin-top: 5px; }
  div.protocol_covid_files .button .button_icon img { width: 30px; }
  div.protocol_covid_files .button .button_title { width: calc(100% - 35px); }
  li.item_llistat.protocol_covid_banner { height: 120px !important; }
  li.item_llistat.faq_banner { height: 115px !important; }
  .header .subheader { height: 35px; line-height: 35px; }
  .header .subheader span { font-size: 13px; }
  .header .subheader .button { font-size: 13px; height: 25px; line-height: 25px; margin-left: 3px; padding: 0px; min-width: 90px; }
  .header .subheader.banner_gran { height: 100px; line-height: 100px; line-height: 70px; }
  .header .subheader.banner_gran img { display: none; }
  .header .subheader.banner_gran span { font-size: 20px; }
  .header .subheader.banner_gran span.destacat { padding: 8px 5px; }
  .header .subheader.banner_gran .button { height: 30px; line-height: 30px; font-size: 16px; left: 33%; bottom: 11px; }
  div.go_to_solinfo, div.back_to_top { font-size: 18px; } }

@media only screen and (max-width: 1015px) and (orientation: landscape) { div.protocol_covid_files .protocol_covid_close { right: 4px; top: -20px; } }

/* HEADER MOBILE */
@media only screen and (max-width: 1170px) { .footer .logos_container { text-align: center; }
  .footer .logos_container .social { position: relative; right: auto; width: 100%; float: none; }
  .footer .logos_container .social ul li { display: inline-block; padding-left: 2px; }
  .footer .logos_container .logo { width: 49%; padding: 0 10px; display: inline-block; }
  .footer .logos_container .adreca { text-align: left; padding: 0 10px; width: 49%; margin: 0; font-size: 18px; } }

@media only screen and (max-width: 1015px) { .footer .menu_footer > ul { column-count: 3; } }

@media only screen and (max-width: 550px) { .footer .menu_footer > ul { column-count: 2; }
  .footer .menu_footer .submenu_container { margin-top: 0px; }
  .footer .menu_footer .submenu_container li a { font-size: 14px; }
  .footer .logos_container { margin-top: 10px; padding: 0 0 20px 0px; text-align: center; }
  .footer .logos_container div { display: inline-table; vertical-align: middle; margin-top: 20px !important; width: auto !important; }
  .footer .logos_container .adreca { margin-left: 0; font-size: 16px; text-align: left; }
  .footer .links_container { margin-top: 20px; }
  .footer .links_container li { width: 32%; }
  .inscriujpo #naixement .label_data_naixement, .inscriuassistir #naixement .label_data_naixement { text-align: left; }
  .inscriujpo .adreca, .inscriuassistir .adreca { margin-right: 0; } }

/* HOME MOBILE */
@media only screen and (max-width: 1170px) { .llistat_caixes_no_img { margin-right: 0; }
  .llistat_caixes_no_img li { max-width: calc((100% - 65px)/3); }
  .llistat_caixes_no_img li:nth-of-type(3n+3) { margin-right: 0; }
  .video_container { height: calc(100vh - 100px - 130px); }
  .video_container .band_content { padding: 0; }
  .video_container .banner_center { font-size: 55px; }
  .video_container .subbanner_center { font-size: 40px; }
  .video_container .arrow_down { bottom: 105px; }
  .content_with_subheader .video_container { height: calc(100vh - 160px - 140px); }
  .content_with_subheader .video_container.banner_gran { height: calc(100vh - 260px - 140px); }
  .boles_graus .fake_background { height: 65px; }
  .boles_graus .bola_grau { width: 180px; height: 180px; border-radius: 90px 90px 90px 90px; background-size: cover; }
  .boles_graus .bola_grau h2 { width: 180px; height: 180px; font-size: 19px; padding: 15px; }
  .estadistiques { padding-top: 40px; padding-bottom: 40px; }
  .estadistiques .container { padding: 0; }
  .estadistiques .container ul { column-count: 3; }
  .estadistiques .container ul li { width: auto; }
  .estadistiques .container ul li .number { font-size: 40px; }
  .estadistiques .container ul li .title { font-size: 24px; } }

@media only screen and (max-width: 1015px) { .banner_emergencia img { width: 85px; }
  .banner_emergencia div.text { font-size: 15px; }
  .banner_emergencia div.text div.data { font-size: 13px; }
  .llistat_caixes_no_img li { max-width: calc((100% - 15px)/2); margin-bottom: 20px; height: 85px; }
  .llistat_caixes_no_img li:nth-child(odd) { margin-right: 15px; }
  .llistat_caixes_no_img li:nth-child(even) { margin-right: 0; }
  .llistat_caixes_no_img .container p { padding: 10px; }
  .llistat_caixes_no_img .container p.title { font-size: 22px; line-height: 27px; }
  .llistat_caixes_no_img .container p.title.small { font-size: 19px; padding: 5px; }
  .video_home, .banner_center, .arrow_down { display: none !important; }
  .video_container { width: 100%; height: 240px !important; background-image: url("/templates/new/video/citm-reel-2024-mobile.jpg"); background-size: cover !important; }
  .video_container .banner_subtitol { font-size: 42px; height: 100%; }
  .boles_graus .band_content { padding-left: 0; padding-right: 0; }
  .boles_graus .band_content .bola_grau { width: 100%; height: 70px; margin: 0px; margin-bottom: 10px; display: table; border-radius: 0px; display: inline-block; }
  .boles_graus .band_content .bola_grau h2 { width: 100%; height: 70px; font-size: 22px; text-align: left; padding: 0 10px; }
  .boles_graus .animacio { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/img-home-animacio_mobile.jpg?v=2"); }
  .boles_graus .animacio:hover { background: url("/templates/new/img/img-home-animacio_mobile.jpg?v=2"); }
  .boles_graus .multimedia { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/img-home-multimedia_mobile.jpg?v=2"); }
  .boles_graus .multimedia:hover { background: url("/templates/new/img/img-home-multimedia_mobile.jpg?v=2"); }
  .boles_graus .videojocs { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/img-home-videojocs_mobile.jpg?v=2"); }
  .boles_graus .videojocs:hover { background: url("/templates/new/img/img-home-videojocs_mobile.jpg?v=2"); }
  .boles_graus .postgraus { background: linear-gradient(rgba(45, 45, 55, 0.5), rgba(45, 45, 55, 0.5)), url("/templates/new/img/img-home-postgraus_mobile.jpg"); }
  .boles_graus .postgraus:hover { background: url("/templates/new/img/img-home-postgraus_mobile.jpg"); }
  .entitats_relacionades .title_band { margin-bottom: 5px; }
  .experiencies .title_band { margin-bottom: 25px; }
  .experiencies .swiper-wrapper { align-items: center; }
  .experiencies .experiencia_frase { font-size: 18px; }
  .experiencies .experiencia_nom_carrec { font-size: 16px; }
  .testimonis .swiper-wrapper { align-items: center; }
  .testimonis .testimonis_frase { font-size: 18px; width: 500px; }
  .testimonis .testimonis_nom_carrec { font-size: 18px; margin: 15px auto auto auto; }
  .testimonis .foto_testimoni { display: none; }
  .videos_testimonis_container .video_testimoni { display: block; margin: auto auto 20px auto; }
  .estadistiques { padding-top: 10px; padding-bottom: 10px; }
  .estadistiques .container { padding: 0; }
  .estadistiques .container ul { column-count: 2; }
  .estadistiques .container ul li { width: auto; padding: 10px; }
  .estadistiques .container ul li .number { font-size: 36px; }
  .estadistiques .container ul li .title { font-size: 16px; }
  .band.coneixUPC { padding-top: 40px; padding-bottom: 55px; }
  .band.coneixUPC .container { border-radius: 40px; width: 530px; height: 150px; }
  .band.coneixUPC .container .logo { top: 37px; right: 30px; height: 50%; }
  .band.coneixUPC .container .title { font-size: 25px; left: 30px; top: 36px; }
  .band.coneixUPC .container .subtitle { font-size: 22px; left: 30px; top: 85px; }
  .band.coneixUPC .container.aniversari { width: 420px; }
  .band.openTalents .band_content { padding-bottom: 15px !important; }
  .band.openTalents .title_band img { height: 35px; }
  .band.openTalents .principal, .band.openTalents .proxims { width: 100%; display: block; }
  .band.openTalents .data { width: 75px; height: 75px; }
  .band.openTalents .data .dia { font-size: 28px; }
  .band.openTalents .data .mes { font-size: 18px; }
  .band.openTalents .intro { margin-top: 10px; padding-right: 0px; }
  .band.openTalents .proxims { width: 100%; display: block; }
  .band.openTalents .proxims .title_proxims { font-size: 22px; margin-bottom: 20px; }
  .band.openTalents .title { display: inline-block; width: calc(100% - 95px); }
  .band.openTalents .title div { font-size: 22px; height: 75px; line-height: 28px; } }

@media only screen and (max-width: 550px) { .banner_emergencia img { width: 55px; }
  .llistat_caixes_no_img li, .llistat_caixes li { width: 100% !important; margin-right: 0px !important; max-width: 100% !important; }
  .band.coneixUPC { padding-top: 40px; padding-bottom: 40px; }
  .band.coneixUPC .band_content { padding-top: 0px !important; }
  .band.coneixUPC .container { width: 300px; height: 100px; border-radius: 30px; }
  .band.coneixUPC .container .logo { top: 25px; right: 10px; }
  .band.coneixUPC .container .title { font-size: 20px; left: 10px; top: 23px; }
  .band.coneixUPC .container .subtitle { font-size: 14px; left: 10px; top: 57px; }
  .band.coneixUPC .container.aniversari { width: 280px; padding: 10px; }
  .band.openTalents .band_content { padding-bottom: 30px !important; }
  .band.openTalents .title_band img { height: 27px; }
  .band.openTalents .right_h3 { bottom: 5px; }
  .band.openTalents .data { width: 50px; height: 50px; padding-top: 4px; }
  .band.openTalents .data .dia { font-size: 22px; }
  .band.openTalents .data .mes { font-size: 15px; }
  .band.openTalents .proxims .title_proxims { font-size: 20px; margin-bottom: 10px; }
  .band.openTalents li { padding-bottom: 10px; }
  .band.openTalents .title { width: calc(100% - 65px); }
  .band.openTalents .title div { font-size: 18px; height: 68px; line-height: 23px; } }

/* HEADER MOBILE */
@media only screen and (max-width: 1015px) { .solinfo .container_form { padding-right: 0; }
  .solinfo #naixement { position: inherit; width: 50%; padding: 0 18px; }
  .solinfo #pregunta, .solinfo #informacio { position: inherit; width: 100%; right: auto; top: auto; width: calc(100% - 10px); }
  .solinfo #naixement { width: 100%; }
  .solinfo #naixement label { width: 50%; display: inline-block; text-align: right; padding-right: 18px; }
  .solinfo #inputs_naixement { display: flex; width: 50%; }
  .solinfo #naixement_dia { float: inherit; order: 1; margin-left: 0; }
  .solinfo #naixement_mes { float: inherit; order: 2; }
  .solinfo #naixement_any { float: inherit; order: 3; }
  .inscriujpo #naixement #inputs_naixement, .inscriuassistir #naixement #inputs_naixement { width: 50%; } }

@media only screen and (max-width: 550px) { form.ofertes_docents #observacions { margin-left: 10px; }
  .solinfo input, .solinfo select { width: calc(100% - 20px); margin-left: 10px; }
  .solinfo .telefon_container { width: 100%; margin-left: 0; }
  .solinfo .telefon_container { margin-right: 0; display: inline-block; }
  .solinfo .telefon_container #telefon1 { width: calc(100% - 128px); }
  .solinfo .label_data_naixement { display: block; line-height: 16px; }
  .solinfo #naixement { position: inherit; width: 100%; padding: 0 10px; }
  .solinfo #naixement label { width: auto; display: inherit; text-align: left; padding: 0; }
  .solinfo #inputs_naixement { display: flex; float: none; }
  .solinfo #naixement_dia { float: inherit; order: 1; margin-left: 0; }
  .solinfo #naixement_mes { float: inherit; order: 2; }
  .solinfo #naixement_any { float: inherit; order: 3; }
  .solinfo #pregunta, .solinfo #informacio { position: inherit; width: 100%; height: 100px; width: calc(100% - 20px); margin-left: 10px; right: auto; top: auto; }
  .solinfo .privacitat { text-align: left; font-size: 12px; width: calc(100% - 20px); margin-left: 10px; }
  .solinfo .button { margin-top: 10px; margin-left: 0; }
  .button.great { padding: 10px 50px; }
  .button_interior { font-size: 13px; height: 25px; line-height: 25px; margin-left: 3px; padding: 0px; min-width: 90px; }
  .fires_band { font-size: 35px; height: 140px; }
  .fires_band.amb_botons { padding-top: 30px; }
  .fires_band.amb_botons .button { width: auto; white-space: nowrap; border-radius: 40px; height: 45px; line-height: 45px; font-size: 18px; margin: 0px 5px; } }

/* MENU MOBILE */
@media only screen and (max-width: 1170px) { .menu_grau ul li { font-size: 16px; }
  .menu_horizontal .menu_principal li .submenu_container { font-size: 16px; }
  .menu_horizontal .menu_principal li .submenu_container li { padding: 0 5px; } }

@media only screen and (max-width: 1015px) { .menu_horizontal { display: none; }
  .menu_vertical > ul { column-count: 1; padding: 0 10px; }
  .menu_vertical > ul > li:first-child { display: none; }
  .menu_vertical > ul > li { display: inline-block; vertical-align: top; text-transform: uppercase; width: 100%; padding: 0; font-weight: normal; color: #FFFFFF; font-size: 16px; border-bottom: 1px solid #989898; }
  .menu_vertical > ul > li span { display: block; cursor: pointer; padding: 10px 0; }
  .menu_vertical > ul > li svg { float: right; margin-right: 14px; }
  .menu_vertical > ul > li svg.fa-minus { display: none; }
  .menu_vertical > ul > li.selected { font-weight: 700; color: #5FB9FD; }
  .menu_vertical { background-color: #4E5357; position: fixed; overflow: hidden; top: 75px; max-width: 350px; width: 90%; right: 0; z-index: 40; max-height: calc(100vh - 75px); }
  .menu_vertical .submenu_container { display: none; margin-top: 0px; margin-left: 30px; margin-bottom: 10px; }
  .menu_vertical .submenu_container li { padding-bottom: 7px; }
  .menu_vertical .submenu_container li svg { display: none; }
  .menu_vertical .submenu_container li a { font-weight: 300; color: #FFFFFF; text-transform: none; font-size: 16px; }
  .menu_vertical .submenu_container li a .selected { font-weight: normal; }
  .menu_vertical .submenu_container .selected, .menu_vertical .submenu_container .selected a { font-weight: 700; color: #5FB9FD; }
  .menu_vertical .menu_language { margin-top: 20px; margin-bottom: 10px; }
  .menu_vertical .menu_language li { display: inline-block; width: 32%; text-align: center; border-left: 1px solid #989898; }
  .menu_vertical .menu_language a { color: #FFFFFF; text-transform: uppercase; font-size: 16px; font-weight: 300; }
  .menu_vertical .menu_language a:first-child li { border: none; }
  .menu_vertical .menu_language .selected { font-weight: 700; }
  .menu_vertical .social_vertical { text-align: center; width: 100%; margin: 20px 0 10px 0; }
  .menu_vertical .social_vertical ul li { display: inline-block; padding: 0 8px; font-size: 12px; margin-bottom: 18px; }
  .menu_vertical .social_vertical ul li a { color: #FFFFFF; }
  .menu_vertical .social_vertical ul li a .fa-inverse { color: #4E5357; }
  .menu_grau { display: none; } }

@media only screen and (max-width: 1170px) { .interior ul.icons .fa-li { left: 6px; }
  .banner_inside .band_content .banner_titol { font-size: 66px; }
  .banner_inside .band_content .banner_titol.medium { font-size: 60px; }
  .banner_inside .band_content .banner_titol.small { font-size: 53px; }
  .banner_inside .band_content .banner_titol.extra_small { font-size: 48px; }
  .anchor_pla .center img { height: auto; } }

@media only screen and (max-width: 1015px) { .band.interior.band_404 .title_band { font-size: 60px !important; margin-top: 50px; }
  .video_grau { display: none !important; }
  .treballs_list .graus_selector li { padding: 10px 15px; font-size: 16px; margin-bottom: 20px; }
  .treballs_list .areas { margin-bottom: 0; }
  .treballs_list .areas li { margin-bottom: 20px; font-size: 18px; margin-right: 25px; }
  .treballs_list #treballs_alumnat { /*li:nth-of-type(3n+3){ margin-right: 15px; }*/ /*li:nth-of-type(2n+2){ margin-right: 0px; }			*/ }
  .treballs_list #treballs_alumnat li { max-width: calc((100% - 30px)/2); margin-right: 15px; margin-bottom: 30px; }
  .outher_container_video_responsive { float: none !important; margin-bottom: 15px !important; }
  .treball_item .goto_grau { font-size: 20px; }
  .banner_inside { height: 150px; }
  .banner_inside .band_content { /* en grados ahora se usa este estilo */ }
  .banner_inside .band_content .banner_titol { font-size: 22px; }
  .banner_inside .band_content .banner_titol.medium { font-size: 20px; }
  .banner_inside .band_content .banner_titol.small { font-size: 18px; }
  .banner_inside .band_content .banner_titol.extra_small { font-size: 16px; }
  .banner_inside .band_content .banner_titol_grau_container { margin-bottom: 10px; }
  .banner_inside .band_content .banner_titol_grau_container .banner_subtitol_grau { font-size: 18px; }
  .banner_inside .band_content .banner_titol_grau_container .banner_titol_grau { font-size: 28px; width: 190px; }
  .banner_inside .band_content .banner_titol_grau_container .nouPlaBanner { margin-top: 3px; font-size: 15px; border: 2px solid #FC9765; padding: 2px 5px; border-radius: 8px; margin-bottom: -2px; }
  .banner_inside .float_title { display: none; }
  .banner_inside .band_content.banner_grau { width: 100%; }
  .banner_inside .llocs_banner_videojocs { position: absolute; right: 10px; bottom: 15px; }
  .banner_inside .llocs_banner_videojocs .lloc { padding: 5px 6px; font-size: 14px; margin-left: 0px; margin-right: 8px; margin-top: 10px; }
  .interior.logos_swiper .title_band, .interior.logos_swiper .collapse_buttons { color: #2D2D37; }
  .interior.logos_swiper .collapsable { background-color: #FC9765 !important; }
  .band.interior { background-color: #FFFFFF !important; }
  .band.interior .default_margins { padding-top: 10px !important; padding-bottom: 10px !important; }
  .band.interior .collapse_mobile { padding-top: 0px !important; padding-bottom: 0px !important; }
  .band.interior .collapse_mobile > .collapse_buttons { position: absolute; right: 5px; font-size: inherit; top: 10px; display: block; }
  .band.interior .collapse_mobile > .collapse_buttons .fa-plus { display: block; }
  .band.interior .collapse_mobile > .collapse_buttons .fa-minus { display: none; }
  .band.interior .collapse_mobile > .collapsable { padding: 10px 10px; display: none; }
  .band.interior .collapse_mobile { padding: 0; }
  .band.interior .band_content .image_full_link .title { font-size: 30px; }
  .band.interior .band_content .destacat_inside .titol { font-size: 18px; }
  .band.interior .band_content .destacat_inside .text { font-size: 16px; padding-right: 40px; }
  .band.interior .band_content .destacat_inside .icon { position: absolute; font-size: 50px; color: #FFFFFF; right: 20px; }
  .band.interior .band_content .destacat_inside .icon img { width: 120px; }
  .band.interior .band_content .destacat_inside .icon.image + .text { padding-right: 120px; }
  .band.interior .band_content .destacat_inside .codi { font-size: 16px; font-weight: 700; display: inline-block; }
  .band.interior .band_content .destacat_inside a { display: inline-block; }
  .band.interior .band_content .destacat_inside a .button { font-size: 16px; }
  .band.interior .band_content .title_band.collapsator { /*height: 40px;    comentado para que haga dos lineas porque sino calendario matricula curso académico 2019-20 no se ve y es un porblema*/ padding-right: 35px; font-weight: normal; border-top: 1px solid #989898; border-bottom: 1px solid #989898; line-height: 36px; padding-left: 10px; margin-bottom: 0; cursor: pointer; display: block; margin-top: -1px; }
  .band.interior .band_content .subtitle_band { margin-bottom: 10px; }
  .band.interior .band_content .videocorp_maxi_container, .band.interior .band_content .issuu_container { width: 100%; }
  .band.interior .band_content ul.resum_table li { padding: 10px; }
  .band.interior .band_content div.bullet { width: 10px; height: 10px; margin: 16px 4px 0 3px; }
  .band.interior .band_content table.zebra_duplicate, .band.interior .band_content table.zebra_duplicate_professors { display: none; }
  .band.interior .band_content table.zebra_mobile { display: table; }
  .band.interior .band_content table.zebra { line-height: 40px; }
  .band.interior .band_content table.zebra thead tr { border-bottom: 1px solid #989898; }
  .band.interior .band_content table.zebra thead tr td.indent { padding-left: 20px; }
  .band.interior .band_content table.zebra thead th { font-size: 16px; }
  .professors_swiper .profe_info { padding: 10px; }
  .professors_swiper .profe_info img { width: 125px; position: relative; margin: 50px 10px 10px 15px; left: auto; top: auto; float: right !important; }
  .professors_swiper .profe_info .info_container { padding-left: 10px; height: 100%; }
  .profe_info_table img { width: 125px; position: relative; margin: 50px 10px 10px 15px; left: auto; top: auto; float: right !important; }
  .profe_info_table .info_container { padding: 0px !important; height: 100%; }
  .banner_videojocs_presentacio { height: auto; }
  .banner_videojocs_presentacio .band_content { padding-left: 0; padding-right: 0; padding-bottom: 10px !important; margin: 0; margin-bottom: 10px; width: 100%; }
  .banner_videojocs_presentacio .banner_titol { display: block !important; margin-top: 19px; }
  .banner_videojocs_presentacio .subtitol { font-size: 18px; margin-bottom: 10px; margin-top: 10px; }
  .banner_videojocs_presentacio .bola_grau { border-radius: 14px; width: 100%; height: 70px; margin: 0px; margin-top: 10px; display: table; text-align: left; padding: 10px; background: #F0F0EE !important; }
  .banner_videojocs_presentacio .bola_grau .titol { font-size: 18px; margin-top: 0; display: inline; }
  .banner_videojocs_presentacio .bola_grau .lloc { padding: 5px 10px; font-size: 16px; display: inline; margin-left: 0px; }
  .banner_videojocs_presentacio .bola_grau .lloc br { content: ""; }
  .banner_videojocs_presentacio .bola_grau .lloc br:after { content: "\00a0"; }
  .banner_videojocs_presentacio .bola_grau .languages { font-size: 16px; margin-top: 10px; color: #2D2D37; }
  .banner_videojocs_presentacio .bola_grau .languages br { content: ""; }
  .banner_videojocs_presentacio .bola_grau .languages br:after { content: "\00a0"; }
  /*table.citm_saiq_first{ thead tr th:first-child{ width: 100px !important; text-align: left !important; } }*/
  .citm_saiq table thead tr th { text-align: left !important; padding-left: 10px; }
  .listado_plegado_elemento { margin-bottom: 5px; }
  .listado_plegado_elemento .titol_info { height: 60px; }
  .listado_plegado_elemento .titol_info .info { width: 95px; padding-left: 10px; }
  .listado_plegado_elemento .titol_info .info .credits { font-size: 18px; display: block; }
  .listado_plegado_elemento .titol_info .info .hores { font-size: 16px; }
  .listado_plegado_elemento .titol_info .titol { padding-left: 10px; padding-right: 10px; font-size: 18px; width: calc(100% - 95px - 30px); }
  .listado_plegado_elemento .titol_info .arrow { width: 30px; font-size: 25px; }
  .listado_plegado_elemento .titol_info.no_info .titol { width: calc(100% -  30px); }
  .listado_plegado_elemento .descripcio { padding: 10px 15px; } }

@media only screen and (max-width: 550px) { .band.interior.band_404 .title_band { font-size: 45px !important; max-width: 100%; margin-top: 0px; margin-bottom: 0; }
  .band.interior.band_404 .text { font-size: 16px; max-width: 100%; margin-bottom: 15px; }
  .band.interior.band_404 .cat { position: inherit; right: auto; top: auto; max-width: 100%; }
  .band.interior.band_404 h2 { font-size: 16px; color: #FFFFFF; padding: 5px 10px; width: 190px; margin-bottom: 7px; }
  .banner_inside .band_content { /* en grados ahora se usa este estilo */ }
  .banner_inside .band_content .banner_titol_grau_container { margin-bottom: 10px; }
  .banner_inside .band_content .banner_titol_grau_container .banner_subtitol_grau { font-size: 18px; }
  .banner_inside .band_content .banner_titol_grau_container .banner_titol_grau { font-size: 24px; width: 160px; }
  .banner_multimedia { background: #212121 url("/templates/new/img/img-multimedia-mobile.png?v=2"); }
  .banner_animacio { background: #212121 url("/templates/new/img/img-animacion-mobile.png?v=2"); }
  .banner_videojocs { background: #212121 url("/templates/new/img/img-videojuegos-mobile.png?v=2"); }
  .banner_videojocs.banner_videojocs_presentacio { background: #212121 url("/templates/new/img/img-videojuegos-presentacion-mobile.png?v=2"); }
  .banner_inside.banner_videojocs .banner_titol { display: block; margin-top: -15px; }
  .banner_inside.banner_videojocs .llocs_banner_videojocs { right: auto; bottom: auto; left: 6px; top: 10px; }
  .banner_inside.banner_videojocs .llocs_banner_videojocs .lloc { padding: 3px 4px; font-size: 12px; margin-left: 5px; margin-right: 0px; margin-top: 0px; }
  .treballs_list { margin-right: 0px; margin-bottom: 10px; }
  .treballs_list .graus_selector li { display: block; padding: 5px 15px; font-size: 16px; margin-bottom: 7px; margin-left: 0; margin-right: 0; }
  .treballs_list .areas { margin-bottom: 0; }
  .treballs_list .areas li { margin-bottom: 10px; font-size: 16px; margin-right: 15px; }
  .treballs_list #treballs_alumnat li { width: 100%; margin-right: 0px; margin-bottom: 20px; max-width: 100%; }
  .treballs_list #treballs_alumnat li:nth-of-type(3n+3) { margin-right: 0; }
  .treballs_list #treballs_alumnat li:nth-of-type(2n+2) { margin-right: 0; }
  .treball_item .imatge_central { display: none; }
  .treball_item .goto_grau { font-size: 20px; }
  .professors_swiper .profe_info { padding: 10px; }
  .professors_swiper .profe_info img { display: none; }
  .professors_swiper .profe_info .info_container .nom { font-size: 20px; margin-bottom: 10px; }
  .profe_info_table img { display: none; }
  .profe_info_table .info_container { padding: 0px !important; }
  .profe_info_table .info_container .nom { font-size: 20px; margin-bottom: 10px; }
  .band.interior .band_content .logo_terrassa_universitaria { display: inline-block; padding: 10px 20px; }
  .band.interior .band_content .image_full_link .title { font-size: 20px; }
  .band.interior .band_content .destacat_inside .codi { display: block; }
  .band.interior .band_content .destacat_inside a { display: block; }
  .band.interior .band_content .destacat_inside a .button { margin-top: 10px; }
  .band.interior h4.collapsator + .collapsable { padding-left: 15px; }
  table.resum_table { margin-bottom: 10px; }
  ul.resum_table li, ul.resum_table td, table.resum_table li, table.resum_table td { padding: 10px; }
  .afegir_calendari { margin-bottom: 20px; }
  .listado_plegado_elemento .titol_info { height: 45px; }
  .listado_plegado_elemento .titol_info .info { width: 70px; padding-left: 5px; }
  .listado_plegado_elemento .titol_info .info .credits { font-size: 14px; }
  .listado_plegado_elemento .titol_info .info .hores { font-size: 14px; }
  .listado_plegado_elemento .titol_info .titol { padding-left: 5px; padding-right: 5px; font-size: 16px; width: calc(100% - 70px - 20px); }
  .listado_plegado_elemento .titol_info .arrow { width: 20px; font-size: 20px; }
  .listado_plegado_elemento .titol_info.no_info .titol { width: calc(100% -  20px); }
  .listado_plegado_elemento .descripcio { padding: 10px 15px; } }