﻿@import url(b88c9db4f552436cb7fe6f47185cd4be.css);

@import url("ico-putput-2.css");

@import url("magnific-popup.css");







/*******************************************************/

/************ NOVAS PAGINAS ESTANDARES *****************/

/*******************************************************/



/************ Icones de ICOMOON ************************



  !IMPORTANT: esborrar @import url(9c8dde44f1ea413ba23a07e3b7b48d00.css); a la CSS de les webs noves



********************************************************/

i[class^="icon-"], i[class*=" icon-"], [class^="icon-"]:before, [class*=" icon-"]:before {

    font-family: 'ico-putput' !important;

}

@font-face {

  font-family: 'ico-putput';

  src: url('../fonts/ico-putput.eot');

}



@font-face {

  font-family: 'ico-putput';

  src: url(../fonts/de5b7c5532284d7d997971a09b4f72a1.woff) format('truetype');

  font-weight: normal;

  font-style: normal;

}



[class^="icon-"]:before, [class*=" icon-"]:before {

  font-family: 'ico-putput';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-ship:before {

  content: "\e600";

}



.icon-plane:before {

  content: "\e601";

}



.icon-taxi:before {

  content: "\e602";

}



.icon-bus:before {

  content: "\e603";

}



.icon-train:before {

  content: "\e604";

}



.icon-car:before {

  content: "\e605";

}



.icon-search:before {

  content: "\e606";

}



.icon-phone:before {

  content: "\e607";

}



.icon-mail:before {

  content: "\e608";

}



.icon-user:before {

  content: "\e609";

}



.icon-checkmark:before {

  content: "\e60a";

}



.icon-check-alt:before {

  content: "\e60b";

}



.icon-checkbox:before {

  content: "\e60c";

}



.icon-number:before {

  content: "\e60d";

}



.icon-number2:before {

  content: "\e60e";

}



.icon-number3:before {

  content: "\e60f";

}



.icon-number4:before {

  content: "\e610";

}



.icon-number5:before {

  content: "\e611";

}



.icon-number6:before {

  content: "\e612";

}



.icon-number7:before {

  content: "\e613";

}



.icon-number8:before {

  content: "\e614";

}



.icon-number9:before {

  content: "\e615";

}



.icon-number10:before {

  content: "\e616";

}



.icon-refresh:before {

  content: "\e617";

}



.icon-location:before {

  content: "\e618";

}



.icon-map-pin-alt:before {

  content: "\e619";

}



.icon-unlocked:before {

  content: "\e61a";

}



.icon-locked:before {

  content: "\e61b";

}



.icon-warning:before {

  content: "\e61c";

}



.icon-calendar:before {

  content: "\e61d";

}



.icon-suitcase:before {

  content: "\e61e";

}



.icon-bubblespeech:before {

  content: "\e61f";

}



.icon-key:before {

  content: "\e620";

}



.icon-airplane2:before {

  content: "\e621";

}



.icon-users:before {

  content: "\e622";

}



.icon-notebook:before {

  content: "\e623";

}



.icon-clock:before {

  content: "\e624";

}



.icon-download:before {

  content: "\e625";

}



.icon-gridview:before {

  content: "\e626";

}



.icon-number11:before {

  content: "\e627";

}



.icon-number12:before {

  content: "\e628";

}



.icon-number13:before {

  content: "\e629";

}



.icon-number14:before {

  content: "\e62a";

}



.icon-number15:before {

  content: "\e62b";

}



.icon-number16:before {

  content: "\e62c";

}



.icon-number17:before {

  content: "\e62d";

}



.icon-number18:before {

  content: "\e62e";

}



.icon-number19:before {

  content: "\e62f";

}



.icon-number20:before {

  content: "\e630";

}



.icon-labels:before {

  content: "\e631";

}



.icon-calendar2:before {

  content: "\e632";

}



.icon-world:before {

  content: "\e633";

}



.icon-trolley:before {

  content: "\e634";

}



.icon-number-2-2:before {

  content: "\e635";

}



.icon-number-1:before {

  content: "\e636";

}



.icon-number-3-2:before {

  content: "\e637";

}



.icon-number-4-2:before {

  content: "\e638";

}



.icon-number-6-2:before {

  content: "\e639";

}



.icon-number-7-2:before {

  content: "\e63a";

}



.icon-number-8-2:before {

  content: "\e63b";

}



.icon-number-9-2:before {

  content: "\e63c";

}



.icon-number-0:before {

  content: "\e63d";

}



.icon-layout:before {

  content: "\e63e";

}



.icon-euro-bold:before {

  content: "\e63f";

}



.icon-euro:before {

  content: "\e640";

}



.icon-globe:before {

  content: "\e641";

}



.icon-home:before {

  content: "\e642";

}



.icon-file:before {

  content: "\e643";

}



.icon-bookmark:before {

  content: "\e644";

}



.icon-slideshare:before {

  content: "\e645";

}



.icon-flickr:before {

  content: "\e646";

}



.icon-pinterest:before {

  content: "\e647";

}



.icon-google-plus:before {

  content: "\e648";

}



.icon-instagram:before {

  content: "\e649";

}



.icon-linkedin:before {

  content: "\e64a";

}



.icon-youtube:before {

  content: "\e64b";

}



.icon-facebook:before {

  content: "\e64c";

}



.icon-twitter:before {

  content: "\e64d";

}



.icon-foursquare:before {

  content: "\e64e";

}



/*cookies*/

.fb-cd { z-index: 1000;}

.fb-cd p{ color: #fff; }



/* Modals for estandards pages */

.modal--on {

  overflow: hidden !important;

}



.std-modal {

  display: none;

  width: 98%;

  max-width: 400px;

  color: #222;

  background: #fff;

  padding: 15px 30px;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

      -ms-border-radius: 4px;

       -o-border-radius: 4px;

          border-radius: 4px;

  -webkit-box-shadow: 0 0 10px #000;

     -moz-box-shadow: 0 0 10px #000;

      -ms-box-shadow: 0 0 10px #000;

       -o-box-shadow: 0 0 10px #000;

          box-shadow: 0 0 10px #000;

}



.std-modal a.close-modal {

  position: absolute;

  top: -12.5px;

  right: -12.5px;

  display: block;

  width: 30px;

  height: 30px;

  text-indent: -9999px;

  background: url(../images/close.png) no-repeat 0 0;

  border: none;

}



.modal-spinner {

  display: none;

  width: 64px;

  height: 64px;

  position: fixed;

  top: 50%;

  left: 50%;

  margin-right: -32px;

  margin-top: -32px;

  background: url(../images/spinner.gif) #111 no-repeat center center;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

      -ms-border-radius: 4px;

       -o-border-radius: 4px;      

          border-radius: 4px;

}



/*BGs*/

  .bg_white{ background: #fff;}

/*BGs*/





/* Contacte */



.icon-out.high {

    border-top-width: 1px;

}

.icon-out.high h4 {

    padding-left: 30px;

}

.icon-out {

    overflow: hidden;

    padding-left: 50px;

}

.icon-out h4:before {

    margin-left: -30px;

    position: absolute;

}

.icon-out .icon-phone:before,

.icon-out .icon-mail:before {

    font-size: 1.2em;

}

.icon-out .icon-user:before {

    font-size: 1.2em;

}

.icon-out .phone-number {

    font-size: 1.3em;

    line-height: 1.3em;

}

.icon-out .contact_image {

    float: right;

    margin-bottom: 15px;

    margin-left: 15px;

}

/* Fitxa tecnica*/



.llistat li {

    background-image: url("../images/bullet_llistat.gif");

    background-position: 0 14px;

    background-repeat: no-repeat;

    border-bottom: 1px solid #CCCCCC;

    color: #333333;

    padding: 8px 0 8px 12px;

}

.llistat li:last-child {

    border-bottom: medium none;

}

.lista li {

    padding-left: 10px;

    background-image: url("../images/bulletx.gif");

    background-repeat: no-repeat;

    background-position: 0 7px;

    margin-bottom: 7px;

}

.super .lista li {

    padding-left: 10px;

    background-image: url("../images/bulletxs.gif");

    background-repeat: no-repeat;

    background-position: 0 7px;

    margin-bottom: 7px;

}

/* Dates horaris i accesos */



.dates-header {

    padding: 0px;

    margin-bottom: 30px;

}

.dates-box h4:before {

    margin-right: 5px;

}

.dates-box {

    border-right: 1px solid white;

    display: inline-block;

    min-width: 160px;

    padding: 15px 15px 0;

}

.dates-box:last-child {

    border-right: 0px;

}

.detalle.detalleiframe h2 {

    font-weight: bold;

    font-size: 1.5em;

}

.detalle.detalleiframe > div {

    clear: both;

}

.gMapForm .field {

    float: left;

    margin-right: 18px;

}

.field .text {

    display: block;

}

#gMapToAddress {

    display: block;

}

#gMapShowPath {

    margin-top: 18px;

}

.gMapForm {

    margin-bottom: 30px;

}

/* material grafic */



.mg_portlet .portlet {

    min-height: 315px!important;

    margin-bottom: 35px;

}

.mg_portlet img {

    margin-bottom: 0px;

}

p.little {

    font-size: 0.9em;

    line-height: 16px;

    min-height: 50px;

}

/* acreditacion */



.subhigh {

    margin-bottom: 25px;

}

.subhigh .portlet {

    background: none;

}

.acreditasub {

    padding: 20px 20px 1px !important;

    margin-bottom: 20px;

}

.acreditasub .box-img {

    width: 285px;

    margin-right: 15px;

}

.acreditasub h1 {

    margin-bottom: 5px;

}

.acreditasub h2 {

    display: none;

}

.acreditasub h3 {

    font-size: 1.35em!important;

    margin-bottom: 10px;

}

.acreditasub .box-txt {

    display: table;

}

.checklist li {

    font-size: 1.1em;

    line-height: 1.8em;

    padding-left: 2px;

}

.checklist li:before {

    background-image: url("../images/box_check.gif");

    background-position: left center;

    background-repeat: no-repeat;

    padding: 0.2em;

    color: #006998;

    margin-right: 8px;

}

.checklist {

    margin-bottom: 15px;

}

/* Modalitats de participacio */



.list-button {

    margin-bottom: 25px;

}

.list-button > p {

    color: #666666;

    font-size: 0.9em;

    margin-bottom: 0;

}

.list-button ul {

    float: left;

    width: 65%;

}

.list-button li:before {

    font-size: 1.5em;

    margin-left: 10px;

    margin-right: 10px;

    vertical-align: middle;

}

.list-button li {

    border-top: 1px solid #D2E3EC;

    border-bottom: 1px solid #D2E3EC;

    font-size: 1.1em;

    line-height: 3em;

    margin-top: -1px;

}

.button_right:before {

    color: #F17F00;

    font-size: 2.1em;

    padding-bottom: 6px;

    display: table;

    text-align: center;

    width: 100%;

}

a.button_right {

    border: 1px solid #F17F00;

    display: inline-block;

    font-size: 1.1em;

    height: 66px;

    margin-left: 10px;

    padding-top: 3%;

    text-align: center;

    width: 27%;

    position: relative;

}

a.button_right:hover {

    background-color: #F17F00;

}

a.button_right:hover:before {

    color: white;

    border: none medium;

}

.subhigh {

    background-color: #ECF1F3;

    padding: 8px;

}

cite {

    color: #006898;

}

.stand_pack {

    margin-bottom: 15px;

    overflow: hidden;

}

.stand_pack .thumb {

    float: left;

    margin-right: 20px;

    margin-top: 2px;

    width: 24%;

}

/* El WYSIWYG de liferay introduce despues de cada imagen un espacio que desajusta la caja, lo ocultamos*/



.stand_pack > br {

    display: none;

}



.features {

    float: left;

    width: 70%;

}

.features_header {

    border-bottom: 1px solid #CCCCCC;

    font-size: 1.1em;

    font-weight: 800;

    line-height: 2em;

    margin-bottom: 10px;

    position: relative;

}

.features_header span {

    margin-right: 2em;

}

.features_header span:last-child {

    margin-right: 0;

}

.features_header .type {

    text-transform: uppercase;

    display: inline-block;

    width: 207px;

}

.features .final_prize {

    color: white;

    line-height: 1.4em;

    padding-top: 0;

    position: absolute;

    right: 0;

    padding-top: 0.2em;

}

.final_prize.icon-euro:after {

    vertical-align: sub !important;

}

.features_list {

    color: #666666;

    float: left;

    font-size: 0.9em;

    line-height: 1.3em;

    margin-right: 45px;

}

.subpack {

    border-left: 1px solid #B6D2E0;

    padding-left: 16px;

}





@media (max-width: 599px) {

  .stand_pack .thumb{    float: none;    width: auto;}

  .stand_pack .features{    float: none;    width: 100%;}

  .stand_pack .features_header .type{  width: calc(100% - 145px); }

}





/* Equip comercial */



.contact .card {

    background-color: #F5F5F5;

    border-top: 0 solid #DBE9F0;

    float: left;

    width: 290px;

    padding: 10px;

    margin-right: 15px;

    margin-bottom: 15px;

}

.contact .card .pic {

    float: right;

    margin: 0 0 0 20px;

    margin-left: 20px;

}

.contact .card div {

    min-height: 50px;

}

.contact .card span {

    display: block;

}

.contact .card .name {

    font-size: 1.25em;

    line-height: 1.333em;

    font-weight: bold;

}

.contact .card .job-title {

    color: #666666;

}

.contact .card .languages {

    font-size: 0.917em;

    font-style: italic;

    color: #666666;

    margin-bottom: 10px;

}

.contact .mini {

    width: 172px;

    padding-right: 20px;

    margin-right: 22px;

}

.contact .last {

    margin-right: 0;

}

.pestanyas {

    position: absolute;

    right: 0;

    top: 0;

}

h2.phone {

    margin-bottom: 0;

}

h1 span.sales_title,

h1 span.sales_inter_title {

    font-size: 0.65em;

    line-height: 1.1em;

    color: #003D58;

    font-weight: bold;

}

.sales_list th {

    color: #333333;

    padding-top: 10px;

    background-color: #F5F5F5;

}

.sales_list table .featured {

    background-color: #F5F5F5;

    white-space: pre;

}

.sales_list table .phone {

    white-space: pre;

}

.sales_inter_card .card > div {

    width: 65%;

}

.sales_inter_card .card .name {

    display: table-footer-group;

}

.sales_inter_card .card .job-title {

    border-bottom: 1px solid #CCCCCC;

    color: #333333;

    display: table-caption;

    line-height: 1.3em;

    margin-bottom: 6px;

    font-size: 1em;

    padding-bottom: 5px;

    width: 100%;

}

.sales_inter_card .contact .card .languages {

    line-height: 1em;

}

.sales_team_tabs.ui-corner-all {

    border: medium none;

    border-radius: 0 0 0 0;

}

.sales_team_tabs.ui-tabs .ui-tabs-nav li {

    top: 4px;

}

.sales_list_tabs,

.sales_inter_card_tabs {

    display: none;

}

.sales_list_tabs .sales_title,

.sales_inter_card_tabs .sales_title,

.sales_card_tabs .sales_title {

    display: none;

}

.ui-tabs-selected {

    cursor: default !important;

}

.sales_team_tabs.article .search-tabs li a {

    color: #44758E;

    /* font-family: 'PT Sans',sans-serif;*/

    

    font-size: 1.2em;

    font-weight: bold;

    line-height: 2.3em;

    text-transform: none;

}

.sales_team_tabs.article .search-tabs li.ui-state-active a {

    color: white;

}

.sales_team_tabs .icon-layout:before {

    font-size: 1.5em;

}

.sales_team_tabs .icon-world:before {

    font-size: 1.3em;

}

.contact_data {

    position: absolute;

    right: 0;

    top: 0;

}

/* Expositor */



.exhibitor .subhigh {

    padding: 15px;

    font-size: 0.9em;

}

.exhibitor .check_list li {

    font-size: 1.1em;

    line-height: 1.8em;

    padding-left: 2px;

}

.exhibitor .check_list li:before {

    background-image: url("../images/box_check.gif");

    background-position: left center;

    background-repeat: no-repeat;

    padding: 0.2em;

    color: #006998;

    margin-right: 8px;

}

.check_list {

    margin-bottom: 10px;

}

p.info_button {

    color: #666666;

    display: inline-block;

    font-size: 0.8em;

    line-height: 1.2em;

    margin-bottom: 0;

    margin-left: 8px;

    vertical-align: text-top;

    width: 100px;

    word-wrap: break-word;

}

.caixa-text.icon-locked {

    width: 100%;

}

.caixa-text.icon-locked:before {

    color: #999999;

    float: right;

    font-size: 1.9em;

    padding-right: 30px;

    padding-top: 5%;

}

/* Viatges i reserves */



.portlet.box.box-h.high.travel {

    border-top-width: 1px;

    padding-top: 15px;

    margin-bottom: 45px;

}

.travel .wrap {

    position: relative;

}

.travel.box-h .box-txt {

    padding-top: 5%;

}

.travel.box-h .box-img {

    margin-right: 40px;

    margin-bottom: 15px;

    position: relative;

}

.travel.box-h h2:before {

  position: absolute;

  top: 40px;

  left: 117px;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background-color: #FFF;

  font-size: 1.7em;

  line-height: 60px;

  text-align: center;

  padding: 7px;

}

/*.travel.box-h h2.icon-trolley:before {

    left: 121px;

}*/

.travel .end-box {

    padding-left: 190px;

}

.end-box {

    border-top-style: solid;

    border-top-width: 1px;

    border-color: inherit;

    padding-top: 10px;

}

.offers .box-txt {

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-color: inherit;

    padding-top: 10px;

}

.offers .box-txt h4 {

    float: right;

    padding-top: 5%;

}

.offers .box-txt p {

    margin-bottom: 10px;

}

.offers .end-box {

    border-top: none;

}

.code_graphic .size {

    white-space: nowrap;

}

.travel span {

    background-color: #eee;

    display: block;

    font-size: 17px;

    padding: 5px;

    width: 38px;

}

.travel td img {

    vertical-align: top;

}

.travel u {

    color: #666;

    font-size: 11px;

    text-align: center;

    text-decoration: none;

}

.taulaestret {

    width: 245px;

}

table tbody td {

    border-bottom: 1px solid #e0e0e0;

    padding: 10px 10px 10px 4px;

    vertical-align: middle;

}

.ofertas-travel .icon-trolley:before {

    font-size: 2.2em;

    position: absolute;

}

.ofertas-travel .icon-trolley a {

    margin-left: 30px;

}

.ofertas-travel .icon-globe a {

    margin-left: 30px;

}

.ofertas-travel .icon-home a {

    margin-left: 30px;

}

.ofertas-travel .icon-search a {

    margin-left: 30px;

}

.ofertas-travel .icon-plane a {

    margin-left: 30px;

}

.ofertas-travel .icon-file a {

    margin-left: 30px;

}

.ofertas-travel .icon-bookmark a {

    margin-left: 30px;

}

/*******************************************************/

/********************* DESTACATS ***********************/

/*******************************************************/



.destacat {

    overflow: hidden;

    padding: 0 5px 5px !important;

    position: relative;

}

.destacat.high_base {

    width: 100%;

    float: left;

    margin-bottom: 20px;

    position: relative;

    overflow: hidden;

    border-top-width: 1px;

}

.destacat .caixa-text {

    margin: 10px;

}

.destacat .alert {

    font-size: 28px;

    line-height: 1.2em;

}

.destacat .caixa-img {

    position: absolute;

    bottom: 0;

    right: 0;

    max-width: 50%;

}

.destacat.type3 .caixa-text {

    max-width: 45%;

}

.destacat.type3 .caixa-img {

    position: absolute;

    top: 0;

    right: 0;

    max-width: 45%;

}

.destacat .caixa-img img {

    width: 100%;

    vertical-align: bottom;

    margin-bottom: 0;

}

.destacat.here:before {

    content: url("../images/here.gif");

    left: 0;

    top: 15%;

    position: absolute;

}

.destacat.there:before {

    background-image: url("../images/there.gif");

    background-position: 55px top;

    background-repeat: no-repeat;

    color: white;

    content: "p";

    display: block;

    margin-top: -15px;

}

.destacat.there.high_base {

    overflow: visible;

    margin-bottom: 25px;

    margin-top: 20px;

}

.destacat.there .caixa-text {

    float: left;

    margin-right: 85px;

    display: inline-block;

    padding-top: 15px;

}

.destacat.there .caixa-enlace {

    display: inline-block;

    margin-top: -10px;

    padding-top: 5%;

}

.destacat .caixa-enlace {

    padding-top: 5%;

}

.destacat .caixa-enlace p {

    text-align: center;

}

.super_base .super_title:before {

    float: right;

    padding-top: 5%;

    margin-right: 8%;

}

.super_base .super_title {

    border-top: 1px solid #589FBF;

    font-size: 1.617em;

    padding-top: 10px;

}

.lista li {

    padding-left: 10px;

    background-image: url("../images/bulletx.gif");

    background-repeat: no-repeat;

    background-position: 0 7px;

    margin-bottom: 7px;

}

.super .lista li {

    padding-left: 10px;

    background-image: url("../images/bulletxs.gif");

    background-repeat: no-repeat;

    background-position: 0 7px;

    margin-bottom: 7px;

}

/*----cataleg--- */



.cataleg .titol {

    margin-bottom: 55px;

    font-size: 1.05em;

}

.cataleg .titol .portlet.box {

    width: 75%;

}

.opcions-publi .portlet.box,

.cataleg .titol .portlet.box {

    font-size: 1.3em;

}

.opcions-publi .portlet.box {

    background: url("../images/bg-circle.png") no-repeat scroll center top transparent;

    height: 220px;

    padding-top: 45px;

    text-align: center;

}

.opcions-publi .portlet.box h2.title,

.cataleg .titol .portlet.box h2.title {

    font-size: 2em;

    margin-bottom: 5px;

    color: #0B5080;

}

.opcions-publi .icon-euro-bold {

    padding-left: 10px;

}

.cataleg .titol .portlet.box .button.high {

    position: absolute;

    right: 265px;

    top: 25%;

}

.opcions-publi .portlet.box h2.title {

    padding-left: 8px;

}

.cataleg .titol .portlet.box p.section {

    margin-bottom: 2px;

}

.opcions-publi .portlet.box .button.high,

.cataleg .titol .portlet.box .button.high {

    font-size: 1.1em;

    font-weight: bold;

    padding: 10px 25px;

}

.opcions-publi .portlet.box p {

    margin: 10px auto;

    width: 60%;

    line-height: 1.2em;

}

.caracteristiques ul {

    position: absolute;

    top: 0;

    z-index: 500;

}

.pull-right {

    float: right;

}

.pull-left {

    float: left;

}

.caracteristiques h4:before {

    content: url("../images/bullet_llistat.gif");

    line-height: 1em;

    margin-left: -10px;

    vertical-align: text-top;

}

.caracteristiques ul {

    position: absolute;

    top: 35px;

    width: 100%;

    z-index: 500;

}

.caracteristiques li span {

    font-size: 0.9em;

}

.caracteristiques h4 {

    margin-bottom: 5px;

    position: relative;

}

.caracteristiques li.pull-left {

    margin-left: 5px;

    text-align: right;

}

.caracteristiques li.pull-right {

    clear: right;

    margin-right: 45px;

}

.caracteristiques li {

    margin-bottom: 50px;

    width: 135px;

}

.caracteristiques .alert {

    position: absolute;

    bottom: 20px;

    left: 42px;

    font-size: 1.1em;

}

.caracteristiques .alert:before {

    content: url("../images/bullet_fletxa.png");

    vertical-align: sub;

    margin-right: 5px;

}

.destacat.cataleg.v2 {

    background: url("../images/destacat2.png") no-repeat scroll 0 0 transparent;

    height: 150px;

}

.destacat.cataleg.v2 .caixa-text {

    background: none repeat scroll 0 0 white;

    padding: 10px 15px 0;

    position: absolute;

    right: -10px;

    top: 55px;

}

/*****INICI Landings ajuda visitant ********

*********************************************/



.contactes {

    text-align: center;

}

.contactes .bloc1,

.contactes .bloc2,

.contactes .bloc3,

.contactes .bloc4,

.contactes .bloc5 {

    padding: 40px 50px 0px;

    margin: 0 auto;

}



.contactes .bloc3-n17 {

	background-image: url('../images/servicios_bg.jpg');

	background-size: cover;

	background-repeat: no-repeat;

	padding-bottom: -20px!important;

	color: white;

}



.contactes .bloc3-n17 h2 {

	color: white !important;

}



.contactes .bloc3-n17 img {

	margin: 0!important;

}



.contactes .speakers_bloc {

	padding-top: 40px;

}



.contactes .programa_bloc {

	padding-bottom: 0!important;

}



.bloc6 {margin: 30px;}

.contactes .bloc1 {

    background: url('../images/ajuda-visitants-bg.jpg') no-repeat top center transparent;

    background-size: cover;

    padding: 65px 110px 0px;

}

.contactes #content {

    padding: 0;

    width: 980px;

}

