.red {
  color: red !important;
}

html {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
  font-family: lora;
  font-weight: 700;
}

a,
a:visited,
a:focus,
a:active,
a:hover,
select,
button,
input[type="checkbox"] {
  outline: 0 none !important;
}


/* !! --- GENERAL --- !! */

h1 {
  font-size: 42px;
  line-height: 46px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}

h2 {
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}

h3 {
  text-transform: uppercase;
}

h3.comarca {
  margin: 10px 0 30px;
  font-weight: bold;
}

.f22 {
  font-size: 22px;
}

.fw400 {
  font-weight: 400 !important;
}

a.open-image {
  cursor: pointer;
}

.mgt90 {
  margin-top: 90px !important;
}

.imgFull {
  max-width: 100%;
}

.colorBlack {
  color: #000 !important;
}

.container {
  padding-left: 0px;
  padding-right: 0px;
}

.row>h1,
.row>h2,
.row>.text-1,
.row>.text-2 {
  padding-left: 15px;
  padding-right: 15px;
}

.row>.text-top-bordered {
  margin-left: 15px;
  margin-right: 15px;
}

.text-top-bordered .mostra {
  position: absolute;
  top: 4px;
  right: 0;
  font-size: 11px;
  line-height: 1.3em;
  font-weight: 500;
  text-align: left;
}

.text-top-bordered .mostra span {
  display: block;
}

.container {
  width: auto;
  max-width: 970px;
}

.text-1 {
  padding-top: 34px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #006564;
}

.text-1 span {
  font-weight: 700;
}

.text-2 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.text-2 span {
  font-weight: 700;
}

.text-top-bordered {
  border-top: 2px solid #CCCCCC;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #4F1525;
}

.text-top-bordered .list {
  padding-top: 30px;
}

.list-group {
  box-shadow: none;
}

.list .list-group-item {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #000000;
  font-weight: 400;
  border: none;
  padding: 3px 0 3px 20px;
  position: relative;
  left: -3px
}

.list .list-group-item span {
  font-weight: 700;
}

.fake-bullet {
  position: relative;
  padding-left: 17px;
}

.fake-bullet:after,
.list .list-group-item:after {
  content: '';
  height: .4em;
  width: .4em;
  background: #006564;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: .70em;
  left: 5px;
}

.fake-bullet:after {
  top: 14px;
  left: 2px;
}

.not-move {
  float: none;
}

.small-device {
  display: none;
}

.header .navbar .left-col,
.header .navbar .right-col,
.header .navbar-list {
  transition: padding 1s ease 0s;
}

.info-text-1,
.info-text-2 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

.info-text-1 {
  color: #006564 !important;
  text-transform: uppercase;
}

.info-text-2 {
  color: #000;
  font-style: italic;
}

.slider img,
.image img {
  width: 100%;
  height: 100%;
  display: none;
  padding: 0px 0px;
}

.slider img:first-child,
.image img {
  display: unset;
}

.slider-description {
  margin-top: 15px;
}

.left-col .slider-description {
  border-left: 2px solid #CCCCCC;
  padding-left: 10px;
  margin-left: 9px;
}

.slider-info {
  font-weight: 400;
}

.slider-info a {
  color: #006564;
  text-decoration: underline;
}

.left-col .slider-description .slider-info:first-child {
  display: unset;
}

.left-col .slider-description .slider-info {
  display: none;
  color: #000000;
  font-size: 13px;
  line-height: 16px;
  font-style: italic;
  font-weight: 400;
}

.left-col .slider-description .slider-info span {
  font-weight: 700;
}

.slider-buttons {
  float: right;
  outline: none;
  padding-top: 5px;
}

.slider-buttons div {
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
  font-weight: 400;
  text-align: right;
  width: 20px;
  display: inline-block;
  margin-top: 12px;
}

.button-left,
.button-right,
.button-plus,
.button-download {
  width: 30px;
  height: 30px;
  border-color: transparent;
  padding-bottom: 9px;
  outline: none;
  background-position: center;
}

.button-plus-one {
  width: 30px;
  height: 30px;
  border-color: transparent;
  padding-bottom: 9px;
  margin-right: 30px;
  outline: none;
}

.button-left {
  background-image: url("../img/slider-left-button.png");
  outline: none;
}

.button-right {
  background-image: url("../img/slider-right-button.png");
  outline: none;
}

.button-plus,
.button-plus-one {
  background-image: url("../img/slider-plus-button.png");
  outline: none;
}

.button-download {
  background-image: url("../img/slider-download-button.png");
  outline: none;
}

.main-buttons {
  outline: none;
}

.main-button-left,
.main-button-up,
.main-button-right {
  width: 60px;
  height: 60px;
  border-color: transparent;
  padding: 0px;
  margin: 0px 24px;
  outline: none;
}

.main-button-left {
  background-image: url("../img/main-left-button.png");
  outline: none;
}

.footer .main-button-left {
  display: none;
  outline: none;
}

.main-button-up {
  background-image: url("../img/main-up-button.png");
  outline: none;
  background-position: center;
}

.main-button-right {
  background-image: url("../img/main-right-button.png");
  outline: none;
}

.footer .main-button-right {
  display: none;
  outline: none;
}

.footer .link-container {
  display: inline-block;
}

.footer .lc-1 {
  float: left;
}

.footer .lc-3 {
  float: right;
}

.bocadillo {
  font-size: 32px;
  line-height: 42px;
  font-weight: 400;
  color: #006564;
}

.bocadillo-img {
  background-image: url(../img/relacions-bocadillo-green.png);
  width: auto;
  height: 60px;
  background-repeat: no-repeat;
}

.more-info {
  display: block;
  background-color: #f5f2f2;
  color: #006564;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  padding: 0.8em;
  text-align: center;
}

.more-info span {
  font-weight: 400;
}

.more-info:focus,
.more-info:hover {
  text-decoration: none;
  color: #006564;
}

.more-info .mas,
.collapsed.more-info .menos {
  display: none;
}

.more-info .menos,
.collapsed.more-info .mas {
  display: inline;
}

.border-grey {
  border-top: 4px solid #CCC;
}

.border-grey.border-thin {
  border-width: 3px;
}

.list-group-join ul.list-group {
  margin: 0 !important;
}

.mgt40 {
  margin-top: 40px;
}

.collapse .list-group-join,
.collapsing .list-group-join {
  position: relative;
  top: -2px;
}


/* !! --- GENERAL NAVBAR & FOOTER --- !! */


/* --- Navbar --- */

.header {
  height: 100px;
  z-index: 10;
}

.header .pre-navbar {
  z-index: 10;
}

