/* ----- */

/* Base */

/* ----- */

/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */

.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger-box {
  width: 21px;
  height: 12px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  width: 21px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::after,
.hamburger-inner::before {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -5px;
}

.hamburger-inner::after {
  bottom: -5px;
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -10px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -5px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.27s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -10px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -5px, 0) rotate(45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.27s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* /hamburger */

img {
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}

.is-hidden {
  display: none;
}

#pattern,#nav_sub_mobile,.destacat-mobile,.parc_salut #nav_sub .serveis .submenustatic {
  display: none;
}
@media screen and (min-width: 701px){
  .parc_salut.actualitat #nav_sub .serveis .submenustatic {
  	display: block;
  }
  .parc_salut #nav_sub .serveis .active .submenustatic {
    display: block;
  }
}


ul#mollapa li {
  margin-bottom: 1.5em;
}

#container_main {
  margin: 0 auto;
  max-width: 968px;
  width: 100%;
}

#container_sub {
  padding: 0 34px;
}

#nav_sub {
  width: 23.3%;
  min-height: 500px;
}

#interior #content_main,
#subportada #content_main {
  margin: 0;
  width: 73.3%;
}

/* cercador */

#interior.cercador #content_main {
  width: 100%;
}

/* paginació */

#interior.cercador #content_main #navegacioPagines {
  text-align: center;
}

#interior.cercador #content_main #navegacioPagines p,
#interior.cercador #content_main #navegacioPagines ol {
  display: inline-block;
  float: none;
  vertical-align: top;
}

#interior.cercador #content_main #navegacioPagines p {
  margin-top: 5px;
}
#navegacioPagines ol, #navegacioPagines .primer, #navegacioPagines .darrer{
  display: none;
}
#interior.cercador #content_main #navegacioPagines ol {
  margin: 0;
  width: 70%;
}

#interior.cercador #content_main #navegacioPagines ol li {
  display: inline-block;
  float: none;
  margin-bottom: 10px;
}

/* video embed */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* una columna */

#interior.unaCol #content_main {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 34px 0 30px;
}

/* dues columnes */

#interior.duesCols #content_main {
  width: 45.556%;
  margin-left: 30px;
}

.duesCols #content_sub {
  width: 24.445%;
  margin-right: 0;
  position: relative;
}

#logos #altres {
  text-align-last: left;
}
#cookies{
    z-index: 10000!important;
  }
#cookies div {
  margin: 0 auto;
  max-width: 968px;
  width: 100%;
}

.mobile-links {
  display: none;
}
.mobile-links, .caixa-dreta-imatge span.text {
  display: none;
}
/* formulari */

#formulari #content_main {
  width: 100% !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0;
}

#formulari #content_main h2 {
  width: 100%;
}

#formulari #content_main #segonform .row,
#formulari #content_main #sug .row,
#formulari #content_main #agr .row,
#formulari #content_main #con .row {
  width: 100%;
}

#formulari #content_main #segonform .row:after,
#formulari #content_main #sug .row:after,
#formulari #content_main #agr .row:after,
  #formulari #content_main #con .row:after {
    content: "";
  display: table;
  clear: both;
}

#formulari #content_main #segonform input[type="email"],
#formulari #content_main #segonform input[type="text"],
#formulari #content_main #sug input[type="email"],
#formulari #content_main #sug input[type="text"],
#formulari #content_main #agr input[type="email"],
#formulari #content_main #agr input[type="text"],
  #formulari #content_main #con input[type="text"] {
    width: 100%;
  box-sizing: border-box;
}

#formulari #content_main #segonform textarea,
#formulari #content_main #sug textarea,
#formulari #content_main #agr textarea,
  #formulari #content_main #con textarea {
    width: 100%;
  box-sizing: border-box;
}

#formulari #content_main #hospital {
  width: auto;
}

.col1,
.col2,
.col3 {
  width: 33.333%;
  margin: 0;
  padding: 0 5px;
  box-sizing: border-box;
}

.subcol1,
.subcol2,
.subcol3 {
  width: 33.333%;
  margin: 0;
  padding: 0 5px;
  box-sizing: border-box;
}