.contactes .portlet-column,

.contactes .portlet-column-content {

    padding: 0px;

}

.contactes h2 {

    border-bottom: 6px solid #D5D5D5;

    display: inline-block;

    padding-bottom: 5px;

    color: #333333;

    margin-bottom: 20px;

}

.contactes img {

    vertical-align: middle;

}

.contactes .bg-gris {

    background: url('../images/bloc_4_bg.jpg') repeat;

}

.contactes .bg-negre {

    background: url('../images/bg-black.jpg') repeat;

    color: #E3E3E3 !important;

}



.contactes .portlet {

    background: transparent;

}

.contactes .bg-negre h2 {

    color: white;

    font-weight: 400;

    border: none;

}





.contactes {

    font-size: 1.3em;

    color: #666;

}

.contactes p {

    margin-bottom: 0px;

}

.contactes .bloc3 ul li:first-child {

    margin-bottom: 210px;

}

.bloc3 img {

    margin-left: 75px;

}

.contactes .bloc3 ul {

    margin-top: 110px;

}

.contactes .bloc3 ul li {

    text-align: left;

}

.contactes .bloc4 {

    padding-bottom: 55px;

}



.contactes .bloc4 em { font-size: 30px;}



.contactes .bloc4 li {

    line-height: 140%;

}

