@import url('https://fonts.googleapis.com/css?family=Lato:400,300italic,300,400italic,700,700italic,900,900italic');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&display=swap');

@font-face {
  font-family: "HelveticaNeue-Condensed";
  src: url("../fonts/HelveticaNeue-Condensed.ttf");
}

@font-face {
  font-family: "HelveticaNeue-Condensed-Bold";
  src: url("../fonts/HelveticaNeue-Condensed-Bold.ttf");
}

/* colores e imagenes de la página web   */
#wrap {
  background: #fff url(arena/fondo.jpg) center top repeat-x;
  color: #292a25;
}

#wrapAVD {
  background: #fff url(arena/fondoAVD.jpg) center top repeat-x
}

.wrap-negro {
  background: #fff url(revista/fondo.jpg) center top repeat-x !important
}

.no-banda {
  background: #fff url("fondo-anb.jpg") repeat-x scroll center top !important
}

a {
  color: #016ca2;
}

a:hover {
  color: #016ca2;
  text-decoration: underline
}

.entry-content a {
  color: #016ca2
}

.entry-content a:hover {
  color: #016ca2
}

h3 {
  color: #333;
}

h3 a {
  color: #333;
  text-decoration: none;
}

h3 a:hover {
  text-decoration: underline;
}

.titol-novetat-boxes a:hover {
  text-decoration: underline;
}

.resum-noticia a, .resum-noticia-extensa a {
  color: #013952;
  font-weight: bold;
  text-decoration: none;
}

.resum-agenda-index a, .resum-agenda-index h {
  color: #013952;
}

.overflow-ini {
  overflow: initial !important
}

.agenda-derecha {
  display: table-cell;
}


#pre-cabecera {
  background: #333 none repeat scroll 0 0;
  height: 3em;
  color: #fff;
  text-transform: uppercase
}

.menu-servicios-nou { /*height:100%;*/
  float: right;
  font-size: 0.75em;
}

.menu-servicios-nou ul {
  margin: 0;
  list-style: outside none none;
  height: 100%
}

.menu-servicios-nou li {
  float: left;
  height: 100%;
  margin: 0 1em;
}

.menu-servicios-nou a {
  color: #edeadf;
  display: table-cell;
  height: 36px;
  vertical-align: middle;
}

.menu-servicios-nou span {
  color: #edeadf;
  display: table-cell;
  height: 36px;
  vertical-align: middle;
  cursor: pointer
}

.menu-servicios-nou span.fa {
  color: #a9a9a9;
}

.menu-servicios-nou span.fa:hover {
  color: #C7C6C6;
}

.menu-servicios-nou span.fa-brands {
  color: #a9a9a9;
}

.menu-servicios-nou span.fa-brands:hover {
  color: #C7C6C6;
}


ul.lista-perfiles-nou li:hover > ul {
  /*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
  visibility: visible;
  opacity: 1;

}

.i1 {
  width: 32%
}

.i2 {
  width: 32%
}

.i3 {
  width: 32%
}

#bloc-agenda .fa.fa-bars:before, #bloc-noticias .fa.fa-bars:before, .bloc-noticias .fa.fa-bars:before, #bloc-videos .fa.fa-bars:before {
  color: #a9a9a9;
}

.btn-com-dest {
  margin-top: 1em;
  margin-right: 0.8em
}

.btn-videos {
  margin-right: 0.5em
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}

div.menu-flotante {
  background-clip: padding-box;
  background-color: #333;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 1.2em;
  right: 0;
  left: auto;
  min-width: 200px;
  list-style: outside none none;
  margin: 2px 0 0;
  padding: 5px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000
}

ul.menu-flotante {
  background-clip: padding-box;
  background-color: #333;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 1.3em;
  right: 0;
  left: auto;
  min-width: 250px;
  list-style: outside none none;
  margin: 2px 0 0;
  padding: 5px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000
}

ul.compartir-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 1.2em;
  right: 0;
  left: auto;
  list-style: outside none none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}

.item-galeria {
  border-radius: 3px 3px 0 0;
  margin-bottom: 10px;
  text-align: justify;
  line-height: 120%;
}

/* TPCGoogleMapsFacultad */
#mapaWeb .map-overlay, #mapaWeb60 .map-overlay {
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  background: rgba(0, 0, 0, 0);
}

#mapaWeb .map-overlay .text-overlay, #mapaWeb60 .map-overlay .text-overlay {
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  color: white;
  position: relative;
  float: left;
  font-size: 2em;
  letter-spacing: 0.03em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  display: none;
}

#content .map-overlay .text-overlay {
  padding-left: 2em
}

#mapaWeb60 .map-overlay .text-overlay {
  padding-left: 1em
}

#mapaWeb .map-overlay.active .text-overlay, #mapaWeb60 .map-overlay.active .text-overlay {
  opacity: 1;
  display: block;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

#mapaWeb .map-overlay.active, #mapaWeb60 .map-overlay.active {

  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  display: block;
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

#mapaWeb .titol-bloc {
  margin-top: 2em;
  margin-bottom: 0.5em;
}

/* Fin TPCGoogleMapsFacultad */

/* TPCGoogleMapsHome */
#mapaWeb.homeUV .sidebar.collapsed {
  height: 10%;
}

/* Fin TPCGoogleMapsHome */

.directorio-mapa .sidebar.collapsed {
  height: 10%;
}

#mapaWeb {
  clear: both
}

#map {
  height: 380px !important;
}

#mapManual {
  height: 558px !important;
}

#mapaWeb60 {
  background: white;
  padding-top: 3em;
  padding-bottom: 3em
}

#map60 {
  height: 558px !important;
}

.logoDirectorio {
  /*width:290px;*/
  width: 100%;
  margin: 0 !important;
}


ul.lista-perfiles-nou ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 999;
  background: #434343;
  /*box-shadow:1px 1px 3px #ccc;*/
  /* css3 transitions for smooth hover effect */
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
  -o-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear;
  text-align: left;
}

li.lista-perfiles-nou ul.lista-perfiles-nou-seg li {
  display: block;
  float: none;
  min-height: 2em;
  vertical-align: middle;
  border-bottom: 1px solid #666;
  font-size: 0.9em;
  text-align: left;
}

li.directori-nou:hover > ul, ul.lista-perfiles-nou-seg li:hover > ul {
  /*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
  visibility: visible;
  opacity: 1;

}

li.directori-nou ul {
  list-style: none;
  margin: 0;
  margin-left: -8px;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 999;
  background: #434343;
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
  -o-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear;
  height: auto;
}

li.directori-nou ul.lista-perfiles-nou-seg2 {
  left: 100%;
  top: 0;
  margin-left: 1px;
  width: max-content;
}

li.directori-nou ul.lista-perfiles-nou-seg ul.lista-perfiles-nou-seg2 li {
  font-size: 1em;
}

li.directori-nou ul.lista-perfiles-nou-seg li {
  display: block;
  float: none;
  min-height: 2em;
  vertical-align: middle;
  border-bottom: 1px solid #666;
  font-size: 0.7em;
  text-align: left;
  margin: 0;
  position: relative
}

li.directori-nou ul.lista-perfiles-nou-seg li:hover {
  color: #262626;
  background-color: #f5f5f5;
}

li.directori-nou ul.lista-perfiles-nou-seg li:hover > a {
  color: #262626;
}

li.directori-nou ul.lista-perfiles-nou-seg li a {
  padding: 0 1em;
}


.menu-perfiles-nou { /*height:100%;*/
  float: left;
  font-size: 0.75em;
  display: block;
}

.menu-perfiles-nou ul {
  margin: 0;
  list-style: outside none none;
}

.menu-perfiles-nou ul li {
  float: left;
  position: relative
}

.menu-perfiles-nou a {
  color: #edeadf;
  display: table-cell;
  height: 36px;
  vertical-align: middle;
  padding: 0 1em
}

.menu-perfiles-nou span {
  color: #edeadf;
  display: table-cell;
  height: 36px;
  vertical-align: middle;
  padding: 0 0.7em;
  cursor: pointer
}

.menu-perfiles-nou ul.lista-perfiles-nou-seg li {
  border-bottom: 1px solid #666;
  min-width: 9em;
  width: 100%
}

.menu-perfiles-nou ul.lista-perfiles-nou-seg li:last-child {
  border-bottom: none
}

.menu-servicios-nou .form-text {
  border: 0 none;
  width: 13.33em;
  margin-top: 1.2em;
  padding-left: 1px;
  background: #b1b1b1 none repeat scroll 0 0;
  height: 12px;
  line-height: 15px;
}

.menu-servicios-nou .form-submit {
  background: transparent url("lupanew.jpg") no-repeat scroll 0 0;
  border: 0 none;
  line-height: 19px;
  cursor: pointer;
  width: 2.3em;
}

.enlace-icono {
  font-size: 1.6em
}

.enlace-icono a:hover {
  text-decoration: none
}

#cabFloat {
  position: fixed;
  z-index: 99;
  background: #333 none repeat scroll 0 0;
  width: 100%
}

#container {
  width: 100em
}

#containerCab {
  width: 100em
}

#containerCabFloat {
  width: 100em;
  margin: 0 auto;
  position: relative
}

#content-total .entry-content {
  width: 98.5em
}

#cabecera {
  width: 100em;
  background: #082b3e url(fons-capseleranew.png) repeat-x;
  color: #ccc;
  height: 135px
}

#pre-cabecera-float {
  float: right
}

.cabecera-negro {
  background: #222 url(fons-capselera-revista.png) repeat-x !important
}

.nou-submenu {
  background: #edeadf none repeat scroll 0 0
}

.content-menu-float {
  top: 0;
  right: 13%;
  display: inline-block;
  z-index: 99;
  position: absolute;
  margin-top: 2.2em
}

.boton-menu-float {
  font-family: 'Lato', serif
}

.boton-menu-float button {
  background: none;
  border: none
}

.boton-menu-float .barra-menu {
  background-color: #f5f5f5;
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 18px;
}

.boton-menu-float .barra-menu + .barra-menu {
  margin-top: 3px;
}

.boton-menu-float .dropdown-menu {
  background-color: #333;
  margin-top: -0.1em;
}

.boton-menu-float .dropdown-menu > li {
  border-bottom: 1px solid #6a6a6a;
}

.boton-menu-float ul.dropdown-menu > li > ul {
  list-style: none;
}

.boton-menu-float ul.dropdown-menu > li > ul > li > ul {
  list-style: none;
}

.boton-menu-float .dropdown-menu > li > a {
  display: block;
  white-space: nowrap;
}

.boton-menu-float .dropdown-menu > li > a:hover, .boton-menu-float .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.boton-menu-float .dropdown-menu > li > a:hover .fa, .boton-menu-float .dropdown-menu > li > a:focus .fa {
  color: #262626;

}

.boton-menu-float .dropdown-menu > li > a:hover .fa-brands , .boton-menu-float .dropdown-menu > li > a:focus .fa-brands {
  color: #262626;

}

.boton-menu-float .dropdown-menu a {
  color: #fff;
  padding: 6px 20px;

}

.boton-menu-float .dropdown-menu ul a {
  padding-left: 0;
  transition-duration: 0.5s;
  display: block;

}

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation: portrait) {
  .boton-menu-float .dropdown-menu ul a {
    white-space: normal !important;
  }

  .boton-menu-float .dropdown-menu a span {
    width: 90% !important;
  }

  .boton-menu-float .dropdown-menu a i {
    float: right;
  }
}

.boton-menu-float .dropdown-menu ul a:hover {
  padding-left: 10px;
  transition-duration: 0.5s;
  text-decoration: none;
}

.boton-menu-float .dropdown-menu a span {
  display: inline-block;
  width: 100%;
}

.boton-menu-float .dropdown-menu a i {
  display: inline-block;
}

.boton-menu-float .dropdown {
  display: inline-block;
}

.boton-menu-float a.dropdown-toggle:hover {
  text-decoration: none
}

.float-menu1 li {
  border-bottom: 1px solid #6a6a6a;
  margin-left: 3em;
}

.float-menu2 li {
  margin-left: 1.5em;
}

.titulo-menu {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  margin-right: 0.5em;
}

.cabFloat-logo {
  float: left;
  display: none
}

.cabFloat-logo h1 {
  margin-top: 0.5em;
  margin-bottom: 0.5em
}

.content-locale-float {
  display: inline-block;
  margin: 2.7em 3em 0;
  position: absolute; /*right: 16%*/
  right: 6%
}

.content-locale-float .fa {
  font-size: 1.3em;
  color: #fff
}

.content-search-float {
  display: inline-block;
  margin: 2.8em 0em 0 3em;
  position: absolute;
  top: 0;
  right: 0
}

.content-search-float .fa {
  font-size: 1.3em;
  color: #fff
}

.content-search-float form {
  margin-right: 1em;
  margin-left: 1em
}

.content-search-float .submit {
  color: #000;
  margin-top: 0;
  position: absolute;
  top: 5px;
  right: 20px
}

.content-search-float .submit .fa {
  color: #000;
  font-size: 1.2em
}

.content-shared-float {
  display: inline-block;
  margin: 2.7em 0 0 3em;
  position: absolute;
  right: 4.5%
}

.content-shared-float .fa {
  font-size: 1.3em;
  color: #fff
}

.content-shared-float .fa-brands {
  font-size: 1.3em;
  color: #fff
}

.content-shared-float ul.menu-flotante {
  min-width: 50px
}

/* #cabecera h1#logo a{background:url(logo-uv.jpg) no-repeat;} */
.menu-servicios .form-submit {
  background: transparent url(lupa.jpg) no-repeat;
}

.menu-servicios ul li.buscador form {
  width: 18em;
}

#menu-principal {
  width: 1200px; /*width:100em;*/
  background: #082b3e;
  border-top: 1px solid #1a3b5a;
  box-sizing: border-box
}

.menu-principal-negro {
  border-top: 1px solid #333 !important;
  background: #222 !important
}

.menu-negro {
  background: #222 !important
}

#menu-principal ul.menu-prim-nuevo {
  text-align: center
}

#menu-principal ul.menu-prim-nuevo li a {
  padding-left: 0
}

#menu-principal ul.menu-uv {
  text-align: left
}

#menu-principal ul.menu-uv li a {
  padding-left: 0.5em;
  font-size: 1em;
  height: 2.55em;
  line-height: 2.4em
}

#menu-principal ul li a {
  background: #082b3e; /*color:#e6e3d2*/
  color: #edeadf;
  border: none
}

#menu-principal .menu-prim-nuevo-negro li a {
  background: #222
}

#menu-principal ul li a:hover {
  background: #e6e3d2;
  color: #282828;
}

#menu-principal.div8 ul li {
  width: 12.5em !important;
}

#menu-principal.div7 ul li {
  width: 14.2em !important;
}

#menu-principal.div6 ul li {
  width: 16.5em !important;
}

#menu-principal.div5 ul li {
  width: 240px !important;
}

#menu-principal.div5 ul.menu-prim-nuevo ul li a {
  width: 240px !important;
}

.nou-submenu span.div51 {
  margin-left: 240px
}

.nou-submenu span.div52 {
  margin-left: 480px
}

.nou-submenu span.div53 {
  margin-left: 720px
}

.nou-submenu span.div54 {
  margin-left: 960px
}

#menu-principal ul.menu-prim-nuevo ul.menu-seg-nuevo li a {
  color: #282828;
  padding-left: 0.5em
}

#menu-principal .menu1 {
}

#menu-principal .menu2 {
}

#menu-principal .menu3 {
}

#menu-principal .menu4 {
}

#menu-principal .menu5 {
}

#menu-principal .menu6 {
}

#menu-desplegable {
  background: #e3e2dd;
  color: #282828;
  border-bottom: 1px solid #a6a69c;
  border-right: 1px solid #a6a69c;
  position: relative;
  top: -1px;
}

#menu-desplegable ul.submenu1 {
  border-right: 1px solid #e3e2dd;
  border-left: 1px solid #a6a69c;
  margin: 0;
  padding: 0.83em 0;
}

#menu-desplegable ul.submenu2 {
  border-right: 1px solid #e3e2dd;
  border-left: 1px solid #a6a69c;
}

#menu-desplegable ul.submenu3 {
  border-right: 1px solid #e3e2dd;
  border-left: 1px solid #a6a69c;
}

#menu-desplegable ul.submenu4 {
  border-right: 1px solid #e3e2dd;
  border-left: 1px solid #a6a69c;
}

#menu-desplegable ul.submenu5 {
  border-right: 1px solid #e3e2dd;
  border-left: 1px solid #a6a69c;
}

#menu-desplegable ul.submenu6 {
  border-right: 1px solid #a6a69c;
  border-left: 1px solid #a6a69c;
}

#menu-desplegable ul li {
  background: transparent url(boton-flecha.gif) left center no-repeat;
  color: #000;
}

#menu-desplegable ul li a {
  color: #000;
}

#menu-desplegable ul li a:hover {
  color: #000;
}

#menu-desplegable .desplegar {
  border-left: 1px solid #a6a69c;
  border-top: 1px solid #a6a69c;
}

.desplegar p {
  background: transparent url(boton-desplegar.jpg) left center no-repeat;
}

.active p {
  background: transparent url(boton-plegar.jpg) left center no-repeat;
}

.nou-submenu span.div71 {
  margin-left: 15.5em
}

.nou-submenu span.div72 {
  margin-left: 31.5em
}

.nou-submenu span.div73 {
  margin-left: 47.3em
}

.nou-submenu span.div74 {
  margin-left: 63em
}

.nou-submenu span.div75 {
  margin-left: 78.8em
}

.nou-submenu span.div76 {
  margin-left: 94.6em
}

.nou-submenu span.div61 {
  margin-left: 18.2em
}

.nou-submenu span.div62 {
  margin-left: 36.5em
}

.nou-submenu span.div63 {
  margin-left: 55em
}

.nou-submenu span.div64 {
  margin-left: 73.3em
}

.nou-submenu span.div65 {
  margin-left: 91.8em
}

.nou-submenu span.div81 {
  margin-left: 14em
}

.nou-submenu span.div82 {
  margin-left: 28em
}

.nou-submenu span.div83 {
  margin-left: 42em
}

.nou-submenu span.div84 {
  margin-left: 56em
}

.nou-submenu span.div85 {
  margin-left: 70em
}

.nou-submenu span.div86 {
  margin-left: 84em
}

.nou-submenu span.div87 {
  margin-left: 98em
}

#submenu {
  background: #e6e3d2;
  color: #282828;
  border-bottom: 1px solid #fff;
}

#submenu li h4 a {
  color: #282828;
  text-decoration: none;
}

#submenu li h4 a:hover {
  color: #013952;
}

#menu-segundos {
  width: 100em;
  background: #082b3e;
}

#menu-segundos .overview li h4 a {
  color: #282828;
  text-decoration: none;
}

#menu-segundos .overview li h4 a:hover {
  color: #013952;
}

#slider-principal .panel-foto .txt {
  color: #fff;
  font-weight: lighter
}

#slider-principal .panel-foto .txt a {
  color: #fff;
}

/* #slider-principal .pie-slider { background:transparent url(negre-transparent.png) repeat; color: #fff; } */
#slider-principal ul.pager {
  color: #fff;
}

#slider-principal ul.pager li a {
  color: #fff;
}

.menu-slider ul {
  background: transparent url(blau-transparent.png) repeat;
}

.menu-slider ul li {
  border-bottom: 1px dotted #fff;
  color: #fff;
}

.menu-slider ul li a {
  color: #fff;
}

.menu-slider ul li a.activo {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
}

.menu-slider ul li a:hover {
  color: #000;
}

.menu-slider ul li:hover {
  border-bottom: 1px dotted #152330;
  background: #fff;
  color: #000;
}

.menu-slider ul li.last {
  color: #fff;
}

.menu-slider ul li.last:hover {
  background: #fff;
  color: #000;
}

.menu-slider-segons ul {
  background: #d8d1b7;
}

.menu-slider-segons ul li {
  border-bottom: 1px solid #ffffff;
  color: #b3ab9e;
  background: transparent;
}

.menu-slider-segons ul li a {
  display: block;
  color: #3f3c35;
}

.menu-slider-segons ul li a:hover {
  display: block;
  color: #3f3c35;
  background: #e6e3d2;
}

.menu-slider-segons ul li:hover {
  background: #e6e3d2;
}

.menu-slider-segons ul li a.activo {
  display: block;
  color: #3f3c35;
  background: #e6e3d2;
}

#content {
  margin-right: 1.4em;
  width: 73.6em
}

#sidebar {
  width: 25em
}

#sidebar-left {
  width: 25em
}

#menu-cuatro-nivel {
  width: 75em
}

#menu-cuatro-nivel-corto {
  width: 48.6em
}

/*Se vuelve a dejar 48.6, se rompe en deportes. Se cambio a 49.6 para que se alinee con entry-content*/
#content-tres-columnas {
  width: 47.7em
}

#bloc-noticias2 {
  background: #f2f2f2 none repeat scroll 0 0;
  display: inline;
  float: left;
  margin: 1em 0 3em;
  width: 100%;
}

#bloc-noticias {
  margin-bottom: 3em;
  margin-top: 1em
}

.bloc-noticias {
  margin-bottom: 3em;
  margin-top: 1em
}

.componente50 .bloc-noticias {
  margin: 0em;
}

#bloc-video {
  width: 71.5em !important;
}

.xarxes-sidebar {
  margin: 2.2em 1em 0.83em 1.1em;
  text-align: center
}

.xarxes-sidebar a img {
  float: none
}

#content-total .menu-content {
  width: 94em
}

.menu-content {
  width: 54em
}

.componente50 .menu-content {
  width: 100% !important;
  margin: 0
}

.resum-noticia-extensa {
  width: 73.3em
}

.resum-noticia-extensa-unica {
  width: 73.3em
}

.resum-noticia-extensa-final {
  width: 73.3em
}

.resum-noticia {
  width: 35.4em
}

#bloc-noticias-60 {
  width: 49.3em;
  float: left;
  display: inline;
  margin: 0
}

#bloc-noticias-60 .menu-content {
  width: 48.3em
}

#bloc-noticias-60 .resum-noticia-extensa {
  width: 48.3em
}

#bloc-noticias-60 .resum-noticia-extensa-unica {
  width: 48.3em
}

#bloc-noticias-60 .resum-noticia-extensa-final {
  width: 48.2em
}

#bloc-noticias-60 .resum-noticia {
  width: 23.3em
}

#slider-gaseta .viewport {
  width: 69em
}

.video-llistaRepro #slider-gaseta .viewport {
  width: 95em
}

.video-llistaRepro #slider-gaseta .overview li {
  width: 216px
}

.video-llistaRepro .gaseta-boxes-destacat img {
  width: 100%
}

.gaseta-mosaico ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  row-gap: 5px;
  margin-bottom: 3em;
}

.gaseta-mosaico ul li {
  list-style: none;
  background: none !important

}

.video-llistaRepro .gaseta-boxes-text {
  font-family: "Lato", sans-serif;
}

#slider-dest .viewport {
  width: 280px;
  height: 16.3em
}


.llistatMosaicoVideo .bloque-video {
  width: 350px;
  height: 197px;
  margin: 21px
}

.llistatMosaicoVideo {
  text-align: left
}

/************** SLIDER DESTLINK *****************/
.content-destimg {
  width: 95%;
  margin: 0 auto;
  padding-top: 2em
}

.slider-destlink .centrar-viewport {
  margin: auto;
  display: inline-block;
}

.slider-destlink .viewport {
  width: 135em;
  height: 150px;
  overflow: hidden;
  position: relative;
  float: left;
  margin: 7em 0
}

#content-total .entry-content .slider-destlink .viewport {
  width: 89em
}

.entry-content .slider-destlink .viewport {
  width: 60em; /*Modificado por experimenta (fira)*/
}

.entry-content .slider-destlink ul li {
  background: none
}

.slider-destlink {
  overflow: hidden;
  text-align: center; /*Modificado por experimenta (fira)*/
}

.slider-destlink .buttons {
  display: block;
  margin: 12em 10px 0 0;
  float: left;
}

#content .entry-content .slider-destlink .buttons img {
  margin: 0
}

.slider-destlink .next {
  margin: 12em 0 0 10px;
}

.slider-destlink .disable {
  visibility: hidden;
}

/*#slider-destlink .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }*/
.slider-destlink .overview {
  list-style: none;
  position: relative;
  padding: 0;
  margin: auto;
  display: block;
}

.slider-destlink .gaseta-boxes-destacat li {
  float: left;
  margin: 0em !important;
  width: 180px;
  padding: 0em !important
}

.slider-destlink .caja-circulo img {
  width: 145px !important
}

/************ FIN SLIDER DESTLINK *****************/

.mtge-relacionat {
  float: left;
  margin-top: 6em;
  padding-left: 2em
}

.mtge-relacionat-titol h3 {
  margin-left: 18.3%;
  margin-bottom: 2em;
  font-size: 1.7em;
  text-transform: uppercase
}

#slider-mecenatge .viewport {
  width: 146em;
  overflow: hidden;
  float: left;
  position: relative;
  height: 30em
}

#slider-mecenatge .overview {
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0
}

#slider-mecenatge .overview li {
  float: left;
  margin: 0 3em 0em;
  width: 30em;
  height: 30em
}

#slider-mecenatge .buttons {
  display: block;
  margin: 105px 30px 0 0;
  float: left
}

#slider-mecenatge .next {
  margin: 105px 0 0 30px
}

.bloc-activitat-boxes-int #slider-mecenatge .item-overlay {
  width: auto
}

.recursos-campus {
  width: 73.3em
}

.pie-pagina {
  width: 100em
}

#content-total #content .entry-content {
  width: 71.7em;
}

.entry-content {
  width: 71.7em;
}

.vista-completa .menu-segundos {
  width: 72em
}

#bloc-texto {
  width: 35.1em;
  margin: 0.83em
}

#bloc-videos {
  width: 34.2em;
  margin: 0.83em 0.83em 0.83em 1.7em
}

#bloc-agenda {
  width: 34.2em;
  margin: 0.83em 1.7em 0.83em 0.83em
}

#bloc-30 {
  width: 24.3em;
  float: left
}

.texte-30 {
  margin: 0.83em;
  text-align: left;
  min-height: 25.7em;
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 1em
}

.agenda-home {
  width: 26.9em
}

.agenda-caja .dia {
  background: none repeat scroll 0 0 #edeadf
}

.agenda-caja .diaSemana {
  background: none repeat scroll 0 0 #edeadf
}

.agenda-titol-caja {
  width: auto;
  float: left;
  text-align: left;
  padding-left: 1em
}

.mostrar-video {
  width: 100%
}

.fila-galeria .video {
  margin: 0 1.2em 2.7em;
}

.resum-videos {
  margin: 0 2.2em 0.82em !important;
}

.titulo-activitat {
  border-bottom: none
}

/* 2 Columnes 50 % */

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

/* Fin 2 Columnes 50 % */

/* Bloc Home Generic */
.bloc-generic {
  background: white;
  overflow: hidden;
}

.bloc-generic .content-generic {
  width: 98.5em;
  margin: 0 auto;
  padding-top: 2em;
  padding-right: 1em;
  padding-left: 1em
}

@media (max-width: 1210px) {
  .bloc-generic .content-generic {
    width: 83.5em
  }
}

@media (max-width: 1020px) {
  .bloc-generic .content-generic {
    width: auto
  }
}

.bloc-generic .cap-novetats-destacades {
  margin-bottom: 1.5em;
  text-align: left;
}

.bloc-generic .cap-agenda-titol {
  width: 85%;
  display: inline-block;
  text-align: right;
}

.bloc-generic .titol-bloc {
  margin-top: 1em;
}

.componente50 .bloc-generic .content-generic {
  width: 95% !important;
}

/* Fin Bloc Home Generic */

/* TPCEnllaçImatge3Columnes */

.social-sidebar {
  margin: 2.2em 1em 0.83em 1.1em;
  text-align: center;
}

.social-sidebar .item {
  padding-bottom: 1em;
  display: inline;
}

/* FIN TPCEnllaçImatge3Columnes */

/* TPCLlistatGasetaRecerca_AmpladaTotal */
#bloc-gasetes-ampT {
  overflow: auto;

}

#bloc-gasetes-ampT .gasetas-recerca {
  margin-bottom: 3em;
  overflow: auto;
}

#bloc-gasetes-ampT .gaseta-recerca {
  width: 364px;
}

#bloc-gasetes-ampT .gaseta-recerca img {
  width: 100%;
}

#bloc-gasetes-ampT .gaseta-recerca-img {
  height: auto
}

#bloc-gasetes-ampT button.compartir-menu {
  border: #f0f0f0;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  font-size: 1.4em;
  padding: 0.3em;
}

#bloc-gasetes-ampT button.compartir-menu:hover {
  border: 1px solid #a9a9a9;
  margin: -1px;
}

#bloc-gasetes-ampT button.compartir-menu:focus {
  border: 1px solid #a9a9a9 !important;
  margin: -1px !important;
}


/* FIN TPCLlistatGasetaRecerca_AmpladaTotal */

/* TPLGasetaRecerca */

.entradetaGaseta {
  font-size: 1.2em
}

.contingutGaseta {
  font-size: 1.2em
}

.dataGaseta {
  font-size: 1.2em
}

/* FIN TPLGasetaRecerca */

/*  NEWSLETTER */
.newsletter {
  background: url("/recursos/fatwireed/css/fondo-newsletter.jpg");
  background-repeat: round;
  position: relative;
  top: -90px;
  padding: 2.5em 10em;
  color: #fff;
}

.newsletter form {
  background: rgba(0.0, 0.0, 0.0, 0.5);
  border-radius: 20px;
  padding: 2.5em;
}

.newsletter .per {
  padding: 1em 4em 1em 2% !important;
  margin: 1em 0em !important;
  width: 32em !important;
  font-size: 10px !important;
}

.newsletter .inter {
  float: left !important;
  width: 100% !important;
  display: inline-block !important;
  font-size: 10px !important;
}

.newsletter form h3 {
  font-size: 1.925vw;
  width: 100%;
  overflow: hidden;
  padding: 0em;
  color: #f3f3f3;
}

.newsletter form input {
  margin: 2em 0em 0.83em 0em;
}

.newsletter form .campos-texto {
  width: 65%;
  float: left;
  margin: 1em 0em;
}

.newsletter form .campos-texto input {
  width: 94%;
  height: 40px;
  border: none;
  border-radius: 10px;
  padding: 0em 3%;
  margin: 0.5em 0em;
}

.newsletter form .container-cf.perfiles {
  padding: 0em 0em 0em 5%;
  margin: 1em 0em;
  float: left;
  width: 30%;
}

.newsletter form .container-cf.perfiles label {
  display: block;
}

.newsletter form .container-cf.perfiles label input {
  height: auto;
  width: 4em;
  margin: 0.35em auto;
  vertical-align: bottom;
  position: relative;
  top: 1px;
}

.newsletter form .container-cf.intereses {
  float: left;
  width: 65%;
  display: inline-block;
}

.newsletter form .container-cf.intereses label {
  display: block;
  width: 50%;
  float: left;
}

.newsletter form .container-cf.intereses label:first-child {
  width: 100%;
}

.newsletter form .container-cf.intereses label input {
  height: auto;
  margin: 0.35em auto auto 1em;
  width: 3em;
  vertical-align: bottom;
  position: relative;
  top: -3px;
}

.newsletter form #submit {
  background: #ff7d31;
  border: none;
  border-radius: 10px;
  width: 21%;
  height: 35px;
  margin: 7% auto 0%;
  display: block;
  color: #fff;
}

.newsletter form .informacion {
  text-align: justify;
  width: 100%;
  float: left;
  display: contents;
}

.newsletter form .informacion span {
  font-size: 11px;
}

.newsletter form .informacion p {
  padding: 0em;
  font-size: 10px;
}

.newsletter form .informacion p:last-child {
  padding: 0.83em 0em 0em;
  font-size: 11px;
}

@media (max-width: 1210px) {
  .newsletter {
    padding: 2.5em 7.5em;
  }

  .newsletter form h3 {
  }
}

@media (max-width: 1020px) {
  .newsletter {
    padding: 2.5em 5em;
  }

  .newsletter form h3 {
  }

  .newsletter form .campos-texto {
    width: 100%;
  }

  .newsletter form .container-cf.perfiles {
    width: 100%;
    margin: 2em 0em 0.5em;
    padding: 0em;
  }

  .newsletter form .container-cf.intereses {
    width: 100%;
    margin: 0.5em 0em 1em;
  }

  .newsletter form #submit {
    width: 50%;
    display: block;
    margin: auto;
  }
}

@media (max-width: 768px) {
  .newsletter {
    padding: 0em;
  }

  .newsletter form {
    border-radius: 0px;
  }
}

/* FIN NEWSLETTER */

/* TPCNovetatDestacada_AmpladaTotal */

#bloc-noticies-destacades {
  background: white;
  overflow: auto;
  padding-bottom: 3em
}

.content-noticies-destacades {
  width: 98.5em;
  margin: 4em auto 2em;
}

#bloc-noticies-destacades div.notica-destacada {
  display: inline-block;
}

#bloc-noticies-destacades div.notica-destacada {
  display: block;
  height: 266px;
  float: left;
  overflow: hidden;
  position: relative;
  width: 380px;
  margin-bottom: 1.55em
}

#bloc-noticies-destacades .notica-destacada:nth-of-type(3n+3) {
  margin-left: 1.55em;
  margin-right: 1.55em
}

#bloc-noticies-destacades div.notica-destacada img.img-novetat-destacada {
  max-width: 100%;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

#bloc-noticies-destacades div.notica-destacada img.img-novetat-destacada:hover {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

#bloc-noticies-destacades div {
  box-sizing: border-box;
}

#bloc-noticies-destacades .categoria-inter {
  position: absolute;
  top: 15.5em;
  left: 2em;
}

#bloc-noticies-destacades .label-dest-noticia {
  font-size: 0.9em;
  padding: 6px;
}

#bloc-noticies-destacades .box-info-background {
  padding: 0;
  margin: 0;
  padding-bottom: 1em;
  padding-top: 1.5em;
  height: 5.5em;
  position: absolute;
  bottom: 0px;
  width: calc(100% - 0em);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 25%);
}

#bloc-noticies-destacades .titol-noticia-destacada {
  padding: 0 0.5em;
  margin: 0 0.6em;
  font-size: 1.0em;
  line-height: normal;
  color: #444;
  font-family: "Lato", sans-serif;
  text-align: left;
}

#bloc-noticies-destacades .titol-noticia-destacada a {
  color: #fff;
}

.cap-novetats-destacades {
  /*width: 98.5em;*/
  width: 100%;
  margin-bottom: 2em;
  text-align: left;
}

#content-total .cap-novetats-destacades .titol-bloc {
  margin-bottom: 0em
}

.inter-novetats-destacades {
  width: 100%;
  text-align: left;
  display: inline-block;
}

.cap-novetats-destacades-titol {
  width: 50%;
  display: inline-block;
  text-align: right;
}

.titol-novetats-destacades {
  text-align: left;
  background: none;
  color: #444;
  font-size: 1.8em;
  padding: 0;
  text-transform: none;
  font-family: Raleway;
  font-weight: normal;
}

.mesNovetatsAmpla {
  /*margin-top: 1em;*/
  color: #e6e3d2;
  float: right;
  /*font-size: 0.8em;
    margin-right: 1.1em;*/
}

/* Fin TPCNovetatDestacada_AmpladaTotal */

/* CSEDemoExp */

.bloc-demoExp {
  background: white;
  overflow: auto;
  padding-bottom: 1em;
}

.bloc-demoExp .demostraciones {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.55em;
}

.bloc-demoExp .demostraciones:nth-of-type(3n+2) {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.55em;
  margin-left: 2.3em;
  margin-right: 2.3em;
}

#content .bloc-demoExp .demostraciones img {
  width: 260px;
  margin-right: 0px;
  margin-left: 0.5em;
}

.bloc-demoExp .demostraciones .box-info-background {
  padding: 0;
  margin-left: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  position: absolute;
  bottom: 0px;
  width: calc(100% - 0.5em);
  background: rgba(0, 0, 0, 0.7);
  min-height: 2.8em;
}

.bloc-demoExp .titol-demoExp {
  padding: 0 0.5em;
  margin: 0 0.6em;
  font-size: 1.0em;
  line-height: normal;
  color: #444;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

.bloc-demoExp .titol-demoExp a {
  color: #fff;
}

@media (max-width: 1210px) {
  #content .bloc-demoExp .demostraciones img {
    width: 205px;
  }
}

@media (max-width: 1020px) {
  #content .bloc-demoExp .demostraciones img {
    width: 213px;
  }

  .bloc-demoExp .demostraciones:nth-of-type(3n+2) {
    margin-right: 0px;
    margin-left: 0px;
  }
}

/* FIN CSEDemoExp */

/* TPLDemoExp */
#tplDemoExp .demoBloque {
  background-color: #f2f2f2;
  display: flex;
  margin: 0em 0em 0em 1.75em;
}

#tplDemoExp .izq {
  width: calc(25% - 2em);
  text-align: left;
  padding: 0.5em 1em;
  background-color: #e5e5e5;
  height: inherit;
  border-bottom: solid 1px snow;
  border-right: solid 1px snow;
}

#tplDemoExp .der {
  width: calc(75% - 2em);
  text-align: justify;
  padding: 0.5em 1em;
  border-bottom: solid 1px snow;
}

#tplDemoExp .der p {
  padding-bottom: 0.86em
}

#tplDemoExp .der ul {
  padding-left: 1.1em
}

#tplDemoExp .der li {
  padding-bottom: 0.86em
}

#tplDemoExp .demoCompleto {
  padding: 1em;
  border-bottom: solid 1px snow;
  width: calc(100% + 1px);
}

#tplDemoExp .demoCompleto #slider-code {
  height: 105px;
  display: inline-flex;
}

#tplDemoExp .demoCompleto #slider-code .viewport.ampladaTotal {
  width: 59em;
  height: 105px;
  display: block;
  margin: auto;
  float: none;
}

@media (max-width: 1210px) {
  #tplDemoExp .demoCompleto #slider-code .viewport.ampladaTotal {
    width: 47em;
  }
}

@media (max-width: 1020px) {
  #tplDemoExp {
    width: 38.26em;
    float: left;
  }

  #tplDemoExp .demoCompleto #slider-code .viewport.ampladaTotal {
    width: 23.28em;
  }
}

@media (max-width: 768px) {
  #tplDemoExp {
    width: 100%;
    float: none;
  }

  #tplDemoExp .demoCompleto #slider-code .viewport.ampladaTotal {
    width: 35.28em;
  }

  #tplDemoExp .demoBloque {
    margin: 0em;
  }
}

#tplDemoExp .der ul li.pregunta {
  padding: 0.5em 0em;
  border-bottom: solid 1px #d5d5d5;
}

#tplDemoExp .der ul li.pregunta:hover {
  cursor: pointer;
}

#tplDemoExp .der ul li .tituloFAQ {
  width: 97%;
}

#tplDemoExp .der ul li.pregunta span {
  right: 0;
  position: absolute;
  margin-top: 3.5px;
  margin-right: 30px;
}

#tplDemoExp .der ul li .bloque-contenido {
  background: inherit;
}

#tplDemoExp .der .bloque-contenido .respuesta {
  margin: 0.25em 0.5em;
}

/* FIN TPLDemoExp */

/* TPCXarxesSocialsAmpladaTotal */

.social-at {
  margin-left: 0.86em
}

.social-at a {
  margin: 2em 2em 0;
  display: inline-block;
}

.social-at a:first-of-type {
  margin-left: 0
}

#bloc-xerxes {
  background: white;
  padding-top: 4em;
  padding-bottom: 4em;
  text-align: center;
}

/* Fin TPCXarxesSocialsAmpladaTotal */

/* TPCLlistatNovetatBoxesAmpladaTotal*/

#bloc-noticies-boxesA {
  background: white;
  overflow: hidden;
}

.bloc-noticies-boxesA {
  background: white;
  overflow: hidden;
  clear: both
}

#bloc-noticies-boxesA .content-noticies-boxesA {
  margin: 0em auto 2em;
  overflow-y: auto;
  overflow-x: hidden;
}

.bloc-noticies-boxesA .content-noticies-boxesA {
  margin: 0em auto 2em;
  overflow-y: auto;
  overflow-x: hidden;
}

#bloc-noticies-boxesA .mesNovetatsAmpla {
  color: #e6e3d2;
  float: right
}

#bloc-noticies-boxesA .bloc-activitat-boxes .mesNovetatsAmpla {
  margin-top: 2em
}

.bloc-noticies-boxesA .bloc-activitat-boxes .mesNovetatsAmpla {
  margin-top: 2em
}

#bloc-noticies-boxesA .resum-noticia-boxes {
  width: 31.3em
}

#bloc-noticies-boxesA .resum-noticia-boxes.numPF2 {
  width: 47.1em;
  height: auto;
}

#bloc-noticies-boxesA .resum-noticia-boxes.numPF4 {
  width: 22.9em
}

#bloc-noticies-boxesA .cap-novetats-destacades {
  margin-bottom: 1.5em;
  text-align: left
}

.bloc-noticies-boxesA .cap-novetats-destacades {
  margin-bottom: 1.5em;
  text-align: left
}

#bloc-noticies-boxesA .titol-novetat-boxes {
  width: 100%;
  max-width: unset;
  text-align: left;
  font-family: Arial;
}

#bloc-noticies-boxesA .cap-agenda-titol {
  width: 85%;
  display: inline-block;
  text-align: right
}

.bloc-noticies-boxesA .cap-agenda-titol {
  width: 85%;
  display: inline-block;
  text-align: right
}

#bloc-noticies-boxesA .cap-agenda-titol-fons-uv, .bloc-noticies-boxesA .cap-agenda-titol-fons-uv {
	width: 100% !important;
	background-color: #082b3e;
	
}

#bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(3n-1) {
  clear: left;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(3n) {
  padding-left: 2.3em;
  padding-right: 2.3em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(3n+1) {
  padding-right: 0em;
  padding-left: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-noticia-boxes.numPF2:nth-of-type(2n-1) {
  clear: none;
  padding-right: 0em;
  padding-left: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-noticia-boxes.numPF2:nth-of-type(2n) {
  clear: none;
  padding-right: 3.2em;
  padding-left: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-noticia-boxes.numPF4:nth-of-type(4n+2) {
  clear: left;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-noticia-boxes.numPF4:nth-of-type(4n+3) {
  clear: none;
  padding-left: 2.3em;
  padding-right: 1.15em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-noticia-boxes.numPF4:nth-of-type(4n+4) {
  clear: none;
  padding-left: 1.15em;
  padding-right: 2.3em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-noticia-boxes.numPF4:nth-of-type(4n+5) {
  clear: none;
  padding-right: 0em;
  padding-left: 0em;
  padding-bottom: 0.5em;
}

/* Fin TPCLlistatNovetatBoxesAmpladaTotal*/


/* TPCListadoEnlacesHome_AmplariaTotal */

.enlaces-home ul {
  width: 23.3em;
}

/* Fin TPCListadoEnlacesHome_AmplariaTotal */

#bloc-noticies-boxesA .entrevista-nova {
  width: 364px
}

#bloc-noticies-boxesA .entrevista-nova:nth-of-type(3n+4) {
  margin-left: 0px;
  margin-right: 0px
}

#bloc-noticies-boxesA .entrevista-nova:nth-of-type(3n) {
  margin-left: 3.7em;
  margin-right: 3.7em
}

#bloc-noticies-boxesA .entrevista-nova img {
  width: 100%
}

#bloc-noticies-boxesA .text-entrevista {
  width: 100%;
  left: 0
}


/* TPCLlistatEntrevistaBoxesAmpladaTotal*/
.text-noticia-entrevista {
  font-size: 1.1em;
  font-family: Arial;
  font-weight: bold;
}


/* Fin TPCLlistatEntrevistaBoxesAmpladaTotal*/


/* Estilos 4 Novetat */
.resum-4novetat-boxes {
  float: left;
  margin-bottom: 1.5em
}

.resum-4novetat-boxes {
  width: 22.8em
}

.resum-4novetat-boxes img {
  width: 100%;
  padding-bottom: 0.4em
}

#bloc-noticies-boxesA div.resum-4novetat-boxes:nth-of-type(4n-2) {
  clear: left;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-4novetat-boxes:nth-of-type(4n-1) {
  padding-left: 2.3em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-4novetat-boxes:nth-of-type(4n) {
  padding-left: 2.3em;
  padding-right: 2.3em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-4novetat-boxes:nth-of-type(4n+1) {
  padding-right: 0em;
  padding-left: 0em;
  padding-bottom: 0.5em;
}


/* FIN Estilos 4 Novetat */

/* Estilos 3 Novetat */
.resum-3novetat-boxes {
  float: left;
  margin-bottom: 1.5em
}

.resum-3novetat-boxes {
  width: 31.3em
}

.resum-3novetat-boxes img {
  width: 100%;
  padding-bottom: 0.4em
}

#bloc-noticies-boxesA div.resum-3novetat-boxes:nth-of-type(3n-1) {
  clear: left;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-3novetat-boxes:nth-of-type(3n) {
  padding-left: 2.3em;
  padding-right: 2.3em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-3novetat-boxes:nth-of-type(3n+1) {
  padding-right: 0em;
  padding-left: 0em;
  padding-bottom: 0.5em;
}


/* FIN Estilos3 Novetat */

/* Estilos 2 Novetat */
.resum-2novetat-boxes {
  float: left;
  margin-bottom: 1.5em
}

.resum-2novetat-boxes {
  width: 48.1em
}

.resum-2novetat-boxes img {
  width: 100%;
  padding-bottom: 0.4em
}

#bloc-noticies-boxesA div.resum-2novetat-boxes:nth-of-type(2n) {
  clear: left;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticies-boxesA div.resum-2novetat-boxes:nth-of-type(2n+1) {
  padding-left: 2.3em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

/* FIN Estilos 2 Novetat */

/* Estilos Plantilla Novetats1x3 */

.novetat-box-section {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 1em;
}

.novetat-box-section-der {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 0.5em;
}

.resum-novetat-boxes-izq {
}

.resum-novetat-boxes-der {
  width: 100%;
  margin-bottom: 2em;
  float: left
}

img.img-novetat-der {
  width: 23em;
  float: right;
  margin-left: 1em
}

img.img-novetat-izq {
  width: 100%;
}

.resum-novetat-izq {
  width: 45%;
  float: left;
  position: relative;
}

.resum-novetat-der {
  float: left;
  width: 55%
}

.novetat-box-info-izq {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.novetat-box-info-der {
  margin-left: 4em
}

h3.novetat-titol-boxes-izq {
  padding-right: 10px;
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 800;
  padding-top: 0.5em;
  overflow: hidden;
  padding-bottom: 0.5em;
  font-size: 1.3em;
}

h3.novetat-titol-boxes-der {
  margin-bottom: 0.5em;
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 1.3em;
  min-height: 80px;
}

.novetat-box-resum-izq {
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  padding-bottom: 1em;
  font-size: 1.1em;
  padding-right: 10px;
  text-align: left;
}

.novetat-box-resum-der {
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.85em;
  height: 4.2em;
  overflow: hidden;
  text-align: left;
}

div.novetat-box-date-izq {
  padding-right: 10px;
  color: #a9a9a9;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1em;
  text-align: left;
  width: calc(100% - 1em);
  position: absolute;
  border-top: 1px solid #a9a9a9;
  bottom: 1em;
}

div.novetat-box-date-izq a {

  color: #a9a9a9;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1em;

}

div.novetat-box-date-der {
  padding-right: 10px;
  color: #a9a9a9;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1em;
  text-align: left;
  width: calc(100% - 18em);
  position: absolute;
  border-top: 1px solid #a9a9a9;
  bottom: 1em;
}

div.novetat-box-date-der a {

  color: #a9a9a9;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1em;

}

/* Fin Estilos Plantilla Novetats1x3 */

/* TPLNovetatDepartament podcast */
.novetat-repro-audio {
  margin-top: 1em;
}

.novetat-repro-audio .titol-audio {
  font-weight: bold;
  margin-bottom: 1em;
}

.novetat-repro-audio audio {
  width: 100%;
}

/* Fin TPLNovetatDepartament podcast */


/* TPCCallAction /  TPCCallAction_2Columnes / TPCCallAction_AmpladaTotal / TPCCallVirtualTour_AmpladaTotal*/

.bloc-call-action {
  margin: 0;
  width: 100%;
  background: white;
  padding-top: 1em;
  padding-bottom: 3em
}

.content-aux {
  width: 100em;
  margin: 0 auto;
  overflow: auto

}

.bloc-call-action2C {
  padding-bottom: 3em;
  float: left;
  background: #ffffff;
  display: inline;
  width: 100%;
}

.bloc-call-action-complet {
  width: 100%;
  position: relative;
  display: inline-block;
  background: #fff;
}

.call-action-titol {
  margin: 3em 0 1em 0
}

.callAction {
  display: inline-block;
  width: 72em;
  position: relative;
  margin: 1em 0.67em 0;
  overflow: hidden;
  float: left

}

.callAction2C {
  display: inline-block;
  width: 99em;
  position: relative;
  margin: 0 0.67em;
  overflow: hidden;
}

#content-total .callAction2C {
  margin: 0.83em 0 0 0
}

.callAction-complet {

  position: relative;

}

.call-text {
  text-align: justify;
  padding-bottom: 1em;
  font-size: 1.2em;
  color: #eee;
}

.call-text-big {
  text-align: left;
  padding-bottom: 1em;
  font-size: 6em;
  color: #363638;
  text-transform: uppercase;
  font-family: Oswald;
  padding-left: 50px;
}

.call-text-big span {
  display: inline-block;
  color: #363638;
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));
}

@keyframes waviy {
  0%, 40%, 100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}


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

  .call-info-big {
    top: 340px !important;
  }

}

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

  .call-info-big {
    top: 300px !important;
  }

}

@media only screen and (max-width: 992px) {
  .call-info-big {
    top: 270px !important;
  }
}

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
  .call-info-big {
    top: 230px !important;
  }

  .call-text-big {
    font-size: 5em !important;
    padding-left: 32px !important;
  }
}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation: landscape) {
  .call-info-big {
    top: 360px !important;
  }
}

/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation: portrait) {
  .call-info-big {
    top: 120px !important;
  }

  .call-text-big {
    font-size: 2em !important;
    padding-left: 15px !important;
  }
}

/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: landscape) {
  .call-info-big {
    top: 245px !important;
  }

  .call-text-big {
    font-size: 4em !important;
    padding-left: 32px !important;
  }
}

@media (max-width: 575.98px)and (orientation: landscape) {
  .call-info-big {
    top: 155px !important;
  }

  .call-text-big {
    font-size: 3em !important;
    padding-left: 20px !important;
  }
}

/*fin movil*/


.call-button {
  margin-top: 1.6em; /*Call action UVDocencia home UV*/
}

.call-button-big {
  float: right;
  margin-top: 7.5em;
  margin-right: 31em;
}

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

  .call-btn-big {
    top: 340px !important;
  }

  .call-button-big {
    margin-top: 5.5em;
    margin-right: 29em;
  }

  .call-button {
    margin-top: 0em; /*Call action UVDocencia home UV*/
    margin-bottom: 2em;
  }

  .call-button a {
    font-size: 1em;
  }

}

/*Tablet*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
  .call-btn-big {
    top: 230px !important;
  }

  .call-button-big {
    margin-top: 8.5em;
    margin-right: 11em;
  }
}

@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation: landscape) {
  .call-btn-big {
    top: 360px !important;
  }

  .call-button-big {
    margin-top: 5.5em;
    margin-right: 29em;
  }
}

/*Movil*/

@media (max-width: 575.98px)and (orientation: portrait) {
  .call-btn-big {
    top: 120px !important;
  }

  .call-button-big {
    margin-top: 1.5em;
    margin-right: 1em;
  }

  .call-button-big .btn-ghost {
    font-size: 1em;
    min-width: 90px;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) and (orientation: landscape) {
  .call-btn-big {
    top: 245px !important;
  }

  .call-button-big {
    margin-top: 7.5em;
    margin-right: 19em;
  }
}

@media (max-width: 575.98px)and (orientation: landscape) {
  .call-btn-big {
    top: 155px !important;
  }

  .call-button-big {
    margin-top: 4.5em;
    margin-right: 7em;
  }
}


.call-button-big .btn-ghost {
  text-align: center;
}

.callAction .callBackgrounds {
  max-width: 100%;
}

.call-info {
  position: absolute;
  width: 70%;
  -webkit-transition: 500ms all cubic-bezier(0.75, -0.5, 0, 1.75);
  transition: 500ms all cubic-bezier(0.75, -0.5, 0, 1.75);
  transform: translate(-50%, -50%);
  z-index: 4;
}

.call-info-big {
  position: absolute;
  width: 100%;
  /*-webkit-transition: 500ms all cubic-bezier(0.75, -0.5, 0, 1.75);
    transition: 500ms all cubic-bezier(0.75, -0.5, 0, 1.75);
    transform: translate(-50%, -50%);*/
  z-index: 4;
  top: 385px;
}

.call-btn-big {
  position: absolute;
  width: 100%;
  z-index: 4;
  top: 385px;
}

.rogles-ca {
  position: absolute;
  top: 25%;
  width: 100%
}

.rogles-ca .titulo-circulo {
  color: #fff;
  font-size: 1.8em
}

.rogles-ca a {
  color: #fff
}

.rogles-ca.callAction-baix {
  top: 62%
}

.rogles-ca.callAction-mig {
  top: 30%
}

.rogles-ca.callAction-dalt {
  top: 15%
}


.rogles-ca .caja-circulo {
  width: 120px;
  margin: 6em 4em 0em !important
}

.rogles-ca .caja-circulo img {
  margin-bottom: 0.8em;
  transition-duration: 0.2s
}

.rogles-ca .caja-circulo img:hover {
  margin-top: -1em;
  transition-duration: 0.2s;
}

.rogles-ca .caja-circulo a {
  margin: 0
}

.call-image {
  max-width: 100%;
}

.call-image.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#CAvirtual-tour .callBackgrounds.call-image {
  width: 100%;
  position: relative;
}



.call-info.callAction-baix {
  top: 70%;
}

.call-info.callAction-molt-baix {
  top: 87%;
}

.call-info.callAction-mig {
  top: 50%;
}

.call-info.callAction-dalt {
  top: 36%;
}

.call-info.callAction-centre {
  left: 50%;
}

.call-info.callAction-dreta {
  left: 75%;
}

.call-info.callAction-esquerra {
  left: 21%;
}

.call-info.callAction-animacio-dalt {
  top: -25%;
}

.call-info.callAction-animacio-dreta {
  left: 125%;
}

.call-info.callAction-animacio-baix {
  top: 150%;
}

.call-info.callAction-animacio-esquerra {
  left: -50%;
}


@keyframes beat {
  to {
    transform: scale(1.2);
  }
}

@keyframes callAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in-out;
  }
  8% {
    opacity: 1;
    animation-timing-function: ease-in-out;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@-webkit-keyframes callAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in-out;
  }
  8% {
    opacity: 1;
    -webkit-animation-timing-function: ease-in-out;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@-moz-keyframes callAnimation {
  0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in-out;
  }
  8% {
    opacity: 1;
    -moz-animation-timing-function: ease-in-out;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@-o-keyframes callAnimation {
  0% {
    opacity: 0;
    -o-animation-timing-function: ease-in-out;
  }
  8% {
    opacity: 1;
    -o-animation-timing-function: ease-in-out;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@-ms-keyframes callAnimation {
  0% {
    opacity: 0;
    -ms-animation-timing-function: ease-in-out;
  }
  8% {
    opacity: 1;
    -ms-animation-timing-function: ease-in-out;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

.callAction .callBackgrounds::after {
  background-color: rgba(61, 56, 65, 0.4);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.callAction-complet .callBackgrounds::after {
  background-color: rgba(61, 56, 65, 0.6);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


#CAvirtual-tour .callBackgrounds .panoramaBackground {
  -webkit-transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}

#CAvirtual-tour .callBackgrounds:hover .panoramaBackground {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

#CAvirtual-tour .callBackgrounds {
  overflow: hidden;
}

@-webkit-keyframes panorama {
  from {
    background-position: 0px;
  }
  to {
    background-position: -4096px;
  }
  /* The width of the panorama image is 2975px, the panorama moves from left to right  */
}

@-moz-keyframes panorama {
  from {
    background-position: 0px;
  }
  to {
    background-position: -4096px;
  }
}

@keyframes panorama {
  from {
    background-position: 0px;
  }
  to {
    background-position: -4096px;
  }
}

.call-image.panoramaBackground {
  width: 100%;
  position: relative;
  -webkit-animation: panorama 90s steps(4096, end) infinite;
  animation: panorama 90s steps(4096, end) infinite;
  /* el offset se le añade al height */
  margin-bottom: -500px;
  top: -500px;
  height: 1027px;
}

/* Fin TPCCallAction */

/* ***** TPCCallAction_ZigZagAmpladaTotal ****** */
.bloc-callAction-zig-complet {
  overflow: hidden;
  width: 100%;
  position: relative;
  display: inline-block;
  background: #fff;
}

.callAction-zig-complet {
  width: 100%;
  overflow: hidden;
  height: 535px;
}

.callAction-zig-complet-interior {
  height: 400px;
}

.callAction-zig-media {
  width: 50%;
}

.callAction-zig-image {
  width: 100%;
}

.callAction-zig-image img {
  max-width: 100%;
}

.callAction-zig-info {
  width: 50%;
  float: left;
}

.callAction-zig-info .callAction-zig-info-content {
  width: 60%;
  margin: 0 auto;
  height: 535px;
}

.callAction-zig-info .callAction-zig-info-content-interior {
  height: 400px;
}

.callAction-zig-info .callAction-zig-info-content-large {
  width: 75% !important;
}

.callAction-zig-info .callAction-zig-info-content .callAction-zig-info-center {
  position: relative;
}

.callAction-zig-info .callAction-zig-info-content .callAction-zig-info-verticalcenter {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.callAction-zig-info .callAction-zig-info-content .callAction-zig-info-center .callAction-zig-title {
  color: #292a25;
  font-family: 'Lato';
  font-size: 36px;
  line-height: 50px;
  text-align: left;
}

.callAction-zig-info .callAction-zig-info-content .callAction-zig-info-center .callAction-zig-title a {
  color: #292a25;
}

.callAction-zig-info .callAction-zig-info-content-large .callAction-zig-info-center .callAction-zig-title {
  margin-top: 10px;
  font-size: 30px;
}

.callAction-zig-info .callAction-zig-info-content .callAction-zig-info-center .callAction-zig-text {
  margin-top: 4px;
  color: #292a25;
  font-size: 1.4em;
  font-family: 'Lato';
  text-align: left;
}

.callAction-zig-info .callAction-zig-info-content .callAction-zig-info-center .callAction-zig-text-big {
	font-size: 1.75em;
}

.callAction-zig-info .callAction-zig-info-content .callAction-zig-info-center .callAction-zig-text .callAction-zig-link {
  position: relative;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 1;
  line-height: 20px;
  display: inline-block;
  border-radius: 3px 3px 3px 3px;
  padding: 10px 15px;
  font-size: 12px;
  letter-spacing: 2px;
  color: #FFF;
  background-color: #979da8;
  cursor: pointer;
}

/*Escritorio*/
/*@media (min-width: 1199.98px)  {
   .callAction-zig-complet {
		height: 535px;
   }

   .callAction-zig-info .callAction-zig-info-content {
	   height: 535px;
   }
}*/

@media (max-width: 1600px) {
  .callAction-zig-complet {
    height: 505px;
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 505px;
  }
}

@media (max-width: 1500px) {
  .callAction-zig-complet {
    height: 395px; /*495px;*/
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 395px; /*495px;*/
  }
}

@media (max-width: 1400px) {
  .callAction-zig-complet {
    height: 355px; /*455px;*/
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 355px; /*455px;*/
  }
}

@media (max-width: 1300px) {
  .callAction-zig-complet {
    height: 328px; /*428px;*/
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 328px; /*428px;*/
  }
}

@media (max-width: 1210px) {
  .callAction-zig-complet {
    height: 298px; /*398px;*/
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 298px; /*398x;*/
  }

  .call-image.panoramaBackground {
    /* el offset se le añade al height */
    height: 940px;
  }


  /* Fin TPCCallAction */
}

@media (max-width: 1020px) {
  .callAction-zig-complet {
    height: 235px; /*335px;*/
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 235px; /*335px;*/
  }

  .call-image.panoramaBackground {
    height: 816px;
  }
}

@media (max-width: 768px) {
  .callAction-zig-complet {
    height: 155px; /*255px;*/
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 155px; /*255px;*/
  }

}

/*Fin Escritorio*/

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
  .callAction-zig-complet {
    height: auto;
  }

  .callAction-zig-media {
    width: 100%;
  }

  .callAction-zig-info {
    width: 100%;
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 235px; /*335px;*/
  }

  .callAction-zig-info .callAction-zig-info-content-interior {
    height: 335px;
  }
}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation: landscape) {
  .callAction-zig-complet {
    height: 333px; /*342px;*/
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 333px; /*342px;*/
  }
}

/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation: portrait) {
  .callAction-zig-complet {
    height: auto;
  }

  .callAction-zig-media {
    width: 100%;
  }

  .callAction-zig-info {
    width: 100%;
  }

  .callAction-zig-info .callAction-zig-info-content {
    height: 435px; /*535px;*/
    width: 90% !important; /*Texto largo responsive*/
  }
}

/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: landscape) {
  .callAction-zig-complet {
    height: auto;
  }

  .callAction-zig-media {
    width: 100%;
  }

  .callAction-zig-info {
    width: 100%;
  }

  .callAction-zig-info .callAction-zig-info-content {
    /*height: 255px;*/
  }

  .callAction-zig-info .callAction-zig-info-content-interior {
    height: 255px;
  }
}

/*fin movil*/


.callAction-f-left {
  float: left;
}

.callAction-f-right {
  float: right;
}

@media only screen and (max-width: 600px) {
  .callAction-f-right {
    /*float:left;*/
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .callAction-f-right {
    /*float:left;*/
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
  .callAction-f-right {
    /*float:left;*/
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  .callAction-f-right {
    /*float:left;*/
  }
}

@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
  .callAction-f-right {
    /*float:left;*/
  }
}

@media (max-width: 575.98px)and (orientation: portrait) {
  .callAction-f-right {
    /*float:left;*/
  }
}

/* *** Fin TPCCallAction_ZigZagAmpladaTotal *** */


/** ZIG ZAG SIN ALTO **/
.zig-zag-complet-autoalto {
  height: auto;
}

.callAction-zig-info .zig-zag-info-content-autoalto {
  height: auto;
}

.zig-zag-info-autoalto .content-text-plegats {
  height: auto !important;
  margin-top: 3em;
}
/*****/


/* TPCDestacadoBanner */

.sidebar-banner-destacat h2 {
  padding-bottom: 0.7em;
}

.sidebar-banner-destacat {
  margin-bottom: 2px;
  display: inline-block;

}

.sidebar-banner-destacat:first-child h2 {
  margin-top: 1em;

}

/* FIN TPCDestacadoBanner */


/* TPCDestacatImatgeTextCercles */


.bloc-cercles .cap-text-cercles {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
  padding-top: 3em;
}

.bloc-cercles .inter-text-cercles {
  width: 100%;
  text-align: left;
  display: inline-block;
}

.bloc-cercles .cap-text-cercles-titol {
  width: 80%;
  display: inline-block;
  text-align: right;
}

.bloc-cercles .cap-text-cercles-titol-esports {
  width: 50%;
  display: inline-block;
  text-align: right;
}

.bloc-cercles .titol-text-cercles {
  text-align: left;
  background: none;
  color: #444;
  font-size: 1.8em;
  padding: 0;
  text-transform: none;
  font-family: Raleway;
  font-weight: normal;
}

/* FIN TPCDestacatImatgeTextCercles */

/* TPCDestacatImatgeTextOmbra */

.bloc-cercles .content-destacat-ombra {
}

.box-destacat-ombra {
  position: relative;
  width: auto !important;
  display: inline-block;
  vertical-align: top;
  margin: 3em 2em;
  text-align: center;
}

.box-destacat-ombra .img-destacat-ombra {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.8;
  margin: 0 !important;
}

.box-destacat-ombra .img-destacat-ombra-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #a9b8c0;
}

.box-destacat-ombra:hover .img-destacat-ombra-overlay {
  opacity: 1;
}

.box-destacat-ombra .img-destacat-ombra-overlay .img-destacat-ombra-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: Raleway;
  width: 95%;
}

.box-destacat-ombra .img-destacat-ombra-overlay-title {
  position: absolute;
  /*top: 0;*/
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.55);
}

.box-destacat-ombra .img-destacat-ombra-overlay-title .img-destacat-ombra-title {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 13px;
  left: 0;
  text-align: center;
  font-family: Raleway;
  width: 95%;
  padding: 0 8px;
}

.box-destacat-ombra:hover .img-destacat-ombra-overlay-title {
  opacity: 0;
}

/* FIN TPCDestacatImatgeTextOmbra */

/* TPCCanviIdioma */



.comp-canvi-idioma{
  display: flex;
  list-style: none;
  justify-content: right;
  font-size:2.5em
}

.comp-canvi-idioma li{
  padding: 5px 10px 0
}

.comp-canvi-idioma a{
  color: black;
}

.link-button {
  position: fixed;
  left: 1%;
  bottom: 50%;
  display: inline;
  padding: 0.3em 0.1em 0.3em 0.3em;
  border: solid 1px #000;
  font: inherit;
    font-size: inherit;
  /*text-decoration: underline;*/
  cursor: pointer;
  background: #f2f2f2;
  color: black;
  -webkit-appearance: none;
  font-size: 2.5em;
  border-radius: 25%;
}

.link-button:hover {
	text-decoration: underline;
}

.link-button .fa-solid {
	color: black;
}

.link-button span {
	margin-right: 0.2em;
}

/* FIN TPCCanviIdioma */

/* TPCAgendaHome_AmpladaTotal */

/*TPCAgendaHome_HomeInterior*/
.agenda-home-int {
  clear: both;
  background: #f0f0f0;
}

/* Fin TPCAgendaHome_HomeInterior*/

#bloc-agenda-ample-complet .cap-agenda {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
  padding-top: 4em;
}

#bloc-agenda-ample-complet .inter-bloc-agenda {
  width: 100%;
  text-align: left;
  display: inline-block;

}

#bloc-agenda-ample-complet .cap-agenda-titol {
  width: 50%;
  display: inline-block;
  text-align: right;
}

#bloc-agenda-ample-complet .titol-agenda {
  text-align: left;
  background: none;
  color: #444;
  font-size: 1.8em;
  padding: 0;
  text-transform: none;
  font-family: Raleway;
  font-weight: normal;
}

#bloc-agenda-ample-complet .mesAgendaAmpla {
  color: #e6e3d2;
  float: right;
}

.header-darreres-noticies-item button.compartir-menu {
  background-color: #f0f0f0;
  border: #f0f0f0;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  font-size: 1.4em;
  padding: 0.3em;
}

.header-darreres-noticies-item button.compartir-menu:hover {
  border: 1px solid #a9a9a9;
  margin: -1px;
}

.header-darreres-noticies-item button.compartir-menu:focus {
  border: 1px solid #a9a9a9 !important;
  margin: -1px !important;
}

.header-darreres-noticies-item .btn-videos button.compartir-menu {
  background-color: #1c1c1c
}

.color-A9 {
  color: #a9a9a9 !important;
}

.color-A9:before {
  color: #a9a9a9 !important;
}

.header-darreres-noticies-item .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  color: #a9a9a9;
}

#bloc-agenda-ample-complet button.compartir-menu {
  background-color: #f0f0f0;
  border: #f0f0f0;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  font-size: 1.4em;
  padding: 0.3em;
}

#bloc-agenda-ample-complet button.compartir-menu:hover {
  border: 1px solid #a9a9a9;
  margin: -1px;
}

#bloc-agenda-ample-complet button.compartir-menu:focus {
  border: 1px solid #a9a9a9 !important;
  margin: -1px !important;
}

.color-A9 {
  color: #a9a9a9 !important;
}

.color-A9:before {
  color: #a9a9a9 !important;
}

#bloc-agenda-ample-complet .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  color: #a9a9a9;
}

#bloc-agenda-ample-complet .agenda-ampla-destacada {
  width: 98.5em;
  margin: 1.5em auto 4.5em;
  text-align: left;
}

#bloc-agenda-ample-complet .agenda-ampla-ordinaria {
  width: 98.5em;
  margin: 0 auto;
  text-align: left
}

.agenda-ampla-ordinaria .esdeveniment-imatge {
  max-height: 94px;
  overflow: hidden;
  max-width: 40%;
  float: left;
  padding-right: 15px;
}

.agenda-ampla-ordinaria .esdeveniment-cos {
  max-width: 60%;
  float: left;
}

.agenda-ampla-ordinaria .slider-container {
  padding-bottom: 6em;
}

.agenda-ampla-ordinaria .slider-nav {
  margin-bottom: 3.5em;
}

.agenda-ampla-ordinaria .slider-nav a {
  border-color: #666
}

.agenda-ampla-ordinaria .slider-nav .active {
  background: #666
}


.agenda-ampla-destacada div[class^="col-"] {
  display: inline-block;
  vertical-align: top;
  float: none;
}

.agenda-ampla-destacada div[class$="-3"] {
  margin: 0 -0.125em;
}

.agenda-ampla-destacada div[class$="-4"] {
  margin: 0 -0.1em;
}

#bloc-agenda-ample-complet .esdeveniment-ample-destacat-modul4 {
  width: 300px;
  margin: auto;
}

#bloc-agenda-ample-complet .esdeveniment-ample-destacat-modul3 {
  width: 270px;
  margin: auto;
  transition: .2s all;
}

#bloc-agenda-ample-complet .esdeveniment-ample-destacat-modul3:hover {
  transform: scale(1.07);
}

#bloc-agenda-ample-complet .esdeveniment-ample-ordinari {
  margin-bottom: 2em;
  overflow: auto;
  position: relative;
  min-height: 80px
}

#bloc-agenda-ample-complet a {
  color: #333;
}

#bloc-agenda-ample-complet a img.imgEsdeveniment {
  width: 100%;
}

#bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-cos {
  padding: 1em;
  background: #FFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  overflow: auto
}

#bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-imatge {
  height: 190px;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  overflow: hidden
}

#bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-imatge::after {
  content: '';
  position: absolute;
  bottom: -47px;
  left: -55px;
  background-color: #fff;
  width: 120%;
  height: 60px;
  transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  z-index: 999
}

#bloc-agenda-ample-complet .agenda-ample-ordinari .esdeveniment-imatge {
  height: 70px;
  overflow-y: hidden;
  width: 100%;
}

#bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-titol {
  min-height: 4.3em;
}

#bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-titol h3 {
  font-family: Oswald;
  font-size: 1.4em;
  font-weight: normal;
}

#bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-categoria {
  float: left;
  margin-top: 0.5em;
  font-family: Oswald;
  font-weight: 200;
  letter-spacing: 0.5px
}

#bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-data {
  float: right;
  margin-top: 0.5em;
  font-family: Oswald;
  font-weight: 200;
}

#bloc-agenda-ample-complet .agenda-ampla-ordinaria .esdeveniment-titol h3 {
  font-family: Oswald;
  font-weight: normal;
}

#bloc-agenda-ample-complet .agenda-ampla-ordinaria .esdeveniment-categoria {
  position: absolute;
  bottom: 0px;
  color: #a9a9a9;
  font-family: Oswald;
}

#bloc-agenda-ample-complet i.fa-calendar-o {
  padding: 0em 0.5em;
}

#bloc-agenda-ample-complet .agenda-ampla-ordinaria .esdeveniment-categoria span {
  padding: 0em 0.3em;
  color: #fff;
  background: #727272;
}

#bloc-agenda-ample-complet .agenda-ampla-ordinaria .esdeveniment-data {
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: Oswald;
  font-weight: 300;
}

#bloc-agenda-ample-complet .botoneraAgenda {
  text-align: left;
  margin: 0px;
  display: inline-block;
  vertical-align: bottom;
}


.agenda-periodo {
  color: #444;
  font-size: 1.5em;
  padding: 0;
  text-transform: none;
  font-family: Raleway;
  font-weight: normal;
  margin-bottom: 1em
}

/* Fin TPCAgendaHome_AmpladaTotal*/

/*TPCAgendaHome4Semanas_AmpladaTotal*/

.semanas {
  margin-bottom: 3em
}

.semanas > span.activo {
  background: #082B3E;
  color: #ffffff;
  cursor: pointer;
  border-color: #082B3E;
}

.semanas > span:hover {
  background: #082B3E;
  color: #ffffff;
  cursor: pointer;
  border-color: #082B3E;
}

.semanas > span {
  background: #d7d7d7;
  padding: 0.3em;
  margin-right: 1em
}

.semanas span.diaSem {
  padding: 0.3em
}

.tituloSemanas {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

/* Fin TPCAgendaHome4Semanas_AmpladaTotal*/

/*  CSEMuestraActivitats */

.slider-container .navigation-boxes {
  position: absolute;
  box-sizing: border-box;
  text-align: left;
  top: 0px;
  bottom: 0px;
  right: 0;
  width: 25%;
  z-index: 2000;
  max-width: 100%;
  height: auto;
}

.slider-container .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.slider-container .active p {
  background: none;

}

.slider-container .navigation-item.active, .slider-container .navigation-item.active:hover, .slider-container .navigation-item:hover, .slider-container .navigation-item.active:focus {
  z-index: 2;
  color: #333;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: #fff;
}


.slider-container .navigation-item a, .slider-container .navigation-item button {
  color: #fff;


}

.slider-container .navigation-item a {
  color: #fff;
  text-decoration: none;
}

.slider-container .navigation-item.active a, .slider-container .navigation-item:hover a {
  color: #333;
  text-decoration: none;
}

.slider-container .titol {
  /*font-size: 1.7em;*/
  font-size: 1.2vw;
  font-family: Oswald;
  font-weight: initial;
  cursor: default;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.slider-container .subtitol {
  font-size: 1.1em;
  font-family: Oswald;
  font-weight: initial;
  cursor: default;
}

.slider-container .box-nav {
  height: 100%;
}

.slider-container .subtitol.long {

}

.slider-container .subtitol.short {
  display: none;
}

@media (max-width: 1500px) and (min-width: 1210px) {
  .slider-container .subtitol.long {
    display: none;
  }

  .slider-container .subtitol.short {
    display: block;
  }

  .slider-destlink .viewport {
    width: 89em
  }
}


.slider-container .navigation-item {
  height: 19.99%;
  /*background: #333;*/
  background: rgba(50, 50, 50, 0.9);
  position: relative;
  padding: 10px 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #333;

}


/*  Fin CSEMuestraActivitats */

/* CSEFitxaProjecte */
.projecte-banners {
  display: block;
  margin: 0.83em 0 0.83em 0.83em;
}

.projecte-banners .projecte-banner img {
  margin: 1em auto;
  display: block;
  width: 100%;
}

.projecte-socials {
  margin: 0.83em 0 0.83em 0.83em;
  text-align: center;
}

.projecte-socials img {
  margin: 1em 0.75em;
}

.projecte-bloc-noticias-titol {
  text-align: left;
}


.projecte-bloc-noticias {
  display: inline-block;
  margin: 1em 0em;
  text-align: center;
}

.projecte-bloc-noticias .resum-noticia-boxes {
  margin: 1em 0.5em;
}

.projecte-web {
  margin: 0.83em 0 0.83em 0.83em;
  text-align: center;
}

.projecte-web .fa {
  font-size: 1.2em;
  color: #666666;
}

/* Fin CSEFitxaProjecte */


/*  TPCActivitatBoxes */


.bloc-activitat-boxes .item:hover .item-overlay.top {
  top: 0;
}

.bloc-activitat-boxes .item:hover .item-overlay.top-meitat {
  top: 55%;
}

.bloc-activitat-boxes .item:hover .item-overlay.top-meitat-titol {
  top: 55%;
}

.bloc-activitat-boxes .item-overlay {
  position: absolute;
  top: 70%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  overflow: hidden;
  text-align: left;
  /* fix text transition issue for .left and .right but need to overwrite left and right properties in .right */
  width: 100%;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.bloc-activitat-boxes .item-overlay.novetats {
  top: 50%;
}


.bloc-activitat-boxes .item {
  position: relative;
  /*border: 1px solid #333;*/
  float: left;
  overflow: hidden;
  max-width: 540px;
  margin-bottom: 2em;
}

.bloc-activitat-boxes .item img {
  max-width: 100%;
}

.bloc-activitat-boxes header.activitat-box-titol {
  margin: 0.5em 0 0.7em 0;
}

.bloc-activitat-boxes .item .descripcio {
  display: none;
  opacity: 0;
  transition: 0.5s all ease-in-out;

}

.bloc-activitat-boxes .item:hover .descripcio {
  display: block;
  opacity: 1;
  margin-top: 1em;
  font-family: 'Lato';
}

/*.bloc-activitat-boxes .video-llistaRepro {
    width: 97.5em;
}*/

.bloc-activitat-boxes {
  margin-bottom: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.bloc-activitat-boxes .cap-activitat-boxes {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
  padding-top: 4em;
}

.bloc-activitat-boxes .inter-bloc-activitat-boxes {
  width: 100%;
  text-align: left;
  display: inline-block;

}

.bloc-activitat-boxes .titol-activitat-boxes {
  text-align: left;
  background: none;
  color: #444;
  font-size: 1.8em;
  padding: 0;
  text-transform: none;
  font-family: Raleway;
  font-weight: normal;
}

.bloc-activitat-boxes .activitat-box-cos .descripcio {
  display: none;
}

.bloc-activitat-boxes .descripcio {
  font-size: 1em;
  text-align: justify;
}

.bloc-activitat-boxes .descripcio a, .bloc-activitat-boxes .descripcio a:hover {
  color: #fff;
  text-decoration: none;
}

.bloc-activitat-boxes .mesActivitatBoxes {
  /*margin-top: 1em;*/
  color: #e6e3d2;
  float: right;
  /*font-size: 0.8em;
    margin-right: 1.1em;*/
}

.bloc-activitat-boxes .activitat-box-imatge img {
  width: 100%;
  max-width: 100%;
}

.bloc-activitat-boxes .activitat-box-imatge img.novetats {
  height: 300px;
}


.bloc-activitat-boxes .activitat-box-imatge {
  line-height: 0;
}


.bloc-activitat-boxes .activitat-box-titol .header-3 {
  font-size: 1.5em;
  line-height: 114.28571%;
}

.bloc-activitat-boxes .activitat-box-titol .header-3 a {
  color: #fff;
  text-decoration: none;
}

.bloc-activitat-boxes .activitat-box-titol .header-3 a:hover {
  text-decoration: underline;
}

.bloc-activitat-boxes .activitat-box-titol .header-3-small {
  font-size: 1.35em;
  line-height: 114.28571%;
}

.bloc-activitat-boxes .activitat-box-titol .header-3-small a {
  color: #fff;
  text-decoration: none;
}

.bloc-activitat-boxes .activitat-box-titol .header-3-small a:hover {
  text-decoration: underline;
}

.bloc-activitat-boxes .activitat-box-titol .header-3-vsmall {
  font-size: 1.2em;
  line-height: 114.28571%;
}

.bloc-activitat-boxes .activitat-box-titol .header-3-vsmall a {
  color: #fff;
  text-decoration: none;
}

.bloc-activitat-boxes .activitat-box-titol .header-3-vsmall a:hover {
  text-decoration: underline;
}

.bloc-activitat-boxes .activitat-box-titol .header-3-vsmall.titol-llarg {
  font-size: 1.1em;
}

.bloc-activitat-boxes .activitat-box-titol .titol-llarg {
  font-size: 1.4em;
}

.bloc-activitat-boxes .activitat-box-titol span {
  color: #fff;
  margin-bottom: 0px;
  padding: 0px;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.bloc-activitat-boxes .activitat-box-titol a {
  color: #fff;
  text-decoration: none;
}

.bloc-activitat-boxes .activitat-box-titol a:hover {
  text-decoration: underline;
}

.bloc-activitat-boxes .date {
  font-family: 'Oswald';
}

.act-anunci {
  font-family: 'Oswald';
  text-transform: uppercase;
  margin-top: 0.3em;
  color: #edeadf;
}

.color-A9 {
  color: #a9a9a9 !important;
}

.color-A9:before {
  color: #a9a9a9 !important;
}

.bloc-activitat-boxes .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  color: #a9a9a9;
}


.bloc-activitat-boxes .activitat-boxes-destacada {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
}

.bloc-activitat-boxes i.fa-calendar-o {

  padding: 0em 0.5em;

}


/* Fin TPCActivitatBoxes*/

/* Bloques persiana (biblio) */
.affluences-counter {
  width: 45%;
  float: left;
  margin: 20px
}

.affluences-timetable {
  width: 45%;
  float: left;
  margin: 20px
}

.bloque {
  background-color: #dce0e1;
  margin: 0% 0% 0% 0%;
  padding: 0.5em;
  margin-bottom: 2px;
  color: #333;
  cursor: pointer;
  font-size: 1.1em
}

.bloque100 {
  background-color: #eee;
  margin-bottom: 1em
}

.iconBloque {
  margin-right: 1em
}

/* Fin Bloques persiana */

/*  CSEObtindreNovetats3pf_ImatgeQuadrada */


.bloc-novetats3pf-boxes .item:hover .item-overlay.top {
  top: 0;
}

.bloc-novetats3pf-boxes .item-overlay {
  position: absolute;
  top: 70%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  overflow: hidden;
  text-align: left;
  /* fix text transition issue for .left and .right but need to overwrite left and right properties in .right */
  width: 100%;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}


.bloc-novetats3pf-boxes .item {
  position: relative;
  /*border: 1px solid #333;*/
  float: left;

  overflow: hidden;

  max-width: 540px;
}

.bloc-novetats3pf-boxes .item img {
  max-width: 100%;
}

.bloc-novetats3pf-boxes header.activitat-box-titol {
  margin: 0.5em 0;
}

.bloc-novetats3pf-boxes .item .descripcio {
  display: none;
  opacity: 0;
  transition: 0.5s all ease-in-out;

}

.bloc-novetats3pf-boxes .item:hover .descripcio {
  display: block;
  opacity: 1;
  margin-top: 1em;
}

.bloc-novetats3pf-boxes .video-llistaRepro {
  width: 97.5em;
}

.bloc-novetats3pf-boxes {
  margin-bottom: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.bloc-novetats3pf-boxes .cap-activitat-boxes {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
  padding-top: 4em;
}

.bloc-novetats3pf-boxes .inter-bloc-activitat-boxes {
  width: 100%;
  text-align: left;
  display: inline-block;

}

.bloc-novetats3pf-boxes .titol-activitat-boxes {
  text-align: left;
  background: none;
  color: #444;
  font-size: 1.8em;
  padding: 0;
  text-transform: none;
  font-family: Raleway;
  font-weight: normal;
}

.bloc-novetats3pf-boxes .activitat-box-cos .descripcio {
  display: none;
}

.bloc-novetats3pf-boxes .descripcio {
  font-size: 1em;
  text-align: justify;
}

.bloc-novetats3pf-boxes .descripcio a, .bloc-novetats3pf-boxes .descripcio a:hover {
  color: #fff;
  text-decoration: none;
}

.bloc-novetats3pf-boxes .mesActivitatBoxes {
  /*margin-top: 1em;*/
  color: #e6e3d2;
  float: right;
  /*font-size: 0.8em;
    margin-right: 1.1em;*/
}

.bloc-novetats3pf-boxes .activitat-box-imatge img {
  /*max-width: 540px;*/
  width: 100%;
  max-width: 100%;
}


.bloc-novetats3pf-boxes .activitat-box-imatge {
  line-height: 0;
}


.bloc-novetats3pf-boxes .activitat-box-titol .header-3 {
  font-size: 1.5em;
  line-height: 114.28571%;
}

.bloc-novetats3pf-boxes .activitat-box-titol span {
  color: #333;
  margin-bottom: 0px;
  padding: 0px;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.bloc-novetats3pf-boxes .activitat-box-titol a:hover {
  color: #333;
  text-decoration: underline;
}

.bloc-novetats3pf-boxes .date {
  font-family: 'Oswald';
}

.color-A9 {
  color: #a9a9a9 !important;
}

.color-A9:before {
  color: #a9a9a9 !important;
}

.bloc-novetats3pf-boxes .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  color: #a9a9a9;
}


.bloc-novetats3pf-boxes .activitat-boxes-destacada {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
}

.bloc-novetats3pf-boxes i.fa-calendar-o {

  padding: 0em 0.5em;

}

/* Fin CSEObtindreNovetats3pf_ImatgeQuadrada*/


/* TPCLlistatNovetat50Manual */
.bloc-novetats-llista {
  float: left;
  width: 100%;
  margin: 0;
}

.bloc-novetats-llista .menu-content {
  padding-top: 2em;
}

.bloc-novetats-llista .content-novetats-llista {
  margin-top: 0.83em !important;
  margin-bottom: 3em !important;
  background-color: #fff !important;
  width: 95% !important;
  display: inline-block;
  float: left;
}

.caja-novetat-llista {
  text-align: left;
  overflow: auto;
  /*border-bottom: 1px solid #ddd;*/
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.caja-novetat-llista .img-novetat-llista {
  display: inline-block;
  border-radius: 0.25em 0 0 0.25em;
  float: left;
  padding: 0;
  background: none !important;
}

.caja-novetat-llista .img-novetat-llista img {
  width: 145px;
}

.caja-novetat-llista .novetat-box {
  display: inline-block;
  float: left;
  padding: 0;
  background: none !important;
  width: 70%;
}

.novetat-box .titol-novetat-box {
  /* font-family: Raleway;*/
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  cursor: pointer;
  display: inline-block;
  padding: 0 20px 0px 20px;
  vertical-align: top;
  width: calc(100% - 5em);
}

.novetat-box .titol-novetat-box a, .novetat-box .titol-novetat-box a:hover {
  color: #212529 !important;
}

.novetat-box .data-novetat-box {
  padding-left: 20px;
  padding-top: 0.5em;
  text-align: left;
}

.data-novetat-box .novetat-date {
  color: #a9a9a9;
  font-size: 0.95em;
  margin: 0;
  display: inline-block;
  padding-left: 0.5em;
  padding-bottom: 0em;
}

/* Fin TPCLlistatNovetat50Manual */

/*  TPCLlistatActivitatBoxesInterior */


.bloc-activitat-boxes-int .item:hover .item-overlay.top {
  top: 0;
}

#content-tres-columnas .bloc-activitat-boxes-int .item:hover .item-overlay.top-meitat.novetatOmbra,
#content .bloc-activitat-boxes-int .item:hover .item-overlay.top-meitat.novetatOmbra /*.bloc-activitat-boxes-int .item:hover .item-overlay.top-meitat */
{
  top: 55%;
}

.bloc-activitat-boxes-int .item-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  overflow: hidden;
  text-align: left;
  /* fix text transition issue for .left and .right but need to overwrite left and right properties in .right */
  width: 100%;
  top: 65%;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.bloc-activitat-boxes-int a, .bloc-activitat-boxes-int a:hover {
  color: #fff;
}


.bloc-activitat-boxes-int .item {
  position: relative;
  margin-bottom: 2em;
  float: left;

  overflow: hidden;

  max-width: 540px;
  max-height: 540px;
}

.bloc-activitat-boxes-int .item img {
  max-width: 100%;
}

.bloc-activitat-boxes-int header.activitat-box-titol {
  margin: 0.5em 0;
}

.bloc-activitat-boxes-int header.activitat-box-titol.video-uvdocencia {
  margin: 0;
}

.bloc-activitat-boxes-int .item .descripcio {
  display: none;
  opacity: 0;
  transition: 0.5s all ease-in-out;

}

.bloc-activitat-boxes-int .item:hover .descripcio {
  display: block;
  opacity: 1;
  margin-top: 1em;
}

.bloc-activitat-boxes-int .video-llistaRepro {
  width: 71.7em;
}

.bloc-activitat-boxes-int {
  margin-bottom: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.bloc-activitat-boxes-int .cap-activitat-boxes {
  width: 71.7em;
  margin: 0 auto;
  text-align: left;
  padding-top: 4em;
}

.bloc-activitat-boxes-int .inter-bloc-activitat-boxes {
  width: 100%;
  text-align: left;
  display: inline-block;

}

.bloc-activitat-boxes-int .titol-activitat-boxes {
  text-align: left;
  background: none;
  color: #444;
  font-size: 1.8em;
  padding: 0;
  text-transform: none;
  font-family: Raleway;
  font-weight: normal;
}


.bloc-activitat-boxes-int .activitat-box-cos .descripcio {
  display: none;
}

.bloc-activitat-boxes-int .descripcio {
  font-size: 1em;
  text-align: justify;
}

.bloc-activitat-boxes-int .descripcio a, .bloc-activitat-boxes-int .descripcio a:hover {
  color: #fff;
  text-decoration: none;
}

.bloc-activitat-boxes-int .mesActivitatBoxes {
  /*margin-top: 1em;*/
  color: #e6e3d2;
  float: right;
  /*font-size: 0.8em;
    margin-right: 1.1em;*/
}

.bloc-activitat-boxes-int .activitat-box-imatge img {
  /*max-width: 540px;*/
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
}

@media screen and (max-device-width: 480px){
  .bloc-activitat-boxes-int .activitat-box-imatge img {
    width: initial;
  }
}

@media screen and (max-device-width: 480px) {
  .bloc-activitat-boxes-int .activitat-box-imatge img {
    width: initial;
  }
}


.bloc-activitat-boxes-int .activitat-box-imatge {
  line-height: 0;
}


.bloc-activitat-boxes-int .activitat-box-titol .header-3 {
  font-size: 1.3em;
  line-height: 114.28571%;
}

.bloc-activitat-boxes-int .activitat-box-titol span {
  color: #fff;
  margin-bottom: 0px;
  padding: 0px;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.texto-video-uvdocencia {
  font-size: 0.9em;
}

.bloc-activitat-boxes-int .activitat-box-titol a, .bloc-activitat-boxes-int .activitat-box-titol a:hover {
  color: #fff;
  text-decoration: none;
}

.bloc-activitat-boxes-int .date {
  font-family: 'Oswald';
  display: inline-block;
}


.areaAct {

  display: inline-block;
  font-family: 'Oswald';
  padding: 2px 5px;

}

/*ACpoesia*/
.area-1286227868600 {
  background-color: #0086BD
}

/*ACPatrimonioCultural*/
.area-1285870335813 {
  background-color: #98D069
}

/*ACMusica*/
.area-1285870334667 {
  background-color: #8379C2
}

/*ACLetras-LITERATURA*/
.area-1285870334700 {
  background-color: #1C87F2
}

/*ACGastronomia*/
.area-1286227755670 {
  background-color: #FF6839
}

/*ACFotografia*/
.area-1286067152545 {
  background-color: #FF554A
}

/*ACFormación*/
.area-1285870335921 {
  background-color: #02CAC2
}

/*ACExposiciones*/
.area-1285870335866 {
  background-color: #F78AA4
}

/*ACEsports*/
.area-1286208279504 {
  background-color: #B9A6D7
}

/*ACDebatesConferencias*/
.area-1285870334755 {
  background-color: #05C2A2
}

/*ACCine*/
.area-1285870334693 {
  background-color: #FFA943
}

/*ACArtsVisuals*/
.area-1286227748052 {
  background-color: #FF415B
}

/*ACArtsEsceniquesTeatre*/
.area-1285870334472 {
  background-color: #CCBD56
}

/*ACArtsEsceniquesEscenaErasmus*/
.area-1286067149701 {
  background-color: #CCBD56
}

/*ACArtsEsceniquesDansa*/
.area-1286067145264 {
  background-color: #CCBD56
}

/*ACInstallacionsMostres*/
.area-1286223325500 {
  background-color: #FB6680
}


.bloc-titol-video-uvdocencia {
  height: 35.28px;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.95);
}

.header-3 .texto-video-uvdocencia {
  font-size: 0.9em;
}

.color-A9 {
  color: #a9a9a9 !important;
}

.color-A9:before {
  color: #a9a9a9 !important;
}

.bloc-activitat-boxes-int .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  color: #a9a9a9;
}


.bloc-activitat-boxes-int .activitat-boxes-destacada {
  width: 100%; /* Estaba comentada esta linea pero las noticias interiores daban un salto, se vuelve a 100 */
  /*width: 97%;*/
  /*  margin: 0 auto;*/
  text-align: left;
}

.bloc-activitat-int i.fa-calendar-o {

  padding: 0em 0.5em;

}


/* Fin TCPLlistatActivitatBoxesInterior*/

/* TPLActivitat */

#sidebar.sidebar-activitat {
  text-align: left;
  box-sizing: border-box;
}

#sidebar.sidebar-activitat p {
  margin-bottom: 1em;
}

#sidebar.sidebar-activitat ul {
  padding-left: 2em;
}

#sidebar.sidebar-activitat span.titol {
  font-weight: 900;
  font-size: 1.7em;
  color: #333;
  font-family: 'Lato';
}

#sidebar.sidebar-activitat span.texto {
  font-size: 1.4em;
  font-family: 'Lato';
}

#sidebar.sidebar-activitat span.texto a {
  color: #333;
  text-decoration: underline;
}

#sidebar.sidebar-activitat span.titol a {
  color: #333;
}

#sidebar.sidebar-activitat span.texto .fa {
  color: #333;
  text-decoration: underline;

  font-size: 14px;
}

#sidebar.sidebar-activitat span.texto a:hover {
  text-decoration: none;
}

#content.content-activitat .detall-imagenNoticia {
  text-align: left;
  margin-top: 0.6em
}

#content.content-activitat {
  padding-left: 0.9em;
  padding-right: 2.5em;
  box-sizing: border-box;
  text-align: justify;
  clear: left
}

#content.content-activitat p {
  font-size: 1.2em;
  text-align: justify;
  font-family: 'Lato';
}

#content.content-activitat ul {
  font-size: 1.2em;
  text-align: justify;
  font-family: 'Lato';
  padding-left: 1em;
}

#content.content-activitat p:first-child {
  margin-bottom: 1em;
}

#content.content-activitat .galeriaImatgesNovetat {
  width: 100%;
  box-sizing: border-box;
  margin-top: 3em;
}

#titulo-contenido.titulo-activitat-detalle {
  width: auto !important;
}

.titulo-activitat-detalle h2.titol-seccio {
  font-size: 2.47em;
  font-weight: 700
}

#content.content-activitat .detall-imagenNoticia img {
  max-width: 100%;
}

#content.content-activitat .galeriaImatgesNovetat span.titol {
  display: inline-block;
  padding-bottom: 0.5em;
  margin-top: 1em;
  font-size: 1.7em;
}

#content.content-activitat figure img {
  max-width: 100%;
}

#content.content-activitat .galeriaImatgesNovetat .caja-gradiente {
  bottom: 0px;
  height: auto;
  line-height: 1.3em;
  position: absolute;
  text-align: left;
  width: 100%;
  padding-bottom: 0.3em;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

#content.content-activitat .galeriaImatgesNovetat .caja-gradiente a:hover {
  color: #fff;
}

#content.content-activitat .galeriaImatgesNovetat .titol-galeria-imatge-news {
  color: #fff;
  padding: 0em 1em;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

#content.content-activitat .galeriaImatgesNovetat .item-imagen {

  position: relative;
  display: inline-block;

}

#content.content-activitat .icon-photo {

  font-size: 16em;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#content.content-activitat .icon-photo .fa {
  opacity: 0.8;
}


#content.content-activitat .item-imagen img {
  max-width: 100%;
}

#content.content-activitat .anunci {
  font-size: 2em;
  font-family: 'Lato';
}

#sidebar.sidebar-activitat .cercador {
  margin: 0;

}

#sidebar.sidebar-activitat .cercador .titol-bloc {
  font-weight: 900;
  font-size: 1.75em;
  color: #333;
  font-family: 'Lato';
  margin: 1em 0;
}

#sidebar.sidebar-activitat #bloc-xerxes .titol-bloc {
  font-weight: 900;
  font-size: 1.7em;
  color: #333;
  font-family: 'Lato';
  margin: 1em 0;
}

#sidebar.sidebar-activitat .UVNoticies-header {
  width: 100%;
}

#sidebar.sidebar-activitat .UVNoticies-header .header-darreres-noticies-item {
  width: inherit;
}

#sidebar.sidebar-activitat .subscripcio-der p {
  margin: 0;
  padding: 0.2em 0;
}

#sidebar.sidebar-activitat .addthis_title {
  margin-bottom: 1em;
}

#sidebar.sidebar-activitat .lnk-inscripcio {
  font-family: 'Lato';
  color: #FFF;
  font-size: 1.2em;
  display: inline-block;
  background-color: #0a3869;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding: 5px;
  border-radius: 3px;
}


/* Fin TPLActivitat */

/* TPCDestacatDarreresNovetats */

ul.destacat-noticies {
  list-style: none;
  margin: 0.83em 0.84em 1.67em 1em
}

.titol-novetat-destacat {
  padding: 0 2.4em 0 1em;
  font-size: 0.9em
}

ul.destacat-noticies li {
  background: rgb(240, 240, 240);
  border-bottom: 10px solid #FFFFFF;
  padding: 0.5em
}

ul.destacat-noticies img {
  width: 80px;
  float: left;
  padding-top: 0.2em;
  padding-left: 0.2em
}

.block-titol-novetat-destacat {
  display: table-cell;
  vertical-align: top
}

.link-novetat-destacat {
  display: table-cell
}

.block-titol-novetat-destacat .novetat-box-clock {
  padding-left: 1em
}

/* Fin TPCDestacatDarreresNovetats */

/* CSECercadorDarreresNovetats */

.cercador-destacat-noticies {
  margin: 3em 0.84em 1.67em 1em
}

ul.list-cercador-noticies {
  list-style: none;
  margin: 0
}

ul.list-cercador-noticies li {
  /*background: url(https://www.uv.es/uwm/darreres-noticies/darreres-noticies.png) no-repeat;
  background-position: right bottom;
  background-size: 48px;*/
  background-color: rgb(240, 240, 240);
  border-bottom: 5px solid #FFFFFF;
  padding: 0.5em
}

.block-titol-novetat-cercador {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  color: #292a25;
  text-align: left;
}

.block-titol-novetat-cercador a {
  color: #292a25;
  font-size: 1.1em;
  text-decoration: none;
}

.block-titol-novetat-cercador a:hover {
  text-decoration: underline;
}

/* Fin CSECercadorDarreresNovetats */

/* TPCHomeBanner Amplaria Total */

.banner-home-item {
  display: inline-block;
  margin-bottom: 3em
}

.banner-home-item:nth-of-type(3n-1) {
  margin-left: 13em;
  margin-right: 14em
}

.banner-home {
  margin-bottom: 3em
}

/* Fin TPCHomeBanner Amplaria Total */

.video-llistaRepro .resum-texto {
  width: calc(100% - 0.83em);
  margin-bottom: 3em
}

.video-llistaRepro .titol-bloc {
  margin-top: 1em
}

.resum-texto {
  width: 76.7em
}

.componente50 .resum-texto {
  width: 98%;
  margin: 0.83em 0.83em 0.83em 0
}

.caja-home {
  width: 76.7em
}

/*.caja-home2{width:76.7em}*/
.caja-home2 {
  width: 72.7em
}

/*.resum-texto-meitat{margin-right:0}*/
.mesNovetat {
  margin-top: 2em
}

.mesNovetat a {
  background: rgba(0, 0, 0, 0) url("a9n20.png") no-repeat scroll right center;
  color: #a9a9a9
}

.mesNovetat a:hover {
  background: rgba(0, 0, 0, 0) url("a9p20.png") no-repeat scroll right center;
  color: #a9a9a9
}

.mesAgenda {
  margin-top: 1em
}

.mesAgenda a {
  background: rgba(0, 0, 0, 0) url("a9n20.png") no-repeat scroll right center;
  color: #a9a9a9
}

.mesAgenda a:hover {
  background: rgba(0, 0, 0, 0) url("a9p20.png") no-repeat scroll right center;
  color: #a9a9a9
}

.mesVideo {
  margin-top: 1em
}

.mesVideo a {
  background: rgba(0, 0, 0, 0) url("a9n20.png") no-repeat scroll right center;
  color: #a9a9a9
}

.mesVideo a:hover {
  background: rgba(0, 0, 0, 0) url("a9p20.png") no-repeat scroll right center;
  color: #a9a9a9
}

/*.caja-persona{margin-right: 5.98em;margin-bottom:2em}*/
.caja-persona {
  margin-right: 2em;
  margin-bottom: 2em
}

.titol-bloc a {
  color: #a9a9a9
}

.mini-video1 {
  height: 6em;
  width: 123px
}

.mini-video2 {
  height: 6em;
  width: 123px
}

.mini-video3 {
  height: 6em;
  width: 123px
}

/* Header GrupInvestigador*/

.head-GrupInvestigador {
  position: absolute;
  top: 0;
  width: 100%;
  height: 135px;
  text-align: left;
}

.head-GrupInvestigador-img {
  width: 20%; /*35.5%*/
  float: left;
}

.head-GrupInvestigador-text {
  display: inline-block;
  padding-top: 2.8em;
  /*width: 80%;*/
  width: 17%;
  font-family: "Humanist777", Arial;
  float: left;
}

.head-GrupInvestigador-text span {
  color: #FFF;
  font-size: 1.7em;
  margin-bottom: 1.8em;
  bottom: 0;
  text-align: left;
}

.head-GrupInvestigador-nom {
  font-family: "Humanist777", Arial;
  display: inline-block;
  float: left;
  width: 63%;
  padding-top: 2.9em;
  padding-left: 16%
}

.head-GrupInvestigador-nom a {
  color: #FFF;
}

.head-GrupInvestigador-nom span {
  color: #FFF;
  font-size: 1.7em;
  margin-bottom: 1.8em;
  bottom: 0;
  text-align: left;
}

.head-Projectes-img {
  /*width: 30em;*/
  width: 26%;
  float: left;

}

.head-Projectes-img img {
  width: auto;
  height: auto;
}

.head-Projectes-logo {
  width: 12em;
  float: left
}

.head-Projectes-logo img {
  width: 100%;
  height: 135px; /* Fijamos el alto por si no respetan las medidas (javi)*/
}

.head-Projectes-nom {
  width: 50%;
  float: left;
  font-family: "Humanist777", Arial;
  /*padding-top: 2.9em;*/
  /*padding-left: 13%;*/
  margin-top: 3.5%;
  margin-left: 1.5%;
}

.head-Projectes-nom div {
  color: #FFF;
  font-size: 1.7em;
  text-align: left;
}

#slider-segons-largo > img {
  width: 100%
}

.contenido-projecte {
  float: left;
  width: 75%;
  text-align: left;
  margin: 0.5em 0px 0px 0%;
}

/*CSEFitxaProjecte Añadido por Diego*/
#content-total .contenido-projecte-interior .entry-content {
  width: auto;
  margin: 2%;
}

#content-total .contenido-projecte-interior .entry-content .imagenNoticiaDerecha img {
  width: 100%;
  margin: 0;
}

/*Fin CSEFitxaProjecte*/

.contenido-projecte .entry-content {
	width: 95% !important;
}

.contenido-projecte .entry-menu-cuatro p {
  font-family: 'Lato', serif;
  padding: 0 0 0.83em
}

.contenido-projecte .entry-menu-cuatro span.titol {
  font-family: 'Lato', serif
}

.contenido-projecte .entry-menu-cuatro h3 {
  padding: 0.83em 0 0;
}


.contenido-projecte .entry-menu-cuatro ul {
  /*list-style: none*/
  list-style: disc;
  list-style-position: inside;
}

.contenido-projecte #menu-cuatro-nivel .entry-menu-cuatro ul {
  list-style: none;
}

.contenido-projecte .entry-menu-cuatro ul li {
  padding: 3px 0 3px 1.25em;
}

.contenido-projecte .entry-menu-cuatro a {
  color: #016ca2
}

.contenido-projecte .entry-menu-cuatro a:hover {
  color: #016ca2
}

.contenido-projecte .titol {
  color: #000;
}

.banner-projectes {
  display: block;
  margin: auto;
}

.projectes-info p {
  font-family: 'Lato', serif;
}

.addthis-derecha {
  float: right;
  margin: 0em 1em;
}

/* Fin Header GrupInvestigador*/

/* TPCHomeVideoCarrousel */

#bloc-videoCarrousel {
  margin: 0;
  /* float: left; */
  display: inline;
  width: 100%;
}

#bloc-videoCarrousel .slideshow-video ul {
  /* 5 images donc 5 x 100% */
  width: 9999%;
  height: 240px;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 1em;
}

#bloc-videoCarrousel .slideshow-video {
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
}

#bloc-videoCarrousel .caja-video {
  float: left;
  margin: 0 25px;
  width: 400px;
  display: inline-block;
}

#bloc-videoCarrousel iframe.bloque-video {
  width: 400px;
  height: 220px;
}

#bottombar {
  background: #f0f0f0 none repeat scroll 0 0;
  clear: both;
  margin-bottom: -3em;
  margin-top: 3em;
  overflow: auto;
}

#bottombar2 {
  background: #f0f0f0 none repeat scroll 0 0;
  margin-bottom: -3em;
  margin-top: 3em;
  overflow: auto
}

.bottombar2 {
  background: #f0f0f0 none repeat scroll 0 0;
  margin-bottom: -3em;
  margin-top: 3em;
  overflow: auto
}

/* Fin TPCHomeVideoCarrousel */

/* TPCHomeLlistaReproduccio */

#bloc-videoLlistaRepro {
  background: #1c1c1c;
  padding: 2em 0em 2em 0em;
  margin: 0em auto;
  width: auto;
  position: relative;
}

#bloc-videoLlistaRepro.projectes {
  background: #1c1c1c;
  padding: 0em 0em 4em 0em;
  margin: 0;
  width: auto;
  height: 32em;
  position: relative;
}

#bloc-videoLlistaRepro .titol-bloc {
  color: #fff
}

#bloc-videoLlistaRepro #projectes.video-llistaRepro {
  width: 69.5em;
  height: 27em;
}

.video-llistaRepro {
  width: 98.5em;
  margin: 0 auto;
  overflow: auto;
  padding-top: 2em;
  padding-right: 1em;
  padding-left: 1em
}

#bloc-videoLlistaRepro .llistatRepoVideo {
  width: 800px;
  float: left
}

#bloc-videoLlistaRepro #projectes.llistatRepoVideo {
  width: 550px;
  float: left
}

#bloc-videoLlistaRepro .llistatReproduccio {
  width: 375px;
  float: left
}

#bloc-videoLlistaRepro .llistatReproduccio#projectes {
  width: 266px;
  float: left;
  height: 26em;
}

#bloc-videoLlistaRepro .llistatReproduccio#projectes #mycustomscroll {
  margin: 0;
  height: 25.7em
}

#bloc-videoLlistaRepro .llistatReproduccio#projectes .mycustomscroll {
  margin: 0;
  height: 34em;
}

#bloc-videoLlistaRepro .llistatReproduccio img {
  width: 120px;
  float: left;
  margin-right: 0.5em
}

#bloc-videoLlistaRepro .llistatReproduccio a {
  color: #fff
}

#bloc-videoLlistaRepro .llistatReproduccio a:hover {
  color: #fff
}

#bloc-videoLlistaRepro #mycustomscroll {
  margin: 0;
  height: 37.7em
}

#bloc-videoLlistaRepro .mycustomscroll {
  margin: 0;
  height: 34em;
  outline: none;
}

#bloc-videoLlistaRepro #selector-lista {
  width: 29.4em;
  margin: 0px 0px 1.5em 1.9em;
  height: 2em;
}

#bloc-videoLlistaRepro .vscrollerbase {
  background-color: #e1e1e1;
  visibility: visible !important
}

.videoN {
  clear: both;
  margin-left: 2em;
  margin-bottom: 1.5em;
  text-align: left;
  overflow: auto;
  padding-right: 0.7em
}


.listaEscondida {
  display: none;
}

/*LListes de reproduccio curtes*/

#bloc-videoLlistaRepro .UVNoticies-header-corto {
  width: 95%;
  display: block;
  margin: auto;
}

.header-darreres-noticies-item .titol-bloc-youtube {
  text-align: left;
  background: none;
  color: #fff;
  font-size: 1.8em;
  padding: 0;
  font-family: Raleway;
  text-transform: none;
  font-weight: normal;
}

#bloc-videoLlistaRepro .video-llistaRepro-corto {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  padding-top: 1em;
}

#bloc-videoLlistaRepro .llistatRepoVideo.repocorto {
  width: 525px;
  float: left;
  margin-left: 1.85em;
}

#bloc-videoLlistaRepro .llistatReproduccio-corto {
  width: 290px;
  float: left;
}

#bloc-videoLlistaRepro #selector-lista-corta {
  width: 22.2em;
  margin: 0px 0px 1.5em 2em;
  height: 2em;
}

#bloc-videoLlistaRepro .llistatReproduccio-corto img {
  width: 100px;
  float: left;
  margin-right: 0.5em;
  margin-left: 0em;
}

#bloc-videoLlistaRepro .llistatReproduccio-corto a {
  color: #fff
}

#bloc-videoLlistaRepro .llistatReproduccio-corto a:hover {
  color: #fff
}

#bloc-videoLlistaRepro .llistatReproduccio-corto .mycustomscroll {
  margin: 0;
  height: 24.7em
}

#bloc-videoLlistaRepro .llistatReproduccio-corto .mycustomscroll.llistes {
  margin: 0;
  height: 21em
}

/* Fin TPCHomeLlistaReproduccio */

/* TPCVideoLlistaReproduccioYoutubeInterior y TPCVideoLlistaReproduccioInterior */

#bloc-videoLlistaRepro-int {
  background: #1c1c1c;
  padding: 0em 0em 2em 0em;
  margin: 0 auto;
  width: auto;
  position: inherit;
}

#bloc-videoLlistaRepro-int.projectes {
  background: #1c1c1c;
  padding: 0em 0em 4em 0em;
  margin: 0;
  width: auto;
  height: 32em;
  position: relative;
}

#bloc-videoLlistaRepro-int .titol-bloc {
  color: #fff
}

#bloc-videoLlistaRepro-int #projectes.video-llistaRepro {
  width: 69.5em;
  height: 27em;
}

.video-llistaRepro.int {
  width: 96%;
  margin: 0 auto;
  overflow: auto;
  padding-top: 2em;
  padding-right: 1em;
  padding-left: 1em;
  text-align: center
}

#bloc-videoLlistaRepro-int .llistatRepoVideo {
  width: 100%;
  float: left
}

#bloc-videoLlistaRepro-int #projectes.llistatRepoVideo {
  width: 550px;
  float: left
}

#bloc-videoLlistaRepro-int .llistatReproduccio {
  width: 98%;
  float: left;
  margin-top: 2em
}

#bloc-videoLlistaRepro-int .llistatReproduccio#projectes {
  width: 266px;
  float: left;
  height: 26em;
}

#bloc-videoLlistaRepro-int .llistatReproduccio#projectes #mycustomscroll {
  margin: 0;
  height: 25.7em
}

#bloc-videoLlistaRepro-int .llistatReproduccio#projectes .mycustomscroll {
  margin: 0;
  height: 34em;
}

#bloc-videoLlistaRepro-int .llistatReproduccio a {
  color: #fff;
}

#bloc-videoLlistaRepro-int .llistatReproduccio span {
  font-size: 1.2em;
}

#bloc-videoLlistaRepro-int #mycustomscroll, #bloc-videoLlistaRepro-int .mycustomscroll {
  margin: 0;
  height: 22.7em;
  outline: none;
}

#bloc-videoLlistaRepro-int #selector-lista {
  width: 74.3%;
  margin: 0.5em 0px 1.5em 1.5em;
  height: 2em;
}

#bloc-videoLlistaRepro-int .UVNoticies-header {
  width: auto;
  margin-right: 1em
}

#bloc-videoLlistaRepro-int #mycustomscroll, #bloc-videoLlistaRepro-int .mycustomscroll {
  margin: 0.83em 0 0 0;
  width: 102.1%;
  height: 31.7em;
  overflow: auto; /* IE overflow fix, position must be relative or absolute*/
  position: relative;
}

#bloc-videoLlistaRepro-int #bloc-texto #mycustomscroll {
  height: 37.40em;
}

#bloc-videoLlistaRepro-int .scrollgeneric {
  line-height: 1px;
  font-size: 1px;
  position: absolute;
  top: 0;
  left: 0px;
}

#bloc-videoLlistaRepro-int .vscrollerbase {
  width: 10px;
  background-color: #e1e1e1;
  visibility: visible !important
}

#bloc-videoLlistaRepro-int .vscrollerbar {
  width: 10px;
  background-color: #a9b8c0;
}

#bloc-videoLlistaRepro-int .hscrollerbase {
  height: 10px;
  background-color: white;
}

#bloc-videoLlistaRepro-int .hscrollerbar {
  height: 10px;
  background-color: black;
}

#bloc-videoLlistaRepro-int .scrollerjogbox {
  width: 10px;
  height: 5px;
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  background-color: gray;
}


@media (max-width: 1210px) {
  .video-llistaRepro.int {
    width: 98%;
    margin: 0 auto;
    overflow: auto;
    padding-top: 2em;
    padding-right: 1em;
    padding-left: 1em
  }

  #bloc-videoLlistaRepro-int .llistatRepoVideo {
    width: 98%
  }

  #bloc-videoLlistaRepro-int #mycustomscroll, #bloc-videoLlistaRepro-int .mycustomscroll {
    width: 100%
  }
}

@media (max-width: 1020px) {
  .video-llistaRepro.int {
    width: 98%;
    margin: 0 auto 0;
    overflow: auto;
    padding-top: 2em;
    padding-right: 1em;
    padding-left: 1em
  }

  #bloc-videoLlistaRepro-int .llistatRepoVideo {
    width: 96%
  }

  #bloc-videoLlistaRepro-int #mycustomscroll, #bloc-videoLlistaRepro-int .mycustomscroll {
    width: 98%
  }
}

@media (max-width: 768px) {
  .video-llistaRepro.int {
    width: auto;
    margin: 0 auto;
    overflow: auto;
    padding-top: 2em;
    padding-right: 1em;
    padding-left: 1em
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: min-content
  }

  #bloc-videoLlistaRepro-int .llistatRepoVideo {
    width: 100%
  }

  #bloc-videoLlistaRepro-int #mycustomscroll, #bloc-videoLlistaRepro-int .mycustomscroll {
    width: 102%
  }
}

/*LListes de reproduccio curtes*/

#bloc-videoLlistaRepro-int .UVNoticies-header-corto {
  width: 95%;
  display: block;
  margin: auto;
}


#bloc-videoLlistaRepro-int .video-llistaRepro-corto {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  padding-top: 1em;
}

#bloc-videoLlistaRepro-int .llistatRepoVideo.repocorto {
  width: 525px;
  float: left;
  margin-left: 1.85em;
}

#bloc-videoLlistaRepro-int .llistatReproduccio-corto {
  width: 290px;
  float: left;
}

#bloc-videoLlistaRepro-int #selector-lista-corta {
  width: 22.2em;
  margin: 0px 0px 1.5em 2em;
  height: 2em;
}

#bloc-videoLlistaRepro-int .llistatReproduccio-corto img {
  width: 100px;
  float: left;
  margin-right: 0.5em;
  margin-left: 0em;
}

#bloc-videoLlistaRepro-int .llistatReproduccio-corto a {
  color: #fff
}

#bloc-videoLlistaRepro-int .llistatReproduccio-corto a:hover {
  color: #fff
}

#bloc-videoLlistaRepro-int .llistatReproduccio-corto .mycustomscroll {
  margin: 0;
  height: 24.7em
}

#bloc-videoLlistaRepro-int .llistatReproduccio-corto .mycustomscroll.llistes {
  margin: 0;
  height: 21em
}

/* Update num columnas*/

#bloc-videoLlistaRepro-int .videoN {
  /* clear: both; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  text-align: left;
  overflow: hidden;
  display: inline-block;
  padding-right: 1.2em;
  padding-left: 1.8em;
  width: 165px;
  height: 240px;
}

#bloc-videoLlistaRepro-int .llistatReproduccio img {
  width: 165px;
  float: left;
  margin-right: 0em;
  margin-left: 0em;
}

#bloc-videoLlistaRepro-int .contentwrapper {
  text-align: left;
}

.barra_busqueda {
  display: flex;
  width: 95.8%;
  margin-left: 2.8%
}

.select_lista_titulo {
  color: #fff;
  margin-top: 1%
}

/***** Tam. desplegable *****/

@media (max-width: 1210px) {
  #bloc-videoLlistaRepro-int #selector-lista {
    width: 66.1%;
  }

  .barra_busqueda {
    width: 86.5%;
    margin-left: 3.4%;
  }
}

@media (max-width: 1020px) {
  #bloc-videoLlistaRepro-int .videoN {
    padding-right: 1.2em;
    padding-left: 1.6em;
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: 46.9%;
  }

  .barra_busqueda {
    width: 86.9%;
    margin-left: 4.8%;
  }
}

@media (max-width: 768px) {
  #bloc-videoLlistaRepro-int .videoN {
    padding-right: 3em;
    padding-left: 2em;
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: 35.5em;
  }

  .barra_busqueda {
    width: 51.7em;
    margin-left: 2.1em;
  }
}

@media (max-width: 761px) {
  #bloc-videoLlistaRepro-int .videoN {
    padding-right: 1.1em;
    padding-left: 1.1em;
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: 30em;
  }

  .barra_busqueda {
    width: 46.2em;
    margin-left: 1.1em;
  }
}

@media (max-width: 660px) {
  #bloc-videoLlistaRepro-int .videoN {
    padding-right: 3em;
    padding-left: 3.4em;
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: 17.9em;
  }

  .barra_busqueda {
    width: 34.1em;
    margin-left: 3.5em;
  }
}

@media (max-width: 567px) {
  #bloc-videoLlistaRepro-int .videoN {
    padding-right: 1.2em;
    padding-left: 1.8em;
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: 14.5em;
  }

  .barra_busqueda {
    width: 30.7em;
    margin-left: 1.9em;
  }
}

@media (max-width: 485px) {
  #bloc-videoLlistaRepro-int .videoN {
    padding-right: 0.1em;
    padding-left: 0.1em;
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: 11.9em;
  }

  .barra_busqueda {
    width: 28.1em;
    margin-left: 0em;
  }
}

@media (max-width: 425px) {
  #bloc-videoLlistaRepro-int .videoN {
    padding-right: 0em;
    padding-left: 6em;
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: 13.5em;
  }

  .barra_busqueda {
    width: 23.5em;
    margin-left: 1em;
  }
}

@media (max-width: 375px) {
  #bloc-videoLlistaRepro-int .videoN {
    padding-right: 1em;
    padding-left: 2em;
  }

  #bloc-videoLlistaRepro-int #selector-lista {
    width: 8.5em;
  }

  .barra_busqueda {
    width: 19em;
    margin-left: 1em;
  }
}

/* Fin TPCVideoLlistaReproduccioYoutubeInterior y TPCVideoLlistaReproduccioInterior */

/* Videos mecenatge*/

#bloc-videoLlistaRepro .video-llistaRepro-inter {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  padding-top: 1em;
}

#bloc-videoLlistaRepro .llistatRepoVideo.repointer {
  width: 600px;
  float: left;
  margin-left: 1.85em;
}

#bloc-videoLlistaRepro .llistatReproduccio-inter {
  width: 200px;
  float: left;
}


#bloc-videoLlistaRepro .llistatReproduccio-inter img {
  width: 100px;
  float: left;
  margin-right: 0.5em;
  margin-left: 0em;
}

#bloc-videoLlistaRepro .llistatReproduccio-inter a {
  color: #fff
}

#bloc-videoLlistaRepro .llistatReproduccio-inter a:hover {
  color: #fff
}

#bloc-videoLlistaRepro .llistatReproduccio-inter #mycustomscroll {
  margin: 0;
  height: 28.2em
}


/*FIN Llista curta*/

/* TPCLlistaReproduccio */
#reproductor-interior {
  /*margin: 2em 0em;*/
}

#reproductor-interior .video-llistaRepro {
  overflow: auto;
  margin: 0em;
  padding: 2em 10px;
  width: calc(100% - 20px);
  background: #1c1c1c;
}

#reproductor-interior .llistatRepoVideo {
  width: 65%;
  float: left;
}

#reproductor-interior .llistatReproduccio {
  width: calc(35% - 2em);
  float: left;
  margin: 0em 0em 0em 2em;
}

#reproductor-interior .llistatReproduccio #mycustomscroll {
  height: 35.2em;
}

#content #reproductor-interior .llistatReproduccio #mycustomscroll {
  height: 24.8em;
}

#reproductor-interior .llistatReproduccio img {
  width: 25%;
  float: left;
  margin: 0em 1em 0em 0em;
}

#reproductor-interior .llistatReproduccio a {
  color: #fff;
}

@media (max-width: 1210px) {
  #reproductor-interior .llistatReproduccio #mycustomscroll {
    height: 29.7em;
  }

  #content #reproductor-interior .llistatReproduccio #mycustomscroll {
    height: 19.6em;
  }
}

@media (max-width: 1020px) {
  #reproductor-interior .llistatReproduccio #mycustomscroll {
    height: 20.5em;
  }

  #content #reproductor-interior .llistatReproduccio #mycustomscroll {
    height: 20em;
  }
}

@media (max-width: 768px) {
  #reproductor-interior .llistatRepoVideo {
    width: 100%;
    float: left;
  }

  #reproductor-interior .llistatReproduccio {
    width: 100%;
    float: left;
    margin: 2em 0em;
  }

  #reproductor-interior .llistatReproduccio #mycustomscroll {
    height: 20.5em;
    margin: 0em;
  }
}

/* FIN TPCLlistaReproduccio */

/* TPCVideoHome */
.mostrar-video iframe.youtube-player {
  height: 231px;
}

/* Fin TPCVideoHome */

/* TPCGaleriaCultural */
.projecteInves iframe.youtube-player {
  height: 250px;
}

/* Fin TPCGaleriaCultural */


/* TPCLlistatVideos */

#bloc-video100int {
  margin-bottom: 1em;
  margin: 0;
  float: left;
  display: inline;
  width: 100%;

}

#bloc-video100int .caja-video {
  float: left;
  margin: 0 16px 0 0px;
  width: 270px;
  display: inline-block;
}

#bloc-video100int div.caja-video:nth-of-type(3n+4) {
  clear: left;
}

#bloc-video100int iframe.youtube-player {
  width: 270px;
}


/* Fin TPCLlistatVideos */


/* TPCHome100Video */

#bloc-video100 {
  margin-bottom: 1em;
  margin: 0;
  float: left;
  display: inline;
  width: 100%;
}

#bloc-video100 .caja-video {
  float: left;
  margin: 0 10px;
  width: 270px;
  display: inline-block;
}

#bloc-video100 div.caja-video:nth-of-type(3n+4) {
  clear: left;
}

#bloc-video100 iframe.youtube-player {
  width: 270px;
}


/* Fin TPCHome100Video */

/* Estilos Galeria Imatges Externa */

#galeriaImatgesFluid {
  padding-top: 30px;
  margin-top: -10px;
  margin-right: -15px;
  margin-left: -15px;
  background: #1c1c1c;
}

#galeriaImatgesFluid .col-md-12 {
  padding: 0;
}

#html5box-html5-lightbox .html5-description {
  margin: 0px 0px 0px !important;
  padding: 0px 38px !important;
}


#galeriaImatgesFluid .caja-gradiente {
  bottom: -1px;
  height: auto;
  line-height: 1.3em;
  position: absolute;
  text-align: left;
  width: calc(100% - 30px);
  padding-bottom: 0.3em;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

#galeriaImatgesFluid .caja-gradiente a:hover {
  color: #fff;
}

#galeriaImatgesFluid .titol-galeria-imatge-news {
  color: #fff;
  padding: 0em 1em;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

#galeriaImatgesFluid .item-imagen {
  margin-bottom: 30px;
}

#galeriaImatgesFluid .col-lg-3, .galeriaImatges .col-xs-3, .galeriaImatges .col-md-3, .galeriaImatges .col-sm-3 {
  height: 175px;
  overflow: hidden;
}

#galeriaImatgesFluid .col-sm-6 {
  height: 338px;
  overflow: hidden;
}

/* Fin Estilos Galeria Imatges Externa */

/* Estilos Galeria Imatges Externa Unica */


#bloc-galeriaImatges .cam-icon img {
  width: auto
}

.cam-icon {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  pointer-events: none
}

/* Fin Estilos Galeria Imatges Externa Unica */

/* Estilos Formulario inline */

#formMail-inline input[type="email"]:valid {
  outline: 2px solid green;
}

#formMail-inline input[type="email"]:invalid {
  outline: 2px solid red;
}

#formMail-inline {
  background-color: #FFF;
  margin-top: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0px;
  text-align: left;
}

#formMail-inline label {
  color: #333;
  /*height: 20px;*/
  width: 200px;
  margin-top: 10px;
  margin-left: 10px;
  text-align: right;
  /*margin-right:15px;*/
  display: inline-block;
  float: none;
}

#formMail-inline label.llarg {
  width: 430px;

}

#formMail-inline label.left {
  text-align: left;

}

#formMail-inline .input {
  clear: left;

}

#formMail-inline input {
  height: 20px;
  width: 300px;
  /*border: 1px solid #000;*/
  border: none;
  margin-top: 10px;
  margin-left: 1em;
  background-color: #f2f2f2
}

#formMail-inline input[type="checkbox"] {
  width: auto;
  height: auto;
}

#formMail-inline select {
  height: 20px;
  width: 300px;
  /*border: 1px solid #000;*/
  border: none;
  margin-top: 10px;
  margin-left: 1em;
}

#formMail-inline textarea {
  /*height: 20px;*/
  width: 301px;
  border: 1px solid #000;
  margin-top: 10px;
  margin-left: 1.2em;
}

#formMail-inline fieldset {
  margin-top: 2em;
  margin-bottom: 1em;
  border: 1px solid #333;
  padding-left: 1em;
  padding-bottom: 1em;
}

#formMail-inline .buttons input {
  height: 20px;
  width: 170px;
  border: 1px solid #000;
  margin-top: 10px;
  margin-left: 1em;
}

/* Fin Estilos Formulario inline */

/* Platilla texto plegados home*/

.content-noticies-boxesA .tp-titol {
  background-color: #e5e9ed;
  padding: 0.4em;
  margin-bottom: 0.83em;
  font-size: 14px
}

.content-noticies-boxesA .tp-titol h3 {
  font-family: Raleway;
  font-weight: normal
}

.content-noticies-boxesA .tp-titol .iconTitol {
  margin: 0.2em 0.9em 0 0
}

.content-noticies-boxesA .tp-titol .fa {
  color: dimgrey;
}

.content-noticies-boxesA .tp-text {
  margin-bottom: 2em
}


.content-noticies-boxesA .item-tp-home {
  padding-bottom: 1em;
  cursor: pointer;
}

.content-noticies-boxesA .tp-titol-home {
  /*background-color: #e5e9ed;*/
  padding: 2em;

  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  margin-bottom: 1em !important;
}

.content-noticies-boxesA .tp-titol-home h3 {
  font-family: Raleway;
  font-weight: bold;
  font-size: 18px;
  padding: 0;
}

.content-noticies-boxesA .tp-titol-home .iconTitol {
  margin: 0.2em 0 0 0;
}

.content-noticies-boxesA .tp-titol-home .fa {
  color: dimgrey;
}

.content-noticies-boxesA .tp-text {
  background-color: #FFF;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 1em;
  margin-top: 0;
}

.content-noticies-boxesA .tp-text p {
  font-size: 1.1em;
  text-align: left;
}

.content-noticies-boxesA .tp-text ul {
  list-style-position: inside;
  text-align: left;
  font-size: 1.1em;
}

/* Fin Platilla texto plegados home*/

/* Platilla texto plegados COLOR */

#content-total .vista-completa .textLliurePlegatColor .caja-fondo-color {
	width: 100% !important;
}

.textLliurePlegatColor .caja-fondo-color {
	margin-bottom: 0em !important;
}

.caja-fondo-color {
	margin-bottom: 3em !important;
	background-color: #f2f2f2; /*#e1eaef;*/
	border-left: solid 10px #082b3e;
	width: 95% !important;
	display: inline-block;
}

.content-caja-fondo-color{
	text-align: left;
}

.titulo-caja-fondo-color {
	font-family: Raleway;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	cursor: pointer;
	width: 72%; 
	display: inline-block;
	padding: 10px 0 10px 10px;
	vertical-align: top;
}

.textLliurePlegatColor .content-caja-fondo-color .titulo-caja-fondo-color {
	padding-left: 1em;
	font-size: 1.1em;
	width: 90%;
}

.icon-caja-fondo-color {
	float: right;
	padding: 15px;
	font-size: 18px !important;
	color: #212529 !important;
	cursor: pointer;
	margin-top: 15px;
	margin-right: 15px;
}

.textLliurePlegatColor .content-caja-fondo-color .icon-caja-fondo-color {
	margin: 0;
}

.textLliurePlegatColor .content-tp-color {
	padding: 1em 2em 0.5em 1em;
	text-align: left;
	background-color: #fff;
	display: none;
}

.textLliurePlegatColor .content-tp-color p {
	padding-left: 0;
}

/* Fin Platilla texto plegados COLOR */

/* Platilla texto plegados NO Content*/
.content-text-plegats {
  margin-top: 1em;
  padding: 5px;
}

.content-text-plegats .tp-titol-clean {
  background-color: #e5e9ed;
  padding: 0.4em;
  margin-bottom: 0.83em;
  font-size: 14px
}

.content-text-plegats .tp-titol-clean h3 {
  font-family: Raleway;
  font-weight: normal
}

.content-text-plegats .tp-titol-clean .iconTitol {
  font-size: 1.4em;
  margin: 0.2em 0.9em 0 0
}

.content-text-plegats .tp-titol-clean .fa {
  color: dimgrey;
}

.content-text-plegats .tp-text-clean {
  margin-bottom: 2em
}

.content-text-plegats .tp-text-thin {
  margin-bottom: 1em;
}

.content-text-plegats .tp-text-clean ul, .content-text-plegats .tp-text-clean ol {
  margin: 1em;
}

.content-text-plegats .tp-text-clean ul li, .content-text-plegats .tp-text-clean ol li {
  text-align: left;
}

.content-text-plegats .item-tp-clean {
  padding-bottom: 1em;
  cursor: pointer;
}

.content-text-plegats .item-tp-thin {
  padding-bottom: 0.5em;
}

.content-text-plegats .tp-titol-clean {
  /*background-color: #e5e9ed;*/
  padding: 0.8em;

  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  margin-bottom: 1em !important;
}

.content-text-plegats .tp-titol-thin {
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px !important;
	margin-bottom: 0.75em !important;
}

.content-text-plegats .tp-titol-clean h3 {
  font-family: Raleway;
  font-weight: bold;
  font-size: 18px;
  padding: 0;
  width: 95%;
  display: inline-block;
}

.content-text-plegats .tp-titol-clean .iconTitol {
  margin: 0.2em 0 0 0;
}

.content-text-plegats .tp-titol-clean .fa {
  color: dimgrey;
}

.content-text-plegats .tp-text-clean {
  background-color: #FFF;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 1em;
  margin-top: 0;
}

.content-text-plegats .tp-text-thin {
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px !important;
}

.content-text-plegats .tp-text-clean {
  display: none;
}

.content-text-plegats .tp-text-clean p {
  font-size: 1.1em;
  text-align: left;
  padding: 0 0 0.83em;
}

/* .content-text-plegats .tp-text-clean ul{list-style:none}  #333066 */
.content-text-plegats .tp-text-clean ul li{padding:3px 0 3px 1.25em;}

/* Estilos para la plantilla de Zig Zag TPCZigZag */
.callAction-zig-info-complet {
  width: 100%;
  float: left;
}


.callAction-zig-info-center .content-text-plegats {
  overflow: auto;
  height: 435px; /* Quitamos 100px para el titulo con respecto al alto de callAction-zig-info-center */

  /*scrollbar-width: thin;*/
  /*scrollbar-color: #a9b8c0 #e1e1e1;*/
}

.callAction-zig-info-center .content-text-plegats::-webkit-scrollbar {
  /*width: 10px;*/
  width: 20px;
}

.callAction-zig-info-center .content-text-plegats::-webkit-scrollbar-track {
  /*background: #fff;*/
  background-color: transparent;
}

.callAction-zig-info-center .content-text-plegats::-webkit-scrollbar-thumb {
  /*background-color: #a9b8c0;*/
  /*border-radius: 6px;*/
  /*border: 3px solid #fff;*/
  
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

.callAction-zig-info-center .content-text-plegats::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

.callAction-zig-uno .callAction-zig-info-center .content-text-plegats {
  height: auto
}

@media (max-width: 1500px) {
  .callAction-zig-info-center .content-text-plegats {
    height: 295px;
  }

  .callAction-zig-uno .callAction-zig-info-center .content-text-plegats {
    height: 305px
  }
}

@media (max-width: 1400px) {
  .callAction-zig-info-center .content-text-plegats {
    height: 255px;
  }
}

@media (max-width: 1300px) {
  .callAction-zig-info-center .content-text-plegats {
    height: 228px;
  }
}

@media (max-width: 1210px) {
  .callAction-zig-info-center .content-text-plegats {
    height: 198px;
  }
}

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation: portrait) {
  .callAction-zig-info-center .content-text-plegats {
    height: 350px;
  }
  
  .content-text-plegats .tp-titol-clean h3 {
	  width: 90%;
  }
}


/* Fin personalización para el Zig Zag */

/* Fin Platilla texto plegados NO Content*/

/* Platilla para las preguntas y respuestas*/

ul.bloque-preguntas {
  float: left;
  display: block;
  margin: 0em;
  padding: 0em;
  list-style: none;
  width: 100%;
  cursor: pointer;
  text-align: left
}

ul.caixes-faq {
  padding: 0.4em;
}

ul.bloque-preguntas a {
	position: relative;
    z-index: 999
}

ul.bloque-preguntas a {
  position: relative;
  z-index: 999
}

ul.bloque-preguntas p {

  font-size: 1.1em;
  padding: 0.5em;
  text-align: justify

}

ul.bloque-preguntas h3 {
  background-color: #dce0e1;
  padding: 0.4em;
  color: #3F3C35;
  font-size: 14px;
}

#bloc-noticies-boxesA ul.bloque-preguntas h3 {
  background-color: #e5e9ed;
  font-family: Raleway;
  font-weight: normal
}

#bloc-noticies-boxesA ul.caixes-faq h3 {
	font-weight: bold;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px !important;
    background: #fff !important;
	border-radius: 0.25em !important;
}

.caixa-preguntes-faq {
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px !important;
}

ul.bloque-preguntas li.pregunta {
  background: none;
  margin: 0em;
  padding: 0em;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

ul.bloque-preguntas li.pregunta .faq-date {
  color: #999;
  font-size: 11px;
  padding-bottom: 0.2em;
}

ul.bloque-preguntas li.pregunta:hover {
  cursor: pointer;
}

/*.entry-content ul li.pregunta:first-child{
	border-top: 1px solid #ebebeb;
}*/

ul.bloque-preguntas li.pregunta h4 {
  padding: 0em 0.83em;
  margin: 0.5em 0em;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: normal;
}

ul.bloque-preguntas li.pregunta span {
  right: 0;
  position: absolute;
  margin-top: -21px;
  margin-right: 10px;
}

ul.bloque-preguntas li.pregunta p {
  margin: 0em;
  padding: 0em 0 0.83em 0;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
}

ul.bloque-preguntas li.pregunta li {
  color: #545454;
  font-size: 14px;
  line-height: 20px;
}

ul li .bloque-contenido {
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: max-height 500ms ease-out;
  -moz-transition: max-height 500ms ease-out;
  -o-transition: max-height 500ms ease-out;
  transition: max-height 500ms ease-out;
  margin: 0em;
  padding: 0em;
  /*background: #f9f9f9;*/
  background: #f0f0f0;
}

ul li .bloque-contenido.desplegado {
  max-height: 2500px;
  -webkit-transition: max-height 500ms ease-out;
  -moz-transition: max-height 500ms ease-out;
  -o-transition: max-height 500ms ease-out;
  transition: max-height 500ms ease-out;
  margin: 0em;
  padding: 0em;
}

.bloque-contenido .respuesta {
  margin: 1em 2em 0em;
  padding: 0 0.83em;
}

.bloque-contenido .enlaces-faq {
  margin: 0em 2em 1em;
}

.bloque-contenido .tags-faq {
  color: cornflowerblue;
  font-style: oblique;
  margin: 1em 2em;
}

ul.bloque-preguntas li.pregunta ul li {
  background-color: inherit;
}

/* Nuevo disenyo accesibilidad */
.tit-home-faq {
	background-color: #dce0e1;
	padding: 0.4em;
	color: #3F3C35;
	font-size: 14px;
}

#bloc-noticies-boxesA .tit-home-faq {
  background-color: #e5e9ed;
  font-family: Raleway;
  font-weight: normal
}

.tit-home-faq .fa {
	float:right;
	padding: 5px;
	cursor:pointer;
	color: dimgrey;
}

ul.bloque-preguntas li.pregunta .tit-pregunta {
  padding: 0em 0.83em;
  margin: 0.5em 0em;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: normal;
}

/* Fin plantilla para las preguntas y respuestas*/

/* FAQ Automatic */

.agrup-faq {
  margin-bottom: 1em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  width: 100% !important;
  display: inline-block;
}

.header-agrup-faq {
  overflow: auto;
  width: 100%;
  text-align: left;
}

.header-agrup-faq .tit-agrup-faq {
  font-family: Raleway;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  cursor: pointer;
  display: inline-block;
  padding: 10px 0 10px 10px;
  vertical-align: top;
  width: 60%;
}

.header-agrup-faq .icon-agrup-faq {
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 0px;
}

.content-agrup-faq {
  padding: 0px 20px 20px 20px;
  display: none;
}

/* Fin FAQ Automatic */

/* FAQ HOME CAIXES */

.faq-text {
  margin-bottom: 2em;
  display: none;
}

.item-faq-home {
  padding-bottom: 1em;
  cursor: pointer;
  width: 98%;
}

.faq-titol-home {
  /*background-color: #e5e9ed;*/
  padding: 0.4em;

  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  margin-bottom: 1em !important;
}

.faq-titol-home h3 {
  font-family: Raleway;
  font-weight: bold;
  font-size: 18px;
  padding: 0;
}

.faq-titol-home .iconTitol {
  margin: 0.2em 0 0 0;
}

.faq-titol-home .fa {
  color: dimgrey;
}

.faq-text {
  background-color: #FFF;
  /*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);*/
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px !important;
  padding: 1em;
  margin-top: 0;
}

.faq-text p {
  font-size: 1em;
  text-align: left;
}

.faq-text ul {
	list-style: none;
  /*list-style-position: inside;*/
  text-align: left;
  font-size: 1em;
}

.faq-text ul li {
	text-align: left;
    color: #212529 !important;
    font-size: 1em;
    font-weight: 500;
    padding: 0.5em;
    border: solid 1px #c0c0c0;
    border-radius: 0.25em;
    margin-bottom: 5px;
    cursor: pointer;
    background: none;
}

.faq-text ul li .faq-pregunta-tit {
	font-size: 1.2em;
	display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.faq-text ul li .faq-pregunta-tit .text-pregunta {
	flex:80%;
}

.faq-text ul li .faq-pregunta-tit .fa {
	color: #212529 !important;
    /*float: right;
    margin-top: auto;*/
    padding: 0.25em;
    cursor: pointer;	
}

.faq-text ul li .faq-respuesta {
  overflow: hidden;
  max-height: 0px;
  -webkit-transition: max-height 500ms ease-out;
  -moz-transition: max-height 500ms ease-out;
  -o-transition: max-height 500ms ease-out;
  transition: max-height 500ms ease-out;	
}

.faq-text ul li .faq-respuesta.desplegado {
  max-height: 2500px;
  -webkit-transition: max-height 500ms ease-out;
  -moz-transition: max-height 500ms ease-out;
  -o-transition: max-height 500ms ease-out;
  transition: max-height 500ms ease-out;
  margin: 0em;
  padding: 0.4em;
  border-radius: 0.25em;
}

.faq-text ul li .faq-respuesta .faq-date {
    color: #999;
    font-size: 11px;
    padding-bottom: 0.2em;
}

/* FI FAQ HOME CAIXES */

/* Plantila proyectos COVID*/

.titol-covid-proj {
  margin-top: 0 !important;
}

.pro-titol {
  background-color: #dcdcdc;
  padding: 0.5em;
}

ul.bloque-preguntas li.pregunta .pro-covid p {
  color: #292a25;
  font-size: 1em;
  margin: 0;
  padding: 0;
  line-height: inherit;
  text-align: inherit;
}

.invesCovidBio {
  background: linear-gradient(to right, #2f5791 0%, #2f5791 100%);
  color: white !important;
}

.invesCovidDiagnostic {
  background: linear-gradient(to right, #275faf 0%, #275faf 100%);
  color: white !important;
}

.invesCovidEpidemi {
  background: linear-gradient(to right, #1e6fc1 0%, #1e6fc1 100%);
  color: white !important;
}

.invesCovidImpacteEconomic {
  background: linear-gradient(to right, #359e9b 0%, #359e9b 100%);
  color: white !important;
}

.invesCovidImpacteFisic {
  background: linear-gradient(to right, #75a047 0%, #75a047 100%);
  color: white !important;
}

.invesCovidImpactePsico {
  background: linear-gradient(to right, #bc974d 0%, #bc974d 100%);
  color: white !important;
}

.invesCovidInmunitat {
  background: linear-gradient(to right, #b77141 0%, #b77141 100%);
  color: white !important;
}

.invesCovidPrevencio {
  background: linear-gradient(to right, #b56343 0%, #b56343 100%);
  color: white !important;
}

.invesCovidTractament {
  background: linear-gradient(to right, #9b5353 0%, #9b5353 100%);
  color: white !important;
}

.invesCovidVacunes {
  background: linear-gradient(to right, #703c3c 0%, #703c3c 100%);
  color: white !important;
}

.logoArea {
  float: left;
  background-position: bottom;
  background-size: 50px;
  margin: 0 5px;
}

.logoArea img {
  width: 50px;
  height: 50px;
}

.titolProjecte {
  float: left;
  color: #fff;
  margin-top: 15px;
}

/* Fin Plantila proyectos COVID*/


/*******************************************************/
/* Plantilla Home Activitats UEG (CSEObtindreHomeActivitatUEG) */

#bloc-noticies-boxesA .resum-texto {
  /*width: 98%; se quita porque afecta al video de streaming de la home de uv */
  margin-left: 0;
}

#bloc-noticies-boxesA .resum-texto-seu-home {
  width: 99%;
  margin-left: 0;
}

#bloc-noticies-boxesA h2.titol-act-ueg {
  margin-left: 0.5em;
}

.cat-act-ueg {
  width: 49%;
  /*padding-bottom: 20px;*/
  /*padding-left: 10px;*/
  float: left;
  margin-bottom: 2em;
  /*margin-right: 2em;*/
  margin-left: 0.83em;

  /*box-shadow: 0 5px 10px rgba(0,0,0,.15)!important;*/
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  /*box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;*/
  background-color: #fff;
}

.cat-act-ueg h3 {
  color: #fff;
  /*font-size: 14px;
    font-family: Raleway;*/
  font-size: 16px;
  font-family: 'Oswald';
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  height: 50px;
}

/*.cat-act-ueg-concert{background: linear-gradient(to right, #dd632b 0%,#ec6807 100%);}
.cat-act-ueg-teatre{background: linear-gradient(to right, #b41d28 0%,#db0d15 100%);}
.cat-act-ueg-cinema{background: linear-gradient(to right, #1b6c88 0%,#0296a2 100%);}
.cat-act-ueg-premi{background: linear-gradient(to right, #078eb5 0%,#2f98d4 100%);}
.cat-act-ueg-workshop{background: linear-gradient(to right, #94347e 0%,#a365a6 100%);}
.cat-act-ueg-curs{background: linear-gradient(to right, #0d833c 0%,#169885 100%);}
.cat-act-ueg-xerrada{background: linear-gradient(to right, #f1a002 0%,#fcc234 100%);}
.cat-act-ueg-conferencia{background: linear-gradient(to right, #975933 0%,#c57243 100%);}
.cat-act-ueg-taula{background: linear-gradient(to right, #6f9f2e 0%,#95c11f 100%);}
.cat-act-ueg-inagural{background: linear-gradient(to right, #19486a 0%,#53768f 100%);}
.cat-act-ueg-cloenda{background: linear-gradient(to right, #19486a 0%,#53768f 100%);}
.cat-act-ueg-concert{background: linear-gradient(to right, #dd632b 0%,#ec6807 100%);}
.cat-act-ueg-monoleg{background: linear-gradient(to right, #dd632b 0%,#ec6807 100%);}
.cat-act-ueg-dansa{background: linear-gradient(to right, #dd632b 0%,#ec6807 100%);}*/

.cat-act-ueg-concert .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/concerts.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-teatre .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/teatre.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-cinema .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Cinema.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-premi .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Premi.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-workshop .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Workshop.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-curs .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/cursos.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-xerrada .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/xerrades.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-conferencia .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Conferencia.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;

}

.cat-act-ueg-taula .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Taula_redona.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-inagural .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/inauguracio.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-cloenda .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/cloenda.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-monoleg .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/xerrades.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.cat-act-ueg-dansa .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/dansa.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.title-cat-act-ueg {
  color: #292a25;
  margin-top: 15px;
  float: left;
}

ul.cat-act-ueg li.pregunta {
  background: none;
  background-color: #fff;
  margin: 0em;
  padding: 0em;
  /*border-bottom: 1px solid #ebebeb;*/
  border-bottom: none;
  position: relative;
}

ul.cat-act-ueg li.pregunta h4 {
  padding: 0.5em 0.83em;
  /*margin: 0.5em 0em;*/
  margin: 0;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: normal;
  /*text-transform: capitalize;*/
}

ul.cat-act-ueg li.pregunta h4.title-odd {
  background-color: #fff3cd !important;
}

ul.cat-act-ueg li.pregunta span {
  right: 0;
  position: absolute;
  margin-top: -21px;
  margin-right: 10px;
  cursor: pointer;
}

ul.cat-act-ueg li.pregunta .act-ueg-date {
  color: #999;
  font-size: 11px;
  padding-bottom: 0.2em;
}

.content-act-ueg {
  background-color: #fff;
  float: left;
  width: 100%;

  box-shadow: none !important;
  border-top: 1px solid #f2f2f2;
}

.contenido-act-ueg {
  margin: 1% 1% 0 3%;
  padding-top: 3px;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
}

.contenido-act-ueg p {
  color: #545454;
  font-size: 14px;
  line-height: 20px;
}

.contenido-act-ueg ul li, .contenido-act-ueg ol li {
  background: none !important;
  padding-left: 0;
}

.pro-field-act-ueg {
  padding-top: 1%;
}

.pro-field-act-ueg .pro-resum {
  text-transform: uppercase;
}

.pro-field-act-ueg .bloque2-contenido {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 500ms ease-out;
  margin: 0em;
  padding: 0em;
  background: #f9f9f9;
}

.pro-field-act-ueg .pro-titol {
  font-weight: bold;
  background-color: #feeba9;
}

.respuesta-ueg {
  /*background: #f0f0f0 none repeat scroll 0 0;*/
  margin: 0 1% !important;
  padding-bottom: 1em;
}

/* Fin Plantilla Home Activitats UEG */
/*******************************************************/

/*******************************************************/
/* Plantilla Interior Activitats UEG (CSEObtindreActivitatUEGInterior) */

.title-act-ueg {
  width: 98.5%;
  float: left;
  margin-top: 1em;
  /*margin-bottom:1em;*/
  margin-left: 0.83em;

  /*box-shadow: 0 5px 10px rgba(0,0,0,.15)!important;*/
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  /*box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;*/
  background-color: #fff;
}

.title-act-ueg h2 {
  color: #fff;
  /*font-size: 14px;
    font-family: Raleway;*/
  font-size: 16px;
  font-family: 'Oswald';
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  height: 50px;
}

/*.title-act-ueg-premi{background: linear-gradient(to right, #078eb5 0%,#2f98d4 100%);}
.title-act-ueg-curs{background: linear-gradient(to right, #0d833c 0%,#169885 100%);}
.title-act-ueg-conferencia{background: linear-gradient(to right, #975933 0%,#c57243 100%);}
.title-act-ueg-taula{background: linear-gradient(to right, #6f9f2e 0%,#95c11f 100%);}
.title-act-ueg-concert{background: linear-gradient(to right, #dd632b 0%,#ec6807 100%);}*/

.title-act-ueg-premi .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Premi.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-left: 5px;
}

.title-act-ueg-curs .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/cursos.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.title-act-ueg-conferencia .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Conferencia.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-left: 5px;

}

.title-act-ueg-taula .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Taula_redona.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-left: 5px;
}

.title-act-ueg-concert .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/concerts.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.activitat-boxes-destacada .pregunta h4 {
  padding: 0.5em 0 0.5em 0.5em;
  margin: 0;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: normal;
  cursor: pointer;
}

.activitat-boxes-destacada .pregunta h4.title-odd {
  background-color: #fff3cd !important;
}

.activitat-boxes-destacada .pregunta span {
  /*right: 0;*/
  /*position: absolute;*/
  margin-top: -21px;
  margin-right: 10px;
  cursor: pointer;
  float: right;
}

.activitat-boxes-destacada .pregunta h4.actual {
  color: #fff;
  padding: 0.5em;
}

.activitat-boxes-destacada .pregunta h4.actual-cursos {
  background-color: rgba(13, 131, 60, 0.75);
}

.activitat-boxes-destacada .pregunta h4.actual-conferencies {
  background-color: rgba(151, 89, 51, 0.75);
}

.activitat-boxes-destacada .pregunta h4.actual-taules {
  background-color: rgba(111, 159, 46, 0.75);
}

.activitat-boxes-destacada .pregunta h4.actual-premis {
  background-color: rgba(7, 142, 181, 0.75);
}

.activitat-boxes-destacada .pregunta h4.actual-concerts {
  background-color: rgba(221, 99, 43, 0.75);
}

.activitat-boxes-destacada .pregunta h4.actual span {
  color: #fff;
}

.act-ueg-content {
  margin: 0;
  padding: 0 10px 20px;
}

.act-ueg-contenido {
  margin: 0;
  padding-top: 3px;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
}

.act-ueg-contenido p {
  color: #545454;
  font-size: 14px;
  line-height: 20px;
}

.pregunta {
  /*border-bottom: 1px solid #C0C0C0;*/
  /* padding-bottom: 0.5em; */
  /*margin-bottom: 1em;*/
}

.menu-item-act-ueg {
  width: 98%;
  float: left;
  margin-top: 1em;
  /*margin-bottom:1em;*/
  margin-left: 0.83em;

  /*box-shadow: 0 5px 10px rgba(0,0,0,.15)!important;*/
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  /*box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;*/
  background-color: #fff;
}

.menu-item-primero {
  margin-top: 0;
}

.menu-item-act-ueg h3 {
  color: #292a25;
  /*font-size: 14px;
    font-family: Raleway;*/
  font-size: 16px;
  font-family: 'Oswald';
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  height: 50px;
}

/*.menu-item-act-ueg-premi{background: linear-gradient(to right, #078eb5 0%,#2f98d4 100%); display:none;}
.menu-item-act-ueg-curs{background: linear-gradient(to right, #0d833c 0%,#169885 100%);}
.menu-item-act-ueg-conferencia{background: linear-gradient(to right, #975933 0%,#c57243 100%);}
.menu-item-act-ueg-taula{background: linear-gradient(to right, #6f9f2e 0%,#95c11f 100%);}
.menu-item-act-ueg-concert{background: linear-gradient(to right, #dd632b 0%,#ec6807 100%);}*/

.menu-item-act-ueg-premi .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Premi.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-left: 5px;
}

.menu-item-act-ueg-curs .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/cursos.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.menu-item-act-ueg-conferencia .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Conferencia.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-left: 5px;

}

.menu-item-act-ueg-taula .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/Iconos_Taula_redona.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-left: 5px;
}

.menu-item-act-ueg-concert .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/concerts.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.menu-item-act-ueg-xerrades .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/xerrades.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.menu-item-act-ueg-dansa .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/dansa.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.menu-item-act-ueg-teatre .icon-cat-act-ueg {
  display: inline-block;
  float: left;
  background: url(https://www.uv.es/uwm/ueg/teatre.png) no-repeat;
  background-position: bottom;
  background-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  margin-left: 5px;
}

.title-cat-act-ueg a {
  color: #292a25;
}

.cat-act-ueg-interior {
  width: 49%;
  float: left;
  margin-bottom: 2em;
  margin-left: 0.83em;
}

.cat-act-ueg-interior h3 {
  color: #fff;
  font-size: 14px;
  font-family: Raleway;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  height: 50px;
}

ul.cat-act-ueg-interior li.pregunta {
  background: none;
  background-color: #fff;
  margin: 0em;
  padding: 0em;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

ul.cat-act-ueg-interior li.pregunta h4 {
  padding: 0em 0.83em;
  margin: 0.5em 0em;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: bold;
}

ul.cat-act-ueg-interior li.pregunta span {
  right: 0;
  position: absolute;
  margin-top: -21px;
  margin-right: 10px;
  cursor: pointer;
}

ul.cat-act-ueg-interior li.pregunta .act-ueg-date {
  color: #999;
  font-size: 11px;
  padding-bottom: 0.2em;
}

div.act-ueg-enlaces a {
  color: #016ca2;
}

div.act-ueg-enlaces a:hover {
  color: #016ca2;
}

/* Fin Plantilla Interior Activitats UEG */
/*******************************************************/

/************** Plantilla Revistes ***************/
/*  TPCLlistatRevistes */

.revistes-destacades {
  width: 100%;
  /*background: #f8f8f8;*/
  display: inline-block;
  padding-top: 15px;
  margin-bottom: 1em;
}

.RN-box {
  margin-bottom: 15px;
}

/*.RN-box:nth-of-type(3n+1){clear:left}*/

.revista-box {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 21em;
}

.RN-img-revista-interior img {
  width: 100%;
}

.RN-img-revista-interior {
  overflow: hidden;
}

.RN-img-revista-interior img.img-RevistaNoticia {
  max-height: 269px;
}

.RN-header {
  background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
  position: absolute;
  bottom: 0px;
  width: calc(100% - 60px);
  padding: 15px;
}

.RN-header h3 {
  margin-bottom: 0em;
  color: #f2f2f2;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  margin-top: 0.5em;
  position: relative;
  line-height: 1.4em;
  height: 4.2em;
  overflow: hidden;
  font-size: 1em;
}

.RN-header h3 a {
  color: #f2f2f2;
}

.RN-volum-revista h2 a {
  text-align: left;
  color: #e4e4e4;
  font-family: "Lato";
}

.RN-header h2 {
  text-align: left;
  color: #eee;
  margin: 0.2em;
  font-size: 1.1em;
}

/*******************************************************/


/*********************************************************************************/
/************************************ SEU ELECTRONICA ****************************/
/*********************************************************************************/

.cat-seu-proc {
  width: 100%;
  /*padding-bottom: 20px;*/
  /*padding-left: 10px;*/
  float: left;
  margin-bottom: 1em;
  /*margin-right: 2em;*/
  /*margin-left: 0.83em;*/
  background-color: #C4CDD0; /*#e5e9ed;*/
}

.cat-seu-proc-head {
  width: 100%;
  margin-bottom: 1em;
}

.cat-seu-proc-list {
  margin-bottom: 0.5em;
  margin-left: 0.83em;
  list-style: none;
}

.cat-seu-proc h3, .cat-seu-proc-head h3 {
  /*color: #fff;*/
  color: #333;
  font-size: 14px;
  font-family: Raleway;
  font-weight: normal;
  /*text-transform: uppercase;*/
  padding: 0.4em;
  height: 25px;
  cursor: pointer;
}

.cat-seu-proc a.link-cat-seu-proc {
  /*color: #fff;*/
  color: #333;
  font-size: 14px;
  font-family: Raleway;
  font-weight: normal;
  /*text-transform: uppercase;*/
  padding: 0.4em;
  height: 25px;
  cursor: pointer;
  display: block;
}

a.link-cat-seu-proc-head {
  color: #333;
  font-size: 14px;
  font-family: Raleway;
  font-weight: normal;
  padding: 0.4em;
  height: 25px;
  cursor: pointer;
  display: block;
  background-color: #C4CDD0;
}

.title-cat-seu-proc {
  /*color: #fff;*/
  color: #333;
  margin-top: 4px;
  margin-left: 5px;
  float: left;
}

.content-cat-seu-proc {
  background-color: #fff;
  float: left;
  width: 100%;
}

.contenido-cat-seu-proc {
  margin: 1% 1% 0 3%;
  padding-top: 3px;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.contenido-cat-seu-proc p {
  color: #545454;
  font-size: 14px;
  line-height: 20px;
}

.contenido-cat-seu-proc-margin {
  margin-top: 10px;
}

.contenido-cat-seu-proc ul li, .contenido-cat-seu-proc ol li {
  background: none !important;
  padding-left: 0;
}

.contenido-cat-seu-proc .subtitle-field {
  text-transform: uppercase;
}

.respuesta {
  background: #f0f0f0 none repeat scroll 0 0;
  margin: 0 1% !important;
}

.respuesta-lista li {
  background: none !important;
}

/**** nivel 1 ****/
ul.cat-seu-proc li.pregunta, ul.cat-seu-proc-head li.pregunta {
  background: none;
  background-color: #fff;
  margin: 0em;
  padding: 0em;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

ul.cat-seu-proc li.pregunta h5, ul.cat-seu-proc-head li.pregunta h5 {
  padding: 0em 0.83em;
  margin: 0.5em 0em;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: bold;
}

ul.cat-seu-proc li.pregunta a.link-proc-list, ul.cat-seu-proc-head li.pregunta a.link-proc-list {
  padding: 0em 0.83em;
  margin: 0.5em 0em;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: bold;
  display: block;
  text-decoration: none;
  text-align: left;
}

ul.cat-seu-proc li.pregunta a.link-proc-list:hover, ul.cat-seu-proc-head li.pregunta a.link-proc-list:hover {
  padding: 0.5em 0.83em;
  margin: 0;
  background-color: #f1f1f1;
  cursor: pointer;
  text-align: left;
}

ul.cat-seu-proc li.pregunta span, ul.cat-seu-proc-head li.pregunta span {
  right: 0;
  position: absolute;
  margin-top: -21px;
  margin-right: 10px;
  cursor: pointer;
}

ul.cat-seu-proc li.pregunta .act-ueg-date, ul.cat-seu-proc-head li.pregunta .act-ueg-date {
  color: #999;
  font-size: 11px;
  padding-bottom: 0.2em;
}

ul.cat-seu-proc li.no-result, ul.cat-seu-proc-head li.no-result {
  background: none;
  background-color: #fff;
  margin: 0em;
  padding: 1em 0 0 1em;
  position: relative;
  text-align: left;
}

/******************/
/**** nivel 2 ****/
ul.cat-seu-proc li.seccion-tramite, ul.cat-seu-proc-head li.seccion-tramite {
  background: none;
  background-color: #fff;
  margin: 0em;
  padding: 0em;
  border-bottom: 1px solid #fff;
  position: relative;
}

ul.cat-seu-proc li.seccion-tramite h4, ul.cat-seu-proc-head li.seccion-tramite h4 {
  padding: 0.5em 1em;
  /*margin: 0.5em 0em;*/
  margin: 0;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: normal;
  background-color: #dce0e1;
  cursor: pointer;
}

ul.cat-seu-proc li.seccion-tramite a.link-sec-tramite, ul.cat-seu-proc-head li.seccion-tramite a.link-sec-tramite {
  padding: 0.5em 1em;
  /*margin: 0.5em 0em;*/
  margin: 0;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: normal;
  background-color: #dce0e1;
  cursor: pointer;
  display: block;
  text-decoration: none;
  text-align: left;
}

ul.cat-seu-proc li.seccion-tramite a.link-sec-tramite:hover, ul.cat-seu-proc-head li.seccion-tramite a.link-sec-tramite:hover {
  background-color: #f1f1f1;
  cursor: pointer;
  text-align: left;
}

ul.cat-seu-proc li.seccion-tramite span, ul.cat-seu-proc-head li.seccion-tramite span {
  right: 0;
  position: absolute;
  margin-top: -21px;
  margin-right: 15px;
  cursor: pointer;
}

ul.cat-seu-proc-list li.pregunta {
  background: none;
  background-color: #fff;
  margin: 0em;
  padding: 0em;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

ul.cat-seu-proc-list li.pregunta h5 {
  padding: 0em 0.83em;
  margin: 0.5em 0em;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: bold;
}

ul.cat-seu-proc-list li.pregunta a.link-proc-list {
  padding: 0em 0.83em;
  margin: 0.5em 0em;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: bold;
  display: block;
  text-decoration: none;
  text-align: left;
}

ul.cat-seu-proc-list li.pregunta a.link-proc-list:hover {
  padding: 0.5em 0.83em;
  margin: 0;
  background-color: #f1f1f1;
  cursor: pointer;
  text-align: left;
}

ul.cat-seu-proc-list li.pregunta span {
  right: 0;
  position: absolute;
  margin-top: -21px;
  margin-right: 15px;
  cursor: pointer;
}

ul.cat-seu-proc-list li.pregunta .act-ueg-date {
  color: #999;
  font-size: 11px;
  padding-bottom: 0.2em;
}

ul.cat-seu-proc-list li.no-result {
  background: none;
  background-color: #fff;
  margin: 0em;
  padding: 1em 0 0 1em;
  position: relative;
  text-align: left;
}

.cat-seu-proc-list-title {
  cursor: pointer;
  background-color: #dce0e1;
  padding: 0.4em !important;
  color: #3F3C35;
  font-size: 14px;
}

/******************/

/*********************************************************************************/
/********************************* FIN SEU ELECTRONICA ***************************/
/*********************************************************************************/

/*********************************************************************************/
/**************************************** OCT ************************************/
/*********************************************************************************/
.caja-regular-shadow {
  padding: 1em !important;
  margin-bottom: 3em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: .25em !important;
  background-color: #fff !important;
  width: 90% !important;
  display: inline-block;
}

.content-caja-regular-shadow {
  height: 50px;
}

.titulo-area-caja {
  float: left;
  margin: 10px 0 0 10px;
  font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  cursor: pointer;
}

.icon-caja-menu {
  margin-top: auto;
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
}

.content-thesauro {
  padding-left: 50px;
  display: none;
}

.caja-regular-shadow ul.menu-caja-nivel-1 {
  list-style: none;
  margin-left: 2em;
  margin-right: 3.5em;
}

.caja-regular-shadow ul.menu-caja-nivel-1 li.item-menu-nivel-1 {
  text-align: left;
  color: #212529 !important;
  font-size: 1.4em;
  font-weight: 500;
  padding: 0.5em;
  border: solid 1px #c0c0c0;
  border-radius: .25em;
  margin-bottom: 5px;
  cursor: pointer;
}

.text-caja-menu-nivel-1 {
  display: inline-block;
  width: 85%;
}

.icon-caja-menu-nivel-1 {
  color: #212529 !important;
  float: right;
  margin-top: auto;
  padding: 0.25em;
  cursor: pointer;
}

.nivel-2-uv-docencia {
  color: #212529 !important;
  float: right;
  margin-top: auto;
  padding: 0.25em;
  cursor: pointer;
}

.content-assets-thesauro {
  margin-top: .5em;
  margin-left: 1em;
  display: none;
}

.content-assets-thesauro3 {
  margin-top: .5em;
  margin-left: 1em;
  display: none;
}

.caja-regular-shadow ul.menu-caja-nivel-2 {
  list-style: none;
}

.caja-regular-shadow ul.menu-caja-nivel-2 li.item-menu-nivel-2 {
  font-size: 0.9em !important;
  cursor: pointer;
}

/*.icon-caja-menu-nivel-2{
	display:inline-block;
	color: #212529 !important;
    margin-right: 0.5em;
	background: url(https://www.uv.es/octcovid/icones/iconos_covid_label.png) no-repeat;
    background-position: top;
    background-size: 18px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}*/

.icon-caja-menu-nivel-2 img {
  width: 15px;
  height: 15px;
}

.link-caja-nivel-2 {
  text-decoration: none;
  color: #212529 !important;
  display: block;
}

.link-caja-nivel-2:hover {
  text-decoration: none;
  color: #212529 !important;
  /*border-bottom: solid 1px #c0c0c0;*/
  background-color: #f2f2f2;
}

.link-caja-nivel-2:focus {
  text-decoration: underline;
}

.fondo-caja-regular-shadow {
  background-color: #e1eaef !important;
}

.bck-caja-assets {
  background-color: #fff !important;
}

/*********************** COLOR **************************/
.caja-regular-shadow-color {
  /*padding: 1em!important;*/
  margin-bottom: 3em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: .25em !important;
  background-color: #fff !important;
  width: 95% !important;
  display: inline-block;
}

.caja-f-left {
  float: left;
}

.caja-f-right {
  float: right;
}

@media only screen and (max-width: 600px) {
  .caja-f-right {
    float: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .caja-f-right {
    float: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
  .caja-f-right {
    float: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  .caja-f-right {
    float: left;
  }
}

.content-caja-regular-shadow-color {
  /*height: 50px;*/
  text-align: left;
}

.logoArea-color {
  background: #DCF6EF;
  padding: 5px;
  display: inline-block;
  border-radius: .25em 0 0 .25em;
  float: left;
}

.logoArea-color-a1 {
  background: #DCF6EF !important;
}

.logoArea-color-a2 {
  background: #f7f0e6 !important;
}

.logoArea-color-a3 {
  background: #d6b5d0 !important;
}

.logoArea-color-a4 {
  background: #fbdfeb !important;
}

.logoArea-color-a5 {
  background: #b5dcf9 !important;
}

.logoArea-color-a6 {
  background: #fbe288 !important;
}

.logoArea-color-uv {
  /*background: #082b4e;*/ /*NUEVOS ICONOS*/
  padding: 5px;
  display: inline-block;
  border-radius: .25em 0 0 .25em;
}

.logoArea-color img, .logoArea-color-uv img, .logoArea-color-uvdoc img {
  width: 70px;
  height: 70px;
}

.titulo-area-caja-color {
  /*float: left;
	margin:10px 0 0 10px;*/
  font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  cursor: pointer;
  width: 72%; /* Estaba a 76% pero en oct se veía mal*/
  display: inline-block;
  padding: 10px 0 10px 10px;
  vertical-align: top;
}

.caja-acordeon-columna .titulo-area-caja-color {
  font-size: 1.8em;	
}

.caja-sub {
  font-size: 0.7em;
  display: block;
}


.textLliurePlegat .caja-regular-shadow-color {
  /* padding: 1em!important; */
  margin-bottom: 0em !important;
}

.textLliurePlegat .content-caja-regular-shadow-color .titulo-area-caja-color {
  padding-left: 1em;
  font-size: 1.1em;
  width: 90%;
}

.textLliurePlegat .content-caja-regular-shadow-color .icon-caja-menu-color {
  margin: 0;
}

.textLliurePlegat .titulo-area-caja-color i.fa {
  padding-right: 1em;
  color: #333;
}

.textLliurePlegat .content-thesauro-azul {
  padding: 0px 20px 20px 50px;
  text-align: left;
}


.titulo-area-ancho {
  width: calc(100% - 11em);
}

.icon-caja-menu-color {
  /*margin-top: auto;*/
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;

  margin-top: 15px;
  margin-right: 15px;
}

#content-total .vista-completa .textLliurePlegat .caja-regular-shadow-color {
  width: 100% !important;
}

@media only screen and (max-width: 1200px) {
  .titulo-area-caja-color {

    width: 52%;
  }
}

@media only screen and (max-width: 992px) {
  .titulo-area-caja-color {
    font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    cursor: pointer;

    display: inline-block;
    padding: 5px 0 5px 5px;
    vertical-align: top;
  }

  .icon-caja-menu-color {
    float: right;
    padding: 14px;
    font-size: 18px !important;
    color: #212529 !important;
    cursor: pointer;

    margin-top: 15px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .icon-caja-menu-color {
    float: right;
    padding: 12px 5px 12px 12px;
    font-size: 18px !important;
    color: #212529 !important;
    cursor: pointer;

    margin-top: 15px;
    margin-right: 0;
  }
}

.caja-regular-shadow-color ul.menu-caja-nivel-1 {
  list-style: none;
  margin-left: 2em;
  margin-right: 3.5em;
}

.caja-regular-shadow-color ul.menu-caja-nivel-1 li.item-menu-nivel-1 {
  text-align: left;
  color: #212529 !important;
  font-size: 1.4em;
  font-weight: 500;
  padding: 0.5em;
  border: solid 1px #c0c0c0;
  border-radius: .25em;
  margin-bottom: 5px;
  cursor: pointer;
  background: none; /* paginas interiores */
}

.caja-regular-shadow-color ul.menu-caja-nivel-2 {
  list-style: none;
}

.caja-regular-shadow-color ul.menu-caja-nivel-2 li.item-menu-nivel-2 {
  font-size: 0.9em !important;
  cursor: pointer;
  overflow: auto; /* cuadro lista dos lineas*/
  background: none; /* paginas interiores */
}

/*.caja-regular-shadow-color ul.menu-caja-nivel-2 li.item-menu-nivel-2::marker {
	content: "\f0c8";
	font-family: "FontAwesome";
	color: red;
	font-size: 10px;
}*/

.content-thesauro-color {
  padding: 20px 20px 20px 80px;
  display: none;
}

.content-acordeon-columna {
  display: none;
}

.content-thesauro-azul {
  padding: 0px 20px 20px 100px;
}

@media (max-width: 436px), (min-width: 601px) and (max-width: 733px) {
  .content-thesauro-color ul li span.fa {
    width: 6%
  }

  .content-thesauro-color ul li span.text-caja-menu-nivel-1 {
    width: 80%;
  }

  .content-thesauro-color ul.menu-caja-nivel-1 {
    width: 90% !important;
  }

  .content-thesauro-color {
    padding-left: 2em;
  }
}

.icon-caja-menu-nivel-2 {
  display: inline-block;
  margin-right: 0.5em;
  /*background: url(https://www.uv.es/octcovid/icones/iconos_covid_label.png) no-repeat;
    background-position: top;
    background-size: 18px;*/
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background-color: #082b4e;
  float: left; /* dos lineas */
  margin-top: 0.4em; /* dos lineas */
}

.txt-caja-menu-nivel-2 { /* dos lineas */
  float: left;
  width: 90%;
}

.assets-titulo {
  float: left;
  font-size: 1.5em;
  /*width: 24em;*/
  width: calc(100% - 2em);
  text-align: left;
}

/********************** FIN COLOR ****************************/

/********************** INTERIOR *************************/

.oct-list-item {
  display: block;
  position: relative;
  padding: 16px 0px 16px 8px;
  /*border-bottom: 1px solid;
	border-bottom-color: rgba(0,0,0,.12);*/
  text-transform: none;
  cursor: pointer;
}

.l-odd {
  background-color: #f2f2f2 !important;
}

.info-oct-list-item {
  margin: 0;
  /*width: 77%;*/
  width: calc(((100% - 70px) / 10) * 8);
  display: inline-block;
  background: url(https://www.uv.es/octcovid/icones/iconos_OCT_Capacidades.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 40px;
  /*height: 30px;*/
  background-position-y: top;
  min-height: 30px;
}

.item-lineas-inves {
  background-image: url(https://www.uv.es/octcovid/icones/iconos_OCT_Lineas_investigacion.png);
}

.item-grupos-inves {
  background-image: url(https://www.uv.es/octcovid/icones/iconos_OCT_Grupos_investigacion.png);
}

.item-recursos {
  background-image: url(https://www.uv.es/octcovid/icones/iconos_OCT_Recursos.png);
}

.item-proyectos {
  background-image: url(https://www.uv.es/octcovid/icones/iconos_OCT_Proyectos_investigacion.png);
}

.item-resultados {
  background-image: url(https://www.uv.es/octcovid/icones/iconos_OCT_Resultados.png);
}

.info-oct-list-item .title {
  font-weight: 600;
  color: #292a25;
  font-size: 1.4em;
  font-family: 'Lato';
}

.info-oct-list-item .notes {
  margin-top: 4px;
  color: #292a25;
  font-size: 1.4em;
  font-family: 'Lato';
  display: none;
}

.actions-oct-list-item {
  text-align: right;
  /*width: 15%;*/
  width: calc(((100% - 70px) / 10) * 2);
  display: inline-block;
  vertical-align: top;

}

.actions-oct-list-item span {
  font-size: 20px;
  color: rgba(0, 0, 0, .87);
  margin-left: 10px;
  display: block;
}

.entry-content .actions-oct-list-item a {
  color: #fff;
}

.btn-oct {
  border-radius: 15px;
  background: #082b4e;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 90px;
  width: 100%;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  line-height: 31px;
  color: #ffffff;
  margin-top: 13px;
  text-decoration: none;
}

.btn-oct:hover {
  text-decoration: none !important;
}

.oct-list-item ul li {
  background-color: transparent !important;
}

/*********************************************************/

/**********************  DETALLE *************************/
.oct-detall-content {
  margin: 1em 0em;
}

.oct-detall-content2 {
  margin: 1em 0em 2em 0em;
}

.margin-top-0 {
  margin-top: 0;
}

.oct-detall-content .titol, .oct-detall-column .titol {
  font-weight: 900;
  font-size: 1.7em;
  color: #333;
  font-family: 'Lato';
}

.oct-detall-content p {
  font-family: 'Lato', serif;
  font-size: 1em;
  text-align: justify;
  padding: 0 15px 0.83em;
}

.oct-detall-content ul, .oct-detall-content ol {
  font-family: 'Lato', serif;
}

.oct-detall-content .oct-detall-subtitulo {
  font-size: 1.5em;
  font-style: italic;
  padding: 0;
}

.oct-detall-content .oct-detall-subtitol {
  color: rgba(0, 0, 0, .54);
  font-size: 15px;
  font-weight: 400;
}

.oct-detall-content .oct-detall-resum {
  background-color: #f2f2f2;
  padding: 0.5em;
}

.oct-detall-content .oct-detall-resum p {
  padding: 0;
}

.oct-detall-content .contacte-box {
  max-width: 350px;
  min-width: min-content;
  /*border-radius: 8px;
    border: 1px solid;
    background: #fff;
    border-color: rgba(0,0,0,.12);*/
  margin-top: 10px;
}

.contacte-box-wide {
  max-width: 100% !important;
}

.oct-detall-content .contacte-box .contacte-header {
  background-color: #cfd8dc;
  /*padding: 16px 24px;
    border-radius: 8px 8px 0 0;*/
}

.oct-detall-content .contacte-box .contacte-header span {
  display: block;
  padding: 16px 24px;
  font-weight: 600;
  font-size: 1.1em;
}

.oct-detall-content .contacte-box .contacte-header svg {
  width: 100%;
  height: 1vw;
}

.oct-detall-content .contacte-box .contacte-body {
  background-color: #f1f1f1;
  margin-top: -1px; /* Bug Firefox */
}

.oct-detall-content .contacte-box .contacte-space {
  background-color: #fff;
  margin-top: -1px; /* Bug Firefox */
}

.oct-detall-content .contacte-box .contacte-space svg {
  width: 100%;
  height: 1vw;
}

.oct-detall-content .contacte-box .contacte-item {
  padding: 5px 24px 5px 24px;
}

.oct-detall-content .contacte-box .contacte-item .lnkFacebook {
  margin-right: 2px;
}

.oct-detall-content .contacte-box .contacte-item .lnkTwitter {
  margin-right: 2px;
}

.oct-detall-content .contacte-box .contacte-item .lnkYoutube {
  margin-right: 2px;
}

.oct-detall-content .contacte-box .contacte-item .lnkInstagram {
  margin-right: 2px;
}

.oct-detall-content .contacte-box .contacte-item .lnkPinterest {
  margin-right: 2px;
}

.oct-detall-content .contacte-box .contacte-item .lnkLinkedin {
  margin-right: 2px;
}

.oct-detall-content .contacte-box .contacte-item .lnkWhatsapp {
  margin-right: 2px;
}

.oct-detall-content .contacte-box .contacte-item .lnkTelegram {
  margin-right: 2px;
}

.box-diagonal {
  background-color: #f2f2f2;
  margin-top: 10px;
  padding: 15px 0 0 15px;
}

.box-diagonal svg {
  width: 100%;
  height: 3vw;
}

.box-diagonal ul {
  list-style: none;
}

ul.lista-check {
  padding: 15px;
  list-style: none;
}

.box-diagonal ul li, ul.lista-check li {
  /*background: transparent url(boton-flecha-r.gif) left 0.86em no-repeat !important;*/
  background: none !important;
}

.box-diagonal ul li::before, ul.lista-check li::before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  /*background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='50' fill='%23607d8b'/></svg>");
  background-size: 38%;*/
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='250' height='250' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>");
  /*background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9InN2ZzgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxzdHlsZSBpZD0ic3R5bGU0ODM0IiB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7fQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cjwvc3R5bGU+PGRlZnMgaWQ9ImRlZnM0ODQwIi8+PGcgaWQ9ImcxMjI0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDQuMjMzMzMzNCkiPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MSw3LjhjMy44LDctMC45LDI1LTAuOSwyNSAgIHMtNC43LDYtMTYsNkgyNGMtMTEuMywwLTE2LTYtMTYtNnMtNC43LTE4LTAuOS0yNUMxNC4xLTEuNywzNywxLjIsNDEsNy44eiIgaWQ9InBhdGgxMTkwIiBzdHlsZT0iZmlsbDojZmYwMDAwIi8+PGVsbGlwc2UgY2xhc3M9InN0MCIgY3g9IjI0IiBjeT0iMjEuOCIgaWQ9ImVsbGlwc2UxMTkyIiByeD0iMS43IiByeT0iMS42Ii8+PGcgaWQ9ImcxMjAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAzMDc3NjI0KSIvPjxnIGlkPSJnMTI4NyIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMS4xNTkyNjU0LC0wLjA4NjE1MjA5LDAuMDQ3OTk2ODcpIj48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjEuNCwxOC44YzAsMC00LjktNy45LTEyLTkuNyAgICBjLTEuMyw0LjQtMC4yLDguMiwxLjMsMTAuNEMxMy43LDIwLjEsMTcuNywyMC4yLDIxLjQsMTguOHoiIGlkPSJwYXRoMTI4MSIgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNi44LDE4LjhjMCwwLDQuOS03LjksMTItOS43ICAgIGMxLjMsNC40LDAuMiw4LjItMS4zLDEwLjRDMzQuNSwyMC4xLDMwLjUsMjAuMiwyNi44LDE4Ljh6IiBpZD0icGF0aDEyODMiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48L2c+PGcgaWQ9ImcxMzI3Ij48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjQsMTkuOHYtMTgiIGlkPSJwYXRoMTI4OSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMSw0LjhjMCwwLDYuOSw0LjksMTEuNywxNS43IiBpZD0icGF0aDEyOTEiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjIuOSwyMy41YzAsMC00LDguMi00LjUsMTQuOSIgaWQ9InBhdGgxMjk1Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTIwLjgsMjEuOWMwLDAtNi45LDMuMS0xMi41LDExLjIiIGlkPSJwYXRoMTI5NyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04LjgsMTkuM2wtMi42LDAuMSIgaWQ9InBhdGgxMjk5Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTkuOCwyMi4xYzAsMCwyLjQsMi42LDEuNiw3LjEgICAgYzAsMCw0LjYsMS4xLDguMiwzLjYiIGlkPSJwYXRoMTMxMCIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yMS42LDI2LjJjMCwwLTEuNC0xLjgtNC4yLTIuMiIgaWQ9InBhdGgxMzEyIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTI0LDEzLjNjMCwwLTAuMywyLjItNC42LDEuMUwxOCwxNi4yIiBpZD0icGF0aDEzMTQiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjMuOCw2LjljMCwwLTIuNywxLjctOC4zLDEuN2MwLDAtMC43LDIuMi0yLjksMy40IiBpZD0icGF0aDEzMTYiLz48L2c+PGcgaWQ9ImcxMzQ3IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwxMi43MDcyMTMsMCkiPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMjQuMyw0LjhjMCwwLDYuOSw0LjksMTEuNywxNS43IiBpZD0icGF0aDEzMzEiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTEyLjQsMjMuNWMwLDAtNCw4LjItNC41LDE0LjkiIGlkPSJwYXRoMTMzMyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMTQuNiwyMS45YzAsMC02LjksMy4xLTEyLjUsMTEuMiIgaWQ9InBhdGgxMzM1Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTS0yNi42LDE5LjNsLTIuNiwwLjEiIGlkPSJwYXRoMTMzNyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMjUuNSwyMi4xYzAsMCwyLjQsMi42LDEuNiw3LjEgICAgYzAsMCw0LjYsMS4xLDguMiwzLjYiIGlkPSJwYXRoMTMzOSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMTMuNywyNi4yYzAsMC0xLjQtMS44LTQuMi0yLjIiIGlkPSJwYXRoMTM0MSIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMTEuMywxMy4zYzAsMC0wLjMsMi4yLTQuNiwxLjFsLTEuNSwxLjciIGlkPSJwYXRoMTM0MyIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tMTEuNSw2LjljMCwwLTIuNywxLjctOC4zLDEuN2MwLDAtMC43LDIuMi0yLjksMy40IiBpZD0icGF0aDEzNDUiLz48L2c+PHBhdGggY2xhc3M9InN0MiIgZD0iTTIxLjYsMjYuMmMwLDAsMi42LTEuNSw0LjksMC4xIiBpZD0icGF0aDEzNDkiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTkuNiwzMi44YzAsMCw0LTEuOCw4LjgsMCIgaWQ9InBhdGgxMzUxIi8+PC9nPjwvc3ZnPg==");*/
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  top: 0.08rem;
  margin-right: 0.2rem;
}

.box-diagonal a {
  /*display: block;*/
}

.oct-detall-content-columns {
  margin: 1em 0em;
  display: inline-flex;
  float: left;
  width: 100%;
}

.oct-detall-content-columns .oct-detall-column {
  float: left;
  width: 49%;
}

.oct-detall-content-columns .oct-detall-column-sep {
  width: 2%;
  float: left;
  display: block;
  background-color: #FFF;
}

.oct-detall-content-column-float {
  float: left;
  width: 49%;
}

@media (max-width: 1210px) {

  .oct-detall-content-column-float-grups-inves {
    width: 96%
  }
}

.oct_condicions ul li {
  background-color: inherit !important;
}

.res_grup {
  display: flex;
  flex-wrap: wrap;
}

.res_grup .oct-detall-content-column-float {
  width: 50%;
  display: block;
}

.res_grup .oct-detall-content-column-float .contacte-card {
  display: inline-block;
  width: max-content;
}

.res_grup .oct-detall-content-column-float .contacte-box {
  width: 100% !important;
  min-width: unset;
}

@media (max-width: 480px) {
  .res_grup .oct-detall-content-column-float {
    width: 100%;
  }
}

.estruct_contacte {
  display: flex;
  flex-wrap: wrap;
}

.estruct_contacte .oct-detall-content-column-float {
  width: 50%;
  display: block;
}

.estruct_contacte .oct-detall-content-column-float .contacte-card {
  display: inline-block;
  width: max-content;
}

.estruct_contacte .oct-detall-content-column-float .contacte-box {
  width: 85% !important;
  min-width: min-content;
}

@media (max-width: 480px) {
  .estruct_contacte .oct-detall-content-column-float {
    width: 100%;
  }
}

.contacte-card {
  /*z-index: 1;
    position: relative;
	margin: 0 auto;*/
  display: inline-block;
  width: 200px;
  /*height:200px;*/
  margin-top: 10px;
  padding-top: 10px;
  background-color: #f2f2f2;
  margin-right: 10px;
  /*-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  /*
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.2);
*/
}

.contacte-banner {
  /*z-index: 2;
    position: relative;
    margin-top: -154px;*/
  width: 100%;
  height: 150px;
  background-image: url("https://snap-photos.s3.amazonaws.com/img-thumbs/960w/RQ2Z75PQIN.jpg");
  background-size: cover;
  border-bottom: solid 1px lightgrey;

  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
}

.contacte-banner.active {
  height: 0;

}

.contacte-photo {
  /*z-index: 3;
    position: relative;*/
  margin: 0 auto;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  background-color: white;
  background-image: url("https://www.uv.es/octcovid/icones/iconos_covid_usuario.png");
  background-size: cover;
  background-position: 50% 50%;
  /*top:75px;*/
  -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: top 0.7s ease-in-out, background 0.15s ease;
  -moz-transition: top 0.7s ease-in-out, background 0.15s ease;
  -o-transition: top 0.7s ease-in-out, background 0.15s ease;
  -ms-transition: top 0.7s ease-in-out, background 0.15s ease;
}

/*.contacte-photo.active
{
    top:-80px;
}*/

.contacte-card ul {
  list-style: none;
  text-align: center;
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 11px;
  height: 108px; /*Antes 77 pero hay casos con 5 lineas */
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
}

.contacte-card ul.active {
  opacity: 0;
  visibility: hidden;
}

.contacte-card ul li {
  background: none !important;
  padding: 0;
}

.contacte-card ul li.contacte-name {
  font-size: 12px;
}

.contacte-card i {
  font-size: 16px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 150px;
  width: 300px;
  text-align: left;
  color: #a9a9a9; /*#C7D0E1;*/
}

a.contacte-link {
  /*margin: 0 auto;
	margin-top: -15px;*/
  text-align: center;
  width: 100%;
  height: 30px;
  padding-top: 10px;
  display: block;
  border: none;
  background-color: transparent;
  font-family: inherit;
  color: #292a25; /*white;*/
  background-color: #cfd8dc; /*#C7D0E1;*/
  font-size: 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

a.contacte-link:hover {
  cursor: pointer;
  background-color: #6c727f; /*#979da8;*/
  color: #fff;
}

/*a.contacte-link:focus {
  outline: 0;
}*/

.contacte-social-media-banner {
  width: 200px;
  height: 30px;
  margin-top: 10px;
  text-align: center;
  display: inline-table;
  /*position: absolute;*/
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5 ease-in-out;
}

.contacte-social-media-banner.active {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
}

.contacte-social-media-banner a.no-underline:hover {
  text-decoration: none;
}

.contacte-social-media-banner a i {
  display: inline;

  width: auto;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.contacte-social-media-banner a i:hover {
  color: #979da8;
}

.contacte-social-media-banner .lnkFacebook,
.contacte-social-media-banner .lnkTwitter,
.contacte-social-media-banner .lnkLinkedin,
.contacte-social-media-banner .lnkInstagram,
.contacte-social-media-banner .lnkYoutube,
.contacte-social-media-banner .lnkPinterest,
.contacte-social-media-banner .lnkWhatsapp,
.contacte-social-media-banner .lnkTelegram {
  margin-right: 5px;
}

.recurs-card {
  border-radius: 8px;
  background: #fff;
  /*border: 1px solid;
    border-color: rgba(0,0,0,.12);*/
  /*max-width: 500px;
    min-width: 320px;*/
}

.recurs-card img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: none;
  margin: 0 !important;
  width: 100%;
}

.recurs-card .recurs-card-foot {
  padding: 16px;
  background-color: #f1f1f1;
  border-radius: 0 0 8px 8px;
}

.recurs-card .recurs-card-foot .recurs-card-title {
  font-size: 24px;
  font-weight: 400;
}

.recurs-card .recurs-card-foot .recurs-card-subtitle {
  color: rgba(0, 0, 0, .54);
  font-size: 15px;
  font-weight: 400;
}

.recurs-card .recurs-card-resum {
  line-height: 1.75;
  padding: 0 16px 16px 16px;
  background-color: #f2f2f2;
  border-radius: 0 0 8px 8px;
}

.recurs-card .recurs-card-resum p {
  padding: 0;
}

.btn-oct-raised {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  overflow: visible;
  transform: translate3d(0, 0, 0);
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #cfd8dc;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.btn-oct-raised:hover {
  text-decoration: none;
}

.btn-oct-raised .btn-wrapper {
  color: #292a25;
  text-transform: uppercase;
  font-family: 'Lato';
}

.sep-multimedia {
  margin-top: 4em;
}

.sep-multimedia-foot {
  margin-bottom: 4em;
}

.data-detall-calendari {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 64px;

  /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
  vertical-align: top;
  color: black;
  background: #f2f2f2; /*white;*/
  /*background : linear-gradient(to bottom right, #f2f2f2 0%, #EEE 100%);*/
  /*background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);*/

  /*border: 1px solid #888;*/
  border-radius: 3px;
  overflow: hidden;

  /*box-shadow: 2px 2px 2px -2px black;*/
}

.data-detall-calendari .mes,
.data-detall-calendari .any {
  text-align: center;
  line-height: 1.0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}

.data-detall-calendari .any {
  top: 0px;
}

.data-detall-calendari .mes {
  top: 35px;
}

.data-detall-calendari .any {
  height: 2em;
  line-height: 2;
  font-size: 14px;
  font-family: 'Lato';
  text-transform: uppercase;
  background: #979da8; /*#B11*/
  background: linear-gradient(to bottom right, #cfd8dc 0%, #979da8 100%);
  color: white;
}

.data-detall-calendari .mes {
  font-size: 14px;
  font-family: 'Lato';
}

.oct-detall-content #slider-code .viewport {
  width: 59em;
}

.content-total .vista-completa .oct-detall-content #slider-code .viewport {
  width: 85em;
}

@media (max-width: 1022px) {
  .oct-detall-content #slider-code .viewport {
    width: 35em;
  }

  .content-total .vista-completa .oct-detall-content #slider-code .viewport {
    width: 70em;
  }
}

@media (max-width: 540px) {
  .oct-detall-content #slider-code .viewport {
    width: 18em;
  }

  .oct-detall-content #slider-code .overview li {
    margin: 0 1em 0em;
    width: 18em;
    height: 23em;
  }

  .content-total .vista-completa .oct-detall-content #slider-code .viewport {
    width: 18em;
  }

  .vista-completa .oct-detall-content #slider-code .overview li {
    margin: 0 1em 0em;
    width: 18em;
    height: 23em;
  }
}

/*********************************************************************************/
/*************************************** FIN OCT *********************************/
/*********************************************************************************/

/*********************************************************************************/
/*********************************** FORUM OCUPACIO ******************************/
/*********************************************************************************/

.contenido-forum {
  /*padding-left: 4px;
    padding-right: 4px;*/
}

.presentacion-forum {
  padding: 0 8em;
  margin-top: 3em;
}

.presentacion-forum p {
  font-size: 1.2em;
}

.inscripcion-forum {
  margin-top: 3em;
  text-align: center;
}

.video-forum {
  margin-top: 5em;
}

.empresas-forum {
  margin-top: 5em;
  padding-left: 8px;
  padding-right: 8px;
}

.lista-rep-forum {
  margin-top: 3em;
}

.contador-forum {
  margin-top: 3em;
}

.cuerpo_empresas {
  /*width: 98.5em;*/
  margin: 0 auto;
  text-align: left;
}

.row-empresas {
  margin-bottom: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.card-empresa {
  margin-bottom: 3em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: .25em !important;
  background-color: #fff !important;
  /*width:25% !important;*/
  display: inline-block;
}

.card-empresa .container {
  position: relative;
  width: 270px;
  height: 350px;
  margin: 0 auto 20px auto;

  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
}

/*Escritorio*/
@media (min-width: 1199.98px) {
  .card-empresa .container {
    width: 270px;
    height: 350px;
  }
}

/*Fin Escritorio*/

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
  .card-empresa .container {
    width: 270px;
    height: 350px;
  }
}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation: landscape) {
  .card-empresa .container {
    width: 270px;
    height: 350px;
  }
}

/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation: portrait) {
  .card-empresa .container {
    width: 270px;
    height: 350px;
  }
  
  .presentacion-forum {
	padding: 0 1em;
	margin-top: 3em;
  }
  
  blockquote {
	text-align: left;
	padding: 15px 20px 15px 25px;
  }
  
  blockquote::before {
	font-size: 2em;
	left: 5px;
  }
}

/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: landscape) {
  .card-empresa .container {
    width: 340px;
    height: 350px;
  }
  
  .presentacion-forum {
	padding: 0 1em;
	margin-top: 3em;
  }
  
  blockquote {
	text-align: left;
	padding: 15px 20px 15px 25px;
  }

  blockquote::before {
	font-size: 2em;
	left: 5px;
  }  
}

/*fin movil*/


.card-empresa .container .card {
  position: absolute;
  width: 100%;
  height: 100%;

  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -ms-transition: -ms-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.card-empresa .container .card .face {
  position: absolute;
  width: 100%;
  height: 100%;
  /*font-family: Arial, sans-serif;
    font-size: 140px;
    font-weight: bold;
    line-height: 260px;
    color: #fff;
    text-align: center;*/
  background-color: #fff;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-empresa .container .card.flipped,
.card-empresa .container .card .face2 {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

@keyframes rotate1 {
  from {
    -webkit-transform: rotateY(0deg)
  }
  to {
    -webkit-transform: rotateY(180deg)
  }
}

@keyframes rotate2 {
  from {
    -webkit-transform: rotateY(180deg)
  }
  to {
    -webkit-transform: rotateY(360deg)
  }
}

@keyframes rotate3 {
  from {
    -webkit-transform: rotateY(0deg)
  }
  to {
    -webkit-transform: rotateY(-180deg)
  }
}

@keyframes rotate4 {
  from {
    -webkit-transform: rotateY(-180deg)
  }
  to {
    -webkit-transform: rotateY(-360deg)
  }
}

.r1 {
  -webkit-animation-name: rotate1;
  -webkit-animation-duration: 1s;
  -webkit-transform: rotateY(180deg)
}

.r2 {
  -webkit-animation-name: rotate2;
  -webkit-animation-duration: 1s;
}

.r3 {
  -webkit-animation-name: rotate3;
  -webkit-animation-duration: 1s;
  -webkit-transform: rotateY(-180deg)
}

.r4 {
  -webkit-animation-name: rotate4;
  -webkit-animation-duration: 1s;
}


.card-empresa .container .card .face .content1 {
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  padding-top: 10px;
}

.card-empresa .container .card .face .content2 {
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  padding-top: 10px;
}

.card-empresa .container .card .face .content3 {
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  padding-top: 10px;
}

.card-empresa .container .card .face .content4 {
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  padding-top: 10px;
}

.card-empresa .container .card .face .content5 {
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  padding-top: 10px;
}

.faces-card {
  display: none;
}

.buttons-card {
  text-align: center;
  margin-bottom: 20px;
}


.buttons-card input {
  background-color: #c3bcb6;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.buttons-card input:focus {
  outline: none;
  /*background-color: #000;*/
}

.buttons-card input.card-select {
  background-color: #000;
}

.buttons-card .btn-prev-card {
  display: inline-block;
  float: left;
  margin-top: 4px;
  margin-left: 2em;
  cursor: pointer;
}

.buttons-card .btn-next-card {
  display: inline-block;
  float: right;
  margin-top: 4px;
  margin-right: 2em;
  cursor: pointer;
}

.card-empresa .container .card .face .content1 .title-empresa,
.card-empresa .container .card .face .content2 .title-empresa,
.card-empresa .container .card .face .content3 .title-empresa,
.card-empresa .container .card .face .content4 .title-empresa,
.card-empresa .container .card .face .content5 .title-empresa {
  text-align: center;
  background: none;
  color: #000;
  font-size: 16px;
  padding: 0;
  margin-top: 20px;
  text-transform: none;
  font-family: 'Lato', serif;
}

.card-empresa .container .card .face .content1 .txt-empresa,
.card-empresa .container .card .face .content2 .txt-empresa,
.card-empresa .container .card .face .content3 .txt-empresa,
.card-empresa .container .card .face .content4 .txt-empresa,
.card-empresa .container .card .face .content5 .txt-empresa {
  text-align: left;/*justify;*/
  background: none;
  color: #000;
  font-size: 12px;
  padding: 0 10px;
  margin-top: 10px;
  text-transform: none;
  font-family: 'Lato', serif;
}

.card-empresa .container .card .face .content1 .txt-empresa p,
.card-empresa .container .card .face .content2 .txt-empresa p,
.card-empresa .container .card .face .content3 .txt-empresa p,
.card-empresa .container .card .face .content4 .txt-empresa p,
.card-empresa .container .card .face .content5 .txt-empresa p {
	font-family: 'Lato', serif !important;
}

.card-empresa .container .card .face .content1 .type-empresa,
.card-empresa .container .card .face .content2 .type-empresa,
.card-empresa .container .card .face .content3 .type-empresa,
.card-empresa .container .card .face .content4 .type-empresa,
.card-empresa .container .card .face .content5 .type-empresa {
  text-align: left;
  background-color: #f2f2f2;
  color: #000;
  font-size: 12px;
  padding: 2px;
  margin-top: 2px;
  text-transform: none;
  font-family: 'Lato', serif;
  line-height: 1.2em;
}

.card-empresa .container .card .face .content3 .doc-empresa {
  margin-top: 10px;
  text-align: left;
}

.card-empresa .container .card .face .content3 .contact-empresa {
  color: #59819b;
  text-align: left;
}

.card-empresa .container .card .face .content3 .contact-empresa-text {
  color: #59819b;
  line-height: 1.2em;
  text-align: left;
}

.card-empresa .container .card .face .content3 .contact-empresa .lnkFacebook,
.card-empresa .container .card .face .content3 .contact-empresa .lnkTwitter,
.card-empresa .container .card .face .content3 .contact-empresa .lnkYoutube,
.card-empresa .container .card .face .content3 .contact-empresa .lnkInstagram,
.card-empresa .container .card .face .content3 .contact-empresa .lnkLinkedin,
.card-empresa .container .card .face .content3 .contact-empresa .lnkWhatsapp {
  padding-right: 0.4em;
}

.card-empresa .container .card .face .content3 .contact-empresa .lnkFacebook span {
  color: #1877f2;
  font-size: 2em;
}

.card-empresa .container .card .face .content3 .contact-empresa .lnkTwitter span {
  color: #1da1f2;
  font-size: 2em;
}

.card-empresa .container .card .face .content3 .contact-empresa .lnkYoutube span {
  color: #ff0000;
  font-size: 2em;
}

.card-empresa .container .card .face .content3 .contact-empresa .lnkInstagram span {
  color: #c32aa3;
  font-size: 2em;
}

.card-empresa .container .card .face .content3 .contact-empresa .lnkLinkedin span {
  color: #007bb5;
  font-size: 2em;
}

.card-empresa .container .card .face .content3 .contact-empresa .lnkWhatsapp span {
  color: #25D366;
  font-size: 2em;
}

.card-empresa .container .card .face .content3 .contact-empresa .lnkFacebook:hover span,
.card-empresa .container .card .face .content3 .contact-empresa .lnkTwitter:hover span,
.card-empresa .container .card .face .content3 .contact-empresa .lnkYoutube:hover span,
.card-empresa .container .card .face .content3 .contact-empresa .lnkInstagram:hover span,
.card-empresa .container .card .face .content3 .contact-empresa .lnkLinkedin:hover span,
.card-empresa .container .card .face .content3 .contact-empresa .lnkWhatsapp:hover span {
  font-size: 2.3em;
}

.card-empresa .container .card .face .content4 .chat-empresa {
  margin-top: 4em;
}

.card-empresa .container .card .face .content4 .chat-empresa-int {
	margin-top: 2em;
}

.card-empresa .container .card .face .content4 .chat-empresa img, 
.card-empresa .container .card .face .content4 .chat-empresa-int img {
  width: 200px;
}

.card-empresa .container .card .face .content4 .chat-empresa .lnk-chat-empresa:hover img,
.card-empresa .container .card .face .content4 .chat-empresa-int .lnk-chat-empresa:hover img {
  width: 220px;
}

.scroll-txt-empresa {
  margin: 0;
  height: 18em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-txt-empresa::-webkit-scrollbar {
  width: 10px;
}

.scroll-txt-empresa::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-txt-empresa::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.scroll-chat-empresa {
  margin: 0;
  height: 6em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-chat-empresa::-webkit-scrollbar {
  width: 10px;
}

.scroll-chat-empresa::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-chat-empresa::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.guia_visit_foro {
  margin-top: 4em;
  padding-left: 8px;
  padding-right: 8px;
}

.programa_foro {
  margin-top: 4em;
  padding-left: 8px;
  padding-right: 8px;
}

.uvocupacio_foro {
  margin-top: 4em;
  padding-left: 8px;
  padding-right: 8px;
}

.oportunitats_foro {
  margin-top: 4em;
  padding-left: 8px;
  padding-right: 8px;
}

.faq_foro {
  margin-top: 4em;
  padding-left: 8px;
  padding-right: 8px;
}

.noticias_foro {
  margin-top: 4em;
  padding-left: 8px;
  padding-right: 8px;
}

.ubi_foro {
  margin-top: 4em;
  padding-left: 8px;
  padding-right: 8px;
}

/***************** LISTADO *********************/

ul.row_foro {
  list-style: none;
}

ul.row_foro li {
  /*background-image: none !important;*/
}

ul.row_foro li.foro-list-item {
  display: block;
  position: relative;
  padding: 16px 16px 16px 40px !important;
  text-transform: none;

  margin: 0 0 0 8px;
  background: url(https://www.uv.es/opalweb/Forum_Ocupacio/iconos/icono_forum.png);
  background-position: 5px 15px;
  background-repeat: no-repeat;
  background-size: 30px;
}

ul.row_foro li.line-odd {
  background-color: #f2f2f2;
}

ul.row_foro li {
  font-weight: 600;
  color: #777;
  font-size: 1.4em;
  font-family: 'Lato';
}

ul.row_foro li a.title:hover {
  color: #016ca2;
}

.info-foro-list-item {
  margin: 0 0 0 8px;
  width: 77%;
  display: inline-block;
  /*background: url(https://www.uv.es/octcovid/icones/iconos_OCT_Capacidades.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-left: 40px;*/
  padding-left: 20px;
  height: 30px;
}

.info-foro-list-item .title {
  font-weight: 600;
  color: #292a25;
  font-size: 1.4em;
  font-family: 'Lato';
}

.info-foro-list-item .notes {
  margin-top: 4px;
  color: #292a25;
  font-size: 1.4em;
  font-family: 'Lato';
  display: none;
}

.actions-foro-list-item {
  text-align: right;
  width: 15%;
  display: inline-block;
  vertical-align: top;

}

.actions-foro-list-item span {
  font-size: 20px;
  color: rgba(0, 0, 0, .87);
  margin-left: 10px;
  display: block;
}

.entry-content .actions-foro-list-item a {
  color: #fff;
}

/*************** FIN LISTADO *******************/

/*********************************************************************************/
/********************************* FIN FORUM OCUPACIO ****************************/
/*********************************************************************************/

/*********************************************************************************/
/*********************************** CONEIXER (SEDI) *****************************/
/*********************************************************************************/
.blogs_coneixer {
  margin-top: 3em;
}

.blogs_coneixer p {
  font-size: 1.2em;
}

.sessio-con {
  margin-top: 3em;
  text-align: center;
}

.sessio-con img {
  width: 400px;
}

.video-con {
  margin-top: 1em !important;
}

.card-empresa .container .card .face .content1 ul,
.card-empresa .container .card .face .content2 ul,
.card-empresa .container .card .face .content3 ul,
.card-empresa .container .card .face .content4 ul,
.card-empresa .container .card .face .content5 ul {
  list-style-position: inside;
}

.card-empresa .container .card .face .content1 .subtitle-small,
.card-empresa .container .card .face .content2 .subtitle-small,
.card-empresa .container .card .face .content3 .subtitle-small,
.card-empresa .container .card .face .content4 .subtitle-small,
.card-empresa .container .card .face .content5 .subtitle-small,
.card-empresa .container .card .face .content6 .subtitle-small {
  text-align: left;
  background: none;
  color: #000;
  font-size: 14px;
  margin: 0 10px;
  padding: 0 5px;
  text-transform: none;
  font-family: 'Lato', serif;
  font-weight: 600;
  background-color: #f2f2f2;
}

.card-empresa .container .card .face .content1 .title-card,
.card-empresa .container .card .face .content2 .title-card,
.card-empresa .container .card .face .content3 .title-card,
.card-empresa .container .card .face .content4 .title-card,
.card-empresa .container .card .face .content5 .title-card,
.card-empresa .container .card .face .content6 .title-card {
  text-align: center;
  background: none;
  color: #000;
  font-size: 17px;
  padding: 5px;
  margin-top: 10px;
  text-transform: none;
  font-family: 'Lato', serif;
}

.fondo-gris {
  background-color: #f2f2f2 !important;
}

.title-portada {
  min-height: 60px;
}

.title-card-xl {
  font-size: 14px !important;
}

.card-empresa .container .card .face .content1 .head-table,
.card-empresa .container .card .face .content2 .head-table,
.card-empresa .container .card .face .content3 .head-table,
.card-empresa .container .card .face .content4 .head-table,
.card-empresa .container .card .face .content5 .head-table {
  text-align: left;
  background-color: #e1f5fe; /*#b3e5fc;*/ /*#e1f5fe;*/ /*#cfd8dc;*/ /*#e6e3d2;*/
  color: #3f3c35;
  font-size: 12px;
  padding: 2px;
  margin-top: 2px;
  text-transform: none;
  font-family: 'Lato', serif;
  line-height: 1.2em;
  font-weight: bold;
}

.card-empresa .container .card .face .content1 .cell-table,
.card-empresa .container .card .face .content2 .cell-table,
.card-empresa .container .card .face .content3 .cell-table,
.card-empresa .container .card .face .content4 .cell-table,
.card-empresa .container .card .face .content5 .cell-table {
  text-align: left;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  padding: 0;
  margin-top: 2px;
  text-transform: none;
  font-family: 'Lato', serif;
  line-height: 1.2em;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: rgba(0, 0, 0, .12);
}

.card-empresa .container .card .face .content1 .cell-title-table,
.card-empresa .container .card .face .content2 .cell-title-table,
.card-empresa .container .card .face .content3 .cell-title-table,
.card-empresa .container .card .face .content4 .cell-title-table,
.card-empresa .container .card .face .content5 .cell-title-table {
  text-align: left;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  padding: 2px;
  margin: 0;
  text-transform: none;
  font-family: 'Lato', serif;
  line-height: 1.2em;
  box-sizing: border-box;
}

.title-arts {
  background-color: #fff3e0 !important;
  border-right: 2px solid #fff;
  margin-top: 2px !important;
}

.title-ciencies {
  background-color: #f1f8e9 !important;
  border-right: 2px solid #fff;
}

.title-humanitats {
  background-color: #ede7f6 !important;
  margin-top: 2px !important;
}

.card-empresa .container .card .face .content1 .cell-table .nota,
.card-empresa .container .card .face .content2 .cell-table .nota,
.card-empresa .container .card .face .content3 .cell-table .nota,
.card-empresa .container .card .face .content4 .cell-table .nota,
.card-empresa .container .card .face .content5 .cell-table .nota {
  display: inline-block;
  padding: 2px;
  /*background-color: #e1f5fe;*/
  color: rgba(0, 0, 0, .87);
  font-family: 'Lato', serif;
}

.card-empresa .container .card .face .content4 .contact-empresa,
.card-empresa .container .card .face .content5 .contact-empresa {
  text-align: left;
  margin-top: 0.5em;
  padding: 2px;
  background-color: #f2f2f2;
}

.card-empresa .container .card .face .content1 img,
.card-empresa .container .card .face .content2 img,
.card-empresa .container .card .face .content3 img,
.card-empresa .container .card .face .content4 img,
.card-empresa .container .card .face .content5 img {
  margin: 0 !important;
  max-height: 220px; /* misma altura videos - evitar textos al reves firefox */
}

.scroll-presentacioGraus {
  margin: 0;
  height: 12em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-presentacioGraus::-webkit-scrollbar {
  width: 10px;
}

.scroll-presentacioGraus::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-presentacioGraus::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.scroll-perfilGraus {
  margin: 0;
  height: 34em; /*35.5em; EDICIO WEB-25754*/
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-perfilGraus::-webkit-scrollbar {
  width: 10px;
}

.scroll-perfilGraus::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-perfilGraus::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.scroll-infopracGraus {
  margin: 0;
  height: 31em; /*33em;EDICIO WEB-25754*/
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-infopracGraus::-webkit-scrollbar {
  width: 10px;
}

.scroll-infopracGraus::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-infopracGraus::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.scroll-resumGraus {
  margin: 0;
  height: 33em; /*35.5em;EDICIO WEB-25754*/
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-resumGraus::-webkit-scrollbar {
  width: 10px;
}

.scroll-resumGraus::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-resumGraus::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.scroll-sessioGraus {
  margin: 0;
  height: 20em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-sessioGraus::-webkit-scrollbar {
  width: 10px;
}

.scroll-sessioGraus::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-sessioGraus::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.scroll-interesMaster {
  margin: 0;
  height: 31.5em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-interesMaster::-webkit-scrollbar {
  width: 10px;
}

.scroll-interesMaster::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-interesMaster::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.scroll-interesMaster-video {
  margin: 0;
  height: 14em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-interesMaster-video::-webkit-scrollbar {
  width: 10px;
}

.scroll-interesMaster-video::-webkit-scrollbar-track {
  background: #e1e1e1;
}

.scroll-interesMaster-video::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #e1e1e1;
}

.scroll-perfilMaster {
  margin: 0;
  height: 29.5em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-perfilMaster::-webkit-scrollbar {
  width: 10px;
}

.scroll-perfilMaster::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-perfilMaster::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.perfilMaster-xl {
  height: 33em;
}

.scroll-complementsMaster {
  margin: 0;
  height: 29.5em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-complementsMaster::-webkit-scrollbar {
  width: 10px;
}

.scroll-complementsMaster::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-complementsMaster::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.complementsMaster-xl {
  height: 33em;
}

.scroll-criterisMaster {
  margin: 0;
  height: 30.5em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-criterisMaster::-webkit-scrollbar {
  width: 10px;
}

.scroll-criterisMaster::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-criterisMaster::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.criterisMaster-xl {
  height: 33em;
}

.dadesMaster {
  height: 33.5em;
  /*Scroll*/
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.dadesMaster::-webkit-scrollbar {
  width: 10px;
}

.dadesMaster::-webkit-scrollbar-track {
  background: #fff;
}

.dadesMaster::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.dadesMaster-xl {
  height: 35.5em;
  /*Scroll*/
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.dadesMaster-xl::-webkit-scrollbar {
  width: 10px;
}

.dadesMaster-xl::-webkit-scrollbar-track {
  background: #fff;
}

.dadesMaster-xl::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.scroll-universitatsMaster {
  max-height: 8.5em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-universitatsMaster::-webkit-scrollbar {
  width: 10px;
}

.scroll-universitatsMaster::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-universitatsMaster::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

.card-sessio {
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: .25em !important;
  background-color: #fff !important;
  width: 370px;
  height: 543px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 1.5em;
}

.card-sessio .title-card {
  text-align: center;
  background: none;
  color: #000;
  font-size: 17px;
  padding: 5px;
  margin-top: 10px;
  text-transform: none;
  font-family: 'Lato', serif;
}

.card-sessio .txt-empresa {
  text-align: justify;
  background: none;
  color: #000;
  font-size: 12px;
  padding: 0 10px;
  margin-top: 10px;
  text-transform: none;
  font-family: 'Lato', serif;
}

.card-empresa .container .card .face .content6 .sessio-coneixer, .card-sessio .sessio-coneixer {
  margin-top: 1em;
}

.card-empresa .container .card .face .content6 .sessio-coneixer img, .card-sessio .sessio-coneixer img {
  width: 200px;
}

.card-empresa .container .card .face .content6 .sessio-coneixer .lnk-sessio-coneixer:hover img, .card-sessio .sessio-coneixer .lnk-sessio-coneixer:hover img {
  width: 220px;
}

.brancaTitulacio h3.branca-head {

  background-color: #333;
  margin: 0% 0% 0% 0%;
  padding: 0.5em;
  margin-bottom: 2px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  line-height: 1.1;
  font-size: 1.4em;
}

.brancaTitulacio .titulacio-dark {
  background-color: #f2f3f3;
  opacity: 0.9;
}

.brancaTitulacio .nomGrau {
  font-size: 1.2em;
}

.brancaTitulacio h3.branca-head .iconTitulacio2 {
  float: right;
  margin: 0.2em 1.5em 0 0
}

.brancaTitulacio h3.branca-head .iconTitulacio2 .fa-minus, .brancaTitulacio h3.branca-head .iconTitulacio2 .fa-plus {
  color: #fff;
}

.brancaTitulacio .titulacio-dark .nomTitulacio .iconTitulacio {
  font-size: 1.2em;
}

.brancaTitulacio .titulacio-dark div {
  box-sizing: border-box;
}

.card-empresa .container-3f {
  width: 370px;
  height: 470px;
}

/*Escritorio*/
@media (min-width: 1199.98px) {
  .card-empresa .container-3f {
    width: 370px;
    height: 470px;
  }
}

/*Fin Escritorio*/

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
  .card-empresa .container-3f {
    width: 370px;
    height: 470px;
  }
}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation: landscape) {
  .card-empresa .container-3f {
    width: 370px;
    height: 470px;
  }
}

/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation: portrait) {
  .card-empresa .container-3f {
    width: 370px;
    height: 470px;
  }
}

/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: landscape) {
  .card-empresa .container-3f {
    width: 440px;
    height: 470px;
  }
}

/*fin movil*/


/* Fitxes Graus Masters Facultats */
.graus-coneixer-fitxes {
  width: 98.5em;
  background: white;
  overflow: hidden;
  margin: 2em auto 2em;
  box-sizing: border-box;
  padding: 0;
}

.masters-coneixer-fitxes {
  width: 98.5em;
  background: white;
  overflow: hidden;
  margin: 2em auto 2em;
  box-sizing: border-box;
  padding: 0;
}

@media (max-width: 768px) {
  .graus-coneixer-fitxes, .masters-coneixer-fitxes {
    width: 100%;
  }
}

/* Fitxes Graus Masters Facultats Interior */
.graus-coneixer-fitxes-interior {
  width: 100% !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container-3f {
  width: 265px;
  height: 470px;
}

/*Escritorio*/
@media (min-width: 1199.98px) {
  .graus-coneixer-fitxes-interior .card-empresa .container-3f {
    width: 265px;
    height: 470px;
  }
}

/*Fin Escritorio*/

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content1 {
  padding-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content2 {
  padding-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content3 {
  padding-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content4 {
  padding-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content5 {
  padding-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content1 .title-card {
  margin-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content2 .title-card {
  margin-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content3 .title-card {
  margin-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content4 .title-card {
  margin-top: 0 !important;
}

.graus-coneixer-fitxes-interior .card-empresa .container .card .face .content5 .title-card {
  margin-top: 0 !important;
}


.graus-coneixer-fitxes-interior .scroll-presentacioGraus {
  height: 18em !important;
}

.graus-coneixer-fitxes-interior .scroll-infopracGraus {
  height: 30em !important;
}

.graus-coneixer-fitxes-interior .scroll-ponderacionsGraus {
  margin: 0;
  height: 32em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.graus-coneixer-fitxes-interior .scroll-ponderacionsGraus::-webkit-scrollbar {
  width: 10px;
}

.graus-coneixer-fitxes-interior .scroll-ponderacionsGraus::-webkit-scrollbar-track {
  background: #fff;
}

.graus-coneixer-fitxes-interior .scroll-ponderacionsGraus::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}


/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
  .graus-coneixer-fitxes-interior .card-empresa .container-3f {
    width: 265px;
    height: 470px;
  }
}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation: landscape) {
  .graus-coneixer-fitxes-interior .card-empresa .container-3f {
    width: 265px;
    height: 470px;
  }
}

/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation: portrait) {
  .graus-coneixer-fitxes-interior .card-empresa .container-3f {
    width: 265px;
    height: 470px;
  }
}

/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: landscape) {
  .graus-coneixer-fitxes-interior .card-empresa .container-3f {
    width: 265px;
    height: 470px;
  }
}

/*fin movil*/


/*********************************************************************************/
/********************************* FIN CONEIXER (SEDI) ***************************/
/*********************************************************************************/


/*********************************************************************************/
/************************************** RECTORAT *********************************/
/*********************************************************************************/

/*********************************************************************************/
/***************************** RECTORAT-OBSEQUIS *********************************/
/*********************************************************************************/
.obs-detall-content-columns {
  display: inline-flex;
  float: left;
  width: 100%;
}

.obs-list-item {
  display: block;
  position: relative;
  padding: 8px 0px 8px 8px;
  text-transform: none;
  cursor: pointer;
}

.obs-detall-content {
  margin: 1em 0em;
  font-family: 'Lato', serif;
}

.obs-detall-content p {
  font-family: 'Lato', serif;
}

.obs-detall-content div {
  font-family: 'Lato', serif;
}

.obs-detall-content-columns .obs-detall-column {
  float: left;
  width: 40%;
}

.obs-data {
  margin: 1em 0px 0px 10px;
  float: left;
  width: 75px;
}

.obs-bold {
  font-weight: bold;
}

.obs-estructura {
  padding: 3px 0px 0px 15px;
}

.obs-titol {
  font-size: 1.2em;
  line-height: 16px;
}

.obs-lista {
  margin-bottom: 0px;
}

.obs-lista li {
  background: none !important;
}

.obs-tipus {
  padding: 0px 0px 0.83em !important;
  margin-left: 1.25em;
  list-style: square;
}

.obs-tipus-primer {
  padding: 3px 0px 0.83em !important;
  margin-left: 1.25em;
  list-style: square;
}

.obs-titol-separacion {
  margin-bottom: 1em;
}

/*********************************************************************************/
/**************************** FIN RECTORAT-OBSEQUIS ******************************/
/*********************************************************************************/

/*********************************************************************************/
/********************************** FIN RECTORAT *********************************/
/*********************************************************************************/


/*********************************************************************************/
/*********************** CATEDRA BRETXA DIGITAL DE GENERE ************************/
/*********************************************************************************/

.catedra-bretxa-titulo {
  /*font-size: 1.5em;
	padding: unset;
	color: #000;*/

  background-color: #5f6dd9;
  color: #fff;
  padding: 2px !important;
  line-height: 1.4;
  font-family: 'Big Shoulders Display', sans-serif;
  font-size: 2em;
}

.catedra-bretxa-foto {
  max-width: 35em;
  margin-left: unset !important;
  margin-right: unset !important;
}

@media (max-width: 1210px) {
  .catedra-bretxa-foto {
    width: 26em;
  }
}

.catedra-bretxa-novedad {
  display: inline-flex;
  padding: 2em;
}

.catedra-bretxa-novedad:nth-child(even) {
  background-color: #f4f4f4;
}

.novetat-column-sep {
  margin: 1em 0em;
  width: 2%;
  float: left;
  display: block;
}

.catedra-bretxa-column {
  float: left;
  width: 49%;
}

.catedra-bretxa-column p {
  font-family: Raleway;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}

p.text-lliure-novetat {
  font-family: Raleway;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
}

.catedra-bretxa-column a.lnk-novetat-mesinfo {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: .375em .75em;
  font-size: 1.2em;
  line-height: 1.5;
  text-decoration: none;
  font-family: 'Big Shoulders Display', sans-serif;
  background-color: #5f6dd9;
  color: #fff;
}

.catedra-bretxa-column a.lnk-novetat-mesinfo:hover, .catedra-bretxa-column a.lnk-novetat-mesinfo:focus {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  .catedra-bretxa-novedad {
    display: grid;
  }

  .catedra-bretxa-column {
    width: 100%;
  }

  .catedra-bretxa-foto {
    width: 100%;
  }
}

/*********************************************************************************/
/********************* FIN CATEDRA BRETXA DIGITAL DE GENERE **********************/
/*********************************************************************************/


/*********************************************************************************/
/***************************** ARXIU VALENCIA DISSENY ****************************/
/*********************************************************************************/
#wrapAVD .logo-pie img {
  max-width: 95%;
}

#cabeceraAVD2n {
  float: right;
  margin-top: 1.4em;
}

@media (max-width: 799px),(min-width: 1017px), (max-width: 1114px), (min-width: 1200px) and (max-width: 1345px) {
  #cabeceraAVD2n {
    padding-right: 50px;
  }
}

.menu-AVD {
  background: #fff !important;
}

.menu-principal-AVD {
  border-top: 1px solid #fff !important;
  background: #fff !important;
  font-weight: bold !important;
  font-size: 1.3em !important;
  /*width: 1200px !important;*/
}

@media (max-width: 1020px) {
  .menu-principal-AVD {
    height: 2.65em !important;
  }
}

.menu-principal-AVD ul {
  background: #fff !important;
}

.menu-principal-AVD ul li:hover {
  background: #fff !important;
}

.menu-AVD ul li a {
  color: #292a25 !important;
  background: #fff !important;
}

.menu-prim-nuevo-AVD li a.active {
  border-left: 1px solid #292a25 !important;
}

.menu-AVD .nou-submenu {
  background: none repeat scroll 0 0 #fff;
}

.menu-AVD .nou-submenu span {
  background: none repeat scroll 0 0 #fff;
  border-left: 1px solid #292a25;
}

ul.menu-prim-nuevo-AVD ul.menu-seg-nuevo li {
  position: relative;
  overflow: hidden;
}

ul.menu-prim-nuevo-AVD ul.menu-seg-nuevo a {
  display: block;
  position: relative;
  z-index: 1;
  transition: 0.35s ease color;
  padding-left: 0.83em !important;
  /*font-size: 1.2em !important;*/
  font-weight: normal !important;
}

ul.menu-prim-nuevo-AVD ul.menu-seg-nuevo li a:hover {
  /*background-color: #f2f2f2 !important;*/
  background-color: #fff !important;
}

ul.menu-prim-nuevo-AVD ul.menu-seg-nuevo li a:before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: -102%;
  top: 0;
  width: 100%;
  height: 100%;
  border-left: solid 5px #292a25; /*#df4500;*/
  background: #f2f2f2; /*#5f5b5a;*//*#3c3735;*/
  transition: 0.35s ease left;
}

ul.menu-prim-nuevo-AVD ul.menu-seg-nuevo li a:hover:before {
  left: 0;
}

.boton-menu-home-avd {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  position: absolute;
  left: -25px;
  z-index: 1;
  top: 13px;
  font-size: 1.5em;
  display: none;
}

.boton-menu-home-avd .fa {
  color: #292a25 !important;
}

.link-home-avd {
  color: #292a25 !important;
}

.link-home-avd:hover {
  color: #292a25 !important;
  text-decoration: none !important;
}

.menu-servicios-nou-AVD-flotante {
  right: 18%;
}

.menu-servicios-nou-AVD-iconos {
  margin-top: 2.2em;
}

.pre-cabecera-AVD {
  height: 7em !important;
  text-transform: none !important;
}

.pre-cabecera-AVD-flotante {
  position: fixed;
  z-index: 99;
  width: 100%;
}

.menu-flotante-AVD {
  display: none;
}

.menu-flotante-AVD .content-menu-float {
  right: 30% !important;
  margin-top: 2.2em !important;
}

.pre-cabecera-AVD h1 {
  margin: 0 !important;
}

/* Menu Movil */
@media (max-width: 768px) {
  .menu-AVD .menu-principal-AVD .boton-menu {
    color: #292a25 !important;
  }

  .menu-AVD .menu-principal-AVD .boton-menu .barra-menu {
    background-color: #292a25 !important;
  }

  .menu-AVD .menu-principal-AVD .boton-menu .menu-text {
    color: #292a25 !important;
    top: 14px !important;
  }

  .menu-servicios-nou-AVD {
    top: 86em !important;
  }

  .menu-servicios-nou-AVD a {
    color: #292a25 !important;
    font-size: 1.3em !important;
  }

  .menu-servicios-nou-AVD a .fa {
    color: #292a25 !important;
  }

  .menu-AVD ul.menu-prim-movil-nou {
    margin: 2em 0.5em 3em !important;
  }

  .menu-AVD ul.menu-prim-movil-nou li a {
    font-size: 1.3em !important;
  }

  .menu-AVD ul.menu-prim-movil-nou li a .fa {
    color: #292a25 !important;
  }

  .menu-flotante-AVD .content-menu-float {
    right: 15% !important;
  }

  .pre-cabecera-AVD-flotante .cabFloat-logo {
    margin-top: 0 !important;
    width: 55% !important;
    left: 2% !important;
  }


}

@media (max-width: 540px) {
  .menu-servicios-nou-AVD {
    top: 94em !important;
  }

  .menu-AVD ul.menu-prim-movil-nou {
    margin: 5em 0.5em 3em !important;
  }

  .pre-cabecera-AVD-flotante .cabFloat-logo {
    margin-top: 10px !important;
  }

  .pre-cabecera-AVD-flotante .cabFloat-logo img {
    width: 100%;
  }

}

/* Fin Menu Movil */

/* Menu sidebar */
.menu-sidebar-avd, .menu-sidebar-avd ul, .menu-sidebar-avd ul li, .menu-sidebar-avd ul li a, .menu-sidebar-avd ul li a:hover, .menu-sidebar-avd ul.list-hover-avd a:before {
  box-sizing: border-box !important;
}

.menu-sidebar-avd ul {
  /*background: #35302D !important;*/
  /*background: #3c3735 !important;*/
  background: #fff !important;
}

.menu-sidebar-avd ul li {
  /*border-bottom: 1px solid #3C3735 !important;*/
  /*border-bottom: 1px solid #5f5b5a !important;*/
  border-bottom: 1px solid #292a25 !important;
  padding: 0 !important;
}

.menu-sidebar-avd ul li a {
  /*color: #DFDBD9 !important;*/
  color: #292a25 !important;
  padding: 0.8em 0 !important;
}

.menu-sidebar-avd ul li a:hover {
  color: #292a25 !important;
}

.menu-sidebar-avd ul.list-hover-avd li {
  position: relative;
  overflow: hidden;
}

.menu-sidebar-avd ul.list-hover-avd li a:hover {
  /*background: #35302D !important;*/
  background: #fff !important;
}

.menu-sidebar-avd ul.list-hover-avd a {
  display: block;
  position: relative;
  z-index: 1;
  transition: 0.35s ease color;
  padding-left: 0.83em !important;
  font-size: 1.2em !important;
}

.menu-sidebar-avd ul.list-hover-avd li .active {
  /*background: #5f5b5a;*/
  background: #f2f2f2;
  color: #292a25 !important;
}

.menu-sidebar-avd ul.list-hover-avd a:before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  border-left: solid 5px #292a25; /*#df4500;*/
  background: #f2f2f2; /*#5f5b5a;*//*#3c3735;*/
  transition: 0.35s ease left;
}

.menu-sidebar-avd ul.list-hover-avd a.active:before, .menu-sidebar-avd ul.list-hover-avd a:hover:before {
  left: 0;
}

.titulo-alternatiu-avd {
  color: #292a25 !important;
  font-family: 'Oswald' !important;
  font-weight: 400;
  border-left: 5px solid #292a25 !important;
  padding-left: 10px;
}

.entry-menu-cuatro-avd ul {
  /*border-bottom: 1px solid #000 !important;*/
  background: #f2f2f2 !important;
}

@media (max-width: 768px) {
  .menu-sidebar-avd ul li, .menu-sidebar-avd ul li:hover {
    background: #fff !important;
  }
}

/* Fin menu sidebar */

.imgCabAVD {
  width: 28%;
  float: left;
  padding-left: 14%;
}

.imgCabAVD img {
  width: 100%
}

.titolAVD2n {
  font-family: "HelveticaNeue-Condensed-Bold";
  font-size: 5em;
  text-align: left;
  width: 35%;
  padding: 0.3em 0 0.5em 0em;
  line-height: 1em;
  float: left;
}

@media (max-width: 768px) {
  .titolAVD2n {
    margin-left: 0.2em;
    width: 233px;
  }
}

.titolAVD {
  font-family: "HelveticaNeue-Condensed-Bold";
  font-size: 10em;
  text-align: left;
  width: 49%;
  padding: 0.5em 0 0.5em 0.5em;
  line-height: 1em;
  float: left;
}

.titolAVD .titolAVDreg {
  font-family: "HelveticaNeue-Condensed";
}

.titolAVD2n .titolAVDreg {
  font-family: "HelveticaNeue-Condensed";
}

.fondo-caja-fons-avd {
  background-color: #e1eaef !important;
}

.bck-caja-fons-avd {
  background-color: #fff !important;
}

.caja-fons-avd {
  margin-bottom: 3em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  /*border-radius: .25em!important;*/
  background-color: #fff !important;
  width: 95% !important;
  display: inline-block;
}

.caja-f-left {
  float: left;
}

.caja-f-right {
  float: right;
}

.chevron-down-nivel-1-avd.fa-chevron-down {
  margin-top: -16px !important;
}

.chevron-down-nivel-2-avd.fa-chevron-down {
  margin-top: -12px !important;
}

@media only screen and (max-width: 600px) {
  .caja-f-right {
    float: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .caja-f-right {
    float: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
  .caja-f-right {
    float: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  .caja-f-right {
    float: left;
  }
}

.content-caja-fons-avd {
  /*height: 50px;*/
  text-align: left;
}


.logoArea-fons-avd {
  padding: 5px;
  display: inline-block;
  border-radius: .25em 0 0 .25em;
}

.logoArea-fons-avd img {
  width: 70px;
  height: 70px;
}

.logoArea-vert-fons-avd {
  /*padding: 5px;*/
  display: inline-block;
  border-radius: .25em 0 0 .25em;
  width: 100%;
}

.logoArea-vert-fons-avd img {
  width: 100%;
  /*height:70px;*/
}

.titulo-caja-fons-avd {
  /*float: left;
	margin:10px 0 0 10px;*/
  font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
  font-size: 1.5em;
  /*font-weight: 600;*/
  line-height: 1.5;
  color: #212529;
  text-align: left;
  cursor: pointer;

  display: inline-block;
  padding: 20px;
  vertical-align: top;
  max-width: 50%;
}

.titulo-big-caja-fons-avd {
  font-size: 2.4em !important;
}

.icon-caja-fons-avd {
  /*margin-top: auto;*/
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;

  margin-top: 15px;
  margin-right: 10px;

  background-color: #fff;
  /*border-radius: 4px;*/
  /*border: 2px solid #e6e6e6;	*/
}

.icon-big-caja-fons-avd {
  /*margin-top: 20px !important;*/
}


.icon-caja-fons-avd span.txt-link-info {
  font-size: 18px !important;
  color: #212529 !important;
  vertical-align: top;

  transition: 0.4s;
  position: relative;
}

.icon-caja-fons-avd span.txt-link-info:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: -3px;
  right: -20px;
  transition: 0.5s;
}

.icon-caja-fons-avd:hover span.txt-link-info {
  padding-right: 25px;
}

.icon-caja-fons-avd:hover span.txt-link-info:after {
  opacity: 1;
  right: 0;
}

.icon-caja-fons-avd span.fa {
  color: #212529 !important;
  font-size: 20px !important;
  margin-right: 0.25em;
  margin-top: 0.15em;
  /*display: none;*/
}

@media only screen and (max-width: 992px) {
  .titulo-caja-fons-avd {
    font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    cursor: pointer;

    display: inline-block;
    padding: 25px 0 25px 5px;
    vertical-align: top;
    max-width: 65%;
  }

  .icon-caja-fons-avd {
    float: right;
    padding: 14px;
    font-size: 18px !important;
    color: #212529 !important;
    cursor: pointer;

    margin-top: 15px;
    /*margin-right: 0;*/
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .icon-caja-fons-avd {
    float: right;
    padding: 12px 5px 12px 12px;
    font-size: 18px !important;
    color: #212529 !important;
    cursor: pointer;

    margin-top: 15px;
    /*margin-right: 0;*/
  }
}

.content-text-fons-avd {
  padding: 20px 20px 20px 80px;
  text-align: justify;
  display: none;
}

.content-text-big-fons-avd {
  padding: 20px;
  text-align: justify;
  display: none;
}

.content-text-fons-avd .text-fons-avd, .content-text-big-fons-avd .text-fons-avd {
  font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
  font-size: 1.2em;
  color: #212529;
  text-align: justify;
  /*margin-left: 2em;
    margin-right: 3.5em;
	margin-bottom: 1em;*/
  margin: 0;
}

.content-text-fons-avd .link-fons-avd, .content-text-big-fons-avd .link-fons-avd {
  text-align: center;
  margin: 1em 0;
}

.content-text-fons-avd .link-fons-avd a, .content-text-big-fons-avd .link-fons-avd a {
  font-family: Oswald;
  color: #212529;
  font-size: 1.2em;
  margin-right: 10px;
  display: inline-block;
  background-color: #fff;
  background: linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);
  padding: 5px;
  text-transform: uppercase;
  border-radius: 3px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  -moz-box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  box-shadow: 5px 5px 5px 2px rgba(68, 68, 68, 0.5);
}

.content-text-fons-avd .link-fons-avd span.fa, .content-text-big-fons-avd .link-fons-avd span.fa {
  color: #212529;
  display: none;
}

.content-text-fons-avd .subtitol-fons-avd, .content-text-big-fons-avd .subtitol-fons-avd {
  font-family: Raleway;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.2;
  color: #212529;
  text-align: left;
  margin-top: 1em;
  padding-left: 10px;
  border-left: 4px solid #212529;
  text-transform: uppercase;
}

.content-text-fons-avd .text-fons-avd ul, .content-text-big-fons-avd .text-fons-avd ul {
  list-style: none;
}

.caja-fons-avd ul.menu-caja-nivel-1 {
  list-style: none;
  margin-left: 2em;
  margin-right: 3.5em;
}

.caja-fons-avd ul.menu-caja-nivel-1 li.item-menu-nivel-1 {
  text-align: left;
  color: #212529 !important;
  font-size: 1.4em;
  font-weight: 500;
  padding: 0.5em;
  border: solid 1px #c0c0c0;
  border-radius: .25em;
  margin-bottom: 5px;
  cursor: pointer;
}

@media (max-width: 436px), (min-width: 601px) and (max-width: 733px) {
  .content-text-fons-avd ul li span.fa {
    width: 6%
  }

  .content-text-fons-avd ul li span.text-caja-menu-nivel-1 {
    width: 80%;
  }

  .content-text-fons-avd ul.menu-caja-nivel-1 {
    width: 90% !important;
  }

  .content-text-fons-avd {
    padding-left: 2em;
  }
}

.caja-cercador ul.menu-caja-nivel-0 {
  list-style: none;
  margin-left: 2em;
  margin-right: 3.5em;
}

.caja-cercador ul.menu-caja-nivel-0 li.item-menu-nivel-0 {
  text-align: left;
  color: #212529 !important;
  font-size: 1.3em;
  /*font-weight: 500;
    padding: 0.5em;
    border: solid 1px #c0c0c0;
    border-radius: .25em;
    margin-bottom: 5px;*/
  cursor: pointer;
}

.text-caja-menu-nivel-0 {
  display: inline-block;
  width: 85%;
}

.caja-cercador ul.menu-caja-nivel-1 {
  list-style: none;
  /*margin-left: 2em;*/
  margin-right: 3.5em;
}

.caja-cercador ul.menu-caja-nivel-1 li.item-menu-nivel-1 {
  text-align: left;
  color: #212529 !important;
  font-size: 0.9em !important;
  /*font-weight: 500;
    padding: 0.5em;
    border: solid 1px #c0c0c0;
    border-radius: .25em;
    margin-bottom: 5px;*/
  cursor: pointer;
}

.caja-cercador ul.menu-caja-nivel-2 {
  list-style: none;
  margin: 0;
}

.caja-cercador ul.menu-caja-nivel-2 li.item-menu-nivel-2 {
  font-size: 0.9em !important;
  cursor: pointer;
}

.oct_cercador .form-activitat .tipos label.small-font {
  font-size: 0.9em !important;
}

.caja-fons-avd ul.lista-secciones {
  list-style: none;
  margin-top: 1em;
  float: left;
  width: 100%;
}

.caja-fons-avd ul.lista-secciones li.item-seccion {
  display: inline;
  float: left;
  width: 30%;
  position: relative;
  text-align: left;
  color: #212529 !important;
  font-size: 2em;
  font-weight: 500;
  /*padding: 0.5em;
    border: solid 1px #c0c0c0;
    border-radius: .25em;
    margin-bottom: 5px;*/
  cursor: pointer;
  /*border-right: 1px solid #fff;
    border-top: 1px solid #fff;	*/
  margin-right: 16px;
}

.caja-fons-avd ul.lista-secciones li.item-seccion-fin-linea {
  margin: 0 !important;
}

.caja-fons-avd ul.lista-secciones li.item-seccion:nth-of-type(3n-2) {
  clear: left;
}

.caja-fons-avd ul.lista-secciones li.item-seccion span {
  /*position: absolute;
	bottom: 0;
	left: 0;
	width: 93%;
	background-color: rgba(0, 0, 0, 0.5);
    padding: 0.25em;
    font-family: 'Oswald';
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;*/
}

.caja-fons-avd ul.lista-secciones li.item-seccion img {
  width: 100%;
}

.caja-fons-avd ul.lista-secciones li.item-seccion a.lnk-seccion {
  display: block;
  width: 100%;
  float: left;
  overflow: hidden;
}

.caja-fons-avd ul.lista-secciones li.item-seccion a.lnk-seccion:hover .hover {
  /*display: block;*/
  z-index: 5;
  top: 0;
}

.caja-fons-avd ul.lista-secciones li.item-seccion a.lnk-seccion:hover .hover .hoverIcon {
  left: 50%;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  display: block;
  background: #212529;
  z-index: -5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  /*-webkit-transition: left 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-moz-transition: left 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-o-transition: left 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	transition: left 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);*/

  -webkit-transition: top 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -moz-transition: top 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -o-transition: top 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  transition: top 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.caja-fons-avd ul.lista-secciones li.item-seccion .hover .hoverIcon {
  position: absolute;
  width: 96px;
  height: 96px;
  top: 50%;
  margin-top: -48px;
  margin-left: -48px;
  left: -60%;
  display: block;
  background: url(https://www.uv.es/avd/icones/icono_eye_white.png) 0 0 no-repeat;
  background-size: contain;
  -webkit-transition: left 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -moz-transition: left 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  -o-transition: left 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
  transition: left 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}


.caja-fons-avd ul.lista-secciones li.item-seccion .item {
  position: relative;
  /*border: 1px solid #333;*/
  float: left;
  overflow: hidden;
  max-width: 540px;
  margin-bottom: 18px;
}

.caja-fons-avd ul.lista-secciones li.item-seccion img {
  max-width: 100%;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-imatge {
  line-height: 0;
}

.caja-fons-avd ul.lista-secciones li.item-seccion header.activitat-box-titol {
  margin: 0.5em 0 0.7em 0;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .item-overlay.top.novetatOmbra {
  top: 55%;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3 {
  font-size: 0.7em;
  line-height: 114.28571%;
  font-weight: 300;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3-small {
  font-size: 0.55em;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol span {
  color: #fff;
  margin-bottom: 0px;
  padding: 0px;
  font-family: Oswald;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol a {
  color: #fff;
  text-decoration: none;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol a:hover {
  text-decoration: underline;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .item-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 5px 5px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  overflow: hidden;
  text-align: left;
  /* fix text transition issue for .left and .right but need to overwrite left and right properties in .right */
  width: 95%;
  top: 70%;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .item:hover .item-overlay.top {
  top: 0;
}

.caja-fons-avd ul.lista-secciones li.item-seccion .item .descripcio {
  display: none;
  opacity: 0;
  transition: 0.5s all ease-in-out;

}

.caja-fons-avd ul.lista-secciones li.item-seccion .item:hover .descripcio {
  display: block;
  opacity: 1;
  margin-top: 1em;
  font-family: 'Lato';
  font-size: 1em;
  text-align: justify;
}

.enlace-taxonomia-avd {
  list-style-type: circle;
  margin-left: 16px;
  display: list-item;
  margin-top: -2px;
}

.enlace-taxo-avd {
  color: #212529;
  margin-left: 14px;
  font-size: 0.9em;

}

.enlace-taxo-avd:hover {
  color: #212529;
}

.content-thesauro-taxo-avd {
  margin-left: 1em;
  display: none;
}

.content-taxo-avd {
  display: inline-block;
  width: 25px;
}

.titol-bloc-avd {
  font-family: 'Oswald';
  font-size: 4em;
  /* text-transform: capitalize; */
  text-align: left;
  background: none;
  color: #444;
  padding: 0;
  font-weight: 200;
  border-left: 4px solid #212529;
  padding-left: 10px;
}

.titol-bloc-avd span {
  color: #444 !important;
}

/*Ud izquierda */
#ud div.ud-avd:nth-of-type(3n-2) {
  clear: left;
  padding-right: 1.15em;
  padding-bottom: 0.5em;
}

/*Ud centro*/
#ud div.ud-avd:nth-of-type(3n-1) {
  padding-left: 1.15em;
  padding-right: 1.15em;
  padding-bottom: 0.5em
}

/*Ud derecha*/
#ud div.ud-avd:nth-of-type(3n) {
  padding-left: 1.15em;
  padding-bottom: 0.5em;
}

.info-ud-avd {
  padding: 0px;
}

#ud div.ud-cercador-avd {
  float: left;
}

/*Ud izquierda */
#ud .col1-cercador-avd div.ud-cercador-avd {
  padding-bottom: 18px;
  padding-left: 24px;
}

/*Ud centro*/
#ud .col2-cercador-avd div.ud-cercador-avd {
  padding-right: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
}

/*Ud derecha*/
#ud .col3-cercador-avd div.ud-cercador-avd {
  padding-bottom: 18px;
  padding-right: 31px;
}

#ud div.ud-cercador-avd .item {
  margin-bottom: 0 !important;
}

/*Cajas Fondos*/
.caja-fondo-left {
  float: left;
}

.caja-fondo-right {
  float: right;
}

@media only screen and (max-width: 600px) {
  .caja-fondo-right {
    float: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .caja-fondo-right {
    float: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: landscape) {
  .caja-fondo-right {
    float: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) and (orientation: portrait) {
  .caja-fondo-right {
    float: left;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
  .caja-fondo-right {
    float: left;
  }
}

/*FONDOS COLUMNAS*/
/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: portrait) {
  .columnaFonsAVD {
    width: 50% !important;
  }

  .columnaFonsAVD-3 {
    clear: both;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion {
    width: 29% !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3 {
    font-size: 0.5em !important;
  }

  .titulo-caja-fons-avd {
    padding: 25px 0 25px 10px !important;
  }

  .icon-caja-fons-avd {
    padding: 12px 10px 12px 12px !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3 {
    font-size: 1em;
  }
}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation: landscape) {
  .columnaFonsAVD {
    width: 50% !important;
  }

  .columnaFonsAVD-3 {
    clear: both;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion {
    width: 30% !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3 {
    font-size: 0.8em !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3 {
    font-size: 1em;
  }
}

/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/
@media (max-width: 575.98px)and (orientation: portrait) {
  .columnaFonsAVD {
    width: 100% !important;
  }

  .caja-fons-avd {
    width: 100% !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion {
    width: 29% !important;
  }

  .titulo-caja-fons-avd {
    padding: 25px 0 25px 10px !important;
  }

  .icon-caja-fons-avd {
    padding: 12px 10px 12px 12px !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3 {
    font-size: 0.4em !important;
  }

  .titolAVD {
    font-size: 8em !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3 {
    font-size: 1em;
  }
}

/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation: landscape) {
  .columnaFonsAVD {
    width: 100% !important;
  }

  .caja-fons-avd {
    width: 100% !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion {
    width: 31% !important;
  }

  .titulo-caja-fons-avd {
    padding: 25px 0 25px 10px !important;
  }

  .icon-caja-fons-avd {
    padding: 12px 10px 12px 12px !important;
  }

  .caja-fons-avd ul.lista-secciones li.item-seccion .activitat-box-titol .header-3 {
    font-size: 1em;
  }
}

/*fin movil*/

.subtitulo-detalle-avd {
  font-family: 'Lato';
  font-weight: bold;
  font-size: 1.5em;
}

/* Listados interiores */
.bloc-activitat-boxes .boxes-interior-avd {
  width: 100% !important;
}

.bloc-activitat-boxes .boxes-interior-avd .interior-ombra-avd {
  cursor: pointer;
}

.bloc-activitat-boxes .boxes-interior-avd .interior-ombra-avd:hover {
  text-decoration: underline;
}

.bloc-activitat-boxes .boxes-interior-avd .interior-ombra-avd a {
  color: #fff;
}

.avd-list-item {
  display: block;
  position: relative;
  padding: 16px 0px 16px 8px;
  text-transform: none;
  cursor: pointer;

  transition: opacity .5s ease;
  transition-delay: .25s;
}

.info-avd-list-item {
  margin: 0;
  width: 100%;
  display: inline-block;
  min-height: 30px;
}

.info-avd-list-item .title {
  font-weight: 600;
  color: #292a25;
  font-size: 1.4em;
  font-family: 'Lato';
}

.info-avd-list-item .title:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  border-bottom: .2em solid;
  transition: width .3s ease;
  bottom: .1em;
  right: 0;
}

.info-avd-list-item:hover .title:after {
  width: 100%;
}

.info-avd-list-item .title a, .info-avd-list-item .title a:hover {
  color: #292a25 !important;
  text-decoration: none;
}

.row-avd:after {
  clear: both;
}

.row-avd:before,
.row-avd:after {
  display: table;
  content: " ";
}

.row-avd div {
  box-sizing: border-box;
}

.img-avd-llistatOmbra {
  max-height: 100% !important;
  margin: 0 !important;
}

/* Fin Listados interiores */

.desc-avd ul li {
  background: none !important;
  padding: 0px 0 0px 1.25em;
  font-family: Arial;
  font-size: 1em;
}

/* Inicio detalles interiores */
.img-detalle-avd {
  margin: 0 0 30px 0 !important;
  width: 100%
}

.caja-etiqueta-padre-avd {
  margin: 0px 20px 20px 0px;
  float: left;
}

.caja-etiqueta-padre-enlace-avd {
  color: #333;
}

.caja-etiqueta-padre-avd:hover {
  background-color: rgb(239, 239, 239);
}

.subtitulo-detalle-caja-avd {
  font-weight: normal;
}

.caja-etiqueta-padre-texto-avd {
  color: #333;
  width: fit-content;
  float: left;
  border: solid 1px;
  min-width: 150px;
}

.area-avd {
  float: left;
  border-left: 2.5px solid;
  padding-left: 20px;
  height: fit-content;
  margin-bottom: 40px;
  width: 387px;
  margin-right: 20px;
  max-width: 100%;
}

.area-titulo-avd {
  margin-left: 0px !important;
}

.area-campo-avd {
  padding-right: 10px;
}

.img-obj-digital-avd {
  max-width: 363px;
}

.relacionados-avd {
  padding-left: 20px;
  border-left: 2.5px solid;
  margin-top: 50px;
}

.relacionados-texto-avd {
  color: #333;
  font-family: 'Lato';
  font-weight: bold;
  font-size: 1.5em;
}

.galeria-avd {
  /*height: auto !important;*/
  width: 64em !important;
  height: 104px !important;
}

.caja-etiqueta-padre-parrafo-avd {
  margin: 0.3em 0em 0em 0em;
}

.caja-etiqueta-padre-parrafo-avd p {
  padding: 0 15px 0.3em;
}

/* Fin detalles interiores */

/* Taxonomia HOME */
.content-thesauro-color-wide {
  padding: 20px 20px 20px 20px;
}

.caja-regular-shadow-color ul.menu-caja-nivel-1-wide {
  margin-right: 2em;
}

.caja-regular-shadow-color ul.menu-caja-nivel-1-wide li {
  background: none;
}

.tit-cercador-avd legend {
  font-weight: bold;
  font-size: 1.2em;
}

.columna-3 {
  float: left;
  width: 33.33333333%;
}

@media (min-width: 768px) {
  .columna-3 {
    width: 33.33333333%;
  }
}

@media (max-width: 360px) {
  .columna-3 {
    width: 100%;
  }

}

/* Componente Secciones */
.content-seccions-avd {
  cursor: pointer;
}

.header-seccion-avd {
  font-size: 2em !important;
  font-weight: 300;
}

/*********************************************************************************/
/************************** FIN ARXIU VALENCIA DISSENY ***************************/
/*********************************************************************************/

/*****************************************************************/
/*************** FI DOCTORATS - TPCTesisDoctorat *****************/
/*****************************************************************/

/******** TPCTitolComp ********/
#content-total .titol-comp {
	/*width: 90% !important;*/
	width: 99em !important;
    float: none;
	display: inline-block;
}

.menu-enlaces-titolComp {
  margin-top: 3em;
  color: #e6e3d2;
  float: right;
}

#content .titol-comp {
	width: 100% !important;
    float: none;
	display: inline-block;
}

/******* Fin TPCTitolComp *****/

/*********************************************************************************/
/************************************* VACAPAS ***********************************/
/*********************************************************************************/

.fondo-caja-vacapas {
  background-color: #a6d0e4 !important;
}

.fondo-caja-vacapas ul.menu-caja-nivel-1 li.item-menu-nivel-1 {
  background-color: #fff;
  border: solid 1px #797c80;
}

.vacapas-list-item {
  display: block;
  position: relative;
  padding: 16px 0px 16px 8px;
  /*border-bottom: 1px solid;
	border-bottom-color: rgba(0,0,0,.12);*/
  text-transform: none;
  cursor: pointer;
}

.l-odd {
  background-color: #f2f2f2 !important;
}

.info-vacapas-list-item {
  margin: 0;
  width: 95%;
  /*width: 77%;*/
  /*width: calc(((100% - 70px)/10)*8);*/
  display: inline-block;
  background-position-y: top;
  min-height: 30px;
}

.info-vacapas-list-item .title {
  font-weight: 600;
  color: #292a25;
  font-size: 1.2em;
  font-family: 'Lato';
}

.info-vacapas-list-item .notes {
  margin-top: 4px;
  color: #292a25;
  font-size: 1.2em;
  font-family: 'Lato';
  /*display: none;*/
}

.info-vacapas-list-item .notes .fechas-vacapas {
  display: inline-block;
  width: 45%;
}

.info-vacapas-list-item .notes .localidad-vacapas {
  display: inline-block;
  width: 45%;
}

.info-vacapas-list-item .notes .info-vacapas {
  display: inline-block;
  width: 10%;
  text-align: right;
}

/*********************************************************************************/
/*********************************** FIN VACAPAS *********************************/
/*********************************************************************************/


/* Plantilla LlistatPublicacio PintaPublicacioNoArena */
.entry-content ul.publicacioNoArena li.publicacio h3 {
  background: none;
  padding-left: 0em;
  margin-bottom: 0.5em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  color: #3F3C35;
  font-size: 1.1em;
}

.entry-content ul.publicacioNoArena li.publicacio {
  margin-top: 1em;
}

.entry-content ul.publicacioNoArena .publicacioInfo {
  padding-left: 10.5em;
  text-align: justify;
  margin-bottom: 2em;
}

.titulo-publicacion {
  color: #333 !important;
  font-size: 1.4em !important;
  font-weight: normal;
}

/* Fin LlistatPublicacio */


/*  Plantilla TPCGrupInvestigacio */
#bloc-grupInvestigacio {
  margin: 0;
  text-align: left;
  float: left;
}

#bloc-grupInvestigacio .des {
  text-align: justify;
}

#bloc-grupInvestigacio ul li {
  background: #fff url(boton-flecha-r.gif) left 0.86em no-repeat;
  padding: 3px 0 3px 1.25em;
}

#bloc-grupInvestigacio ul {
  list-style: none;
}

#bloc-grupInvestigacio .menu-content {
  margin: 0.83em 0 0 0em;
}

#bloc-grupInvestigacio .grupInvestigador .entry-content {
  margin: 0.83em 0.45em 0.83em 0.9em;
}

/*  Fin Plantilla GrupInvestigacio */

/* Estilos desglose Plan estudios */


.entry-content .menu-segundos a.active {
  background-color: #dce0e1;
}

#asignatura-departament tr.titulo-tabla {
  border-bottom: 1px solid #ffffff !important;
  background: #C4CDD0 !important;
}

#asignatura-departament tr.titulo-tabla th, #asignatura-departament tr.titulo-tabla-doctorado th {
  width: 14.75em;
  padding: 3px 0 3px 4px;
}

#asignatura-departament .sortable td {
  border-bottom: 1px solid #ffffff !important;
  background: #e6eaeb !important;
  vertical-align: top;
  border-left: none !important;
  border-right: none !important;
  padding: 4px 0;
}

/* Fin Estilos desglose Plan estudios */

/* Plantilla LISTADO Galeria Imatges Externes*/
.galeriaImatgesExt .galeria-boxes .item-imagen img {
  width: 100%;
}

.galeriaImatgesExt ul.galeria-boxes {
  list-style: none;
}

.galeriaImatgesExt .galeria-boxes .item-imagen {
  /*height: 179px;
    overflow: hidden;*/
}

.galeriaImatgesExt .galeria-boxes li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.galeriaImatgesExt .galeria-boxes.overview li:nth-child(2) {
  margin: 0 1.3em;
}

.galeriaImatgesExt .galeria-boxes.overview li {
  float: left;
  width: 32%;
  height: 172px;
  overflow: hidden;
}

ul.galeria-boxes .caja-gradiente {
  bottom: 0px;
  height: auto;
  line-height: 1.2em;
  position: absolute;
  text-align: left;
  width: calc(100% - 30px);
  padding: 0 15px;
  padding-bottom: 0.5em;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

ul.galeria-boxes .caja-gradiente span {
  color: #f2f2f2;
}

ul.galeria-boxes .caja-gradiente a:hover {
  color: #f2f2f2;
}

/* Plantilla FIN LISTADO Ficha de Personas*/

/* Estilos Youtube API Embed*/
iframe.ytp-videodetalle {
  height: 465px;
  width: 100%;
}

/* Fin Estilos Youtube API Embed*/


/* Estilos TPCGaleriaImatgesExternes */
#bloc-galeriaImatges img {
  width: 100%
}

#bloc-galeriaImatges {
  background: #1c1c1c;
}

#bloc-galeriaImatges .cap-galeriaImatges {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
  padding-top: 4em;
}

#bloc-galeriaImatges .inter-bloc-galeriaImatges {
  width: 100%;
  text-align: left;
  display: inline-block;

}

#bloc-galeriaImatges .cap-galeriaImatges-titol {
  width: 50%;
  display: inline-block;
  text-align: right;
  color: #fff;
}

#bloc-galeriaImatges .titol-galeriaImatges {
  text-align: left;
  background: none;

  font-size: 1.8em;
  padding: 0;
  text-transform: none;
  font-family: Raleway;
  font-weight: normal;
}

#bloc-galeriaImatges .mesGaleriaImatges {

  color: #e6e3d2;
  float: right;

}

#bloc-galeriaImatges .listaAlbum {
  width: 98.5em;
  margin: 1.5em auto 0;
  padding-bottom: 4em;
  position: relative
}

.gal1fila .listaAlbum {
  padding-bottom: 0 !important;
}


#bloc-galeriaImatges .col-md-12 {
  padding: 0;
}

#html5box-html5-lightbox .html5-description {
  margin: 0px 0px 0px !important;
  padding: 0px 38px !important;
}

#bloc-galeriaImatges .caja-gradiente a:hover {
  color: #fff;
}

#bloc-galeriaImatges .titol-galeria-imatge-news {
  color: #fff;
  padding: 0em 1em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

#bloc-galeriaImatges .col-md-12 .item-imagen {
  margin-top: 15px;
  box-sizing: border-box;
}

#bloc-galeriaImatges .col-lg-3, .galeriaImatges .col-xs-3, .galeriaImatges .col-md-3, .galeriaImatges .col-sm-3 {
  height: 175px;
  overflow: hidden;
}

#bloc-galeriaImatges .col-sm-6 {
  height: 288px;
  overflow: hidden;
}

#bloc-galeriaImatges .col-sm-4 {
  height: 167px;
  overflow: hidden;
}

#bloc-galeriaImatges .caja-gradiente {
  bottom: -1px;
  height: auto;
  line-height: 1.3em;
  position: absolute;
  text-align: left;
  width: calc(100% - 30px);
  padding-bottom: 0.3em;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

#bloc-galeriaImatges button.compartir-menu-imagenes {
  background: transparent;
  color: #fff !important;
  cursor: pointer;
  font-size: 1.45em;
  height: 31px;
  border-radius: 0px;
  line-height: 0px;
  padding: 0.3em 8px;
}

/*#bloc-galeriaImatges .boton-comparte > .dropdown-menu {
    margin-top: -3px;
    margin-left: -133px;
}*/
/*#bloc-galeriaImatges .boton-comparte{
	margin: 0.83em 0px 0px 1.5em;
}*/

ul.compartir-menu > li > a {
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
}


/* Fin Estilos TPCGaleriaImatgesExternes */


/* Estilos Galeria Imatges Interior */


#html5box-html5-lightbox .html5-description {
  margin: 0px 0px 0px !important;
  padding: 0px 38px !important;
}


#bloc-galeriesImatgesInterior .galeriaImatgesInteriorExt .caja-gradiente {
  bottom: 0px;
  height: auto;
  line-height: 1.3em;
  position: absolute;
  text-align: left;
  width: calc(100% - 30px);
  padding-bottom: 0.6em;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

#bloc-galeriesImatgesInterior .galeriaImatgesInteriorExt .caja-gradiente a:hover {
  color: #fff;
}

#bloc-galeriesImatgesInterior .galeriaImatgesInteriorExt .titol-galeria-imatge {
  color: #fff;
  padding: 0em 1em;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

#bloc-galeriesImatgesInterior .galeriaImatgesInteriorExt .item-imagen {
  margin-bottom: 15px;
}

#bloc-galeriesImatgesInterior .galeriaImatgesInteriorExt .col-sm-6 {
  /*height: 211px; #23871*/
  overflow: hidden;
  box-sizing: border-box;
}


#bloc-galeriesImatgesInterior .galeriaImatgesInteriorExt img, img a {
  border: 0;
  max-width: 100%;
}

#bloc-galeriesImatgesInterior .galeriaImatgesInteriorExt {
  margin: 1em 1em 0em 1em;
}

/* Fin Estilos Galeria Imatges Interior */


/* Plantilla LISTADO  Galeria Imatges Interior*/
.galeriaImatgesInterior {
  text-align: left;
}

.galeriaImatgesInterior .item-imagen {
  /* margin-left: 0.83em; */
  box-sizing: border-box;
  width: 33%;
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 2em;
}

.galeriaImatgesInterior .item-imagen a img {
  width: 100%;
}

.galeriaImatgesInterior .caja-gradiente span {
  color: #333;
  font-family: Arial;
  font-size: 1.1em;
  text-align: left;
  font-weight: bold;
}

/* Plantilla FIN LISTADO Galeria Imatges Interior*/

/* Plantilla CSEObtindreNovetatsCulturaNews */

#bloc-noticies-boxesA .gacetaNews {
  /*width: 100%;*/
  min-height: 23em;
}

#bloc-noticies-boxesA .gacetaNews .comparte .btn {
  margin-top: -50px;
  margin-right: 15px;
}

#bloc-noticies-boxesA .comparte.btn-group {
  float: right;
  width: unset;
}

#bloc-noticies-boxesA .gacetaNews .compartir-menu {
  float: right;
  right: 15px;
  top: -22px;
}

#bloc-noticies-boxesA button.compartir-menu:hover, #bloc-noticies-boxesA button.compartir-menu:focus {
  border: 1px solid #e1e1e1;
}

#bloc-noticies-boxesA #mesActual .gaseta-box-revista {
  /*width: 30%;
    float: left;
    margin-left: 3%;*/
}

#bloc-noticies-boxesA #mesActual .gaseta-revista-actual-img {
  /*margin-bottom: 1em;*/
}

#bloc-noticies-boxesA #mesActual .gaseta-box-revista:first-child {
  /*padding-bottom: 2em; */
}

#bloc-noticies-boxesA .gaseta-box-revista {
  /*width: 30%;
    float: left;
    margin-left: 3%;*/
}

#bloc-noticies-boxesA .gaseta-revista-img {
  margin-bottom: 1em;
  height: 180px;
  overflow: hidden;
}

#bloc-noticies-boxesA .gaseta-revista-img img {
  width: 100%;
}

#bloc-noticies-boxesA .img-novetat-departament {

  width: 100%;
}

#bloc-noticies-boxesA .gaseta-revista-titulo-gradiente {
  font-family: Oswald;
  font-weight: normal;
  margin-top: 0.5em;
  color: #333;
  font-size: 1.1em;
  text-align: left;
  display: block;
}

#bloc-noticies-boxesA .gaseta-revista-titulo {
  font-family: Oswald;
  font-weight: normal;
  margin-top: 0.5em;
  color: #333;
  font-size: 1.1em;
  text-align: left;
  display: block;
}

/* Plantilla FIN CSEObtindreNovetatsCulturaNews */


/* Estilos Novetat Cultura News */
.nav-pills li {
  /*border-bottom: 1px solid #e1e1e1;*/
}

.gacetaNews .nav-pills li {
  min-width: 80px;
  list-style: none
}

.gacetaNews {
  /*padding-bottom: 70%;*/
}

.gacetaNews .col-xs-3 { /*padding-left:0;*/
  text-align: left
}

.gacetaNews li a {
  color: #444;
  font-family: "Lato", sans-serif;
  font-size: 1em;
}

.gacetaNews .nav-pills > li.active > a, .gacetaNews .nav-pills > li.active > a:hover, .gacetaNews .nav-pills > li.active > a:focus {
  color: #444;
  font-weight: bold;
  background-color: #e0e0e0;
}

.gacetaNews a:hover {
  background-color: #e0e0e0 !important;
}

.gacetaNews .nav > li > a {
  position: relative;
  display: block;
  padding: 0px;
  padding: 3px 0px 3px 10px;
  border-radius: 0px;
  background-color: #f0f0f0;
}

.bloc-noticias .gacetaNews .nav-pills > li.active > a:hover {
  background-color: #e0e0e0 !important;
}

.gaseta-revista-img img {
  width: 100%
}

.gaseta-revista-img {
  padding-bottom: 1em
}


.gaseta-box-revista .col-xs-6:nth-child(odd) {
  /* margin-left: -15px; */
  /* padding-right: 0px; */
  padding-left: 0px;
  /* margin-right: 15px; */
}

.gaseta-box-revista .col-xs-6:nth-child(even) {
  /* margin-right: -15px; */
  padding-right: 0px;
  /* padding-left: 0px; */
}


/* Fin Novetat Cultura News */

/* Plantilla LISTADO Ficha de Personas*/

.caja-lista-foto-persona {
  width: 80px;
  /*height: 160px;*/
  overflow: hidden;
}

.caja-lista-foto-persona img {
  width: 50%;
  margin-left: 1.5em !important;
  margin-right: 0em !important;

}

.persona-lista-dire {
  padding: 0.5em 0;
  margin-left: 0em;
  text-align: center;
  max-width: 178px;
}

table.listable td {
  border-bottom: 1px solid #FFFFFF;
  border-left: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  padding: 7px 33px 7px;
  vertical-align: center;
  max-width: 244px;

}

table.listable {
  margin-bottom: 2.0em;
  width: 100%;
}

table.listable th {
  text-align: center
}

.listable tr:nth-child(odd) {
  background-color: #F2F2F2;
}

table.listable td.subtitulo {
  font-size: 110%;
}

/******************************/

table.listable2 td {
  border-bottom: 1px solid #FFFFFF;
  border-left: 0px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  padding: 7px 30px 7px;
  vertical-align: center;
  max-width: 244px;

}

table.listable2 {
  margin-bottom: 2.0em;
  width: 100%;
}

table.listable2 thead th {
  text-align: center;
  background-color: #F2F2F2
}

.listable2 tbody tr:nth-child(even) {
  background-color: #F2F2F2;
}

table.listable2 td.subtitulo {
  font-size: 110%;
}

/*******************************/

div.nombre-persona p {
  padding: 0.0em 0;
  font-weight: bold;
}

.entry-content-listado {
  width: 100%;
  padding: 2.0em 0.0em 2.0em 3.5em;
}


table.listable .afiliacio, table.listable2 .afiliacio {
	display: inline-block;
}

table.listable .cargo-persona, table.listable2 .cargo-persona {
	display: inline-block;
}

table.listable caption, table.listable2 caption {
	display: none;
}

/* FIN Plantilla LISTADO Ficha de Personas*/


/* Plantilla Ficha Persona Foto*/

.entry-content .persona-izq img {
  margin-right: 0em !important;
}

.entry-content #content-persona {
  /*margin: 0.1em -1em 1.0em -4.5em;*/
  padding-top: 0.2em;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

#content-persona h2 {
  font-family: inherit;
}

#content-persona .fa-angle-right, #content-persona .fa-angle-down {
  color: #fff;
}

#content-persona .persona-dcha {
  float: left;
  text-align: left;
  width: 61.0%;
}

.entry-content #content-persona .persona-izq {
  width: 25%
}

.entry-content #content-persona .persona-dire {
  margin-left: 0
}

.entry-content #content-persona .persona-dcha {
  width: 68%
}

.caja-fitxa-persona {
  width: 166px;
  display: inline-block;
  padding-bottom: 1.5em;
  vertical-align: top;
}

.caja-foto-persona {
  width: 160px;
  /*height: 160px;*/
  overflow: hidden;
  border: 1px solid #f2f2f2;
}

.caja-foto-persona img {
  width: 100%;
  margin-left: 0em !important;
  margin-right: 0em !important;
}

/*Margenes caja persona 4 por linea*/

div.caja-fitxa-persona:nth-of-type(4n+2) {
  margin: 0em 0.5em 0em 0.5em;
}

div.caja-fitxa-persona:nth-of-type(4n+4) {
  margin: 0em 0.0em 0em 0.0em;
}

div.caja-fitxa-persona:nth-of-type(4n+3) {
  margin: 0em 0.5em 0em 0.5em;
}

/**********************/

#content-persona .caja-flecha {
  background: #c4cdd0 none repeat scroll 0 0;
  color: #fff;
  margin-left: 0.1em;
  height: 18px;
  box-sizing: border-box;
  line-height: 18px;
  vertical-align: middle;
  width: 4%;
  padding: 0.2em 0;
  float: left;
  text-align: center;
  display: block;
  /* padding: 0em 0.5em; */
  /* padding-left: 0.5em; */
}

#content-persona .bio-titol {
  width: 95%;
  background: #e6eaeb none repeat scroll 0 0;
  float: left;
  padding-left: 0.5em;
  color: #182e4c;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}

#content-persona .bio-info {
  margin-top: 1em;
  clear: both;
}

#content-persona .FPdata {
  color: #a9a9a9;
}

li.buscador-nou {
  margin-top: 2px;
}

/*.caja-fitxa-persona:nth-child(2n) {
    margin: 0 1em 0em;
}*/
/*#content-persona div.caja-fitxa-persona:nth-of-type(4n+2) {
	margin: 0em 0.5em 0em 1em;
}
#content-persona div.caja-fitxa-persona:nth-of-type(4n+3) {
	margin: 0em 1em 0em 0.5em;
}*/

/*Margenes caja persona 4 por linea*/
/*
div.caja-fitxa-persona:nth-of-type(5n+2) {
    margin: 0em 0.5em 0em 1em;
}
div.caja-fitxa-persona:nth-of-type(5n+3) {
    margin: 0em 1em 0em 0.5em;
}*/

/*Margenes caja persona 5 por linea*/

/*div.caja-fitxa-persona:nth-of-type(5n+2) {
    margin: 0em 0.5em 0em 0.5em;
}
div.caja-fitxa-persona:nth-of-type(5n+3) {
    margin: 0em 0.0em 0em 0.0em;
}
div.caja-fitxa-persona:nth-of-type(5n+4) {
    margin: 0em 0.5em 0em 0.5em;
}*/


.caja-fitxa-persona .nombre-persona a {
  font-family: "Humanist777-Bold", Arial;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #333;
}

.caja-fitxa-persona div.nombre-persona {
  margin: 0.5em 0;
}

.caja-fitxa-persona div.categoria-persona {
  font-family: "Humanist777-Bold", Arial;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #666;
  margin-top: 0.5em;
}

.caja-fitxa-persona .cargo-persona {
  font-family: "Humanist777-Bold", Arial;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #666;
  margin-top: 0.5em;
  margin-bottom: 1em;
}


/* Fin Plantilla Ficha Persona Foto*/
/* Plantilla Cercador*/


.cercador {
  position: relative;
  margin: 3.33em 1em 0.83em 1.1em;
}

.cercador .form-evento .form-data {
  width: calc(100% - 20px);
  padding: 10px;
  text-transform: uppercase;
}

.form-evento select {
  height: 2.35em;
  margin: 0em 0em 1em 0em;
  width: 100%;
}

.form-evento .categorias {
  margin-left: 1em;
  margin-right: 1em;
}

.mesBuscadorHome .form-evento .categorias {
  margin-right: 0px;
}

.mesBuscadorHome .form-evento select.sinTitulo {
  margin-top: 1.8em;
}

.mesBuscadorHome.buscadorInterior .form-evento select.sinTitulo {
  margin-top: 2.7em;
}

.cercador .cercador-novetat button[type=submit] {
  background: transparent none repeat scroll 0 0;
  position: absolute;
  cursor: pointer;
  border: 0 none;
  top: 13px;
  right: 0.5em;
  font-size: 1.5em;
}

.menu-listado-agenda {
  float: left;
  padding: 5px 0.6em;
  background: none repeat scroll 0 0 #E6E3D2;
  text-align: left;
  width: 63em;
  margin-left: 1.5em;
}

.entry-content li.novetat {
  padding: 1em 0em 1em 0em;
  background: none;
  border-top: 1px dotted #000000;
  float: left;
  width: 97%;
  clear: both;
}

.entry-content li.first {
  padding: 0em 0em 1em 0em;
  border-top: none;
}

.entry-content li.novetat img {
  float: left;
  /* border: 1px solid #666; */
  margin-top: 0.4em;
  margin-right: 2em;
  width: 6em;
}

.entry-content li.novetat h3 {
  padding: 5px;
  padding-left: 7.3em;
}

.entry-content li.novetat ul {
  padding: 10px;
  padding-left: 1em;
  clear: none;
}

.entry-content li.novetat p.novetat-date {
  color: #B3AB9E;
  font-size: 1.1em;
  margin: 0;
  padding-left: 6.3em;
  margin-bottom: 0px;
}

.entry-content li.novetat li {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 78px;
}

.entry-content li.novetat p {
  padding: 0px;
  padding-left: 8em;
  text-align: justify;
}


.form-activitat input.form-submit {
  position: absolute;
  border: 0 none;
  /* pointer-events: none; */
  background: #E6E3D2;
  /* margin-left: 39%; */
  left: -2px;
  text-transform: uppercase;
  bottom: -38px;
  border-radius: 3px;
  font-size: 0.8em;
  /* margin-top: 10em; */
  margin-bottom: 15px;
  display: inline-block;
  /* cursor: pointer; */
  padding: 4px 16px;
}


/* Fin Plantilla Cercador*/

/* Plantilla RecullPremsa Interior*/
.premsa-interior {
  float: left;
  width: 100%
  /*margin-left: 0.42em;*/
}

/* Fin Plantilla RecullPremsa Interior*/

/* Plantilla RecullPremsaHome */
.home-premsa #myPremsaScroll {
  margin: 0.83em 0 0 0;
  width: 48em;
  height: 30em;
  overflow: auto;
  position: relative;
}

.home-premsa {
  width: 96%;
  margin-left: 1.1em;
  text-align: left;
}

/* Fin Plantilla RecullPremsaHome */

/* Plantilla RecullPremsa*/

.sidebar-premsa {
  margin: 2.33em 1em 0.83em 1.1em;
  font-family: 'Lato', serif;
}

.bloc-recull {
  position: relative;

  width: 100%;
}

#myPremsaScroll {
  margin: 0.83em 0 0 0;
  width: 23em;
  height: 30em;
  overflow: auto;
  position: relative;
}

/*#myPremsaScroll_mcontentwrapper {
    width: 23em !important;
}*/
/*#myPremsaScroll_contentwrapper .list-group .list-group-item:nth-child(odd) {
    background-color: #F2F2F2;
}*/
.premsa-info {
  color: #999999;
  text-align: left;
}

.bloc-recull .list-group-item:first-child {
  border-top: 0 none;
  padding-left: 0px;
}

.bloc-recull .list-group-item {
  position: relative;
  display: block;
  margin-bottom: -1px;
  padding: 5px 0em 15px 0px;
  margin-right: 5px;
  /*padding: 10px 0em 10px 0px;
    margin-right: 10px;*/
  padding-left: 0px;
}

.bloc-recull .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.bloc-recull a.list-group-item:hover,
.bloc-recull button.list-group-item:hover,
.bloc-recull a.list-group-item:focus,
.bloc-recull button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #ffffff;
}

.bloc-recull .list-group-item {
  border-left: 0 none;
  border-right: 0 none;
  padding-right: 5px;
}

.premsa-titol {
  text-align: left;
  font-weight: 600;
  font-size: 1em;
}


.premsa-resum {
  text-align: left;
  font-size: 0.95em;
  padding-left: 26px
}

.premsa-info li {
  float: left;
  margin-right: 1em;
}

.premsa-info .fa {
  display: inline;
}

ul.premsa-info {
  list-style-type: none;
}

.home-premsa ul.premsa-info {
  padding-left: 26px
}


/* Fin Plantilla RecullPremsa*/


/* Plantilla AccioEspecifica*/
.boxsize {
  box-sizing: border-box;
}

#accioEsp-interior {

  margin: 0.83em 0 0.83em 1.67em;
}

#accioEsp-interior .row {
  clear: left;
}

#accioEsp-interior .card img {
  margin: 0
}

#accioEsp-interior .card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  margin-bottom: 1.5em;
}

#accioEsp-interior .card-img-top {
  border-top-right-radius: calc(.25rem - 1px);
  border-top-left-radius: calc(.25rem - 1px);
  width: 100%;
}

#accioEsp-interior .card-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
  text-align: left;
}

#accioEsp-interior .card-title {
  margin-bottom: .75rem;
}

/* Fin Plantilla AccioEspecifica*/

/* Plantilla AccioEspecifica de Detalle */
.imagenAccioEspecifica {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  text-align: center;
  max-width: 30.35em;
  outline: 0px;
  vertical-align: baseline;
  display: block;
}

.imagenAccioEspecifica img {
  max-width: 30em;
  margin: 0px;
}

.accioEspecifica-detall .caja-contacta a {
  padding-left: 0.4em;
}

/* Fin Plantilla AccioEspecifica de Detalle*/

/* Plantilla CSECercadorActivitatDesplegable*/

.cercador-activitat select{
	width: 100%;
    min-width: 15ch;
    max-width: 30ch;
    border-radius: 0.25em;
    padding: 0.25em 0.5em;
    font-size: 1.2em;
    cursor: pointer;
    line-height: 1.1;
}

.cercador-activitat form fieldset.form-activitat {
  width: 100%;
  margin-bottom: 1em;
}

.cercador-activitat form button.submit {
  width: 15%;
  display: inline-block;
  padding: 10px 0px;
  box-sizing: border-box;
  border: 0;

}

.cercador-activitat form button.submit:hover {
  background-color: #c9c9c9;
  cursor: pointer;
}

.cercador-activitat form button.submit2 {
  width: 100%;
  display: inline-block;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 0;

}

.cercador-activitat form button.submit2:hover {
  background-color: #c9c9c9;
  cursor: pointer;
}

.cercador-activitat form input.form-data {
  width: 85%;
  padding: 16px 10px;
  font-size: 17px;
  box-sizing: border-box;
  margin: 0em;
  border: none;
  font-family: 'Lato';
  display: inline-block;
  background-color: #f2f2f2;

}

.cercador-activitat .form-activitat .form-fecha {
  width: 75%;
  box-sizing: border-box;
  padding: 5px 10px;
  font-size: 14px;
  font-family: 'Lato';
  display: inline-block;
  margin: 0em;
  vertical-align: middle;
  border: 1px solid #CCCCCC;
}

.cercador-activitat .form-activitat label.fromto {
  width: 7%;
  box-sizing: border-box;
  margin: 0;
  float: none;
  vertical-align: middle;
  display: inline-block;
}

.cercador-activitat .form-activitat button.ui-datepicker-trigger {
  width: 15%;
  display: inline-block;
  padding: 6px 0px;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
  cursor: pointer;
}

.cercador-activitat .desplegado {
  background: none;
}

.cercador-activitat .form-activitat .clear {
  height: 1em;
}

/* Fin Plantilla CSECercadorActivitatDesplegable*/

/*  Plantilla CSEObtindreSubscripcionsAmpladaTotal  */

.bloc-subscripcio {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
}

.bloc-subscripcio .subscripcio-izq {
  box-sizing: border-box;
  width: 50%;
  vertical-align: top;
  display: inline-block;
  /*float: left;*/
}

.bloc-subscripcio form input {
  padding: 5px 15px;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 75%;
  background-color: #f2f2f2;
}


.bloc-subscripcio form textarea {
  padding: 5px 15px;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 75%;
  background-color: #f2f2f2;
}

.bloc-subscripcio form .submit input {

  width: 89.5%;
  margin-top: 2em;
  border: none;
}

.bloc-subscripcio form .submit input {

  background-color: #c7c7c7;
}

.bloc-subscripcio form .submit input:hover {

  background-color: #b2b2b2;
  cursor: pointer;
}

.bloc-subscripcio .item strong {
  width: 14%;
  display: inline-block;
}

.bloc-subscripcio .item {
  margin: 0.5em 0;
}

.bloc-subscripcio .subscripcio-der {
  box-sizing: border-box;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  font-size: 0.85em;
  font-style: italic;
  float: right;
}

.bloc-subscripcio .subscripcio-der p:first-child {
  padding-bottom: 0.5em;

}


.bloc-subscripcio-destacada {
  /*width: 98.5em;*/
  margin: 0 auto;
  text-align: left;
}

.bloc-subscripcio-destacada .subscripcio-izq {
  box-sizing: border-box;

  vertical-align: top;
  display: inline-block;
}

.bloc-subscripcio-destacada .subscripcio-izq form input {
  padding: 5px 15px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border: none;
  width: 78%;
}

.bloc-subscripcio-destacada .subscripcio-izq form textarea {
  padding: 5px 15px;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 75%;
  background-color: #f2f2f2;
}

.bloc-subscripcio-destacada .subscripcio-izq form .submit input {
  width: 100%;
  margin: 1em 0;
  border: none;
}

.bloc-subscripcio-destacada .subscripcio-izq form .submit input:hover {
  background-color: #c9c9c9;
  cursor: pointer;
}

.bloc-subscripcio-destacada .subscripcio-izq .item strong {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}

.bloc-subscripcio-destacada .subscripcio-izq .item {
  margin: 0.5em 0;
}

.bloc-subscripcio-destacada .subscripcio-der {
  box-sizing: border-box;

  display: inline-block;
  vertical-align: top;
}

.bloc-subscripcio-destacada p {
  padding: 0.5em 0;
}

.bloc-subscripcio-destacada .subscripcio-der p {
  font-style: italic;
  font-size: 0.85em;
}


/* Fin Plantilla CSEObtindreSubscripcionsAmpladaTotal  */

.bloc-subscripcio-columna {
  margin: 0 auto;
  text-align: left;
}

.bloc-subscripcio-columna .subscripcio-izq {
  box-sizing: border-box;
  width: 100%;
  vertical-align: top;
  display: inline-block;
  /*float: left;*/
}

.bloc-subscripcio-columna form input {
  padding: 5px 15px;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 100%;
  background-color: #f2f2f2;
}


.bloc-subscripcio-columna form textarea {
  padding: 5px 15px;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 100%;
  background-color: #f2f2f2;
}

.bloc-subscripcio-columna form .submit input {

  width: 89.5%;
  margin-top: 2em;
  border: none;
}

.bloc-subscripcio-columna form .submit input {

  background-color: #c7c7c7;
}

.bloc-subscripcio-columna form .submit input:hover {

  background-color: #b2b2b2;
  cursor: pointer;
}

.bloc-subscripcio-columna .item strong {
  width: 100%;
  display: inline-block;
}

.bloc-subscripcio-columna .item {
  margin: 0.5em 0;
}

.bloc-subscripcio-columna .subscripcio-der {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 0.85em;
  font-style: italic;
  float: right;
}

.bloc-subscripcio-columna .subscripcio-der p:first-child {
  padding-bottom: 0.5em;

}


/* Plantilla Cercador AccioEspecifica*/
.cercador-AccEsp .form-evento label {
  width: 50%;
  margin: 0;
  float: left;
  padding: 0.5em;
  box-sizing: border-box;

}

.cercador-AccEsp .form-evento .checkMedios input {
  position: relative;
  top: 4px;
  margin-right: 5px;
}

/* Fin Plantilla Cercador AccioEspecifica*/


.detall-box {
  height: 2.5em;
  line-height: 2.5em;
  background-color: #fafafa;
  padding-left: 1em;
  padding-bottom: 0em;
  margin-bottom: 1em;
  border-radius: 4px;

}

.detall-box ul {
  font-size: 1em;
  list-style-type: none;
}

.detall-box li.caja-autor {

  float: left;
  font-size: 1em;
  background: none;
  font-style: italic;
}

.detall-box li.caja-autor span {
  color: #333;
  padding-right: 0em;
  font-style: normal;
}


.info-asignatura {
  border-bottom: 2px solid #dce0e1;
  float: left;
  margin-bottom: 1em;
  margin-left: 1.6em;
  position: relative;
  text-align: left;
  width: 97.7em !important;
}

#content-asignatura {
  float: right;
  position: relative;
  width: 82.9em !important;
}

.caja-enlace-especialidades {
  clear: both !important;
}

.img-text-3col {
  padding-left: 3.4em;
  padding-right: 3.4em;
  margin: 0;
}

.img-text-4col {
  padding: 1em 2em;
}

.video-stream {
  position: relative;
  margin-top: 2em;
  margin-left: 0.86em;
  margin-right: 0.86em;
}

.wrap-yt {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}


.wrap-yt iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* VIMEO DETALLE */
.vp-center #player {
  max-width: 100vw !important;
}

.caption-stream {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 3em
}

.videoDestacat {
  margin-left: 0.83em;
  margin-right: 0.83em
}

.candidat {
  float: left;
  width: 23em;
  position: relative;
}

.candidat:nth-of-type(3n+4) {
  margin-left: 2.15em;
  margin-right: 2.15em;
}

.candidat a {
  color: #fff;
  font-size: 1.3em
}

.candidat h3 {
  text-align: center;
}

.candidat-background {

  position: absolute;
  bottom: 0px;
  width: 260px;
  padding-bottom: 1em;
  padding-top: 1em;
  margin: 0 0.67em;
  background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
}

.candidat2 {
  float: left;
  width: 22.5em;
  background: #eee;
  margin-bottom: 1.25em;
  display: table
}

.bloc-escrutini {
  margin: 0.83em 0 0 0.75em;
}

.bloc-escrutini .candidat-links:nth-child(3n+2) {
  margin-left: 3em;
  margin-right: 3em;
}

.candidat-links {

  float: left;
  width: 22em;
  background: #eee;
  margin-bottom: 1.25em;
  display: table;
}

.candidat-link-img {
  width: 88px;
  display: table-cell;
  text-align: left;
}

.candidat-link-titol {

  padding-left: 1em;
  font-family: Raleway;
  width: 63%;
  text-align: left;
  display: table-cell;
  vertical-align: middle;

}

.candidat-link-titol span {
  font-family: Raleway;

}

.candidat-link-titol a {
  color: #444
}

/******* CSEObtindreBancImatgeInterior *******/
/*.img-banc-0{
	padding: 1% 2%;
}*/

.img-banc-1 {
  padding: 1% 49% 0% 10%;
}

.img-banc-2 {
  padding: 1% 29% 0% 0%;
}

.img-banc-3 {
  padding: 1% 2%;
}

/******* Fin Estilo CSEObtindreBancImatgeInterior *******/

#content-asignatura .entry-content {
  width: 80.16em !important;
}

#content-asignatura .menu-segundos {
  width: 80.16em !important;
}

.tabla-examenes th {
  background: #DCE0E1;
  padding: 3px 0px 4px 5px;
  width: 43em;
}

img.RSS-Blog {
  width: 23px;
}

.RSS-enlace {
  color: #e6e3d2;
  color: #e6e3d2;
  float: left;
  left: 1em;
  position: relative;
  top: 1.2em;
}


.gaseta-boxes-text {
  font-size: 1em;
}

.gasetas-recerca .n2 {
  margin: 0 3.7em 2em
}

.gasetas-recerca .n5 {
  margin: 0 3.7em 2em
}

.gaseta-recerca {
  width: 260px;
  margin-bottom: 2em
}

.gaseta-recerca img {
  width: 260px;
  margin: 0 !important;
}

.gaseta-recerca-img {
  height: 150px;
  overflow: hidden
}

.gaseta-recerca a:hover {
  color: #fff !important;
}

.dest-gaseta-opinio:nth-child(even) {
  width: 45%;
  float: left;
  padding: 0 0em 0;
}

.dest-gaseta-opinio:nth-child(odd) {
  width: 45%;
  float: right;
  padding: 0 0em 0;
}

.dest-gaseta-opinio img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.dest-gaseta-opinio a {
  text-align: justify;
  font-style: italic;
  font-size: 0.9em;
  display: inline-block;
}

.entry-content ul li {
  background: #fff url(boton-flecha-r.gif) left 0.86em no-repeat;
}

.entry-content li.novetat ul li {
  background: #fff url(boton-flecha-r.gif) left 0.56em no-repeat;
}

.entry-content ul.llistat-content li {
  border-bottom: 1px dotted #000;
}

.entry-content ul.llistat-content-last li {
  border-bottom: 1px dotted #000;
}

.entry-content ul.llistat-content li a {
  text-decoration: none;
}

.entry-content ul.llistat-content-last li a {
  text-decoration: none;
}

.titol-bloc {
  text-align: left;
  background: none;
  color: #444;
  font-size: 1.8em;
  padding: 0;
  text-transform: none;
  font-family: Raleway
}

.titol-bloc a:hover {
  text-decoration: underline;
}

.titol-bloc-fons-uv {
	display: flex;
    flex-direction: row;
    padding: 10px 10px;
}

.titol-bloc-fons-uv img {
	height: 65px;
}

.titol-bloc-fons-uv h2 {
	color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    margin: 0.75em 0 0 0.25em !important;
	padding: 0;
    font-size: 2.5em;
    text-align: center;
    font-weight: 400;
}

@media screen and (max-width: 540px) {
	.titol-bloc-fons-uv {
		flex-direction: column;
	}
}

.menu-titol-oscur {
	width: 98.4em !important;
}

.menu-titol-oscur .titol-bloc {
  background-color: #082b3e;
  color: #FFF;
  padding-left: 0.25em;
  font-weight: bold;
}

@media (max-width: 1210px) {
    .menu-titol-oscur {
        width: calc(100% - 2em) !important;
    }
}

ul.menu-prim-nuevo ul li:hover {
  background: #e6e3d2; /*#d8d1b7*/
}

/* .menu-segundos{text-align:left;background:#e6e3d2;} */
.menu-segundos {
  text-align: left;
  background: #edeadf;
  width: 71.3em;
}

/*e6e3d2*/
.menu-segundos a.active {
  background-color: #e6e3d2; /*#d8d1b7*/
}

#menu-principal ul.menu-prim-nuevo li a.active {
  background-color: #e6e3d2; /*#d8d1b7*/
}

.menu-segundos a:hover {
  text-decoration: underline;
}

.menu-seg-nuevo li a.active {
  background-color: #e6e3d2; /*#d8d1b7*/
}

.menu-quintos {
  text-align: left;
  background: none repeat scroll 0 0 #f2f3f3; /*e6e3d2*/
}

.menu-quintos a:hover {
  text-decoration: underline;
}

.menu-quintos li {
  border-color: #013952;
}

.entry-content .menu-quintos li > a.active {
  background: none repeat scroll 0 0 #dce0e1 !important;
}

.menu-quintos li > a.active {
  background: none repeat scroll 0 0 #dce0e1 !important; /*d8d1b7*/
}

.menu-quintos li.first {
  border-left: none
}

.entry-content .menu-quintos li:hover {

  background: none repeat scroll 0 0 #dce0e1 !important;
}

.menu-quintos li:hover {

  background: none repeat scroll 0 0 #dce0e1 !important; /*d8d1b7*/
}


.titol-bloc2 {
  background: #e6e3d2;
}

.titol-bloc2 b {
  color: #013952;
}

.titol-bloc2 a:hover {
  text-decoration: underline;
}

.titulo-segundos {
  color: #013952;
}

.titulo-segundos-oct {
  color: #333;
  font-family: 'Lato';
  font-weight: bold;
  font-size: 2em !important;
}

.barra-contenido {
  border-bottom: medium none;
  font-size: 1.8em;
  margin-left: 0.4em
}

.titulo-evento {
  width: 100% !important;
  border: medium none
}

.form-data {
  background: #fff;
  border: 1px solid #ccc;
}

.form-activitat .form-data {
  width: 19em;
}

.form-calendari {
  background: transparent url(calendari.jpg) no-repeat;
}

.navegador-articles {
  background: #FFF;
}

#content-slider ul.pager li a.prev {
  background: transparent url(p-anterior.jpg) left 50% no-repeat;
}

#content-slider ul.pager li a.next {
  background: transparent url(p-seguent.jpg) right 50% no-repeat;
}

.p-anterior {
  background: transparent url(p-anterior.jpg) left 50% no-repeat;
}

.p-seguent {
  background: transparent url(p-seguent.jpg) right 50% no-repeat;
}

.p-anterior-color {
  background: transparent url(p-anterior-color.jpg) left 50% no-repeat;
}

.p-seguent-color {
  background: transparent url(p-seguent-color.jpg) right 50% no-repeat;
}

span.titol {
  color: #013952;
}

span.titol-doctorat {
  color: #013952;
}

p.data span.mes {
  color: #ff0000;
}

p.data span.dia {
  color: #606e79;
}

ul.llistat-1 li, ul.llistat-2 li, ul.llistat-3 li, ul.llistat-4 li {
  border-bottom: 1px dotted #000;
}

ul.llistat-1 li:hover, ul.llistat-2 li:hover, ul.llistat-3 li:hover, ul.llistat-4 li:hover {
  color: #013952;
  border-bottom: 1px dotted #013952;
}

tr.titulo-tabla {
  background: #e6e3d2;
}

.grid3-1 {
  border-bottom: 1px solid #013952;
}

.grid3-2 {
  border-bottom: 1px solid #013952;
}

.grid3-3 {
  border-bottom: 1px solid #013952;
}

.grid3-4 {
  border-bottom: 1px solid #013952;
}

.menu-sidebar ul {
  background: #edeadf
}

/*#e6e3d2*/
.menu-sidebar ul li {
  border-bottom: 1px solid #ffffff;
  color: #3f3c35;
}

.menu-sidebar ul li a {
  color: #3f3c35;
  display: block;
}

.menu-sidebar ul li a:hover {
  color: #3f3c35;
}

.menu-sidebar ul li:hover {
  border-bottom: 1px solid #ffffff;
  background: #e6e3d2;
}

/*#d8d1b7*/
.menu-sidebar ul li .active {
  background: #e6e3d2;
}

/*#d8d1b7*/
.menu-sidebar ul li.active {
  border-bottom: 1px solid #ffffff;
  background: #e6e3d2;
}

/*#d8d1b7*/
.entry-content .menu-segundos {
  background-color: #edeadf
}

/*puede afectar a las titulaciones*/
/*.menublanc-sidebar ul{border-top:1px dotted #013952;}*/
.menublanc-sidebar ul li {
  border-bottom: 1px solid #fff;
  color: #000;
  background: #f9f9f9;
  font-size: 0.95em;
  padding-left: 0.5em
}

.menublanc-sidebar ul li a {
  color: #000;
}

.menublanc-sidebar ul li a:hover,
ul.llistat-1 li:hover,
ul.llistat-2 li:hover,
ul.llistat-3 li:hover,
ul.llistat-4 li:hover,
ul.llistat-1 li a:hover,
ul.llistat-2 li a:hover,
ul.llistat-3 li a:hover,
ul.llistat-4 li a:hover {
  color: #000;
  background: #eee;
}

.menublanc-sidebar ul li:hover {
  border-bottom: 1px solid #fff;
  color: #000;
  background: #eee
}

.links-sidebar {
  background: #cfccc3 url(li-gris.jpg);
}

.links-sidebar ul li {
  border-bottom: 1px solid #b1afa3;
}

.links-sidebar ul li:hover {
  color: #000;
}

.links-sidebar ul li.estalvi {
  background: transparent url(li-estalvi.jpg) left center no-repeat;
}

.links-sidebar ul li.postgrau {
  background: transparent url(li-postgrau.jpg) left center no-repeat;
}

.links-sidebar ul li.parc {
  background: transparent url(li-parc.jpg) left center no-repeat;
}

.links-sidebar ul li.videos {
  background: transparent url(li-videos.jpg) left center no-repeat;
  border-bottom: 0;
}

/*
#footer {background:#3f4545;color:#fff;}
.pie-pagina{background:#3f4545;color:#fff;}
*/
.pie-pagina a {
  color: #ccc;
}

.pie-pagina a:hover {
  color: #fff;
}

table.sortable td {
  border-bottom: 1px solid #013952;
  border-left: 10px solid #FFFFFF;
  border-right: 10px solid #FFFFFF;
  padding: 4px 0;
}

.titulo-corto-asignatura {
  position: relative;
  float: left;
  color: #013952;
  font-weight: 600;
  width: 20%;
}

.titulo-corto-convocatorias {
  position: relative;
  float: left;
  color: #013952;
  font-weight: 600;
  width: 41%;
  margin-left: 1em;
}

.convocatorias-examen {
  position: relative;
  float: left;
  color: #013952;
  font-weight: 600;
  width: 10em;
  height: 5em;
  text-align: center;
  padding-top: 2.5em;
}


.caja-mapa-web ul li {
  background: #fff url(boton-flecha-r.gif) left 0.86em no-repeat;
}

/*  Estilos Galeria */
.caja-galeria {
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
  margin: 0 0.95em 2em;
  width: 190px;
  float: left;
  overflow: hidden;
}

.content-galeria {
  text-align: center;
}

.content-galeria .caja-galeria {
  float: none !important;
  display: inline-block;
  margin: 0 0.90em 2em;
}


#content-tres-columnas .content-galeria .caja-galeria {
  margin: 0 2.4em 4em;
}


.caja-galeria-imatges {
	margin-bottom: 3em !important;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important;
	/*box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;*/
	/*border-radius: .25em !important;*/
	background-color: #fff !important;
}

.caja-galeria-imatges .cuerpo-galeria-imatges {
	/*position: relative;*/
    min-height: 425px;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;	
}

.caja-galeria-imatges .cuerpo-galeria-imatges .item-galeria-imatges {
	padding: 0;
    color: #000;
    overflow: hidden;
    text-align: left;
    width: 100%;
    min-height: 2.9em;
}

.caja-galeria-imatges .cuerpo-galeria-imatges .item-galeria-imatges img {
    width: 100%;
    margin: 0 !important;
	height: 280px;
}

.caja-galeria-imatges .cuerpo-galeria-imatges .item-galeria-imatges .lnk-galeria-imatges {
	display: inline-block;
    margin-top: 0.5em;
    margin-left: 0.5em;
    color: black;
	font-size: 1.2em;
    font-weight: 600;
}

.caja-galeria-imatges .cuerpo-galeria-imatges .descripcion-galeria-imatges {
	margin: 0;
	padding: 0 0.5em;
    text-align: left;
    overflow: auto;
	height: 85px;
	/*scrollbar-width: thin;*/
    /*scrollbar-color: #a9b8c0 #e1e1e1;*/
}
.caja-galeria-imatges .cuerpo-galeria-imatges .descripcion-galeria-imatges::-webkit-scrollbar {
	width: 20px;
}

.caja-galeria-imatges .cuerpo-galeria-imatges .descripcion-galeria-imatges::-webkit-scrollbar-track {

  background-color: transparent;
}

.caja-galeria-imatges .cuerpo-galeria-imatges .descripcion-galeria-imatges::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}


.caja-galeria-imatges .cuerpo-galeria-imatges .descripcion-galeria-imatges p {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.caja-galeria-imatges .cuerpo-galeria-imatges .pie-galeria-imatges {	
	background-color: #F6F6F6;
    padding: 5px;
    height: 2.5em;
    display: flex;
    align-items: start;
}

.caja-galeria-imatges .cuerpo-galeria-imatges .pie-galeria-imatges a {
	display: inline-block;
	margin-right: 0.5em;
}

.caja-galeria-imatges .cuerpo-galeria-imatges .pie-galeria-imatges img {
	margin: 0 !important;
}

/****/
/*.caja-mapa-web{border: 0.1em solid #B3AB9E;}*/

#content .caja-mapa-web h3 {
  text-align: left;
  background: none repeat scroll 0 0 #E6E3D2;
}

.caja-mapa-web-sevicios h3 {
  background-color: #013952;
}

.caja-mapa-web-sevicios {
  /*background-color: #013952;
	background: url("blau-transparent.png") repeat scroll 0 0 transparent;*/
}

#calendario {
  /*background: none repeat scroll 0 0 #F9F5E2;*/
  color: #fff;
  /*border-top: 2px solid #2066A3;*/
  background: none repeat scroll 0 0 #f1f1f1;
}

.cercador .mes {
  /*background: none repeat scroll 0 0 #869299;*/
  background: none repeat scroll 0 0 #65737b;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #fff;
  font-family: 'Raleway';
  font-size: 1.5em;
  text-transform: capitalize;
}

.cercador .mes .ant a, .cercador .mes .sig a {
  color: #fff;
}

.cercador .mes .ant a:hover, .cercador .mes .sig a:hover {
  color: #fff;
}

#calendario table {
  border-spacing: 0px;
  font-family: 'Raleway';
}

#calendario td {
  padding: 3px;
}

#calendario td.actual {

  background-color: green;


}

#calendario td.evento {


}

#calendario td.seleccionado {
  background-color: #0a3869;
  color: #F9F5E2
}

#calendario td.seleccionado a {
  color: #F9F5E2
}

#calendario td.actual a {
  color: #F9F5E2
}

#calendario thead {
  /*background-color: #b3b3b3*/
  background-color: #707070;
  height: 25px;
  font-size: 1.2em;
}

/* Estilos buscador Google */
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  color: #013952 !important;
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
  color: #013952 !important;
}

/* Fin estilos buscador Google */

#content-tres-columnas .entry-content li.novetat-boxes:nth-child(2n+1) {
  padding-left: 0em;
  padding-right: 1.1em;
  clear: left
}

#content-tres-columnas .entry-content li.novetat-boxes:nth-child(2n+2) {
  padding-left: 1.1em;
  padding-right: 0em;
  clear: none;
}

#content-tres-columnas .entry-content li.novetat-boxes {
  float: left;
  width: 22em;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  padding-bottom: 1.5em;
}


.entry-content li.novetat-boxes:nth-child(3n+1) {
  padding-left: 0em;
  padding-right: 0em;
  clear: left
}

.entry-content li.novetat-boxes:nth-child(3n+2) {
  padding-left: 1.1em;
  padding-right: 1.1em;
}

.entry-content li.novetat-boxes:nth-child(3n+3) {
  padding-right: 0em;
  padding-left: 0em;
}

.entry-content li.novetat-boxes {
  float: left;
  width: 23em;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  padding-bottom: 1.5em;
}

.entry-content li.novetat-boxes h3 {
  padding-top: 0.5em
}

.entry-content li.novetat-boxes img {
  margin: 0 !important
}

.novetat-boxes img {
  width: 260px;
}

li.novetat-boxes .novetat-box-clock {
  padding-left: 0
}

.entry-content p.novetat-box-date {
  color: #a9a9a9;
  font-size: 0.95em;
  margin: 0;
  display: inline-block;
  padding-left: 1em;
  padding-bottom: 0em
}

/* TPLProjecteInvestigacio */

.noticiesProjecte {
  box-sizing: border-box;
}

.noticia-projecte {
  float: left;
  box-sizing: border-box;
  width: 33.3%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.noticia-projecte img {
  margin: 0 !important;
  width: 100%;
}

.noticia-projecte .titol-novetat-projecte {
  color: #333333;
  padding: 0.5em 0 0 0em;
  max-width: 260px;
  font-size: 1em;
  min-height: 4.5em;
}

.noticia-projecte .titol-novetat-projecte a {
  color: #333333;
}

.noticia-projecte .projecte-box-imatge {
  min-height: 155px;
}

.noticia-projecte .projecte-box-clock {
  /*padding-left: 0.5em;*/
  padding-top: 0.5em;
  text-align: left;
  width: 200px;
}

.noticia-projecte .projecte-box-clock span {
  color: #a9a9a9;
}

.noticia-projecte .projecte-box-date {
  color: #a9a9a9 !important;
  font-size: 1em;
  margin: 0;
  display: inline-block;
  padding-left: 1em !important;
}

.projecte-descripcio {
  margin: 1em 0em;
  text-align: justify;
}

.projecte-descripcio .titol {
  color: #000;
}

.projecte-descripcio p {
  font-family: 'Lato', serif;
  font-size: 1em;
}

/* Fin TPLProjecteInvestigacio */

/* Plantilla CSEObtindreCatalegPatrimoniInterior */
.cataleg {
}

.cataleg .cataleg-llista {
  display: inline-block;
  list-style: none;
  /*margin: -20px;*/
  overflow: visible;
  width: 100%
}

.cataleg .cataleg-llista .cataleg-item {
  float: left;
  width: 214px;
  height: 209px;
  background: none;
  margin: 2em 19px;
  padding: 2% 2%;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  -moz-box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  background-color: #F0F0F0;
}

.cataleg-cap {

}

.cataleg .cataleg-llista .cataleg-item .cataleg-cap .cataleg-img {
  width: 100%;
  height: 150px;
  border-radius: 8px 8px 0px 0px;
  margin: 0;
  padding: 0;
}

#content .entry-content .cataleg-img {
  margin: 0;
}

.cataleg-cos {
  padding: 0px;
  background: #F0F0F0;
  border-radius: 0px 0px 5px 5px;
  position: relative;
  text-align: left;
}

.entry-content .cataleg-cos h3 {
  padding: 0;
}

.cataleg-box {
  padding-top: 0.5em;
  text-align: left;
  width: 200px;
}

.cataleg-box .cataleg-box-date {
  color: #a9a9a9;
  font-size: 1em;
  margin: 0;
  display: inline-block;
  padding-left: 0.5em;
  padding-bottom: 0em;
}

.cataleg-titol {
  font-family: Oswald;
  font-size: 1.4em;
  font-weight: normal;
  color: #333;
  margin: 0.5em 0em 0em;
}

.patrim-img {
  width: 100%;
}

.patrim-info {
  margin: 1.5em 0em;
  float: left;
  background-color: #F2F2F2;
  width: 100%;
  display: inline-flex;
}

.patrim-info-div {
  float: left;
  width: 49%;
  margin: 1em 0em;
}

.patrim-info-div-centro {
  width: 2%;
  float: left;
  display: block;
  background-color: #FFF;
}

.patrim-info-div div {
  padding: 0.35em 1.25em;
  font-family: 'Lato', serif;
  font-size: 1em;
  text-align: justify;
}

.patrim-info-div ul {
  margin-bottom: 0px;
}

.patrim-info-div ul li {
  background: none;
  background-color: #F2F2F2;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#content .entry-content .patrim-img img {
  width: 100%;
  margin: 0;
}

#content .entry-content .patrim-descripcio img {
  width: 100%;
  margin: 0;
}

.patrim-descripcio {
  margin: 1em 0em;
}

.patrim-descripcio .titol {
  color: #000;
}

.patrim-descripcio p {
  font-family: 'Lato', serif;
  font-size: 1em;
  text-align: justify;
}

.patrim-map {
  margin: 2em 0em;
}

.patrim-iframe {
  margin: 2em 0em;
}

.patrim-titulo-ubi {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin-top: 1.5em;
  font-weight: bold;
}

/* Fin Plantilla CSEObtindreCatalegPatrimoniInterior */

/*Plantilla CSEObtindreCatalegPatrimoniManualHome */
.cataleg .cataleg-llista .cataleg-item-manual {
  float: left;
  width: 17.8%;
  height: 209px;
  background: none;
  margin: 2em 19px;
  padding: 2% 2%;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  -moz-box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  background-color: #F0F0F0;
}

.cataleg-cap-manual {

}

.cataleg .cataleg-llista .cataleg-item-manual .cataleg-cap-manual .cataleg-img-manual {
  width: 100%;
  height: 150px;
  border-radius: 8px 8px 0px 0px;
  margin: 0;
  padding: 0;
}

.cataleg-cos-manual {
  padding: 0px;
  background: #F0F0F0;
  border-radius: 0px 0px 5px 5px;
  position: relative;
  text-align: left;
}

/* Fin Plantilla CSEObtindreCatalegPatrimoniManualHome */

/* Estilos Obtener Empresas */


div#content-tres-columnas .caja-empresa {
  background-color: #f2f2f2;
  display: inline-block;
  margin: 0;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 1em;
  text-align: center;
  width: 89%;
}

#empresas {
  -moz-column-count: 3;
  -moz-column-gap: 1em;
  -webkit-column-count: 3;
  -webkit-column-gap: 1em;
  column-count: 3;
  column-gap: 1em;
  margin-left: 0;
}

div#content-tres-columnas #empresas {
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  column-count: 2;
  column-gap: 1em;
  margin-left: 0;
}

.caja-empresa { /* cada entrada */
  background-color: #f2f2f2;
  display: inline-block;
  margin: 0;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 1em;
  text-align: center;
  width: 89%;
}

.caja-empresa p, .caja-empresa li {
  text-align: left;
}

.caja-empresa ul li {
  background: #f2f2f2;
}


/*.caja-empresa:nth-child(2n-1){
	 float: left;
}
.caja-empresa:nth-child(2n){
	 float: left;
}*/

.img-empresa img {
  line-height: 100px;
  width: 100%;
  border-radius: 15px;
}

/*.img-empresa {
    height: 100px;
}*/
.descripcio-empresa {
  text-align: left;
}

.descripcio-empresa ul li {
  background: #f2f2f2;

}

address.empresa {
  background: #f2f2f2;
  padding: 15px;
  padding-left: 2em;
  border-radius: 15px;
  margin-bottom: 2em;
  margin-top: 1em;
  font-style: normal;
}

p.datos {
  padding-bottom: 10px;
}

p.datos:last-child {
  padding-bottom: 0;
}

span.contacto {
  padding-left: 1em;

}

span.cargo {
  padding-left: 2em;
  font-style: italic;
  font-size: 0.95em;
}

.img-emp-detalle {
  float: left;
  margin-left: 1.5em;
  margin-top: 1em;
}


/* Fin Estilos Obtener Empresas */

/* Estilos plantilla NovetatsBoxes */


/*Novedad Izquierda*/
#bloc-noticias div.resum-noticia-boxes:nth-of-type(3n) {
  clear: left;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

.bloc-noticias div.resum-noticia-boxes:nth-of-type(3n) {
  clear: left;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0.5em;
}

#bloc-noticias div.caja-video:nth-of-type(3n+4) {
  clear: left
}

/*Novedad Centro */
#bloc-noticias div.resum-noticia-boxes:nth-of-type(3n+4) {
  padding-left: 2.3em;
  padding-right: 2.3em;
  padding-bottom: 0.5em;
}

.bloc-noticias div.resum-noticia-boxes:nth-of-type(3n+4) {
  padding-left: 2.3em;
  padding-right: 2.3em;
  padding-bottom: 0.5em;
}

/*Novedad Derecha*/
#bloc-noticias div.resum-noticia-boxes:nth-of-type(3n+5) {
  padding-right: 0em;
  padding-left: 0em;
  padding-bottom: 0.5em;
}

.bloc-noticias div.resum-noticia-boxes:nth-of-type(3n+5) {
  padding-right: 0em;
  padding-left: 0em;
  padding-bottom: 0.5em;
}


/*Novedad Izquierda*/
#bloc-noticias2 div.resum-noticia-boxes:nth-of-type(3n) {
  clear: left;
  padding-left: 1.15em;
  padding-right: 0em;
}

/*Novedad Centro */
#bloc-noticias2 div.resum-noticia-boxes:nth-of-type(3n+4) {
  padding-left: 1em;
  padding-right: 1em;
}

/*Novedad Derecha*/
#bloc-noticias2 div.resum-noticia-boxes:nth-of-type(3n-1) {
  padding-right: 1.15em;
  padding-left: 0em;
}


#bloc-noticias2 button.compartir-menu {
  background-color: #f0f0f0;
  border: #f0f0f0;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  font-size: 1.4em;
  padding: 0.3em;
}

#bloc-noticias2 button.compartir-menu:hover {
  border: 1px solid #a9a9a9;
  margin: -1px;
}

#bloc-noticias2 button.compartir-menu:focus {
  border: 1px solid #a9a9a9 !important;
  margin: -1px !important;
}


.resum-noticia-boxes {
  float: left;
  width: 23em;
  /*min-height:310px;*/
  margin-bottom: 1.5em
}

.resum-noticia-boxes img {
  width: 100%;
  padding-bottom: 0.4em;
}

.resum-noticia-boxes ul.a2 {
  text-align: left;
}

.resum-noticia-boxes-n2 {
  float: left;
  width: 35em;
  padding-left: 1em;
}

.resum-noticia-boxes-n2 img {
  width: 400px;
  height: 210px;
  padding-bottom: 0.4em;
}

.resum-noticia-boxes-n2 ul.a2 {
  text-align: left;
}

.novetat-box-clock p.novetat-box-resum {
  padding-left: 0.5em;
  width: 390px;
  padding-right: 1em;
}

.resum-noticia-boxes-n2 .novetat-box-date {
  color: #a9a9a9;
  font-size: 0.95em;
  margin: 0;
  display: inline-block;
  padding-left: 0.5em;
}

.resum-noticia-boxes-n2 .novetat-box-clock {
  padding-left: 0.5em;
  padding-top: 0.5em;
  text-align: left;
  width: 400px;
}

img.img-novetat-unica {
  width: 73.3em;
  height: 18em;
}

/*.titol-novetat-unica {
    color: #333333;
    /* padding: 0.5em 0.5em 0em 0.5em;
    padding-left: 2em;
    width: 60.3em;
}*/
.novetat-box-unica {
  display: inline-block;
  background-color: #f2f2f2;
  /*width: calc(73.3em - 2px);*/
  /*border: 1px solid #444;*/
  height: 160px;
}

h3.titol-novetat-unica {
  padding: 0px 50px;
  /* width: 870px; */
  /* text-align: center; */
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 800;
  padding-top: 1em;
  padding-bottom: 0.5em;
  font-size: 1.7em;
  /* line-height: 4em; */
  /* letter-spacing: 0.02em; */
  /* height: 50px; */
}

h2.resum-novetat-unica {
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  padding-bottom: 1em;
  padding-left: 50px;
  padding-right: 50px;
  text-align: left;
}


.novetat-unica-section {
  border-bottom: 1px solid #e1e1e1;
  margin-left: 50px;
  margin-bottom: 1em;
  width: calc(73.3em - 100px);
}

p.novetat-box-date-unica {
  padding: 0px 50px;
  /* width: 870px; */
  /* text-align: center; */
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 2em;
  float: left;
  /* letter-spacing: 0.02em; */
  /* height: 50px; */
}

p.novetat-box-comments-unica {
  padding: 0px 50px;
  display: inline;
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  float: right;
  font-size: 1em;
  line-height: 2em;
}

.titol-novetat-boxes {
  color: #333333;
  padding: 0.5em 0 0 0.5em;
  max-width: 260px;
  font-size: 1em;
  min-height: 4.5em;
}

a .titol-novetat-boxes, .titol-novetat-boxes a {
  font-family: Arial;
  font-size: 12px;
  color: #333;
  padding: 0.5em 0 0 0;
  font-weight: 700;
}

a .titol-novetat-boxes:hover, .titol-novetat-boxes a:hover {
  text-decoration: underline;
  text-decoration-color: #333 !important;
}

.novetat-box-date {
  color: #a9a9a9;
  font-size: 0.95em;
  margin: 0;
  display: inline-block;
  padding-left: 1em;
}

.novetat-box-clock {
  padding-left: 0.5em;
  padding-top: 0.5em;
  text-align: left;
  width: 200px;
}

.fa, .fa-solid {
  color: #a9a9a9;
}

.fa-lg {
  font-size: 1.2em !important;
}


/* Fin Estilos plantilla NovetatsBoxes */

/*TP*/
.resum_tp span.llarg2 {
  text-align: justify;
  width: 91% !important;
  padding-top: 10px;
  padding-left: 15px;
}

.resum_tp {
  margin-top: 20px;
}

.titol-propi-sense-marge > .resum_tp {
  margin-top: 0;
}

.titol-propi-sense-marge > .titol_propi_asignaturas {
  margin-top: 0;
}

.titol-propi-sense-marge > .titol_propi_table {
  margin-top: 0;
}

.resum_tp .medio1 span.titol {
  width: 44%;
}

.resum_tp span.titol {
  position: relative;
  top: -1px;
}

.resum_tp .medio1 span.titol {
  width: 44%;
  /* position: relative; */
  /* top: -3px; */
}

.resum_tp span.titol.entero {
  width: 99%;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
}

.resum_tp .medio2 p {
  /*width: 122%;*/
  text-align: justify;
}

.resum_tp .formulario p {
  width: /*75%;*/ 90%;
}

.resum_tp .formulario input[type="checkbox"] {
  margin-left: 0
}

/*Novetats*/

.entry-content li.novetat img {

  margin-top: 0.4em;
  margin-right: 2em;

}

.entry-content li.novetat h3 {
  padding-left: 7.3em;
}


.entry-content li.novetat li {

  margin-left: 78px;
}

.entry-content li.novetat p {
  padding: 0px;
  padding-left: 8em;

}

.entry-content .sortable td {

  padding: 4px 8px;
}

/*  Estilos plantilla DestacatsArticles  */

img.destacat-img {
  float: right;
  display: inline-block;
  /*width: 110px;*/
  /*border: 5px solid #AAA;*/
  /*height: 65px;*/
  width: 90px;
  margin-right: 5px;
}

ul.destacat {
  width: 21.7em;
}

li.destacat {
  display: inline-block !important;
  width: 100%;
  background-color: #f2f2f2 !important;
  padding-top: 0.8em !important;
  border-bottom: 1px solid #E4E4E4 !important;
  padding-bottom: 0.8em !important;
  background-image: none !important;
}

p.destacat-date {
  float: left;
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 0.7em;
}

h3.destacat-titol {

  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 0.9em;
  /*padding-left: 10px;*/
  width: 15em;
  padding-bottom: 0.5em;
  display: block;

}


/* Fin Estilos plantilla DestacatsArticles */

.video-titol-caja {
  text-align: left;
  float: left;
  width: auto;
  margin-bottom: 2.6em
}

/* Estilos Darreres Noticies */
i.fa.fa-chevron-left, span.fa.fa-chevron-left {
  color: #666;
}

i.fa.fa-chevron-right, span.fa.fa-chevron-right {
  color: #666;
}

i.fa.fa-chevron-down, span.fa.fa-chevron-down {
  color: #666;
}

.bloc-uvnews {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px 15px;
  padding-bottom: 0px;
  /*margin-bottom: 2em;*/
}

.UVNoticies-header {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
}

.nou-font {
  /* font-family: "Lato",sans-serif; */
  /* text-transform: uppercase; */
  padding-left: 1.0em;
  font-size: 1.8em;
  color: #a9a9a9;
  /* font-weight: 700; */
}

.inter-bloc-uvnews {
  width: 100%;
  text-align: left;
  display: inline-block
}

.header-darreres-noticies-item {
  width: 50%;
  display: inline-block;
  text-align: right;
}

.in-fluid {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: -2em;
}

.caja-img-darreres-noticies {
  height: 210px;
  overflow: hidden;
}

img.img-darreres-noticies {
  width: 300px;
}

a.enlace-novedades {
  display: block;
  position: relative;
}

.noticies-icon-playvideos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}



.carousel-destacat-info i {
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 7px;
}

.caja-img-darreres-noticies {
  height: 210px;
  overflow: hidden;
  background: #dde6e1;
}

img.img-darreres-noticies {
  width: 100%;
}

li.caja-darreres-noticies {
  display: inline-block;
  position: relative;
  width: 300px;
  border-radius: 10px;
  padding-left: 25px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 5px;
  margin: -10px 15px 12px 15px;
  transition: all 200ms ease-out;
}

li.caja-darreres-noticies:hover {
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 20px 1px rgba(68, 68, 68, 0.6);
  -moz-box-shadow: 0px 0px 20px 1px rgba(68, 68, 68, 0.6);
  box-shadow: 0px 0px 20px 1px rgba(68, 68, 68, 0.6);
}

h3.titol-darreres-noticies {
  padding: 0 5px;
  width: 300px;
  color: #444;
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-size: 1.2em;
  line-height: 1.1em;
  letter-spacing: 0.01em;
  height: 52px;
}


.left, .right, .left-video, .right-video {
  color: #666 !important;
}

i.fa.fa-chevron-right:hover {
  color: #000;
}

i.fa.fa-chevron-left:hover {
  color: #000;
}

i.fa.fa-chevron-down:hover {
  color: #000;
}

.noticies-control {
  padding: 7px 3px;
}

.slideshow {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}

.slideshow ul {
  /* 5 images donc 5 x 100% */
  width: 9999%;
  height: 200px;
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 3em;
}

.slideshow li {
  float: left;
}

.label-Estudis {
  background-color: #6ca2b9;
}

.label-Cultura {
  background-color: #cda4fb;
}

.label-Institucional {
  background-color: #005e6d;
}

.label-Campus {
  background-color: #ffa560;
}

.label-Esports {
  background-color: #6baf87;
}

.label-Recerca, .label-Investigación, .label-Research {
  background-color: rgb(246, 213, 140);
  color: rgb(102, 102, 102);
}

.label-Opinion, .label-Opinio {
  background-color: #f88375
}

.label-Sala {
  background-color: #ea4f54;
  color: #444 !important;
}

.label {
  text-transform: uppercase
}

.label-darrera-noticia {
  float: left;
  font-weight: 500;
  text-transform: uppercase;
  left: 45px;
  top: 190px;
  position: absolute;
  color: #f2f2f2;
  padding: 6px;
  font-size: 0.8em;
}

.date-darreres-noticies {
  color: #a9a9a9;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  text-align: left;
}

.date-darreres-noticies span.fa-calendar-o {
  margin-right: 0.2em
}

h3.titol-darreres-noticies {
  margin-top: 20px;
  margin-bottom: 10px;
}

.date-darreres-noticies a {
  color: #a9a9a9;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1em;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.botonera {
  text-align: left;
  margin: 0px;
  display: inline-block;
  vertical-align: bottom

}

.botonera li {
  float: left;
  margin-left: 1em;
}

.noticies-control {
  /*border: 1px solid #e1e1e1;
    padding: 7px 6px;*/
  border-radius: 4px;
}

.left, .right {
  color: #aaa;
}

.header-group-buttons {
  float: right;
}

[role="button"] {
  cursor: pointer;
}

/* Fin Estilos Darreres Noticies */


/* Estilos Galeria Imatges Novetat */

.galeriaImatgesNovetat {
  background: #1c1c1c;
  margin-bottom: 1em;
  padding-bottom: 4em;
  color: #fff
}

.galeriaImatgesNovetat img {
  width: 100%;
  margin: 0 !important
}


.galeriaImatgesNovetat span.titol {
  display: inline-block;
  padding-left: 0.5em;
  padding-top: 0.5em;
  color: #fff
}


.galeriaImatgesNovetat .caja-gradiente {
  bottom: 0px;
  height: auto;
  line-height: 1.3em;
  position: absolute;
  text-align: left;
  width: 100%;
  padding-bottom: 0.3em;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

.galeriaImatgesNovetat .caja-gradiente a:hover {
  color: #fff;
}

.galeriaImatgesNovetat .titol-galeria-imatge-news {
  color: #fff;
  padding: 0em 1em;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

.galeriaImatgesNovetat .titol-galeria-imatge-news.titol-galeria-unica {
  font-size: 1.5em;
  margin-top: 20px;
  margin-bottom: 10px;
}

#content .entry-content img.titol-galeria-unica {
  margin: 0;
}

.galeriaImatgesNovetat .item-imagen {
  margin-bottom: 15px;
  position: relative;
  margin: 4em 4em 0;
}


/* Fin Estilos Galeria Imatges Interior */

.categoria-inter {
  position: absolute;
  top: 1.6em;
  left: 2.0em;
}

.notica-dest-uvnoticies:nth-of-type(3n) {
  clear: left;
  margin-left: 0.1em
}

.box-info-background {
  padding-left: 1.0em;
  position: absolute;
  bottom: 0px;
  width: calc(260px - 1em);
  padding-bottom: 0.2em;
  margin: 0 0.67em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 50%);
}

.notica-dest-uvnoticies:nth-of-type(3n+4) {
  margin-left: 2.15em;
  margin-right: 2.15em;
}


.notica-dest-uvnoticies {
  float: left;
  width: 23em;
  overflow: hidden;
  height: 182px;
  margin-bottom: 1.5em;
  position: relative;
}

.notica-dest-uvnoticies a {
  color: #fff;
}


.dest-uvnoticies-clock {
  padding-left: 0.5em;
  padding-bottom: 0.5em;
  margin: 0 0.6em;
  text-align: left;
}

h3.titol-dest-uvnoticies {
  padding: 0.5em;
  margin: 0 0.6em;
  font-size: 1.0em;
  line-height: normal;
  color: #444;
  font-family: "Lato", sans-serif;
}

.notica-dest-uvnoticies img {
  width: 260px;
}

.notica-dest-uvnoticies ul.a2 {
  text-align: left;
}


.label-dest-noticia {
  color: #f2f2f2;
  font-size: 0.8em;
  padding: 6px;
  opacity: 0.8;
}

.label-Recerca {
  color: #333;
}

li.esport {
  width: 15em
}

.subcat-meitat {
  margin: 0.86em
}

.subCat {
  text-align: left;
  font-family: Raleway;
  font-size: 1.2em;
  margin-bottom: 0.5em
}

.mesNovetatsSubCat {
  float: right;
  font-size: 0.85em;
  padding: 0 1.7em 0 0
}

.llistat-conv {
  overflow: auto;
  width: 100%
}

#bloc-noticies-boxesA .llistat-conv .data-borsa {
  margin-right: 0em
}

.bloc-noticies-boxesA .llistat-conv .data-borsa {
  margin-right: 0em
}

#bloc-noticies-boxesA .llistat-conv .no-foto .text-borsa {
  width: calc(100% - 9.5em);
  height: auto;
  min-height: 18px
}

.bloc-noticies-boxesA .llistat-conv .no-foto .text-borsa {
  width: calc(100% - 9.5em);
  height: auto;
  min-height: 18px
}

#bloc-noticies-boxesA .llistat-conv .text-borsa {
  width: 42.3em;
  height: auto;
  min-height: 18px
}

.bloc-noticies-boxesA .llistat-conv .text-borsa {
  width: 93.5em;
  height: auto;
  min-height: 18px
}

#content-tres-columnas .llistat-conv .text {
  width: 40em
}

.entry-content .llistat-conv .data {
  margin-right: 0;
  margin-left: 0
}

.llistat-conv .content-conv {
  width: 100%;
  float: left;
}

.llistat-conv .text {
  width: 98em;
  padding-left: 9px;
  padding-right: 4px
}

.llistat-conv .llistat-conv-at .text {
  width: 98em
}

.llistat-conv .text-borsa {
  width: 66em;
  padding-left: 9px;
}

.llistat-back {
  overflow: hidden
}

.llistat-back .data {
  background: none repeat scroll 0 0 #f9f9f9;
  float: left;
  height: auto;
  min-height: 18px;
  margin-left: 0.83em;
  width: 6em;
}

.llistat-back .mitja {
  background: none repeat scroll 0 0 #f9f9f9;
  float: left;
  height: auto;
  min-height: 18px;
  margin-left: 0.83em;
  width: 12em;
  font-size: 0.9em
}

.llistat-back .text {
  background: none repeat scroll 0 0 #f9f9f9;
  float: left;
  height: auto;
  min-height: 18px;
  margin-bottom: 1em;
  margin-left: 1em;
  text-align: left;
  padding-left: 6px;
  /*width: 85.7em;*/
  width: 87em;
  font-size: 0.9em
}

.llistat-back .text-larg {
  background: none repeat scroll 0 0 #f9f9f9;
  float: left;
  height: auto;
  min-height: 18px;
  margin-bottom: 1em;
  margin-left: 1em;
  text-align: left;
  padding-left: 6px;
  width: calc(100% - 10.7em);
  font-size: 0.9em
}

.convocatoria .grande {
  width: 100% !important
}

.convocatoria .caja {
  width: 46em
}

.convocatoria .notes {
  width: 24em
}

/* Destacat ImatgeText Imatge Quadrada */

.caja-imatgeQ {
  margin-bottom: 2em
}

.item-titulo-imatgeQ {
  width: 100%
}

#content-total .entry-content img.item-titulo-imatgeQ {
  margin: 0
}

.titulo-imatgeQ {
  color: #333;
  margin-bottom: 0px;
  padding-top: 0.5em;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: left;
  display: block;
  font-size: 1.5em;
  line-height: 114.28571%;
}

.titulo-big-imatgeQ {
  color: #333;
  margin-bottom: 0px;
  padding-top: 0.5em;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: left;
  display: block;
  font-size: 2em;
  line-height: 114.28571%;
}


/* FIN Destacat ImatgeText Imatge Quadrada */

/* Destacat  ImatgeText Call Action */
.imatgeQ-call-capa {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0
}

.titulo-imatgeQ-call {
  color: #fff;
  margin-bottom: 0px;
  padding-top: 0.5em;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-align: left;
  display: block;
  font-size: 2.5em;
  line-height: 114.28571%;
  position: absolute;
  top: 51%;
  width: 100%;
  text-align: center;
}

.desc-imatgeQ-call {
  color: #fff;
  margin-bottom: 0px;
  padding-top: 0.5em;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  display: block;
  font-size: 1.2em;
  line-height: 114.28571%;
  position: absolute;
  top: 66%;
  width: 100%;
  text-align: center;
}

.caja-imatgeQ-call {
  margin-bottom: 2em;
  position: relative;
}

.ver-mas-call {
  color: #fff;
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  border: 1px solid;
  padding: 5px !important;
  border-radius: 25px;
  text-transform: uppercase;
}

.ver-mas-call:hover {
  background: #fff;
  border: 2px solid #fff;
  color: #333;
}

.ver-mas-desactivado-call {
  color: #fff;
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  border: 2px solid;
  padding: 5px;
  border-radius: 25px;
  text-transform: uppercase;
}

/* FIN Destacat  ImatgeText Call Action */
.lista-catedras li:nth-child(odd) {
  background-color: #F2F2F2;
}

.entry-content ul.lista-catedras li {
  background-image: none;
}

.entry-content ul.lista-personas {
  margin: 0px 18px 0px 0px;
  font-size: 1.35em;
}

.entry-content ul.lista-personas li {
  background-color: #fff;
  background-image: none;
  padding: 0px 0px 0px 0px;
  width: 97.5%;
  overflow: hidden;
}

.entry-content ul.lista-personas li:nth-child(2n+1) {
  background-color: #F2F2F2;
}

.entry-content ul.lista-personas li .bio-titol {
  background: none;
  width: 96.4%;
  text-transform: none;
  font-family: Arial;
  font-size: 0.85em;
  font-weight: bold;
  color: #292a25;
}

.entry-content ul.lista-personas li .bio-titol .cargo-persona {
  text-transform: none;
  font-size: 0.85em;
  font-weight: normal;
}

.entry-content ul.lista-personas li .bio-titol .nombre-persona {
  min-width: 35%;
  float: left;
}


.entry-content ul.lista-personas ul.grec {
  padding: 0px 0px 10px 10px;
  width: 94.3%;
}

.entry-content ul.lista-personas ul.grec li {
  background: url("boton-flecha-r.gif") no-repeat scroll left 0.86em;
  padding: 3px 0 3px 1.25em;
  font-size: 0.7em;
}

.lista-personas .caja-flecha {
  background: none repeat scroll 0 0;
  padding: 0.0em 0.5em;
  height: auto;
}

@media (max-width: 1860px) {
  #slider-mecenatge .viewport {
    width: 110em;
  }
}

@media (max-width: 1450px) {
  #slider-mecenatge .viewport {
    width: 72em;
  }
}

@media (max-width: 1022px) {
  #slider-mecenatge .viewport {
    width: 35em;
  }
}

@media (max-width: 540px) {
  #slider-mecenatge .viewport {
    width: 18em;
  }

  #slider-mecenatge .overview li {
    margin: 0 1em 0em;
    width: 18em;
    height: 23em;
  }

  .bloc-activitat-boxes-int #slider-mecenatge .activitat-box-titol .header-3 {
    font-size: 1em
  }
}

@media (max-width: 1749px) {
  .slider-destlink .viewport {
    width: 105em;
  }
}

@media (max-width: 1370px) {
  .slider-destlink .viewport {
    width: 90em;
  }

  .peu-segell {
    margin-right: 6em
  }

  /* por el icono del chat */
}

@media (max-width: 1210px) {
  .entry-content ul.lista-personas li .bio-titol {
    background: none;
    width: 95%;
  }
}

@media (max-width: 1020px) {
  .entry-content ul.lista-personas li .bio-titol {
    background: none;
    width: 92.5%;
  }
}

@media (max-width: 768px) {
  .entry-content ul.lista-personas {
  }

  /*Fitxa projectes*/
  .projecte-banners {
    margin: 0.83em 0.83em 0.83em 0.83em;
  }

  /*Fin Fitxa projectes*/
}

@media (max-width: 725px) {
  .entry-content ul.lista-personas li .bio-titol {
    width: 94%;
  }
}

/* Titols propis */

/**MOD TITOL PROPIS*/
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

#titolsPropis .list-group a {
  color: #000; /*013952*/
}

#titolsPropis .titolPropiHead {
  /*margin-bottom: -0.5em;*/
  padding: 5px 15px;
  width: 94.5%;
  /*position: relative;*/
  font-size: 1.1em;
  /*top: -20px;*/
  background: #edeadf;
}

#content-total #titolsPropis .titolPropiHead {
	width:calc(100% - 30px);
}

#content-total #titolsPropis{
	margin-left:0.83em;
}

form.cercador-titolPropi-inter {
  position: relative;
  text-align: right;
  bottom: 25px;
  right: 22px; /* 10 px */
  color: #fff
}

form.no-area {
  color: #292a25
}

#titolsPropis {
  text-align: left;
  margin: 0.83em 0 0.83em 1.67em;
  float: left;
  width: 97.9%;
  /* width: 96%; */
  /* overflow: hidden; */
}

#content-tres-columnas .img-text-3col {
  display: inline;
  float: left;
  margin: 0 0.5em 0.83em 0.83em;
  text-align: center;
  width: 17em;
  font-size: 0.9em;
}

/*#bloc-noticias {
    margin: 0;
    float: left;
    margin-left: 2em;
    display: inline;
    width: 100%;
}*/
.cercador-titolPropi select#p8 {
  width: 10em;
  /*position: relative;*/
  height: 18px;
  font-size: 0.9em;
  /*top: -2.6em;*/
  z-index: 999;
  /*left: 40.9em;*/
}

.cercador-titolPropi legend#p8 {
  position: relative;
  top: -1.0em;
  font-size: 0.9em;
  left: 35em;
  z-index: 9999;
  color: #fff
}


button.submit-2 {
  position: relative;
  border: 0 none;
  background: #e7e7e7;
  margin-left: 39%;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 5px;
  display: inline-block;
  padding: 5px 18px;
  cursor: pointer
}


.bloque-tp {
  text-align:left;
  position: absolute;
  top: 71.4%;
  width: 100%;}
.bloque-tp img{width:48px;margin-right:1em}
.bloque-tp a{color: #fff;font-size:1.5em}

.TP1-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #dd632b 0%, #ec6807 100%)}
.TP2-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #b41d28 0%, #db0d15 100%)}
.TP3-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #1b6c88 0%, #0296a2 100%)}
.TP4-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #078eb5 0%, #2f98d4 100%)}
.TP5-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #94347e 0%, #a365a6 100%)}
.TP6-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #0d833c 0%, #169885 100%)}
.TP6-home img{display: inline-block;}
.TP6-home span{display: inline-block;width: calc(100% - 70px)}
.TP6-home span:hover{text-decoration: underline}
.TP7-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #f1a002 0%, #fcc234 100%)}
.TP8-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #975933 0%, #c57243 100%)}
.TP9-home{padding: 0.5em 1em 1.1em 1em;background: linear-gradient(to right, #6f9f2e 0%, #95c11f 100%)}

.TP1 {
  background: linear-gradient(to right, #dd632b 0%, #ec6807 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em;
  margin-right: 2em;
}

.TP2 {
  background: linear-gradient(to right, #b41d28 0%, #db0d15 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em
}

.TP3 {
  background: linear-gradient(to right, #1b6c88 0%, #0296a2 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em;
  margin-right: 2em;
}

.TP4 {
  background: linear-gradient(to right, #078eb5 0%, #2f98d4 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em
}

.TP5 {
  background: linear-gradient(to right, #94347e 0%, #a365a6 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em;
  margin-right: 2em;
}

.TP6 {
  background: linear-gradient(to right, #0d833c 0%, #169885 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em
}

.TP7 {
  background: linear-gradient(to right, #f1a002 0%, #fcc234 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em;
  margin-right: 2em;
}

.TP8 {
  background: linear-gradient(to right, #975933 0%, #c57243 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em
}

.TP9 {
  background: linear-gradient(to right, #6f9f2e 0%, #95c11f 100%);
  padding-bottom: 20px;
  padding-left: 10px;
  width: 21.4em;
  float: left;
  margin-bottom: 2em
}

.fisica-demos .TP7 {
  min-height: 5em
}

.fisica-demos .TP2 {
  margin-right: 2em
}

.fisica-demos .TP3 {
  margin-right: 0em
}

.fisica-demos .TP4 {
  margin-right: 2em
}

.texte-sidebar .TP1 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}

.texte-sidebar .TP2 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}

.texte-sidebar .TP3 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}

.texte-sidebar .TP4 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}

.texte-sidebar .TP5 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}

.texte-sidebar .TP6 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}

.texte-sidebar .TP7 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}

.texte-sidebar .TP8 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}

.texte-sidebar .TP9 {
  width: calc(100% - 10px);
  margin-bottom: 1em
}


#titolsPropis .tp-gest {
  background: linear-gradient(to right, #dd632b 0%, #ec6807 100%);
  color: #fff
}

#titolsPropis .tp-social {
  background: linear-gradient(to right, #b41d28 0%, #db0d15 100%);
  color: #fff
}

#titolsPropis .tp-humani {
  background: linear-gradient(to right, #1b6c88 0%, #0296a2 100%);
  color: #fff
}

#titolsPropis .tp-educaci {
  background: linear-gradient(to right, #078eb5 0%, #2f98d4 100%);
  color: #fff
}

#titolsPropis .tp-psicolo {
  background: linear-gradient(to right, #94347e 0%, #a365a6 100%);
  color: #fff
}

#titolsPropis .tp-seguridad {
  background: linear-gradient(to right, #0d833c 0%, #169885 100%);
  color: #fff
}

#titolsPropis .tp-tecnolo {
  background: linear-gradient(to right, #975933 0%, #c57243 100%);
  color: #fff
}

#titolsPropis .tp-deporte {
  background: linear-gradient(to right, #6f9f2e 0%, #95c11f 100%);
  color: #fff
}

#titolsPropis .tp-salud {
  background: linear-gradient(to right, #f1a002 0%, #fcc234 100%);
  color: #fff
}

#titolsPropis h4 {
  font-family: "Lato", sans-serif;
  font-size: 1.1em
}

.titolPropiHead img {
  width: 3em;
  margin-right: 1em
}

.entry-content h3.tp a {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 1.1em
}

.texte-sidebar h3.tp a {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 1.1em
}

.texte-sidebar .TP6 h3.tp a span {
  color: #fff
}

.entry-content h3.tp a img {
  width: 3em;
  margin-right: 1em
}

.entry-content .fisica-demos h3.tp a img {
  margin-top: 0.7em;
  margin-left: 0em !important
}

.entry-content .fisica-demos h3.tp a img {
  width: 4em
}

.texte-sidebar h3.tp a img {
  width: 3em;
  margin-right: 1em;
  margin-bottom: 0em;
  margin-top: 0.5em
}

.entry-content .TP6 h3.tp a img {
  float: left
}

.entry-content .fisica-demos .TP7 h3.tp a img {
  float: left
}

.entry-content .TP1 h3.tp a img {
  margin-right: 0.5em
}

.entry-content .TP6 h3.tp a span {
  color: #fff;
  display: block;
  float: left;
  width: 13em;
  margin-top: 0.3em
}

/* Estilos TFG TGM */

.abstract-left {
  margin-left: 3em;
  float: left;
  text-align: justify;
  clear: both;
}

.abstract-right {
  width: 48%;
  float: right;
  text-align: justify;
}

/* FIN TFG TGM */

/* Eleccions Estudiants */

.titulo-elec {
  margin-top: 7em;
  display: inline-block;
  width: calc(100% - 261px);
  height: auto;
}

.titulo-elec span {
  color: #000
}

.eleccions-descripcio {
  margin: 1em 0em;
  font-family: 'Lato', serif;
}

.rs-elec {
  margin-bottom: 1em
}

.eleccions-descripcio .titol {
  color: #000;
  font-family: 'Lato', serif;
}

.eleccions-descripcio p {
  font-family: 'Lato', serif;
  font-size: 1em;
  text-align: justify;
}

.eleccions-img {
  float: left
}

.centreEE {
  width: 75px
}

.elec-contacta {
  margin-top: 2em;
  background-color: #f3f3f3;
  padding: 0.5em
}

/* Estilo recuadro imagen y texto */
.cataleg .cataleg-llista .cataleg-item-elec {
  float: left;
  width: 214px;
  height: 273px;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  margin: 2em 19px;
  padding: 2% 2%;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  -moz-box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  box-shadow: 5px 5px 5px 0px rgba(68, 68, 68, 0.5);
  background-color: #F0F0F0;
}

#content .entry-content .cataleg-img-elec {
  height: 100%;
  width: 100%;
  margin: auto;
}

/* Fin estilo recuadro imagen y texto */


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

.grafico100 {
  height: 500px !important;
}

/* Fin Eleccions Estudiants */

/*Para las img de la plantilla novetatOmbra*/
.bloc-activitat-boxes .activitat-box-imatge img.img-novetatOmbra {
  max-height: 261px;
}

.bloc-activitat-boxes .activitat-box-imatge img.img-novetatOmbraAlt {
  max-height: initial !important;
}

.bloc-activitat-boxes-int .activitat-box-imatge img.img-novetatOmbraAlt {
  max-height: initial !important;
}

.bloc-activitat-boxes .item-overlay.top.novetatOmbra {
  top: 55%;
}

.bloc-activitat-boxes .item-overlay.top-meitat.novetatOmbra {
  top: 100%;
}

.bloc-activitat-boxes .item-overlay.top-meitat-titol.novetatOmbra {
  top: 85%;
}

/*Para las img de la plantilla novetatInteriorOmbra*/
#content-total .entry-content img.img-novetatOmbra {

  max-height: 261px;
}

#content-tres-columnas .entry-content img.img-novetatOmbra, #content .entry-content img.img-novetatOmbra {
  max-height: 180.5px;
}

#content-tres-columnas .bloc-activitat-boxes-int .item-overlay.top.novetatOmbra, #content .bloc-activitat-boxes-int .item-overlay.top.novetatOmbra {
  top: 50%;
}

#content-tres-columnas .bloc-activitat-boxes-int .item:hover .item-overlay.top.novetatOmbra, #content .bloc-activitat-boxes-int .item:hover .item-overlay.top.novetatOmbra {
  top: 0%;
}

#content-tres-columnas .bloc-activitat-boxes-int .novetatOmbra .activitat-box-titol .header-3, #content .bloc-activitat-boxes-int .novetatOmbra .activitat-box-titol .header-3 {
  font-size: 1.1em;
}

#content-tres-columnas .bloc-activitat-boxes-int .col-sm-4 {
  width: 50%
}

#content-tres-columnas .bloc-activitat-boxes-int .item-overlay.top-meitat.novetatOmbra, #content .bloc-activitat-boxes-int .item-overlay.top-meitat.novetatOmbra {
  top: 100%;
}

/* Se veia mal en fundacion */
/*.bloc-activitat-boxes .activitat-box-imatge img.img-novetatOmbra{max-height:initial}
		#content-total .entry-content img.img-novetatOmbra{height:initial}*/


/* Mecenatge */

.titol-prin-mece {
	line-height: 110%;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.titol-mece {
  font-weight: 900;
  font-size: 1.7em;
  color: #333;
  font-family: 'Lato';
  margin-top: 1em;
  margin-bottom: 0.5em;
  display: block

}

.mtge_donar {
  width: 100%;
  margin: 1em 0;
  border: none;
  background-color: #c9c9c9;
  padding: 1em;
  font-weight: 900;
  font-size: 1.7em;
  color: #333;
  font-family: 'Lato';
}

.mtge_donar:hover {
  background-color: #f2f2f2;
  cursor: pointer
}

.mtge-destacat-imatge {
  width: 40%;
  display: inline-block;
  margin: 1em;
}

.mtge-destacat-imatge img {
  width: 100%
}

.mtge-destacat-titol {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin: 0.7em 0;
  line-height: 1.2
}

.mtge-destacat-titol a {
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}

.mtge-destacat .item {
  text-align: left;
  border-bottom: 1px solid #FFFFFF;
  background: rgb(240, 240, 240);
  margin-right: 0.2em
}

.mtge-area {
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 1em;
  margin: 1em 0;
  text-align: left;
  text-transform: uppercase
}

/* Fin Mecenatge */


/* TPCHomeVideo3pf */

.bloc-noticias .contendor-video-3pf {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
}

.contendor-video-3pf .bloque-video-titulo .video-titulo {
  text-align: left;
  color: #333333;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  margin-top: 20px;
  margin-bottom: 10px;
  display: block;
}

/* Fin TPCHomeVideo3pf */

/* Cuenta atras */

.ccdias {
  background-color: #333;
  font-size: 8em;
  color: #fff;
  margin-right: 0.2em;
  padding: 0.1em
}

.ccdias-forum {
  background-color: #333;
  font-size: 6em;
  color: #fff;
  margin-right: 0.2em;
  padding: 0.1em
}

/* Fin Cuenta atras */

/* Infraestructura */

.infra-home-titulo{
	font-family: Raleway;
	text-transform: uppercase;
	color: #000;
	font-size: 1.1em;
	font-weight: 800
}

.infra-home-titulo a{color: #000}
.bloc-activitat-boxes-int .infra-home-titulo a{color: #000}
.infra-home-campus{text-transform: uppercase;color: #585858}
.infra-home-text{margin-top: 1em}

.bloc-infraestructures:nth-of-type(3n+1){clear:left}

#TPLInfraestructura .infra-imatge {
  margin-bottom: 1em;
}

#TPLInfraestructura img.imatgeDetall {
  max-width: 100%;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#TPLInfraestructura .infra-titol{
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	color: #000;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1.5em
}

#TPLInfraestructura .infra-info {
	margin-bottom: 3rem
}

#TPLInfraestructura .infra-tipus {
	margin-bottom: 0.2em;
	float: left;
	margin-right: 1em
}

#TPLInfraestructura .infra-tipus .ico-tipus {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 0.5em
}

#TPLInfraestructura .infra-tipus .ico-tipus img {
	margin: 0 !important;
}

#TPLInfraestructura .infra-tipus .txt-tipus {
	display: inline-block;
	font-family: "Lato", sans-serif;
	color: #000;
	font-size: 1.2em;
	padding-bottom: 0.1em
}

#TPLInfraestructura .infra-estats-contenidor {
	display: flex;
    flex-direction: row;
	justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

#TPLInfraestructura .infra-estat {
	display: flex;
    flex-direction: column;
    width: 160px;
    align-items: center;
}

#TPLInfraestructura .infra-estat span {
	display: block;
    text-align: center;
}

#TPLInfraestructura .infra-info-row {
	display: flex;
	flex-direction: row;
    justify-content: flex-start
}

#TPLInfraestructura .infra-bloc-info {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

#TPLInfraestructura .infra-bloc-info .infra-literal {
	font-family: "Lato", sans-serif;
	color: #000;
	font-size: 1.7em;
	font-weight: bold
}

#TPLInfraestructura .infra-bloc-info .infra-valor {
	font-family: "Lato", sans-serif;
	color: #000;
	font-size: 1.2em
}

#TPLInfraestructura .infra-info .infra-titol-bloc {
	font-family: "Lato", sans-serif;
	color: #000;
	font-size: 1.7em;
	font-weight: bold;
	margin-bottom: 0.5em
}

#TPLInfraestructura .infra-video-llistaRepro {
	width: 99%;/*98.5em;*/
	margin: 0 auto 3rem;
	overflow: auto;
	padding:0
}

#TPLInfraestructura .infra-llista-videoN {
	background-color: #1C1C1C;
    margin-top: 0.5em;
	height: 170px;
	padding-left: 0.5em !important;
}

#TPLInfraestructura .infra-llista-videoN .contentwrapper {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
}

#TPLInfraestructura .infra-videoN {
	width: 150px;
}

#TPLInfraestructura .infra-videoN .enlacevideo {
	color: #ffffff;
}

#TPLInfraestructura .infra-galeriaImatges {
	margin: 0;
    padding: 0;
    color: #fff;
}

#TPLInfraestructura .infra-galeriaImatges img {
  width: 100%;
  margin: 0 !important
}

#TPLInfraestructura .infra-galeriaImatges .item-imagen {
	position: relative;
    margin: 0;
}

#TPLInfraestructura .infra-galeriaImatges .caja-gradiente {
	bottom: 0px;
	height: auto;
	line-height: 1.3em;
	position: absolute;
	text-align: left;
	width: 100%;
	padding-bottom: 0.3em;
	background: rgba(255, 255, 255, 0);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}

#TPLInfraestructura .infra-galeriaImatges .titol-galeria-imatge-news {
	color: #fff;
	padding: 0em 1em;
	font-family: "Lato", sans-serif;
	font-weight: 600;
}

#TPLInfraestructura .infra-galeriaImatges .caja-superior {
	position: absolute;
    top: 10px;
    left: 15px;
    width: 90%;
    z-index: 1;
    padding: 11px 15px;
}

#TPLInfraestructura .infra-galeriaImatges .caja-superior .galeria-categoria {
	color: #fff;
    font-weight: lighter;
    font-size: 20px;
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
    text-decoration: none;
	padding-left: 10px;
}

#TPLInfraestructura .infra-galeriaImatges .caja-superior .ico-galeria {
	color: #fff;
    font-size: 20px;
}

#TPLInfraestructura .infra-directori {
	max-width: 350px;
    min-width: min-content;
    margin-top: 10px;	
}

#TPLInfraestructura .infra-directori .infra-directori-titol {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	color: #000;
	border-bottom: 1px solid #000;
	padding: 0 0 0.5em 0.5em;
}

#TPLInfraestructura .infra-directori .infra-directori-body {
	margin: 0.5em;
}

#TPLInfraestructura .infra-directori .infra-directori-body .contacte-item {
	padding-bottom: 0.25em;
}

#TPLInfraestructura .infra-autors {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#TPLInfraestructura .infra-autors .contacte-photo {
	width: 75px;
	height: 75px;
}

#TPLInfraestructura .infra-autors .contacte-card ul {
	height: 80px;
}

#TPLInfraestructura .infra-autors .contacte-card ul li {
	/* height: 50%;  se quita por los textos muy largos de las UTE*/
}

#TPLInfraestructura .infra-autors .contacte-card ul li a {
	color: #000;
}

/* Fin Infraestructura */




@media (max-width: 1210px) {

  .desc-imatgeQ-call {
    top: 67%;
  }

  .bloc-activitat-boxes .activitat-box-imatge img.img-novetatOmbra {
    max-height: 219px
  }

  #content-total .entry-content img.img-novetatOmbra {
    max-height: 219px
  }

  #content-tres-columnas .entry-content img.img-novetatOmbra, #content .entry-content img.img-novetatOmbra {
    max-height: 137px
  }


  .TP1 {
    width: calc(100% - 30px)
  }

  .TP2 {
    width: calc(100% - 30px)
  }

  .TP3 {
    width: calc(100% - 30px)
  }

  .TP4 {
    width: calc(100% - 30px)
  }

  .TP5 {
    width: calc(100% - 30px)
  }

  .TP6 {
    width: calc(100% - 30px)
  }

  .TP7 {
    width: calc(100% - 30px)
  }

  .TP8 {
    width: calc(100% - 30px)
  }

  .TP9 {
    width: calc(100% - 30px)
  }

  .resum-texto .bloc-subscripcio .subscripcio-izq {
    width: 100%;
  }

  .bloc-subscripcio .subscripcio-izq .item strong {
    width: 27%;
  }

  .bloc-subscripcio .subscripcio-izq form input {
    width: 75%;
  }

  .bloc-subscripcio .subscripcio-izq form .submit input {
    width: 100%;
    margin: 1em 0em 2em 0em;
  }

  .resum-texto .bloc-subscripcio .subscripcio-der {
    width: 100%;
  }

  .menu-listado-agenda {
    float: right;
    width: 49em;
  }

  .i2 {
    width: 31%
  }

  #container {
    width: 83.5em
  }

  #content-total .entry-content {
    width: calc(100% - 2em)
  }

  #containerCab {
    width: 83.5em
  }

  #containerCabFloat {
    width: 83.5em
  }

  #cabecera {
    width: 83.5em
  }

  #menu-principal {
    width: 1002px; /*width: 83.5em*/
  }

  #menu-segundos {
    width: 83.5em
  }

  #content {
    width: 58.7em
  }

  .content-aux {
    width: 84em
  }

  .video-llistaRepro {
    width: 83.5em
  }

  #bloc-galeriaImatges .listaAlbum {
    width: 83.5em
  }

  #bloc-videoLlistaRepro .llistatRepoVideo {
    width: 700px
  }

  #bloc-videoLlistaRepro .llistatReproduccio {
    width: 298px
  }

  #bloc-videoLlistaRepro #mycustomscroll {
    height: 33em
  }

  #bloc-videoLlistaRepro #selector-lista {
    width: 23em;
  }

  #bloc-videoLlistaRepro .mycustomscroll {
    height: 29.4em;
  }

  #bloc-agenda-ample-complet .agenda-ampla-ordinaria {
    width: 83.5em
  }

  #bloc-agenda-ample-complet .agenda-ampla-destacada {
    width: 83.5em
  }

  #bloc-agenda-ample-complet .cap-agenda {
    width: 83.5em
  }

  #bloc-agenda-ample-complet .esdeveniment-ample-destacat-modul3 {
    width: 228px
  }

  #bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-imatge {
    height: 160px
  }

  #bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-imatge::after {
    left: -47px
  }

  #bloc-agenda-ample-complet .agenda-ampla-ordinaria .esdeveniment-categoria span {
    font-size: 0.9em
  }
  
  #content-total .menu-content {
    width: 91%;
  }
  
  #content-total .titol-comp {
	 width: 91% !important 
  }


  /* TPCVideoHome */
  .mostrar-video iframe.youtube-player {
    height: 191px;
  }

  /* Fin TPCVideoHome */
  /*Llista curta*/
  #bloc-videoLlistaRepro .video-llistaRepro-corto {
    width: 95%;
    margin: 0 auto;
    overflow: auto;
    padding-top: 1em;
  }

  #bloc-videoLlistaRepro .llistatRepoVideo.repocorto {
    width: 100%;
    float: left;
    margin: 0em 0em 2em 0em;
  }

  #bloc-videoLlistaRepro .llistatReproduccio-corto {
    width: 100%;
    float: left;
  }

  #bloc-videoLlistaRepro #selector-lista-corta {
    width: 100%;
    margin: 0px 0px 1.5em 0em;
    height: 2em;
  }

  #bloc-videoLlistaRepro .llistatReproduccio-corto #mycustomscroll {
    margin: 0;
    height: 19.7em;
  }

  .videoN {
    clear: both;
    margin-left: 1em;
    margin-bottom: 1.5em;
    text-align: left;
    overflow: auto;
    padding-right: 0.7em;
  }

  /*FIN Llista curta*/
  .bloc-activitat-boxes .activitat-boxes-destacada {

    width: 83.5em;
    margin: 2em auto 1.5em;
    overflow: hidden;
  }

  /*.bloc-activitat-boxes .video-llistaRepro {
		width: 100%;
	}*/
  #bloc-noticies-boxesA .cap-novetats-destacades {
    width: 82.5em;
    margin: 2em 0 1.5em;
  }

  .bloc-noticies-boxesA .cap-novetats-destacades {
    width: 82.5em;
    margin: 2em 0 1.5em;
  }


  .bloc-activitat-boxes .activitat-box-titol .header-3 {
    font-size: 1.3em;
    line-height: 114.28571%;
  }

  .bloc-activitat-boxes .activitat-box-titol .header-3-small {
    font-size: 1.1em;
    line-height: 114.28571%;
  }

  .slider-container .titol {
    font-size: 1.3vw;
  }

  .slider-container .subtitol {
    display: none;
  }


  /*  TPCLlistatActivitatBoxesInterior 1210px */
  .bloc-activitat-boxes-int .activitat-boxes-destacada {

    width: 100%;
    margin: 2em auto 1.5em;
    overflow: hidden;
  }

  .bloc-activitat-boxes-int .video-llistaRepro {
    width: 100%;
  }


  .bloc-activitat-boxes-int .activitat-box-titol .header-3 {
    font-size: 1.3em;
    line-height: 114.28571%;
  }


  /*  Fin TPCLlistatActivitatBoxesInterior 1210px */
  /*  CSEObtindreCatalegPatrimoniManualHome 1210px */
  .cataleg .cataleg-llista .cataleg-item-manual {
    width: 17%;
  }

  /*  Fin CSEObtindreCatalegPatrimoniManualHome 1210px */
  .bloc-novetats3pf-boxes .activitat-boxes-destacada {

    width: 83.5em;
    margin: 2em 0 1.5em;
    overflow: hidden;
  }

  .bloc-novetats3pf-boxes .video-llistaRepro {
    width: 100%;
  }

  .bloc-novetats3pf-boxes .activitat-box-titol .header-3 {
    font-size: 1.3em;
    line-height: 114.28571%;
  }


  /* TPCNovetatDestacada_AmpladaTotal */
  .content-noticies-destacades {

    width: 83.5em;
  }

  #bloc-noticies-destacades div.notica-destacada {
    height: 224px;
    width: 320px;
  }

  #bloc-noticies-destacades .box-info-background {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 1) 30%);
    padding-bottom: 0em;
    padding-top: 1.8em;
    height: 6em;
  }

  #bloc-noticies-destacades .categoria-inter {
    top: 11.5em;
    left: 1em;
  }

  #bloc-noticies-boxesA .resum-noticia-boxes.numPF2 {
    width: 39.65em;
    height: 40em;
  }

  /* Fin TPCNovetatDestacada_AmpladaTotal */
  .home-premsa #myPremsaScroll {
    width: 100%
  }

  /* TPCLlistatNovetatBoxesAmpladaTotal */
  #bloc-noticies-boxesA .resum-noticia-boxes {
    width: 26.3em
  }

  #bloc-noticies-boxesA .resum-noticia-boxes.numPF4 {
    width: 18.9em;
  }

  /* Fin TPCLlistatNovetatBoxesAmpladaTotal */
  #map60 {
    height: 518px !important;
  }

  /* TPCCallAction /  TPCCallAction_2Columnes / TPCCallAction_AmpladaTotal */
  .callAction {
    /*margin: 0em; */
    width: 57em;
  }

  .bloc-call-action2C .callAction2C {
    width: 100%;
    margin: 0;
  }

  /* Fin TPCCallAction  /  TPCCallAction_2Columnes / TPCCallAction_AmpladaTotal */
  /*  Plantilla CSEObtindreSubscripcionsAmpladaTotal 1210px */
  .bloc-subscripcio {
    width: 84em;

  }

  /* Fin Plantilla CSEObtindreSubscripcionsAmpladaTotal  */
  /* Header GrupInvestigador 1210px*/
  .head-GrupInvestigador {

  }

  .head-GrupInvestigador-img {
    width: 22%;

  }

  .head-GrupInvestigador-text {

    width: 78%;

  }

  .head-GrupInvestigador-text span {

    font-size: 1.7em;

  }

  .head-GrupInvestigador-nom span {

    font-size: 1.7em;

  }

  .head-Projectes-img {
    width: 33%;
    margin-top: -1.5%;
  }

  .head-Projectes-img img {
    width: 100%;
  }

  .head-Projectes-logo {
    /*width:8em;*/
    width: 14%;
    margin-top: 0;
  }

  .head-Projectes-nom {
    width: 47%;
    padding: 0;
    margin-top: 3.5%;
    margin-left: 3%;
  }

  .contenido-projecte {
    width: 70%;
  }

  /* Fin Header GrupInvestigador


px*/
  /* Plantilla CSEObtindreNovetatsCulturaNews */
  #bloc-noticies-boxesA .gaseta-revista-img {

    height: 152px;

  }


  /* Plantilla FIN CSEObtindreNovetatsCulturaNews */
  .resum-2novetat-boxes {
    width: 40.4em;
  }

  .resum-3novetat-boxes {
    width: 26.3em;
  }

  .resum-4novetat-boxes {
    width: 19em;
  }


  /*Reponsive ficha personas 1210px*/
  .caja-fitxa-persona {

    width: 132px;
    display: inline-block;
    padding-bottom: 1.5em;
    vertical-align: top;

  }

  .box-info-background {
    padding-left: 0.0em;
    position: absolute;
    bottom: -1px;
    width: 100%;
    margin: 0px;
    padding-bottom: 0.2em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 50%);
  }

  .candidat-background {
    width: 100%;
    margin: 0
  }


  .entry-content #content-persona .persona-dcha {
    float: left;
    text-align: left;
    width: 66.3%;
  }

  .caja-foto-persona {
    width: 133px;
    /*height: 160px;*/
    overflow: hidden;
    border: 1px solid #f2f2f2;

  }

  .persona-dcha {
    float: left;
    text-align: left;
    width: 59%;
  }

  /*Margenes caja persona 4 por linea*/
  div.caja-fitxa-persona:nth-of-type(5n+2) {
    margin: 0em 0.5em 0em 0.5em;
  }

  div.caja-fitxa-persona:nth-of-type(5n+3) {
    margin: 0em 0.0em 0em 0.0em;
  }

  div.caja-fitxa-persona:nth-of-type(5n+4) {
    margin: 0em 0.5em 0em 0.5em;
  }

  /**********************/
  .banner-home-item:nth-of-type(3n-1) {
    margin-left: 6em;
    margin-right: 6em
  }

  .caja-circulo {
    margin: 3em 1em;
  }

  .caja-circulo a {
    color: #013952;
    width: 37px;
    margin-left: 4px;

  }

  .caja-galeria {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    margin: 0 1.6em 2em;
    width: 190px;
    float: left;
    overflow: hidden;
  }

  .caja-circulo img {
    margin-bottom: 0.5em;
    width: 90px;
  }

  .perFiles .caja-circulo img {
    width: 100%;
  }

  .titulo-circulo {
    font-size: 1.5em;
    line-height: 1.1em;
  }

  #sidebar {
    width: 23.4em
  }

  #sidebar-left {
    width: 22.6em
  }

  .banner-sidebar img {
    width: 21.5em
  }

  /*.menu-content{width:58em}*/
  .menu-segundos {
    width: auto
  }

  #menu-cuatro-nivel {
    width: 60.75em
  }

  #menu-cuatro-nivel-corto {
    width: 36em
  }

  #content-tres-columnas {
    width: 36em
  }

  #menu-principal.div8 ul li {
    width: 10.4em !important;
  }

  #menu-principal.div7 ul li {
    width: 11.9em !important;
  }

  #menu-principal.div6 ul li {
    width: 13.9em !important;
  }

  #menu-principal.div5 ul li {
    width: 200px !important; /*width: 16.5em!important*/
  }

  #menu-principal.div5 ul.menu-prim-nuevo ul li a {
    width: 200px !important;
  }

  .resum-noticia {
    width: 28em
  }

  .resum-noticia-extensa {
    width: 58em
  }

  .resum-noticia-extensa-unica {
    width: 58em
  }

  .resum-noticia-extensa-final {
    width: 58em
  }

  .recursos-campus {
    width: 58.1em
  }

  .pie-pagina {
    width: 80em
  }
  
  #content-total #content .entry-content {
    width: 57.5em
  }

  #content-total #content .entry-content {
    width: 57.5em
  }

  .entry-content {
    width: 57.5em
  }

  .vista-completa .menu-segundos {
    /*width: 58.16em;*/
    width: auto;
  }

  #bloc-texto {
    width: 28.57em;
    margin: 0.83em 0px 0.83em 0.83em;
  }

  #bloc-videos {
    width: 28.35em;
    margin: 0.83em 0px 0.83em 0.93em;
  }

  #bloc-agenda {
    width: 28.35em;
    margin: 0.83em 0px 0.83em 0.93em;
  }

  .agenda-home {
    width: 20em
  }

  .agenda-home2 {
    width: 10.9em
  }

  .panel-foto img {
    width: 81.5em
  }

  .caja-home {
    width: auto
  }

  /*.caja-home2{width:auto}*/
  .caja-home2 {
    width: 57.5em
  }

  .resum-texto {
    width: 100%;
    margin: 0.83em 0 1.2em 0;
  }

  #bloc-gasetes-ampT .gaseta-recerca {
    margin: 0 1em 4em !important;
    width: 314px;
  }

  #bloc-gasetes-ampT .gaseta-recerca:nth-child(3n) {
    margin: 0 0em 4em 1em !important;
  }

  #bloc-noticies-boxesA .entrevista-nova {
    width: 314px
  }

  #bloc-noticies-boxesA .entrevista-nova:nth-child(3n) {
    margin-right: 2em;
    margin-left: 2em
  }

  /*#slider-gaseta .viewport{ width: 52em}*/
  #slider-gaseta .viewport {
    width: 52.7em
  }

  .video-llistaRepro #slider-gaseta .viewport {
    width: 75em
  }

  .slider-destlink .viewport {
    width: 75em
  }

  #content-total .entry-content .slider-destlink .viewport {
    width: 75em
  }

  .entry-content .slider-destlink .viewport {
    width: 49em
  }

  .caja-video {
    width: 27.3em;
    margin-bottom: 2em
  }

  .mini-video1 {
    width: 105px;
  }

  .mini-video2 {
    width: 105px;
    margin: 0 0 0.83em
  }

  .mini-video3 {
    width: 105px;
  }

  #slider-principal-largo .slide .txt {
    font-size: 1.5em;
    max-width: 57em
  }

  #slider-principal-largo .slide .desc {
    font-size: 1.2em;
    max-width: 71em
  }

  #slider-segons-largo .txt {
    font-family: "SourceSansPro", Arial;
    font-size: 1.2em;
    position: absolute;
    left: 5%; /*bottom: 90px;*/
    top: 310px;
    height: 30px;
    line-height: 2em;
    margin: 0;
    padding: 0 10px 1px;
    z-index: 6;
    opacity: 0.8
  }

  #slider-segons-largo .txt:hover {
    opacity: 1;
    transition-duration: 0.5s
  }

  #slider-segons-largo .desc {
    font-family: "SourceSansPro", Arial;
    position: absolute;
    left: 5%; /*bottom: 53px;*/
    top: 350px;
    padding: 2px 10px;
    margin: 0.1em 0 0;
    opacity: 0.8;
    width: 388px;
    line-height: 1em;
    max-height: 45px;
    overflow: hidden;
    text-align: left;
    color: #292a25;
    font-size: 1.2em
  }

  #slider-segons-largo .desc:hover {
    opacity: 1;
    transition-duration: 0.5s
  }

  .nou-submenu span.div51 { /*margin-left: 18.2em;*/
    margin-left: 200px;
  }

  .nou-submenu span.div52 { /*margin-left: 36.4em;*/
    margin-left: 400px;
  }

  .nou-submenu span.div53 { /*margin-left: 54.8em;*/
    margin-left: 600px;
  }

  .nou-submenu span.div54 { /*margin-left: 73em;*/
    margin-left: 800px;
  }

  .nou-submenu span.div71 {
    margin-left: 13em
  }

  .nou-submenu span.div72 {
    margin-left: 26em
  }

  .nou-submenu span.div73 {
    margin-left: 40em
  }

  .nou-submenu span.div74 {
    margin-left: 53em
  }

  .nou-submenu span.div75 {
    margin-left: 66em
  }

  .nou-submenu span.div76 {
    margin-left: 79em
  }

  .nou-submenu span.div61 {
    margin-left: 15.2em
  }

  .nou-submenu span.div62 {
    margin-left: 31em
  }

  .nou-submenu span.div63 {
    margin-left: 46.3em
  }

  .nou-submenu span.div64 {
    margin-left: 61.7em
  }

  .nou-submenu span.div65 {
    margin-left: 77.3em
  }  
  
  .nou-submenu span.div81 {
    margin-left: 12em
  }

  .nou-submenu span.div82 {
    margin-left: 23em
  }

  .nou-submenu span.div83 {
    margin-left: 34.5em
  }

  .nou-submenu span.div84 {
    margin-left: 46em
  }

  .nou-submenu span.div85 {
    margin-left: 58em
  }

  .nou-submenu span.div86 {
    margin-left: 70em
  }
  
  .nou-submenu span.div87 {
    margin-left: 81em
  }  

  .info-asignatura {
    border-bottom: 2px solid #dce0e1;
    float: left;
    margin-bottom: 1em;
    margin-left: 1.6em;
    position: relative;
    text-align: left;
    width: 80.7em !important;
  }


  #content-tres-columnas .entry-content li.novetat-boxes {

    width: 16em;

  }

  #content-tres-columnas .entry-content li.novetat-boxes img {
    width: 16em;
  }

  #content-asignatura {
    float: right;
    position: relative;
    width: 66.9em !important;
  }


  #content-asignatura .entry-content {
    width: 64.16em !important;
  }

  #content-asignatura .menu-segundos {
    width: 64.16em !important;
  }

  .tabla-examenes th {
    background: #DCE0E1;
    padding: 3px 0px 4px 5px;
    width: 34em;
  }

  .img-text-3col {
    padding-left: 0.4em;
    padding-right: 0.4em;
    margin: 0;
  }

  .resum-noticia-boxes {
    /*float: left;*/
    width: 23em;
    /*min-height:310px;*/
    margin-bottom: 1.5em;
    clear: none;
  }

  /*Novedad Izquierda*/
  #bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+3) {
    clear: left;
    padding-right: 2em;
    float: left;
    padding-left: 1.5em;
    padding-bottom: 0.5em;
    min-height: 295px;
  }

  .bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+3) {
    padding-right: 2em;
    padding-left: 4.5em;
    padding-bottom: 0.5em;
  }

  /*Novedad Derecha*/
  #bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+4) {
    padding-right: 4em;
    float: right;
    clear: right;
    padding-left: 2em;
    padding-bottom: 0.5em;
    min-height: 250px;
  }

  #bloc-noticias div.caja-video:nth-of-type(2n+4) {
    clear: left
  }

  #bloc-noticias div.caja-video:nth-of-type(3n+4) {
    clear: none
  }

  .bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+4) {
    padding-right: 3em;
    padding-left: 2em;
    padding-bottom: 0.5em;
  }

  /*Novedad Izquierda*/
  #bloc-noticias2 div.resum-noticia-boxes:nth-of-type(2n+2) {
    padding-right: 2em;
    padding-left: 4.5em;
    padding-bottom: 0.5em;
  }

  /*Novedad Derecha*/
  #bloc-noticias2 div.resum-noticia-boxes:nth-of-type(2n+3) {
    padding-right: 3em;
    padding-left: 2em;
    padding-bottom: 0.5em;
  }

  #bloc-noticias div.resum-noticia-boxes:nth-of-type(3n) {
    /*clear:none;*/
  }

  .galeriaImatgesExt .galeria-boxes.overview li {
    width: 31.8%;
    height: 136px;
  }

  .UVNoticies-header {
    width: 84em;
  }

  #bloc-galeriaImatges .cap-galeriaImatges {
    width: 84em;
  }

  /*.notica-dest-uvnoticies:nth-of-type(2n+3){clear:left;margin-right: 0em;margin-left:0em;}
	.notica-dest-uvnoticies:nth-of-type(2n+4){margin-right: 2em;margin-left: 4.5em;} */
  .notica-dest-uvnoticies:nth-of-type(3n+4) {
    margin-left: 2em;
    margin-right: 2em;
  }

  /*.notica-dest-uvnoticies:nth-of-type(3n+4) {margin-left: 2.9em;margin-right: 2.9em;}*/
  .notica-dest-uvnoticies {
    width: 18em;
    height: 151px
  }

  .candidat {
    width: 18em
  }

  .candidat2 {
    width: 18em
  }

  .candidat2 img {
    width: 70px
  }

  .bloc-escrutini .candidat-links:nth-child(3n+2) {
    margin-left: 1.75em;
    margin-right: 1.75em;
  }


  .candidat-links {
    width: 18em
  }

  .candidat img {
    width: 100%
  }

  .notica-dest-uvnoticies img {
    width: 100%
  }

  h3.titol-dest-uvnoticies {
    margin: 0
  }

  .dest-uvnoticies-clock {
    margin: 0
  }

  .categoria-inter {
    top: 1.2em;
    left: 1.2em;
  }

  /*li.esport {width: 11.3em}*/
  li.esport {
    width: 17.8em
  }

  .menu-perfiles-nou {
    font-size: 0.7em
  }

  .menu-servicios-nou {
    font-size: 0.7em;
    display: block;
  }

  .entry-content .llistat-conv .text {
    width: calc(100% - 10em)
  }

  .llistat-back .text-larg {
    width: calc(100% - 10.7em)
  }

  .llistat-back .text {
    width: calc(100% - 23.7em)
  }

  .llistat-conv .text {
    width: calc(100% - 12em);
    margin: 0 1em 1em 1em
  }

  .llistat-conv .llistat-conv-at .text {
    width: calc(100% - 12em);
    margin: 0 1em 1em 1em
  }

  .llistat-conv .text-borsa {
    width: calc(100% - 9em)
  }

  .rogles-ca .caja-circulo {
    margin: 5em 2em 0em !important;
  }

  .rogles-ca.callAction-dalt {
    top: 2%
  }


  /* Esports Home Iconos */
  .caja-logo-esport {
    width: 79px !important;
  }

}

ul.menu-prim-movil-nou {
  margin: 6em 0.5em 3em;
  list-style-type: none;
  z-index: 9999;
  padding: 0.5em 0;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

ul.menu-prim-movil-nou li {
  display: block;
  min-height: 2em;
}

@media (max-width: 1020px) {

  #container {
    width: 60em
  }

  #containerCab {
    width: 60em
  }

  #containerCabFloat {
    width: 60em
  }

  .content-locale-float {
    right: 19%
  }

  .content-shared-float {
    right: 5%
  }

  .content-menu-float {
    right: 10%
  }

  .content-aux {
    width: auto;
    padding: 0 2em
  }

  .caja-circulo {
    margin: 3em 1em;
    width: 95px;
  }

  #bloc-gasetes-ampT {
    padding: 0em 1em;
  }

  #bloc-gasetes-ampT .gaseta-recerca {
    margin: 0em 0em 2em 0em !important;
    width: 314px;
    float: left;
  }

  #bloc-gasetes-ampT .gaseta-recerca:nth-child(2n) {
    float: right;
  }

  #bloc-gasetes-ampT .gaseta-recerca:nth-child(3n) {
    margin: 0em 0em 2em 0em !important;
  }

  #bloc-videoLlistaRepro {
    padding: 2em 1.5em 4em 1.5em
  }

  #bloc-galeriaImatges {
    padding: 2em 1.5em 4em 1.5em
  }

  .video-llistaRepro {
    width: auto
  }

  #bloc-galeriaImatges .listaAlbum {
    width: auto
  }

  #bloc-videoLlistaRepro .llistatRepoVideo {
    width: 70%
  }

  #bloc-videoLlistaRepro .llistatReproduccio {
    width: 30%
  }

  #bloc-videoLlistaRepro #mycustomscroll {
    height: 26em;
  }

  #bloc-videoLlistaRepro #selector-lista {
    width: 92%;
  }

  #bloc-videoLlistaRepro .mycustomscroll {
    height: 26em;
  }

  #bloc-agenda-ample-complet .agenda-ampla-ordinaria {
    width: auto
  }

  #bloc-agenda-ample-complet .agenda-ampla-destacada {
    width: auto
  }

  #bloc-agenda-ample-complet .cap-agenda {
    width: auto
  }

  #bloc-agenda-ample-complet {
    padding: 0em 2em
  }

  #bloc-agenda-ample-complet .esdeveniment-ample-destacat-modul3 {
    width: 210px
  }

  #bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-imatge {
    height: 152px
  }

  #bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-imatge::after {
    left: -42px
  }

  .bloc-activitat-boxes .activitat-box-imatge img.img-novetatOmbra {
    max-height: 154px
  }

  #content-total .entry-content img.img-novetatOmbra {
    max-height: 154px
  }

  #content-tres-columnas .entry-content img.img-novetatOmbra, #content .entry-content img.img-novetatOmbra {
    /*max-height: initial*/
    max-height: 137px;
  }
  
  #content-total .menu-content {
    width: 91%;
  }

  .projecte-socials {
    /* margin: 0.83em 0 0.83em 0.83em; */
    text-align: center;
  }

  .bloc-activitat-boxes .activitat-boxes-destacada {

    width: 60em;

  }

  #bloc-noticies-boxesA .cap-novetats-destacades {
    width: 100%
  }

  .bloc-noticies-boxesA .cap-novetats-destacades {
    width: 100%
  }

  #bloc-noticies-boxesA .llistat-conv .text-borsa {
    width: calc(100% - 9em)
  }

  .bloc-cercles .cap-text-cercles {
    width: 60em
  }


  .bloc-activitat-boxes .activitat-box-titol .header-3 {
    font-size: 0.8em;

  }

  .bloc-activitat-boxes .activitat-box-titol .header-3-small {
    font-size: 0.6em;

  }
  
  .bloc-activitat-boxes .activitat-box-titol .header-3-vsmall {
    font-size: 0.6em;

  }
  
  .bloc-activitat-boxes .activitat-box-titol .header-3-vsmall.titol-llarg {
    font-size: 0.6em;

  }

  .bloc-activitat-boxes header.activitat-box-titol {
    margin-bottom: 0.4em
  }

  .bloc-activitat-boxes .date {
    font-size: 0.9em;
  }

  .bloc-activitat-boxes .descripcio {
    font-size: 0.8em;
    text-align: justify;
  }

  .slider-container .titol {
    font-size: 1.3vw;
  }

  .resum-2novetat-boxes {
    width: 48.2%;
  }

  .resum-3novetat-boxes {
    width: 31%;
  }

  #bloc-noticies-boxesA div.resum-3novetat-boxes:nth-of-type(3n) {
    padding-left: 2em;
    padding-right: 2em
  }

  .resum-4novetat-boxes {
    width: 22.7%;
  }

  #bloc-noticies-boxesA .entrevista-nova {
    width: 31%
  }


  /* TPCDestacadoBanner */
  .sidebar-banner-destacat h2 {
    padding-left: 0.5em
  }

  .sidebar-banner-destacat:first-child {
    margin-top: 0em;
  }

  /* FIN TPCDestacadoBanner */
  .bloc-novetats3pf-boxes .activitat-boxes-destacada {

    width: 100%;

  }

  .bloc-novetats3pf-boxes .activitat-box-titol .header-3 {
    font-size: 1.2em;

  }

  .bloc-novetats3pf-boxes .date {
    font-size: 1em;
  }

  .bloc-novetats3pf-boxes .descripcio {
    font-size: 1em;
    text-align: justify;
  }

  /* Call Action*/
  .callAction {
    width: 100%
  }

  /* FIN Call Action*/
  #bloc-gasetes-ampT {
    padding: 0em 2em;
  }

  /*  Plantilla CSEObtindreSubscripcionsAmpladaTotal 1020px */
  .bloc-subscripcio {
    width: 100%;

  }

  #bloc-xerxes {

    padding: 4em 2em;
  }


  /* Fin Plantilla CSEObtindreSubscripcionsAmpladaTotal 1020px */
  /*  TPCLlistatActivitatBoxesInterior 1020px */
  .bloc-activitat-boxes-int .activitat-boxes-destacada {

    width: 100%;

  }

  .bloc-activitat-boxes-int .activitat-box-titol .header-3 {
    font-size: 1.2em;

  }

  .bloc-activitat-boxes-int .date {
    font-size: 1em;
  }

  .bloc-activitat-boxes-int .descripcio {
    font-size: 1em;
    text-align: justify;
  }

  .bloc-activitat-boxes-int .descripcio a, .bloc-activitat-boxes-int .descripcio a:hover {
    color: #fff;
    text-decoration: none;
  }

  /* FIN TPCLlistatActivitatBoxesInterior 1020px */
  /*  CSEObtindreCatalegPatrimoniManualHome 1020px */
  .cataleg .cataleg-llista .cataleg-item-manual {
    width: 40.5%;
  }

  /*  Fin CSEObtindreCatalegPatrimoniManualHome 1020px */
  .TP1 {
    width: 100%
  }

  .TP2 {
    width: 100%
  }

  .TP3 {
    width: 100%
  }

  .TP4 {
    width: 100%
  }

  .TP5 {
    width: 100%
  }

  .TP6 {
    width: 100%
  }

  .TP7 {
    width: 100%
  }

  .TP8 {
    width: 100%
  }

  .TP9 {
    width: 100%
  }


  /* TPCNovetatDestacada_AmpladaTotal */
  #bloc-noticies-destacades {
    padding: 0em 2em;
  }

  .content-noticies-destacades {
    width: auto;
  }

  .cap-novetats-destacades {
    width: auto;
  }

  #bloc-noticies-destacades div.notica-destacada {
    height: auto;
    width: 46.5%;
    margin-bottom: 4em
  }

  #bloc-noticies-destacades .notica-destacada:nth-of-type(3n+3) {
    margin-right: 0;
    margin-left: 0
  }

  #bloc-noticies-destacades .notica-destacada:nth-of-type(2n+2) {
    margin-right: 3%;
    clear: left
  }

  #bloc-noticies-destacades .notica-destacada:nth-of-type(2n+3) {
    margin-left: 3%;
  }


  #bloc-noticies-destacades .box-info-background {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 1) 30%);
    padding-bottom: 0em;
    padding-top: 1.8em;
    height: 6em;
  }

  #bloc-noticies-destacades .categoria-inter {
    top: 65%;
    left: 1em;
  }

  #bloc-noticies-boxesA .resum-noticia-boxes.numPF2 {
    width: 27.4em;
    height: 30em;
  }

  /* Fin TPCNovetatDestacada_AmpladaTotal */
  /* Plantilla CSEObtindreNovetatsCulturaNews */
  #bloc-noticies-boxesA .gaseta-revista-img {

    height: 107px;

  }


  /* Plantilla FIN CSEObtindreNovetatsCulturaNews */
  .banner-home-item:nth-of-type(3n-1) {
    margin-left: 0em;
    margin-right: 0em
  }

  .banner-home-item:nth-of-type(2n) {
    float: right
  }

  /* TPCLlistatNovetatBoxesAmpladaTotal*/
  #bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(2n) {
    clear: left;
    padding-left: 0em;
    padding-right: 0em;
    padding-bottom: 0.5em
  }

  #bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(2n+1) {
    clear: right;
    padding-left: 3em;
    padding-right: 0em;
    padding-bottom: 0.5em
  }

  #bloc-noticies-boxesA .resum-noticia-boxes {
    width: 27.5em
  }

  #bloc-noticies-boxesA .resum-noticia-boxes.numPF4 {
    width: 12.77em;
  }

  /* Fin TPCLlistatNovetatBoxesAmpladaTotal*/
  /* Header GrupInvestigador 1020px*/
  .head-GrupInvestigador {

  }

  .head-GrupInvestigador-img {
    width: 30%;

  }

  .head-GrupInvestigador-text {
    padding-top: 1.8em;
    width: 70%;

  }

  .head-GrupInvestigador-text span {

    font-size: 1.5em;

  }

  .head-Projectes-nom div {
    font-size: 1.35em;
  }

  .head-Projectes-img {
    margin-top: 1%;
  }

  .head-Projectes-logo {
    margin-top: 2%;
  }

  .head-Projectes-nom {
    margin-top: 4.5%;
  }

  .contenido-projecte {
    width: 63%;
  }

  /* Fin Header GrupInvestigador 1020px*/
  /*Reponsive ficha personas 1020px*/
  .entry-content #content-persona {
    /*margin: 0.1em -1em 1.0em -0.3em;
    padding-top: 0.2em;*/
    width: 100%;
  }

  .table2 {
    margin-left: 21em;
    width: 100%;
    float: left;
  }

  .persona-lista-dire {
    padding: 0.5em 0;
    margin-left: 0em;
    text-align: center;
    width: 138px;
  }

  .logo-pie span {
    font-size: 1.3em;
    margin-left: 2em;
    /* margin-top: 1.8em; */
    position: absolute;
    width: 25em;
    /*bottom: 3em;*/ /*ticket EDICIO WEB-236001*/
    float: left;
    margin-bottom: 1.4em;
  }

  .persona-izq {
    text-align: right;
    float: left;
    width: 32%;
    padding-right: 2.5em;
  }

  .entry-content #content-persona .persona-izq {
    width: 100%;
    padding: 0;
    margin-bottom: 1em;
  }

  .entry-content #content-persona .persona-dcha {
    width: 100%;
    margin-left: 0
  }

  .persona-dire {
    border-bottom: 0.2em solid #dde3e4;
    padding: 0.5em 0;
    margin-left: 0em;
  }

  .caja-fitxa-persona {

    width: 106px;
    display: inline-block;
    padding-bottom: 1.5em;
    vertical-align: top;

  }

  table.listable td {

    padding: 2px 6px 12px;

  }

  .listable tbody td:nth-child(2) {

    width: 45%;

  }

  /*Margenes caja persona 4 por linea*/
  div.caja-fitxa-persona:nth-of-type(4n+2) {
    margin: 0em 0.5em 0em 0.5em;
  }

  div.caja-fitxa-persona:nth-of-type(4n+4) {
    margin: 0em 0.0em 0em 0.0em;
  }

  div.caja-fitxa-persona:nth-of-type(4n+3) {
    margin: 0em 0.5em 0em 0.5em;
  }

  /**********************/
  /*Margenes caja persona 3 por linea*/
  /*div.caja-fitxa-persona:nth-of-type(4n+2) {
		margin: 0em 0.15em 0em 0.25em;
	}
	div.caja-fitxa-persona:nth-of-type(4n+3) {
		margin: 0em 0.25em 0em 0.15em;

	}
	div.caja-fitxa-persona:nth-of-type(4n+4) {
		margin: 0em 0em 0em 0em;
	}
	div.caja-fitxa-persona:nth-of-type(4n+1) {
		margin: 0em 0em 0em 0em;
	}*/
  /**********************/
  .caja-foto-persona {
    width: 104px;
    /*height: 160px;*/
    overflow: hidden;
    border: 1px solid #f2f2f2;

  }

  .caja-fitxa-persona .nombre-persona a {
    font-family: "Humanist777-Bold", Arial;
    font-size: 1.0em;
    line-height: 1.2em;
    color: #333;
  }

  .caja-fitxa-persona .cargo-persona {
    font-family: "Humanist777-Bold", Arial;
    font-size: 1.0em;
    line-height: 1.2em;
    color: #666;
    margin-top: 0.5em;
    margin-bottom: 1em;
  }

  /* Lista Titulacions Masters */
  .titulacioGraus .columnaTitulacio:nth-child(odd) {
    margin-right: 0em;
  }

  .brancaTitulacio .nomGrau {
    width: 93%;
    font-size: 0.9em;
  }

  .brancaTitulacio h3.branca {
    font-size: 1em;
  }


  /*Fin Lista Titulacions Masters*/
  #content-tres-columnas .entry-content li.novetat-boxes:nth-child(2n+2) {
    padding-left: 1em;
  }

  #content-tres-columnas .entry-content li.novetat-boxes:nth-child(2n+1) {
    padding-right: 1em;
  }

  #content-tres-columnas .entry-content li.novetat-boxes img {
    width: 17em;
  }

  #content-tres-columnas .entry-content li.novetat-boxes {
    width: 17em;
  }

  .caja-circulo a {
    color: #013952;
    width: 37px;
    margin-left: 4px;

  }

  .caja-circulo img {
    margin-bottom: 0.5em;
    width: 90px;
  }

  .titulo-circulo {
    font-size: 1.5em;
    line-height: 1.1em;
  }

  .caja-galeria {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    margin: 0 1.2em 2em;
    width: 190px;
    float: left;
    overflow: hidden
  }

  #menu-segundos ul.menu-prim-movil-nou {
    display: none;
  }

  .dest-gaseta-opinio:nth-child(even) {
    width: 17%;
    float: none;
    height: 100px;
    padding: 0 0em 0;
  }

  .dest-gaseta-opinio:nth-child(odd) {
    width: 17%;
    float: none;
    height: 110px;
    padding: 0 0em 0;
  }

  .dest-gaseta-opinio img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .dest-gaseta-opinio a {
    text-align: justify;
    font-style: italic;
    font-size: 0.9em;
    position: relative;
    bottom: 9em;
    left: 14em;
  }


  .panel-foto img {
    width: 698px
  }

  #slider-principal .panel-foto {
    text-align: left
  }

  #menu-principal {
    width: 720px; /*width: 60em*/
  }

  #menu-segundos {
    width: 60em
  }

  #menu-principal ul.menu-uv li a {
    font-size: 0.85em;
    height: 3em;
    line-height: 2.75em
  }

  #menu-principal.div5 ul li {
    width: 144px !important; /*width: 12em !important;*/
    font-size: 1em
  }

  #menu-principal.div5 ul.menu-prim-nuevo ul li a {
    width: 144px !important;
  }

  #menu-principal.div4 ul li {
    width: 15em !important;
    font-size: 1em
  }

  #menu-principal.div6 ul li {
    width: 11.1em !important;
  }

  #menu-principal.div7 ul li {
    width: 9.5em !important;
  }

  #menu-principal.div8 ul li {
    width: 8.3em !important;
  }


  #menu-principal ul li {
    width: 11.1em !important;
    font-size: 0.9em
  }

  #menu-principal ul li a {
    height: 3.2em;
    line-height: 1.6em;
  }

  #menu-principal.div5 ul li a {
    height: 2.83em;
    line-height: 2.75em
  }

  #menu-principal.div4 ul li a {
    height: 2.83em;
    line-height: 2.75em
  }

  #menu-principal ul.menu-prim-nuevo ul.menu-seg-nuevo li {
    font-size: 1em
  }

  .nou-submenu span {
    padding: 6px 0 6px 0.5em;
    width: auto
  }

  .nou-submenu span.div0 {
    font-size: 0.8em; /*width: 12em*/
  }

  .nou-submenu span.div1 {
    font-size: 0.8em;
    margin-left: 12.5em
  }

  .nou-submenu span.div2 {
    font-size: 0.8em;
    margin-left: 25.1em
  }

  .nou-submenu span.div3 {
    font-size: 0.8em;
    margin-left: 37.5em
  }

  .nou-submenu span.div4 {
    font-size: 0.8em;
    margin-left: 50em
  }

  .nou-submenu span.div5 {
    font-size: 0.8em;
    margin-left: 62.5em
  }

  /*.nou-submenu span.div50 {width: 12.7em}*/
  .nou-submenu span.div51 { /*margin-left: 13.5em;*/
    margin-left: 144px;
  }

  .nou-submenu span.div52 { /*margin-left: 26.8em;*/
    margin-left: 288px;
  }

  .nou-submenu span.div53 { /*margin-left: 40.1em;*/
    margin-left: 432px;
  }

  .nou-submenu span.div54 { /*margin-left: 53.4em;*/
    margin-left: 576px;
  }

  /*.nou-submenu span.div40 {width: 16.1em}*/
  .nou-submenu span.div41 {
    margin-left: 16.7em
  }

  .nou-submenu span.div42 {
    margin-left: 33.4em
  }

  .nou-submenu span.div43 {
    margin-left: 50.1em
  }

  .nou-submenu span.div71 {
    margin-left: 9.5em
  }

  .nou-submenu span.div72 {
    margin-left: 19em
  }

  .nou-submenu span.div73 {
    margin-left: 28.5em
  }

  .nou-submenu span.div74 {
    margin-left: 38em
  }

  .nou-submenu span.div75 {
    margin-left: 47.5em
  }

  .nou-submenu span.div76 {
    margin-left: 57em
  }

  .nou-submenu span.div61 {
    margin-left: 11.2em
  }

  .nou-submenu span.div62 {
    margin-left: 22.2em
  }

  .nou-submenu span.div63 {
    margin-left: 33.5em
  }

  .nou-submenu span.div64 {
    margin-left: 44.5em
  }

  .nou-submenu span.div65 {
    margin-left: 55.6em
  }
  
  .nou-submenu span.div81 {
    margin-left: 8.5em
  }

  .nou-submenu span.div82 {
    margin-left: 16.5em
  }

  .nou-submenu span.div83 {
    margin-left: 25em
  }

  .nou-submenu span.div84 {
    margin-left: 33em
  }

  .nou-submenu span.div85 {
    margin-left: 41.5em
  }

  .nou-submenu span.div86 {
    margin-left: 50em
  }
  
  .nou-submenu span.div87 {
    margin-left: 58em
  }  

  #slider-principal {
    width: 58.3em
  }

  #slider-principal div.pager {
    bottom: 0.6em;
    left: 23em
  }

  .menu-slider {
    width: 18em;
    font-size: 0.8em
  }

  .menu-slider ul li {
    line-height: 27px
  }

  .menu-slider ul li.last {
    line-height: 27px
  }

  #slider-principal .viewport {
    height: 13.8em;
    width: 58.3em;
  }

  #slider-principal .overview li {
    height: 13.8em;
    width: 58.3em;
  }

  #slider-principal .panel-foto .txt {
    top: 75px;
    height: 25px;
    font-size: 1em
  }

  #slider-principal .panel-foto .desc {
    top: 108px;
    font-size: 0.9em
  }

  #slider-principal a.next {
    right: 7.1em
  }

  .menu-servicios ul {
    float: left;
    text-align: left
  }

  .menu-servicios ul li {
    height: 4em
  }

  .menu-servicios ul li.buscador {
    float: none
  }

  .notica-dest-uvnoticies:nth-of-type(3n+4) {
    margin-left: 2em;
    margin-right: 2em;
  }

  .menu-servicios ul li p {
    margin: 0.17em 0 0
  }

  .menu-servicios .form-text {
    margin: 1.67em 0 1.67em 0.67em
  }

  .menu-servicios .form-submit {
    float: left
  }

  .menu-servicios {
    width: auto
  }

  #cabecera {
    width: 60em
  }

  #sidebar {
    float: left;
    width: 100%
  }

  .banner-sidebar {
    float: left;
    margin: 1.75em 0 0.83em 1.07em;
  }

  .menublanc-sidebar {
    clear: both;
    float: left
  }

  .xarxes-sidebar {
    clear: both
  }

  .esport-sidebar {
    clear: both
  }

  .texte-sidebar {
    clear: both
  }

  .pie-pagina {
    width: 60em
  }

  .pie-pagina .div5 {
    width: 31%
  }

  .servicios-pie ul {
    width: 60em
  }

  .caja-pie {
    min-height: 11em
  }

  .pie-pagina .pie-enlace {
    float: left
  }

  #menu-segundos ul.menu-prim-movil {
    display: none
  }

  .menu-slider-segons {
    font-size: 0.8em; /*right: 242px;*/
  }

  #slider-segons .panel-foto img {
    width: 513px;
  }

  #slider-segons .viewportLong .panel-foto img {
    width: 58.3em
  }

  #slider-segons .viewportLong {
    width: 58.3em
  }

  .video-llistaRepro #slider-gaseta .viewport {
    width: 57em
  }

  .slider-destlink .viewport {
    width: 60em
  }

  #content-total .entry-content .slider-destlink .viewport {
    width: 45em
  }

  .entry-content .slider-destlink .viewport {
    width: 30em
  }

  .menu-slider-segons ul li {
    line-height: 1.82em;
  }

  #slider-segons {
    width: 58.4em
  }

  #slider-segons .viewport {
    height: 9.2em;
  }

  /*9.5em*/
  .arriba {
    margin-top: 0
  }

  #sidebar-left {
    font-size: 0.9em;
  }

  #menu-cuatro-nivel {
    font-size: 0.9em;
    width: 43em
  }

  #menu-cuatro-nivel-corto {
    font-size: 0.9em;
    width: 43em
  }

  /*#content{width:41.7em}*/
  #content {
    width: auto;
    float: none
  }
  
  #content-total #content .entry-content {
    width: 36.5em
  }

  #content-total #content .entry-content {
    width: 36.5em
  }

  #content .entry-content {
    width: 36.5em
  }

  .resum-noticia {
    width: 28em
  }

  .form-evento .form-data {
    width: 100%
  }

  .form-evento .form-submit {
    width: 100%
  }

  .form-activitat .form-data {
    width: 100%
  }

  .form-activitat .form-submit {
    width: 100%
  }

  .form-activitat {
    overflow: visible
  }

  /*#content .entry-content {width: auto}*/
  #content .vista-completa {
    float: none;
    width: auto
  }

  #content h2.vista-completa-titulo {
    font-size: 1.7em
  }

  .menu-segundos {
    width: auto
  }

  .form-activitat .tipos label span {
    width: auto
  }

  .medio .titol {
    float: none !important
  }

  .convocatoria .grande {
    width: auto
  }

  .llistat-conv .grande {
    width: auto
  }

  .convocatoria .notes {
    float: none;
    width: 38em
  }

  .titol-seccio {
    width: auto
  }

  #slider-code .viewport {
    width: 35.1em
  }

  .dest-grau .banner-sidebar {
    margin: 0
  }

  .dest-grau .banner-sidebar img {
    width: 18.3em
  }

  /*.info-asignatura{width:auto !important;padding-right: 1em;}*/
  .lista-info-asignatura {
    width: 67.85% !important
  }

  /*#content-asignatura {width: 43em !important}
	#content-asignatura .entry-content {width: auto !important}
	#content-asignatura .menu-segundos {width: auto !important}*/
  .tabla-examenes {
    width: 100% !important
  }

  #content .entry-content p img {
    max-width: 100% !important;
    height: auto !important
  }

  #barracookies .texto {
    margin: 1em;
    line-height: 15px;
  }

  .bio-titol {
    width: 92%
  }

  /*.menu-content{width: 58em}*/
  .resum-noticia-extensa {
    width: 58em
  }

  .resum-noticia-extensa-unica {
    width: 58em
  }

  .resum-noticia-extensa-final {
    width: 58em
  }

  .recursos-campus {
    width: 58em
  }

  .resum-texto {
    width: 100%
  }

  #slider-principal-largo .slide .txt {
    font-size: 1.3em
  }

  #slider-principal-largo .slide .desc {
    font-size: 1em
  }

  #slider-segons-largo .txt {
    text-align: left;
    font-family: "SourceSansPro", Arial;
    font-size: 1em;
    position: absolute;
    left: 5%; /*bottom: 90px;*/
    top: 270px;
    height: 23px;
    line-height: 2em;
    margin: 0;
    padding: 0 10px 1px;
    z-index: 6;
    opacity: 0.8
  }

  #slider-segons-largo .txt:hover {
    opacity: 1;
    transition-duration: 0.5s
  }

  #slider-segons-largo .desc {
    font-family: "SourceSansPro", Arial;
    position: absolute;
    left: 5%; /*bottom: 53px;*/
    top: 305px;
    padding: 2px 10px;
    margin: 0.1em 0 0;
    opacity: 0.8;
    width: 388px;
    line-height: 1em;
    max-height: 45px;
    overflow: hidden;
    text-align: left;
    color: #292a25;
    font-size: 1em
  }

  #slider-segons-largo .desc:hover {
    opacity: 1;
    transition-duration: 0.5s
  }

  .UVNoticies-header {
    width: 100%
  }

  #bloc-galeriaImatges .cap-galeriaImatges {
    width: 100%
  }

  .info-asignatura {
    border-bottom: 2px solid #dce0e1;
    float: left;
    margin-bottom: 1em;
    margin-left: 1.6em;
    position: relative;
    text-align: left;
    width: 56.7em !important;
  }

  #content-asignatura {
    float: right;
    position: relative;
    width: 43.9em !important;
  }


  #content-asignatura .entry-content {
    width: 41.16em !important;
  }

  #content-asignatura .menu-segundos {
    width: 41.16em !important;
  }

  .tabla-examenes th {
    background: #DCE0E1;
    padding: 3px 0px 4px 5px;
    width: 34em;
  }

  li.esport {
    width: 12.4em;
  }

  .rogles-ca .caja-circulo {
    margin: 5em 2em 0em !important;
  }


  /* Esports Home Iconos */
  .caja-logo-esport {
    width: 100px !important;
  }

  .entry-content ul.lista-personas li .bio-titol .nombre-persona {
    float: none;
  }

  .titulo-imatgeQ-call {
    top: 23%;
    font-size: 2em;
  }

  .desc-imatgeQ-call {
    top: 46%;
  }

  .cabFloat-logo {
    margin-top: 6em;
    width: 100%;
  }

}

@media (max-width: 710px) {

  #titolsPropis .tp-gest {
    width: calc(100% - 49px)
  }

  #titolsPropis .list-group {
    width: calc(100% - 43px)
  }

  #titolsPropis h4 {
    margin-bottom: 2em
  }


  .TP1 {
    width: calc(100% - 30px)
  }

  .TP2 {
    width: calc(100% - 30px)
  }

  .TP3 {
    width: calc(100% - 30px)
  }

  .TP4 {
    width: calc(100% - 30px)
  }

  .TP5 {
    width: calc(100% - 30px)
  }

  .TP6 {
    width: calc(100% - 30px)
  }

  .TP7 {
    width: calc(100% - 30px)
  }

  .TP8 {
    width: calc(100% - 30px)
  }

  .TP9 {
    width: calc(100% - 30px)
  }


  .slider-container .navigation-boxes {
    width: 30%
  }

  .slider-container .titol {
    font-size: 1.4vw
  }

  .slider-container .navigation-item {
    padding: 5px 10px
  }

  .cabFloat-logo {
    margin-top: 6em;
    width: 100%
  }

  .content-locale-float {
    right: 145px
  }

  .content-locale-float ul.menu-flotante {
    min-width: 70px
  }

  .content-menu-float {
    right: 76px
  }

  .content-shared-float {
    right: 41px
  }

}


@media (max-width: 769px) {

  .dia-item {
    float: left;
    width: 98%;
  }

  #bloc-noticies-boxesA .resum-noticia-boxes.numPF4 {
    width: 100%;
  }

  #bloc-noticies-boxesA .resum-noticia-boxes.numPF4 {
    margin: 0px;
    padding: 0px;
  }
}


@media (min-width: 769px) {

  #menu-segundos ul.menu-prim-movil-nou {
    display: none;
    position: absolute
  }

  /* !important -> Menu siempre */
  .menu-slider-segons {
    display: inline !important
  }

  .menu-slider {
    display: inline !important
  }

  .menu-sidebar {
    display: block !important
  }

  #menu-segundos ul.menu-prim-movil {
    display: none !important
  }

  .menu-servicios-nou {
    display: block !important
  }

}


/*740*/
@media (max-width: 768px) {

  .bloc-activitat-boxes .activitat-box-imatge img.img-novetatOmbra {
    max-height: initial
  }

  #content-total .entry-content img.img-novetatOmbra {
    max-height: initial
  }

  .entry-menu-cuatro li a.active {
    color: #3f3c35 !important
  }

  .grafico50 {
    width: 100%;
    float: none
  }

  #menu-principal ul.menu-prim-nuevo {
    display: none;
  }

  .boton-menu {
    display: inline !important
  }

  .boton-menu-izquierda {
    display: inline !important
  }

  #container {
    width: 100%
  }

  #containerCab {
    width: 100%
  }

  #containerCabFloat {
    width: 100%
  }

  .content-search-float {
    margin-right: 0.5em
  }

  .panel-foto img {
    max-width: 100%
  }

  #cabecera {
    width: 100%
  }

  #cabecera h1#logo {
    float: none;
    display: inline-block
  }

  #cabecera h1#logo img {
    max-width: 100%
  }

  #containerCabFloat h1#logo img {
    max-width: 100%
  }

  #menu-principal {
    width: 100%
  }

  #menu-segundos {
    width: 100%;
    overflow: hidden
  }

  #slider-principal {
    width: auto;
    overflow: visible
  }

  #content {
    width: 100%;
    float: left
  }

  #sidebar {
    padding-top: 2em
  }

  .texte-sidebar {
    text-align: center
  }

  .texte-sidebar h3 {
    text-align: center
  }

  .menublanc-sidebar {
    text-align: center;
    width: 100%;
    margin-left: 0
  }

  .menublanc-sidebar ul {
    margin-left: 0.83em;
    margin-right: 0.83em
  }

  .banner-sidebar {
    width: 46%
  }

  .xarxes-sidebar {
    text-align: center
  }

  .xarxes-sidebar a img {
    float: none
  }

  .recursos-campus {
    width: auto;
    margin-right: 0.83em;
  }

  /* ajuste para que este la hamburguesa en linea before:width:100%;float:none */
  .menu-content {
    width: 91%;
    display: block;
    margin: 0.83em
  }

  #content-total .menu-content {
    width: 91%;
  }

  .resum-noticia-extensa {
    width: auto;
    display: block;
    float: none;
    padding-bottom: 0.83em
  }

  .resum-noticia {
    width: auto;
    display: block;
    float: none;
    border-bottom: 1px solid #f0eee3;
    padding-bottom: 0.83em
  }

  #slider-principal .viewport {
    width: 100%;
  }

  #slider-principal div.pager {
    left: 12em
  }

  .pie-pagina {
    width: auto;
    margin-left: 0.83em;
  }

  .servicios-pie ul {
    width: 100%
  }

  .menu-slider {
    right: auto;
    z-index: 9999;
    width: 100%;
    top: -14em;
    display: none
  }

  .menu-slider ul li {
    border-bottom: medium none !important;
    line-height: normal;
    min-height: 2em;
  }

  .menu-slider ul li:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  }

  .menu-slider ul li.last {
    border-bottom: medium none !important;
    line-height: normal;
    min-height: 2em;
  }

  .menu-slider ul li a {
    color: #013952 !important;;
    padding: 0
  }

  .menu-slider ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  }

  .menu-servicios {
    top: 11em;
    z-index: 999999;
    position: absolute;
    display: none;
    width: 100%
  }

  .menu-servicios ul li a {
    color: #013952
  }

  .menu-servicios ul {
    width: 30.5em
  }

  .menu-servicios ul li {
    color: #013952;
    float: right
  }

  .menu-servicios .form-text {
    width: 9.33em
  }

  .menu-servicios ul li.idiomes {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0
  }

  .nou-submenu {
    display: none
  }

  #slider-segons-largo .overview .panel-foto {
    position: relative;
    height: 118px;
    text-align: left;
    width: 47em;
  }

  ul.bloque-preguntas {
    padding-bottom: 1em
  }


  #bloc-noticies-boxesA div.resum-3novetat-boxes:nth-of-type(3n) {
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 0.5em;
  }

  #bloc-noticies-boxesA div.resum-4novetat-boxes:nth-of-type(4n-1) {
    padding-left: 2%;
  }

  #bloc-noticies-boxesA div.resum-4novetat-boxes:nth-of-type(4n) {
    padding-left: 2%;
    padding-right: 2%
  }

  #bloc-noticies-boxesA div.resum-2novetat-boxes:nth-of-type(2n+1) {
    padding-left: 2%;
  }

  .bloc-activitat-boxes .activitat-boxes-destacada {
    width: 100%;
  }

  #bloc-noticies-boxesA .cap-novetats-destacades {
    width: 100%;
  }

  .bloc-noticies-boxesA .cap-novetats-destacades {
    width: 100%;
  }

  .bloc-cercles .cap-text-cercles {
    width: 100%
  }

  .bloc-activitat-boxes .activitat-box {
    margin-bottom: 1em;
  }

  .bloc-activitat-boxes {
  }

  .bloc-activitat-boxes .activitat-box-titol .header-3 {
    font-size: 1.5em;
  }

  .bloc-activitat-boxes .activitat-box-titol .header-3-small {
    font-size: 1.3em;
  }
  
  .bloc-activitat-boxes .activitat-box-titol .header-3-vsmall {
    font-size: 1.3em;
  }
  
  .bloc-activitat-boxes .activitat-box-titol .header-3-vsmall.titol-llarg  {
    font-size: 1.3em;
  }

  .bloc-activitat-boxes .date {
    font-size: 1.1em;
  }

  .bloc-activitat-boxes .descripcio {
    font-size: 1em;
    text-align: justify;
  }

  .bloc-activitat-boxes .descripcio a, .bloc-activitat-boxes .descripcio a:hover {
    color: #fff;
    text-decoration: none;
  }

  .bloc-novetats3pf-boxes .activitat-boxes-destacada {
    width: 100%;
  }

  #bloc-noticies-boxesA .cap-novetats-destacades {
    width: 100%;
  }

  .bloc-noticies-boxesA .cap-novetats-destacades {
    width: 100%;
  }

  .bloc-novetats3pf-boxes .activitat-box {
    margin-bottom: 1em;
  }

  .bloc-novetats3pf-boxes {
    padding: 0 2em;
  }

  .bloc-novetats3pf-boxes .activitat-box-titol .header-3 {
    font-size: 1.5em;
  }

  .bloc-novetats3pf-boxes .date {
    font-size: 1.1em;
  }

  .bloc-novetats3pf-boxes .descripcio {
    font-size: 1em;
    text-align: justify;
  }

  .bloc-novetats3pf-boxes .descripcio a, .bloc-novetats3pf-boxes .descripcio a:hover {
    color: #fff;
    text-decoration: none;
  }

  img.img-novetat-der {
    width: 100%
  }

  .resum-novetat-izq {
    width: 55%;
    margin-right: 4%
  }

  .resum-novetat-der {
    width: 40%
  }

  .novetat-box-info-der {
    margin: 0
  }

  .UVNoticies-header {
    width: 100%;
  }

  #bloc-galeriaImatges .cap-galeriaImatges {
    width: 100%;
  }

  #slider-segons-largo .overview .panel-foto .txt {
    top: 55px;
    height: 25px;
    font-size: 1em;
  }

  #slider-segons-largo .overview .panel-foto .desc {
    top: 85px;
    height: 25px;
    font-size: 1em;
  }

  #content-persona .persona-dcha {
    float: left;
    text-align: left;
    width: 99%;
  }

  .table2 {
    margin-left: 0em;
    width: 100%;
    float: left;
  }

  .persona-lista-dire {
    width: 100%;
  }

  .galeriaImatgesExt .galeria-boxes.overview li {
    width: 100%;
    height: 100%;
  }

  .galeriaImatgesExt .galeria-boxes.overview li:nth-child(2) {
    margin: 1em 0em;
  }

  .titulacioGraus .columnaTitulacio:nth-child(odd) {
    margin-right: 0.5em;
  }

  .bloc-activitat-boxes .activitat-boxes-destacada .article {
    margin-bottom: 2em;
  }

  .bloc-activitat-boxes .activitat-boxes-destacada {
    width: 100%;
  }

  /*  TPCLlistatActivitatBoxesInterior  768px*/
  .bloc-activitat-boxes-int .activitat-boxes-destacada {
    width: 100%;
  }

  #bloc-noticies-boxesA .cap-novetats-destacades {
    width: 100%;
  }

  .bloc-noticies-boxesA .cap-novetats-destacades {
    width: 100%;
  }

  .bloc-activitat-boxes-int .activitat-box {
    margin-bottom: 1em;
  }

  .bloc-activitat-boxes-int {
    padding: 0 2em;
  }

  .bloc-activitat-boxes-int .activitat-box-titol .header-3 {
    font-size: 1.5em;
  }

  .bloc-activitat-boxes-int .date {
    font-size: 1.1em;
  }

  .bloc-activitat-boxes-int .descripcio {
    font-size: 1em;
    text-align: justify;
  }

  .bloc-activitat-boxes-int .descripcio a, .bloc-activitat-boxes-int .descripcio a:hover {
    color: #fff;
    text-decoration: none;
  }

  /*  FIN TPCLlistatActivitatBoxesInterior  768px*/
  /* TPCNovetatDestacada_AmpladaTotal */
  #bloc-gasetes-ampT .gaseta-recerca {
    margin: 0 0em 4em !important;
    width: 46.5%;
    float: left;
  }

  #bloc-gasetes-ampT .gaseta-recerca:nth-child(2n) {
    margin: 0 0em 4em !important;
    width: 46.5%;
    float: right;
  }

  #bloc-gasetes-ampT .gaseta-recerca:nth-child(3n) {
    margin: 0 0em 4em !important;
  }

  #bloc-noticies-destacades div.notica-destacada {
    width: 45%;
  }

  #bloc-noticies-destacades .notica-destacada:nth-of-type(2n+3) {
    margin-left: 1.8em;
  }

  #bloc-noticies-destacades .box-info-background {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 1) 30%);
    padding-bottom: 0em;
    padding-top: 1.8em;
    height: 6em;
  }

  #bloc-noticies-destacades .categoria-inter {
    top: 64%;
    left: 1em;
  }

  #bloc-noticies-destacades .label-dest-noticia {
    font-size: 0.8em;
  }


  /* Fin TPCNovetatDestacada_AmpladaTotal */
  /* TPCXarxesSocialsAmpladaTotal */
  .social-at {
    margin-left: 0
  }

  /* Fin TPCXarxesSocialsAmpladaTotal */
  #bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(2n) {
    clear: left;
    padding-left: 0.5em;
    padding-right: 0em;
    padding-bottom: 0.5em
  }

  #bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(2n+1) {
    clear: right;
    padding-right: 0.5em;
    padding-left: 0em;
    padding-bottom: 0.5em;
    float: right
  }

  #bloc-noticies-boxesA .resum-noticia-boxes {
    width: 46.5%
  }

  #bloc-noticies-boxesA .resum-noticia-boxes.numPF2 {
    width: 45%;
    height: auto;
  }

  /* TPCVideoHome */
  .mostrar-video iframe.youtube-player {
    height: 386px;
  }

  /* Fin TPCVideoHome */
  #bloc-videoLlistaRepro .llistatRepoVideo {
    width: 100%;
    float: none
  }

  #bloc-videoLlistaRepro .llistatReproduccio {
    width: 100%;
    float: none;
  }

  #bloc-videoLlistaRepro #mycustomscroll {
    height: 18em
  }

  #bloc-videoLlistaRepro .mycustomscroll {
    height: 18em
  }

  .videoN {
    margin-left: 0
  }

  #bloc-agenda-ample-complet .esdeveniment-ample-destacat-modul3 {
    width: auto;
    margin-bottom: 2em
  }

  #bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-imatge::after {
    left: -32px
  }

  #bloc-agenda-ample-complet .agenda-ampla-destacada .esdeveniment-imatge {
    height: 230px
  }

  #bloc-agenda-ample-complet .esdeveniment-ample-ordinari h3 {
    font-size: 1em
  }

  /* Header GrupInvestigador 768px*/
  #cabecera.investigador {
    width: 60em !important
  }

  .head-GrupInvestigador {
  }

  .head-GrupInvestigador-img {
    width: 30%;
  }

  .head-GrupInvestigador-text {
    padding-top: 1.5em;
    width: 50%;
  }

  .head-GrupInvestigador-text span {
    font-size: 1.2em;
  }

  .head-GrupInvestigador-nom {
    width: 80%;
  }

  .head-GrupInvestigador-nom span {
    font-size: 1.2em;
  }

  .head-Projectes-img {
    margin-left: 1%;
  }

  .head-Projectes-logo {
    width: 13%;
    margin-top: 2%;
  }

  .head-Projectes-nom {
  }

  .head-Projectes-nom span {
    font-size: 1.2em;
  }

  .contenido-projecte {
    width: 95%;
  }

  /* Fin Header GrupInvestigador 768px*/
  #slider-gaseta .viewport {
    width: 48.7em
  }

  .video-llistaRepro #slider-gaseta .viewport {
    width: 39em
  }

  .slider-destlink .viewport {
    width: 45em
  }

  #content-total .entry-content .slider-destlink .viewport {
    width: 30em
  }

  #bloc-texto .titol-bloc {
    margin: 0 0.83em
  }

  #bloc-texto {
    width: 100%;
    margin-left: 0
  }

  #bloc-texto .resum-texto-meitat {
    margin: 0 0.83em 1.2em
  }

  #bloc-agenda {
    width: 100%;
    margin-left: 0
  }

  .agenda-caja {
    margin-left: 0.83em
  }

  .destacados-agenda {
    margin-left: 0.83em
  }

  .nou-submenu span.div71 {
    margin-left: 15.5em
  }

  .nou-submenu span.div72 {
    margin-left: 31.5em
  }

  .nou-submenu span.div73 {
    margin-left: 47.3em
  }

  .nou-submenu span.div74 {
    margin-left: 63em
  }

  .nou-submenu span.div75 {
    margin-left: 78.8em
  }

  .nou-submenu span.div76 {
    margin-left: 94.6em
  }

  ul.menu-prim-movil-nou li a {
    font-size: 0.9em;
    padding: 0.2em 0 0 0.5em;
    display: table-cell;
    vertical-align: middle;
    height: 2em;
    color: #edeadf;
  }

  ul.menu-prim-movil li a {
    color: #edeadf;
  }

  ul.menu-prim-movil li a:hover {
    color: #edeadf;
  }

  #bottombar2 .caja-circulo {
    margin: 9em 1em
  }

  .bottombar2 .caja-circulo {
    margin: 9em 1em
  }

  .caja-circulo {
    margin: 1.5em 2em;
  }

  .caja-circulo a {
    color: #013952;
    width: 37px;
    margin-left: 4px;
  }

  .caja-circulo img {
    margin-bottom: 0.5em;
  }

  .perFiles .caja-circulo img {
    width: 90px;
  }

  .titulo-circulo {
    font-size: 1.5em;
    line-height: 1.1em;
  }

  .caja-galeria {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
    margin: 0 1.7em 2em;
    width: 190px;
    float: left;
    overflow: hidden;
  }

  #mycustomscroll {
    margin-left: 0.83em;
    width: auto;
    margin-right: 0.83em;
  }

  .mycustomscroll {
    margin-left: 0.83em;
    width: auto;
    margin-right: 0.83em;
  }

  /*#mycustomscroll_mcontentwrapper{width:100% !important}*/
  .agenda-home {
    float: none;
    width: auto;
    margin-left: 7.3em;
    margin-right: 0.83em;
  }

  #bloc-videos {
    width: auto;
    margin-right: 0.83em;
  }

  #bloc-videos h3 {
    clear: both
  }

  #slider-segons {
    width: auto;
    overflow: visible
  }

  #slider-segons .viewport {
    width: 100%;
  }

  .menu-slider-segons {
    right: auto;
    width: 100%;
    top: -13em;
    z-index: 9999;
    display: none;
    font-size: 0.9em
  }

  .menu-slider-segons ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  }

  .menu-slider-segons ul li {
    border-bottom: medium none !important;
    line-height: normal;
    min-height: 2em;
  }

  .menu-slider-segons ul li a {
    padding: 0;
    color: #013952 !important
  }

  #slider-segons ul.overview {
    width: 100% !important
  }

  #slider-segons .panel-foto img {
    width: 100%
  }

  #slider-segons .viewportLong .panel-foto img {
    width: 100%
  }

  #slider-segons .viewportLong {
    width: 100%
  }

  #sidebar-left {
    width: 100%;
    min-height: initial;
    margin-bottom: 1em;
    text-align: left;
    margin-top: 1em
  }

  .menu-sidebar ul li {
    background: #d8d1b7 none repeat scroll 0 0;
    font-size: 0.9em;
    padding: 0.5em;
  }

  .menu-sidebar {
    margin: 0.83em;
    display: none
  }

  #menu-cuatro-nivel-corto {
    width: 100%
  }

  #content-tres-columnas {
    width: 100%
  }

  .entry-content {
    margin: 0 0 0 1.6em;
  }
  
  #content-total .entry-content {
    margin: 0 0 0 1.6em; /* paginas simples en la app */
	width: calc(100% - 2.3em); /* paginas simples en la app */
  }

  #content-total .entry-content {
    margin: 0 0 0 1.6em; /* paginas simples en la app */
    width: calc(100% - 2.3em); /* paginas simples en la app */
  }

  #content-tres-columnas .entry-content {
    width: auto;
    margin-right: 0.83em;
    float: none;
    clear: both
  }

  #menu-cuatro-nivel {
    width: 100%
  }

  #content .entry-content {
    width: auto;
    margin-right: 0.83em
  }

  .entry-menu-cuatro {
    margin-left: 0;
    width: 100%
  }

  .entry-menu-cuatro ul {
    margin-left: 1.67em;
    margin-right: 0.83em;
    width: calc(100% - 2.5em);
  }

  .titulo-alternatiu {
    width: auto
  }

  .menu-servicios .form-submit {
    background: transparent url(lupa1.png) no-repeat !important;
  }

  .content-agenda {
    width: auto
  }

  .titol-seccio {
    width: auto
  }

  .menu-listado-agenda {
    width: 100%;
    margin-left: 0;
    margin-top: 1em;
    padding: 5px 0
  }

  .lista-eventos {
    width: auto
  }

  /*.form-evento */
  .form-data {
    width: 100%
  }

  .form-submit {
    width: 100%;
    float: none !important;
    margin: 0 !important
  }

  .form-activitat {
    overflow: visible
  }

  #noticia-actualidad {
    width: auto !important
  }

  #noticia {
    float: none;
    width: auto !important
  }

  #titulo-contenido {
    width: 100%;
    margin: 0
  }

  #titulo-contenido h2 {
    margin-left: 0.4em
  }

  .menu-segundos {
    margin: 0;
    width: auto
  }

  .fila-noticia .resum-noticia .resum-noticia {
    border: medium none;
    height: auto
  }

  .resum-noticia {
    min-height: 9em
  }

  .resum-noticia-extensa {
    min-height: 9em;
    margin-right: 0.83em
  }

  .navegador-articles-departament {
    width: auto
  }

  #bloc-noticias {
    width: 100%
  }

  .bloc-noticias {
    width: 100%
  }

  #bloc-noticias2 {
    width: 100%
  }

  span.resum-noticia-extensa {
    display: none
  }

  .resum-noticia-extensa-final {
    margin: 0;
    width: 100%
  }
  
  #content-total #content .entry-content {
    width: auto;
    float: none
  }

  #content-total #content .entry-content {
    width: auto;
    float: none
  }

  #content .entry-content {
    width: auto;
    float: none
  }

  .titulo-evento {
    width: auto !important
  }

  .foto-agenda {
    float: left;
    width: auto
  }


  .titulo-activitat {
    width: auto !important
  }

  .pie-pagina {
    text-align: center
  }

  .logo-pie span {
    width: auto;
    display: block;
    float: none;
    margin-top: 1em;
    margin-bottom: 0.5em;
    position: static;
    margin-left: 0
  }

  .pie-pagina .pie-enlace {
    float: none;
    text-align: center;
    width: auto
  }

  .pie-pagina .pie-dire {
    float: none;
    text-align: center;
    width: auto
  }

  .logo-pie img {
    float: none
  }

  .caja-pie {
    text-align: left;
    margin-left: 2em;
    display: none
  }

  .servicios-pie {
    display: none
  }

  .iconos-pie {
    float: none;
    margin-top: 1em
  }

  .peu-segell {
    position: relative
  }

  .form-activitat .tipos label span {
    width: auto
  }

  /*.llistat-conv .text-borsa {width: auto}*/
  .convocatoria .notes {
    float: none;
    width: auto
  }

  .convocatoria .caja {
    width: auto
  }

  .resum-texto {
    width: 100%
  }

  #slider-gaseta .viewport {
    width: 34.7em;
  }

  #slider-code .viewport {
    width: 23.2em
  }

  #sidebar-left-asignatura {
    margin-left: 0;
    width: 100%
  }

  #sidebar-left-asignatura .menu-sidebar {
    display: block;
    margin-left: 0.8em;
    margin-right: 0.8em
  }

  #sidebar-left-asignatura .menu-sidebar ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0
  }

  /*#content-asignatura {float: none;margin-right: 0.8em;width: auto !important}*/
  /*.info-asignatura{margin-left:0 !important}*/
  .lista-info-asignatura {
    width: auto !important;
    margin-left: 1.6em
  }

  .asignatura span {
    margin-right: 0.5em !important
  }

  .tabla-creditos {
    float: left !important;
    margin-left: 1.6em !important
  }

  .i1 {
    width: 31%
  }

  .i2 {
    width: 31%
  }

  .i3 {
    width: 31%
  }

  .mostrar-video {
    width: 100%
  }

  .mesNovetat {
    margin-top: -3em
  }

  div.mostrar-video embed {
    width: 100%
  }

  .mini-video1 {
    margin-right: 0.3em;
    width: 31%;
    height: auto
  }

  .mini-video2 {
    margin-right: 0.3em;
    margin-left: 0.4em;
    width: 31%;
    height: auto
  }

  .mini-video3 {
    margin-right: 0.2em;
    margin-left: 0.3em;
    width: 31%;
    height: auto
  }

  ul.llistat-1 {
    width: 46%;
    margin-left: 0.83em
  }

  ul.llistat-2 {
    width: 46%
  }

  ul.llistat-3 {
    width: 46%
  }

  ul.llistat-4 {
    width: 46%;
    margin-right: 0.83em
  }

  .pie-pagina .logo-pie {
    margin-right: 0.83em
  }

  .caja-persona-last {
    margin-right: 1.5em
  }

  .caja-home {
    width: auto
  }

  .caja-home2 {
    width: auto
  }


  .persona-dcha {
    margin-left: 1.6em;
    margin-top: 1em;
    width: auto
  }

  .persona-izq {
    margin: auto;
    float: none;
    text-align: center;
    padding: 0 1.6em;
    width: auto
  }

  .persona-dire {
    margin: 0
  }

  /*.caja-persona{margin-right: 5em}*/
  /*
  
  se quita porque todos los menus en el movil salian en blanco
  
  li a.active {
    background-color: transparent !important;
    color: #ffffff !important;
  }
  */
  #slider-principal-largo .slide .txt {
    font-size: 1em;
  }

  #slider-principal-largo .slide .desc {
    font-size: 0.9em
  }

  .info-asignatura {
    border-bottom: 2px solid #dce0e1;
    float: left;
    margin-bottom: 1em;
    margin-left: 1.6em;
    position: relative;
    text-align: left;
    width: 38.7em !important;
  }

  #content-asignatura {
    float: right;
    position: relative;
    width: auto !important; /* antes de uxxi 54.2em !important; */
  }


  #content-asignatura .entry-content {
    width: auto !important; /* antes de uxxi 54.2em !important; */
  }

  #content-asignatura .menu-segundos {
    width: auto !important; /* antes de uxxi 54.2em !important; */
  }

  .tabla-examenes th {
    background: #DCE0E1;
    padding: 3px 0px 4px 5px;
    width: 34em;
  }

  /*Novedad Izquierda*/
  #bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+3) {
    padding-left: 2.5%;
    padding-right: 0em;
    padding-bottom: 0.5em;
  }

  .bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+3) {
    padding-left: 4em;
    padding-right: 3em;
    padding-bottom: 0.5em;
  }

  /*Novedad Derecha*/
  #bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+4) {
    padding-right: 2.5%;
    padding-bottom: 0.5em;
    padding-left: 0em;
  }

  .bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+4) {
    padding-left: 0;
    padding-right: 0;
    clear: none;
    padding-bottom: 0.5em;
    float: none;
    margin: 0 auto 0 auto;
  }

  /*Novedad Izquierda*/
  #bloc-noticias2 div.resum-noticia-boxes:nth-of-type(2n+2) {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    clear: none;
    margin: 0 auto 0 auto;
    float: none;
  }

  /*Novedad Derecha*/
  #bloc-noticias2 div.resum-noticia-boxes:nth-of-type(2n+3) {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    clear: none;
    margin: 0 auto 0 auto;
    float: none;
  }

  .notica-dest-uvnoticies:nth-of-type(2n+1) {
    margin-left: 0.86em;
    margin-right: 0px;
    clear: left;
  }

  .notica-dest-uvnoticies:nth-of-type(2n) {
    margin-left: 1em;
  }

  .notica-dest-uvnoticies {
    width: calc(50% - 1.3em);
    height: auto;

  }

  .candidat {
    width: calc(31% - 1em)
  }

  .candidat2 {
    width: calc(31% - 1em)
  }

  .candidat-links {
    width: calc(50% - 1em);
  }

  .candidat:nth-of-type(3n) {
    margin-left: 0.83em
  }

  .bloc-escrutini .candidat-links:nth-child(odd) {
    margin-left: 0em;
    margin-right: 0.5em;
  }

  .bloc-escrutini .candidat-links:nth-child(even) {
    margin-left: 0.5em;
    margin-right: 0em;
  }


  .categoria-inter {
    top: 1.5em;
    left: 1em;
  }

  .notica-dest-uvnoticies:nth-of-type(3n) {
    clear: none;
  }

  .notica-dest-uvnoticies:nth-of-type(3n+4) {

    margin-right: 0em;
  }


  li.esport {
    width: 14.9em;
  }

  #pre-cabecera {
    height: 0em;
  }

  .menu-servicios-nou {
    /*top: 24.5em;*/
    top: 20.5em;
    z-index: 999999;
    position: absolute;
    display: none;
    width: 100%;
    height: auto;
  }

  .no-banda .menu-servicios-nou {
    top: 0em;
    display: block;
    right: 1em;
    width: auto;
  }


  .menu-perfiles-nou {
    top: 24em;
    z-index: 999999;
    position: absolute;
    display: none;
    width: 100%
  }

  .menu-perfiles-nou ul li:first-child {
    margin-left: 0.2em;
  }

  .menu-servicios-nou ul {
    margin: 0;
    list-style: outside none none;
    height: auto;
  }

  /*Reponsive ficha personas 740px*/
  .entry-content #content-persona {
    /*margin: 0.1em -1em 1.0em 8.55em;
		padding-top: 0.2em;
		width: 100%;*/
  }

  .caja-fitxa-persona {

    width: 30%;
    display: inline-block;
    padding-bottom: 1.5em;
    vertical-align: top;

  }

  .caja-foto-persona {
    width: 115px;
    /*height: 160px;*/
    overflow: hidden;
    border: 1px solid #f2f2f2;

  }

  .caja-fitxa-persona .nombre-persona a {
    font-family: "Humanist777-Bold", Arial;
    font-size: 1.0em;
    line-height: 1.2em;
    color: #333;
  }

  .caja-fitxa-persona .cargo-persona {
    font-family: "Humanist777-Bold", Arial;
    font-size: 1.0em;
    line-height: 1.2em;
    color: #666;
    margin-top: 0.5em;
    margin-bottom: 1em;
  }

  /*Margenes caja persona 3 por linea*/
  div.caja-fitxa-persona:nth-of-type(3n+2) {
    margin: 0em 4% 0em 4%;
  }

  div.caja-fitxa-persona:nth-of-type(3n+3) {
    margin: 0em 0em 0em 0em;
  }

  div.caja-fitxa-persona:nth-of-type(3n+1) {
    margin: 0em 0em 0em 0em;
  }

  /**********************/
  .rogles-ca .caja-circulo {
    margin: 2em 1em 0em !important;
    width: 90px;
  }

  .rogles-ca .titulo-circulo {
    font-size: 1.4em;
  }

  /* Esports Home Iconos */
  .caja-logo-esport {
    width: 100px !important;
  }

  .bloc-cercles .cap-text-cercles-titol-esports {
    margin-left: 1em;
  }

  .titulo-imatgeQ-call {
    top: 23%;
    font-size: 3em;
  }

  .desc-imatgeQ-call {
    top: 64%;
  }

}

@media (max-width: 722px) {
  /*  CSEObtindreCatalegPatrimoniManualHome 722px */
  .cataleg .cataleg-llista .cataleg-item-manual {
    width: 89.5%;
  }

  .cataleg .cataleg-llista .cataleg-item-manual .cataleg-cap-manual .cataleg-img-manual {
    height: 175px;
  }

  /*  Fin CSEObtindreCatalegPatrimoniManualHome 722px */
}

@media (max-width: 600px) {


  .newsletteruvempren {
    background-image: url('https://www.uv.es/uvempren/img/FONDO_NEWSLETTER-resize.jpg') !important;
  }


  /*  CSEObtindreCatalegPatrimoniManualHome 600px */
  .cataleg .cataleg-llista .cataleg-item-manual {
    width: 88.5%;
  }

  /*  Fin CSEObtindreCatalegPatrimoniManualHome 600px */
  /*.entry-content #content-persona {
    margin: 0.1em -1em 1.0em 8.55em;
    padding-top: 0.2em;
    width: 41.5em;
}*/
  #bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+3) {
    /*padding-left: 0em;
		padding-right: 0em;
		padding-bottom: 0.5em;
		clear: none;
		margin: 0 auto 0 auto;
		float: none;*/
    width: 46.5%;
  }

  #bloc-noticias div.resum-noticia-boxes:nth-of-type(2n+4) {
    /*padding-right: 0em;
		padding-bottom: 0.5em;
		padding-left: 0em;
		clear: none;
		margin: 0 auto 0 auto;
		float: none;*/
    width: 46.5%;
  }

  .slider .slide img {
    max-width: 150% !important;
  }
  
  
  .spotdesktop{display:none}
  img.spotmobil{display:block !important; max-width:100% !important}

  /*.entry-content #content-persona {
    margin: 0.1em -1em 1.0em 1.85em;
    padding-top: 0.2em;
    width: 41.5em;
}*/
  .banner-home-item:nth-of-type(2n) {
    float: none
  }


  #bloc-noticies-boxesA div.resum-noticia-boxes {
    width: 100%;
  }

  #bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(2n) {
    margin: 0 0 2em 0;
    padding: 0
  }

  #bloc-noticies-boxesA div.resum-noticia-boxes:nth-of-type(2n+1) {
    margin: 0 0 2em 0;
    padding: 0
  }


  /* TPCNovetatDestacada_AmpladaTotal */
  #bloc-noticies-destacades div.notica-destacada {
    width: 100%;
  }

  #bloc-noticies-destacades div.notica-destacada:nth-of-type(2n+2) {
    margin: 0 0 2em 0;
  }

  #bloc-noticies-destacades div.notica-destacada:nth-of-type(2n+3) {
    margin: 0 0 2em 0;
  }

  #bloc-noticies-destacades .box-info-background {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 1) 30%);
    padding-bottom: 0em;
    padding-top: 1.8em;
    height: 6em;
  }

  #bloc-noticies-destacades .categoria-inter {
    top: 40%;
    left: 1em;
  }

  #bloc-noticies-destacades .titol-noticia-destacada {
    padding: 0 0.5em;
    margin: 0 0.6em;
    font-size: 1.0em;
    overflow: hidden;
    line-height: normal;
    /* white-space: nowrap; */
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #fff;
    font-family: "Lato", sans-serif;
  }


  /* Fin TPCNovetatDestacada_AmpladaTotal */
  /* Header GrupInvestigador 600px*/
  .head-GrupInvestigador-img {
    width: 30%;
  }

  .head-GrupInvestigador-text {
    padding-top: 2em;
    width: 35%;
  }

  .head-GrupInvestigador-text span {
    font-size: 1em;
  }

  .head-GrupInvestigador-nom {
    width: 70%;
  }

  .head-GrupInvestigador-nom span {
    font-size: 1em;
  }

  .head-Projectes-img {
    margin-top: 3%;
  }

  .head-Projectes-logo {
    margin-top: 5%;
  }

  .head-Projectes-nom {
    margin-top: 6%;
  }

  /* Fin Header GrupInvestigador 600px*/
  .box-info-background {
    padding-left: 0.0em;
    position: absolute;
    bottom: -1px;
    margin: 0px;
    padding-bottom: 0.2em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 50%);
  }

  .banner-home-item:nth-of-type(2n) {
    margin-left: auto
  }

  .banner-home {
    text-align: center !important
  }

  .notica-dest-uvnoticies:nth-of-type(2n+1) {
    margin-left: 1em;
    margin-right: 1em;
  }

  .notica-dest-uvnoticies:nth-of-type(2n) {
    margin-left: 1em;
    margin-right: 1em;
  }

  .notica-dest-uvnoticies {
    width: calc(100% - 2em);
    height: 100%;
  }

  .candidat {
    width: calc(100% - 2em);
  }

  .candidat2 {
    width: calc(100% - 2em);
  }

  .candidat:nth-of-type(3n+4) {
    margin: 2em 0 2em 0
  }

  .componente50 {
    width: 100%
  }


  .categoria-inter {
    top: 1.5em;
    left: 1em;
  }

  /*.notica-dest-uvnoticies:nth-of-type(3n) {
    clear: none;
}*/
  #bloc-gasetes-ampT {
    padding: 0em 1em;
  }

  #bloc-gasetes-ampT .gaseta-recerca {
    width: 100%;
  }

  #bloc-gasetes-ampT .gaseta-recerca:nth-child(2n) {
    width: 100%;
    float: left;
  }

  .gaseta-recerca {
    margin: 0 0em 4em !important;
  }

  .gasetas-recerca .n2 {
    margin: 0em;
  }


  /* Esports Home Iconos */
  .caja-logo-esport {
    width: 145px !important;
  }

  .bloc-cercles .cap-text-cercles-titol-esports {
    margin-left: 1em;
  }


}

@media (max-width: 540px) {

  .textLliurePlegat .content-caja-regular-shadow-color .titulo-area-caja-color {
    width: 83%;
  }

  ul.llistat-1 {
    width: 96%
  }

  ul.llistat-2 {
    width: 96%
  }

  ul.llistat-3 {
    width: 96%
  }

  ul.llistat-4 {
    width: 96%
  }

  .mesNovetat {
    margin-top: -3em
  }

  .banner-sidebar {
    float: none;
    width: auto
  }

  .agenda-home2 {
    margin: 0.7em 0.9em 0 8.15em;
    width: auto;
    float: none
  }

  #slider-gaseta .viewport {
    width: 17.7em;
  }

  .video-llistaRepro #slider-gaseta .viewport {
    width: 19em
  }

  .slider-destlink .viewport {
    width: 30em
  }


  .info-oct-list-item {
    width: calc(((100% - 70px) / 4) * 3);
  }

  .actions-oct-list-item {
    width: calc(((100% - 70px) / 4));
  }

  #slider-segons-largo .overview .panel-foto .txt {
    top: 20%; /* #24014 (antes estaba a 34%)*/
  }


  #slider-segons-largo .overview .panel-foto .desc {
    top: 60%; /* #24014 */

  }

  ul.menu-prim-movil-nou {
    margin: 9em 0.5em 3em;
  }

  #bloc-noticies-boxesA .resum-noticia-boxes.numPF2 {
    width: 100%;
    height: auto;
  }

  #cabecera {
    background: #082b3e url(fons-capseleranew-responsive.png) repeat-x;
    color: #ccc;
    height: 80px;
  }

  #wrap {
    background: #fff url(arena/fondo-responsive.jpg) center top repeat-x;
    color: #292a25;
  }

  .slider .slide img {
    max-width: 200% !important;
  }

  .menu-perfiles-nou {
    top: 21.5em;
  }

  .menu-servicios-nou {
    /*top: 16.5em;*/
    top: 13.5em;
  }

  #slider-segons-largo .overview .panel-foto {
    position: relative;
    height: auto; /*60px*/
    text-align: left;
    width: 100%;
  }

  .slider-container .titol {
    font-size: 1.9vw;
  }


  .candidat-links {
    width: calc(100% - 1em);
  }


  .bloc-escrutini .candidat-links:nth-child(odd) {
    margin-left: 0em;
    margin-right: 0em;
  }

  .bloc-escrutini .candidat-links:nth-child(even) {
    margin-left: 0em;
    margin-right: 0em;
  }

  /* Header GrupInvestigador 540px*/
  #cabecera.investigador {
    height: 135px !important;
    width: 60em !important
  }

  .head-GrupInvestigador-text {
    padding-top: 1.5em;
    width: 35%;
  }

  .head-GrupInvestigador-text span {
    font-size: 0.9em;
  }

  .head-GrupInvestigador-nom {
    width: 50%;
  }

  .head-GrupInvestigador-nom span {
    font-size: 0.9em;
  }

  .head-Projectes-nom div {
    font-size: 0.8em;
  }

  .head-Projectes-img {
    margin-top: -1%;
  }

  .head-Projectes-logo {
    margin-top: 1%;
  }

  .head-Projectes-nom {
    margin-top: 4.5%;
  }

  /* Fin Header GrupInvestigador 540px*/
  .agenda-ampla-ordinaria .esdeveniment-imatge {
    max-height: 180px
  }


  #content-persona .persona-dcha {
    float: left;
    text-align: left;
    width: 92%;
  }

  /*Reponsive ficha personas 540px*/
  /*.entry-content #content-persona {
		margin: 0.1em -1em 1.0em -0.15em;
		padding-top: 0.2em;
		width: 100%;
	}*/
  .caja-fitxa-persona {

    width: 25%;
    display: inline-block;
    padding-bottom: 1.5em;
    vertical-align: top;

  }

  table.listable td {

    padding: 7px 6px 7px;

  }

  .listable tbody td:nth-child(2) {

    width: 45%;

  }

  .social-at a:first-of-type {
    margin-left: 2em;
  }

  .header-darreres-noticies-item {
    width: 80%
  }

  .inter-bloc-uvnews .header-darreres-noticies-item:nth-child(2) {
    width: 20%
  }

  .bottombar2 .caja-circulo {
    margin: 3.5em 1em;
  }


  .caja-foto-persona {
    width: 100%;
    /*height: 160px;*/
    overflow: hidden;
    border: 1px solid #f2f2f2;

  }

  .caja-fitxa-persona .nombre-persona a {
    font-family: "Humanist777-Bold", Arial;
    font-size: 1.0em;
    line-height: 1.2em;
    color: #333;
  }

  .caja-fitxa-persona .cargo-persona {
    font-family: "Humanist777-Bold", Arial;
    font-size: 1.0em;
    line-height: 1.2em;
    color: #666;
    margin-top: 0.5em;
    margin-bottom: 1em;
  }

  /*Margenes caja persona 3 por linea*/
  div.caja-fitxa-persona:nth-of-type(3n+2) {
    margin: 0em 7.5% 0em 7.5%;
  }

  div.caja-fitxa-persona:nth-of-type(3n+3) {
    margin: 0em 0em 0em 0em;
  }

  div.caja-fitxa-persona:nth-of-type(3n+1) {
    margin: 0em 0em 0em 0em;
  }

  /**********************/
  .resum-2novetat-boxes {
    width: 100%;
  }

  .resum-3novetat-boxes {
    width: 100%;
  }

  .resum-4novetat-boxes {
    width: 100%;
  }

  #bloc-noticies-boxesA .entrevista-nova {
    width: 100%
  }

  #bloc-noticies-boxesA div.entrevista-nova:nth-of-type(3n) {
    margin-left: 0em;
    margin-right: 0em
  }


  #bloc-noticies-boxesA div.resum-3novetat-boxes:nth-of-type(3n) {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.5em;
  }

  #bloc-noticies-boxesA div.resum-4novetat-boxes:nth-of-type(4n-1) {
    padding-left: 0
  }

  #bloc-noticies-boxesA div.resum-4novetat-boxes:nth-of-type(4n) {
    padding-left: 0;
    padding-right: 0
  }

  #bloc-noticies-boxesA div.resum-2novetat-boxes:nth-of-type(2n+1) {
    padding-left: 0
  }

  .novetat-box-clock {
    width: 100%
  }

  .cataleg {
    text-align: center
  }

  .cataleg .cataleg-llista .cataleg-item-elec {
    float: none
  }

  .cataleg .cataleg-llista {
    margin: 0;
    width: auto
  }

  .titulo-elec {
    font-size: 0.9em;
    clear: both;
    display: block;
    width: auto;
    text-align: center;
  }

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

  .rogles-ca .titulo-circulo {
    font-size: 0.8em
  }

  .rogles-ca .caja-circulo img {
    width: 37px;
  }

  .rogles-ca .caja-circulo {
    width: 37px;
  }

  /* Esports Home Iconos */
  .caja-logo-esport {
    /*width:130px !important;*/
    width: 49px !important;
  }

  .bloc-cercles .cap-text-cercles-titol-esports {
    margin-left: 1em;
  }

  .titulo-imatgeQ-call {
    top: 34%;
    font-size: 3em;
  }

  .desc-imatgeQ-call {
    top: 67%;
  }
}

@media (max-width: 430px) {
  .slider-destlink .viewport {
    width: 25em
  }

  .slider-destlink .gaseta-boxes-destacat li {
    width: 154px
  }
}

@media (max-width: 976px) {
  #menu-segundos ul.menu-prim-movil-nou {
    display: none;
  }

  #bloc-videoLlistaRepro .llistatReproduccio {
    margin-top: 0px;
  }
}

@media (max-width: 768px) {
  .UVNoticies-header {
    width: 100%;
  }

  /* TPLActivitat 768px */
  #content.content-activitat {
    padding: 0 1em;
    margin-bottom: 2em;
  }

  #sidebar.sidebar-activitat {
    padding: 0 1em;
  }

  /*FIN TPLActivitat 768px */
  #bloc-videoLlistaRepro .llistatReproduccio {
    margin-top: 1.5em;
  }

  #bloc-videoLlistaRepro #selector-lista {
    width: 100%;
    margin: 0px 0px 1.5em 0em;
    height: 2em;
  }

  .head-Projectes-nom div {
    margin-right: 1em;
  }
}


@media (max-width: 360px) {

  /*  CSEObtindreCatalegPatrimoniManualHome 360px */
  .cataleg .cataleg-llista .cataleg-item-manual {
    width: 83%;
  }

  .cataleg .cataleg-llista .cataleg-item-manual .cataleg-cap-manual .cataleg-img-manual {
    height: 150px;
  }

  /*  Fin CSEObtindreCatalegPatrimoniManualHome 360px */
  /* Header GrupInvestigador 360px*/
  .head-Projectes-img {
    margin-left: 1%;
    margin-top: 3px;
  }

  .head-Projectes-logo {
    margin-top: 4%;
  }

  .head-Projectes-nom {
    margin-top: 5%;
  }

  /* Fin Header GrupInvestigador 360px*/
  .logo-pie img {

    max-width: 80%;
    float: none;
  }

  .caja-lista-foto-persona {
    width: 62px;
    /* height: 160px; */
    overflow: hidden;
  }

  .persona-lista-dire {
    padding: 0.5em 0;
    margin-left: 0em;
    text-align: center;
    width: 117px;
  }

  .notica-dest-uvnoticies:nth-of-type(n+1) {
    clear: none;

  }

  /*Reponsive ficha personas 360px*/
  /*.entry-content #content-persona {
		margin: 0.1em -1em 1.0em -0.15em;
		padding-top: 0.2em;
		width: 100%;
	}*/
  .caja-fitxa-persona {

    width: 27.5%;
    display: inline-block;
    padding-bottom: 1.5em;
    vertical-align: top;

  }

  table.listable {
    margin-bottom: 2.0em;
    margin-left: -3%;
    width: 100%;
  }

  table.listable td {

    padding: 5px 3px 10px;

  }

  .listable tbody td .nombre-persona p {

    font-size: 0.9em;
    padding-bottom: 8px;
  }

  .listable tbody td .nombre-persona a {

    font-size: 0.9em;

  }

  .listable tbody td .cargo-persona {

    font-size: 0.9em;


  }

  .listable tbody td .persona-lista-dire {

    font-size: 0.9em;


  }

  .listable tbody td:nth-child(2) {

    width: 45%;

  }

  .caja-foto-persona {
    width: 100%;
    /*height: 160px;*/
    overflow: hidden;
    border: 1px solid #f2f2f2;

  }

}

/* Directori xarxes socials */
.lnkFacebook:hover span {
  color: #1877f2;
}

.lnkTwitter:hover span {
  color: #1da1f2;
}

.lnkYoutube:hover span {
  color: #ff0000;
}

.lnkInstagram:hover span {
  color: #c32aa3;
}

.lnkPinterest:hover span {
  color: #bd081c;
}

.lnkLinkedin:hover span {
  color: #007bb5;
}

.lnkWhatsapp:hover span {
  color: #25d366;
}

.lnkTelegram:hover span {
  color: #0088cc;
}

.lnkBluesky:hover span {
  color: #1085fe;
}

.lnkTikTok:hover span {
  color: #000;
}

/* Directori xarxes socials */

/* Estilos Bootstrap */


/* List Group */
.list-group {
  margin-bottom: 0px;
  padding-left: 0;
}


/***********PREMSA INTERIOR************/
.premsa-interior .list-group-item {
  position: relative;
  display: block;
  padding: 20px 15px;
  margin-bottom: -1px;
  margin-left: 20px;
  background-color: #ffffff;
  border: 0px solid #dddddd;
}

.premsa-interior a.list-group-item:hover,
.premsa-interior button.list-group-item:hover,
.premsa-interior a.list-group-item:focus,
.premsa-interior button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #fafafa;
}

.premsa-interior .list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  margin-top: 20px;
}

.premsa-interior .list-group-item:last-child {
  margin-bottom: 20px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.premsa-interior .list-group-item:nth-child(odd) {
  background-color: #F2F2F2;
}

/********************************/

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;

}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

/* Grid System */

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.row {
  margin-left: -15px;
  margin-right: -15px;

}

.row div {
  box-sizing: border-box;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }
  
  .col-md-2-odd {
    width: 13.66666667%;
  }
  
  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.btn-ghost {
  color: #ffffff;
  border: 2px solid #fff;
  padding: 7px 12px;
  border-radius: 4px;
  font-size: 1.4em;
  text-transform: uppercase;
  transition: .3s all;
  /*margin: 6px 0;*/
  display: inline-block;
  text-decoration: none;
  min-width: 120px;
  font-weight: 700;
}

.bloc-call-action2C .btn-ghost {
  color: #333;
  border: 2px solid #666
}

.bloc-call-action2C .fons-blanc .btn-ghost {
  color: #fff;
  border: 2px solid #fff
}

.bloc-call-action2C .btn-ghost-landing {
  border: 1px solid #666 !important;
}

.fons-negre .btn-ghost {
  color: #000;
  border: 2px solid #000;
  background: rgba(0, 0, 0, 0.05)
}

.bloc-call-action2C .fons-blanc .btn-ghost:hover {
  color: #333
}


.btn-ghost:hover, .btn-ghost:active {
  color: #333;
  background: #fff;
  text-decoration: none;
}

.btn-ghost-landing:hover, .btn-ghost-landing:active {
  color: #fff;
  background: #666 !important;
  text-decoration: none;
}

.btn-default {
  border-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

a.ghost-btn-blanc, button.ghost-btn-blanc {
  color: #ffffff;
  border: 1px solid #fff;
  padding: 7px 12px;
  border-radius: 4px;
  font-size: 1.4em;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  transition: .3s all;
  display: inline-block;
  background-color: black;
  text-decoration: none;
  min-width: 120px;
  font-weight: 500;
}

a.ghost-btn-blanc:hover, button.ghost-btn-blanc:hover {
  color: #333;
  background: #fff;
  text-decoration: none;
}

a.ghost-btn-negre, button.ghost-btn-negre {
  color: #000;
  border: 1px solid #000;
  padding: 7px 12px;
  border-radius: 4px;
  font-size: 1.4em;
  text-transform: uppercase;
  transition: .3s all;
  cursor: pointer;
  background-color: white;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  min-width: 120px;
  font-weight: 500;
}

a.ghost-btn-negre:hover, button.ghost-btn-negre:hover {
  color: #fff;
  background: #000;
  text-decoration: none;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  cursor: pointer;
  font-size: 1.4em;
  color: #495057;  
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  /*color: #0a58ca;*/
  color: #495057;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-color: #dee2e6 #dee2e6 #dee2e6;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  /*border-color: #e9ecef #e9ecef #dee2e6;*/
  isolation: isolate;
  border-color: #e9ecef #e9ecef #fff;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

/*UWM Reset*/
.nav-tabs .nav-item {
	background: none !important;
	padding: 0;
}

/* Fin Estilos Bootstrap  */

/* CSELlistatOCTCOVID - Numeración de páginas */

.oct-pag a .p-activitat-oct {
  display: inline-block;
  margin: 5px 0 0em;
  background-color: #e8e8e8;
  border-radius: 100%;
  padding: 0.3em;
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.8em;
  text-align: center;
  transition: 0.1s all;
}

.oct-pag .p-activitat-oct {
  display: inline-block;
  margin: 5px 0 0em;
  background-color: #c1c1c1;
  border-radius: 100%;
  padding: 0.3em;
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.8em;
  text-align: center;
  transition: 0.1s all;
  color: #1f1f1f;
}

.oct-pag-tit {
  display: list-item;
  list-style: none;
  border-bottom: 2px solid;
  padding-bottom: 0.2em;
  list-style-position: inside;
}

.oct-pag a .p-activitat-oct:hover {
  color: white !important;
  text-decoration: underline !important;
  background-color: #333;
}

.oct-pag .p-anterior {
  margin: 1em 0 1.67em;
  padding: 0.2em 0 0 1.25em;
}

.oct-pag {
  margin-bottom: 4em;
}

.oct-seguent {
  float: right;
  display: inline;
  margin: 1em 1px 1.67em;
}

.oct-seguent:hover {
  text-decoration: underline;
}

.oct-seguent .fa {
  margin-left: 0.5em !important;
}

.oct-anterior {
  float: left;
  display: inline;
  margin: 1em 1px 1.67em;
}

.oct-anterior:hover {
  text-decoration: underline;
}

.oct-anterior .fa {
  margin-right: 0.5em !important;
}

.oct-anterior, .oct-seguent {
  color: #1f1f1f;
}

.oct-anterior .fa, .oct-seguent .fa {
  color: #1f1f1f;
}

/* FIN: CSELlistatOCTCOVID - Numeración de páginas */

/*Tamaño detalle video uvdocencia*/

@media (min-width: 768px) {
  .col-sm-4.uvdocencia {
    min-height: 9.4em;
  }
}

@media (min-width: 1021px) {
  .col-sm-4.uvdocencia {
    min-height: 13.5em;
  }
}

@media (min-width: 1211px) {
  .col-sm-4.uvdocencia {
    min-height: 17.1em;
  }
}

/* Home UVDocencia consulta de apartados */
.logoArea-color-uvdoc {
  background: #f2ddcc;
  padding: 5px;
  display: inline-block;
  border-radius: .25em 0 0 .25em;
}

.logoArea-color-a1-uvdoc {
  background: #f2ddcc !important;
}

.logoArea-color-a2-uvdoc {
  background: #efd5e0 !important;
}

.logoArea-color-a3-uvdoc {
  background: #f9f9d3 !important;
}

.logoArea-color-a4-uvdoc {
  background: #dbf5ef !important;
}

.logoArea-color-a5-uvdoc {
  background: #eee5fa !important;
}

.logoArea-color-a6-uvdoc {
  background: #cce1f2 !important;
}

/* Caja para los textos libres de los apartados */
.caja-txt-uvdoc {
  text-align: justify;
  padding: 1em 1em 1em 1em;
  border-radius: 0.25em;
  box-shadow: rgb(0 0 0 / 10%) 1px 0px 2px 0px;
  font-size: 1.2em;
}

.caja-txt-uvdoc p {
  padding-bottom: 1em;
}

.caja-txt-uvdoc img {
  width: 100%;
}

.titulo-txt-uvdoc {
  font-family: Raleway;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  display: inline-block;
  padding: 15px 15px 15px 0;
  vertical-align: top;
}

.scroll-txt-uvdoc {
  margin: 0;
  padding-right: 5px;
  height: 475px;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-txt-uvdoc::-webkit-scrollbar {
  width: 10px;
}

.scroll-txt-uvdoc::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-txt-uvdoc::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

/*FIN: CSEObtindreRecursosUVDocenciaInteriorOmbra - Tamaño detalle video uvdocencia*/

/* Home UVDocencia Buscador */
.uvdocencia-buscador .desplegado {
  text-align: left;
}

.uvdocencia-buscador .desplegado_bloque {
  width: 94%;
}

.primeros-checks-buscador-uvdocencia {
  padding-bottom: 0 !important;
}

.ultimo-check-buscador-uvdocencia {
  padding-bottom: 0.9em !important;
}

.uvdocencia-buscador .menu-caja-nivel-2, .menu-caja-nivel-0 {
  list-style: none;
}

.padres-buscador-uvdocencia {
  display: inline-block;
  width: 17px;
}

.content-buscador-uvdocencia {
  margin-left: 1em;
  display: none;
}

.letra1-buscador-uvdocencia {
  font-size: 1.3em !important;
}

.letra2-buscador-uvdocencia {
  font-size: 1.2em !important;
}

.letra3-buscador-uvdocencia {
  font-size: 1.1em !important;
}

.letra4-buscador-uvdocencia {
  font-size: 1em !important;
}

.letra5-buscador-uvdocencia {
  font-size: 0.9em !important;
}

.letra6-buscador-uvdocencia {
  font-size: 0.8em !important;
}

/* FIN: CSE_UV_Doc_CercadorHome - Home UVDocencia Buscador */


/*********************************************************************************/
/******************************** FORMACIO IDIOMES *******************************/
/*********************************************************************************/

.formacio-idiomes-div {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  text-align: justify;
  float: left;
  width: 49%;
  margin: 1em 0em;
}

.formacio-idiomes-geo {
  float: left;
  width: 37%;
  margin-bottom: 1em;
}

.formacio-idiomes-geo-mapa {
  float: left;
  width: 63%;
  margin-bottom: 1em;
}

.formacio-idiomes-geo p {
  padding-bottom: 0.2em;
  font-size: 1em;
  font-family: 'Lato', serif;
}

.formacio-idiomes-geo-mapa #mapManual {
  height: 22em !important;
}

.formacio-idiomes-div-izq {
  width: 35%;
  margin-right: 2%;
}

.formacio-idiomes-div-der {
  width: 63%;
}

.formacio-idiomes-div-largo {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin: 1em 0em;
}

.formacio-idiomes-div-imagen {
  margin: 2.3em 1em 1.67em 0;
  width: 100%;
}

.formacio-idiomes-div-imagen img {
  width: 100%;
  margin: 0 !important;
}

.formacio-idiomes-div-mapa {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  text-align: justify;
}

.formacio-idiomes-div p {
  font-family: 'Lato', serif;
  font-size: 1em;
  text-align: justify;
}

.formacio-idiomes-div-largo p {
  font-family: 'Lato', serif;
  font-size: 1em;
  /*text-align: justify;*/ /*Accesibilidad*/
}

.fi-lista-inscr {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 2em 0 3em;
  gap: 3em 0;
}

.entry-content ul.fi-lista-inscr li {
  background: none
}

.entry-content .btn-fi-inscr {
  color: #333;
  border: 1.5px solid;
  padding: 10px;
  border-radius: 25px;
}

.entry-content .btn-fi-inscr:hover {
  background: #333;
  border: 1.5px solid #333;
  color: #fff;
}

.formacio-idiomes-inscr {
  /*color: #333;
  font-size: 2em;
  border: 1.5px solid;
  padding: 10px;
  border-radius: 25px;
  text-transform: uppercase;
  width: fit-content;*/

  font-family: 'Lato';
  font-weight: bold;
  color: #FFF;
  font-size: 1.5em;
  display: inline-block;
  background-color: #6c727f;
  text-transform: uppercase;
  width: 150px;
  text-align: center;
  padding: 16px 16px 0px 16px;
  border-radius: 3px;
  height: 42px;

  transition: 0.4s;
  position: relative;
}

.formacio-idiomes-inscr:hover {
  /*background: #333;
  border: 1.5px solid #333;
  color: #fff;*/

  text-decoration: none;
  color: #fff
}

.formacio-idiomes-literales {
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  text-align: right;
  width: 47%;
  display: inline-block;
  padding-right: 1em;
  font-weight: 700;
  margin-right: 1em;
  vertical-align: top;
}

.formacio-idiomes-literales-der {
  width: 37%;
}

.formacio-idiomes-literales-largo {
  margin-bottom: 0.5em;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-left: 0.5em;
  font-weight: 700;
  margin-right: 1em;
  width: 17.5%;
  text-align: left;
}

.formacio-idiomes-div-largo p {
  padding-left: 0.5em;
}

.formacio-idiomes-info {
  text-align: left;
}

.formacio-idiomes-info2 {
  display: inline-block;
  width: 42%;
}

.formacio-idiomes-info2-der {
  display: inline-block;
  width: 56%;
}

.formacio-idiomes-info2 ul,
.formacio-idiomes-info2-der ul {
  list-style: none;
}

.formacio-idiomes-info2 ul li,
.formacio-idiomes-info2-der ul li {
  background: #fff url(boton-flecha-r.gif) left 0.86em no-repeat;
  padding: 3px 0 3px 1.25em;
}

.fi-info1-primera {
  width: 16.5%
}

.fi-info2-primera {
  width: 79%
}

.formacio-idiomes-div-mapa p {
  padding-left: 0.5em;
}

.formacio-idiomes-lugar {
  max-width: none !important;
}

.img-novetatOmbra-fi {
  margin: 0 !important;
}

#content-tres-columnas .entry-content img.img-novetatOmbra, #content .entry-content img.img-novetatOmbra-fi {
  max-height: none;
}

@media (max-width: 1212px) {
  .formacio-idiomes-div {
    width: 100%;
  }

  .formacio-idiomes-literales {
    width: 37%;
  }

  .formacio-idiomes-info2,
  .formacio-idiomes-info2-der,
  .fi-info2-primera {
    width: 55%;
  }

  .formacio-idiomes-literales-largo {
    width: 38%;
  }
}

@media (max-width: 1024px) {
  .descripcio-fi {
    margin-top: 0em !important;
    font-size: 0.78em !important;
  }
}

@media (max-width: 557px) {

  .fi-lista-inscr {
    flex-direction: column;
    align-items: center;

  }

  .formacio-idiomes-div {
    font-size: 1em;
  }

  .formacio-idiomes-div-largo {
    font-size: 1em;
  }

  .formacio-idiomes-inscr {
    font-size: 1em;
  }

  .formacio-idiomes-geo {
    width: 100%;
  }

  .formacio-idiomes-geo p {
    font-size: 0.8em;
  }

  .formacio-idiomes-literales {
    width: 26%;
  }

  .formacio-idiomes-info2,
  .formacio-idiomes-info2-der,
  .fi-info2-primera {
    width: 65%;
  }

  .formacio-idiomes-literales-largo {
    width: 27%;
  }
}

/* CSEObtiendreFormacioIdiomesInterior y CSELlistatFormacioIdiomes*/
.descripcio-fi {
  margin-top: 0.5em;
  clear: both;
}

.descripcio-fi-info {
  padding: 0 !important;
}

.listado-fi li.item-menu-nivel-2 {
  background: none;
}

.fi-caracter {
  font-family: 'Oswald';
  float: left
}

.fi-tipus {
  font-family: 'Oswald';
  float: left
}

.listado-interior li.item-menu-nivel-2 {
  background: none;
  padding:0
}

@media (max-width: 767px) {
  .cursos-fi {
    font-size: 1.5em;
  }
}

@media (max-width: 394px) {
  .cursos-fi {
    font-size: 1.3em;
  }
}

@media (max-width: 342px) {
  .cursos-fi {
    font-size: 1.1em;
  }
}


/* HOME */
.container-idioma {
  width: 49%;
  float: left;
}

.idioma-f-right {
  float: right !important;
}

.caja-seccion-idioma-cdi {
  margin-bottom: 2em !important;
}

.caja-seccion-idioma-cdi .titulo-area-caja-color {
  padding: 10px;
}

.caja-seccion-idioma-cdi .icon-caja-menu-color {
  padding: 5px;
  margin-top: 10px;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .container-idioma {
    width: 100% !important;
  }
}

.content-cursos-idiomes {
  text-align: center;
  width: 100%;
}

.title-formacio-idioma {
  margin-bottom: 30px;
}

.title-formacio-idioma a {
  width: 100%;
  font-family: 'Oswald';
  font-size: 20px;
  color: #292a25 !important;
  text-transform: uppercase;
  text-decoration: none;
  background: #8bb1bd; /*#a7ccd8;*//*#044885;*/
  padding: 20px 0;
  border-radius: 5px;
  display: inline-block;
  border: none;
  transition: all 0.4s ease 0s;
  background-image: url('https://www.uv.es/uwm/idiomes/valenciano.png');
  background-repeat: no-repeat;
  background-position: top left;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .15) !important;
  border-radius: .25em !important;
  background-color: #fff !important;
}

.title-formacio-idioma a:hover {
  /*background: #434343;*/
  letter-spacing: 1px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.57);
  -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.57);
  box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.4s ease 0s;
}

.title-formacio-idioma a.lang-valencia {
  background-image: url('https://www.uv.es/uwm/idiomes/valenciano.png');
}


.title-formacio-idioma a.lang-angles {
  background-image: url('https://www.uv.es/uwm/idiomes/ingles.png');
}

.title-formacio-idioma a.lang-espanyol {
  background-image: url('https://www.uv.es/uwm/idiomes/espanyol.png');
}

.title-formacio-idioma a.lang-italia {
  background-image: url('https://www.uv.es/uwm/idiomes/italiano.png');
}

.title-formacio-idioma a.lang-alemany {
  background-image: url('https://www.uv.es/uwm/idiomes/aleman.png');
}

.title-formacio-idioma a.lang-frances {
  background-image: url('https://www.uv.es/uwm/idiomes/frances.png');
}

.title-formacio-idioma a.lang-rus {
  background-image: url('https://www.uv.es/uwm/idiomes/ruso.png');
}

.title-formacio-idioma a.lang-japones {
  background-image: url('https://www.uv.es/uwm/idiomes/japones.png');
}

.title-formacio-idioma a.lang-portugues {
  background-image: url('https://www.uv.es/uwm/idiomes/portugues.png');
}

.title-formacio-idioma a.lang-corea {
  background-image: url('https://www.uv.es/uwm/idiomes/corea.png');
}

.title-formacio-idioma a.lang-arab {
  background-image: url('https://www.uv.es/uwm/idiomes/arab.png');
}

.title-formacio-idioma a.lang-neerlandes {
  background-image: url('https://www.uv.es/uwm/idiomes/neerlandes.png');
}

.title-formacio-idioma span {
  display: inline-block;
  text-align: left;
  width: 40%;
}

@media (max-width: 575.98px)and (orientation: portrait) {
  .title-formacio-idioma span {
    width: 20%;
  }
}

.title-formacio-idioma-selected a {
  background: #f47458;
}

.text-caja-menu-nivel-1-dest {
  font-weight: 600;
}

.curs-idiomes-list-item {
  display: block;
  position: relative;
  padding: 4px 0px 4px 8px;
  text-transform: none;
  cursor: pointer;
}

.info-curs-idiomes-list-item {
  margin: 0;
  width: 95%;
  /*width: 77%;*/
  /*width: calc(((100% - 70px)/10)*8);*/
  display: inline-block;
  background-position-y: top;
  min-height: 30px;
}

.info-curs-idiomes-list-item .title {
  font-weight: 500;
  color: #292a25;
  font-size: 1.2em;
  font-family: 'Lato';
  text-align: left;
}

.info-curs-idiomes-list-item .title a {
  color: #292a25 !important;
  font-size: 18px !important;
}

/* BUSCADOR*/

.campos-fi {
  margin: 0 0 1em 0.5em;
  cursor: pointer;
}

.texto-campo-fi {
  float: left;
  font-family: 'Lato', serif;
  font-size: 1.25em;
  width: 90%
}

.texto-campo-fi span {
  margin-bottom: 0.2em;
  display: block;
}

.mas-campo-fi {
  float: left;
  font-size: 1.25em;
  width: 10%
}

.todos-ninguno-fi {
  margin-left: 0
}

.cercador-activitat form button.submit-ti {
  padding: 10.5px 0px;
}

.fi_cercador {
  font-family: 'Lato', serif;
}

.fi_cercador p.titolBus {
  margin-top: 0.7em;
  font-size: 1.3em;
  cursor: pointer;
  width: 100%;
  font-family: 'Lato', serif;
}

.fi_cercador .desplegado {
  margin: 0px;
  width: 100%;
  padding-bottom: 1.5em;
}

.fi_cercador .submit2 {
  background-color: #f5f5f5;
  font-family: 'Lato', serif;
  font-size: 1.3em;
}

.texto-campo-fi-home {
  float: left;
  font-family: 'Arial', Helvetica;
  font-size: 1em;
  width: 94%
}

.texto-campo-fi-home span {
  margin-top: 0em;
  margin-bottom: 0.5em;
  margin-left: 0.2em;
  font-weight: bold;
  font-size: 1.2em;
}

.mas-campo-fi-home {
  float: left;
  font-size: 1.25em;
  width: 6%
}

.fi-cercador-home .desplegado_bloque {
  float: left;
  margin-left: 2%;
}

/* Base for label styling */
.fi-cercador-home [type="checkbox"]:not(:checked),
.fi-cercador-home [type="checkbox"]:checked {
  position: relative; /*absolute;*/
  left: 0;
  opacity: 0.01;
}

.fi-cercador-home [type="checkbox"]:not(:checked) + label,
.fi-cercador-home [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 2.3em;
  font-size: 1.05em;
  line-height: 1.7;
  cursor: pointer;
}

/* checkbox aspect */
.fi-cercador-home [type="checkbox"]:not(:checked) + label:before,
.fi-cercador-home [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #aaa;
  background: #FFF;
  border-radius: .2em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 rgba(8, 43, 78, .2); /*rgba(203, 34, 237, .2);*/
  -webkit-transition: all .275s;
  transition: all .275s;
}

/* checked mark aspect */
.fi-cercador-home [type="checkbox"]:not(:checked) + label:after,
.fi-cercador-home [type="checkbox"]:checked + label:after {
  content: '\2715';
  position: absolute;
  top: .525em;
  left: .18em;
  font-size: 1.375em;
  color: rgba(8, 43, 78);
  line-height: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
}

/* checked mark aspect changes */
.fi-cercador-home [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
}

.fi-cercador-home [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}

/* Disabled checkbox */
.fi-cercador-home [type="checkbox"]:disabled:not(:checked) + label:before,
.fi-cercador-home [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #e9e9e9;
}

.fi-cercador-home [type="checkbox"]:disabled:checked + label:after {
  color: #777;
}

.fi-cercador-home [type="checkbox"]:disabled + label {
  color: #aaa;
}

/* Accessibility */
.fi-cercador-home [type="checkbox"]:checked:focus + label:before,
.fi-cercador-home [type="checkbox"]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 6px rgba(8, 43, 78, .2);
}

.fi-cercador-home-lista {
  padding-bottom: 0.6em;
  max-width: 30em;
  width: 100%;
}

.fi-cercador-home-clasificacion {
  padding: 0.7em;
}

/* Fitxa sintetica home */
.curs-idiomes-fitxa {
  width: 95%;
  margin-left: 20px;
}

.curs-idiomes-fitxa-header {
  position: relative;
  margin-bottom: 2em;
  float: left;
  overflow: hidden;
  /*max-width: 540px;*/
  width: 100%;
  max-height: 220px;
}

.curs-idiomes-fitxa-header-img {
  line-height: 0;
}

.curs-idiomes-fitxa-header-img img {
  width: 100%;
}

.curs-idiomes-fitxa-header-tit {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  overflow: hidden;
  text-align: left;
  /* fix text transition issue for .left and .right but need to overwrite left and right properties in .right */
  width: 100%;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.curs-idiomes-fitxa-header-tit span {
  display: inline-block;
  color: #fff;
  margin-bottom: 0px;
  padding: 5px 10px;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 1.6em;
}

.literals-fitxa-home {
  width: 30% !important;
}

.literals-llarg-fitxa-home {
  width: 95% !important;
}

.formacio-idiomes-lloc {
  float: left;
  margin-bottom: 1em;
  width: 95%;
}

.curs-idiomes-fitxa-buttons {
  float: left;
  width: 95%;
  margin-top: 2em;
}

.curs-idiomes-fitxa-buttons .btn-fitxa-izq {
  float: left;
  /*width: 25%;*/
}

.curs-idiomes-fitxa-buttons .btn-fitxa-der {
  float: right;
  /*width: 25%;*/
}

.curs-idiomes-fitxa-buttons .fitxa-btn {
  font-family: 'Lato';
  color: #FFF;
  font-size: 1.2em;
  display: inline-block;
  background-color: #6c727f; /*#7c7b7b;*/
  text-transform: uppercase;
  width: 150px;
  text-align: center;
  padding: 10px 5px 0px 5px;
  border-radius: 3px;
  height: 30px;

  transition: 0.4s;
  position: relative;
}

.curs-idiomes-fitxa-buttons .fitxa-btn:hover {
  text-decoration: none;
  color: #fff
}

.fitxa-btn span.icon-btn {
  position: absolute;
  opacity: 0;
  top: 12px;
  right: -20px;
  transition: 0.5s;

  color: #FFF;
  font-size: 1.2em;
}

.curs-idiomes-fitxa-buttons .fitxa-btn {
  /*padding-right: 25px;*/
}

.fitxa-btn:hover span.icon-btn {
  opacity: 1;
  right: 20px;
  top: 12px;
}

/* Texto Home */

.caja-txt-idiomes {
  text-align: justify;
  padding: 1em 1em 1em 3em;
  border-radius: 0.25em;
  box-shadow: rgb(0 0 0 / 10%) 1px 0px 2px 1px;
  font-size: 1.2em;
  margin-left: 1em;
}

.caja-txt-idiomes p {
  padding-bottom: 1em;
}

.caja-txt-idiomes img {
  width: 100%;
}

.titulo-txt-idiomes {
  font-family: Raleway;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  /*display: inline-block;*/
  padding: 15px 15px 15px 0;
  vertical-align: top;
}

.scroll-txt-idiomes {
  margin: 0;
  padding-right: 5px;
  height: 350px;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-txt-idiomes::-webkit-scrollbar {
  width: 10px;
}

.scroll-txt-idiomes::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-txt-idiomes::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
  border: 3px solid #fff;
}

/*********************************************************************************/
/****************************** FIN FORMACIO IDIOMES *****************************/
/*********************************************************************************/

/*********************************************************************************/
/*********************  DIRECTORAS Y PROD AUDIOVISUALES **************************/
/*********************************************************************************/

.lista-blanco-gris li.list-bg-item{
   background:none;	
   color: #292a25;
  font-size: 18px;
  padding: 1em 0.5em;
}


li.list-bg-item a{
   color: #292a25 !important;
   font-size: 18px
}



.literal-gris{  
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  text-align: right;
  width: 25%;
  display: inline-block;
  padding-right: 1em;
  font-weight: 700;
  margin-right: 1em;
  vertical-align: top;
  margin-bottom: 0.1em;
 }
 
.literal-campo {
  display: inline-block;
  width: 71%;
}

/*********************************************************************************/
/******************  FIN DIRECTORAS Y PROD AUDIOVISUALES *************************/
/*********************************************************************************/


/*********************************************************************************/
/******************************  FORMULARIO AFC **********************************/
/*********************************************************************************/
.check-formulario-afc {
  width: 14px;
  float: left;
  height: 14px !important;
  margin-right: 10px;
  margin-top: 2px;
}

/*********************************************************************************/
/****************************** FIN FORMULARIO AFC *******************************/
/*********************************************************************************/


/*********************************************************************************/
/**********************  CURSOS FORMACIO COMPLEMENTARIA **************************/
/*********************************************************************************/

/* TPLCursFormComp */


#TPLCursFormComp .bloc_imatgeDetall {
  margin-bottom: 2em;
}

#TPLCursFormComp img.imatgeDetall {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#TPLCursFormComp .bloc_informacio {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  text-align: left;
  display: flex;
  column-gap: 1em;
}

#TPLCursFormComp .bloc_seccio_informacio {
  margin: 1.5em 0em;
  display: flex;
  column-gap: 1em;
}

#TPLCursFormComp .bloc_informacio_100 {
  flex: 100%;
}

#TPLCursFormComp .bloc_informacio_50 {
  flex: 50%;
}

#TPLCursFormComp .bloc_informacio_100 .bloc_informacio_literal {
  flex: 20%;
}

#TPLCursFormComp .bloc_informacio_100 .bloc_informacio_valor {
  flex: 80%;
}

#TPLCursFormComp .bloc_informacio_50 .bloc_informacio_literal {
  flex: 41%;
}

#TPLCursFormComp .bloc_informacio_50 .bloc_informacio_valor {
  flex: 57%;
}

#TPLCursFormComp .bloc_informacio_literal {
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  text-align: left;
  padding-left: 1em;
  font-weight: 700;

}


#TPLCursFormComp .sfpie-literales-largo {
  margin-bottom: 0.5em;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-left: 0.5em;
  font-weight: 700;
  margin-right: 1em;
  width: 24%;
  text-align: left;
}

#TPLCursFormComp .ancho100 {
  width: 100%;
}

#TPLCursFormComp .acordio-img-div-largo {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin: 1em 0em;
}

#TPLCursFormComp .literales-largo {
  background-color: #f1f4f9;
  border-bottom: 1px solid #fff;
  text-align: left;
  width: 95%;
  display: inline-block;
  padding-right: 1em;
  padding-left: 10px;
  font-weight: 700;
  margin-right: 1em;
  margin-bottom: 1em;
  vertical-align: top;
}

#TPLCursFormComp .caja-regular-shadow-color {
  /* padding: 1em!important; */
  margin-bottom: 1em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  width: 100% !important;
  display: inline-block;
}

#TPLCursFormComp .caja-regular-shadow-color .logoArea-color-uv img {
  width: 2em;
}

#TPLCursFormComp .logoArea-color-uv img {
  width: 70px;
  height: 40px;
}

#TPLCursFormComp .icon-caja-menu-color {

  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 15px;
}

#TPLCursFormComp .content-caja-regular-shadow-color {
  text-align: left;
  cursor: pointer;
}

#TPLCursFormComp .content-thesauro-azul {
  padding: 0px 20px 20px 20px;
}

#TPLCursFormComp .content-thesauro-azul .titulo-intermedio {
  width: 100%;
  font-weight: 600;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

/* CSEFormacioCursFormCompSessions */

#TPLCursFormComp .tabla-sesiones {
  font-family: 'Lato', serif;
  margin: 1em 0;
  font-size: 1em;
  width: 100%;
}

#TPLCursFormComp .tabla-sesiones-fondo {
  background-color: #f2f2f2;
}

#TPLCursFormComp .tabla-sesiones-color {
  background-color: #cfd8dc;
}

#TPLCursFormComp .tabla-sesiones th {
  padding: 0 0.5em;
}

#TPLCursFormComp .tabla-sesiones td {
  padding: 0 0 0 0.5em;
}

#TPLCursFormComp .acordio-img-div-largo {
  font-size: 1em;
}

@media (max-width: 557px) {
  #TPLCursFormComp .tabla-sesiones {
    font-size: 1em;
  }
}


/* CSEObtindreCursFormComp */

#CursFormCompHome .contenidor-cursos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-row-gap: 3em;
  grid-column-gap: 3em;
}

#CursFormCompHome div.curs-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  flex-direction: column;
}

#CursFormCompHome .curs-img {
  max-width: 100%;
}

#CursFormCompHome .item-overlay {
  position: absolute;
  box-sizing: border-box;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  overflow: hidden;
  text-align: left;
  width: 100%;
  top: 60%;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

#CursFormCompHome .item-overlay .descripcio {
  display: none;
}

#CursFormCompHome .curs-item:hover .item-overlay {
  top: 0;
}

#CursFormCompHome .curs-item:hover .item-overlay .descripcio {
  display: block;
}

#CursFormCompHome div.curs-box-titol {
  margin: 0.5em 0 0.7em 0;
}

#CursFormCompHome .curs-box-titol .header-3 a {
  color: #fff;
  text-decoration: none;
}

#CursFormCompHome .curs-box-titol .header-3 a:hover {
  text-decoration: underline;
}

#CursFormCompHome .curs-box-titol span {
  font-size: 1.4em;
  color: #fff;
  margin-bottom: 0px;
  padding: 0px;
  font-family: Oswald;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #CursFormCompHome .contenidor-cursos {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media (max-width: 480px) {
  #CursFormCompHome .contenidor-cursos {
    grid-template-columns: 1fr;
    grid-row-gap: 1em;
  }

}

/* CSELlistatCursFormComp */

#CursFormComp-int {
  margin: 0.83em 0 0.83em 0.67em;
}

#CursFormComp-int .bloc-activitat-boxes-int .activitat-boxes-destacada {
  width: 98%;
}

#bloc-noticies-boxesA #CursFormComp-int {
  margin: 0.83em 0px 0.83em 1em;
}

/* CSECercadorCursosFormacioComplementaria */

.cercador-cursFormComp form input.form-data {
  width: 85%;
  padding: 16px 10px;
  font-size: 17px;
  box-sizing: border-box;
  margin: 0em;
  border: none;
  font-family: 'Lato';
  display: inline-block;
  background-color: #f2f2f2;

}

.cercador-cursFormComp .form-activitat .form-fecha {
  width: 70%;
  box-sizing: border-box;
  padding: 5px 10px;
  font-size: 14px;
  font-family: 'Lato';
  display: inline-block;
  margin: 0em;
  vertical-align: middle;
  border: 1px solid #CCCCCC;
}

.cercador-cursFormComp form button.lupa {
  padding: 10px 0px;
}

.cercador-cursFormComp form .form-buscar {
  width: 100%;
  display: inline-block;
  padding: 10px 15px;
  box-sizing: border-box;
  border: 0;
}

.cercador-cursFormComp form .form-buscar:hover {
  background-color: #c9c9c9;
  cursor: pointer;
}

.cercador-cursFormComp form button.lupa:hover {
  background-color: #c9c9c9;
  cursor: pointer;
}

.cercador-cursFormComp form button.submit {
  width: 15%;
  display: inline-block;
  padding: 10px 0px;
  box-sizing: border-box;
  border: 0;

}

.cercador-cursFormComp .form-activitat .clear {
  height: 1em;
}

.cercador-cursFormComp .form-activitat button.ui-datepicker-trigger {
  width: 15%;
  display: inline-block;
  padding: 6px 0px;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
  cursor: pointer;
}

.cercador-cursFormComp .tipos {
  margin: 1em 0em;
}

.cercador-cursFormComp .form-control {
  font-size: 100%;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}

.cercador-cursFormComp .form-control + .form-control {
  margin-top: 1em;
}

.cercador-cursFormComp input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

.cercador-cursFormComp input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em white;
  /* Windows High Contrast Mode */
}

.cercador-cursFormComp input[type="checkbox"]:checked {
  background-color: #000;
}

.cercador-cursFormComp input[type="checkbox"]:checked::before {
  transform: scale(1);
}


/* MICROCREDENCIALS SFPIE */
#TPLCursFormComp .bloc_titol .titulo-alternatiu {
	float: none;
    margin-left: 0;
    width: 99%;
}

#TPLCursFormComp .bloc_titol .entry-menu-cuatro {
	float: none;
    margin-left: 0;
    width: 100%;
}

/*********************************************************************************/
/**********************  FIN CURSOS FORMACIO COMPLEMENTARIA **************************/
/*********************************************************************************/


/*********************************************************************************/
/********************  ACTIVITAT FORMACIÓ COMPLEMENTÀRIA *************************/
/*********************************************************************************/


#cercador {
  margin: 0em 0 0.83em 1.67em;
  box-sizing: border-box;
}

/* CSECercadorCentralOfertaAFC */
#cercador .form-central {
  flex: 1;
  max-width: 100%;
}

.form-body {
  padding: 1em;
  background-color: #EFF0F1;
  border-radius: 0px 0px 10px 10px;
}

.form-search {
  background-color: #FFF;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 0em 0.3em rgb(0 0 0 / 25%);
  margin-bottom: 1em;
}

.form-search-input {
  background-color: transparent;
  outline: none;
  height: 35px;
  font-size: 15px;
  border: 0;
  padding: 0px 15px;
  width: 100%;
}

.form-search-button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #013952;
  border-radius: 0px 10px 10px 0px;
  border: 0;
  color: #FFF;
  width: 64px;
  height: 35px;
  outline: 0;
  cursor: pointer;
  transition: 0.2s all;
}

.form-row {
  display: flex;
  flex-direction: row;
  column-gap: 1em;
  margin-bottom: 1em;
}

.form-element {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: left;
  /*margin: 10px 5px;*/
}

.form-group {
  display: flex;
  flex-direction: row;
  grid-column: 2;
  flex: 1;
  /*margin: 10px 5px;*/
}

.form-element label {
  font-size: 1em;
  font-weight: 500;
}

.form-row input {
  box-shadow: 0 0em 0.3em rgb(0 0 0 / 25%);
  outline: none;
  height: 35px;
  font-size: 15px;
  border-radius: 10px;
  border: 0;
  padding: 0px 15px;
}

.form-central button {
  background: #013952;
  color: #f1f1f1;
  transition: 0.2s all;
  cursor: pointer;
}

.form-central button:hover {
  background: #f1f1f1;
  color: #013952;
}

.form-central button i {
  color: #f1f1f1;
  font-size: 1.3em;
  transition: 0.4s all;
}

.form-central button:hover i {
  color: #013952;
}

.form-row .form-button {
  padding: 10px;
  border-radius: 0 2px 2px 0;
  font-weight: 300;
  flex-grow: 1;
  border: none;
}

.form-row .form-submit {
  border-radius: 0.4em;
  color: white;
  font-size: 1.2em;
  border: 0;
  font-weight: bold;
  transition: 0.2s all;
  outline: 0;
  padding: 10px 3em 10px 3em;
}

.form-row .form-submit:hover {
  box-shadow: 0 0em 0.3em rgb(0 0 0 / 25%);
}

.form-element select {
  padding: 10px 5px;
  border-radius: 0.4em;
}

.form-date-box .ui-datepicker-trigger {
  position: absolute;
  right: 0;
  background-color: #013952;
  border-radius: 0px 10px 10px 0px;
  border: 0;
  color: #FFF;
  width: 64px;
  height: 35px;
  outline: 0;
}

.form-date {
  text-align: left;
}

.form-date-box {
  margin: 1em 0em;
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  row-gap: 1em;
}

.form-date-box fieldset {
  display: grid;
  grid-template-columns: 2em auto;
  align-items: baseline;
}

@media (max-width: 768px) {
  #cercador {
    margin-right: 0.83em;
  }

  .form-row {
    flex-direction: column;
    row-gap: 1em;
  }

  .form-element select {
    width: 100%;
  }
}


/*********************************************************************************/
/********************  FIN ACTIVITAT FORMACIÓ COMPLEMENTÀRIA *********************/
/*********************************************************************************/

/*********************************************************************************/
/******************  QUESTIONARI CENTRE IDIOMES **********************************/
/*********************************************************************************/

/* TPLQuestionari */

#TPLQuestionari.entry-content ul li {
  /* Se eliminan << y >> de las listas por defecto en .entry-content ul li */
  background: none;
  padding: 0;
  box-sizing: border-box;
}

#bloc-questionari {
  text-align: left;
  margin: 0em 0 0.83em 1.67em;
  float: left;
  width: 98%;
  overflow: hidden;
  min-height: 100px;
}

/* slider-wrapper */
.slider-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  height: 40vw;
  max-height: 500px;
  min-height: 300px;
  background: #ddd;
  overflow: hidden;
}

.slider-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* slider-img */
ul.slider-img {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  transition: 0.5s;
}

ul.slider-img li {
  flex: 1 0 100%;
}

ul.slider-img li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sv-body__page {
  margin: 0 !important;
}

#surveyComplete,
#surveyNext,
#surveyPrev {
  color: #1ab394;
  cursor: pointer;
}

/* slider-dot */
.slider-dot {
  position: absolute;
  bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  color: #fff;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.slider-dot li {
  cursor: pointer;
  margin: 0 8px;
  font-size: 0.6rem;
  opacity: 0.4;
}

.slider-dot li.active {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .slider-dot li {
    margin: 0 12px;
    font-size: 0.95rem;
  }
}

.questionari-revisio-div-largo {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin: 1em 0em;
}

.questionari-revisio .caja-regular-shadow-color {
  /* padding: 1em!important; */
  margin-bottom: 3em !important;
  box-shadow: 0 0.5em 1em rgb(0 0 0 / 15%) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  width: 100% !important;
  display: inline-block;
}

.questionari .vuit-enunciat {
  background-color: #fff725;
  border: 2px solid #333;
  padding: 0px 10px;
  width: 3em;
  display: inline-block;
  border-radius: 5px;
  height: 1em;
  vertical-align: text-bottom;
}

.questionari .sv-title {
  line-height: 1.5em !important;
  padding-left: 0 !important;
  /*border: 1px solid #333333;*/
}

#sv-nav-start.sv-action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sv-string-viewer p {
  display: inline;
}

.questionari-box-resultat .resultat {
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}

.questionari-box-resultat .resultat.fail {
  color: red;
}

.questionari-box-resultat .resultat.passed {
  color: green;
}

.questionari-box-resultat .resultat .languageLevel {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.questionari-box-resultat .resultat .languageLevel-resultat {
  width: 70px;
  height: 70px;
  border: 5px solid;
  margin: 0 auto;
  animation: float 3s ease-in-out infinite;
  border-radius: 50%;
}

.questionari-box-resultat .titol {
  flex: 1;
  font-size: 1.5em;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  display: flex;
}

.questionari-box-resultat canvas {
  width: 100%;
  height: 170px;
}

.questionari-box-resultat .default {
  height: 100px;
  margin: 1em 0em;
}

.questionari--feedback .titol {
  flex: 1;
  font-size: 1.5em;
  align-items: center;
  margin: 2em 0em;
  justify-content: center;
  font-weight: 700;
  display: flex;
}

.questionari-revisio .descripcio {
  display: flex;
}

.questionari-revisio .descripcio div {
  flex: 1;
  border: 1px solid #333;
  padding: 1em;
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
}

.questionari-revisio .detall__titol {
  margin-bottom: 1em;
  border-bottom: 1px solid #333333;
}

.questionari-revisio .detall__respostes {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}

.questionari-revisio .detall__respostes div {
  flex: 0 30%;
  margin-bottom: 2%;
}

#TPLQuestionari .quiz-medal {
  position: relative;

}

#TPLQuestionari .quiz-medal__rect {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 500;
  width: 175px;
  height: 70px;
  /* animation: float 3s ease-in-out infinite; */
  border-radius: 10%;
  color: white;
  text-align: center;
  line-height: 70px;
  vertical-align: middle;
  position: relative;
  border-width: 0.2em;
  border-style: solid;
  z-index: 1;
  box-shadow: inset 0 0 0 #a7b2b8, 2px 2px 0 rgb(0 0 0 / 8%);
  border-color: #edeff1;
  text-shadow: 2px 2px 0 #98a6ad;
  background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%);
}


#TPLQuestionari .quiz-medal__circle {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 500;
  width: 56px;
  height: 56px;
  /*animation: float 3s ease-in-out infinite;*/
  border-radius: 100%;
  color: white;
  text-align: center;
  line-height: 56px;
  vertical-align: middle;
  position: relative;
  border-width: 0.2em;
  border-style: solid;
  z-index: 1;
  box-shadow: inset 0 0 0 #a7b2b8, 2px 2px 0 rgba(0, 0, 0, 0.08);
  border-color: #edeff1;
  text-shadow: 2px 2px 0 #98a6ad;
  background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%);
}

#TPLQuestionari .quiz-medal__circle--gold {
  box-shadow: inset 0 0 0 #333333, 2px 2px 0 rgb(0 0 0 / 8%);
  border-color: #ADE264;
  text-shadow: 0 0 4px #333333;
  background: linear-gradient(to bottom right, #8DC63E 50%, #70AB1F 50%);
}

#TPLQuestionari .quiz-medal__ribbon {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 6px 10px;
  width: 0;
  height: 25px;
  top: 50px;
}

#TPLQuestionari .quiz-medal__ribbon--left {
  border-color: #53880A #53880A transparent #53880A;
  left: 10px;
  transform: rotate(20deg) translateZ(-32px);
}

#TPLQuestionari .quiz-medal__ribbon--right {
  left: 35px;
  border-color: #53880A #53880A transparent #53880A;
  transform: rotate(-20deg) translateZ(-48px);
}

.questionari--feedback .questionari--wrapper {
  background-color: whitesmoke;
  list-style-type: none;
  padding: 2em;
  border-radius: 3px;
  margin-bottom: 1em;
}

.questionari--feedback .questionari--form-row {
  display: flex;
  justify-content: flex-end;
  outline: none;
  /*height: 20px;*/
  font-size: 15px;
  border-radius: 10px;
  border: 0;
  margin-bottom: 1em;
  /*padding: 0px 15px;*/
}

.questionari--feedback .questionari--form-row > input {
  box-shadow: 0 0em 0.3em rgb(0 0 0 / 25%);
  outline: none;
  height: 15px;
  font-size: 15px;
  border-radius: 10px;
  border: 0;
  padding: 0px 15px;
}

.questionari--feedback .questionari--form-row > textarea {
  box-shadow: 0 0em 0.3em rgb(0 0 0 / 25%);
  outline: none;
  font-size: 15px;
  border-radius: 10px;
  border: 0;
  padding: 15px 15px;
}

.questionari--feedback .questionari--form-row > label {
  padding: .5em 1em .5em 0;
  flex: 2;
}

.questionari--feedback .questionari--form-row > input {
  flex: 2;
}

.questionari--feedback .questionari--form-row > input,
.questionari--feedback .questionari--form-row > button {
  padding: 0.5em 1em;
}

.questionari--feedback .questionari--form-row > button {
  background: gray;
  color: white;
  border: 0;
}

.questionari--feedback .questionari--privadesa-input {
  display: flex;
  justify-content: flex-end;
}

.questionari--feedback .questionari--submit {
  display: flex;
  justify-content: center;
  padding: 1em;
}

.questionari--feedback .questionari--submit .form-button {
  padding: 0.75em 4em;
  background-color: #254f97;
  /*border: none;*/
  border: 1px solid #254f97;
  color: white;
  cursor: pointer;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

.questionari--feedback .questionari--submit .form-button:hover {
  padding: 0.75em 4em;
  background-color: white;
  border: 1px solid black;
  color: black;
  cursor: pointer;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

.questionari--feedback input#privacidad {
  margin-right: 0.5em;
  align-self: center;
}

@media screen and (min-width: 768px) {
  .questionari--feedback .questionari--form-row > input {
    flex: 3;
  }
}

@media screen and (min-width: 992px) {
  .questionari--feedback .questionari--form-row > input {
    flex: 4;
  }
}

@media screen and (min-width: 1200px) {
  .questionari--feedback .questionari--form-row > input {
    flex: 5;
  }
}


#bloc-questionari .preloader {
  position: relative;
  top: 2em;
  width: 60px;
  height: 60px;
  -webkit-animation: spin .7s linear infinite;
  -moz-animation: spin .7s linear infinite;
  animation: spin .7s linear infinite;
  margin: 0 auto;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#bloc-questionari .preloader img {
  width: 100%;
}

#TPLQuestionari .banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1em;
  margin-top: 2em;
}

@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}

/*********************************************************************************/
/******************  QUESTIONARI AUTOAVALUACIÓ  **********************************/
/*********************************************************************************/

#TPLTestAutoavaluacio .preloader {
  position: relative;
  top: 2em;
  width: 60px;
  height: 60px;
  -webkit-animation: spin .7s linear infinite;
  -moz-animation: spin .7s linear infinite;
  animation: spin .7s linear infinite;
  margin: 0 auto;
}

#TPLTestAutoavaluacio .preloader img {
  width: 100%;
  margin: 0;
}


#TPLTestAutoavaluacio .questionari__resultat{
  margin-bottom: 3em !important;
  box-shadow: 0 0.5em 1em rgb(0 0 0 / 15%) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  width: 100% !important;
  /* display: inline-block; */
  box-sizing: border-box;
  display: flex;
  padding: 10px 15px;
  justify-content: space-around;
  align-items: center;
  font-family: Raleway;
  font-weight: 600;
}


#TPLTestAutoavaluacio .questionari__resultat__titol {
  font-size: 2em;
  /*font-size: 3em;*/
  /*width: 25%;*/
}
#TPLTestAutoavaluacio .questionari__resultat__box{
  font-size: 2em;
}

#TPLTestAutoavaluacio .questionari__resultat__box div {
  display: flex;
  gap: 0.5em;
  align-items: center;
}


#TPLTestAutoavaluacio .question__solution__header {
  display: flex;
  font-size: 1.5em;
  font-family: inherit;
  column-gap: 1em;
  /* background-color: #28a745; */
  padding: 15px 10px;
  font-weight: 600;
  margin-bottom: 0.5em;
  align-items: center;
}

#TPLTestAutoavaluacio .question__solution {
  margin-bottom: 2em;
}


#TPLTestAutoavaluacio .question__solution p {
  padding: 0px;
}

#TPLTestAutoavaluacio .question__solution__option {
  padding: 15px 1em;
  margin: 5px 0px;
  display: flex;
  /* opacity: 0.6; */
  column-gap: 1em;
  border-radius: 10px;
}

#TPLTestAutoavaluacio .question__solution__option.correct.checked {
  background-color: #28a745;
  color: white;
}

#TPLTestAutoavaluacio .question__solution__option.wrong.checked {
  background-color: #dc3545;
  color: white;
}

#TPLTestAutoavaluacio .question__solution__option.correct:not(.checked) {
  outline: 3px solid #28a745;
  margin: 1em 0em;
}

#TPLTestAutoavaluacio .question__solution__explanation {
  padding: 10px 15px;
  background-color: #F59E0B66;
  border-radius: 10px;
  border: 13px #F7AE32;
  border-style: none none none solid;
}
#TPLTestAutoavaluacio .question__solution__explanation .header {
  font-weight: 600;
  margin-bottom: 0.5em;
}
#TPLTestAutoavaluacio .question__solution__explanation .body {
  font-style: italic;
}
#TPLTestAutoavaluacio .question__solution__explanation .body + p {
  font-style: italic !important;
}
#TPLTestAutoavaluacio .question__solution__option input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  outline: 0.15em solid currentColor;
  display: grid;
  border-radius: 50%;
  flex: 0 0 18px;
  place-content: center;
}
#TPLTestAutoavaluacio .question__solution__option input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em black;
}
#TPLTestAutoavaluacio .question__solution__option input[type="radio"]:checked::before {
  transform: scale(1);
}
#TPLTestAutoavaluacio .question__solution__option input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

#TPLTestAutoavaluacio #questionari_renew{
  display: flex;
  justify-content: flex-end;
}
/* botón Survey-jquery */

#TPLTestAutoavaluacio .bg-uv{
  background-color: rgb(0,44,82);
}

#TPLTestAutoavaluacio .sv-root-modern ::-webkit-scrollbar {
  height: 12px;
  width: 9px;
  background-color: rgb(0,44,82);
}

#TPLTestAutoavaluacio .sv-question .sv-selectbase {
  margin-bottom: 6px;
}
#TPLTestAutoavaluacio .sv-root-modern ::-webkit-scrollbar-thumb {
  background: transparent;
  /*background: rgb(0,44,82);*/
}

#TPLTestAutoavaluacio .questionari .question__title {
  font-size: 1.2em;
  margin-left: 1em;
  margin-bottom: 1em;
  padding: 15px 0px;
  display: flex;
  border-bottom: 1px solid #333333;
  font-family: 'Raleway', serif;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  align-items: baseline;
  justify-content: flex-start;
}

#TPLTestAutoavaluacio .questionari .question_content_custom {
  padding-left: 15px ;
}
#TPLTestAutoavaluacio .questionari .question__title__answer {
  background-color: rgba(0, 44, 82, 1);
  color: white;
  margin-left: 0;
  padding-left: 1em;
}
#TPLTestAutoavaluacio .questionari .question__title__error {
  background-color: rgba(213, 41, 1, 0.2);
  margin-left: 0;
  padding-left: 1em;
  border: 0;
}


/* Botón repetir test */
#TPLTestAutoavaluacio .btn-repeat {
  align-items: center;
  background-color: #0A66C2;
  border: 0;
  border-radius: 100px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 20px;
  max-width: 480px;
  min-height: 40px;
  min-width: 0px;
  overflow: hidden;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  touch-action: manipulation;
  transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
}

#TPLTestAutoavaluacio .btn-repeat:hover,
#TPLTestAutoavaluacio .btn-repeat:focus {
  background-color: #16437E;
  color: #ffffff;
}

#TPLTestAutoavaluacio .btn-repeat:active {
  background: #09223b;
  color: rgb(255, 255, 255, .7);
}

#TPLTestAutoavaluacio .btn-repeat:disabled {
  cursor: not-allowed;
  background: rgba(0, 0, 0, .08);
  color: rgba(0, 0, 0, .3);
}






/*********************************************************************************/
/********************  FIN ACTIVITAT FORMACIÓ COMPLEMENTÀRIA *********************/
/*********************************************************************************/
.text-danger {
  color: #dc3545 !important;
}

.text-success {
  color: #28a745 !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-warning {
  color: #ffc107 !important;
}

text-shadow {
  text-shadow: 1px 1px #aaa;
}

/*********************************************************************************/
/********************  FORMULARIS FLEX *********************/
/*********************************************************************************/

.formulari-flex .questionari--wrapper {
  background-color: whitesmoke;
  list-style-type: none;
  padding: 2em;
  border-radius: 3px;
  margin-bottom: 1em;
}

.formulari-flex .questionari--form-row {
  display: flex;
  justify-content: flex-end;
  outline: none;
  /*height: 20px;*/
  font-size: 15px;
  border-radius: 10px;
  border: 0;
  margin-bottom: 1em;
  /*padding: 0px 15px;*/
}

.formulari-flex .questionari--form-row > input {
  box-shadow: 0 0em 0.3em rgb(0 0 0 / 25%);
  outline: none;
  height: 15px;
  font-size: 15px;
  border-radius: 10px;
  border: 0;
  padding: 0px 15px;
}

.formulari-flex .questionari--form-row > textarea {
  box-shadow: 0 0em 0.3em rgb(0 0 0 / 25%);
  outline: none;
  font-size: 15px;
  border-radius: 10px;
  border: 0;
  padding: 15px 15px;
}

.formulari-flex .questionari--form-row > label {
  padding: .5em 1em .5em 0;
  flex: 2;
}

.formulari-flex .questionari--form-row > input {
  flex: 2;
}

.formulari-flex .questionari--form-row > input,
.formulari-flex .questionari--form-row > button {
  padding: 0.5em 1em;
}

.formulari-flex .questionari--form-row > button {
  background: gray;
  color: white;
  border: 0;
}

.formulari-flex .questionari--privadesa-input {
  display: flex;
  justify-content: flex-end;
}

.formulari-flex .questionari--submit {
  display: flex;
  justify-content: center;
  padding: 1em;
}

.formulari-flex .questionari--submit .form-button {
  padding: 0.75em 4em;
  background-color: #254f97;
  /*border: none;*/
  border: 1px solid #254f97;
  color: white;
  cursor: pointer;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

.formulari-flex .questionari--submit .form-button:hover {
  padding: 0.75em 4em;
  background-color: white;
  border: 1px solid black;
  color: black;
  cursor: pointer;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

.formulari-flex input#privacidad {
  margin-right: 0.5em;
  align-self: center;
}

@media screen and (min-width: 768px) {
  .formulari-flex .questionari--form-row > input {
    flex: 3;
  }
}

@media screen and (min-width: 992px) {
  .formulari-flex .questionari--form-row > input {
    flex: 4;
  }
}

@media screen and (min-width: 1200px) {
  .formulari-flex .questionari--form-row > input {
    flex: 5;
  }
}

/*********************************************************************************/
/********************  FIN FORMULARIS FLEX *********************/
/*********************************************************************************/


/*********************************************************************************/
/******************************  WHATSAPP PIN **********************************/
/*********************************************************************************/

.whatsappChat {
  width: 70px;
  height: 70px;
  z-index: 9999;
  position: fixed;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  right: 45px;
  bottom: 30px;
  border-radius: 50%;
}

.whatsappChat .btn-whatsapp-pulse {
  background: #1fa900;
  color: white;
  position: absolute;
  z-index: 99;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  padding: 35px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  80% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

.whatsappChat .btn-whatsapp-pulse-border {
  animation-play-state: paused;
}

.whatsappChat .btn-whatsapp-pulse-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 25px;
  border: 5px solid #1fa900;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

.whatsappChat .whatsappIcon {
  width: 1em;
  height: 1em;
  filter: invert(85%);
}


@keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }
  75% {
    padding: 50px;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/*********************************************************************************/
/********************  FIN WHATSAPP PIN *********************/
/*********************************************************************************/


/*********************************************************************************/
/******************************  FORMACIO SFPIE **********************************/
/*********************************************************************************/
/*CSEObtindre_PDIFormacio_CursosInsObertaHome*/
.componente65 {
  float: left;
  width: 65%;
}

.componente35 {
  float: left;
  width: 35%;
}

@media (max-width: 600px) {
  .componente65 {
    width: 100%;
  }

  .componente35 {
    width: 100%;
  }
}

/*TPLFormacioSFPIE */

.sfpie-div-izq {
  margin-right: 2%;
}

.sfpie-div-der {
  width: 49%;
}

.sfpie-literales-largo {
  margin-bottom: 0.5em;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-left: 0.5em;
  font-weight: 700;
  margin-right: 1em;
  width: 24%;
  text-align: left;
}

#sfpie-ultima-mod:hover {
  background-color: #cfd8dc;
}

.sfpie-literlaes-columnas {
  padding-left: 0.5em;
  text-align: left;
  margin-bottom: 0.5em;
}

.sfpie-listas {
  padding-left: 1.5em;
}

.sfpie-inscripcion {
  color: #333;
  font-size: 2em;
  padding: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .15) !important;
}

.sfpie-inscripcion:hover {
  background-color: #cfd8dc;
}

.afc-inscripcion {
  color: #333;
  font-size: 2em;
  padding: 20px 35px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .15) !important;
}

.afc-inscripcion:hover {
  background-color: #cfd8dc;
}

.sfpie-ancho100 {
  width: 100%;
}

.sfpie-ancho25 {
  float: left;
  width: 25%;
}

.sfpie-ancho75 {
  float: left;
  width: 75%;
}

.sfpie-negro {
  color: #333;
}

/*CSEFormacioSFPIESessions*/
.tabla-sesiones {
  font-family: 'Lato', serif;
  margin: 1em 0;
  font-size: 1.25em;
  width: 100%;
}

@media (max-width: 557px) {
  .tabla-sesiones {
    font-size: 1em;
  }
}

.tabla-sesiones-fondo {
  background-color: #f2f2f2;
}

.tabla-sesiones-color {
  background-color: #cfd8dc;
}

.tabla-sesiones th {
  padding: 0 0.5em;
}

.tabla-sesiones td {
  padding: 0 0 0 0.5em;
}

/*CSECercadorSFPIE_Home */

.sfpie-periodo-home input {
  height: 1.9em;
  width: 196px;
}

.sfpie-periodo-home button {
  background: none;
}

.sfpie-periodo-home label {
  width: 10% !important;
}

/*CSECercadorPDIFormacio */

.sfpie-periodo input {
  width: 148px;
}

.sfpie-periodo button {
  background: none;
}

.sfpie-periodo label {
  width: 16% !important;
  margin-top: 0.5em !important;
}

@media (max-width: 1210px) {
  .sfpie-literales-largo {
    width: 38%;
  }
}

/*CSELlistatPDIFormacio*/
.sfpie-cercle-inscripcio {
  font-size: 1.5em !important;
  width: 100%;
  text-align: right;
}

.sfpie-prox-inscripcio {
  color: #ffa500;
}

.sfpie-inscripcio-oberta {
  color: #008000;
}

.sfpie-inscripcio-tancada {
  color: #ff0000;
}

.sfpie-edicio {
  width: 22%;
  float: left;
}

.sfpie-dates-realitzacio {
  width: 27%;
  float: left;
}

.sfpie-modalitats-imp {
  width: 24.6%;
  margin: 0 1em;
  float: left;
}

.sfpie-num-hores {
  width: 12%;
  float: left;
}

.sfpie-icones {
  color: #333;
  font-size: 1.2em;
}

/*********************************************************************************/
/****************************** FIN FORMACIO SFPIE *******************************/
/*********************************************************************************/


/*********************************************************************************/
/**********************  NOU ESTIL AGENDA (Esdeveniments) ************************/
/*********************************************************************************/

.titol-esdeveniment {
  font-family: 'Lato';
  font-size: 2.47em;
  font-weight: 700;
  padding-top: 42px;
  padding-bottom: 0px;
  padding-left: 20px;
}

.subtitol-esdeveniment {
  font-family: 'Lato';
  font-size: 1.2em;
  font-weight: 500;
  padding-top: 0px;
  padding-bottom: 32px;
  padding-left: 20px;
}

.foto-agenda-esd {
  display: inline-block;
  margin: 2.3em 1em 1.67em 0;
  width: 100%;
  z-index: 1;
}

.foto-agenda-esd img {
  width: 100%;
}

.fitxa-agenda-esd {
  position: relative;
  width: 95%;
  margin-top: -50px;
  margin-left: 23px;
  margin-bottom: 35px;
  background: #fff;
  box-shadow: 0 0 50px rgb(117 117 117 / 24%);
  z-index: 0;
}

.article-agenda-esd {
  float: none;
  width: 90%;
  /*padding-left: 10px;*/
  padding-bottom: 10px;
  padding-right: 0;
  margin: 0 0 1.67em 1.67em;
  display: block;
}

.article-agenda-esd span.icon-esd {
  float: left;
  width: 20px;
  color: #292a25;
  font-size: 1.8em;
  text-align: center;
  margin-right: 10px;
}

.article-agenda-esd span.tab-esd {
  float: left;
  margin-left: 30px;
}

.article-agenda-esd span.titol-esd {
  float: left;
  width: 90% !important;
  font-family: 'Lato';
  color: #292a25;
  font-size: 1.4em;
  padding-bottom: 10px;
  font-weight: 700;
}

.article-agenda-esd .resum-esd {
  width: 100%;
  font-size: 1.1em !important;
  margin-bottom: 15px;
}

.article-agenda-esd .resum-esd p {
  margin-bottom: 0.5em !important;
  font-size: 1.1em !important;
  font-style: italic;
}

.article-agenda-esd .des {
  width: 100%;
  font-size: 1.1em !important;
  margin-bottom: 15px;
}

.article-agenda-esd .des p {
  margin-bottom: 0.5em !important;
  font-size: 1.1em !important;
}

.article-agenda-esd .des li {
  background: #fff url(boton-flecha-r.gif) left 0.86em no-repeat;
  padding: 3px 0 3px 1.25em;
}

.article-agenda-esd .des-tab {
  width: 95%;
  margin-left: 30px;
  float: left;
}

.btn-calendar-esd {
  display: block;
  border-radius: 30px;
  width: 225px;
  height: 47px;
  font-size: 16px;
  border: 2px solid #505157;
  color: #505157;
  font-family: 'Lato';
  margin-top: 3px;
  position: relative;
  padding: 0 15px;
  line-height: 43px;
  /* margin-left: 10px;*/
}

.btn-calendar-esd:hover {
  background: #f6f6f6;
  color: #505157;
  text-decoration: none;
}

.btn-calendar-esd .btn-icon-esd {
  margin-top: 10px;
  float: left;
  color: #292a25;
  font-size: 1.5em;
  text-align: center;
  margin-right: 0.5em;
}

.article-agenda-esd span.titol-esd a {
  color: #292a25;
}

/*********************************************************************************/
/**********************  FIN NOU ESTIL AGENDA (Esdeveniments) ********************/
/*********************************************************************************/


/*********************************************************************************/
/***********  FORMULARIS OCT (Agroalime,COVID, OCT genèric,etc) ******************/
/*********************************************************************************/

/*********************************************************************************/
/**********************  Formulari Contacte OCT Agroalime ************************/
/*********************************************************************************/
.contacte-agroalime {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 98.5em;
  margin: 0 auto;
  width: 102%;
}

.imatge-contacte-agroalime {
  background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_vl.jpg);
  width: 100%;
  height: 601px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.imatge-contacte-agroalime-es {
  background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_es.jpg);
}

.imatge-contacte-agroalime-en {
  background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_en.jpg);
}

.formulari-agroalime {
  position: absolute;
  top: 32%;
  left: 77%;
  transform: translate(-50%, -50%);
}

.camp-formulari-agroalime {
  background-color: #fff;
  height: 3.5em;
  width: 34em;
  margin: 1.5em 0;
  position: relative;
  display: inline-block;
}

.camp-consulta-formulari-agroalime {
  background-color: #fff;
  height: 7.5em;
  width: 34em;
  margin: 1.5em 0;
  position: relative;
  display: inline-block;
}

.nom-camp-formulari-agroalime {
  color: #8e8989;
  font-size: larger;
  height: 3em;
  left: 8%;
  position: absolute;
  top: 73%;
  transform: translate(-50%, -50%);
}

.nom-camp-consulta-formulari-agroalime {
  color: #8e8989;
  font-size: larger;
  height: 3em;
  left: 11%;
  position: absolute;
  top: 48%;
  transform: translate(-50%, -50%);
}

.input-camp-formulari-agroalime {
  background-color: #fff;
  vertical-align: text-top;
  padding: 0.7em 1em 0.5em 1em;
  font-size: 16px;
  position: absolute;
  top: 51%;
  left: 59%;
  transform: translate(-50%, -50%);
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 81%;
}

.input-camp-consulta-formulari-agroalime {
  background-color: #fff;
  vertical-align: text-top;
  padding: 0.7em 1em 0.5em 1em;
  font-size: 16px;
  font-family: 'Arial', Heveltica;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 81%;
  height: 5.1em;
  position: absolute;
  top: 51%;
  left: 59%;
  transform: translate(-50%, -50%);
}

.conacte-agroalime .formulari-agroalime {
  vertical-align: top;
  display: inline-block;
  box-sizing: border-box;
}

.captcha-agroalime {
  position: absolute;
  top: 69%;
  left: 82%;
  transform: translate(-50%, -50%);
  width: 28%;
}

.check-formulari-agroalime {
  float: left;
  position: relative;
  width: 3em
}

.enlace-politica-agroalime {
  float: left;
  padding-left: 0.3em;
  color: #fff;
  text-decoration: underline;
}

.enlace-politica-agroalime:hover {
  color: #fff;
}

.submit-formulari-agroalime {
  position: absolute;
  top: 112%;
  left: 80.5%;
  transform: translate(-50%, -50%);
}

.enviar-formulari-agroalime {
  background-color: orange;
  font-size: larger;
}

.enviar-formulari-agroalime {
  padding: 5px 15px;
}

.enviar-formulari-agroalime {
  width: 89.5%;
  margin-top: 2em;
  border: none;
}

/*********************************************************************************/
/*******************  Fi del Formulari Contacte OCT Agroalime ********************/
/*********************************************************************************/

/*********************************************************************************/
/**********************  Formulari Contacte OCT COVID ****************************/
/*********************************************************************************/
.imatge-contacte-covid {
  background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_vl.jpg);
  width: 100%;
  height: 601px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.imatge-contacte-covid-es {
  background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_es.jpg);
}

.imatge-contacte-covid-en {
  background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_en.jpg);
}

/*********************************************************************************/
/********************  Fi Formulari Contacte OCT COVID ***************************/
/*********************************************************************************/

/*********************************************************************************/
/*************************  Formulari Contacte OCT *******************************/
/*********************************************************************************/
.imatge-contacte-oct {
  background-image: url(https://www.uv.es/oct/formulari/formulario_oct_vl.jpg);
  width: 100%;
  height: 601px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.imatge-contacte-oct-es {
  background-image: url(https://www.uv.es/oct/formulari/formulario_oct_es.jpg);
}

.imatge-contacte-oct-en {
  background-image: url(https://www.uv.es/oct/formulari/formulario_oct_en.jpg);
}

/*********************************************************************************/
/*************************  Fi Formulari Contacte OCT ****************************/
/*********************************************************************************/

/*********************************************************************************/
/******************************  FORMACIO UVDocencia *****************************/
/*********************************************************************************/

.nom-camp-aportacio-formulari {
  color: #8e8989;
  font-size: larger;
  height: 3em;
  left: 16%;
  position: absolute;
  top: 48%;
  transform: translate(-50%, -50%);
}

.input-camp-aportacio-formulari {
  background-color: #fff;
  vertical-align: text-top;
  padding: 0.7em 1em 0.5em 1em;
  font-size: 16px;
  font-family: 'Arial', Heveltica;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 68%;
  height: 5.1em;
  position: absolute;
  top: 51%;
  left: 65%;
  transform: translate(-50%, -50%);
}

.imatge-contacte-uvdocencia {
  background-image: url(https://www.uv.es/uvdocencia/formulari/call_action_docencia.jpg);
  width: 100%;
  height: 601px;
  float: left;
  background-repeat: no-repeat;
  background-size: cover;
}


/*********************************************************************************/
/******************************  Fin FORMACIO UVDocencia *****************************/
/*********************************************************************************/


@media (max-width: 994px) {
  .imatge-contacte-uvdocencia {
    background-image: url(https://www.uv.es/uvdocencia/formulari/call_action_docencia_movil_700px.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .imatge-contacte-agroalime {
    background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_movil_largo_vl.png);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .imatge-contacte-agroalime-es {
    background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_movil_largo_es.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .imatge-contacte-agroalime-en {
    background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_movil_largo_en.png);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .formulari-agroalime {
    top: 49%;
    left: 50%;
    width: 85%;
  }

  .camp-formulari-agroalime {
    width: 100%;
    margin: 0.5em 0;
  }

  .camp-consulta-formulari-agroalime {
    width: 100%;
    margin: 0.5em 0;
  }

  .captcha-agroalime {
    top: 77%;
    left: 63%;
    width: 60%;
  }

  .submit-formulari-agroalime {
    left: 45.5%;
  }

  .imatge-contacte-covid {
    background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_movil_vl.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .imatge-contacte-covid-es {
    background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_movil_es.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .imatge-contacte-covid-en {
    background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_movil_en.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .imatge-contacte-oct {
    background-image: url(https://www.uv.es/oct/formulari/formulario_oct_movil_vl.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .imatge-contacte-oct-es {
    background-image: url(https://www.uv.es/oct/formulari/formulario_oct_movil_es.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .imatge-contacte-oct-en {
    background-image: url(https://www.uv.es/oct/formulari/formulario_oct_movil_en.jpg);
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (max-width: 598px) {
  .formulari-agroalime {
    top: 43%;
  }

  .camp-formulari-agroalime {
    width: 100%;
    margin: 1.5em 0;
  }

  .camp-consulta-formulari-agroalime {
    width: 100%;
    margin: 1.5em 0;
  }

  .captcha-agroalime {
    top: 76%;
    left: 67.5%;
  }

  .submit-formulari-agroalime {
    left: 77%;
  }
}

@media (max-width: 504px) {
  .imatge-contacte-uvdocencia {
    background-image: url(https://www.uv.es/uvdocencia/formulari/call_action_docencia_movil_1275px.jpg);
  }

  .imatge-contacte-agroalime {
    background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_movil_muy_largo_vl.png);
  }

  .imatge-contacte-agroalime-es {
    background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_movil_muy_largo_es.jpg);
  }

  .imatge-contacte-agroalime-en {
    background-image: url(https://www.uv.es/octagroalime/formulari/imagen_formulario_oct_movil_muy_largo_en.png);
  }

  .imatge-contacte-covid {
    background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_movil_1275px_vl.jpg);
  }

  .imatge-contacte-covid-es {
    background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_movil_1275px_es.jpg);
  }

  .imatge-contacte-covid-en {
    background-image: url(https://www.uv.es/octcovid/formulari/contacto_covid_movil_1275px_en.jpg);
  }

  .imatge-contacte-oct {
    background-image: url(https://www.uv.es/oct/formulari/formulario_oct_1275px_vl.jpg);
  }

  .imatge-contacte-oct-es {
    background-image: url(https://www.uv.es/oct/formulari/formulario_oct_1275px_es.jpg);
  }

  .imatge-contacte-oct-en {
    background-image: url(https://www.uv.es/oct/formulari/formulario_oct_1275px_en.jpg);
  }

  .formulari-agroalime {
    top: 47%;
  }

  .camp-consulta-formulari-agroalime {
    width: 100%;
  }

  .captcha-agroalime {
    top: 80%;
    left: 52.5%;
    width: 39%
  }

}

@media (max-width: 414px) {
  .captcha-agroalime {
    width: 60%;
  }

  .input-camp-consulta-formulari-agroalime, .input-consulta-formulari-agroalime {
    width: 78%;
  }

  .input-camp-consulta-formulari-agroalime {
    width: 74%;
    left: 62%;
  }

  .nom-camp-formulari-agroalime {
    left: 11%;
  }

  .input-camp-formulari-agroalime {
    width: 74%;
    left: 62%;
    padding: 0.7em 1em 0.4em 1em;
  }
}

@media (max-width: 375px) {
  .captcha-agroalime {
    width: 72%;
  }
}

@media (max-width: 320px) {
  .captcha-agroalime {
    width: 75%;
    left: 62%;
  }
}

/*********************************************************************************/
/***********  FI FORMULARIS OCT (Agroalime,COVID, OCT genèric,etc) ***************/
/*********************************************************************************/

/*********************************************************************************/
/******************************  FORMACIO FLA **********************************/
/*********************************************************************************/

.seccio-formacio-cap {
  margin-top: 10px;
  background: #f1f4f9;
  border-bottom: 2px solid #002B4F;
  border-radius: 0 5px 5px 0;
}

.seccio-formacio-cap h3 {
  text-transform: uppercase;
  font-family: 'Lato';
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
  color: #002B4F;
  padding-left: 10px;
  margin: 10px 0;
  display: inline-block;
  font-style: inherit;
  letter-spacing: normal;
  cursor: pointer;
}

.seccio-formacio-cap .icon-seccio-formacio-cap {
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #002B4F !important;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
}


.formacio-fla-div-largo {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin: 1em 0em;
}


.formacio-fla-info {
  text-align: left;
}

.formacio-fla-literales {
  background-color: #f1f4f9;
  border-bottom: 1px solid #fff;
  text-align: right;
  width: 20%;
  display: inline-block;
  padding-right: 1em;
  font-weight: 700;
  margin-right: 1em;
  vertical-align: top;
}

.formacio-fla-literales-largo {
  background-color: #f1f4f9;
  border-bottom: 1px solid #fff;
  text-align: left;
  width: 95%;
  display: inline-block;
  padding-right: 1em;
  padding-left: 10px;
  font-weight: 700;
  margin-right: 1em;
  margin-bottom: 1em;
  vertical-align: top;
}

.formacio-fla-info2 {
  display: inline-block;
  width: 75%;
}

.formacio-fla-info2-largo {
  width: 95%;
}

.formacio-fla-info2 span.icon-lnk {
  width: 20px;
  color: #292a25;
  font-size: 1.5em;
  text-align: center;
  margin-right: 10px;
}

.formacio-fla-info2 span.titol-lnk {
  font-family: 'Lato';
  color: #292a25;
  font-size: 1em;
  padding-bottom: 10px;
  font-weight: 600;
}

.formacio-fla-info2 span.titol-lnk a, .formacio-fla-div-largo span.titol-lnk a:hover {
  color: #292a25;
}

.seccio-formacio-cap-xarxes {
  margin-top: 50px;
}

.seccio-formacio-cap-xarxes .formacio-fla-info {
  text-align: center;
}

.seccio-formacio-fla-img img {
  margin: 0 !important;
}

#divTestimonis .checked {
  color: orange
}

#divTestimonis ul li {
  background: none;
  padding: 1em 0;
  border-bottom: 1px solid #f2f2f2
}

#divTestimonis .testimoni {
  margin-top: 1em
}

#divTestimonis .testimoni-footer span {
  font-family: Arial;
  margin-right: 2em;
  font-size: 0.8em
}

#divTestimonis .testimoni-img {
  float: left;
  display: block
}

#divTestimonis .testimoni-img img {
  width: 115px;
}


/*********************************************************************************/
/*****************************  Fi FORMACIO FLA **********************************/
/*********************************************************************************/


/*********************************************************************************/
/******************************  TPCCAJAACORDEON *********************************/
/*********************************************************************************/
.caja-regular-shadow-acordeon {
  width: 100% !important;
}

.caja-acordeon-columna {
  width: 104% !important;
}

.caja-acordeon-columna .content-caja-regular-shadow-color {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.caja-acordeon-columna  .caja-acordeon-columna {
  width: 102% !important;
}

.caja-acordeon-columna > .content-caja-regular-shadow-color > .titulo-area-caja-color {
	font-size: 3em;
}

.caja-acordeon-columna .caja-acordeon-columna > .content-caja-regular-shadow-color > .titulo-area-caja-color{
	font-size: 2em;
}

.caja-acordeon-columna .logoComp-color img {
	margin: 0 !important;
	width: 200px;
	height: 200px;
}

.logoComp-color {
  padding: 0;
  background: none !important;
  display: inline-block;
  border-radius: .25em 0 0 .25em;
  float: left;
}

.logoComp-color img {
  margin: 0 !important;
  width: 74px;
  height: 74px;
}

.content-caja-acordeon .entry-content {
  width: 100%;
  margin: 0 0 4em 0;
}

/*********************************************************************************/
/**************************** FIN  TPCCAJAACORDEON *******************************/
/*********************************************************************************/

/********************************************************************************************/
/******************************  TPCLISTAFICHAPERSONAPLEGAT *********************************/
/********************************************************************************************/

.caja-regular-shadow-interior {
  width: 98.5% !important;
  padding: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.content-caja-regular-shadow-interior {
  /*height: 50px;*/
}

.titulo-area-caja-interior {
  /*float: left;
	margin:10px 0 0 10px;*/
  font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  cursor: pointer;
  width: 60%;
  display: inline-block;
  padding: 5px 0 5px 10px;
  vertical-align: top;
}

.icon-caja-menu-interior {
  margin-top: auto;
  float: right;
  padding: 10px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;

  /*margin-top: 15px;
    margin-right: 15px;*/
}

@media only screen and (max-width: 1200px) {
  .titulo-area-caja-interior {
    width: 52%;
  }
}

@media only screen and (max-width: 992px) {
  .titulo-area-caja-interior {
    font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    cursor: pointer;

    display: inline-block;
    padding: 5px 0 5px 5px;
    vertical-align: top;
  }

  .icon-caja-menu-interior {
    float: right;
    padding: 14px;
    font-size: 18px !important;
    color: #212529 !important;
    cursor: pointer;

    /*margin-top: 15px;
		margin-right: 0;*/
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .icon-caja-menu-interior {
    float: right;
    padding: 12px 5px 12px 12px;
    font-size: 18px !important;
    color: #212529 !important;
    cursor: pointer;

    /*margin-top: 15px;
		margin-right: 0;*/
  }
}

.content-thesauro-interior {
  /*padding-left: 50px;*/
  padding-top: 10px;
  display: none;
}

/********************************************************************************************/
/**************************** FIN  TPCLISTAFICHAPERSONAPLEGAT *******************************/
/********************************************************************************************/

/********************************************************************************************/
/************************************** TPLACTFORCOMP **************************************/
/********************************************************************************************/


#TPLActForComp .formacio-idiomes-div-largo {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin: 1em 0em;
}

#TPLActForComp .literales-largo {
  margin-bottom: 0.5em;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-weight: 700;
  margin-right: 1em;
  width: 19%;
  text-align: left;
  padding-left: 1em;
}


#TPLActForComp .bloc_informacio {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  text-align: justify;
  display: flex;
  column-gap: 1em;
}

#TPLActForComp .bloc_seccio_informacio {
  margin: 1.5em 0em;
  display: flex; /* Para escritorio se colocara en 2 columnas pero en mobiles pasara a 1 */
  column-gap: 1em;
}

#TPLActForComp .bloc_informacio_100 {
  flex: 100%;
}

#TPLActForComp .bloc_informacio_50 {
  flex: 50%;
}


#TPLActForComp .bloc_informacio_100 .bloc_informacio_literal {
  flex: 20%; /* El elemento ocupara el 20 de la fila*/
}

#TPLActForComp .bloc_informacio_100 .bloc_informacio_valor {
  flex: 80%; /* El elemento ocupara el 80 de la fila*/
}

#TPLActForComp .bloc_informacio_50 .bloc_informacio_literal {
  flex: 42%;
}

#TPLActForComp .bloc_informacio_50 .bloc_informacio_valor {
  flex: 58%;
}

#TPLActForComp .bloc_informacio_literal {
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  text-align: left;
  padding-left: 1em;
  font-weight: 700;

}

/* Toni - Patrimoni Arquitectonic */
#TPLActForComp .bloc_imatgeDetall {
  margin-bottom: 2em;
}

#TPLActForComp img.imatgeDetall {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/*Estilos para moviles*/
@media only screen and (max-width: 1024px) {
  #TPLActForComp .bloc_seccio_informacio {
    display: block; /* En version movil pasaremos de flex a block para conseguir una sola columna*/
  }

  #TPLActForComp .bloc_informacio_50 {
    flex: 100%;
    margin: 1.5em 0em; /* En version movil necesitamos un padding entre las columnas de 50 para separar los elementos verticalmente*/
  }

  #TPLActForComp .bloc_informacio_50 .bloc_informacio_literal {
    flex: 25%;
  }

  #TPLActForComp .bloc_informacio_50 .bloc_informacio_valor {
    flex: 75%;
  }

  #TPLActForComp .bloc_informacio_100 .bloc_informacio_literal {
    flex: 25%; /* El elemento ocupara el 20 de la fila*/
  }

  #TPLActForComp .bloc_informacio_100 .bloc_informacio_valor {
    flex: 75%; /* El elemento ocupara el 80 de la fila*/
  }

  #TPLActForComp .bloc_informacio_50 .bloc_informacio_llista {
    flex: 75%;
  }

  #TPLActForComp .literales-largo {
    width: 24%;
  }
}

@media only screen and (max-width: 557px) {
  #TPLActForComp .bloc_informacio_50 {
    font-size: 0.8em;
  }

  #TPLActForComp .bloc_informacio_100 {
    font-size: 0.8em;
  }

  #TPLActForComp .formacio-idiomes-div-largo {
    font-size: 0.8em;
  }

  #TPLActForComp .literales-largo {
    font-size: 1.4em;
  }
}

#TPLActForComp .ancho100 {
  width: 100%;
}

/********************************************************************************************/
/************************************* FIN  TPLACTFORCOMP ***********************************/
/********************************************************************************************/


/********************************************************************************************/
/************************************** TPLPROINNEDU **************************************/
/********************************************************************************************/


#TPLProInnEdu .formacio-idiomes-div-largo {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin: 1em 0em;
}

#TPLProInnEdu .literales-largo {
  margin-bottom: 0.5em;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-weight: 700;
  margin-right: 1em;
  width: 19%;
  text-align: left;
  padding-left: 1em;
}


#TPLProInnEdu .bloc_informacio {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  /*text-align: justify;*/
  display: flex;
  column-gap: 1em;
}

#TPLProInnEdu .bloc_seccio_informacio {
  margin: 1.5em 0em;
  display: flex; /* Para escritorio se colocara en 2 columnas pero en mobiles pasara a 1 */
  column-gap: 1em;
}

#TPLProInnEdu .bloc_informacio_100 {
  flex: 100%;
}

#TPLProInnEdu .bloc_informacio_50 {
  flex: 50%;
}


#TPLProInnEdu .bloc_informacio_100 .bloc_informacio_literal {
  flex: 20%; /* El elemento ocupara el 20 de la fila*/
}

#TPLProInnEdu .bloc_informacio_100 .bloc_informacio_valor {
  flex: 80%; /* El elemento ocupara el 80 de la fila*/
}

#TPLProInnEdu .bloc_informacio_50 .bloc_informacio_literal {
  flex: 42%;
}

#TPLProInnEdu .bloc_informacio_50 .bloc_informacio_valor {
  flex: 58%;
}

#TPLProInnEdu .bloc_informacio_50 .bloc_informacio_llista {
  display: flex;
  flex-direction: column;
  flex: 58%;
}

#TPLProInnEdu .bloc_informacio_literal {
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  text-align: left;
  padding-left: 1em;
  font-weight: 700;

}

/* Toni - Patrimoni Arquitectonic */
#TPLProInnEdu .bloc_imatgeDetall {
  margin-bottom: 2em;
}

#TPLProInnEdu img.imatgeDetall {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#TPLProInnEdu .caja-regular-shadow-color {
  /* padding: 1em!important; */
  margin-bottom: 1em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  width: 100% !important;
  display: inline-block;
}

#TPLProInnEdu .caja-regular-shadow-color .logoArea-color-uv img {
  width: 2em;
  margin: 0 0 0 0.5em; /* disminuir el margen de #content .entry-content img*/
}

#TPLProInnEdu .logoArea-color-uv img {
  width: 70px;
  height: 40px;
}

#TPLProInnEdu .icon-caja-menu-color {

  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 15px;
}

#TPLProInnEdu .content-caja-regular-shadow-color {
  text-align: left;
  cursor: pointer;
}

#TPLProInnEdu .content-thesauro-azul {
  padding: 0px 20px 20px 35px;
}



/*Estilos para moviles*/
@media only screen and (max-width: 1024px) {
  #TPLProInnEdu .bloc_seccio_informacio {
    display: block; /* En version movil pasaremos de flex a block para conseguir una sola columna*/
  }

  #TPLProInnEdu .bloc_informacio_50 {
    flex: 100%;
    margin: 1.5em 0em; /* En version movil necesitamos un padding entre las columnas de 50 para separar los elementos verticalmente*/
  }

  #TPLProInnEdu .bloc_informacio_50 .bloc_informacio_literal {
    flex: 25%;
  }

  #TPLProInnEdu .bloc_informacio_50 .bloc_informacio_valor {
    flex: 75%;
  }

  #TPLProInnEdu .bloc_informacio_100 .bloc_informacio_literal {
    flex: 25%; /* El elemento ocupara el 20 de la fila*/
  }

  #TPLProInnEdu .bloc_informacio_100 .bloc_informacio_valor {
    flex: 75%; /* El elemento ocupara el 80 de la fila*/
  }

  #TPLProInnEdu .bloc_informacio_50 .bloc_informacio_llista, #TPLProInnEdu .bloc_informacio_100 .bloc_informacio_llista {
    flex: 75%;
  }

  #TPLProInnEdu .literales-largo {
    width: 24%;
  }
}

@media only screen and (max-width: 557px) {
  #TPLProInnEdu .bloc_informacio_50 {
    font-size: 0.8em;
  }

  #TPLProInnEdu .bloc_informacio_100 {
    font-size: 0.8em;
  }

  #TPLProInnEdu .formacio-idiomes-div-largo {
    font-size: 0.8em;
  }

  #TPLProInnEdu .literales-largo {
    font-size: 1.4em;
  }
}

#TPLProInnEdu .ancho100 {
  width: 100%;
}

/********************************************************************************************/
/************************************* FIN  TPLPROINNEDU ***********************************/
/********************************************************************************************/


/********************************************************************************************/
/***************************** TPCDestacatImatgeTextCerclesInterior *************************/
/********************************************************************************************/

#TPCDestacatImatgeTextCerclesInterior.contenedor-circulos {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 100%;
  gap: 4em 1em; /* Definimos el espaciado entre elementos de la rejilla flex. (4 Vertical y 1 Horizontal) */
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
}

#TPCDestacatImatgeTextCerclesInterior .caja-circulo-flex img {
  display: flex;
  margin: 0 auto;
  margin-bottom: 1em;
}

#TPCDestacatImatgeTextCerclesInterior .caja-circulo-flex-1 {
  /* Con esta linea le decimos que ocupetodo el espacio disponible en la fila (1) y que el elemento ocupe (100% - 10px), donde esto significa que cada elemento ocupara el 100% del ancho completo de la fila con un margin de 10px */
  flex: 1 0 calc(100% - 10px);
}

#TPCDestacatImatgeTextCerclesInterior .caja-circulo-flex-2 {
  /* Con esta linea le decimos que ocupetodo el espacio disponible en la fila (1) y que cada elemento ocupe (50% - 10px), donde esto significa que cada elemento ocupara el 50% del ancho completo de la fila con un margin de 10px */
  flex: 1 0 calc(50% - 10px);
}

#TPCDestacatImatgeTextCerclesInterior .caja-circulo-flex-3 {
  /* Aqui en el calc ponemos 33 porque queremos 3 elementos por fila (100/3=33)*/
  flex: 1 0 calc(33% - 10px);
}

#TPCDestacatImatgeTextCerclesInterior .caja-circulo-flex-4 {
  /* Aqui en el calc ponemos 33 porque queremos 4 elementos por fila (100/4=25)*/
  flex: 1 0 calc(25% - 10px);
}

#TPCDestacatImatgeTextCerclesInterior .caja-circulo-flex-5 {
  /* Aqui en el calc ponemos 33 porque queremos 5 elementos por fila (100/5=20)*/
  flex: 1 0 calc(20% - 10px);
}

#TPCDestacatImatgeTextCerclesInterior .caja-circulo-flex-6 {
  /* Aqui en el calc ponemos 33 porque queremos 6 elementos por fila (100/6=16)*/
  flex: 1 0 calc(16% - 10px);
}

/********************************************************************************************/
/************************* FIN  TPCDestacatImatgeTextCerclesInterior ************************/
/********************************************************************************************/

/********************************************************************************************/
/************************ INICIO  Correcion boton call action Honoris ***********************/
/********************************************************************************************/

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

  .call-button {
    margin-top: 0em; /*Call action UVDocencia home UV*/
    margin-bottom: 0em;
  }

  .call-button a {
    font-size: 1em;
  }

}

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

  .call-button {
    margin-top: 0em; /*Call action UVDocencia home UV*/
    margin-bottom: 1em;
  }

  .call-button a {
    font-size: 0.7em;
  }

}

/********************************************************************************************/
/************************ FIN  Correcion boton call action Honoris ***********************/
/********************************************************************************************/


/********************************************************************************************/
/**************************** INICIO  TPCLlistatTramitsRTInterior ***************************/
/********************************************************************************************/

.caja-cat-tramrt {
  /* padding: 1em!important; */
  margin-bottom: 0.5em !important;
  box-shadow: 0 0.5em 1em rgb(0 0 0 / 15%) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  /*width: 95% !important;
  display: inline-block;*/
}

a.link-cat-tramrt-head {
  color: #333;
  font-size: 14px;
  font-family: Raleway;
  font-weight: normal;
  padding: 0.4em;
  cursor: pointer;
  text-decoration: none;
  /*height: 25px;*/
  /*display: block;*/
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

a.link-cat-tramrt-head .title-cat-seu-proc {
	float: none;
}

a.link-cat-tramrt-head .fa {
	float: none !important;
}

a.link-cat-tramrt-head .title-cat-seu-proc .fa {
  margin-right: 0.5em;
}

a.link-cat-tramrt-head .title-cat-seu-proc .fa-solid {
	margin-right: 0.5em;
	color: #a9a9a9;
}

ul.cat-seu-proc-head li.bloc-trt {
  background: none;
  background-color: #fff;
  margin: 0em;
  padding: 0em;
  border-bottom: 1px solid #fff;
  position: relative;
}

ul.cat-seu-proc-head li.bloc-trt span {
  right: 0;
  position: absolute;
  margin-top: -21px;
  margin-right: 10px;
  cursor: pointer;
}

ul.cat-seu-proc-head li.bloc-trt a.link-proc-list {
  padding: 0.5em 0.83em;
  margin: 0;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: normal;
  display: block;
  text-decoration: none;
  text-align: left;
  background-color: #f1f1f1;
}

ul.cat-seu-proc-head li.bloc-trt a.link-proc-list-selected {
  background-color: #d7d7d7 !important;
  color: #292a25 !important;
  font-weight: 600;
}

ul.cat-seu-proc-head li.bloc-trt a.link-proc-list-selected .fa {
  color: #292a25 !important;
}

ul.cat-seu-proc-head li.bloc-trt a.link-tramrt-list {
  padding: 0.5em 0.83em 0.5em 1.5em;
  margin: 0;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: normal;
  display: block;
  text-decoration: none;
  text-align: left;
  background-color: #fff;
}

ul.cat-seu-proc-head li.bloc-trt a.link-tramrt-list:hover {
  background-color: #f1f1f1;
}

ul.cat-seu-proc-head li.bloc-trt a.link-tramrt-list-selected {
  background-color: #324960 !important;
  color: #fff !important;
}

.contenido-tramrt {
  margin: 1% 1% 1% 3%;
  padding-top: 3px;
  color: #545454;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.fondo-caja-tramrt {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

/* Interior */
.caja-cat-tramrt .bloque-contenido {
  overflow: hidden;
  max-height: 2500px;
  -webkit-transition: max-height 500ms ease-out;
  -moz-transition: max-height 500ms ease-out;
  -o-transition: max-height 500ms ease-out;
  transition: max-height 500ms ease-out;
  margin: 0em;
  padding: 0em;
  background: #f9f9f9;
}





/********************************************************************************************/
/****************************** FI  TPCLlistatTramitsRTInterior *****************************/
/********************************************************************************************/

/********************************************************************************************/
/****************************** INICIO  TPLConvocatoriaInves ********************************/
/********************************************************************************************/


.content-convocatoria-inves {
  /*float: left;
  width: 46em;*/ /*2 columnas*/
  padding: 0;
  margin: 0;
  font-size: 0.95em;
}

.column-convocatoria-inves {
  float: right;
  width: 24em;
  padding: 0;
  margin: 0;
  font-size: 0.95em;
}

.seccio-convocatoria-inves {
  margin-top: 15px;
  padding-bottom: 5px;
  /*background: #f1f4f9;
  border-radius: 5px 5px 0 0;*/
  /*box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;*/
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.titol-convocatoria-inves {
  background-color: #fff;
  border-radius: 5px;
  /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
  float: left;
  width: 100%;
}

.titol-convocatoria-inves-plegat {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.titol-convocatoria-inves h3 {
  text-transform: uppercase;
  font-family: 'Lato';
  font-size: 16px;
  /*font-weight: 700;*/
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  color: #000;
  padding-left: 0.5em;
  margin: 0;
  font-style: inherit;
  letter-spacing: normal;
  cursor: pointer;

  width: 90%;
  float: left;

  /*background-color: #f2f2f2;
    border-radius: 5px 5px 0 0;*/
}

.titol-convocatoria-inves .title-section-convocatoria-inves {
  text-transform: uppercase;
  font-family: 'Lato';
  font-size: 16px;
  /*font-weight: 700;*/
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  color: #000;
  padding-left: 0.5em;
  margin: 0;
  font-style: inherit;
  letter-spacing: normal;
  cursor: pointer;

  width: 90%;
  float: left;
}

.titol-convocatoria-inves .fa {
  float: right;
  padding: 10px;
  cursor: pointer;
  margin-right: 0.7em;
  color: dimgrey;
  font-size: 1.4em;
}

.div-largo-convocatoria-inves {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin: 1em 0em;
}

.info-convocatoria-inves {
  text-align: left;
}

.literales-convocatoria-inves {
  text-align: right;
  width: 30%;
  display: inline-block;
  font-weight: 700;
  margin-right: 1em;
  vertical-align: top;
  background: #f2f2f2;
  padding: 0.25em;
}

.info2-convocatoria-inves {
  display: inline-block;
  width: 60%;
  padding: 0.25em;
}

.info2-convocatoria-inves ul li {
  /*background-color: #f2f2f2 !important;*/
}

.label-buscador-convocatoria-inves {
  width: 90%;
  padding-left: 1em;
  display: inline-block;
  font-weight: 700;
  margin-right: 1em;
  vertical-align: top;
}

.info-convocatoria-inves .form-data {
  margin-left: 1em;
  padding: 5px;
  width: 14em;
}

.info-convocatoria-inves .tipos {
  display: inline-block;
  width: 90%;
  padding-left: 1em;
}

.info-convocatoria-inves .tipos span {
  margin-left: 0.5em;
}

.info-convocatoria-inves .todos-ninguno {
  width: 90%;
  margin-left: 0.5em;
}

#divBuscador.seccio-convocatoria-inves {
  background: #f2f2f2; /*#f1f4f9;*/
  border-radius: 5px 5px 0 0;
  /*box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;*/
}

#divBuscador.titol-convocatoria-inves {
  background-color: #fff;
}

#divBuscador.seccio-convocatoria-inves form button.submit {
  width: 10%;
  display: inline-block;
  padding: 10px 0px;
  box-sizing: border-box;
  border: 0;
  background: none;
  cursor: pointer;
}

#divBuscador.seccio-convocatoria-inves form button.submit-ti {
  padding: 12px 0px;
}

#divBuscador.seccio-convocatoria-inves form .form-fecha {
  width: 75%;
  box-sizing: border-box;
  padding: 5px 10px;
  font-size: 14px;
  font-family: 'Lato';
  display: inline-block;
  margin: 0em;
  vertical-align: middle;
  border: 1px solid #CCCCCC;
}

#divBuscador.seccio-convocatoria-inves form button.ui-datepicker-trigger {
  width: 15%;
  display: inline-block;
  padding: 6px 0px;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
  cursor: pointer;
  background: none;
}

/* Llistats ConvocatoriaInves */
.convocatoria-inves-entitat {
  width: 35%;
  padding: 0.3em;
  float: left;
}

.convocatoria-inves-dates {
  width: 50%;
  float: left;
  padding: 0.3em;
}

/********************************************************************************************/
/****************************** FI  TPLConvocatoriaInves ************************************/
/********************************************************************************************/


/********************************************************************************************/
/****************************** INICIO  Llistat REcursObsCul ********************************/
/********************************************************************************************/

.content-recurs-obscul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: column;
}

.item-recurs-obscul {
  padding: 1em 0.5em 1em 0.5em;
  display: flex;
  flex-flow: row;
  align-content: flex-start;
}

.item-recurs-obscul .img-recurs-obscul {
  width: 20em;
  padding: 1em 2em 1em 1em;
}

.item-recurs-obscul .img-recurs-obscul img {
  width: 20em;
  margin: 0 !important;
}

.item-recurs-obscul .info-recurs-obscul {
  float: left;
  width: calc(100% - 20em);
  padding: 1em;
}

.item-recurs-obscul .info-recurs-obscul .title-recurs-obscul {
  font-family: Raleway;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  vertical-align: top;
}

.item-recurs-obscul .info-recurs-obscul .data-recurs-obscul {
  margin-left: 0;
  margin-top: 0.5em;
}

.item-recurs-obscul .info-recurs-obscul .text-recurs-obscul {
  margin-top: 0.5em;
  color: #292a25;
  font-size: 1.2em;
  font-family: 'Lato';
}

.item-recurs-obscul .info-recurs-obscul .link-recurs-obscul {
  margin: 0;
}

.link-recurs-obscul span.icon-lnk {
  width: 20px;
  color: #292a25;
  font-size: 1.4em;
  text-align: center;
  margin-left: 5px;
  vertical-align: middle;
}

.link-recurs-obscul span.titol-lnk {
  font-family: 'Lato';
  color: #292a25;
  font-size: 1.2em;
  font-weight: 600;
}

.link-recurs-obscul span.titol-lnk a, .link-recurs-obscul span.titol-lnk a:hover {
  color: #292a25;
}

/*Estilos para moviles*/
@media only screen and (max-width: 1024px) {
  .item-recurs-obscul {
    flex-flow: column;
  }

  .item-recurs-obscul .info-recurs-obscul {
    width: 95%;
  }
}

/********************************************************************************************/
/****************************** FI  Llistat REcursObsCul ************************************/
/********************************************************************************************/

/********************************************************************************************/
/**************************** INICIO CallAction Imatge Lateral ******************************/
/********************************************************************************************/

.callActionImatgeLat-content {
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row;
}




.callActionImatgeLat-info {
  webkit-transition: 500ms all cubic-bezier(0.75, -0.5, 0, 1.75);
  transition: 500ms all cubic-bezier(0.75, -0.5, 0, 1.75);
  z-index: 4;
  flex: 1;
}

.callActionImatgeLat-info-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  padding: 2em;
}

.callActionImatgeLat-call-text {
  padding: 1em;
  font-size: 1.2em;
  color: #848a92;
  text-align: left;
}

.callActionImatgeLat-call-title, .callActionImatgeLat-call-title p {
  font-family: Oswald;
  letter-spacing: 0.03em;
  color: #292a25;
  font-size: 2.5em;
  white-space: normal;
  text-transform: uppercase;
}

@media (max-width: 567px) {
	.callActionImatgeLat-content {flex-flow: column !important}
	.callActionImatgeLat-info-center {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

@media (max-width: 567px) {
  .callActionImatgeLat-content {
    flex-flow: column !important
  }

  .callActionImatgeLat-info-center {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

/********************************************************************************************/
/***************************** FI  CallAction Imatge Lateral ********************************/
/********************************************************************************************/

/********************************************************************************************/
/************************************** TPLPATRIMONIARQ **************************************/
/********************************************************************************************/


#TPLPatrimoniArq .formacio-idiomes-div-largo {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  margin: 1em 0em;
}

#TPLPatrimoniArq .literales-largo {
  margin-bottom: 0.5em;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-weight: 700;
  margin-right: 1em;
  width: 19%;
  text-align: left;
  padding-left: 1em;
}


#TPLPatrimoniArq .bloc_informacio {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  text-align: justify;
  display: flex;
  column-gap: 1em;
}

#TPLPatrimoniArq .bloc_informacio_audio {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  text-align: justify;
  display: flex;
  row-gap: 1em;
  flex-flow: column;
}

#TPLPatrimoniArq .bloc_seccio_informacio {
  margin: 1.5em 0em 0em 0em;
  padding-bottom: 1.5em;
  display: flex; /* Para escritorio se colocara en 2 columnas pero en mobiles pasara a 1 */
  column-gap: 1em;
}

#TPLPatrimoniArq .bloc_informacio_100 {
  flex: 100%;
}

#TPLPatrimoniArq .bloc_informacio_50 {
  flex: 50%;
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_literal {
  flex: 20%; /* El elemento ocupara el 20 de la fila*/
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_valor {
  flex: 80%; /* El elemento ocupara el 80 de la fila*/
}

#TPLPatrimoniArq .bloc_informacio_50 .bloc_informacio_literal {
  flex: 42%;
}

#TPLPatrimoniArq .bloc_informacio_50 .bloc_informacio_valor {
  flex: 58%;
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_fila {
  flex: 100%; /* El elemento ocupara el 100 de la fila*/
  flex-flow: row;
  display: flex;
  column-gap: 1em;
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_geo {
  flex: 37%; /* El elemento ocupara el 37 de la fila*/
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_mapa {
  flex: 63%; /* El elemento ocupara el 63 de la fila*/
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_fila .video_patrimoni_arq {
  width: 100%;
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_fila .video_patrimoni_arq iframe {
  width: 100%;
  height: 100%;
}

#TPLPatrimoniArq .bloc_informacio_literal {
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  text-align: left;
  padding-left: 1em;
  font-weight: 700;

}

/* Toni - Patrimoni Arquitectonic */
#TPLPatrimoniArq .bloc_imatgeDetall {
  margin-bottom: 2em;
}

#TPLPatrimoniArq img.imatgeDetall {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#TPLPatrimoniArq .audiobtn {
  background-color: transparent;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  border-radius: 0;
  border: 1px solid #333;
  text-decoration: none;
  cursor: pointer;
  min-width: 128px;
  border-radius: 5px;
}

#TPLPatrimoniArq .audiobtn .audiobtn_left {
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-image: none;
}

#TPLPatrimoniArq .audiobtn .audiobtn_left .audiobtn_text {
  vertical-align: baseline;
  height: auto;
  margin: 0;
  padding: 0 0.625rem;
  font-family: 'Lato', serif;
  font-size: 0.688rem;
  line-height: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  display: block;
  outline: 0;
}

#TPLPatrimoniArq .audiobtn .audiobtn_right {
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  width: 30px;
  height: 30px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  /*margin-left: -0.625rem;*/
  border-left: none;
  background: none;
  margin-left: auto;
  padding-right: 0.5em;
}

#TPLPatrimoniArq .audiobtn .audiobtn_right .fa {
  color: #333;
  font-size: 1.5em;
}

#TPLPatrimoniArq .audiobtn .audiobtn_right img {
  margin: 0;
}

#TPLPatrimoniArq .read-more, #TPLPatrimoniArq .read-less {
  /*display: inline-block;
    margin-left: 8px;*/
  display: block;
  margin-top: 8px;
}

#TPLPatrimoniArq .read-more a, #TPLPatrimoniArq .read-less a {
  display: inline-block;
}

#TPLPatrimoniArq .read-more .mas-info, #TPLPatrimoniArq .read-less .mas-info {
  line-height: 1px;
  margin: 0 8px;
  /*text-indent: -119988px;*/
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  display: block;
  display: inline-block;
  /*border-left: 1px solid #ccc;*/
  cursor: pointer;
}

#TPLPatrimoniArq .read-more .mas-info .fa, #TPLPatrimoniArq .read-less .mas-info .fa {
  font-size: 1.5em; /*110%;*/
  color: #333;
  /*margin-left: 0.5em;*/
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_fila video {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

#TPLPatrimoniArq .bloc_banner {
  flex: 100%;
  flex-flow: row;
  display: flex;
  column-gap: 1em;
}

#TPLPatrimoniArq .bloc_banner .banner_item {
  flex: 50%;
  display: flex;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

#TPLPatrimoniArq .bloc_banner .banner_item a {
  display: inline-block;
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_geo p {
  padding-left: 0.5em;
  padding-bottom: 0.2em;
  font-size: 1em;
  font-family: 'Lato', serif;
}

#TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_mapa #mapManual {
  height: 22em !important;
}

/*Estilos para moviles*/
@media only screen and (max-width: 1024px) {
  #TPLPatrimoniArq .bloc_seccio_informacio {
    display: block; /* En version movil pasaremos de flex a block para conseguir una sola columna*/
  }

  #TPLPatrimoniArq .bloc_informacio_50 {
    flex: 100%;
    margin: 1.5em 0em; /* En version movil necesitamos un padding entre las columnas de 50 para separar los elementos verticalmente*/
  }

  #TPLPatrimoniArq .bloc_informacio_50 .bloc_informacio_literal {
    flex: 25%;
  }

  #TPLPatrimoniArq .bloc_informacio_50 .bloc_informacio_valor {
    flex: 75%;
  }

  #TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_literal {
    flex: 25%; /* El elemento ocupara el 20 de la fila*/
  }

  #TPLPatrimoniArq .bloc_informacio_100 .bloc_informacio_valor {
    flex: 75%; /* El elemento ocupara el 80 de la fila*/
  }

  #TPLPatrimoniArq .literales-largo {
    width: 24%;
  }

  #TPLPatrimoniArq .bloc_banner {
    flex-flow: column;
    row-gap: 1em;
  }

  #TPLPatrimoniArq .bloc_banner .banner_item {
    flex: 100%;
  }
}

@media only screen and (max-width: 557px) {
  #TPLPatrimoniArq .bloc_informacio_50 {
    font-size: 0.8em;
  }

  #TPLPatrimoniArq .bloc_informacio_100 {
    font-size: 0.8em;
  }

  #TPLPatrimoniArq .formacio-idiomes-div-largo {
    font-size: 0.8em;
  }

  #TPLPatrimoniArq .literales-largo {
    font-size: 1.4em;
  }

  #TPLPatrimoniArq .control-audio audio {
    max-width: 235px;
  }
}

#TPLPatrimoniArq .ancho100 {
  width: 100%;
}

/********************************************************************************************/
/************************************* FIN  TPLPATRIMONIARQ ***********************************/
/********************************************************************************************/

/********************************************************************************************/
/******************** ESCOLA DOCTORAT - ACT ESPECIFIQUES TITUL DOCTORAT *********************/
/********************************************************************************************/

.titulacioDoctorat .caja-regular-shadow-color {
  margin-bottom: 1.5em !important;
  width: 100% !important;
}

.titulacioDoctorat .content-caja-regular-shadow-color .icon-caja-menu-color {
  margin: 0;
}

.titulacioDoctorat .titulo-area-caja-color {
  font-family: Raleway;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  cursor: pointer;
  width: 65%;
  display: inline-block;
  padding: 10px 0 10px 10px;
  vertical-align: top;
}

.content-thesauro-doctorat {
  padding: 0px 20px 20px 25px;
}

.caixa-titulacio {
  text-align: left;
  color: #212529 !important;
  font-size: 1.1em;
  font-weight: 500;
  padding: 0.5em;
  border: solid 1px #c0c0c0;
  border-radius: 0.25em;
  margin-bottom: 5px;
  cursor: pointer;
  background: none;
}

.doctorat-act-items {
  margin: 20px 0;
}

.doctorat-act-items .doct-act-subtitol {
  font-weight: 600;
  margin: 10px 0;
}

.doct-act-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 1em;
  margin-bottom: 0.5em;
  background-color: #f2f2f2;
  padding: 0.2em;
}

.doct-act-item .codi-doct-act-item {
  flex: 1 1 10%;
}

.doct-act-item .name-doct-act-item {
  flex: 1 1 88%;
}

.doct-act-item .icon-doct-act-item {
  flex: 1 1 2%;
}

.doct-act-item .icon-doct-act-item .fa {
  color: #212529;
  font-size: 1.2em;
}

.doct-act-item .text-doct-act-item {
  flex: 1 1 100%;
  font-size: 0.8em;
}

/********************************************************************************************/
/******************* FI ESCOLA DOCTORAT - ACT ESPECIFIQUES TITUL DOCTORAT *******************/
/********************************************************************************************/

/********************************************************************************************/
/******************** ESCOLA DOCTORAT - TPLlistaTitulacionsDoctoratArea *********************/
/********************************************************************************************/

.caixa-doctorat {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 1em;
  margin-bottom: 0.5em;
  background-color: #f2f2f2;
  padding: 0.4em;
}

.caixa-doctorat .titol-doctorat-item {
  flex: 1 1 98%;
  cursor: pointer;
}

.caixa-doctorat .icon-doctorat-item {
  flex: 1 1 2%;
  cursor: pointer;
}

.caixa-doctorat .icon-doctorat-item .fa {
  color: #212529;
  font-size: 1.5em;
}

.caixa-doctorat .info-doctorat-item {
  flex: 1 1 100%;
  font-size: 0.8em;
}

.caixa-doctorat .info-doctorat-item .doctorat-actions {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 1em;
  margin-bottom: 1em;
}

.btn-doctorat-action {
  display: inline-block;
  text-align: left;
  cursor: pointer;
  padding: 4px 16px;
  border-radius: 15px;
  min-width: 163px;
  height: 32px;
  color: #082b4e !important;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  /*background-color: rgb(16, 110, 190);
    border: 1px solid rgb(16, 110, 190);*/
  border: 1px solid #082b4e;
}

.btn-doctorat-action:hover {
  /*background-color: rgb(0, 120, 212);
  border: 1px solid rgb(0, 120, 212);*/
  background-color: #082b4e;
  border: 1px solid #082b4e;
  color: #fff !important;
  text-decoration: none;
}

.btn-doctorat-action .fa {
  color: #082b4e !important;
  margin-right: 5px;
  font-size: 1.2em;
}

.btn-doctorat-action:hover .fa {
  color: #fff !important;
}


.link-doctorat-action {
  display: inline-block;
  cursor: pointer;
  color: #082b4e !important;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
}

.link-doctorat-action:hover {
  text-decoration: underline;
}

.link-doctorat-action .fa {
  color: #082b4e !important;
  margin-right: 5px;
  font-size: 1.2em;
}

/********************************************************************************************/
/***************** FI ESCOLA DOCTORAT - TPLlistaTitulacionsDoctoratArea *********************/
/********************************************************************************************/

/********************************************************************************************/
/***************** ESCOLA DOCTORAT - TPCTitulacionsDoctoratAreesHomeManual ******************/
/********************************************************************************************/

.content-thesauro-color-doctorats {
  padding: 20px 0 20px 0;
}

.caja-regular-shadow-color ul.menu-desplegable-caja-nivel-2 {
  list-style: none;
  margin-left: 0em;
  margin-right: 0.5em;
}

.caja-regular-shadow-color ul.menu-desplegable-caja-nivel-2 li.item-menu-desplegable-nivel-2 {
  text-align: left;
  color: #212529 !important;
  font-size: 0.9em;
  font-weight: 500;
  padding: 0.5em;
  border-radius: 0.25em;
  margin-bottom: 5px;
  cursor: pointer;
  background-color: #f2f2f2;
}

.text-caja-menu-desplegable-nivel-2 {
  display: inline-block;
  width: 85%;
}

.icon-caja-menu-desplegable-nivel-2 {
  color: #212529 !important;
  float: right;
  margin-top: auto;
  padding: 0.25em;
  cursor: pointer;
}

.content-assets-thesauro-2 {
  margin-top: 0.5em;
  margin-left: 1em;
  display: none;
}

/********************************************************************************************/
/**************** FI ESCOLA DOCTORAT - TPCTitulacionsDoctoratAreesHomeManual ****************/
/********************************************************************************************/

/****************************************************/
/***************** Listado basico  ******************/
.lista-basico li.item-lista-basico {
  background: none;
}

.item-lista-basico .titol-item-lista-basico {
  font-weight: 500;
  color: #292a25;
  font-size: 1.2em;
  font-family: 'Lato';
  text-align: left;
}

.item-lista-basico .titol-item-lista-basico a {
  color: #292a25 !important;
  font-size: 18px !important;
}

/***************** Fi Listado basico ****************/
/****************************************************/

.zig-zag-complet-interior {
  height: auto;
}

.callAction-zig-info .zig-zag-info-content-interior {
  height: auto;
}

.zig-zag-info-interior .content-text-plegats {
  height: auto !important;
  margin-top: 3em;
}

/*****************************************************************/
/***************** DOCTORATS - TPCTesisDoctorat ******************/
/*****************************************************************/

#listado-tesis ul {
  list-style: none;
}

#listado-tesis li.elem-lista-cajas {
  background: none;
  padding: 0;
}

.content-elem-lista {
  display: block;
  position: relative;
  padding: 4px 0px 4px 8px;
  text-transform: none;
  cursor: pointer;
}

.info-elem-lista {
  margin: 0;
  width: 95%;
  display: inline-block;
  background-position-y: top;
  min-height: 30px;
}

.info-elem-lista .title {
  display: flex;
  flex-direction: row;
  font-weight: 500;
  color: #292a25;
  font-size: 1.2em;
  font-family: 'Lato';
  text-align: left;
}

.info-elem-lista .title .title-left {
  width: 95%;
  text-align: left;
}

.info-elem-lista .title .tesis-selected {
  font-weight: 600;
}

.info-elem-lista .title .title-right {
  width: 5%;
  text-align: left;
}

.info-elem-lista .title .title-left span {
  font-weight: 600;
  margin-right: 0.5em;
}

.info-elem-lista .title .icon-title {
  margin: 0.2em 0 0 0;
  float: right;
}

.info-elem-lista .detail {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}

.info-elem-lista .detail .detail-left, .info-elem-lista .detail .detail-right {
  width: 50%;
  text-align: left;
}

.info-elem-lista .detail .content-campo {
  color: #292a25;
  font-size: 1em;
  font-family: 'Lato';
  text-align: left;
}

.info-elem-lista .detail .label {
  font-weight: 600;
  margin-right: 0.5em;
  display: inline-block;
  min-width: 110px;
}

@media only screen and (max-width: 557px) {
  .info-elem-lista .detail .label {
    /*min-width: auto;*/
  }

  .info-elem-lista .detail .detail-left, .info-elem-lista .detail .detail-right {
    width: 100%;
  }
}



/*****************************************************************/
/*********************** MATERIALS JURIDICS **********************/
/*****************************************************************/

.content-itinerari-teoric {
  width: 100%;
}

.content-itinerari-teoric .icon-caja-menu-color {
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 15px;
}

.content-itinerari-teoric .content-thesauro-color {
  padding: 20px 20px 20px 20px;
}

.content-itinerari-practic {
  width: 100%;
}

.content-itinerari-practic .icon-caja-menu-color {
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 15px;
}

.content-itinerari-practic .content-thesauro-color {
  padding: 20px 20px 20px 20px;
}

.lista-rep-mat-juridics .video-llistaRepro {
  width: 100%;
}

.lista-rep-mat-juridics .llistatRepoVideo {
  width: 70% !important;
}

.lista-rep-mat-juridics .llistatReproduccio {
  width: 25% !important;
}

.lista-rep-mat-juridics .llistatReproduccio #selector-lista {
  width: 80% !important;
}

.lista-rep-mat-juridics .llistatReproduccio .mycustomscroll {
  height: 22em !important;
}

.caja-regular-nivel-1 {
  /*padding: 1em!important;*/
  margin-bottom: 3em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: .25em !important;
  background-color: #fff !important;
  width: 99% !important;
  display: inline-block;
}

.head-caja-regular-nivel-1 {
  /*height: 50px;*/
  text-align: left;
}

.titulo-caja-regular-nivel-1 {
  /*float: left;
	margin:10px 0 0 10px;*/
  font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.4;
  color: #212529;
  text-align: left;
  cursor: pointer;
  width: calc(100% - 11em); /*width: 72%;*/
  display: inline-block;
  padding: 10px 0 10px 10px;
  vertical-align: top;
}

.icon-caja-regular-nivel-1 {
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;

  /*margin-top: 15px;
  margin-right: 15px;*/
}

.content-caja-regular-nivel-1 {
  padding: 20px;
  display: none;
}

/* Nivel 2 */

.caja-regular-nivel-2 {
  /*text-align: left;
    color: #212529 !important;
    font-size: 1.4em;
    font-weight: 500;
    padding: 0.5em;
    border: solid 1px #c0c0c0;
    border-radius: 0.25em;
    margin-bottom: 5px;
    cursor: pointer;
    background: none;*/

  margin-bottom: 3em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: .25em !important;
  background-color: #fff !important;
  width: 99% !important;
  display: inline-block;
}

.head-caja-regular-nivel-2 {
  text-align: left;
}

.titulo-caja-regular-nivel-2 {
  font-family: Raleway;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.3;
  color: #212529;
  text-align: left;
  cursor: pointer;
  width: 85%;
  display: inline-block;
  padding: 10px 0 10px 10px;
  vertical-align: top;
}

.icon-caja-regular-nivel-2 {
  float: right;
  padding: 15px;
  font-size: 15px !important;
  color: #212529 !important;
  cursor: pointer;

  /*margin-top: 10px;
  margin-right: 10px;*/
}

.content-caja-regular-nivel-2 {
  padding: 10px;
  display: none;
}

@media only screen and (max-width: 1200px) {
  .titulo-caja-regular-nivel-1, .titulo-caja-regular-nivel-2 {
    width: 52%;
  }
}

@media only screen and (max-width: 992px) {
  .titulo-caja-regular-nivel-1, .titulo-caja-regular-nivel-2 {
    font-family: Raleway; /* "Lato",sans-serif Raleway "Humanist777-Bold" ** -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    cursor: pointer;

    display: inline-block;
    padding: 5px 0 5px 5px;
    vertical-align: top;
  }

  .icon-caja-regular-nivel-1, .icon-caja-regular-nivel-2 {
    float: right;
    padding: 14px;
    font-size: 18px !important;
    color: #212529 !important;
    cursor: pointer;

    margin-top: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .icon-caja-regular-nivel-1, .icon-caja-regular-nivel-2 {
    float: right;
    padding: 12px 5px 12px 12px;
    font-size: 18px !important;
    color: #212529 !important;
    cursor: pointer;

    margin-top: 0;
    margin-right: 0;
  }
}

/*****************************************************************/
/********************* FI MATERIALS JURIDICS *********************/
/*****************************************************************/

/*****************************************************************/
/*********************** MATERIALS JURIDICS **********************/
/*****************************************************************/

.content-itinerari-teoric {
	width: 100%;
}

.content-itinerari-teoric .icon-caja-menu-color {
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 15px;
}

.content-itinerari-teoric .content-thesauro-color {
	padding: 20px 20px 20px 20px;
}

.content-itinerari-practic {
	width: 100%;
}

.content-itinerari-practic .icon-caja-menu-color {
  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 15px;
}

.content-itinerari-practic .content-thesauro-color {
	padding: 20px 20px 20px 20px;
}

.lista-rep-mat-juridics .video-llistaRepro {
	width: 100%;
}

.lista-rep-mat-juridics .llistatRepoVideo {
	width: 70% !important;
}

.lista-rep-mat-juridics .llistatReproduccio {
	width: 25% !important;
}

.lista-rep-mat-juridics .llistatReproduccio #selector-lista {
	width: 80% !important;
}

.lista-rep-mat-juridics .llistatReproduccio .mycustomscroll {
	height: 22em !important;
}

/* Jurisprudencia */
#TPLJurisprudencia .cabecera-jurisprudencia {
    /*width: 95%;*/
    margin-bottom: 20px;
    background: #fff;
	padding: 10px;
	border-radius: 0.25em;
	text-align: left;
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#TPLJurisprudencia .cabecera-jurisprudencia .subtitulo-cab {
	font-family: 'Lato';
    color: #292a25;
    font-size: 1.4em;
    /*margin-bottom: 10px;*/
    font-weight: 600;
    background-color: #f2f2f2;
    padding-left: 1em;
}

#TPLJurisprudencia .cabecera-jurisprudencia .txt-juris {
	font-family: 'Lato';
    color: #292a25;
    font-size: 1.2em;	
	padding: 0.5em;
}

#TPLJurisprudencia .header-dades-juris {
	text-align: left;
    color: #212529 !important;	
	font-family: 'Lato';
	font-size: 1.2em;
    background: #dce0e1;
    padding: 0.5em;	
    font-weight: 600;
    border: solid 1px #c0c0c0;
    border-radius: 0.25em;
    margin-bottom: 1em;
    margin-top: 1em;	
}

.jurisprudencia_cercador_home .desplegado_bloque:nth-child(odd) {float: left; margin-left: 2%;}
.jurisprudencia_cercador_home .desplegado_bloque:nth-child(even) {float: right; margin-right: 2%;}

/*****************************************************************/
/********************* FI MATERIALS JURIDICS *********************/
/*****************************************************************/

/*****************************************************************/
/*********************** FITXES CATEDRES *************************/

.card-empresa .container .card .face .content1 .title-catedra,
.card-empresa .container .card .face .content2 .title-catedra,
.card-empresa .container .card .face .content3 .title-catedra,
.card-empresa .container .card .face .content4 .title-catedra,
.card-empresa .container .card .face .content5 .title-catedra {
  text-align: center;
  background: none;
  color: #000;
  font-size: 16px;
  padding: 0;
  margin-top: 5px;
  text-transform: none;
  font-family: 'Lato', serif;
  line-height: 18px;
}

.card-empresa .container .card .face .content1 .title-catedra-int,
.card-empresa .container .card .face .content2 .title-catedra-int,
.card-empresa .container .card .face .content3 .title-catedra-int,
.card-empresa .container .card .face .content4 .title-catedra-int,
.card-empresa .container .card .face .content5 .title-catedra-int {
  text-align: left;
  background: none;
  color: #000;
  font-size: 16px;
  padding: 0;
  margin-top: 5px;
  margin-left: 5px;
  text-transform: none;
  font-family: 'Lato', serif;
  line-height: 18px;
}

.scroll-desc-catedra {
  margin: 0;
  height: 23em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-desc-catedra::-webkit-scrollbar {
  width: 10px;
}

.scroll-desc-catedra::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-desc-catedra::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
}

.scroll-dades-catedra {
  margin: 0;
  height: 24em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-dades-catedra::-webkit-scrollbar {
  width: 10px;
}

.scroll-dades-catedra::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-dades-catedra::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
}

.card-empresa .container .card .face .content1 .txt-lliure-catedra,
.card-empresa .container .card .face .content2 .txt-lliure-catedra,
.card-empresa .container .card .face .content3 .txt-lliure-catedra,
.card-empresa .container .card .face .content4 .txt-lliure-catedra,
.card-empresa .container .card .face .content5 .txt-lliure-catedra {
  text-align: justify;
  background: none;
  color: #000;
  font-size: 12px;
  padding: 0;
  margin-top: 2px;
  text-transform: none;
  font-family: 'Lato', serif;
} 

.card-empresa .container .card .face .content1 .txt-lliure-catedra p,
.card-empresa .container .card .face .content2 .txt-lliure-catedra p,
.card-empresa .container .card .face .content3 .txt-lliure-catedra p,
.card-empresa .container .card .face .content4 .txt-lliure-catedra p,
.card-empresa .container .card .face .content5 .txt-lliure-catedra p {
	padding: 0;
}

.scroll-act-catedra {
  margin: 0;
  height: 22.5em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-act-catedra::-webkit-scrollbar {
  width: 10px;
}

.scroll-act-catedra::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-act-catedra::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
}

.scroll-enti-catedra {
  margin: 0;
  height: 21em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-enti-catedra::-webkit-scrollbar {
  width: 10px;
}

.scroll-enti-catedra::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-enti-catedra::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
}

.scroll-enti-catedra a {
	display: block;
    float: left;
    margin: 1em 1em 1em 1.4em;
}

.scroll-enti-catedra img {
	width: 100px;
    height: 100px;
}

/*********************** FI FITXES CATEDRES **********************/
/*****************************************************************/

/********************************************************************/
/*********************** AGRUPA CALL ACTION *************************/

.agcall-spot {
	margin-top: 4em;
}

.agcall-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 10px;
	margin-bottom: 10px;
}

.agcall-row-center {
	justify-content: center;
}

.agcall-row .agcall-backgrounds {
	position: relative;
    width: auto !important;
    display: inline-block;
    vertical-align: top;
    color: #fff;
}



.agcall-row .agcall-backgrounds img {
	display: block;
    width: 100%;
    height: 450px;
    opacity: 0.8;
    margin: 0 !important;
}

.agcall-row .agcall-backgrounds video {
	display: block;
    width: 100%;
    height: 450px;
    margin: 0 !important;
}

.agcall-row .agcall-backgrounds .agcall-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.agcall-row .agcall-backgrounds .agcall-info .agcall-info-container {
	display: flex;
    align-items: baseline;
	flex-direction: column;
	justify-content: flex-end;
    position: relative;
    height: 100%;
}

.agcall-row .agcall-backgrounds .agcall-info .agcall-info-container .agcall-center {
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}

.agcall-info .agcall-title{
	padding: 1rem 1rem 0rem 2rem;
}

.agcall-info .agcall-title p {
    font-family: 'Lato';
    font-size: 2.2rem;
	font-weight: bold;
    text-align: left;
	/*margin-bottom: 0.5em;*/
	line-height: 2.2rem;
}

.agcall-info .agcall-text {
	padding: 0 1rem 0 1rem;
}

.agcall-info .agcall-text p {
    font-family: Arial;
    font-size: 1.5em;
	text-align: left;
	line-height: 1.2em;
}

.agcall-info .agcall-foot {
	padding: 1rem;
}

.agcall-info .agcall-boto {
	padding: 1rem;
	text-align: left;
}

.agcall-info .agcall-boto:hover a, .agcall-info .agcall-boto:active a {
  color: #000 !important;
  background: #fff !important;
  text-decoration: none;
  cursor: pointer;
}


.agcall-info .agcall-boto a {
	color: #fff !important;
	border: 1px solid #fff;
	padding: 7px 12px;
	border-radius: 4px;
	font-size: 1.2em;
	text-transform: uppercase;
	transition: .3s all;
	display: inline-block;
	text-decoration: none;
	min-width: 120px;
	/*font-weight: 700;*/
	text-align: center;
}

.agcall-info .agcall-boto a:hover {
	color: #000 !important;
	/*text-decoration: underline;*/
}

.agcall-row .agcall-backgrounds .agcall-info .agcall-info-container > *:last-child {
    opacity: 0;
    transition: opacity ease .3s
}

.agcall-row .agcall-backgrounds::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    transition: all ease .3s .05s;
    z-index: 0
}

.agcall-row .nobga::after {
  background: none;
}

.agcall-row .agcall-backgrounds .agcall-info .agcall-info-container:hover *:last-child,
.agcall-row .agcall-backgrounds .agcall-info .agcall-info-container:focus-within *:last-child {
    opacity: 1
}

.agcall-row .agcall-backgrounds:hover::after,
.agcall-row .agcall-backgrounds:focus-within::after {
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%),#a9b8c0*/
	background: rgba(0, 0, 0, 0.5) 
}

	.agcall-row .agcall-backgrounds video {
		height: 100%;
	}
	

/*Tablet*/
@media screen and (max-width: 1180px) {
	.agcall-row .agcall-backgrounds img {
		height: auto;
	}
	
	.agcall-info .agcall-title p {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}	
	
	.agcall-info .agcall-text p {
		font-size: 1.2em;
		line-height: 1.2em;
	}	
	
	.agcall-info .agcall-boto a {
		font-size: 1em;
	}	
	
	.agcall-spot {
		margin-top: 4em !important;
	}
	

}
/*fin tablet*/

@media screen and (max-width: 768px) {
	.agcall-row {
		flex-direction: column;
	}
	
	.agcall-row .agcall-backgrounds img {
		height: auto;
		min-height: 300px;
	}
	
	.agcall-info .agcall-title p {
		font-size: 2.2rem;
		line-height: 2.2rem;
	}	
	
	.agcall-info .agcall-text p {
		font-size: 1.5em;
		line-height: 1.2em;
	}	
	
	.agcall-info .agcall-boto a {
		font-size: 1.2em;
	}	
	
	.agcall-spot {
		margin-top: 0 !important;
	}	
	

}

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

	
	.agcall-info .agcall-title p {
		font-size: 1.3rem;
		line-height: 2.2rem;
	}	
	

	

}

/********************************************************************/
/********************** FI AGRUPA CALL ACTION ***********************/

/*****************************************************************/
/*********************** FITXES DOCTORATS ************************/

.scroll-desc-doctorat {
  margin: 0;
  height: 25em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-desc-doctorat::-webkit-scrollbar {
  width: 10px;
}

.scroll-desc-doctorat::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-desc-doctorat::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
}

.scroll-admissio-catedra {
  margin: 0;
  height: 25em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-admissio-catedra::-webkit-scrollbar {
  width: 10px;
}

.scroll-admissio-catedra::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-admissio-catedra::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
}

.scroll-activitats-doctorat {
  margin: 0;
  height: 25em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-activitats-doctorat::-webkit-scrollbar {
  width: 10px;
}

.scroll-activitats-doctorat::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-activitats-doctorat::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
}

.scroll-resum-doctorat {
  margin: 0;
  height: 25em;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-resum-doctorat::-webkit-scrollbar {
  width: 10px;
}

.scroll-resum-doctorat::-webkit-scrollbar-track {
  background: #fff;
}

.scroll-resum-doctorat::-webkit-scrollbar-thumb {
  background-color: #a9b8c0;
  border-radius: 6px;
}

.card-empresa .container .card .face .content1 .img-responsive,
.card-empresa .container .card .face .content2 .img-responsive,
.card-empresa .container .card .face .content3 .img-responsive,
.card-empresa .container .card .face .content4 .img-responsive,
.card-empresa .container .card .face .content5 .img-responsive,
.card-empresa .container .card .face .content6 .img-responsive {
	max-width: 100%;
    height: auto;
}

.card-empresa .container .card .face .content6 img {
  margin: 0 !important;
  max-height: 220px; /* misma altura videos - evitar textos al reves firefox */
}

.flex-table { 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
} 

.flex-table .flex-row { 
	display: grid; 
	grid-template-columns: 40px 1fr 40px; /*repeat(3, 1fr); */
	grid-column-gap: 10px; 
	margin: 5px 0;
	width: 100%;
    text-align: left;	
}

.flex-table .header {
	background-color: #f2f2f2;
}

.flex-table .header .cell {
	font-weight: bold;
}

.flex-table .flex-row .cell { 
	/*padding: 10px; 
	border: 1px solid black; */
}

.row-dades {
	display: flex; 
	flex-direction: row;
	gap: 10px;
}

.row-dades .label-dades {
	width: 40%;
	text-align: right;
    background-color: #f2f2f2;
    color: #000;
    font-size: 12px;
    padding: 2px;
    margin-top: 2px;
    text-transform: none;
    font-family: 'Lato', serif;
    line-height: 1.2em;
	flex: 0 0 40%;
}	

.row-dades .txt-dades {
	text-align: left;
    color: #000;
    font-size: 12px;
    padding: 2px;
    margin-top: 2px;
    text-transform: none;
    font-family: 'Lato', serif;
    line-height: 1.2em;	
}

.card-empresa .container .card .face .content6 .txt-empresa {
  text-align: left;/*justify;*/
  background: none;
  color: #000;
  font-size: 12px;
  padding: 0 10px;
  margin-top: 10px;
  text-transform: none;
  font-family: 'Lato', serif;
}

.card-empresa .container .card .face .content6 .txt-empresa p {
	font-family: 'Lato', serif !important;
}

.card-empresa .container .card .face .content6 .txt-empresa ul{
	list-style: disc;
    list-style-position: inside;
}

.card-empresa .container .card .face .content6 .txt-empresa ul li{
	background: none;
	padding: 0;
}
/*********************** FI FITXES DOCTORAT **********************/
/*****************************************************************/

/********************************************************************/
/**************** TPCIMATGECOMPLLISTAENLLACOS2COL *******************/

.comp-imagelinks-img img {
	width: 100%;
	margin: 0 !important;
}

.comp-imagelinks-list ul {
	margin: 0;
	list-style: none;
}

.comp-imagelinks-list ul li {
	text-align: left;
	background-image: none;
	margin-top: 1em;
    background-color: #f0f0f0;
}

.comp-imagelinks-list ul li a {
	font-size: 1.2em;
}


/*************** FI TPCIMATGECOMPLLISTAENLLACOS2COL *****************/
/********************************************************************/

/**************************************************************************/
/**************** TPCLLISTATPERSONAINTERIORZIGZAGMANUAL *******************/

.persona-content-columns {
	display: flex;
	flex-direction: row;
    padding: 2em;
	margin: 1em 0em;
}

.persona-content-columns:nth-child(even) {
    background-color: #f4f4f4;
}

.persona-content-columns .persona-column {
	width: 49%;
	margin: 1em 0em 2em 0em;
	text-align: justify;
}

.persona-content-columns .sep-column {
	margin: 1em 0em;
    width: 2%;
    display: block;
}

.persona-content-columns .persona-column .persona-titol {
    background-color: #FFFFFF;
    color: #333333;
    padding: 2px !important;
    line-height: 1.4;
    font-family: 'Big Shoulders Display', sans-serif;
    font-size: 2em;
}

.persona-content-columns .persona-column .persona-lnk-info {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: .375em .75em;
    font-size: 1.2em;
    line-height: 1.5;
    text-decoration: none;
    font-family: 'Big Shoulders Display', sans-serif;
    background-color: #FFFFFF;
    color: #333333;	
}

.persona-content-columns .persona-column .persona-lnk-info:hover {
	text-decoration: underline;
}

.persona-content-columns .persona-column .persona-foto {
    /*max-width: 35em;*/
    margin-left: unset !important;
    margin-right: unset !important;
}

.persona-content-columns .persona-column span.persona-carrec {
	font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    margin-top: 0.5em;
    text-align: left;
}

@media screen and (max-width: 768px) {
	.persona-content-columns {
		flex-direction: column;
	}
	
	.persona-content-columns .persona-column {
		width: 100%;
	}	
	
	.persona-content-columns .persona-column .persona-foto {
		height: auto;
		width: 100%;
	}
}

/*Tablet*/
@media screen and (max-width: 1180px) {
	.persona-content-columns .persona-column .persona-foto {
		height: auto;
		width: 100%;
	}
}
/*fin tablet*/


/*************** FI TPCLLISTATPERSONAINTERIORZIGZAGMANUAL *****************/
/**************************************************************************/

/**************************************************************************/
/***************** TPCLLISTARECURSFARMACOLOGIAINTERIOR ********************/

.content-recurs-farma {
	width: 100%;
}

.content-recurs-farma .caja-regular-shadow-color {
	width: 99% !important;
}

.content-recurs-farma .titulo-area-ancho {
	width: calc(100% - 7em);
}

.content-recurs-farma .icon-caja-menu-color {
	margin-top: 0 !important;
}

.content-recurs-farma .content-thesauro-color {
	padding: 20px 0 20px 20px;
}

.content-recurs-farma .content-thesauro-color .recurs-farma-item {
	margin:0 0 0.5em 0;
}

.content-recurs-farma .content-thesauro-color .recurs-farma-item .img-responsive {
    max-width: 98%;
    margin: 0 !important;
}

.content-recurs-farma .content-thesauro-color .recurs-farma-item ul li {
	background: none;
	padding: 3px 0 3px 0.25em;
}

.recurs-farma-doc {
	width: 99%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.recurs-farma-doc-fons {
	border: 1px solid #C0C0C0;
    border-radius: 0.25em;
    background-color: #f2f2f2;
}

.recurs-farma-icon {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
	margin:0
}

.recurs-farma-icon span {
	margin: 0;
    font-size: 24px;
}

.recurs-farma-icon span.fa-file-pdf {
	color: #ff0000;
}

.recurs-farma-icon span.fa-file-word {
	color: #00A3EE;
}

.recurs-farma-icon span.fa-file-excel {
	color: #7EB900;
}

.recurs-farma-icon span.fa-file-image {
	color: #FEB800;
}

.recurs-farma-icon span.fa-file-powerpoint {
	color: #F14F21;
}

.recurs-farma-icon span.fa-file-video {
	color: #7272d6;
}

.recurs-farma-lnk {
	align-self: center !important;
	flex: 1;
}

.recurs-farma-lnk a {
	color: #082b3e;
    text-decoration: none;
    background-color: transparent;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

/**************************************************************************/
/**************** FI TPCLLISTARECURSFARMACOLOGIAINTERIOR ******************/


/**************************** FITXES OPIS *************************/
/*****************************************************************/
.content-caja-catedras-acordeon {
	padding-left: 20px !important;
}


.caja-opis {
	margin-top: 3em;
	margin-bottom: 0 !important;
}

.caja-opis .content-caja-regular-shadow-color {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.caja-opis .titulo-area-caja-color {
	font-size: 3em;
}

.caja-opis .logoArea-color img {
	margin: 0 !important;
	width: 200px;
	height: 200px;
}

.lista-interior-fichas {
	list-style: none;
}

.lista-interior-fichas li {
	background-image: none !important;
    background-color: #cfd8dc !important;
	padding: 0 !important;
	margin-bottom: 0.5em;
}

.lista-interior-fichas li .titol-lista-item {
	display: inline-block;
    width: 85%;
	padding: 0.5em;
}

.lista-interior-fichas li .icon-lista-item {
	color: #212529 !important;
    float: right;
    margin-top: 1em;
    padding: 0.3em;
    cursor: pointer;
}

.lista-interior-fichas li .content-lista-item {
	padding-top: .5em;
    padding-left: 1em;
	background-color: #f1f1f1;
}

.scroll-resum-institut {
    margin: 0;
    height: 22.5em;
    outline: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-dades-institut {
    margin: 0;
    height: 24em;
    outline: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-grups-institut {
    margin: 0;
    height: 21em;
    outline: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-proj-institut {
    margin: 0;
    height: 21em;
    outline: none;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #a9b8c0 #e1e1e1;
}

.scroll-proj-institut a {
    display: block;
    float: left;
    margin: 1em 1em 1em 1.4em;
	background-color: #f1f1f1;
	color: #082b3e;
	text-align: left;
    padding: 0.5em;
}

/*********************** FI FITXES OPIS **********************/
/*****************************************************************/

/************************* QUADRE MULTI ENLLAC ************************/
/**********************************************************************/

.quadresmultienllac-interior {
	margin-top: 0;
	padding-left: 8px;
	padding-right: 8px;
}

.cos-quadresmultienllac {
	margin: 0 auto;
	text-align: left;
}

.row-quadresmultienllac {
	margin-bottom: 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.card-quadresmultienllac {
	margin-bottom: 3em !important;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important; /*box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;*/
	/*border-radius: .25em !important;*/
	background-color: #fff !important;
	/*width:25% !important;*/
	display: inline-block;
}

.card-quadresmultienllac .contenidor-quadresmultienllac {
	position: relative;
	/*width: 270px;*/
	height: 423px;
	margin: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between; /*flex-start;*/ /*space-between;*/
}

.card-quadresmultienllac .contenidor-quadresmultienllac .cab-quadresmultienllac {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    padding: 10px 15px;
    /*background: rgba(255, 255, 255, 0.55);*/
	background-color: #F1F4F7;
    color: #000;
    overflow: hidden;
    text-align: center;
    width: 100%;
    font-size: 1.2em;
    font-weight: 600;
	min-height: 2.9em;
}

.card-quadresmultienllac .contenidor-quadresmultienllac img {
	width: 100%;
	margin: 0 !important;
}

.card-quadresmultienllac .contenidor-quadresmultienllac .txt-quadresmultienllac {
	margin: 0.5em 1em 0;
    text-align: left;
	max-height: 11.5em;
	overflow: hidden;
}

.card-quadresmultienllac .contenidor-quadresmultienllac .txt-quadresmultienllac p {
	min-height: 3.7em;
}

.card-quadresmultienllac .contenidor-quadresmultienllac .botons-quadresmultienllac {
	margin: 0.5em 0.5em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-around;
}

.card-quadresmultienllac .contenidor-quadresmultienllac .botons-quadresmultienllac a {
	display: block;
    /* font-weight: 400; */
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: .375em .75em;
    font-size: 1em;
    /* line-height: 1.5; */
    text-decoration: none;
    /* font-family: 'Big Shoulders Display', sans-serif; */
    background-color: #082b3e;
    color: #FFFFFF;
	width: 40%;
}

.card-quadresmultienllac .contenidor-quadresmultienllac .botons-quadresmultienllac a:hover {
	text-decoration: underline;
}

.card-quadresmultienllac .contenidor-quadresmultienllac .botons-quadresmultienllac a.btn1-solo {
	width:90%;
}

/*********************** FI QUADRE MULTI ENLLAC **********************/
/*********************************************************************/

/*********************************************************************************/
/************************  FITXA DADES CAIXES GENERICA  **************************/
/*********************************************************************************/

.fitxa-dades-caixes-generica {
	font-family: 'Lato', serif;
    font-size: 1.25em;
    margin: 1em 0em;	
}

.fitxa-dades-caixes-generica .caja-regular-shadow-color {
  /* padding: 1em!important; */
  margin-bottom: 1em !important;
  box-shadow: 0 .5em 1em rgba(0, 0, 0, .15) !important;
  border-radius: 0.25em !important;
  background-color: #fff !important;
  width: 100% !important;
  display: inline-block;
}

.fitxa-dades-caixes-generica .caja-regular-shadow-color .logoArea-color-uv img {
  width: 2em;
}

.fitxa-dades-caixes-generica .logoArea-color-uv img {
  width: 70px;
  height: 40px;
}

.fitxa-dades-caixes-generica .icon-caja-menu-color {

  float: right;
  padding: 15px;
  font-size: 18px !important;
  color: #212529 !important;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 15px;
}

.fitxa-dades-caixes-generica .content-caja-regular-shadow-color {
  text-align: left;
  cursor: pointer;
}

.fitxa-dades-caixes-generica .content-thesauro-azul {
  padding: 0px 20px 20px 20px;
}

.fitxa-dades-caixes-generica .content-thesauro-azul .titulo-intermedio {
  width: 100%;
  font-weight: 600;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.fitxa-dades-caixes-generica .bloc-imatgeDetall {
  margin-bottom: 2em;
}

.fitxa-dades-caixes-generica img.imatgeDetall {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.fitxa-dades-caixes-generica .bloc-informacio {
  /*font-family: 'Lato', serif;
  font-size: 1.25em;*/
  text-align: left;
  display: flex;
  column-gap: 1em;
}

.fitxa-dades-caixes-generica .bloc-seccio-informacio {
  margin: 1.5em 0em;
  display: flex;
  column-gap: 1em;
}

.fitxa-dades-caixes-generica .bloc-informacio-100 {
  flex: 100%;
}

.fitxa-dades-caixes-generica .bloc-informacio-50 {
  flex: 50%;
}

.fitxa-dades-caixes-generica .bloc-informacio-100 .bloc-informacio-literal {
  flex: 20%;
}

.fitxa-dades-caixes-generica .bloc-informacio-100 .bloc-informacio-valor {
  flex: 80%;
}

.fitxa-dades-caixes-generica .bloc-informacio-50 .bloc-informacio-literal {
  flex: 41%;
}

.fitxa-dades-caixes-generica .bloc-informacio-50 .bloc-informacio-valor {
  flex: 57%;
}

.fitxa-dades-caixes-generica .bloc-informacio-literal {
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  text-align: left;
  padding-left: 1em;
  font-weight: 700;
}

.fitxa-dades-caixes-generica .ample100 {
  width: 100%;
}

.fitxa-dades-caixes-generica .titol-bloc-informacio {
    width: 100%;
    margin-bottom: 1em;
    vertical-align: top;
}

.fitxa-dades-caixes-generica .literal-llarg {
    background-color: #E6EAEB;
    text-align: left;
    font-size: 1.25em;
    font-weight: 600;
    display: block;
    padding-left: 10px;
}

.fitxa-dades-caixes-generica .bloc-informacio-espai {
	text-align: left;
	display: flex;
	flex: 100%;
	height: 0.5em;
}

.fitxa-dades-caixes-generica .btn-accio {
	color: #333;
    font-size: 2em;
    padding: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15) !important;
    border-radius: 0.25em !important;
    background: #f2f2f2;
    border: 1px #e8e3e3 solid;
}

.fitxa-dades-caixes-generica .btn-accio:hover {
  background-color: #cfd8dc;
}

.fitxa-dades-caixes-generica .formulario {
	background: #E6EAEB;
	margin-left: 0;
}

.fitxa-dades-caixes-generica .btn-accio-blau {
	color: #fff;
    font-size: 2em;
    padding: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15) !important;
    border-radius: 0.25em !important;
    background: #082b4e; /*#0062cc;*/
    border: 1px #005cbf solid;
}

.fitxa-dades-caixes-generica .btn-accio-blau:hover {
	background-color: #545b62;
	border-color: #4e555b;
}

.fitxa-dades-caixes-generica .formulario {
	background: #E6EAEB;
	margin-left: 0;
}



@media screen and (max-width: 768px) {
	.fitxa-dades-caixes-generica .bloc-seccio-informacio {
		flex-direction: column;
	}
	
	.fitxa-dades-caixes-generica .bloc-informacio-100 .bloc-informacio-literal {
		flex: 41%;
	}
	
	.fitxa-dades-caixes-generica .bloc-informacio-100 .bloc-informacio-valor {
		flex: 57%;
	}
}

/*********************** FI FITXA DADES CAIXES GENERICA **********************/
/*****************************************************************************/

/*********************************************************************************/
/************************  VIDEOS LOCALES HOME  **************************/
/*********************************************************************************/

.caja-galeria-videos{
	display: flex;
	justify-content: center;
	gap: 47px;
	flex-wrap: wrap;
	margin-bottom: 2em;
}

.item-galeria-videos{
	position: relative;
}

.item-galeria-videos .noticies-icon-playvideos{
	top: 90%
}

.item-galeria-videos img{border-radius:20px}
.item-galeria-videos video{border-radius:20px}

.video-local-titulo{
	position: absolute;
  top: 2%;
  width: 100%;
  font-size: 1.5em;
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,.85);
  font-weight: bold;
}

.item-galeria-videos:hover > .video-local-titulo{
    display: block;
}

/*********************** FI VIDEOS LOCALES HOME **********************/
/*****************************************************************************/

/*********************************************************************************/
/************************  3PF Desplegable  **************************************/
/*********************************************************************************/

.boton-3pf{text-align:center;clear: both;width: 100%}

.boton-3pf button{
	background: none;
	border: 1px solid;
	border-radius: 10px;
	padding: 5px 5px;
	cursor:pointer
}

.caja-hide-nov{margin-top:2em}


/*********************************************************************************/
/************************  Cercles Progres   **************************************/
/*********************************************************************************/

.skill-item {
	position: relative;
	width: 150px;
	height: 150px;
	margin-bottom: 1em;
}
		
.skill-circle {
	width: 100%;
	height: 100%;
}

.skill-circle circle {
	fill: none;
	stroke-width: 10;
	stroke-linecap: round;
	transform: translate(5px, 5px);
}

.skill-circle .bg {
	stroke: rgba(0, 0, 0, 0.2);
}

.skill-circle .progress {
	stroke: #000;
	stroke-dasharray: 440;
	stroke-dashoffset: 440;
	transition: stroke-dashoffset 1s ease-out;
}

.skill-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #000;
}

.skill-percent {
	font-size: 1.5rem;
	font-weight: bold;
}

.skill-name {
	font-size: 2rem;
	margin-top: 5px;
	line-height: 1em;
}

.animated {
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.animated.show {
	opacity: 1;
	transform: translateY(0);
}
.cercle-prog-titol {
	font-size: 1.5em;
	line-height: 1.1em;
	text-align: center;
}
.cercle-prog {
	display: flex;
	justify-content: center;
	gap: 50px;
}

/*********************************************************************************/
/************************  FIN Cercles Progres   *********************************/
/*********************************************************************************/

/*********************************************************************************/
/************************  DestacatImatgeTextAleatori  ***************************/
/*********************************************************************************/

.dest-aleatori-cont-links {
	display: flex;
    justify-content: center;
	gap: 1em;
}

.dest-aleatori-link {
	display: flex;
    flex-direction: column;
	gap: 0.5em
}

.dest-aleatori-link .dest-aleatori-link-img {
	display: flex;
    padding: .5em .5em;
    text-decoration: none;
    background-color: #082b3e;
    border-radius: 0.5em !important;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.dest-aleatori-link .dest-aleatori-link-img-gris {
	background-color: #979da8;
}

.dest-aleatori-link .dest-aleatori-link-img img {
	width: 35px;
}

.dest-aleatori-link .dest-aleatori-link-text {
	color: #292a25;
    font-family: 'Lato';
}


/********************* Fi DestacatImatgeTextAleatori *****************************/
/*********************************************************************************/