.subcol1 {
  padding-left: 0;
}

.subcol3 {
  padding-right: 0;
}

#formulari #content_main #dninie {
  width: 25%;
}

.dniinput,
.nieinput {
  width: 70% !important;
}

#formulari #content_main .autoritzo {
  width: 100%;
}

/* unitats */

.unitat .img-portada {
  height: auto;
}

/*.unitat #nav_sub .serveis li {
  padding-right: 15px;
}*/

.unitat #container_sub {
  width: 100%;
  box-sizing: border-box;
}

.epilepsia #nav_sub {
  width: 25%;
}

.epilepsia #nav_sub .serveis {
  width: 100%;
}

.epilepsia #content_main {
  width: 72.5%;
  margin: 0;
}

.unitat .text-imatge {
  width: 35.5%;
}

.unitat .text-introduccio {
  width: 60%;
}

.unitat h1 {
  line-height: 1.2;
}

.unitat h2 {
  line-height: 1.2;
}

/* varis */

.serveis_quisom #content_main ul li {
  /*padding: 0 !important;*/
  background: none !important;
}

.serveis_quisom #content_main ul li h3,
.serveis_quisom #content_main ul li p {
  margin-left: 0 !important;
}

#interior.serveis_quisom #content_main ul:after {
  content: "";
  display: table;
  clear: both;
}

#interior.serveis_quisom #content_main div.cap_servei h2 {
  /*text-align: center;*/
  margin: 1em 0;
  clear: both;
}

/* menú scrollable */
div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
  margin-bottom: 1em;
}
div.scrollmenu ul{
  margin:0;
}
div.scrollmenu li,div.scrollmenu  ul ul {
  display: inline-block;
  color: white;
  text-align: center;

  text-decoration: none;
  padding: 0 .45em .5em 0;

}
div.scrollmenu .level1 > li a{
  color:#000;
  margin-right: .8em;
  font-size: .9em;
}
div.scrollmenu .level1 li li a{
  color:#069;
  margin:0;
}
@media screen and (min-width: 969px){
  div.scrollmenu{
    display: none;
  }
  #interior.serveis #title_content_main{
    float: left;
    width: 76%;
  }
  #interior.serveis #title_content_main h1,#interior.serveis #title_content_main h2{
    margin-left:30px;
  }
  #navegacioPagines ol,#navegacioPagines .primer, #navegacioPagines .darrer{
    display: inline-block;
  }
}
ul#mollapa {
  margin-bottom: 1.5em;
}

hr.gris {
  width: 100%;
  clear: left;
}

.grupboto {
  height: auto;
}

.grupboto .col1,
.grupboto .col2 {
  width: 50%;
  padding: 0;
  box-sizing: content-box;
}

#interior #content_main .grupboto a {
  width: auto;
  background-position: 95% 22px !important;
}

#interior #content_main .grupboto a:hover {
  width: auto;
}

#interior #content_main ul,
#interior #content_main ul li,
#interior #content_main ul li ul,
#interior #content_main ul li ul li,
#interior #content_main #responsable ul li {
  width: 100% !important;
  box-sizing: border-box;
}

#interior.subportadaCentres #content_main ul li {
  width: 23% !important;
  min-height: 230px !important;
}

/* ----- */

/* Large */

/* ----- */