.header .navbar {
  -webkit-transition: min-height 0.5s ease 0s;
  ;
  transition: min-height 0.5s ease 0s;
  ;
  z-index: 5 !important;
  margin-left: -60px;
  margin-right: -60px;
  position: relative;
  min-height: 100px;
  font-size: 14px;
  color: #FFFFFF;
  z-index: 1;
  border: none;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20928f+0,006564+100 */
  background: #20928f;
  background: -moz-linear-gradient(top, #20928f 0%, #006564 100%);
  background: -webkit-linear-gradient(top, #20928f 0%, #006564 100%);
  background: linear-gradient(to bottom, #20928f 0%, #006564 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#20928f', endColorstr='#006564', GradientType=0);
}

.header .l-academia-logo {
  background: url("../img/l-academia-logo.png") no-repeat left center;
  width: 226px;
  height: 89px;
  position: relative;
  left: 65px;
  top: 10px;
  display: inline-block;
  transition: background-size 2s ease-in;
  -moz-transition: background-size 2s ease-in;
  -ms-transition: background-size 2s ease-in;
  -o-transition: background-size 2s ease-in;
  -webkit-transition: background-size 2s ease-in;
}

.header .l-academia-logo-curso {
  background: url(../img/l-academia-logo-curso.png) no-repeat center left;
  min-height: 60px;
  background-position: left;
  margin-left: 10px;
  display: inline-block;
  padding-left: 256px;
  display: table;
  position: absolute;
  height: 100%;
  width: 70%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header .l-academia-logo-curso.logo-first {
  background-size: 220px auto !important;
}

.header .logo-first.l-academia-logo-curso.reduce {
  background-size: 190px auto !important;
  padding-left: 0 !important;
  width: 43px;
}

.header .upper-line .l-academia-logo-curso {
  padding-left: 100px;
}

.header .upper-line .navbar-menu-curso {
  display: table-cell;
}

.header .navbar-menu {
  position: relative;
  float: right;
  top: 20px;
  right: 50px;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.header .navbar-list .first-row {
  height: 70px;
  padding-top: 10px;
}

.header .navbar-list .first-row .upper-line {
  padding-left: 30px;
  padding-right: 30px;
}

.header .navbar-list .paginas {
  padding-bottom: 30px;
  margin-top: -40px;
}

.header .navbar-menu span {
  display: inline-block;
  padding-top: 10px;
  transition: font-size 0.4s ease-in;
  -moz-transition: font-size 0.4s ease-in;
  -ms-transition: font-size 0.4s ease-in;
  -o-transition: font-size 0.4s ease-in;
  -webkit-transition: font-size 0.4s ease-in;
}

.header .navbar-menu span:nth-child(3) {
  color: #000000;
}

.header .navbar-menu span button {
  margin-top: -8px;
}

.header .pre-navbar .row .left-col {
  padding: 0px;
  margin-top: -10px;
}

.header .nav-option {
  display: inline-block;
  float: left;
}

.header .navbar-menu {
  position: relative;
  float: right;
  top: 40px;
  right: 27px;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.header .navbar .row .col-xs-6 {
  -webkit-transition: all 0.5s ease 0s;
  ;
  transition: all 0.5s ease 0s;
  ;
  position: relative;
  top: 0px;
}

.header .navbar-menu-curso {
  position: relative;
  right: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  display: table-cell;
  vertical-align: middle;
  display: table
}

.header .navbar-menu-curso span:nth-child(2) {
  color: #000000;
}

.header .navbar-menu button {
  background: url("../img/menu-button.png") no-repeat center center;
  width: 80px;
  height: 40px;
}

.header .navbar-list {
  display: none;
  top: -120px;
  padding-top: 5px;
  text-align: left;
  background-color: #126464;
  border-top: none;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  -webkit-transition: min-height 0.5s ease 0s;
  transition: min-height 0.5s ease 0s;
  z-index: 5 !important;
  margin-left: -60px;
  margin-right: -60px;
  position: relative;
  font-size: 14px;
  color: #FFFFFF;
  z-index: 1;
  border: none;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}

.header .navbar-list .col-sm-4.col-sm-offset-2 {
  padding-top: 33px;
  padding-bottom: 45px;
}

.header .navbar-list a {
  font-size: 26px;
  line-height: 44px;
  color: #FFFFFF;
}

.header .navbar-list a:hover,
.header .navbar-list a.active {
  color: #000;
  text-decoration: underline;
}

.header .navbar-list a div {
  padding: 0px 0px;
  margin-left: -13px;
}

.header .navbar-list .left-menu a {
  font-size: unset;
  line-height: unset;
  color: unset;
}

.header .navbar-list .left-menu a:hover {
  color: transparent;
}

.header .navbar-list .left-menu .rate div {
  width: 60px;
}

.header .navbar-list .col-xs-3 {
  padding-top: 15px;
}

.header .navbar-list .close-navbar {
  background-image: url(../img/close-button.png);
  width: 20%;
  height: 50px;
  position: relative;
  cursor: pointer;
  float: right;
  display: inline-block;
  top: 8px;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 20;
}

.header .left-menu {
  position: fixed;
  top: 570px;
  left: 0px;
  z-index: 10;
}

.left-menu a,
.left-menu a:hover {
  color: transparent;
}

.header .navbar-list .left-menu {
  position: relative;
  z-index: 10;
  margin-top: 0px;
}

.header .left-menu .mail {
  height: 43px;
}

.header .left-menu .rate {
  height: 163px;
}

.header .left-menu .open-modal {
  height: 44px;
}

.header .left-menu {
  position: fixed;
  top: 100%;
  left: 0px;
  margin-top: -390px;
  z-index: 10;
}

.header .left-menu .mail {
  height: 43px;
}

.header .left-menu .rate {
  height: 163px;
}

.header .left-menu .open-modal {
  height: 44px;
}

.header .navbar-list .left-menu {
  position: relative;
  top: 10px;
  margin-left: 13px;
}

.header .navbar-list .left-menu .mail {
  display: inline-block;
}

.header .navbar-list .left-menu .rate {
  display: block;
  height: 40px;
}

.header .navbar-list .left-menu .open-modal {
  display: inline-block;
}

.header .navbar-list .rate a>div {
  display: inline-block;
}

.header .navbar-list .mail a>div,
.header .navbar-list .open-modal a>div {
  display: inline-block;
}

.left-menu .nav-mail {
  background-image: url("../img/left-button-mail.png");
  width: 50px;
  height: 44px;
  background-position: center;
  background-color: #2C9290;
}

.header .left-menu>div {
  margin-bottom: 10px;
  cursor: pointer;
}

.header .left-menu .nav-mail::after,
.header .left-menu .nav-1::after,
.header .left-menu .nav-modal::after {
  content: '';
  position: relative;
  left: 0%;
  top: 121%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 0;
  border-color: #213019 transparent transparent transparent;
}

.header .left-menu .open-modal::after {
  top: 9px;
}

.header .navbar-list .left-menu .nav-mail::after,
.header .navbar-list .left-menu .nav-1::after,
.header .navbar-list .left-menu .nav-1::open-modal {
  content: '';
  position: relative;
  left: 0%;
  top: 0%;
  width: 0;
  height: 0;
  border-style: none;
  border-width: 0px 0px 0 0;
  border-color: #213019 transparent transparent transparent;
}

.left-menu .nav-5 {
  background-image: url("../img/left-button-5.png");
  height: 35px;
}

.left-menu .loading {
  background-image: url("../img/ajax-loader.gif") !important;
  background-color: #2C9290;
  background-size: 30px 30px !important;
  background-position: center;
}

.left-menu .nav-4 {
  background-image: url("../img/left-button-4.png");
  height: 35px;
  margin-top: -2px;
}

.navbar-list .left-menu .nav-4 {
  width: 62px !important;
}

.left-menu .nav-3 {
  background-image: url("../img/left-button-3.png");
  height: 35px;
  margin-top: -4px;
}

.left-menu .nav-3.background {
  z-index: 1;
  background-color: #2C9290;
  ;
  background-image: none;
  height: 33px;
  width: 100%;
  position: absolute;
  top: 4px;
  display: none;
}

.left-menu .nav-3.background img {
  background-image: none;
  margin-top: 1px;
  height: 87%;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.left-menu .nav-2 {
  background-image: url("../img/left-button-2.png");
  height: 35px;
  margin-top: -2px;
}

.left-menu .nav-2.background {
  z-index: 1;
  background-color: #2C9290;
  ;
  background-image: none;
  height: 34px;
  width: 100%;
  position: absolute;
  top: 0px;
  display: none;
}

.left-menu .nav-2.background img {
  background-image: none;
  margin-top: 1px;
  height: 82%;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.left-menu .nav-1 {
  background-image: url("../img/left-button-1.png");
  height: 35px;
  margin-top: -2px;
}

.left-menu .nav-1.background {
  z-index: 1;
  background-color: #2C9290;
  ;
  background-image: none;
  height: 35px;
  width: 100%;
  position: absolute;
  top: 0px;
  display: none;
}

.left-menu .nav-1.background::after {
  content: none;
}

.left-menu .nav-1.background img {
  background-image: none;
  margin-top: 1px;
  height: 80%;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.left-menu .mail {
  margin-bottom: 3px !important;
}

.left-menu .nav-1.background img::after {
  content: none;
}

.visible-xs.visible-sm .left-menu .nav-1::after,
.visible-xs.visible-sm .left-menu .nav-mail::after,
.visible-xs.visible-sm .left-menu .nav-modal::after {
  border: none;
}

.header .left-menu .nav-mail::after {
  top: 125%;
}

.left-menu .nav-modal {
  background-image: url("../img/left-button-modal.png");
  height: 45px;
  margin-top: 0px;
  background-position: center;
  background-color: #2C9290;
}

.left-menu .left-button {
  height: 35px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 51px;
  -webkit-filter: brightness(100%);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.left-menu .left-button.nav-mail:hover,
.left-menu .left-button.nav-modal:hover {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.rate a.active .left-button,
.left-menu .left-button.hover:hover {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.hover-background {
  -webkit-filter: brightness(50%) !important;
  filter: brightness(50%) !important;
}


/* --- Footer --- */

.footer {
  position: relative;
  min-height: 270px;
  background-image: linear-gradient(transparent 170px, #036158 120px);
  margin-top: 20px;
}

.footer .buttons .row {
  min-height: 150px;
  padding-top: 70px
}

.footer .content .row {
  min-height: 120px;
  padding-top: 40px;
}

.footer .link-container .link {
  display: inline-block;
  border-right: 1px solid #FFFFFF;
  padding-right: 5px;
}

.footer .lc-1 img {
  margin-right: 8px;
}

.footer .lc-2 {
  margin-top: 17px;
  margin-left: 10px;
}

.footer .link-container .link:last-of-type {
  border-right: none;
}

.footer .link-container .link a {
  color: #FFFFFF;
  font-size: 12px;
}

.footer .link-container .link a img {
  width: 90px;
  position: relative;
  top: -2px;
}

.footer .link-container .link:first-child {
  border-right: 1px solid #FFFFFF;
  padding-right: 5px;
}

.footer .link-container .link {
  text-align: right;
}

.footer a.prev,
.footer a.next {
  display: inline-block;
  height: 40px;
  padding: 0 35px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 300;
  color: #494949;
  background: url("../img/previous.png") no-repeat left center;
  text-decoration: none;
}

.footer a.next {
  float: right;
  text-align: right;
  background: url("../img/next.png") no-repeat right center;
}

.footer a span {
  display: block;
  padding: 4px 0 3px;
  font-size: 10px;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
}


/* --- Modal --- */

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {
  opacity: 0.7;
}


/* The Modal (background) */

.modal {
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
}


/* Modal Content (image) */

.modal-content {
  margin: auto;
  display: block;
  max-width: 95%;
  max-height: 90%;
}


/* Caption of Modal Image */

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}


/* Add Animation */

.modal-content,
#caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0)
  }
  to {
    -webkit-transform: scale(1)
  }
}

@keyframes zoom {
  from {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}


/* The Close Button */

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
}


/* !! --- PAGINA 1 --- !! */

.section-header .main-slider,
.section-1-1 .main-slider {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  height: 700px;
  margin-top: -220px;
  background: #FFF url("../img/abstract-art-background-370799.jpg") no-repeat center top;
  background-size: cover;
}

.section-header .onslider-description .row,
.section-1-1 .onslider-description .row {
  margin-top: 290px
}

.container {
  position: relative;
}

.onslider-description {
  position: absolute;
}

.section-header .main-slider .container,
.section-1-1 .main-slider .container {
  margin-top: 120px;
}

.section-header .main-slider .container .text-left,
.section-header .main-slider .container .text-right,
.section-1-1 .main-slider .container .text-left,
.section-1-1 .main-slider .container .text-right {
  text-align: left;
  color: #FFFFFF;
}

.section-header .main-slider .container .text-right,
.section-1-1 .main-slider .container .text-right {
  padding-left: 110px;
  padding-top: 20px;
}

.section-header .main-slider .container .text-left span,
.section-1-1 .main-slider .container .text-left span {
  font-size: 80px;
  line-height: 84px;
}

.section-header .main-slider .container .text-right span,
.section-1-1 .main-slider .container .text-right span {
  font-size: 28px;
  line-height: 40px;
  text-shadow: 0 0 3px #000;
}

.section-1-1 .main-buttons {
  padding-top: 70px;
}

.section-1-2 {
  margin-bottom: 5px;
}

.section-1-2 .text-1 {
  padding: 90px 0px 0px;
  font-size: 40px;
  line-height: 52px;
  color: #000000;
  text-align: left;
}

.section-1-2 .text-2 {
  padding: 35px 0px 72px;
  font-size: 26px;
  line-height: 38px;
  text-align: left;
  color: #006564;
}

.section-1-2 li {
  border: 1px solid #CCCCCC;
  border-left: none;
  border-right: none;
  padding-bottom: 20px;
  color: #006564;
  border-radius: 0px;
  background-color: transparent;
}

.section-1-2 ul.list-group {
  border-top: 3px solid #006564;
}

.section-1-2 .info-graphic-left,
.section-1-2 .info-graphic-center,
.section-1-2 .info-graphic-right {
  position: relative;
  float: right;
  top: 5px;
  width: 94px;
  height: 80px;
  background-size: 100%;
  background: url("../img/graphic-col-left.png") no-repeat right top;
}

.section-1-2 .info-graphic-center {
  background-image: url("../img/graphic-col-center.png");
}

.section-1-2 .info-graphic-right {
  background-image: url("../img/graphic-col-right.png");
}

.section-1-2 ul,
.section-1-2 li {
  padding: 0px;
  margin: 0px;
}

.section-1-2 .info-number {
  font-size: 43px;
  color: #000000;
}

.section-1-2 .info-text {
  font-size: 20px;
  line-height: 28px;
  position: relative;
  top: -12px;
}

.section-1-2 .list-group-item {
  padding: 7px 4px 7px 12px;
  border: none !important;
  border-bottom: 2px solid #CCC !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.section-1-2 .list-group-item.first-item {
  padding-top: 0;
  padding-bottom: 0;
}

.section-1-2 .list-group-item span {
  line-height: 20px;
  font-size: 13px;
}

.section-1-2 .list-group-item .cifra {
  font-size: 16px;
  margin-right: 8px;
}

.section-1-2 .right-col .info-text span {
  position: relative;
  top: -7px;
}

.section-1-3 {
  margin-top: 92px;
}

.section-1-3 .text-1,
.section-1-3 .text-2 {
  padding-top: 20px;
}

.section-1-4 {
  margin-top: 135px;
}

.section-1-4 .text-1 {
  padding-top: 30px;
  font-size: 19px;
  color: #116565;
  margin-left: -3px;
  margin-bottom: 15px;
}

.section-1-4 .text-2 {
  padding-top: 12px;
  font-size: 17px;
  margin-bottom: 33px;
}

.section-1-4 .second-row {
  margin-top: 8px;
}

.section-1-4 .second-row .slider-description {
  margin-top: 20px;
}

.section-1-4 .second-row .slider-buttons {
  margin-top: 10px;
}

.section-1-3 .slider,
.section-1-4 .slider,
.section-1-5 .slider {
  width: 970px;
  height: 435px;
}

.section-1-5 {
  margin-top: 140px;
}

.section-1-5 .text-1 {
  padding-top: 25px;
}

.section-1-5 .second-row {
  margin-top: 23px;
}

.section-1-5 .third-row {
  margin-top: 35px;
}

.section-1-6 {
  margin-top: 140px;
}

.section-1-6 .left-col .text-1 {
  padding-top: 18px;
  padding-bottom: 12px;
  position: relative;
  top: 3px;
}

.section-1-6 .right-col .text-1 {
  padding-top: 18px;
  position: relative;
  top: 18px;
}

.section-1-6 .inner-right-col-container .image {
  margin-top: 26px;
}

.section-1-6 .slider-info {
  border-left: 2px solid #CCCCCC;
  padding-left: 10px;
  margin-left: 8px;
  margin-top: 17px;
}

.section-1-6 .button-plus {
  margin-top: 15px;
}

.section-1-6 .inner-right-col-container .slider-info {
  margin-left: 18px;
}

.section-1-6 .inner-left-col-container .slider-info span {
  color: #006564;
}

.pagina-inici .footer .main-button-up {
  display: none;
}

.pagina-inici .footer .main-button-left,
.pagina-inici .footer .main-button-right {
  display: unset;
}


/* !! --- RELACIONS --- !! */

.section-2-1 .onslider-description .row {
  margin-top: 290px
}

.section-2-1 .main-slider {
  background: #FFF url("../img/abstract-art-background-370799.jpg") no-repeat center top;
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  height: 700px;
  margin-top: -220px;
  background-size: cover;
}

body.pagina-relacions-institucionals .section-2-1 .main-slider {
  background-image: url("../img/bg-presentacio.jpg");
}

body.pagina-relacions-institucionals .section-2-1 .main-slider {
  background-image: url("../img/bg-presentacio.jpg");
}

.section-2-1 .main-slider .container {
  margin-top: 120px;
}

.section-2-1 .main-slider .container .text-left,
.section-2-1 .main-slider .container .text-right {
  text-align: left;
  color: #FFFFFF;
}

.section-2-1 .main-slider .container .text-right {
  padding-left: 110px;
  padding-top: 20px;
}

.section-2-1 .main-slider .container .text-left span {
  font-size: 80px;
  line-height: 84px;
}

.section-2-1 .main-slider .container .text-right span {
  font-size: 28px;
  line-height: 40px;
}

.section-2-1 .main-buttons {
  padding-top: 70px;
}

.section-2-2 {
  margin-bottom: 5px;
}

.section-2-2 .text-1 {
  padding: 15px 0px 0px;
  font-size: 42px;
  line-height: 49px;
  color: #000000;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
}

.section-2-2 .text-2 {
  padding: 40px 0px 72px;
  font-size: 26px;
  line-height: 38px;
  text-align: left;
  color: #000;
  font-weight: 700;
}

.section-2-2 li {
  border: 1px solid #CCCCCC;
  border-left: none;
  border-right: none;
  padding-bottom: 0px;
  color: #006564;
  border-radius: 0px;
  background-color: transparent;
}

.section-2-2 ul.list-group {
  border-top: 3px solid #006564;
}

.section-2-2 .info-graphic-left,
.section-2-2 .info-graphic-center,
.section-2-2 .info-graphic-right {
  position: relative;
  float: right;
  top: -5px;
  width: 100px;
  height: 80px;
  background-size: 100%;
}

.section-2-2 .info-graphic-left {
  background-image: url("../img/graphic-col-left.png");
  background-repeat: no-repeat;
}

.section-2-2 .info-graphic-center {
  background-image: url("../img/graphic-relacions-institucionals.png");
  background-repeat: no-repeat;
}

.section-2-2 .info-graphic-right {
  background-image: url("../img/graphic-col-right.png");
  background-repeat: no-repeat;
}

.section-2-2 .info-number {
  font-size: 42px;
  color: #000000;
  position: relative;
  top: -10px;
}

.section-2-2 .info-text {
  font-size: 20px;
  line-height: 28px;
  position: relative;
  top: -19px;
  left: 2px;
}

.section-2-2 .list-group-item:first-of-type {
  margin-bottom: -14px;
  border: none;
  padding-bottom: 0px;
  padding-top: 10px;
}

.section-2-2 .list-group-item {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 8px;
  padding-top: 2px;
}

.section-2-2 .list-group-item span {
  line-height: 20px;
  font-size: 13px;
  position: relative;
  top: -8px;
}

.section-2-2 .list-group-item .cifra {
  font-size: 16px;
  position: relative;
  top: 0px;
  color: #000;
  width: 26px;
  float: left;
  text-align: right;
  margin-right: 5px;
}

.section-2-2 .text-col-1 {
  font-size: 20px;
  line-height: 28px;
  color: #006564;
  margin-top: -12px;
}

.section-2-2 .text-col-2 {
  padding-top: 20px;
  font-size: 20px;
  line-height: 28px;
  color: #006564;
  margin-top: 6px;
}

.section-2-3 {
  border-top: 4px solid #CCCCCC;
  margin-top: 50px;
}

.section-2-3 .text-2 {
  padding-top: 34px;
}

.section-2-3 h2 {
  padding-left: 0px;
  margin-top: 40px;
  padding-bottom: 25px;
}

.section-2-3 .list-group-item {
  border: none;
  border-top: 2px solid #CCCCCC;
  padding: 11px 15px;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.section-2-3 .list-group-item:last-of-type {
  border-bottom: 2px solid #CCCCCC;
}

.section-2-3 .list-group-item .info-text-3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  font-style: italic;
  color: #000000;
}

.section-2-4 {
  margin-top: 75px;
  border-top: 4px solid #CCCCCC;
}

.section-2-4 h1 {
  margin-left: 0px;
}

.section-2-4 .bocadillo {
  margin-top: 49px;
}

.section-2-4 .bocadillo-img {
  position: relative;
  top: -7px;
}

.section-2-4 .text-1 {
  padding-top: 20px;
  font-size: 20px;
  color: #116565;
  line-height: 27px;
}

.section-2-4 .text-1 a {
  color: #006564;
  text-decoration: underline;
}

.section-2-4 .text-2 {
  padding-top: 10px;
  font-size: 17px;
}

.section-2-4 .text-top-bordered {
  margin: 13px 0px;
  border-top: 2px solid #CCCCCC;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  font-weight: 400;
}

.section-2-4 .second-row .left-col .text-top-bordered {
  margin-bottom: 40px;
}

.section-2-4 .second-row .right-col .text-top-bordered {
  margin-bottom: 25px;
}

.section-2-4 .third-row {
  margin: 0px;
}

.section-2-4 .slider {
  width: 455px;
  height: 340px;
}

.section-2-4 .third-row .right-col {
  position: relative;
  right: -15px;
  top: 5px;
}

.section-2-4 .slider .left-col .slider-description {
  border-left: 2px solid #CCCCCC;
  padding-left: 12px;
  margin-left: 6px;
}

.section-2-4 .slider img {
  width: 100%;
  height: 100%
}

.section-2-4 .long-description {
  height: 100px;
}

.section-2-5 {
  margin-top: 67px;
  border-top: 4px solid #CCCCCC;
}

.section-2-5 h1 {
  position: relative;
  top: -3px;
  left: -0px;
}

.section-2-5 .first-row .left-col .text-2 {
  margin-top: 80px;
  margin-bottom: 70px;
}

.section-2-5 .text-top-bordered {
  margin-top: 30px;
  border-top: 2px solid #CCCCCC;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #006564;
  margin: 0px 15px;
}

.section-2-5 .first-row .right-col .text-2 {
  margin-bottom: 25px;
}

.section-2-5 .bocadillo {
  margin-top: 20px;
}

.section-2-5 .bocadillo-img {
  margin-bottom: 30px;
}

.section-2-5 .second-row {
  padding-top: 60px;
}

.section-2-5 .second-row .text-top-bordered {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 25px;
}

.section-2-5 .second-row .right-col .text-2 {
  margin-top: -8px;
  margin-bottom: 15px;
}

.section-2-5 .more-info {
  text-transform: uppercase;
  font-size: 22px;
}

.section-2-5 .more-info a {
  text-transform: uppercase;
  font-size: 22px;
  color: #006564;
  font-weight: 400;
  text-decoration: underline;
}

.section-2-6 h1 {
  position: relative;
  left: 0px;
  top: -30px;
  margin-bottom: 135px;
}

.section-2-6 .left-col .text-1 {
  padding-top: 18px;
}

.section-2-6 .right-col .text-1 {
  padding-top: 18px;
}

.section-2-6 .left-col .text-top-bordered {
  margin-top: 50px;
  margin-bottom: 18px;
}

.section-2-6 {
  margin-top: 110px;
  border-top: 3px solid #CCCCCC;
  padding-top: 30px;
}

.section-2-6 .text-2:first-of-type {
  margin-top: -5px;
}

.section-2-6 .second-text {
  margin-top: 5px;
}

.section-2-6 .third-text {
  margin-top: 32px;
  margin-bottom: 12px;
}

.section-2-7 {
  margin-top: 25px;
  border-top: 4px solid #CCCCCC;
  padding-top: 30px;
}

.section-2-7 h1 {
  position: relative;
  top: -40px;
  left: 0px;
}

.section-2-7 .second-row .top-border {
  border-top: 3px solid #CCCCCC;
  padding: 10px;
  margin-left: 15px;
  margin-right: 15px;
}

.section-2-7 .second-row .inner-left-col-container .text-top-bordered {
  border-top: none;
  margin-top: 5px;
  margin-bottom: 30px;
}

.section-2-7 .image {
  margin-top: 33px;
}

.section-2-7 .second-row {
  margin-top: 13px;
}

.section-2-7 .second-row .slider-info a,
.section-2-4 .third-row a {
  color: #006564;
}

.section-2-7 .third-row {
  margin-top: 64px;
}

.section-2-7 .third-row .text-top-bordered {
  position: relative;
  top: 5px;
  border: none;
}

.section-2-7 .third-row .right-col .text-top-bordered {
  position: relative;
  top: 5px;
  border: none;
}

.section-2-7 .table {
  margin-top: -10px;
}

.section-2-7 .table thead th {
  padding: 0px;
  text-align: right;
  padding-bottom: 10px;
}

.section-2-7 .table tbody th {
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  width: 55%;
  padding-top: 4px;
  padding-bottom: 12px;
}

.section-2-7 .table tbody tr:first-child th,
.section-2-7 .table tbody tr:first-child td {
  border-width: 2px;
}

.section-2-7 .table tbody tr.last-child th,
.section-2-7 .table tbody tr.last-child td {
  border-bottom: 2px solid #ddd;
}

.section-2-7 .table td {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  padding: 9px;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 12px;
}

.section-2-7 .table tr td:last-of-type {
  color: #006564;
}

.section-2-7 .fifth-row {
  margin-top: 60px;
}

.section-2-7 .logos {
  margin-top: -55px;
}

.section-2-7 .logos img {
  width: 100%;
}

.section-2-4.relacions-4 .google-chart {
  margin-top: 0px;
}

span.italic {
  font-style: italic;
  font-weight: 400;
}

span.italic-bold {
  font-style: italic;
  font-weight: 700;
}

.section-2-7.relacions-7 .google-chart .text-top-bordered {
  border-top: 4px solid #CCC;
  margin-top: 0px;
}

.section-2-3.relacions-3a img {
  height: 60px;
  width: auto;
  display: block;
  margin: auto;
}

.section-2-3.relacions-3a h2 {
  font-size: 14px;
  line-height: 22px;
  margin-top: 20px;
}

.section-2-3.relacions-3a .last-row .image {
  height: 200px;
}

.section-2-3.relacions-3a .last-row img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: unset;
}

.section-2-3.relacions-3a .last-row {
  margin-top: 50px;
}

.section-2-3.relacions-3a .last-row .text-1 {
  padding-top: 15px;
  font-size: 14px;
  line-height: 1.4em;
  text-align: center;
}

.section-2-3.relacions-3a .list-group-item {
  padding: 0px;
  border: none;
}

.pagina-relacions-institucionals .footer .main-button-right,
.relacions .footer .main-button-left {
  display: none;
}

.pagina-relacions-institucionals .footer {
  margin-top: -60px;
}

.pagina-relacions-institucionals .footer .buttons .row {
  padding-top: 90px;
}


/* !! --- GOVERN --- !! */

.section-3-1 .onslider-description .row {
  margin-top: 290px
}

.section-3-1 .main-slider {
  background: #FFF url("../img/abstract-art-background-370799.jpg") no-repeat center top;
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  height: 700px;
  margin-top: -220px;
  background-size: cover;
}

body.pagina-inici .section-3-1 .main-slider {
  background-image: url("../img/bg-presentacio.jpg");
}

body.pagina-presentacio .section-3-1 .main-slider {
  background-image: url("../img/bg-presentacio.jpg");
}

.section-3-1 .main-slider .container {
  margin-top: 120px;
}

.section-3-1 .main-slider .container .text-left,
.section-3-1 .main-slider .container .text-right {
  text-align: left;
  color: #FFFFFF;
}

.section-3-1 .main-slider .container .text-right {
  padding-left: 110px;
  padding-top: 20px;
}

.section-3-1 .main-slider .container .text-left span {
  font-size: 80px;
  line-height: 84px;
}

.section-3-1 .main-slider .container .text-right span {
  font-size: 28px;
  line-height: 40px;
}

.section-3-1 .main-buttons {
  padding-top: 70px;
}

.section-3-2 {
  margin-bottom: 5px;
  margin-top: 90px;
}

.section-3-2 h1 {
  margin-top: 15px;
}

.section-3-2 .text-1 {
  padding: 90px 0px 0px;
  font-size: 40px;
  line-height: 52px;
  color: #000000;
  text-align: left;
}

.section-3- .text-2 {
  padding: 35px 0px 72px;
  font-size: 26px;
  line-height: 38px;
  text-align: left;
  color: #006564;
}

.section-3-2 li {
  border: 1px solid #CCCCCC;
  border-left: none;
  border-right: none;
  padding-bottom: 20px;
  color: #006564;
  border-radius: 0px;
  background-color: transparent;
}

.section-3-2 ul.list-group {}

.section-3-2 .info-graphic-left,
.section-3-2 .info-graphic-center,
.section-3-2 .info-graphic-right {
  position: relative;
  float: right;
  top: -5px;
  width: 78px;
  height: 86px;
  background-size: 100%;
}

.section-3-2 .info-graphic-left {
  background-image: url("../img/graphic-col-left.png");
  background-repeat: no-repeat;
}

.section-3-2 .info-graphic-center {
  background-image: url("../img/graphic-col-center.png");
  background-repeat: no-repeat;
}

.section-3-2 .info-graphic-right {
  background-image: url("../img/graphic-col-right.png");
  background-repeat: no-repeat;
}

.section-3-2 .info-number {
  font-size: 43px;
  color: #000000;
}

.section-3-2 .info-text {
  font-size: 20px;
  line-height: 28px;
}

.section-3-2 .list-group-item span {
  line-height: 20px;
  font-size: 13px;
}

.section-3-2 .list-group-item .cifra {
  font-size: 16px;
}

.section-3-2 .first-row .image {
  margin-top: 35px;
}

.section-3-2 .second-row {
  margin-top: 57px;
}


/*.section-3-2 .second-row .left-col {
     width: 30%;
     padding-left: 0px;
}
 .section-3-2 .second-row .center-col {
     width: 30%;
     padding-left: 10px;
}
 .section-3-2 .second-row .right-col {
     width: 30%;
     padding-left: 20px;
}
 */

.section-3-2 .second-row .list-group-item {
  border: none;
  padding: 11px 25px 4px 0px;
  text-align: left;
}

.section-3-2 .second-row a {
  color: #000;
  text-decoration: none;
}

.section-3-2 .second-row .info-text-3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
}

.section-3-2 .second-row .left-col .info-text-3 {
  padding-top: 7px;
}

.section-3-3 {
  margin-top: 58px;
}

.section-3-3 h1 {
  margin-bottom: 25px;
}

.section-3-3 .text-2 {
  padding-top: 34px;
}

.section-3-3 .slider-buttons {
  margin-right: -15px;
}

.section-3-4 {
  margin-top: 107px;
}

.section-3-4 .text-1 {
  padding-top: 34px;
  font-size: 19px;
  color: #116565;
}

.section-3-4 .text-2 {
  padding-top: 10px;
  font-size: 17px;
}

.section-3-4 .more-info a {
  color: #006564;
}

.section-3-5 {
  margin-top: 88px;
}

.section-3-5 .first-row {
  margin-top: 0px;
}

.section-3-5 .text-1 {
  padding-top: 16px;
}

.section-3-6 {
  margin-top: 108px;
}

.section-3-6 .left-col .text-1 {
  padding-top: 18px;
}

.section-3-6 .right-col .text-1 {
  padding-top: 18px;
}

.section-3-4 .first-row ul,
.section-3-5 .first-row ul {
  margin: 40px 0px;
}

.section-3-4 .first-row .list-group-item,
.section-3-5 .first-row .list-group-item {
  min-height: 102px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 170px;
  padding-right: 5px;
  border: none;
  border-top: 2px solid #ddd;
  background-position: 5px center;
  background-repeat: no-repeat;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.logo-1 {
  background-image: url(../img/govern-logos/govern-logo-2.png);
}

.logo-2 {
  background-image: url(../img/govern-logos/govern-logo-3.png);
}

.logo-3 {
  background-image: url(../img/govern-logos/govern-logo-1.png);
}

.logo-4 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-5 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-6 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-7 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-8 {
  background-image: url(../img/govern-logos/govern-logo-96.png);
}

.logo-9 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-10 {
  background-image: url(../img/govern-logos/govern-logo-garrotxa.png);
}

.logo-11 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-12 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-13 {
  background-image: url(../img/govern-logos/govern-logo-6.png);
}

.logo-14 {
  background-image: url(../img/govern-logos/govern-logo-4.png);
}

.logo-15 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-16 {
  background-image: url(../img/govern-logos/govern-logo-7.png);
}

.logo-17 {
  background-image: url(../img/govern-logos/govern-logo-5.png);
}

.logo-18 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-19 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-20 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-21 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-22 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-23 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-24 {
  background-image: url(../img/govern-logos/govern-logo-g.png);
}

.logo-25 {
  background-image: url(../img/govern-logos/govern-logo-8.png);
}

.logo-26 {
  background-image: url(../img/govern-logos/govern-logo-14.png);
}

.logo-27 {
  background-image: url(../img/govern-logos/govern-logo-21.png);
}

.logo-28 {
  background-image: url(../img/govern-logos/govern-logo-9.png);
}

.logo-29 {
  background-image: url(../img/govern-logos/govern-logo-15.png);
}

.logo-30 {
  background-image: url(../img/govern-logos/govern-logo-22.png);
}

.logo-31 {
  background-image: url(../img/govern-logos/govern-logo-10.png);
}

.logo-32 {
  background-image: url(../img/govern-logos/govern-logo-16.png);
}

.logo-33 {
  background-image: url(../img/govern-logos/govern-logo-23.png);
}

.logo-34 {
  background-image: url(../img/govern-logos/govern-logo-11.png);
}

.logo-35 {
  background-image: url(../img/govern-logos/govern-logo-17.png);
}

.logo-36 {
  background-image: url(../img/govern-logos/govern-logo-24.png);
}

.logo-37 {
  background-image: url(../img/govern-logos/govern-logo-12.png);
}

.logo-38 {
  background-image: url(../img/govern-logos/govern-logo-18.png);
}

.logo-39 {
  background-image: url(../img/govern-logos/govern-logo-25.png);
}

.logo-40 {
  background-image: url(../img/govern-logos/govern-logo-13.png);
}

.logo-41 {
  background-image: url(../img/govern-logos/govern-logo-19.png);
}

.logo-42 {
  background-image: url(../img/govern-logos/govern-logo-26.png);
}

.logo-43 {
  background-image: url(../img/govern-logos/govern-logo-20.png);
}

.logo-44 {
  background-image: url(../img/govern-logos/govern-logo-27.png);
}

.logo-45 {
  background-image: url(../img/govern-logos/govern-logo-28.png);
}

.logo-46 {
  background-image: url(../img/govern-logos/govern-logo-35.png);
}

.logo-47 {
  background-image: url(../img/govern-logos/govern-logo-43.png);
}

.logo-48 {
  background-image: url(../img/govern-logos/govern-logo-29.png);
}

.logo-49 {
  background-image: url(../img/govern-logos/govern-logo-36.png);
}

.logo-50 {
  background-image: url(../img/govern-logos/govern-logo-44.png);
}

.logo-51 {
  background-image: url(../img/govern-logos/govern-logo-30.png);
}

.logo-52 {
  background-image: url(../img/govern-logos/govern-logo-37.png);
}

.logo-53 {
  background-image: url(../img/govern-logos/govern-logo-45.png);
}

.logo-54 {
  background-image: url(../img/govern-logos/govern-logo-31.png);
}

.logo-55 {
  background-image: url(../img/govern-logos/govern-logo-38.png);
}

.logo-56 {
  background-image: url(../img/govern-logos/govern-logo-46.png);
}

.logo-57 {
  background-image: url(../img/govern-logos/govern-logo-32.png);
}

.logo-58 {
  background-image: url(../img/govern-logos/govern-logo-39.png);
}

.logo-59 {
  background-image: url(../img/govern-logos/govern-logo-47.png);
}

.logo-60 {
  background-image: url(../img/govern-logos/govern-logo-33.png);
}

.logo-61 {
  background-image: url(../img/govern-logos/govern-logo-40.png);
}

.logo-62 {
  background-image: url(../img/govern-logos/govern-logo-48.png);
}

.logo-63 {
  background-image: url(../img/govern-logos/govern-logo-34.png);
}

.logo-64 {
  background-image: url(../img/govern-logos/govern-logo-41.png);
}

.logo-65 {
  background-image: url(../img/govern-logos/govern-logo-49.png);
}

.logo-66 {
  background-image: url(../img/govern-logos/govern-logo-50.png);
}

.logo-67 {
  background-image: url(../img/govern-logos/govern-logo-42.png);
}

.logo-68 {
  background-image: url(../img/govern-logos/govern-logo-51.png);
}

.logo-69 {
  background-image: url(../img/govern-logos/govern-logo-58.png);
}

.logo-70 {
  background-image: url(../img/govern-logos/govern-logo-65.png);
}

.logo-71 {
  background-image: url(../img/govern-logos/govern-logo-52.png);
}

.logo-72 {
  background-image: url(../img/govern-logos/govern-logo-59.png);
}

.logo-73 {
  background-image: url(../img/govern-logos/govern-logo-66.png);
}

.logo-74 {
  background-image: url(../img/govern-logos/govern-logo-53.png);
}

.logo-75 {
  background-image: url(../img/govern-logos/govern-logo-60.png);
}

.logo-76 {
  background-image: url(../img/govern-logos/govern-logo-67.png);
}

.logo-77 {
  background-image: url(../img/govern-logos/govern-logo-54.png);
}

.logo-78 {
  background-image: url(../img/govern-logos/govern-logo-61.png);
}

.logo-79 {
  background-image: url(../img/govern-logos/govern-logo-68.png);
}

.logo-80 {
  background-image: url(../img/govern-logos/govern-logo-55.png);
}

.logo-81 {
  background-image: url(../img/govern-logos/govern-logo-62.png);
}

.logo-82 {
    background-image: url(../img/govern-logos/govern-logo-69.png);
    background-position: 22px center !important;
}

.logo-83 {
  background-image: url(../img/govern-logos/govern-logo-56.png);
}

.logo-84 {
  background-image: url(../img/govern-logos/govern-logo-63.png);
}

.logo-85 {
  background-image: url(../img/govern-logos/govern-logo-70.png);
}

.logo-86 {
  background-image: url(../img/govern-logos/govern-logo-57.png);
}

.logo-87 {
  background-image: url(../img/govern-logos/govern-logo-64.png);
}

.logo-88 {
  background-image: url(../img/govern-logos/govern-logo-71.png);
}

.logo-89 {
  background-image: url(../img/govern-logos/govern-logo-72.png);
}

.logo-90 {
  background-image: url(../img/govern-logos/govern-logo-79.png);
}

.logo-91 {
  background-image: url(../img/govern-logos/govern-logo-87.png);
}

.logo-92 {
  background-image: url(../img/govern-logos/govern-logo-73.png);
}

.logo-93 {
  background-image: url(../img/govern-logos/govern-logo-80.png);
}

.logo-94 {
  background-image: url(../img/govern-logos/govern-logo-88.png);
}

.logo-95 {
  background-image: url(../img/govern-logos/govern-logo-74.png);
}

.logo-96 {
  background-image: url(../img/govern-logos/govern-logo-81.png);
}

.logo-97 {
  background-image: url(../img/govern-logos/govern-logo-89.png);
}

.logo-98 {
  background-image: url(../img/govern-logos/govern-logo-75.png);
}

.logo-99 {
  background-image: url(../img/govern-logos/govern-logo-82.png);
}

.logo-100 {
  background-image: url(../img/govern-logos/govern-logo-90.png);
}

.logo-101 {
  background-image: url(../img/govern-logos/govern-logo-76.png);
}

.logo-102 {
  background-image: url(../img/govern-logos/govern-logo-83.png);
}

.logo-103 {
  background-image: url(../img/govern-logos/govern-logo-91.png);
}

.logo-104 {
  background-image: url(../img/govern-logos/govern-logo-77.png);
}
.logo-104b {
  background-image: url(../img/govern-logos/govern-logo-77b.png);
}

.logo-105 {
  background-image: url(../img/govern-logos/govern-logo-84.png);
}

.logo-106 {
  background-image: url(../img/govern-logos/govern-logo-92.png);
}

.logo-107 {
  background-image: url(../img/govern-logos/govern-logo-78.png);
}

.logo-108 {
  background-image: url(../img/govern-logos/govern-logo-85.png);
}

.logo-109 {
  background-image: url(../img/govern-logos/govern-logo-93.png);
}

.logo-110 {
  background-image: url(../img/govern-logos/govern-logo-86.png);
}

.logo-111 {
  background-image: url(../img/govern-logos/govern-logo-94.png);
}

.logo-901 {
  background-image: url(../img/govern-logos/govern-logo-901.png);
}

.logo-902 {
  background-image: url(../img/govern-logos/govern-logo-902.png);
}

.section-3-4 .first-row .list-group-item:last-of-type,
.section-3-5 .first-row .list-group-item:last-of-type {
  border-bottom: 2px solid #ddd;
}

.section-3-4 .first-row .info-text-3,
.section-3-5 .first-row .info-text-3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.section-3-6 .first-row .list-group-item,
.section-3-7 .first-row .list-group-item {
  border: none;
  padding: 8px 0;
}

.section-3-7 {
  margin-top: 62px;
}

.section-3-7 .right-col h1 {
  padding-bottom: 55px;
}

.section-3-7 .first-row .info-text-2 span {
  color: #000000;
  font-weight: 400;
}

.section-3-7 .right-col .list-group-item {
  margin-top: 52px;
  margin-left: 0px;
}

.pagina-govern .footer .main-button-right,
.relacions .footer .main-button-left {
  display: none;
}

.pagina-govern .footer {
  margin-top: -40px;
}

.pagina-govern .footer .buttons .row {
  padding-top: 90px;
}


/* !! --- QUALITAT --- !! */

.section-4-1 .onslider-description .row {
  margin-top: 290px
}

.section-4-1 .main-slider {
  background: #FFF url("../img/abstract-art-background-370799.jpg") no-repeat center top;
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  height: 700px;
  margin-top: -220px;
  background-size: cover;
}

body.pagina-inici .section-4-1 .main-slider {
  background-image: url("../img/bg-presentacio.jpg");
}

body.pagina-presentacio .section-4-1 .main-slider {
  background-image: url("../img/bg-presentacio.jpg");
}

.section-4-1 .main-slider .container {
  margin-top: 120px;
}

.section-4-1 .main-slider .container .text-left,
.section-4-1 .main-slider .container .text-right {
  text-align: left;
  color: #FFFFFF;
}

.section-4-1 .main-slider .container .text-right {
  padding-left: 110px;
  padding-top: 20px;
}

.section-4-1 .main-slider .container .text-left span {
  font-size: 80px;
  line-height: 84px;
}

/*
body.pagina-qualitat .section-4-1 .main-slider .container .text-left span {
    background: url('../img/recuadro.png') no-repeat left bottom;
    padding-bottom: 180px;
}
*/


.section-4-1 .main-slider .container .text-right span {
  font-size: 28px;
  line-height: 40px;
}

.section-4-1 .main-buttons {
  padding-top: 70px;
}

.section-4-2 {
  margin-bottom: 5px;
  margin-top: 90px;
  border-top: 3px solid #CCCCCC;
}

.section-4-2 .text-1 {
  padding: 37px 0px 0px;
  font-size: 40px;
  line-height: 52px;
  color: #000000;
  text-align: left;
}

.section-4-2 .text-2 {
  padding: 35px 0px 72px;
  font-size: 26px;
  line-height: 38px;
  text-align: left;
  color: #006564;
}

.section-4-2 li {
  border: 1px solid #CCCCCC;
  border-left: none;
  border-right: none;
  padding-bottom: 20px;
  color: #006564;
  border-radius: 0px;
  background-color: transparent;
}

.section-4-2 ul.list-group {
  border-top: 3px solid #006564;
}

.section-4-2 .info-graphic-left,
.section-4-2 .info-graphic-center,
.section-4-2 .info-graphic-right {
  position: relative;
  float: right;
  top: -5px;
  width: 78px;
  height: 86px;
  background-size: 100%;
}

.section-4-2 .info-button-text {
  line-height: 38px;
  font-size: 26px;
  padding: 10px;
}

.section-4-2 .info-graphic-left {
  background-image: url("../img/graphic-col-left.png");
  background-repeat: no-repeat;
}

.section-4-2 .info-graphic-center {
  background-image: url("../img/graphic-col-center.png");
  background-repeat: no-repeat;
}

.section-4-2 .info-graphic-right {
  background-image: url("../img/graphic-col-right.png");
  background-repeat: no-repeat;
}

.section-4-2 .info-number {
  font-size: 43px;
  color: #000000;
}

.section-4-2 .info-text {
  font-size: 20px;
  line-height: 28px;
}

.section-4-2 .list-group-item span {
  line-height: 20px;
  font-size: 13px;
}

.section-4-2 .list-group-item .cifra {
  font-size: 16px;
}

.section-4-2 .text-1 {
  font-size: 28px;
  line-height: 36px;
}

.section-4-2 .second-row {
  margin-top: 120px;
}

.section-4-2 .info-button {
  display: block;
  padding: 10px 15px;
  background-color: #006564;
  height: 300px;
  color: #FFFFFF;
  cursor: pointer;
}

.section-4-2 .info-button img {
  width: auto;
  height: 120px;
}

.section-4-2 .third-row {
  margin-top: 52px;
}

.section-4-3 {
  border-top: 4px solid #CCCCCC;
}

.section-4-3 .text-2 {
  padding-top: 34px;
}

.section-4-3 {
  margin-top: 127px;
}

.section-4-3 .bocadillo {
  margin-top: 15px;
}

.section-4-3 .second-row {
  margin-top: 50px;
}

.section-4-3 .second-row {
  margin-top: 50px;
}

.section-4-3 .second-row .text-2 {
  padding: 20px 15px;
  text-align: justify;
}

.section-4-3 .third-row {
  margin-top: 15px;
}

.section-4-3 .third-row .grey-background {
  background-color: lightgrey;
  min-height: 615px;
  margin-bottom: -50px;
}

.section-4-3 .border-cut-bottom {
  height: 30px;
  border-top: 50px solid transparent;
  border-right: 55px solid #FFFFFF;
  z-index: 2;
}

.section-4-3 .third-row .list-group-item {
  background-color: transparent;
  left: 10px;
}

.section-4-3 .third-row img {
  height: auto;
}

.section-4-3 .third-row h2 {
  text-transform: none;
  padding: 0 35px;
}

.section-4-3 .list {
  padding: 0px 35px 0 25px;
}

.section-4-4 {
  margin-top: 130px;
  border-top: 3px solid #CCCCCC;
}

.section-4-4 .first-row {
  margin-top: -72px;
}

.section-4-4 .text-1 {
  padding-top: 34px;
  font-size: 19px;
  color: #116565;
}

.section-4-4 .text-2 {
  padding-top: 100px;
  font-size: 17px;
}

.section-4-4 {
  border: none;
}

.section-4-4 .second-row {
  margin-top: 50px;
}

.section-4-4 .second-row .text-top-bordered {
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 25px;
}

.section-4-4 .text-info-graphic-1,
.section-4-4 .text-info-graphic-2 {
  margin-top: 40px;
  margin-bottom: 110px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  color: #000000;
  padding-left: 15px;
  padding-right: 15px;
}

.section-4-4 .text-info-graphic-2 {
  margin-top: 50px;
}

.pagina-qualitat .footer .main-button-right,
.pagina-qualitat .footer .main-button-left {
  display: none;
}


/* !! --- RECURSOS --- !! */

.section-5-1 .onslider-description .row {
  margin-top: 290px
}

.section-5-1 .main-slider {
  background: #FFF url("../img/abstract-art-background-370799.jpg") no-repeat center top;
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  height: 810px;
  margin-top: -220px;
  background-size: auto 810px;
}

body.pagina-recursos-humans .section-5-1 .main-slider {
  background-image: url("../img/bg-presentacio.jpg");
}

body.pagina-recursos-humans .section-5-1 .main-slider {
  background-image: url("../img/bg-presentacio.jpg");
}

.section-1 .main-slider .container {
  margin-top: 120px;
}

.section-5-1 .main-slider .container .text-left,
.section-5-1 .main-slider .container .text-right {
  text-align: left;
  color: #FFFFFF;
}

.section-5-1 .main-slider .container .text-right {
  padding-left: 110px;
  padding-top: 20px;
}

.section-5-1 .main-slider .container .text-left span {
  font-size: 80px;
  line-height: 84px;
}

.section-5-1 .main-slider .container .text-right span {
  font-size: 28px;
  line-height: 40px;
}

.section-5-1 .main-buttons {
  padding-top: 70px;
}

.section-5-2 {
  margin-bottom: 5px;
}

.section-5-2 h1 {
  margin-top: 10px;
  font-size: 30px;
}

.section-5-2 .text-1 {
  padding: 90px 0px 0px;
  font-size: 40px;
  line-height: 52px;
  color: #000000;
  text-align: left;
}

.section-5-2 .text-2 {
  padding: 35px 0px 72px;
  font-size: 26px;
  line-height: 38px;
  text-align: left;
  color: #006564;
}

.section-5-2 li {
  border: 1px solid #CCCCCC;
  border-left: none;
  border-right: none;
  padding-bottom: 20px;
  color: #006564;
  border-radius: 0px;
  background-color: transparent;
}

.section-5-2 ul.list-group {
  border-top: 3px solid #006564;
}

.section-5-2 .info-graphic-left,
.section-5-2 .info-graphic-center,
.section-5-2 .info-graphic-right {
  position: relative;
  float: right;
  top: -5px;
  width: 78px;
  height: 86px;
  background-size: 100%;
}

.section-5-2 .info-graphic-left {
  background-image: url("../img/graphic-col-left.png");
  background-repeat: no-repeat;
}

.section-5-2 .info-graphic-center {
  background-image: url("../img/graphic-col-center.png");
  background-repeat: no-repeat;
}

.section-5-2 .info-graphic-right {
  background-image: url("../img/graphic-col-right.png");
  background-repeat: no-repeat;
}

.section-5-2 .info-number {
  font-size: 43px;
  color: #000000;
}

.section-5-2 .info-text {
  font-size: 20px;
  line-height: 28px;
}

.section-5-2 .list-group-item span {
  line-height: 20px;
  font-size: 13px;
}

.section-5-2 .list-group-item .cifra {
  font-size: 16px;
}

.section-5-2 {
  border-top: 4px solid #CCCCCC;
  margin-top: 80px;
}

.section-5-2 img {
  margin: 40px 0px 66px 0px;
}

.section-5-3 {
  border-top: 4px solid #CCCCCC;
}

.section-5-3 h1 {
  margin-top: 11px;
  font-size: 30px;
  line-height: 36px;
}

.section-5-3 .text-2 {
  padding-top: 34px;
}

.section-5-3 img {
  margin-top: 86px;
}

.section-5-4 {
  margin-top: 130px;
  border-top: 3px solid #CCCCCC;
}

.section-5-4 h1 {
  margin-top: 11px;
  font-size: 30px;
  line-height: 36px;
}

.section-5-4 .second-row {
  margin-top: -15px;
  margin-bottom: -15px;
}

.section-5-4 .third-row {}

.section-5-4 .text-1 {
  padding-top: 34px;
  font-size: 19px;
  color: #116565;
}

.section-5-4 .text-2 {
  padding-top: 10px;
  font-size: 17px;
}

.section-5-4 .text-1 {
  color: #000000;
  font-weight: 400;
  margin-bottom: -15px;
  margin-top: 18px;
  line-height: 27px;
}

.section-5-4 .grey-background {
  background-color: #EDEDED;
  height: 530px;
  margin-bottom: -30px;
}

.section-5-4 .border-cut-bottom {
  height: 30px;
  border-top: 35px solid transparent;
  border-right: 40px solid #FFFFFF;
  z-index: 2;
}

.section-5-4 img {
  width: 100%;
  padding: 0px 0px 30px;
  ;
}

.section-5-4 .member {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
}

.section-5-4 .member-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
  font-style: normal;
}

.section-5-4 .member span,
.section-5-4 .member-title span {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.section-5-4 .color-background {
  margin-top: -30px;
  height: 330px;
}

.section-5-4 .third-row .color-background {
  height: 425px;
}

.section-5-4 .third-row .grey-background {
  height: 590px;
}

.section-5-4 .r4,
.section-5-4 .r3,
.section-5-4 .v1,
.section-5-4 .v2,
.section-5-4 .v3 {
  background-color: #A12841;
}

.section-5-4 .members-info {
  padding: 0px 15px;
}

.section-5-4 .second-row .text-1,
.section-5-4 .third-row .text-1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
}

.section-5-4 .second-row .text-2,
.section-5-4 .third-row .text-2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
}

.section-5-4 h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
}

.section-5-4 .border-cut-top {
  height: 30px;
  border-bottom: 35px solid transparent;
  border-left: 40px solid #FFFFFF;
  z-index: 2;
  position: relative;
}

.section-5-4 .left-col,
.section-5-4 .center-col,
.section-5-4 .right-col {
  margin-top: 50px;
}

.section-5-4 .text-2 {
  margin-top: 0px;
}

.section-5-4 .bocadillo {
  margin-top: 40px;
}

.section-5-5 {
  margin-top: 117px;
  border-top: 4px solid #CCCCCC;
}

.section-5-5 h1 {
  margin-top: 14px;
  font-size: 30px;
  line-height: 36px;
}

.section-5-5 .bocadillo {
  margin-top: 53px;
}

.section-5-5 .text-1 {
  padding-top: 16px;
}

.section-5-5 .text-2 {
  margin-top: 12px;
}

.section-5-5 .text-top-bordered {
  margin-bottom: 30px;
  margin-top: 100px;
}

.recursos-6 .fourth-row {
  margin-top: 50px;
}

.recursos-7 img {
  margin-top: 50px;
}

.recursos-9 .bxslider {
  margin-top: 46px;
}

.recursos-9 .slider-info {
  border: none;
}

.recursos-9 .slider-info span {
  color: #000 !important;
  margin-left: -15px;
}

.recursos-9 .right-col .image {
  margin-top: 22px;
}

.pagina-recursos-humans .footer .main-button-right,
.pagina-recursos-humans .footer .main-button-left {
  display: none;
}

.pagina-recursos-humans .footer {
  margin-top: 0px;
}

.under-construction {
  min-height: 60vh;
  padding-top: 25vh;
  font-size: 30px;
  text-align: center;
}

.section-5-5.socis .image {
  margin-top: 50px;
}

.section-3-2.socis .second-row .info-text-3 {
  padding-top: 7px;
}

.section-3-2.socis {
  border: none;
}


/* .section-3-2 .second-row .left-col {
     width: 33.33333333%;
     padding-left: 0px;
     padding-right: 0px;
}
 .section-3-2 .second-row .center-col {
     width: 33.33333333%;
     padding-left: 0px;
     padding-right: 0px;
}
 .section-3-2 .second-row .right-col {
     width: 33.33333333%;
     padding-left: 0px;
     padding-right: 0px;
}
 */

.section-3-2.socis .list-group-item {
  padding: 10px;
}

.section-3-2.socis h3 {
  padding: 10px;
}

.section-3-2.socis .second-row {
  margin-bottom: -100px;
}

.section-5-5.socis .text-top-bordered {
  margin-top: 30px;
}

.google-chart .text-top-bordered {
  position: relative;
  z-index: 2;
  margin-bottom: -160px;
}

.google-chart {
  margin-top: 80px;
}

.google-chart .text-top-bordered {
  position: relative;
  z-index: 2;
  margin-bottom: -65px;
}

.google-chart .chart {
  position: relative;
  z-index: 1;
  margin-left: 20px;
}

.google-chart #chart-3 {
  margin-left: 20px;
  margin-bottom: -90px;
}

.section-5-5.socis:last-of-type .text-top-bordered {
  margin-bottom: 50px;
}

.section-5-5.socis:last-of-type .text-top-bordered {
  margin-bottom: 50px;
}

.section-1-2.activitats-2 .text-1 {
  font-size: 26px;
  line-height: 40px;
}

.section-1-3.activitats-3 h1 span {
  font-size: 26px;
  line-height: 28px;
}

.section-1-3.activitats-3 .text-1 {
  margin-bottom: 20px;
  font-size: 18px;
  margin-top: 10px;
}

.section-1-3.activitats-3 .second-row {
  margin-top: 30px;
}

.section-5-5.activitats-4 h1 {
  font-size: 42px;
  line-height: 46px;
}

.section-5-5.activitats-4 .text-1 {
  font-size: 18px;
  padding-top: 22px;
  margin-bottom: 60px;
}

.premis-i-beques .col-md-6 .border-grey {
  border-width: 3px;
}

.premis-i-beques .text-1 {
  padding-bottom: 17px !important;
  font-size: 14px !important;
  line-height: 1.4em !important;
  text-transform: uppercase;
}

.premis-i-beques .text-2 {
  font-size: 14px !important;
  line-height: 1.3em !important;
}

.premis-i-beques .image {
  margin-top: 23px !important;
  margin-bottom: 58px !important;
}

.section-1-5.activitats-5 .text-1 {
  font-size: 18px;
  color: #006564;
  font-weight: 700;
  padding-bottom: 22px;
  padding-top: 10px;
}

.section-1-5.activitats-5 .image {
  margin-top: 30px;
  margin-bottom: 60px;
}

.section-1-5.activitats-5 .second-row {
  margin-bottom: 60px;
}

.section-5-4.activitats-6 .left-col,
.section-5-4.activitats-6 .right-col {
  margin-top: 0px;
}

.section-5-4.activitats-6 .col-xs-12 {
  margin-bottom: 10px;
}

.section-5-4.activitats-6 .col-xs-12 .border-grey {
  border-top: 3px solid #CCC;
}

.section-5-4.activitats-6 .row {
  margin-top: 50px;
}

.section-5-4.activitats-6 .text-1 {
  margin: 0;
  padding-top: 0;
  padding-bottom: 17px;
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 700;
  color: #006564;
  text-transform: uppercase;
}

.section-5-4.activitats-6 .text-2 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4em;
  color: #000;
  font-weight: 700;
  margin-bottom: 2px;
}

.section-5-4.activitats-6 .text-3 {
  font-weight: 400;
}

.section-5-4.activitats-6 .right-col img {
  padding-bottom: 0px;
}

.section-5-4.activitats-6 .slider-info {
  border-left: 2px solid #CCCCCC;
  padding-left: 10px;
  margin-left: 18px;
  margin-top: 17px;
  font-size: 13px;
  line-height: 16px;
}

.section-5-5.activitats .bocadillo-img {
  margin-bottom: 60px;
}

.section-1-5.activitats-9,
.section-1-5.activitats-10 {
  border-top: 4px solid #CCC;
}

.premis .google-chart .chart {
  position: relative;
  z-index: 1;
}

.premis .info-text-1,
.premis .info-text-2,
.premis .info-text-3 {
  font-style: normal !important;
  text-transform: inherit !important;
}

.premis .info-text-1 {
  padding-bottom: 5px;
  font-weight: 400;
}

.premis .info-text-3 {
  padding-bottom: 5px;
}

.premis .info-text-1.fbold {
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.telematica-2 {
  margin-top: 90px;
}

.telematica-2 .first-row {
  margin-top: -20px;
}

.telematica-3 {
  margin-top: -70px;
  border: none;
}

.telematica-3 img {
  margin-top: 30px;
}

.telematica-4 {
  margin-top: 15px;
}

.telematica-4 h1 {
  margin-top: 14px;
  font-size: 40px;
  line-height: 46px;
}

.telematica-4 .bocadillo {
  margin-top: 15px;
}

.telematica-4 .second-row {
  margin-top: 22px;
}

.telematica-4 .second-row .text-1 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color: #000;
}

.telematica-4 .second-row .text-2 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.telematica-4 .list-group {
  margin-bottom: -5px;
}

.telematica-5 {
  margin-top: 130px;
}

.telematica-5 .bocadillo {
  margin-top: 30px;
}

.telematica-5 .second-row {
  margin-top: -200px;
}

.telematica-5 .text-top-bordered.info {
  margin-bottom: -10px;
}

.telematica-6 {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 97px;
}

.telematica-6 .text-2 {
  margin-top: -30px;
}

.telematica-6 .text-1 {
  padding-top: 18px;
  font-size: 22px;
  color: #000;
  font-weight: 900;
}

.pagina-telematica .footer .buttons {
  margin-top: -70px;
}

.xifres-3 .google-chart .text-top-bordered {
  position: relative;
  z-index: 2;
  margin-bottom: 80px;
}

.balance .text-top-bordered>div {
  display: inline-block;
  padding-bottom: 20px;
}

.balance .main>div {
  display: inline-block;
  font-size: 16px;
}

.balance .second>div {
  display: inline-block;
}

.balance .third>div {
  display: inline-block;
}

.balance .text-top-bordered>div:first-child,
.balance .main>div:first-child,
.balance .second>div:first-child,
.balance .third>div:first-child {
  width: 55%;
}

.balance .text-top-bordered>div:nth-child(2),
.balance .main>div:nth-child(2),
.balance .second>div:nth-child(2),
.balance .third>div:nth-child(2) {
  width: 20%;
  text-align: right;
}

.balance .text-top-bordered>div:nth-child(3),
.balance .main>div:nth-child(3),
.balance .second>div:nth-child(3),
.balance .third>div:nth-child(3) {
  width: 20%;
  text-align: right;
}

.balance .main {
  font-weight: 700;
  padding-top: 10px;
}

.balance .second>div:first-child {
  padding-left: 20px;
}

.xifres-5 .balance .second>div,
.balance .third>div {
  font-weight: 400;
}

.balance .third>div:first-child {
  padding-left: 40px;
}

.xifres-3 .chart-3 {
  margin-top: 200px;
}

.xifres .chart-5 {
  margin-top: 132px;
}

.xifres-3 {
  border: none;
  margin-top: 0px;
}

.xifres-4 h1 {
  padding-bottom: 50px;
}

.xifres-4 {
  margin-top: 0px;
}

.xifres-5 h1 {
  padding-bottom: 50px;
}

.xifres-7 .chart-7 .text-top-bordered {
  position: relative;
  z-index: 2;
  margin-bottom: 80px;
}

.xifres-7 .chart-6 .text-top-bordered {
  position: relative;
  z-index: 2;
  margin-bottom: 80px;
}

.xifres-8 .chart-9,
.xifres-8 .chart-10,
.xifres-8 .chart-11,
.xifres-8 .chart-12 {
  margin-top: 0px;
}

.xifres-8 .chart-8 .text-top-bordered,
.xifres-8 .chart-9 .text-top-bordered,
.xifres-8 .chart-10 .text-top-bordered,
.xifres-8 .chart-11 .text-top-bordered,
.xifres-8 .chart-12 .text-top-bordered {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}

.xifres-2 td {
  text-align: right;
}

.xifres-2 thead {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #006564;
}

.xifres-2 tbody,
.xifres-2 tbody th {
  font-weight: 400;
}

.xifres-2 .text-top-bordered {
  margin-top: 50px;
}

.xifres-2 .bocadillo {
  margin-top: 10px;
}

.xifres-2 .text-top-bordered span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #000;
}

.section-4-4.formatives-3 {
  margin-top: -50px;
}


.section-4-4.formatives-4 {
  margin-top: -50px;
}

.section-3-4.formatives-8a {
  border: none;
}

.section-3-4.formatives-8a .list-img {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 50%;
}

.section-3-4.formatives-8a .list-img img {
  width: 50%;
  margin-right: 10%;
  padding-bottom: 1px;
}

.section-3-4.formatives-8a.formatives-9 .list-img img {
  border: 1px solid black;
}

.section-3-4.formatives-8a .list-text {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.section-3-4.formatives-8a .list-group-item {
  padding-left: 0px;
  background: none;
  display: table;
  width: 100%;
}

.section-3-4.formatives-8a .right-col .list-group-item {
  padding-left: 0px;
  background: none;
  display: table;
  width: 100%;
}

#chart-45 svg,
#chart-12 svg,
#chart-13 svg,
#chart-53 svg,
#chart-101 svg,
#chart-102 svg,
#chart-17 svg,
#chart-18 svg,
#chart-19 svg,
#chart-21 svg,
#chart-22 svg {
  position: absolute;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 5000ms, visibility 5000ms;
  transition: opacity 5000ms, visibility 5000ms;
}

#chart-16 {
  margin-left: 0px;
}

.svg-style {
  opacity: 1;
  visibility: visible;
}

.img-container-1 {
  background-image: url("../img/socis-1b.png");
  background-size: 100%;
}

.img-container-2 {
  background-image: url("../img/socis-2b.png");
  background-size: 100%;
}

.graph-image-1,
.graph-image-2 {
  width: 0%;
  height: 100%;
  margin-left: 5px;
  margin-bottom: 4px;
}

.modal-2 {
  z-index: 9902;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.90);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-2-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem 1.5rem;
  width: 80vw;
  border-radius: 0.5rem;
}

.close-button-2 {
  float: right;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: lightgray;
}

.close-button-2:hover {
  background-color: darkgray;
}

.show-modal-2 {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.show-modal-3 {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.modal-list-item {
  font-size: 13px;
}

.modal-2 h2 {
  color: #006564;
}

.modal-list-item span {
  color: #006564;
}

.modal-2 ul {
  overflow: hidden;
  padding: 0px;
}


/* ### HEADER PAGINAS ### */

body.pagina-presentacio .main-slider {
  background-image: url("../img/bg-presentacio.jpg") !important;
}

body.pagina-govern .main-slider {
  background-image: url("../img/bg-govern.jpg") !important;
}

body.pagina-qualitat .main-slider {
  background-image: url("../img/bg-qualitat.jpg") !important;
}

body.pagina-socis .main-slider {
  background-image: url("../img/bg-socis.jpg") !important;
}

body.pagina-relacions-institucionals .main-slider {
  background-image: url("../img/bg-relacions-institucionals.jpg") !important;
}

body.pagina-activitats .main-slider {
  background-image: url("../img/bg-activitats.jpg") !important;
}

body.pagina-activitats-formatives .main-slider {
  background-image: url("../img/bg-activitats-formatives.jpg") !important;
}

body.pagina-premis-i-beques .main-slider {
  background-image: url("../img/bg-premis-i-beques.jpg") !important;
}

body.pagina-telematica .main-slider {
  background-image: url("../img/bg-telematica.jpg") !important;
}

body.pagina-recursos-humans .main-slider {
  background-image: url("../img/bg-recursos-humans.jpg") !important;
}

body.pagina-l-academia-en-xifres .main-slider {
  background-image: url("../img/bg-l-academia-en-xifres.jpg") !important;
}

.vAxis-labels {
  height: 100%;
  width: 100%;
  table-layout: fixed
}

.table-label {
  padding: 0;
  width: 100%;
  text-align: right;
  padding-right: 5px;
  color: #000;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
}

.main-labels {
  background-color: #fff;
  position: relative;
  z-index: 2;
  left: 0px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 2000ms, visibility 2000ms;
  transition: opacity 2000ms, visibility 2000ms;
}

#chart-1-labels {
  height: 350px;
  margin-top: -350px;
  top: 426px;
}

#chart-2-labels {
  height: 490px;
  margin-top: -490px;
  top: 555px;
}

#chart-4-labels {
  height: 1620px;
  margin-top: -1620px;
  top: 1685px;
}