.contactes .bloc1 * {

    text-align: left;

    color: white;

}

.contactes .titol {

    margin-bottom: 40px;

}





.contactes .bloc5 {

    padding: 60px 0px;

    margin-top: 60px;

    background: url('../images/icon-download.png') no-repeat top center transparent;

}

.subtitol {

    padding: 50px 0px;

}

.subtitol * {

    margin-bottom: 0px;

}

.featured img {

    vertical-align: bottom;

}

.download-buttons a {

    border: none !important;

    text-decoration: none;

}

.contactes .bloc1 .featured img {

    padding-left: 60px;

}

.contactes .bloc1 h1 {

    margin-bottom: 5px;

    margin-top: 105px;

}

.download-buttons {

    background: -moz-linear-gradient(top, rgba(82, 69, 55, 0.7) 0%, rgba(82, 69, 55, 0.7) 100%);

    /* FF3.6+ */

    

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 69, 55, 0.7)), color-stop(100%, rgba(82, 69, 55, 0.7)));

    /* Chrome,Safari4+ */

    

    background: -webkit-linear-gradient(top, rgba(82, 69, 55, 0.7) 0%, rgba(82, 69, 55, 0.7) 100%);

    /* Chrome10+,Safari5.1+ */

    

    background: -o-linear-gradient(top, rgba(82, 69, 55, 0.7) 0%, rgba(82, 69, 55, 0.7) 100%);

    /* Opera 11.10+ */

    

    background: -ms-linear-gradient(top, rgba(82, 69, 55, 0.7) 0%, rgba(82, 69, 55, 0.7) 100%);

    /* IE10+ */

    

    background: linear-gradient(to bottom, rgba(82, 69, 55, 0.7) 0%, rgba(82, 69, 55, 0.7) 100%);

    /* W3C */

    

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b3524537', endColorstr='#b3524537', GradientType=0);

    /* IE6-9 */

    

    text-align: center !important;

    padding: 20px 10px;

    width: 95%;

    border-radius: 5px;

    margin-top: 15px;

}

.subtitol em {

    font-style: normal;

}

.contactes .bloc5 .download-buttons {

    background: white;

}

.contactes .bloc5 .download-buttons {

    background: none;

    width: 96%;

}

.contactes .bloc5 h2 {

    border: none;

}

.download-buttons a:first-child {

    margin-right: 20px;

}

.contactes .bloc2 {

    padding-bottom: 35px;

}

.bloc3.expo img {

    margin-left: 0px;

}

.contactes .bloc3.expo {

    padding-bottom: 50px;

    border-top: 1px solid #e2e2e2;

}



.bloc2_text {

	margin-top: 105px;

	margin-left: 190px;

}

/*****FI Landings ajuda visitant ********

*********************************************/





/*plana viatges i reserves*/



.travel span {

    background-color: #eee;

    display: block;

    font-size: 17px;

    padding: 5px;

    width: 46px;

}

.travel td img {

    vertical-align: top;

}

.travel u {

    color: #666;

    font-size: 11px;

    text-align: center;

    text-decoration: none;

}

.travel .icon-euro:before { float: right;}



.taulaestret {

    width: 245px;

}

table tbody td {

    border-bottom: 1px solid #e0e0e0;

    padding: 10px 10px 10px 4px;

    vertical-align: middle;

}

.ofertas-travel .icon-trolley:before {

    font-size: 2.2em;

    position: absolute;

}

.ofertas-travel .icon-trolley a {

    margin-left: 30px;

}

.icon-phone:before {

    font-size: 17px;

    margin-right: 4px;

}

.icon-home:before {

    font-size: 17px;

    margin-right: 4px;

    padding-top: 7px;

    position: absolute;

}

.icon-bookmark:before {

    font-size: 17px;

    margin-right: 4px;

    padding-top: 7px;

    position: absolute;

}

.icon-search:before {

    font-size: 17px;

    margin-right: 4px;

    padding-top: 7px;

    position: absolute;

}

.icon-file:before {

    font-size: 17px;

    margin-right: 4px;

    padding-top: 7px;

    position: absolute;

}

.icon-plane:before {

    font-size: 17px;

    margin-right: 4px;

    padding-top: 7px;

    position: absolute;

}

.icon-mail:before {

    font-size: 17px;

    margin-right: 4px;

}

.icon-world:before {

    font-size: 17px;

    margin-right: 4px;

}

/*acces i mobilitat acordeon*/

/*acordeon*/

.containeraccesimobilitat .transport {

    border-bottom: 1px solid #d6d6d6;

    padding-top: 14px;

}

.ac-containeraccesimobilitat a {

    color: #161616;

}

.containeraccesimobilitat {

    width: 100%;

    position: relative;

    text-align: center;

    margin-bottom: 40px;

}

.containeraccesimobilitat .clr {

    clear: both;

}

/* Media Queries */



@media screen and (max-width: 767px) {

    .containeraccesimobilitat > header {

        text-align: center;

    }

    .containeraccesimobilitat p.codrops-demos {

        position: relative;

        top: auto;

        left: auto;

    }

}

.containeraccesimobilitat .ac-containeraccesimobilitat {

    width: auto;

    text-align: left;

    background-color: #fff;

}

.containeraccesimobilitat .ac-containeraccesimobilitat > div:before,

.ac-containeraccesimobilitat > div:after {

    content: "";

    display: table;

}

.containeraccesimobilitat .ac-containeraccesimobilitat > div:after {

    clear: both;

}

.containeraccesimobilitat .ac-containeraccesimobilitat .label {

    border-bottom: 1px solid #ccc;

    color: #666666;

    cursor: pointer;

    display: block;

    font-size: 12px;

    line-height: 33px;

    position: relative;

    z-index: 20;

}

.containeraccesimobilitat .ac-containeraccesimobilitat .label:after {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: rgba(0, 0, 0, 0);

    background-image: url("../images/b-more.png");

    background-origin: padding-box;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: auto auto;

    content: "";

    height: 19px;

    position: absolute;

    right: 13px;

    top: 7px;

    width: 32px;

}

.containeraccesimobilitat .ac-containeraccesimobilitat .visible .label:after {

    background-image: url("../images/b-less.png");

}