@media screen and (max-width: 968px) {
  h1 {
    margin-right: 40px;
  }
  #cookies div{
    max-width: 100%!important;
  }
  #nav {
    padding-left: 15px;
  }
  #container_sub {
    padding: 0 15px;
  }
  #campanyes {
    padding-left: 15px;
    margin-right: 10px;
  }
  #site_info .caixetes li {

    margin-right: 0;
  }
  #logos #altres {
    padding-left: 15px;
    padding-right: 15px;
  }
  #subportada #site_info .caixetes {

    padding: 0 0 0 10px;

  }
  #site_info #logos {
    padding-left: 0;
    padding-right: 0;
  }


  #site_info .caixetes li div a, #nav_sub .caixetes li div a{
    margin:.5em 15px .5em 0;

  }
  div.contactandlinks {
    padding: 0 5px !important;
  }
  div.contactandlinks > div {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  #interior.unaCol #content_main {
    padding: 0 15px;
  }

  #masthead .vcard {

    margin: 20px 0 0 15px;

  }

  #portada #site_info {
    padding: 0;
  }
  #subportada.hospitals h1, .hospitals .logo{
    margin-left:15px;
    margin-right: 15px;

  }
  .hospitals #masthead .vcard {
    margin-right: 15px;
  }
  /* portada */
  #slider {
    /*display: none;*/
    max-width: 100%;
    overflow: hidden;
    margin-left: 0;
  }
  #slider .nivo-controlNav{
    max-width: 100%;
  }
  .nivo-prevNav {
    left: 10px;
  }
  a.nivo-nextNav{
    right: 10px;
  }

  #portada #assistencials,#portada #recerca,#portada #docents {
    width:33.33%;
    margin-right:0;
    margin-left:0;

        box-sizing: border-box;
  }
  #portada #assistencials{
    padding-right: 8px;
  }
  #portada #recerca{
    padding-right: 4px;
    padding-left: 4px;
  }
  #portada #docents{
    padding-left: 8px;
  }



  /*#portada #nav {
    padding-top: 120px;
    padding-left: 34px;
    background: url("/media/comu/logo_parcsalut.gif")
      no-repeat 34px 0;
  }*/
  #portada #content_main {
    width: 100%;
    display: block;
  }
  #portada .box ul {
    height: 6.5em;
  }
  #portada .actualitat li {
    margin-bottom: 20px;
    width:33.33%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }

  /* subportada */
  #subportada #slider {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  #subportada .actualitat {
    width: 48%;
  }
  /*centres*/
  #interior #content_main div.presentacio_centres{
    background-image:none;
    background-color: #F6F6F6;
    background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
    width:100%;
    float: none;
    box-sizing: border-box;
    height: auto;
  }
  #interior #content_main div.presentacio_centres h2 a{
    background-image:none!important;
    width: auto;
    color:#006CB7;
    height: auto!important;
    font-size:1.2em;
  }
  #interior #content_main div.presentacio_centres h2 a span{
    position: relative;
    left: 0;
  }
  #interior #content_main div.presentacio_centres p{
    padding-left: 0;
  }
  /* peu */
  .parc_salut #site_info div.contactandlinks {
    width: auto;
  }
  #site_info .contactandlinks div,
  .parc_salut #site_info div.contactandlinks .logos {
    float: none;
    width: auto;
  }
  .parc_salut #site_info div.contactandlinks .vcard {
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
    width: auto;
  }
  #copy,
  #portada #copy {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  #portada #copy {
    margin-right: 0;
    margin-left: 0;
  }
  #portada #site_info div.contactandlinks {
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  /* hospitals */
  div.contactandlinks {
    background-image: none !important;
    padding: 0 17px !important;
  }
  div.contactandlinks > div {
    width: auto !important;
    display: inline-block !important;
    margin: 0 17px 20px !important;
    vertical-align: top !important;
  }
  div.contactandlinks .a .logos {
    float: none !important;
  }

  #desplegable_centres {
    width: 140px;
    top: -1px;
    display: none;
  }
  /* varis */
  #interior.serveis h1 {
    margin-left: 26.5%;
  }
  #interior img.foto_ppal {
    margin-left: 0;
    width: 73.3%;
    float: right;
  }
  .parc_salut#interior #content_main #responsable ul {
    padding-left: 21px;
    margin-left: 0;
  }
  #interior #content_main ul li ul {
    width: auto;
  }
}

/* ------ */

/* Medium */

/* ------ */