#chart-5-labels {
  height: 1688px;
  margin-top: -1688px;
  top: 1753px;
}

#chart-6-labels {
  height: 1575px;
  margin-top: -1575px;
  top: 1641px;
}

#chart-7-labels {
  height: 1575px;
  margin-top: -1575px;
  top: 1641px;
}

#chart-8-labels {
  height: 402px;
  margin-top: -402px;
  top: 467px;
}

#chart-9-labels {
  height: 720px;
  margin-top: -720px;
  top: 784px;
}

#chart-10-labels {
  height: 788px;
  margin-top: -788px;
  top: 852px;
}

#chart-11-labels {
  height: 402px;
  margin-top: -402px;
  top: 467px;
}

#chart-51-labels {
  height: 195px;
  margin-top: -195px;
  top: 227px;
}

#chart-52-labels {
  height: 180px;
  margin-top: -180px;
  top: 280px;
}

#chart-28-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}

#chart-29-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}


#chart-30-labels {
  height: 250px;
  margin-top: -250px;
  top: 350px;
}

#chart-31-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}

#chart-32-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}

#chart-33-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}

#chart-34-labels {
  height: 1445px;
  margin-top: -1445px;
  top: 1545px;
}

#chart-35-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}

#chart-36-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}

#chart-37-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}