.containeraccesimobilitat .ac-containeraccesimobilitat article {

    padding: 0 40px 0 21px;

    overflow: hidden;

    max-height: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.containeraccesimobilitat .ac-small {

    background-color: #F8F8F8;

}

.containeraccesimobilitat .ac-containeraccesimobilitat .visible article {

    max-height: 10000px;

}

.containeraccesimobilitat .ac-containeraccesimobilitat .logos {

    float: left;

    margin-bottom: -12px;

}

.containeraccesimobilitat .ac-containeraccesimobilitat .text {

    margin-left: 20px;

    padding-right: 60px;

    color: #7A7A7B;

    line-height: 21px;

}

.ac-containeraccesimobilitat h3 {

    font-weight: normal;

    line-height: 0;

    margin-top: 17px;

}

.ac-containeraccesimobilitat h3:before {

    display: inline-block;

    width: 36px;

    text-align: center;

}

.containeraccesimobilitat .has-v-padding .portlet {

    padding: 40px 0;

}

.containeraccesimobilitat .ac-primer {

    background-color: #fff;

}

.containeraccesimobilitat .ac-primer .text {

    color: white;

}

.containeraccesimobilitat.ac-primer article p {

    color: #161616;

}

.containeraccesimobilitat.labelnoabre img {

    position: relative;

    top: -15px;

    margin-bottom: -8px;

}

.containeraccesimobilitat .labelnoabre h3 {

    line-height: 15px;

    position: relative;

    top: 11px;

}

.ac-small p {

    padding-right: 80px;

}

.transportimg {

    float: right;

    margin-top: 49px;

}

/*.ac-small p {    width: 70%;}*/





/*BARCELONA ACCES MOBILITAT (ico)*/



.accmob .icon-airplane2:before {

    color: #00A1CB;

    font-size: 25px;

    vertical-align: middle;

}

.accmob .icon-train:before {

    color: #00A1CB;

    font-size: 25px;

    vertical-align: middle;

}

.accmob .icon-ship:before {

    color: #00A1CB;

    font-size: 24px;

    vertical-align: middle;

}

.accmob .icon-ship:before {

    color: #00A1CB;

    font-size: 24px;

    vertical-align: middle;

}

.accmob .icon-bus:before {

    color: #00A1CB;

    font-size: 25px;

    vertical-align: middle;

}

.accmob .icon-taxi:before {

    color: #00A1CB;

    font-size: 25px;

    vertical-align: middle;

}

.accmob .icon-car:before {

    color: #00A1CB;

    font-size: 25px;

    vertical-align: middle;

}

.accmob .icon-plane:before {

    color: #00A1CB;

    font-size: 25px;

    vertical-align: middle;

}

.icon-map-pin-alt:before {

    padding-left: 4px;

    vertical-align: middle;

}

/*BARCELONA ACCES MOBILITAT (ico)*/



.transport > img {

    float: right;

    margin-top: -84px;

}

.tranpub h3 {

    border-bottom: 1px solid #cccccc;

    padding: 10px;

}

.llegarmontjuic .journal-content-article {

    background-image: url("../images/img-montjuic.png");

    background-repeat: no-repeat;

    height: 237px;

    cursor: pointer;

    margin-bottom: 24px;

    position: relative;

}

.llegargranvia .journal-content-article {

    background-image: url("../images/img-gran-via.png");

    background-repeat: no-repeat;

    height: 237px;

    margin-bottom: 24px;

    position: relative;

}

.llegarmontjuic .journal-content-article:hover {

    opacity: 0.7;

}

.llegargranvia .journal-content-article:hover {

    opacity: 0.7;

}

.llegargranvia h1 {

    bottom: -7%;

    color: #ffffff;

    font-family: 'Oswald', sans-serif;

    font-size: 55px;

    font-weight: bold;

    letter-spacing: 4px;

    margin-left: -7px;

    position: absolute;

    width: 597px;

}

.llegarmontjuic h1 {

    bottom: -8%;

    color: #ffffff;

    font-family: 'Oswald', sans-serif;

    font-size: 52px;

    font-weight: bold;

    letter-spacing: 4px;

    margin-left: -4px;

    position: absolute;

}

.llegarmontjuic h2 {

    color: #ffffff;

    font-family: 'Oswald', sans-serif;

    left: 24%;

    position: absolute;

    top: 51%;

}

.llegargranvia h2 {

    color: #ffffff;

    font-family: 'Oswald', sans-serif;

    left: 24%;

    position: absolute;

    top: 27%;

}

.llegarmontjuic .icon-map-pin-alt {

    border: 4px solid #ffffff;

    border-radius: 50%;

    color: #ffffff;

    font-size: 26px;

    left: 41%;

    padding: 10px;

    position: absolute;

    top: 60px;

}

.llegargranvia .icon-map-pin-alt {

    border: 4px solid #ffffff;

    border-radius: 50%;

    color: #ffffff;

    font-size: 26px;

    left: 41%;

    padding: 10px;

    position: absolute;

    top: 8px;

}



a.cllegar {

  position: absolute;

  top: 0;

  display: block;

  left: 0;

  right: 0;

  bottom: 0;

  border-bottom: none;

  z-index: 5000;

}



article.ac-small > p {

    padding-top: 15px;

}

.containeraccesimobilitat .visible {

    background-color: #E9E9E9;

}

.containeraccesimobilitat .visible h3 {

    font-weight: bold;

    color: black;

}

.ddescompte .icon-trolley {

    border: 2px solid #00A1CB;

    border-radius: 50%;

    font-size: 36px;

    padding: 5px 3px 2px 5px;

    color: #00A1CB;

}

.ddescompte h2 {

    color: #00A1CB;

    font-size: 35px;

    font-weight: bold;

}

.ddescompte h3 {

    color: #00A1CB;

    font-size: 17px;

    font-weight: bold;

    margin-top: -11px;

}

/*********PAGINA ESTANDAR BARCELONA**************************

*******************************************************

**********************************************************/



.bcntitle {

    display: inline-block;

    max-width: 31%;

}

.bcnsubtitle p {

    font-size: 16px;

    line-height: 21px;

}

.bcnsubtitle {

    display: inline-block;

    max-width: 65%;

    border-left: 1px solid #ccc;

    padding-left: 15px;

    margin-left: 15px;

}

.bcninterest .title span {

    color: #666666;

    display: block;

    font-size: 14px;

}

.bcninterest {

    margin: -74px 0 0 50px;

    max-width: 230px;

}

.bcnlink {

    border-bottom: 1px solid #e3e3e3;

    margin-bottom: 5px;

    text-align: center;

    padding: 4px;

}

.bcnlink:hover {

    opacity: 0.5;

}

.bcnlink p {

    margin-bottom: 5px;

}

.bcnlink p strong {

    display: block;

}

.bcnlink a {

    color: #666;

    border-bottom: 0;

}

.bcnlink a:hover {

    text-decoration: none;

}

.bcnajun {

    border-top: 1px solid #cccccc;

    padding-top: 20px;

}

.bcnlayout .aui-w30 {

    padding-left: 15px;

    width: 19%;

}

.bcnlayout .aui-w70 {

    width: 80%;

}

/*SLIDE BARCELONA*/

/* Browser Resets

*********************************/



.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus {

    outline: none;

}

.slides,

.flex-control-nav,

.flex-direction-nav {

    margin: 0;

    padding: 0;

    list-style: none;

}

/* FlexSlider Necessary Styles

*********************************/



.flexslider {

    margin: 0;

    padding: 0;

}

.flexslider .slides > li {

    display: none;

    -webkit-backface-visibility: hidden;

}

/* Hide the slides before the JS is loaded. Avoids image jumping */



.flexslider .slides img {

    width: 100%;

    display: block;

}

.flex-pauseplay span {

    text-transform: capitalize;

}

/* Clearfix for the .slides element */



.slides:after {

    content: "\0020";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

html[xmlns] .slides {

    display: block;

}

* html .slides {

    height: 1%;

}

/* No JavaScript Fallback */



.slides > li:first-child {

    display: block;

}

.slides li {

    width: 100%;

}

.flexslider {

    position: relative;

    margin-bottom: 20px;

    margin-top: 20px;

}

.bcn-slider {

    width: 100%;

    position: relative;

}

.bcn-slider .slides {

    position: static;

    z-index: 1;

}

.bcn-slider .slides li iframe {

    max-width: 100%;

}

.bcn-slider .slides li video {

    display: block;

    width: 100%;

    height: auto;

}

.bcn-slider .section {

    margin-bottom: 0;

}

.bcn-slider .slides li {

    position: relative;

}

.bcn-slider .bcnflex-content {

    width: 46%;

    height: 150px;

    position: absolute;

    bottom: 30px;

    padding: 2%;

    left: 50%;

    margin-left: -25%;

    background-color: #fff;

    color: #000;

}

.bcn-slider .flex-prev,

.bcn-slider .flex-next {

    position: absolute;

    top: 50%;

    z-index: 2;

    display: block;

    width: 36px;

    height: 44px;

    margin-top: -44px;

    text-indent: -9999em;

    background: url("../images/nav.png") no-repeat bottom;

    opacity: 1;

    filter: alpha(opacity=60);

    -webkit-transition: opacity 0.1s linear;

    -moz-transition: opacity 0.1s linear;

    transition: opacity 0.1s linear;

}

#demo2-1 .flex-direction-nav{ display:none !important;}

.bcn-slider .flex-prev {

    background-position: 0 top;

}

.bcn-slider .flex-next {

    right: 0;

}

.bcn-slider .flex-prev:hover,

.bcn-slider .flex-next:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}

.bcn-slider .flex-control-paging {

    margin-top: 9px;

    text-align: center;

}

.bcn-slider .flex-control-paging li {

    display: inline-block;

}

.bcn-slider .flex-control-paging li + li {

    margin-left: 5px;

}

.bcn-slider .flex-control-paging a {

    display: block;

    width: 9px;

    height: 9px;

    background-color: #ccc;

    border-radius: 50%;

    text-indent: -9999em;

}

.bcn-slider .flex-control-paging .flex-active {

    background-color: #999;

}

/******* FI - SLIDE BARCELONA*********************************/

/*plana error 404*/



.errorcenter {

    border-bottom: 1px solid #efefef;

    margin-bottom: 20px;

    text-align: center;

}

.errorlinks {

    margin-left: 13%;

}

.errorlinks.linksleft {

    border-right: 1px solid #efefef;

    margin-left: 67%;

    margin-right: 0;

}

/******* INICI - LANDINGS PARTICIPACI“ *********************************/







.participacio__form form {

    padding: 24px;

    color: white;

    background-color: #00a1cb;

    background-color: rgba(0, 161, 203, 0.9);

}

.participacio__form.web-form-portlet .aui-form .aui-fieldset-legend,

.participacio__form.web-form-portlet .aui-form em {

    display: block;

    padding: 2px;

    color: white;

    text-align: center;

    margin: 0;

}

.participacio__form.web-form-portlet .aui-form .aui-legend {

    position: static;

}

.participacio__form.web-form-portlet .aui-form .aui-field-text {

    position: relative;

}

.participacio__form.web-form-portlet .aui-form .aui-field-text .aui-field-label {

    position: absolute;

    top: 50%;

    left: 10px;

    margin-top: -9px;

}



.participacio__form.web-form-portlet .aui-form .aui-field-text .aui-field-label {

    position: absolute;

    top: 50%;

    left: 10px;

    margin-top: -9px;

}



.participacio__form.web-form-portlet .aui-form .aui-field-text.lfr-textarea-containeroptional .aui-field-label {

    top: 20%;

}



.participacio__form.web-form-portlet .aui-form .aui-field-text .aui-field-input-text {

    box-sizing: border-box;

    width: 100%;

    height: 44px;

}



.participacio__form.web-form-portlet .aui-form .aui-field-text textarea.aui-field-input-text {

    height: 100px;

    padding: 10px 5px;

}



.participacio__form.web-form-portlet .aui-form .aui-field-choice .aui-field-label {

    color: white;

}

.participacio__form.web-form-portlet .aui-form .aui-field-choice,

.participacio__form.web-form-portlet .aui-form .aui-button-submit {

    width: 100%;

    padding-right: 0;

    text-align: center;

}

.participacio__form.web-form-portlet .aui-form .aui-field-choice .aui-field-content,

.participacio__form.web-form-portlet .aui-form .aui-field-choice .aui-button-content,

.participacio__form.web-form-portlet .aui-form .aui-button-submit .aui-field-content,

.participacio__form.web-form-portlet .aui-form .aui-button-submit .aui-button-content {

    display: inline-block;

}

.participacio__form.web-form-portlet .aui-form .aui-field-choice .aui-field-content {

    float: left;

    width: 100%;

}

.participacio__form.web-form-portlet .aui-form .aui-field-choice .aui-field-element.aui-field-label-right {

    float: left;

    display: block;

}

.participacio__form.web-form-portlet .aui-form .aui-field-choice .aui-field-label {

    display: block;

}



.participacio__form.web-form-portlet .aui-form .aui-button-submit .aui-button-input,

.std-form.web-form-portlet .aui-form .aui-button-submit .aui-button-input {

    opacity: 1;

    cursor: pointer;

    transition: opacity .2s linear;

}



.participacio__form.web-form-portlet .aui-form .aui-button-submit .aui-button-input.disabled,

.std-form.web-form-portlet .aui-form .aui-button-submit .aui-button-input.disabled {

    opacity: 0.5;

    cursor: not-allowed;

}



.participacio__form .optin,

.std-form .optin {

  position: relative;

}



.participacio__form .hint,

.std-form .hint {

  position: absolute;

  top: -30px;

  left: -5px;

  display: block;

  width: 24px;

  height: 24px;

  border-radius: 4px;

  background-color: #c00;

  color: white;

  font-weight: bold;

  font-size: 20px;

  line-height: 24px;

  text-align: center;

  opacity: 0;

  transition: opacity .2s linear;

  pointer-events: none;

}



.participacio__form .hint:after,

.std-form .hint:after {

  content: "";

  display: block;

  position: absolute;

  bottom: -8px;

  left: 50%;

  margin-left: -4px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 8px 4px 0 4px;

  border-color: #c00 transparent transparent;    

} 



.participacio__form .hint-on .hint,

.std-form .hint-on .hint {

  opacity: .8;

}



.participacio-steps {

    margin-left: -20px;

    margin-right: -20px;

    border-bottom: 1px solid rgba(204, 204, 204, 0.6);

}

.participacio-steps:before,

.participacio-steps:after {

    content: "";

    display: table;

}

.participacio-steps:after {

    clear: both;

}

.participacio-steps > div {

    box-sizing: border-box;

    float: left;

    width: 25%;

    height: 170px;

    padding: 110px 30px 30px;

    color: #333;

    background-color: white;

    text-align: center;

    position: relative;

    overflow: hidden;

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;

}

.participacio-steps > div + div {

    border-left: 1px solid rgba(204, 204, 204, 0.6);

}

.participacio-steps > div img {

    position: absolute;

    width: 110px;

    height: 100px;

    left: 50%;

    top: 10px;

    margin-left: -68px;

}

.participacio-steps > div p {

    font-size: 14px;

    font-weight: bold;

    line-height: 1.3;

}

.participacio-steps > div .over {

    box-sizing: border-box;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: block;

    padding: 20px;

    border: 4px solid #00a1cb;

    background-color: rgba(255, 255, 255, 0.9);

    margin: 0;

    font-size: 12px;

    font-weight: normal;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: opacity .4s linear;

    cursor: pointer;

}

.participacio-steps > div .over:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}

.participacio-steps > .participacio-steps__contact {

    padding: 50px 10px;

    background-color: #eee;

    box-shadow: none;

}

.participacio-steps > .participacio-steps__contact p {

    font-size: 13px;

    font-weight: normal;

}

.section-participacio-1 {

    padding: 24px;

    margin: -20px -20px 0;

    /*background: #F6F3EE url(../images/participacio_bg.jpg) no-repeat bottom right;*/

}

.section-participacio-1 .aui-w70 {

    box-sizing: border-box;

    width: 60%;

    padding-right: 60px;

}

.section-participacio-1 .aui-w30 {

    width: 40%;

}

.section-participacio-1 .aui-w70 .header {

    margin-bottom: 40px;

}

.section-participacio-1 .aui-w70 .header h1 {

    font-size: 40px;

    line-height: 1.1;

}

.section-participacio-1 .aui-w70 .header p {

    font-size: 17px;

    line-height: 1.3;

}

.section-participacio-1 .aui-w70 ul li {

    position: relative;

    padding-left: 30px;

    padding-bottom: 2px;

    font-size: 15px;

    line-height: 1.25;

}

.section-participacio-1 .aui-w70 .journal-content-article ul li:before {

    content: "\2714";

    position: absolute;

    top: -2px;

    left: 2px;

    color: #00a1cb;

    font-size: 24px;

    line-height: 1;

}

.section-participacio-1 .aui-w70 ul li + li {

    margin-top: 10px;

}

.section-participacio-2 {

    position: relative;

}

.section-participacio-2 .header {

    position: absolute;

    margin-top: -100px;

    padding-bottom: 24px;

}

.section-participacio-2 .header .badge {

    display: inline-block;

    padding: 0 4px;

    margin: 0 0 5px;

    background-color: #EA4621;

    color: white;

    font-size: 9px;

    text-transform: uppercase;

}

.section-participacio-2 .header h2 {

    margin: 0;

    font-size: 18px;

    line-height: 1.4;

}

.section-participacio-2 .header h2 span {

    font-size: 26px;

    line-height: 1;

}

.section-participacio-2--alt {

    margin-top: 20px;

}

.section-participacio-2--alt .participacio-steps {

    margin-left: 0;

    margin-right: 0;

}

.section-participacio-2--alt .header h2,

.section-participacio-2--alt .header .badge {

    display: inline-block;

    font-size: 18px;

}

.section-participacio-2--alt .header h2 br,

.section-participacio-2--alt .header .badge br {

    display: none;

}

.section-participacio-2--alt .header .badge {

    text-transform: none;

}

.section-participacio-2--alt .header h2 {

    font-weight: bold;

    text-transform: lowercase;

}

.section-participacio-2--alt .header h2 span {

    font-weight: normal;

}

.section-participacio-2--vertical {

    margin-bottom: 20px;

}

.section-participacio-2--vertical .participacio-steps {

    margin-left: 0;

    margin-right: 0;

}

.section-participacio-2--vertical .participacio-steps > div {

    float: none;

    width: 100%;

}

.section-participacio-2--vertical .participacio-steps > div + div {

    border-left: none;

    border-top: 1px solid rgba(204, 204, 204, 0.6);

}

.section-participacio-2--vertical .header .badge {

    float: left;

    display: inline-block;

    padding: 0 4px;

    margin: 0 0 5px;

    background-color: #EA4621;

    color: white;

    font-size: 9px;

    text-transform: uppercase;

}

.section-participacio-2--vertical .header h2 {

    margin-left: 50px;

    font-size: 16px;

    line-height: 1.25;

    font-weight: normal;

}

.section-participacio-2--vertical .header h2 span {

    font-weight: bold;

}



.center{text-align: center;}