@media screen and (max-width: 795px) {
  /* nav */
  #nav {
    position: relative;
    background-image: none;
  }
  iframe{
    max-width: 100%;
  }
  /*#nav_main .img {
    position: absolute !important;
    top: 20px;
    left: 34px;
    margin-top: 0;
  }
  #nav_main li {
    margin-top: 72px;
  }*/
  #nav_main li a {
    padding-left: 20px;
    padding-right: 20px;
  }
  /*#nav_sub {
    display: none;
  }*/
  /*#nav_sub {
    min-height: auto;
  }*/


  /* peu */
  /*#campanyes {
    float: none;
    margin-right: 0;
    width: auto;
  }
  #logos #xarxes {
    float: none;
    margin-right: 0;
    padding: 0 15px;
  }*/
  #logos #altres {
    float: none;
  }
  /*#interior #content_main,
  #subportada #content_main {
    width: 100%;
    display: block;
  }*/
  #interior #content_main p{
    font-size: 1em;
  }
  #interior #content_main ul li{
    font-size: 15px;
  }
  #interior #content_main .item h2 {
    background: none;
    font-size: 1.33em;
    padding: 0;
    font-weight: bold;
  }
  #interior.fitxa #content_main .item{
    font-size: 15px;
  }

  /* portada */
  #slider {
    /*display: none;*/
    max-width: 100%;
  }
  #portada #nav_main li {
    margin-top: 0;
  }
  /* columna dreta */
  #interior.duesCols #content_main {
    width: 65%;
    /*margin-left: 0;*/
  }
  .duesCols #content_sub {
    width: 30%;
    margin-left: 0;
  }
  /* hospitals */
  #desplegable_centres {
    top: 70px;
  }
  /* unitats */
  .epilepsia #content_main {
    width: 100%;
  }
  /* varis */
  /*#interior.serveis h1 {
    margin-left: 0;
  }*/

  #interior.subportadaCentres #content_main ul li {
    width: 28% !important;
  }
}

/* ----- */

/* Small */

/* ----- */