#chart-38-labels {
  height: 6175px;
  margin-top: -6175px;
  top: 6275px;
}

#chart-42-labels {
  height: 147px;
  margin-top: -147px;
  top: 267px;
}

#chart-43-labels {
  height: 147px;
  margin-top: -147px;
  top: 267px;
}

#chart-44-labels {
  height: 325px;
  margin-top: -325px;
  top: 425px;
}

#chart-46-labels {
  height: 150px;
  margin-top: -150px;
  top: 250px;
}

#chart-47-labels {
  height: 402px;
  margin-top: -402px;
  top: 467px;
}

#chart-23-labels {
  height: 568px;
  margin-top: -568px;
  top: 568px;
}

#chart-24-labels {
  height: 640px;
  margin-top: -640px;
  top: 640px;
}

#chart-25-labels {
  height: 640px;
  margin-top: -640px;
  top: 640px;
}

#chart-26-labels {
  height: 600px;
  margin-top: -600px;
  top: 600px;
}

#chart-27-labels {
  height: 600px;
  margin-top: -600px;
  top: 600px;
}

#chart-23-labels .table-label,
#chart-24-labels .table-label,
#chart-25-labels .table-label,
#chart-26-labels .table-label,
#chart-27-labels .table-label {
  font-size: 10px;
}