.portlet-nested-portlets.resposta-gris { background-color: #f5f5f5; margin-left: -20px;margin-right: -20px; padding: 0 30px;}

.portlet-nested-portlets.resposta-gris h2.title {min-height: 40px; padding-left: 65px;}

.participatrans .portlet.box {background-color:transparent;}

.web-form-portlet .aui-form .aui-field-choice label.aui-field-label {

    cursor: pointer;}



/******* FI - LANDINGS PARTICIPACIO *********************************/



/*portlets anidados no es solapin*/

.controls-visible .portlet-borderless-container {padding-top: 20px;}







/*Landings nuevas Estandarizacion*/



/*Por que exponer*/



.por_que_exponer_new {

	margin-top: 40px;

}

.por_que_exponer_new img.contact_image {

	float: left;

	margin-top: 0;

	margin-bottom: 0;

	margin-left: 0;

	margin-right: 30px;

}

.por_que_exponer_new .high {

	padding: 0;

}

.contenedor_expositor {

	position: relative;

	margin-top: 105px;

}

.texto_expositor {

	background: #F7F7F7;

	padding: 40px;

}

.contenedor_expositor img {

	position: absolute;

	bottom: 0; right: 0;

}

.fondo_foto {

	width: 660px;

	height: 325px;

	background:url("../images/destacado-mural.jpg") right top no-repeat;

	display: table;

	margin-top: 20px;

}

.fondo_foto .fondo_foto_contenido {

	padding: 30px 30px 15px;

	display:table-cell; vertical-align: bottom; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+37,1+100 */

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.fondo_foto .fondo_foto_contenido h3, .fondo_foto .fondo_foto_contenido p {

	text-align: left;

	color: white;

}

.por_que_exponer_new h3 span {

	padding:5px;

	background-color:#00a1cb;

	color: white;

	margin-right: 5px;

}



.por_que_exponer_new h3 {

  font-size: 22px;

}



.por_que_exponer_new a.button.high {

  margin-top: 20px;

  padding: 10px 15px;

  text-shadow: 0 0 0;

  border: 0;

  border-radius: 0;

}



.por_que_exponer_new p {

	font-size: 14px;

	margin-bottom: 14px;

}



.por_que_exponer_new ul {

	list-style: none;

	padding: 0;

	margin:0;

}



.por_que_exponer_new li {

  padding-left: 20px;

  text-indent: 0;

  font-size: 14px;

  margin-bottom: 4px;

  line-height: 19px;

}



.por_que_exponer_new li:before {

	content: "• ";

	color: #00a1cb;

}



.por_que_exponer_new h4 {

	padding-top: 14px;

}



.por_que_exponer_new.subhigh h5 {

	margin-top: 9px;

}



.por_que_exponer_new.subhigh {

  border-top: 8px solid #00a1cb;

  padding: 16px;

}



/*Area Expositor*/



.img_bg_top_expositor h1 {

	font-size: 30px;

	color: #666666;

}



.img_bg_top_expositor h3 {

	line-height: 26px;

	margin-bottom: 0;

}



.col_area_expositor .icon_top {

	background: #fff;

	margin-top: -32px;

	width: 40px;

	height: 40px;

	margin: -40px auto 30px;

	border: 1px solid #ccc;

	padding: 10px;

	border-radius: 50%;

}



.col_area_expositor .super .icon_top {

	background: #282423;

}



.col_area_expositor .super a, .col_area_expositor .super li, .col_area_expositor .super h6 {

	color:#fff;

}



.col_area_expositor .portlet-journal-content {

	min-height: 610px;

}



.col_area_expositor h2, .col_area_expositor h6 {

	text-align: center;

}



.col_area_expositor h2 {

	font-size: 20px;

	font-weight: bold;

}



.col_area_expositor hr {

	margin: 26px 0;

}



.col_area_expositor ul {

	list-style: none;

	padding: 0;

	margin:0;

}



.col_area_expositor li {

  padding-left: 0px;

  text-indent: 0;

  margin-bottom: 7px;

}



.col_area_expositor li:before {

	content: "• ";

	color: #00a1cb;

}



.img_bg_top_aex {

	background:url("../images/bg_top_aex.jpg") right bottom no-repeat;

	background-size:cover;

	padding: 30px;

}



.img_bg_top_aex p {

	font-size:14px;

	margin-bottom: 12px;

}



.recuadro_gris {

	border: 1px solid #E5E5E5;

	padding: 20px;

}



.titular_1 {

	margin: 50px 0 60px;

}



.titular_1 p{

	font-size: 14px;

}



.padding_30 {

	padding: 30px;

}



.expositor_cierre .super, .expositor_cierre .high .portlet-body{

	padding: 30px;

	height: 160px;

}



.expositor_cierre .portlet-boundary.high {

	padding: 0;

}



.boton_nuevo a.button.high {

  margin-top: 10px;

  padding: 10px 15px;

  text-shadow: 0 0 0;

  border: 0;

  border-radius: 0;

}



.expositor_cierre .super a {

	color: white;

	font-size: 14px;

}



.expositor_cierre p {

	font-size: 14px;

}



.expositor_cierre .boton_nuevo a.button.high {

	margin-top: 0;

}





/*Bloque BuildUP*/



.bloc_buildup{border: 1px solid #E5E5E5;padding: 10px 20px 0px 20px; text-align: center;}

.bloc_buildup .journal-content-article {  background-color: transparent;  padding: 10px 10px 0px 10px;}

.bloc_buildup .no_line {	border-bottom: 0;}

.bloc_buildup h3 {    font-size: 15px;}



.bg_buildup {

  background: #ffffff url("../images/img_build_up_2.png") no-repeat top center;

  background-size: 100%;

  padding-top: 140px;

}





/***FIN BLOQUE BUILD UP***/



/***Landing video cataleg ***/



.bg_landing-video-cataleg{

  background: #ffffff url("../images/bg-landing-lead-retrieval.jpg") no-repeat center top;

  height: 415px; background-size: cover;

}

.bg_landing-video-cataleg_2{

  background: #ffffff url("../images/bg-landing-lead-retrieval_2.jpg") no-repeat center top; background-size: cover;

}

.bg_landing-video-cataleg h1,

.bg_landing-video-cataleg h5{ color:#fff !important;}

.bg_landing-video-cataleg a {

    border-bottom: none;

}

.bg_landing-video-cataleg h5 {

    font-size: 16px;

    font-weight: 100;

}



.bg_landing-video-cataleg .portlet-body{ background: rgba(0,0,0,0.5); }



.dst-contact h2.title {font-size: 24px;}

.dst-expositor h2.title {font-size: 24px;}



.serveis-expositors-tipo h1 h2 h3 h4 p {color: #535353;}

.serveis-expositors-tipo p { font-size: 13px;}

.departamento {padding: 20px; margin: 20px;}

.departamento a {font-weight:600;}

.herramientas {padding:20px 20px 0px 20px; }

.herramientas a {font-weight:600;}

.herramientas h2.title {font-size:24px;}

.bg_herramientas {}



.mosaic_landing-video-cataleg img{width: 100%;float: left;}

.mosaic_landing-video-cataleg .portlet-column-content { padding: 0; }

.mosaic_landing-video-cataleg {}

.mosaic_landing-video-cataleg .img_mosaic p{ margin-bottom: 0; }









.align_middle .portlet-borderless-container{    height: 100%;}

.align_middle .portlet-borderless-container .portlet-body{    height: 100%;    display: table;    width: 100%;}

.align_middle .portlet-borderless-container .portlet-body .journal-content-article{    vertical-align: middle;    display: table-cell;}



/***fi Landing video cataleg ***/







/*pagina lead retrival*/

.leadRet h3:before{

     content: url(data:image/svg+xml,%3Csvg%20width%3D%2213px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2013%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2045.2%20%2843514%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Ctitle%3Enext%3C/title%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Landings%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22LEADRETRIEVAL_v4%22%20transform%3D%22translate%28-553.000000%2C%20-630.000000%29%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22next%22%20transform%3D%22translate%28559.500000%2C%20635.000000%29%20rotate%28-360.000000%29%20translate%28-559.500000%2C%20-635.000000%29%20translate%28553.000000%2C%20630.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.35%2C9.85%20L12.85%2C5.35%20C12.95%2C5.25%2013%2C5.1%2013%2C5%20C13%2C4.85%2012.95%2C4.75%2012.85%2C4.65%20L8.35%2C0.15%20C8.25%2C0.05%208.15%2C0%208%2C0%20C7.85%2C0%207.75%2C0.05%207.65%2C0.15%20L6.95%2C0.85%20C6.75%2C1.05%206.75%2C1.35%206.95%2C1.55%20L8.95%2C3.55%20C9.1%2C3.7%209%2C4%208.75%2C4%20L0.5%2C4%20C0.2%2C4%200%2C4.2%200%2C4.5%20L0%2C5.5%20C0%2C5.8%200.2%2C6%200.5%2C6%20L8.8%2C6%20C9%2C6%209.15%2C6.25%209%2C6.45%20L7%2C8.45%20C6.8%2C8.65%206.8%2C8.95%207%2C9.15%20L7.7%2C9.85%20C7.8%2C9.95%207.9%2C10%208.05%2C10%20C8.15%2C10%208.25%2C9.95%208.35%2C9.85%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);

     margin-right: 5px;

}



.leadRet h1 { color: #fff !important;}

.leadRet h3 {border-bottom: 1px solid rgba(255,255,255,0.3);width:90%;padding-bottom:  15px;font-size: 17px;line-height: 20px;}

.leadRet h3:nth-child(5) {border-bottom: 0px solid rgba(255,255,255,0.3);}



.leadRet h3 a{

    color: #fff;

    border-color: rgba(255, 255, 255, 0.2);

    font-weight: bold;

    text-decoration: none;

}

#main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary.leadRet{

    padding: 0;

}



.leadRetCard .bg_white .high {    padding: 10px 25px 10px;    border: 1px solid #e2e2e285;    background-color: #FCFCFC;}

.leadRetCard .bg_white .high p { color: inherit!important;}



.leadRetWorks .bg_yellow { margin-bottom: 40px; }



.leadRetWorks .bg_yellow h6{font-size: 60px;color: #E2B900 !important;border: 5px solid #E2B900;position:  absolute;left: -190px;width: 100px;height: 100px;border-radius: 50%;text-align: center;font-weight: bold;top: 20px;line-height: 93px;}

.leadRetWorks .bg_yellow h6:before{content: "";position: absolute;display: block;border-top: 5px solid #E2B900;border-left: 5px solid #E2B900;width: 140px;height: 140px;top: -150px;left:  48px;}



.leadRetWorks .bg_blue2 h6{font-size: 60px;color: #2d80d7 !important;border: 5px solid #2d80d7;position:  absolute;right: -200px;width: 100px;height: 100px;border-radius: 50%;text-align: center;font-weight: bold;top: 50px;line-height: 93px;}

.leadRetWorks .bg_blue2 h6:before{content: "";position: absolute;display: block;border-top: 5px solid #2d80d7;border-right: 5px solid #2d80d7;width: 60px;height: 250px;top: -260px;left: -12px;}



.leadRetQueries { padding: 30px;}











.leadRet>div>.portlet-body .portlet-column{

    width: 60%;

    float: right;

}

.leadRet>div>.portlet-body{

    background: url(../images/intro.jpg);

    padding: 30px;

    background-size:  cover;



}

.leadRet h1{

    font-size: 40px;

    color: #fff;

    line-height: 50px;

    padding-right: 100px;

    font-weight: 500;

    line-height: 44px;

    margin-bottom: 30px;

}

.leadRet h1 span{

    font-size: 24px;

    display: block;

    font-weight: 300;

}

.leadRet .button{

    position: absolute;

    right: 0;

    top: 10px;

}

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_yellow .portlet-column-first .portlet-journal-content{

/*    background: url(../images/bg-lead-yellow.jpg);*/

    background: #E2B900;

    padding: 50px;

    margin-left: 150px;

    margin-top: 30px;

}

.leadRetWorks .bg_blue2 {

    background: url(../images/bg-lead-blue.jpg) no-repeat  top right #1461a7;

    padding: 50px;

    z-index: 0;

    background-size: cover;

    height: 210px;

    width: 35%;

    padding-left: 20%;

    margin-left: 24%;

}

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_blue2 .portlet a{

    border-color: #fff;

}

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_blue2 .portlet a:hover{

    border-color: #000;

}

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_yellow .portlet-column-first .portlet-journal-content img{

    position: absolute;

    top: -123px;

    left: -180px;

}

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_blue2 *,

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_yellow *{

    color: #fff;

}

.leadRetWorks .bg_blue2 img{

    position: absolute;

    z-index: 1;

    left: -430px;

    max-width: none;

    top: 23px;

}



.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_blue2 .portlet,

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_yellow .portlet{

 background: transparent;

}

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_blue2 .portlet-column-content,

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_yellow .portlet-column-content,

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_yellow .portlet-column,

.leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_blue2 .portlet-column{

    padding: 0!important;

}

.leadRet~.portlet-column{

    padding: 0 5px;

}



/*pagina lead retrival banner*/

.bg-banner-lead-retrieval {background: url(../images/destacat-lead-retrieval.jpg) no-repeat top center;}

.bg-banner-lead-retrieval .portlet {background-color: transparent; padding: 40px 0 15px}

/*fi pagina lead retrival banner*/





/*tabla precios*/

/*********************************/

.leadRetable{

    margin-bottom: 60px;

    margin-top: 90px;

}

.leadRetable+.portlet-journal-content{

    margin-bottom: 40px;

}

.leadRetable .portlet-column{

    text-align: center;

    padding: 0;

}

.leadRetable .portlet-column-content{

    padding: 0;

}

.leadRetable .portlet-column:nth-child(2)>div h3{

    color: #2BA9E1!important;

    font-size: 28px !important;

    line-height: 28px;

}

.leadRetable .portlet-column-first{

    background: #525252;

    color: #fff;

    text-align: left;

}

.leadRetable .portlet-column-first{

    font-size: 16px;

    padding-top: 40px;

}

.leadRetable .portlet-column-first h3{

    color: #fff !important;

}

.leadRetable li{

    height: 60px;

    border-bottom: 1px solid #f2f2f2;

    line-height: 60px;

}

.leadRetable li:first-child{ border-bottom: none; }



.leadRetable li strong{

    font-weight: 700;

}

.leadRetable li:last-child{

    border: none;

    padding-bottom: 20px;

}

.leadRetable h5{

    line-height: 0;

    font-size: 12px;

    color: #a1a1a1;

}

.leadRetable ul{

    padding: 0 35px;

}

.leadRetable .portlet-column:nth-child(2)>div{

    border: 3px solid #2BA9E1;

    margin-top: -20px;

    margin-bottom: -20px;

    padding: 20px 0;

    padding-top: 40px;

}

.leadRetable .portlet-column:nth-child(2),

.leadRetable h3,

.leadRetable .portlet-column:nth-child(3){

    font-size: 24px!important;

}

.leadRetable .portlet-column:nth-child(3) h3{

    color: #424242;

}

.leadRetable .portlet-column:nth-child(3){

    border: 1px solid #E6E4E7;

    border-color: #E6E4E7;

    margin-left: -1px;

}

.leadRetable .portlet-column-first li{

 border-color: #636363;   

}

.leadRetable .portlet-column:nth-child(3) li{

    color: #989493;

}

.leadRetable .portlet-column:nth-child(2) li:first-child{

    padding-bottom: 22px;

}

.leadRetable .portlet-column:nth-child(3) li:first-child{

    padding-bottom: 4px;

}

.leadRetable .portlet-column:nth-child(3)>div{

    padding-top: 40px;

}









/*********************************/

.bg_keyboard{

    background: url(../images/keyboard.jpg);

    background-size: cover;

    padding: 50px;

}

.bg_keyboard + .portlet-nested-portlets > div > div > div > div > div > div > div.portlet-journal-content.grey{

    padding: 50px;

    

}

.eqheight .bg_white .portlet{    padding: 30px 30px 0px 30px;}



.ph400 .portlet{

    border: none;

    padding: 0;

    background: none;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 0;

}

.ph400 .portlet-body{

    padding: 0;

}

.ph380 .portlet{

}

.ph380 img{

    display: block;

    margin: 0 auto;

}

.ph400 .portlet h3{

    line-height: 30px;

    font-size: 17px;

    margin-bottom: 7px;

}

.ph400 span{

    font-size: 19px;

    font-weight: bold;

    display: block;

}

.desplegable li{

    line-height: 40px;

    font-size: 15px;

    padding-left: 20px;

    position: relative;

}

.desplegable li:before{

    content: url(http://media.firabcn.es/content/S046017/images/tick_table.png);

    position: absolute;

    left: -10px;

    margin-top: 5px;

}

.desplegable .containeraccesimobilitat{

    width: 80%;

    margin: 0 auto;

}

.desplegable .containeraccesimobilitat .ac-containeraccesimobilitat .label{

    border-bottom: 0;

    border: 1px solid #E6E4E7;

}

.desplegable .containeraccesimobilitat .ac-containeraccesimobilitat .label::after{    height: 26px;}

.desplegable .containeraccesimobilitat .ac-primer .text{    color: #000;    padding:  10px 0;}

.desplegable .containeraccesimobilitat .ac-primer .text p{ margin-bottom: 0;}



@media (max-width: 599px) {



  .is-mobilized .leadRet h1{    font-size: 33px;    line-height: 35px; padding-right: 0;}

  .is-mobilized .leadRet+.portlet-nested-portlets+.portlet-nested-portlets .bg_yellow .portlet-column-first .portlet-journal-content{padding: 30px !important;margin-left: 0;}

  .is-mobilized .leadRetWorks .bg_yellow img{    float: right;    margin-bottom: -60px;}

  .is-mobilized .leadRetWorks .bg_yellow h6{left: -40px;top: -200px;}

  .is-mobilized .leadRetWorks .bg_yellow h6:before{width: 140px;height: 30px;top: -40px;left: 48px;}



} /*@media (max-width: 599px) {*/



/*fi pagina lead retrival*/















/***INICIO APP + NETWOKING***/

.tag-new {

    position: absolute;

    z-index: 1;

    height: 28px;

    text-align: center;

    font-weight: bold;

    color: #fff;

    line-height: 28px;

    display: block;

    background: #00a1cb;

    overflow: visible;

    left: -62px;

    padding: 0 20px;

}



.tag-new:before {

    content: "";

    position: absolute;

    height: 0;

    width: 0;

    bottom: -14px;

    left: 0.1px;

    border-top: 14px solid #003D4D;

    border-left: 14px solid transparent;

}



.net_list li{

text-align:left;

line-height:24px;

margin-bottom:30px;

}



.net_list li span{

font-weight:bold;

font-size:30px;

}





/***FIN APP + NETWOKING***/







/* inici nous moduls*/





/* BG-GRANVIA */

.md_bg_granvia, .md_bg_montjuic {

  background: url("../images/fira_gran_via.jpg") no-repeat;

  max-width: 1200px;

  margin: 0 auto !important;

  padding-bottom: 0 !important;

  padding-top: 0 !important; }

  .md_bg_granvia .portlet-column-content, .md_bg_montjuic .portlet-column-content {

    padding: 0; }

  .md_bg_granvia .portlet-borderless-container, .md_bg_montjuic .portlet-borderless-container {

    min-height: 26.5625rem;

    margin: 0;

    padding: 0; }

  .md_bg_granvia h2, .md_bg_granvia h1, .md_bg_montjuic h2, .md_bg_montjuic h1 {

    position: absolute;

    bottom: 50px;

    background: white;

    display: block;

    width: 98%;

    padding: 1%;

    margin: 0; }



.md_bg_montjuic {

  background: url("../images/fira_montjuic.jpg") no-repeat; }



@media (max-width: 37.4375em) {

  .md_bg_granvia {

    background-size: 100%;

    margin-bottom: 0rem;

    background-position: bottom; }

    .md_bg_granvia .portlet-borderless-container {

      min-height: 9.375rem; }

      .md_bg_granvia .portlet-borderless-container h2, .md_bg_granvia .portlet-borderless-container h1 {

        width: 92%;

        padding: 2% 4%; }

    .md_bg_granvia__h1 .portlet-borderless-container {

      min-height: 15.625rem; } }

/* FIN - BG-GRANVIA */

/* SLIDER-2 DISFRUTAR BARCELONA  */

.bcn-slider.bcn-sliderv2 .bcnflex-content {

  left: 2%;

  margin-left: 0; }

.bcn-slider.bcn-sliderv2 .flex-nav-next, .bcn-slider.bcn-sliderv2 .flex-nav-prev {

  display: none; }

.bcn-slider.bcn-sliderv2 .flex-control-paging {

  text-align: right;

  margin-top: -1.875rem;

  position: absolute;

  right: 1.25rem;

  z-index: 90; }

  .bcn-slider.bcn-sliderv2 .flex-control-paging li {

    display: inline-block; }

  .bcn-slider.bcn-sliderv2 .flex-control-paging a {

    color: rgba(151, 151, 151, 0.5);

    width: auto;

    height: auto;

    border: none;

    text-indent: 0;

    background: transparent !important;

    font-size: 1rem;

    padding-left: 0.625rem;

    text-decoration: none !important; }

    .bcn-slider.bcn-sliderv2 .flex-control-paging a.flex-active {

      color: black; }

      .bcn-slider.bcn-sliderv2 .flex-control-paging a.flex-active:before {

        content: "";

        display: block;

        background: #979797;

        width: 0.0625rem;

        height: 2.5rem;

        margin: 0 auto;

        margin-bottom: 0.3125rem;

        z-index: 20; }



/* FIN SLIDER-2 DISFRUTAR BARCELONA  */

/** MAGNIFIC POPUP **/

.popupMagnific {

  background: white;

  padding: 2.5rem 1.875rem;

  margin: 2.5rem auto;

  position: relative; }

  .popupMagnific.large-dialog {

    max-width: 75rem; }

  .popupMagnific.medium-dialog {

    max-width: 43.75rem; }

  .popupMagnific.small-dialog {

    max-width: 25rem; }



/** FIN MAGNIFIC POPUP **/

/** BUTTON EN .md_usefulinfo .md_usefulinfo__interior I .md_destaca_dto **/

.md_destaca_dto .button,

.md_destaca_dto .button.high,

.md_destaca_dto .button.super {

  min-width: 11.25rem; }



/**  FIN BUTTON EN .md_usefulinfo .md_usefulinfo__interior I .md_destaca_dto **/

/* SLIDER DISCOUNT*/

.md_slider-discount-nav {

  max-width: 25rem;

  margin: 2.5rem 0; }

  .md_slider-discount-nav li {

    display: block;

    font-weight: bold;

    font-size: 1rem; }

    .md_slider-discount-nav li:before {

      display: none; }

    .md_slider-discount-nav li.flex-active a {

      background-color: #F7F7F7;

      color: black; }

      .md_slider-discount-nav li.flex-active a svg {

        fill: #CCCDCE; }

      .md_slider-discount-nav li.flex-active a:after {

        opacity: 1; }

  .md_slider-discount-nav li + li {

    border-top: 1px solid #DCDBDB; }

  .md_slider-discount-nav a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row no-wrap;

            flex-flow: row no-wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    min-height: 4.125rem;

    padding-right: 2.1875rem;

    position: relative;

    color: #BEBEBF;

    border: none; }

    .md_slider-discount-nav a:after {

      position: absolute;

      left: -2.5rem;

      top: 50%;

      margin-top: -0.40625rem;

      content: "";

      display: block;

      border-top: 6px solid transparent;

      border-right: 12px solid #CCCDCE;

      border-bottom: 6px solid transparent;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear;

      opacity: 0; }

    .md_slider-discount-nav a svg {

      -webkit-box-flex: 0;

          -ms-flex: 0 1 6.25rem;

              flex: 0 1 6.25rem;

      fill: #BEBEBF; }

    .md_slider-discount-nav a:hover {

      border-bottom: none;

      background-color: #F7F7F7; }

      .md_slider-discount-nav a:hover svg {

        fill: #CCCDCE; }



@media (max-width: 37.4375em) {

  .md_slider-discount-nav {

    margin-left: auto;

    margin-right: auto; }

    .md_slider-discount-nav a:after {

      right: 1.25rem;

      -webkit-transform: rotate(-90deg);

              transform: rotate(-90deg);

      left: auto; } }

/* FIN SLIDER DISCOUNT*/

/* SLIDER DISCOUNT in slider md_usefulinfo__interior*/

.md_usefulinfo__interior .md_slider-discount-nav {

  margin: 1.25rem 2.5rem; }

  .md_usefulinfo__interior .md_slider-discount-nav li + li {

    border-top: none; }

  .md_usefulinfo__interior .md_slider-discount-nav li {

    border-bottom: 1px solid #DCDBDB;

    font-weight: normal;

    font-size: 1.1875rem; }

    .md_usefulinfo__interior .md_slider-discount-nav li.flex-active a {

      background-color: transparent;

      color: #CCCDCE; }

      .md_usefulinfo__interior .md_slider-discount-nav li.flex-active a:before {

        opacity: 1; }

    .md_usefulinfo__interior .md_slider-discount-nav li a {

      padding-right: 0rem;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center;

      font-weight: normal; }

      .md_usefulinfo__interior .md_slider-discount-nav li a:before {

        margin-right: 0.625rem;

        content: "";

        display: block;

        -webkit-transition: all 0.2s linear;

        transition: all 0.2s linear;

        opacity: 0;

        border-top: 6px solid transparent;

        border-right: 12px solid #CCCDCE;

        border-bottom: 6px solid transparent; }

      .md_usefulinfo__interior .md_slider-discount-nav li a:after {

        display: none; }

      .md_usefulinfo__interior .md_slider-discount-nav li a:hover {

        background-color: transparent;

        color: #CCCDCE; }



@media (max-width: 37.4375em) {

  .md_usefulinfo__interior .md_slider-discount-nav a:before {

    -webkit-transform: rotate(-90deg);

            transform: rotate(-90deg); } }

/* SLIDER INFO NAV*/

.md_slider-info-nav {

  max-width: 25rem;

  margin: 2.5rem 0; }

  .md_slider-info-nav li {

    display: block;

    font-weight: bold;

    font-size: 1rem; }

    .md_slider-info-nav li:before {

      display: none; }

    .md_slider-info-nav li.flex-active a {

      background-color: rgba(190, 190, 191, 0.3); }

      .md_slider-info-nav li.flex-active a:after {

        opacity: 1; }

  .md_slider-info-nav li + li {

    border-top: 1px solid #DCDBDB; }

  .md_slider-info-nav a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row no-wrap;

            flex-flow: row no-wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    min-height: 4.125rem;

    padding-right: 0.9375rem;

    position: relative;

    color: black;

    border: none;

    text-decoration: none;

    padding-left: 0.9375rem; }

    .md_slider-info-nav a:after {

      position: absolute;

      right: -1.25rem;

      top: 50%;

      margin-top: -0.40625rem;

      content: "";

      display: block;

      border-top: 6px solid transparent;

      border-right: 12px solid #CCCDCE;

      border-bottom: 6px solid transparent;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear;

      opacity: 0;

      -webkit-transform: rotate(180deg);

              transform: rotate(180deg); }

    .md_slider-info-nav a:hover {

      border-bottom: none;

      background-color: #F7F7F7; }



@media (max-width: 37.4375em) {

  .md_slider-info-nav a:after {

    right: 1.25rem;

    -webkit-transform: rotate(-90deg);

            transform: rotate(-90deg); } }

/* FIN SLIDER INFO NAV*/

/* USEFUL INFO*/

.md_usefulinfo,

.md_usefulinfo__interior {

  background-color: rgba(190, 190, 191, 0.3);

  /*  USEFUL INFO TEXT*/

  /* FIN USEFUL INFO TEXT*/

  /*  USEFUL INFO v2*/ }

  .md_usefulinfo a,

  .md_usefulinfo__interior a {

    text-decoration: none; }

  .md_usefulinfo h1,

  .md_usefulinfo__interior h1 {

    font-size: 3.1875rem; }

  .md_usefulinfo h5,

  .md_usefulinfo__interior h5 {

    font-size: 1.0625rem; }

  .md_usefulinfo img,

  .md_usefulinfo__interior img {

    max-width: 100%;

    height: auto; }

  .md_usefulinfo__text h1,

  .md_usefulinfo__interior__text h1 {

    font-size: 2rem; }

  .md_usefulinfo__text h5,

  .md_usefulinfo__interior__text h5 {

    font-size: 1.0625rem;

    margin-bottom: 0; }

  .md_usefulinfo__text .slides,

  .md_usefulinfo__interior__text .slides {

    margin-left: 1.25rem; }

    .md_usefulinfo__text .slides .imgSlide,

    .md_usefulinfo__interior__text .slides .imgSlide {

      position: relative; }

      @media (min-width: 37.5em) {

        .md_usefulinfo__text .slides .imgSlide,

        .md_usefulinfo__interior__text .slides .imgSlide {

          width: 39.375rem;

          margin: 0 auto; } }

      .md_usefulinfo__text .slides .imgSlide a.link-zoom,

      .md_usefulinfo__interior__text .slides .imgSlide a.link-zoom {

        background-color: #4A4A4A;

        position: absolute;

        right: 0.3125rem;

        bottom: 0.3125rem; }

        .md_usefulinfo__text .slides .imgSlide a.link-zoom i,

        .md_usefulinfo__interior__text .slides .imgSlide a.link-zoom i {

          display: inline-block;

          color: white;

          font-size: 1.25rem;

          padding: 0.3125rem;

          min-width: 0.625rem; }

          .md_usefulinfo__text .slides .imgSlide a.link-zoom i span,

          .md_usefulinfo__interior__text .slides .imgSlide a.link-zoom i span {

            display: none; }

    .md_usefulinfo__text .slides li img,

    .md_usefulinfo__interior__text .slides li img {

      margin-bottom: 0.625rem; }

  .md_usefulinfo__interior,

  .md_usefulinfo__interior__interior {

    text-align: center;

    padding: 2.5rem 1.25rem !important;

    /* FIN USEFUL INFO interior*/ }

    .md_usefulinfo__interior h1,

    .md_usefulinfo__interior__interior h1 {

      font-size: 2.5625rem;

      line-height: 1;

      margin-bottom: 0; }

    .md_usefulinfo__interior .portlet-column-last .journal-content-article,

    .md_usefulinfo__interior__interior .portlet-column-last .journal-content-article {

      padding: 1.25rem 0 0.3125rem !important;

      background-color: white;

      height: 519px; }

    .md_usefulinfo__interior .flexslider,

    .md_usefulinfo__interior__interior .flexslider {

      margin: 0; }

      .md_usefulinfo__interior .flexslider li .md_box,

      .md_usefulinfo__interior__interior .flexslider li .md_box {

        cursor: pointer;

        position: relative; }

        .md_usefulinfo__interior .flexslider li .md_box .figure > a img,

        .md_usefulinfo__interior__interior .flexslider li .md_box .figure > a img {

          opacity: .6; }

        .md_usefulinfo__interior .flexslider li .md_box .figure,

        .md_usefulinfo__interior__interior .flexslider li .md_box .figure {

          background: black; }

          .md_usefulinfo__interior .flexslider li .md_box .figure img,

          .md_usefulinfo__interior__interior .flexslider li .md_box .figure img {

            margin-bottom: 0;

            display: block; }

        .md_usefulinfo__interior .flexslider li .md_box .figcaption,

        .md_usefulinfo__interior__interior .flexslider li .md_box .figcaption {

          position: absolute;

          bottom: 0;

          left: 0;

          z-index: 1;

          padding: 1.875rem 0;

          width: 100%; }

          .md_usefulinfo__interior .flexslider li .md_box .figcaption h2,

          .md_usefulinfo__interior .flexslider li .md_box .figcaption h2 a,

          .md_usefulinfo__interior .flexslider li .md_box .figcaption h5,

          .md_usefulinfo__interior .flexslider li .md_box .figcaption h5 a,

          .md_usefulinfo__interior__interior .flexslider li .md_box .figcaption h2,

          .md_usefulinfo__interior__interior .flexslider li .md_box .figcaption h2 a,

          .md_usefulinfo__interior__interior .flexslider li .md_box .figcaption h5,

          .md_usefulinfo__interior__interior .flexslider li .md_box .figcaption h5 a {

            color: #fff !important;

            margin-bottom: 0; }

          .md_usefulinfo__interior .flexslider li .md_box .figcaption h5 strong,

          .md_usefulinfo__interior__interior .flexslider li .md_box .figcaption h5 strong {

            color: #CCCDCE !important; }

          .md_usefulinfo__interior .flexslider li .md_box .figcaption span.ico,

          .md_usefulinfo__interior__interior .flexslider li .md_box .figcaption span.ico {

            display: inline-block;

            border-radius: 50%;

            background-color: white;

            width: 2.5rem;

            height: 2.5rem;

            overflow: hidden;

            padding: 1.25rem;

            margin-bottom: 1.25rem; }

            .md_usefulinfo__interior .flexslider li .md_box .figcaption span.ico svg,

            .md_usefulinfo__interior__interior .flexslider li .md_box .figcaption span.ico svg {

              fill: #CCCDCE;

              width: 2.5rem;

              height: 2.5rem;

              display: block; }



.md_usefulinfo {

  padding: 2.5rem 0 0rem !important;

  /*  SLIDE  USEFUL INFO*/ }

  .md_usefulinfo .button {

    margin-bottom: 0.625rem !important; }

  .md_usefulinfo .md_usefulinfo_slide .journal-content-article {

    overflow: hidden;

    width: 100%; }

  .md_usefulinfo .flex-viewport {

    overflow: visible !important; }

  .md_usefulinfo .flexslider {

    max-width: 22.5rem;

    margin: 0 auto; }

  .md_usefulinfo .slides li {

    pointer-events: none;

    cursor: default; }

    .md_usefulinfo .slides li .md_box {

      text-align: center;

      width: 100%;

      margin: 0 0 0 85%;

      -webkit-transition: all 0.5s;

      transition: all 0.5s;

      opacity: 0.4;

      background-color: white;

      -webkit-box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

              box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

      /* IE 9 */

      -webkit-transform: scale(0.9, 0.9);

      /* Safari */

      transform: scale(0.9, 0.9); }

      .md_usefulinfo .slides li .md_box p:last-child {

        padding-bottom: 0.9375rem; }

      .md_usefulinfo .slides li .md_box p.section,

      .md_usefulinfo .slides li .md_box h3 {

        padding: 0 1.25rem; }

      .md_usefulinfo .slides li .md_box img, .md_usefulinfo .slides li .md_box p, .md_usefulinfo .slides li .md_box h3 {

        margin: 0 0 1.25rem; }

      .md_usefulinfo .slides li .md_box h3 {

        font-size: 1.5625rem;

        color: black; }

      .md_usefulinfo .slides li .md_box .button {

        min-width: 170px; }

      .md_usefulinfo .slides li .md_box p.logos {

        margin-bottom: 0; }

        .md_usefulinfo .slides li .md_box p.logos img {

          display: inline;

          max-width: 100%;

          width: auto;

          margin-bottom: 0; }

    .md_usefulinfo .slides li.flex-active-slide {

      pointer-events: auto !important;

      z-index: 1;

      position: relative; }

      .md_usefulinfo .slides li.flex-active-slide .md_box {

        width: 100%;

        -webkit-transition: all 0.5s;

        transition: all 0.5s;

        margin: 0;

        opacity: 1;

        /* IE 9 */

        -webkit-transform: scale(1, 1);

        /* Safari */

        transform: scale(1, 1); }



@media (max-width: 37.4375em) {

  .md_usefulinfo {

    text-align: center; }

    .md_usefulinfo .slides li.flex-active-slide .md_box {

      margin: 0 20px;

      width: calc(100% - 40px); }

    .md_usefulinfo .flexslider {

      max-width: 20rem; } }

/* FIN USEFUL INFO*/

/* LIST ENLACES */

.md_list-enlaces h4 {

  font-size: 1.125rem; }

.md_list-enlaces p.section {

  margin-bottom: 1.25rem; }

.md_list-enlaces li {

  position: relative;

  padding-left: 1.875rem; }

  .md_list-enlaces li a {

    font-size: 1.0625rem;

    font-weight: normal;

    border: none !important;

    text-decoration: underline; }

  .md_list-enlaces li p {

    margin-bottom: 0.3125rem; }

  .md_list-enlaces li:before {

    content: "" !important;

    position: absolute !important;

    top: 0.4375rem;

    left: 0;

    display: block;

    width: 1rem;

    height: 0.5625rem;

    background-image: url(../images/arrow.png);

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear; }



/* FIN LIST ENLACES */

/* COMO LLEGAR */

.md_como-llegar > .portlet-borderless-container > .portlet-body {

  padding-top: 0.625rem !important; }

.md_como-llegar .ico {

  width: 2.5rem;

  display: inline-block;

  vertical-align: middle; }

  .md_como-llegar .ico img {

    margin-bottom: 0; }

.md_como-llegar .box.high {

  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

          box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

  margin-bottom: 2.5rem;

  background-color: white;

  border-radius: 0.3125rem; }

  .md_como-llegar .box.high h3 {

    font-size: 1.375rem; }

  .md_como-llegar .box.high h4 {

    font-size: 1.1875rem; }

  .md_como-llegar .box.high p.section {

    background-color: black;

    color: white;

    display: inline-block;

    padding: 0 0.3125rem;

    width: auto !important; }

.md_como-llegar .transporte .box {

  margin-bottom: 1.875rem; }

  .md_como-llegar .transporte .box i[class^="ico-putput-2-"],

  .md_como-llegar .transporte .box i[class^="icon"] {

    font-size: 2rem;

    width: 2rem;

    display: inline-block;

    vertical-align: middle; }

    .md_como-llegar .transporte .box i[class^="ico-putput-2-"] span,

    .md_como-llegar .transporte .box i[class^="icon"] span {

      display: none !important; }

  .md_como-llegar .transporte .box i[class^="icon"] {

    font-size: 1.875rem;

    width: 1.875rem; }

  .md_como-llegar .transporte .box i.icon-car:before {

    font-size: 23px; }

.md_como-llegar .circle-tag:before {

  content: "";

  display: block;

  background: url("../images/logo-bcn-travel-card.png") no-repeat top center;

  width: 15.625rem;

  height: 6.25rem;

  position: absolute;

  top: -0.625rem;

  z-index: 1; }

.md_como-llegar .circle-tag .box {

  max-width: 15.625rem;

  height: 15.625rem;

  border-radius: 15.625rem;

  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

          box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

  overflow: hidden;

  padding: 0; }

.md_como-llegar .circle-tag p.section, .md_como-llegar .circle-tag h2.title {

  display: none; }

.md_como-llegar .circle-tag h2.dto {

  color: #fff !important;

  font-size: 2.25rem;

  text-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

  background: red url("../images/train_travel.jpg") no-repeat center center;

  margin-top: 3.75rem;

  margin-bottom: 0.625rem;

  vertical-align: middle;

  line-height: 5rem; }



@media (max-width: 37.4375em) {

  .md_como-llegar .box.high {

    padding: 0.625rem !important; }

  .md_como-llegar .transporte .columns-2 .portlet-column-first .box {

    border-right: none; } }

/* FIN COMO LLEGAR */

/* DISFRUTAR BARCELONA  */

.md_disfrutar-barcelona .portlet-boundary.contenido {

  max-width: 450px !important;

  z-index: 3 !important;

  margin-top: 5rem; }

  .md_disfrutar-barcelona .portlet-boundary.contenido h1 {

    font-size: 3.1875rem;

    display: inline-block;

    margin-bottom: 1.875rem;

    padding: 0.625rem 0.9375rem 0.625rem 0; }

  .md_disfrutar-barcelona .portlet-boundary.contenido .button {

    margin-left: 0; }



@media (max-width: 37.4375em) {

  .md_disfrutar-barcelona .portlet-boundary.contenido h1 {

    font-size: 2.375rem; } }

/* FIN DISFRUTAR BARCELONA  */

/* PRACTIC INFO */

.md_practic-info h1 {

  font-size: 3.0625rem; }

.md_practic-info h2 {

  display: none; }

  .md_practic-info h2 + p {

    margin-bottom: 0; }

.md_practic-info p.section {

  margin-left: -1.4375rem; }

.md_practic-info p {

  font-size: 0.875rem;

  line-height: 1.2;

  padding: 0 !important; }

  .md_practic-info p.small {

    font-size: 0.75rem; }

.md_practic-info__2columns p.section {

  margin-left: 0; }

.md_practic-info__2columns div.data {

  margin: 1.25rem 0; }

  .md_practic-info__2columns div.data p.section {

    margin-left: 0; }

  .md_practic-info__2columns div.data p {

    margin-left: 1.4375rem; }

.md_practic-info__2columns .portlet-column-last p {

  margin: 0; }

  .md_practic-info__2columns .portlet-column-last p img {

    display: block; }

  .md_practic-info__2columns .portlet-column-last p.small {

    text-align: right; }



@media (max-width: 37.4375em) {

  .md_practic-info p.section {

    margin-left: 0; } }

/* FIN PRACTIC INFO */

/* TE INTERESARA SABER*/

.md_te-interesara-saber h2.title {

  margin-bottom: 1.875rem; }

.md_te-interesara-saber .portlet a {

  text-decoration: none;

  border: none; }

.md_te-interesara-saber ul.list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .md_te-interesara-saber ul.list li {

    margin: 0 !important; }

    .md_te-interesara-saber ul.list li:before {

      display: none; }

    .md_te-interesara-saber ul.list li .md_box {

      cursor: pointer;

      position: relative; }

      .md_te-interesara-saber ul.list li .md_box::after {

        width: 1.5rem;

        height: 1.5rem;

        content: "";

        display: block;

        bottom: 20px;

        position: absolute;

        right: 1.25rem;

        bottom: 1.5625rem;

        border-right: 2px solid transparent;

        border-bottom: 2px solid transparent; }

      .md_te-interesara-saber ul.list li .md_box:hover .figure > a img {

        opacity: .2; }

      .md_te-interesara-saber ul.list li .md_box:hover a {

        opacity: 1; }

      .md_te-interesara-saber ul.list li .md_box:hover::after {

        border-color: white; }

      .md_te-interesara-saber ul.list li .md_box .figure {

        background: black; }

        .md_te-interesara-saber ul.list li .md_box .figure img {

          margin-bottom: 0;

          display: block; }

      .md_te-interesara-saber ul.list li .md_box .figcaption {

        position: absolute;

        bottom: 0;

        left: 0;

        z-index: 1;

        padding: 0.625rem 1.5625rem; }

        .md_te-interesara-saber ul.list li .md_box .figcaption h3,

        .md_te-interesara-saber ul.list li .md_box .figcaption h3 a {

          color: #fff !important;

          margin-bottom: 0.625rem;

          text-align: left; }



@media (max-width: 37.4375em) {

  .md_te-interesara-saber ul {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

    .md_te-interesara-saber ul li .md_box {

      margin-bottom: 1.25rem !important; } }

/* FIN TE INTERESARA SABER*/

/* md_box-acreditacion*/

.md_box-acreditacion .box.high {

  background-color: rgba(190, 190, 191, 0.3);

  border: none;

  padding-top: 3.125rem;

  padding-bottom: 3.125rem; }

  .md_box-acreditacion .box.high h1 {

    margin-bottom: 0; }



/* FIN  md_box-acreditacion*/

/* md_destaca_dto*/

.md_destaca_dto .portlet-nested-portlets.high {

  margin-bottom: 1.25rem;

  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

          box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

  padding: 1.25rem 2.5rem; }

.md_destaca_dto .journal-content-article {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }

  .md_destaca_dto .journal-content-article .ico {

    display: block;

    margin-right: 1.875rem; }

    .md_destaca_dto .journal-content-article .ico svg {

      fill: #CCCDCE;

      width: 5.625rem;

      height: 5rem; }

  .md_destaca_dto .journal-content-article p.logos {

    margin: 0; }



@media (max-width: 37.4375em) {

  .md_destaca_dto .journal-content-article {

    display: block; }

  .md_destaca_dto .portlet-nested-portlets.high {

    padding: 1.25rem !important; } }

/* FIN  md_destaca_dto*/

/* md_box-viaje-personalizado*/

.md_box-viaje-personalizado .journal-content-article {

  display: block; }

.md_box-viaje-personalizado.high {

  background-color: rgba(190, 190, 191, 0.3);

  border: none;

  -webkit-box-shadow: none;

          box-shadow: none; }

  .md_box-viaje-personalizado.high h2.title {

    display: none; }

  .md_box-viaje-personalizado.high span.ico {

    display: inline-block;

    vertical-align: middle;

    float: left;

    margin-right: 10px; }

    .md_box-viaje-personalizado.high span.ico svg {

      width: 2.5rem;

      height: 2.5rem;

      fill: black; }



/* FIN  md_box-viaje-personalizado*/

/* md_que-hacer-bcn*/

.md_que-hacer-bcn .portlet.box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  padding: 1.5625rem;

  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5);

          box-shadow: 0 0.125rem 0.25rem rgba(151, 151, 151, 0.5); }

  .md_que-hacer-bcn .portlet.box * {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2; }

  .md_que-hacer-bcn .portlet.box h2.title {

    font-size: 1.3125rem; }

  .md_que-hacer-bcn .portlet.box h2.title + img {

    width: 19.0625rem !important;

    margin: -1.5625rem;

    height: 254px;

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

    position: absolute; }

  .md_que-hacer-bcn .portlet.box p.section {

    margin-top: 16.875rem; }

  .md_que-hacer-bcn .portlet.box.box-h {

    padding: 0;

    min-height: 16.875rem; }

    .md_que-hacer-bcn .portlet.box.box-h h2 a {

      font-weight: normal;

      text-decoration: none;

      cursor: inherit;

      color: #666; }

      .md_que-hacer-bcn .portlet.box.box-h h2 a:hover {

        opacity: 1; }

    .md_que-hacer-bcn .portlet.box.box-h .box-txt, .md_que-hacer-bcn .portlet.box.box-h p.section {

      margin-left: 17.8125rem !important;

      padding: 1.5625rem 1.5625rem 0 1.5625rem;

      margin-top: 0;

      -webkit-box-ordinal-group: 3;

          -ms-flex-order: 2;

              order: 2; }

    .md_que-hacer-bcn .portlet.box.box-h .box-txt {

      padding-top: 0;

      -webkit-box-ordinal-group: 4;

          -ms-flex-order: 3;

              order: 3; }

    .md_que-hacer-bcn .portlet.box.box-h .box-img {

      position: absolute;

      width: auto;

      top: 0;

      -webkit-box-ordinal-group: 2;

          -ms-flex-order: 1;

              order: 1; }

    .md_que-hacer-bcn .portlet.box.box-h img {

      width: 17.8125rem !important;

      height: 15.875rem; }

.md_que-hacer-bcn .md_list-enlaces .portlet.box {

  -webkit-box-shadow: none;

          box-shadow: none;

  padding-left: 0 !important; }

  .md_que-hacer-bcn .md_list-enlaces .portlet.box p.section {

    margin-top: 0; }



@media (max-width: 37.4375em) {

  .md_que-hacer-bcn .portlet.box.box-h .box-txt, .md_que-hacer-bcn .portlet.box.box-h p.section {

    margin-left: 0 !important; }

  .md_que-hacer-bcn .portlet.box.box-h p.section {

    margin-top: 16.875rem !important; } }

/* FIN  md_que-hacer-bcn*/

/*   ._md-hero-2col per a que colapsi el text*/

.md-hero-2col .portlet-layout {

  position: relative; }

.md-hero-2col .portlet-boundary.contenido {

  width: 30%;

  z-index: 1;

  float: left;

  position: absolute !important;

  margin-top: 2.5rem; }

  .md-hero-2col .portlet-boundary.contenido h1 {

    font-size: 3.1875rem;

    margin-bottom: 1.875rem; }

  .md-hero-2col .portlet-boundary.contenido h4 {

    max-width: 23.125rem;

    line-height: 1.2; }

  .md-hero-2col .portlet-boundary.contenido svg {

    fill: #CCCDCE;

    margin-right: 0.625rem; }

.md-hero-2col .portlet-boundary._md-image {

  margin-left: -6.25rem; }

.md-hero-2col .portlet-boundary.slide-2 {

  margin-left: 12.5rem;

  padding: 0; }

  .md-hero-2col .portlet-boundary.slide-2 .bcn-flex-pic {

    float: right; }

.md-hero-2col .portlet-boundary.md_video {

  margin-left: -6.25rem; }



@media (max-width: 37.4375em) {

  .md-hero-2col .portlet-boundary.contenido {

    width: 100%;

    margin-top: 0;

    float: none !important;

    position: relative !important; }

    .md-hero-2col .portlet-boundary.contenido h1 {

      font-size: 2.375rem; }

  .md-hero-2col .portlet-boundary.slide-2,

  .md-hero-2col .portlet-boundary._md-image,

  .md-hero-2col .portlet-boundary.md_video {

    margin-left: 0rem; } }

/* FIN  ._md-hero-2col*/

/* BASE APP*/

/* BG-hero app */

.md-hero-app {

  background: url("../images/app_bg-hero-section01.jpg") no-repeat right bottom;

  background-size: cover;

  max-width: 1200px; }

  .md-hero-app .portlet-borderless-container {

    min-height: 22.5rem; }



/* FIN - BG-hero app */

/*icona amb destacat*/

.icon.destaca-icon {

  display: inline-block;

  width: 3.75rem;

  height: 3.75rem;

  border-radius: 3.75rem;

  background-color: #FBC52B;

  position: relative; }

  .icon.destaca-icon svg {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%); }



/*fi icona svg*/

.md-section-color-primary > .portlet-borderless-container img,

.md-section-color-secondary > .portlet-borderless-container img {

  max-width: 100%; }



.md-section-color-primary {

  background-color: #EA5947; }

  .md-section-color-primary .portlet-borderless-container h1, .md-section-color-primary .portlet-borderless-container h2, .md-section-color-primary .portlet-borderless-container .title, .md-section-color-primary .portlet-borderless-container p, .md-section-color-primary .portlet-borderless-container a {

    color: white; }



.md-section-color-secondary {

  background-color: #F2F2F2; }



@media (min-width: 600px) {

  .app-btn-download ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

        justify-content: space-around; }

    .app-btn-download ul li {

      -webkit-box-flex: 0;

          -ms-flex: 0 1 200px;

              flex: 0 1 200px; } }

.app-btn-download ul li svg {

  max-width: 200px; }



#content #main-content #layout-column_column-1 > .portlet-boundary.md-section-padding-bottom-none {

  padding-bottom: 0; }

  #content #main-content #layout-column_column-1 > .portlet-boundary.md-section-padding-bottom-none .portlet-column-content {

    padding-bottom: 0; }

  #content #main-content #layout-column_column-1 > .portlet-boundary.md-section-padding-bottom-none .image-bottom-none p {

    margin-bottom: 0; }



/* DESTACA ICONA*/

.md_destaca_ico .portlet-borderless-container {

  padding: 0.625rem; }



.md_destaca-h_ico .portlet-borderless-container {

  padding-top: 1.25rem; }

  .md_destaca-h_ico .portlet-borderless-container h2, .md_destaca-h_ico .portlet-borderless-container p, .md_destaca-h_ico .portlet-borderless-container h4, .md_destaca-h_ico .portlet-borderless-container h3, .md_destaca-h_ico .portlet-borderless-container h5, .md_destaca-h_ico .portlet-borderless-container img {

    padding-left: 5.625rem; }

  .md_destaca-h_ico .portlet-borderless-container h3, .md_destaca-h_ico .portlet-borderless-container h4 {

    padding-top: 0.9375rem; }

  .md_destaca-h_ico .portlet-borderless-container .icon {

    position: absolute;

    left: 0; }

  .md_destaca-h_ico .portlet-borderless-container hr {

    border-style: solid;

    border-width: 1px 0 0;

    margin-bottom: 1.25rem; }



/* FIN DESTACA ICONA*/

/* hero 1 col*/

.md_app-hero1col .portlet-borderless-container {

  max-width: 51.25rem;

  margin-left: auto;

  margin-right: auto; }



/* FIN hero 1 col*/

/* FIN BASE APP*/

/* fin nous moduls*/





.md_usefulinfo .slides li .md_box{ margin:0; opacity:1}



@media (max-width: 599px) {

.is-mobilized .responsive_change_order2 .portlet-column-content,

.is-mobilized .responsive_change_order_3_col .portlet-layout,

.is-mobilized .responsive_change_order .portlet-layout {  display: flex; flex-wrap:wrap; justify-content: center; }



.is-mobilized .responsive_change_order2 .portlet-column-content > div:first-child,

.is-mobilized .responsive_change_order_3_col .portlet-layout .portlet-column,

.is-mobilized .responsive_change_order .portlet-layout .portlet-column-first {order:2;  }



.is-mobilized .responsive_change_order_3_col .portlet-layout .portlet-column-first {order:3;  }





.is-mobilized .responsive_change_order2 .portlet-column-content > div:last-child,

.is-mobilized .responsive_change_order_3_col .portlet-layout .portlet-column-last,

.is-mobilized .responsive_change_order .portlet-layout .portlet-column-last { order:1;}

} /*@media (max-width: 599px) {*/

.md_slider-discount-nav li{ position:relative; cursor:pointer}

.md_slider-discount-nav .cur-s1-1 a span{ color:#000}

.md_slider-discount-nav li img{ display:none}

.md_slider-discount-nav .cur-s1-1 img{ display:block; position:absolute; left:-20px; top:30px}