@media screen and (max-width: 700px) {
  /* espai mòbil */
  a{
    word-break: break-word;
  }
  #content_main .txtImgEsq img{
    float: none;
    width: auto;
  }
  #content_main .txtImgEsq p{
    margin-left: 0;
  }
  #content_main .txtImgDr img{
    float: none;
    width: auto;
  }
  #content_main .txtImgDr p{
    margin-right: 0;
  }
  #content_main .txtImgEsq img{
    float: none;
    width: auto;
  }
  #content_main .txtImgEsq p{
    margin-left: 0;
  }
  .destacat-mobile{
    position: relative;
    text-align: center;
    margin-bottom: 24px;
    display: block;
    min-height: 200px;
    background-color: #fff;
  }
  .destacat-mobile h2{
    position: absolute;
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0,0,0,0.6);
    top:50%;
    left:50%;
    font-size: 2em;
    line-height: 1.4;
    transform: translate(-50%,-50%);
    width:80%;
  }
  .destacat-mobile img{
    width:100%;
  }
  .hospitals .destacat-mobile{
    margin-top: 22px;
  }
  #container_sub {
    padding: 0 15px;
  }
  #site_info #logos {
    padding-left: 0;
    padding-right: 0;
  }
  #site_info .caixetes {
    text-align: center;
    margin-top:0;
  }
  #subportada #site_info .caixetes{
    text-align: center;
    margin-top:0;
    padding: 0;
  }

  #site_info .caixetes li, #nav_sub .caixetes li {
    display: inline-block;
    margin: 0;
    float: left;
    position: relative;
    width: 50%;
  }
  .caixa-dreta-imatge span.text {
    display: none;
  }
  .caixa-dreta-imatge img {
    /*display: none;*/
    height: auto;
  }

  #site_info .caixetes li div a, #nav_sub .caixetes li div a, #content_sub .caixetes li div a{
    margin:.5em 15px;
    display: block;
    min-height: 75px;
    /*border: 2px solid #f5f5f5;
    border-radius: 2px;

    min-height: 5em;
    text-align: center;
    position: relative;
    color:#004980;*/
  }
  #interior img.foto_ppal {
    width: 100%;
    float: none;
  }
  #interior.serveis h1 {
    margin-left: 0;
  }
  .grupboto .col1,
  .grupboto .col2 {
    width: 100%;
    float: none;
  }
  .grupboto a {
    margin-left: 0;
    margin-bottom: 25px;
    height: auto !important;
    background-size: 60px;
  }
  div.contactandlinks {
    padding: 0 5px !important;
  }
  div.contactandlinks > div {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  #interior.unaCol #content_main {
    padding: 0 15px;
  }
  /*.caixa-dreta-imatge a span.text {
    display: block;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width: 100%;

    padding: 8px 0;
  }*/
  #masthead .vcard {
    float: none;
    margin: 20px 0 0 15px;
    width:auto;
    height: auto;
    padding-bottom: 15px;
  }
  #masthead .vcard p{
    font-size: 1em;
    line-height: 1.4;
  }
  /*#site_info {
    padding: 0 10px;
  }*/
  #portada #site_info {
    padding: 0;
  }
  #subportada.hospitals h1, .hospitals .logo{
    margin-left:15px;
    margin-right: 15px;
    float: none;
  }
  .hospitals #masthead .vcard {
    margin-right: 15px;
  }
  #subportada.hospitals #nav_sub {
    display: block;
    width:100%;

  }
  .hospitals #nav_sub .serveis li{
    float: left;
    width:50%;
  }
  .hospitals #nav_sub .serveis{
    background-color: #fff;
    background-image:none;
    margin-bottom: 2em;
  }
  .hospitals #nav_sub .serveis:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }
  .hospitals #nav_sub .serveis > li:nth-of-type(1n) {
    clear: none;
  }
  .hospitals #nav_sub .serveis > li:nth-of-type(2n+1) {
    clear: both;
  }
  .hospitals #nav_sub .serveis li a{
    font-size:1em;
    line-height: 1.4;
    background-position: 8px 16px;
    padding-bottom: 5px;
  }
  /* /espai mòbil */
  /* ----------- */
  /* mobile menu */
  /* ----------- */
  .js-menu-open {
    overflow: hidden;
  }
  #pattern {
    display: block;
    text-align: right;
    background-color: #fff;
  }
  /* overlay */
  .overlay {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    transition: background-color 0.1s ease-in-out;
  }
  .overlay.is-active {
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1;
    height: 100%;
  }
  /* /overlay */
  /* logo */
  .mobile-logo {
    width: 100px;
    float: left;
    margin: 15px 0 0 15px;
    /* position: relative;
    z-index: 3; */
  }
  /* /logo */
  /* btn */
  .menu-btn {
    /* display: block;
    border: none;     */
    background-color: #3482b7 !important;
    border-radius: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    margin-top: 15px !important;
    margin-right: 15px !important;
    position: relative;
    z-index: 3;
  }
  .menu-btn.is-active {
    opacity: 1 !important;
  }
  /* /btn */
  .parc_salut #masthead, #interior #masthead, .unitat #masthead{
    box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.25);
    margin-bottom: 26px;
  }
  #interior.hospitals #masthead{
    box-shadow: none;
    margin-bottom: 0;
  }
  #portada #masthead{
    margin-bottom: 0;
  }
  /* idiomes mobile */
  .mobile-lang {
    /* text-transform: uppercase; */
    font-size: 0.75em;
    text-align: left;
    padding: 10px 20px 30px;
    display: flex;
    justify-content: space-between;
  }
  .mobile-lang li {
    display: inline;
    background: url("/media/css/images/icon_lang.gif")
      no-repeat 0 50%;
    padding-left: 15px;
  }
  .mobile-lang a {
    color: #fff;
  }
  /* /idiomes mobile */
  /* menu */
  .menu {
    width: 80%;
    margin-left: -80%;
    position: absolute;
    z-index: 2;
    transition: margin-left 0.2s ease-in-out;
    top: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    /* padding-top: 100px; */
    padding-top: 10px;
  }
  .menu.is-active {
    margin-left: 0;
  }
  .menu,
  .menu > .level-1 ul {
    clear: both;
    background: #0061b3;
  }
  .menu.active {
    max-height: 55em;
  }
  .menu .current a,
  .menu .current span {
    font-weight: bold;
    /*background-color: #0061b3;*/
  }
  .menu .level-2 li.current{
    position: relative;
  }
  .menu .level-2 li.current:before{
    content: "";
    display: block;
    width: 5px;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f47d00;
  }
  .level-1 li a,
  .level-1 li span {
    /* color: #069; */
    color: #fff;
    display: block;
    padding: 1.25em 10px;
    /* border-bottom: 1px solid #fff; */
    /* border-bottom: 1px solid #c3daf1; */
    position: relative;
    font-size: 1em;
    outline:0;
  }

  #menu li.has-subnav span.arrow {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    height: 24px;
    width: 24px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid meet' fill='white' focusable='false' style='pointer-events:none;display:block;width:100%;height:100%;'><g><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'></path></g></svg>")
      no-repeat;
    margin-top: -12px;
    opacity: 0.3;
    padding: 0;
  }
  #menu .level-2 li.has-subnav span.arrow {
    right: 10px;
  }
  #menu li.has-subnav span.arrow:after {
    content: '';
    width: 56px;
    height: 36px;
    position: absolute;
    top: -6px;
    left: -26px;
    display: block;
  }
  .has-subnav > a.active span.arrow,
  .has-subnav > span.active span.arrow {
    transform: rotate(180deg);
  }

  .has-subnav > ul {
    display: none;
  }
  .has-subnav.active > ul {
    display: block;
  }
  /* nivell 1 */
  .level-1 {
    clear: left;
    margin: 0 10px 20px;
  }
  .level-1 > li {
    border-bottom: 1px solid #d9e7f3;
    font-size: 15px;
  }
  .level-1 > li > a,
  .level-1 > li > span {
    text-transform: uppercase;
  }
  /* nivell 2 */
  .level-2 {
    background-color: #0070ba !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  .level-2 > li > a,
  .level-2 > li > span {
    /* padding-left: 50px; */
    font-size: 15px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    outline: 0;
  }
  .level-2 > li > a:after,
  .level-2 > li > span:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    background-color: #d9e7f3;
    opacity: 0.4;
  }
  .level-2 > li:first-child > a:before,
  .level-2 > li:first-child > span:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    background-color: #d9e7f3;
  }
  .level-2 > li:last-child > a:after,
  .level-2 > li:last-child > span:after {
    display: none;
  }

  /* nivell 3 */
  .level-3 {
    background-color: #0070ba !important;
  }
  .level-3 > li > a,
  .level-3 > li > span {
    padding-left: 30px;
    font-size: 15px;
  }
  .level-3 > li > a:after,
  .level-3 > li > span:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    background-color: #d9e7f3;
    opacity: 0.4;
  }


  /* nivell 4 */
  .level-4 > li > a,
  .level-4 > li > span {
    /* padding-left: 80px; */
    font-size: 0.625em;
  }
  /* /menu */
  /* caixetes */
  .caixetes {
    padding: 0;
    margin-bottom: 20px;
  }
  /* /caixetes */
  /* search mobile */
  .search-mobile {
    /* width: 100%; */
    padding: 0 10px 40px;
  }
  .search-mobile .flex-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .search-mobile .flex-wrapper input {
    flex: 1;
  }
  .search-mobile input {
    border: 0;
    /* width: 60%;
    float: left; */
    padding: 0 1em;
    height: 32px;
    border-radius: 5px;
  }
  .search-mobile button {
    padding: 0;
    background-color: transparent;
    vertical-align: middle;
    /* float: left; */
    width: 40px;
    height: 32px;
    margin-left: 5px;
    border: 0;
    color: #0061b3;
    background-color: #fff;
    border-radius: 5px;
    font-size: 20px;
  }
  .search-mobile img {
    vertical-align: middle;
  }
  /* /search mobile */
  #container_main {
    padding-top: 20px;
  }
  #nav {
    margin: 0 !important;
    padding: 0 !important;
  }
  #varis,
  #nav_main {
    display: none;
  }
  #cookies p {
    float: none !important;
    text-align: center;
    width: auto !important;
    padding: 0 34px;
  }
  #cookies p:first-child {
    margin-bottom: 1em !important;
  }
  /* mobile-links */
  .mobile-links {
    display: block;
    /* text-align: center; */
    margin-bottom: 5px;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 0;
    font-weight: bold;
    font-family: Helvetica, Arials, sans-serif;
  }
  .hospitals .mobile-links {
    box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.25);
    margin-bottom: 26px;
  }
  .mobile-links li {
    display: inline-block;
    padding: 0.5em .7em;
    /*border-left: 1px solid #ccc;*/
    font-size: 13px;
  }
  .mobile-links li:first-child {
    border-left: 0;
    padding-left: 0;
  }
  .mobile-links li:last-child {
    padding-right: 0;
  }


  .mobile-links li a {
    color: #666;
    position: relative;
  }
  .mobile-links li.current a:after{
    position: absolute;
    content: '';
    background-color: #3482b7;
    bottom: -13px;
    width: 100%;
    height: 3px;
    left: 0;

  }
  .mobile-links li a:hover {
    text-decoration: underline;
  }
  /* peu */
  #campanyes li {
    display: block;
    margin-bottom: 15px;
  }
  #campanyes li img {
    margin-bottom: 20px;
  }
  #logos #xarxes {
    width: auto;
    padding: 0 15px;
  }
  #xarxes .facebook {
    line-height: 2;
  }
  #xarxes .facebook::after {
    top: 0;
  }
  #logos #altres {
    width: auto;
  }
  #logos #altres ul.xer {
    float: none;
    padding-right: 0;
  }
  #logos #altres ul.dreta {
    float: none;
  }
  .parc_salut #site_info div.contactandlinks .logos img {
    margin-bottom: 20px;
  }
  /* portada */
  #portada #assistencials,
  #portada #recerca,
  #portada #docents {
    width: auto;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding:0;
  }
  #portada .actualitat li {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
  #portada #agenda li {
    clear: left;
  }
  #portada div.data {
    margin-bottom: 20px;
  }
  #portada .box ul {
    height: auto;
  }
  #portada .box li {
    margin-top: .75em;
    margin-bottom: .75em;
    padding-left: 1.4em;
  }
  #portada .box li a{
    font-size: 1em;
  }
  #portada .actualitat li h3,#subportada .actualitat li h3{
    font-size: 1.2em;
  }
  #portada .actualitat li p,#subportada .actualitat li p{
    font-size: 1em;
  }
  /* subportada */
  #subportada #content_main {
    background: none;
  }
  #subportada .actualitat {
    width: 100%;
  }
  #subportada #noticies {
    float: none;
    margin-bottom: 20px;
  }
  #subportada #agenda {
    float: none;
  }
  #subportada #slider {
    display: none;
  }
  #interior #content_main, #subportada #content_main {
    margin: 0;
    width: 100%;
  }
  /* columna dreta */
  #interior.duesCols #content_main {
    width: 100%;
    float: none;
  }
  .duesCols #content_sub {
    width: 100%;
    float: none;
  }
  #interior #content_main ul.llista_duesCols li {
    float: none;
    width: auto;
  }
  /* mapa web */
  #interior #content_main div.menu_mapa_web {
    float: none;
    width: auto;
    margin-right: 0;
  }
  /* formulari */
  .col1,
  .col2,
  .col3 {
    width: 100%;
  }
  #interior.serveis h2.subtitol{
    margin-left:0;
  }
  .servei-col-1{
    width: 100%!important;
    float: none!important;
    margin-right: 0!important;
    margin-bottom:3em;
  }
  .servei-col-2 {
    float: none!important;
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important;
  }
  #formulari #content_main .tooltip p {
    left: auto;
    right: -25px;
  }
  /* unitat */
  .unitat .text-imatge {
    width: 100%;
    float: none;
  }
  .unitat .text-introduccio {
    width: 100%;
    float: none;
  }
  hr.groc {
    display: none;
  }
  /* varis */
  ul#mollapa {
    margin-left: 15px;
    margin-right: 15px;
  }
  ul#mollapa li.last{
    display: none;
  }
  #interior #content_main ul.llista_Cols {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .serveis_quisom #content_main ul li {
    float: none;
    width: auto;
    margin-right: 0;
  }
  #interior #content_main .grupboto a h2 {
    font-size: 20px;
    max-width: 230px;
  }
  .grupboto a {
    background-size: 50px;
  }
  #content_main div.perfil {
    background-image: none;
    padding-left: 0;
  }
  #interior.subportadaCentres #content_main ul.llista-caixes li {
    margin-left: 0;
  }
  #interior.subportadaCentres #content_main ul li {
    width: 100% !important;
  }
  /* hospitals */
  #desplegable_centres {
    float: left;
    margin-left: 34px;
    margin-top: -80px;
    margin-bottom: 20px;
  }
  #desplegable_centres #desplegat {
    right: auto;
    left: 0;
    width: 280px;
    height: auto !important;
  }
  #desplegable_centres #desplegat li.last {
    border-bottom: 1px solid #fdc79b;
  }
  #interior.subportadaCentres #content_main ul li {
    margin-right: 15px;
    margin-left: 15px;
    width: 30%;
  }
  #interior #content_main ul.serveis li {
    width: 100%;
  }
  #hospitals_head {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 2.5em;
  }
  /*footer*/
  #campanyes,#altres{
    display: none;
  }
  #nav_sub{
    display: none
  }
  #nav_sub_mobile{
    display: block;

  }


  #nav_sub_mobile #nav_sub .serveis{
    background: #fff;
    border:solid 1px #efefef;
    border-radius:0;
  }
  #nav_sub_mobile #nav_sub .serveis > li{
  background-image: none!important;
  padding: 0!important;
  border-bottom: solid 1px #efefef;

  }
  #nav_sub_mobile #nav_sub .serveis > li:last-child{
    border:none;
  }
  #nav_sub_mobile #nav_sub .serveis > li li{
    background-image: none!important;
    padding: 0;
    margin:4px 0 10px;
  }
  #nav_sub_mobile #nav_sub .serveis a{
        color: #069!important;
        padding-left:15px;
        background-image: none!important;
  }
  #nav_sub_mobile #nav_sub .serveis a.open{
        color: #fff!important;

  }
  #nav_sub_mobile #nav_sub .serveis a:hover {
      background-color: #006eb7!important;
      color: #FFF!important;
  }

  #nav_sub_mobile #nav_sub .serveis > li li a{
    padding:3px 15px;
    color: #069!important;
  }
  #nav_sub_mobile #nav_sub .serveis li.current > a{
    color: #000!important;
    background-color: #fff!important;
  }
  #nav_sub_mobile .caixetes li{
    padding-left:0!important;
    background: none!important;
  }
  #interior #content_main #nav_sub_mobile div.caixa-contacte h3 {
      font-size: 1em;
      color: #000;
      text-transform: uppercase;
      padding: 30px 0 0 58px;
      background: url(images/icon_contacte.gif) 15px 0 no-repeat;
      position: relative;
      z-index: 10000;
      height: 23px;
      margin: 0;
      border: none;
      font-weight: normal;
  }
  #interior #content_main #nav_sub_mobile  div.caixa-contacte p{
    line-height: 1.6;
  }
  #interior #content_main #nav_sub_mobile li div.caixa-contacte div.vcard {
      position: relative;
      top: -40px;
      font-size: 0.8125em;
      line-height: 1.25em;
      padding: 50px 1em 1em 1em;
      background: #E8F1F9;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;

  }

}
/*#interior #content_sub div.caixeta{
  background-image: none;
  background-color: #E5EFF9;
float:none;
position: static;
display:block;
}*/
@media screen and (max-width: 380px) {
  .mobile-links li {
    padding: 0.5em .8em;
    font-size: 12.4px;
  }
  /*.mobile-links.es li {
    padding: 0.5em .6em;
  }*/
  .mobile-links.en li {
    padding: 0.5em 1.5em;

  }
  .mobile-links li:first-child{
      padding-left: 0;
  }
  .mobile-links li:last-child{
      padding-right: 0;
  }
}
@media screen and (max-width: 320px) {
  .mobile-links li {
    padding: 0.5em .5em;
    font-size: 11px;
  }
  .mobile-links.es li {
    padding: 0.5em .5em;
    font-size: 10.6px;
  }
  .mobile-links.en li {
    padding: 0.5em .8em;
    font-size: 13px;
  }
  .mobile-links li:first-child{
      padding-left: 0;
  }
  .mobile-links li:last-child{
      padding-right: 0;
  }
}