.table-label.horizontal {
  text-align: center;
  vertical-align: top;
  padding-top: 5px;
  font-size: 13px;
}

#chart-48-labels {
  height: 100px;
  margin-top: -100px;
  top: 525px;
  left: 0px;
}

#chart-49-labels {
  height: 100px;
  margin-top: -100px;
  top: 525px;
  left: 0px;
}

#chart-3-labels {
  height: 50px;
  margin-top: -50px;
  top: 475px;
  left: 0px;
}

#chart-50-labels {
  height: 100px;
  margin-top: -100px;
  top: 393px;
  left: 0px;
}

#chart-14-labels {
  height: 250px;
  margin-top: -250px;
  top: 350px;
}

#chart-15-labels {
  height: 80px;
  margin-top: -80px;
  top: 580px;
  margin-left: 50px;
}

#chart-15-labels .table-label.horizontal {
  padding-left: 5px;
  padding-right: 5px;
}

#chart-20-labels {
  height: 80px;
  margin-top: -80px;
  top: 780px;
  left: 20px;
}

.main-legend {
  background-color: transparent;
  width: 79%;
  left: 3px;
  position: relative;
  height: 60px;
  z-index: 2;
  float: right;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 2000ms, visibility 2000ms;
  transition: opacity 2000ms, visibility 2000ms;
}

.main-legend .table-label {
  text-align: center;
}

.main-legend .table-label>div {
  display: inline-block;
}

.legend-color-1,
.legend-color-2,
.legend-color-3 {
  width: 26px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.legend-color-1 {
  background-color: #B4354F;
}

.legend-color-2 {
  background-color: #742836;
}

.legend-color-3 {
  background-color: #4F1525;
}

.legend-color-info {
  background-color: transparent;
}

.legend-text-info {
  font-size: 12px;
  text-align: right;
}

#chart-1-legend {
  top: 463px;
}

#chart-2-legend {
  top: 610px;
}

#chart-3-legend {
  top: 460px;
}

#chart-3-legend {
  top: 460px;
}

#chart-4-legend {
  top: 1730px;
}

#chart-5-legend {
  top: 1800px;
}

#chart-6-legend {
  top: 1690px;
}

#chart-7-legend {
  top: 1690px;
}

#chart-8-legend {
  top: 520px;
}

#chart-9-legend {
  top: 900px;
}

#chart-10-legend {
  top: 900px;
}

.google-chart.google-10 {
  margin-top: -100px;
}

.google-chart.google-48 .text-top-bordered .text-2 {
  font-size: 16px !important;
}

#chart-11-legend {
  top: 520px;
}

#chart-28-legend, #chart-29-legend {
  top: 300px;
}

#chart-30-legend {
  top: 405px;
}

#chart-34-legend {
  top: 1605px;
}

#chart-38-legend {
  top: 6369px;
}

#chart-47-legend {
  top: 550px;
}

#chart-14-legend {
  top: 435px;
}

#chart-15-legend {
  top: 565px;
}

#chart-16-legend {
  top: 260px;
}

.google-15 .main-legend,
.google-16 .main-legend,
.google-20 .main-legend {
  width: 99%;
}

#chart-20-legend {
  top: 755px;
}

#chart-23-legend {
  top: 630px;
}

#chart-24-legend {
  top: 3165px;
}

#chart-25-legend {
  top: 690px;
}

#chart-26-legend {
  top: 675px;
}

#chart-27-legend {
  top: 675px;
}

.google-23 .main-legend,
.google-24 .main-legend,
.google-25 .main-legend,
.google-26 .main-legend,
.google-27 .main-legend {
  width: 69%;
}

.loading-display {
  display: block !important;
}

.left-menu a {
  width: 51px;
  height: 35px;
}

.clicked {
  cursor: default !important;
}

.background-clicked {
  -webkit-filter: brightness(50%) !important;
}

.cookies-container {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: auto;
  background: #20928f;
  background: -moz-linear-gradient(top, #20928f 0%, #006564 100%);
  background: -webkit-linear-gradient(top, #20928f 0%, #006564 100%);
  background: linear-gradient(to bottom, #20928f 0%, #006564 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#20928f', endColorstr='#006564', GradientType=0);
  padding: 10px 40px;
  display: none;
  z-index: 9901;
}

.cookies-text,
.cookies-text a {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 300;
}

.cookies-text a {
  text-decoration: underline;
}

.cookies-button {
  padding: 0.6em 0em;
  float: right;
}

.modal-content-list {
  overflow: auto;
  max-height: 80vh;
}

.modal-2 .glossari,
.modal-2 .avis,
.modal-2 .cookie {
  display: none;
}

.modal-2 .avis.show,
.modal-2 .glossari.show,
.modal-2 .cookie.show {
  display: block;
}

.modal-2 h3 {
  color: #006564;
  font-size: 18px;
  margin-top: 50px;
}

.modal-2 p {
  font-weight: 400;
}

.modal-2 a {
  color: #006564;
  text-decoration: underline;
}

.nav-option span {
  line-height: 1em;
  padding-top: 0px !important;
}

.navbar-menu .nav-option {
  padding-top: 5px;
}

.logo-first {
  margin-left: 40px !important;
  margin-top: 26px;
}

.logo-first {
  background: url("../img/l-academia-logo.png") no-repeat left center !important;
  width: 226px;
  height: 89px;
  display: inline-block;
  transition: background-size 0.8s linear;
  -moz-transition: background-size 1s linear;
  -ms-transition: background-size 1s linear;
  -o-transition: background-size 1s linear;
  -webkit-transition: background-size 1s linear;
}

.logo-first .navbar-menu-curso span {
  display: none;
}

.logo-first .navbar-menu-curso .logo-header-e {
  display: table-cell;
  background: url("../img/footer-logo-europa.png") no-repeat left center;
  width: 43px;
  height: 61px;
  opacity: 1;
  transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  -webkit-transition: opacity .15s linear;
}

.footer-link:hover {
  cursor: pointer;
}

.section-1-6 .right-col .bx-caption {
  height: 0px;
}

.section-1-6 .left-col .image {
  margin-top: 57px;
}


/******* correcciones *******/

body.pagina-premis-i-beques .section-2-4 .first-row .bocadillo {
  margin-top: 20px;
}