@import url("http://media.firabcn.es/content/_estandaritzacio/css/estandaritzacio.css");
@import url("http://media.firabcn.es/content/servifira_liferay/css/mobilize.css");
@import url("http://media.firabcn.es/content/_estandaritzacio/css/reset_css_backoffice.css");


/* --Editat 29/03/2017 v. 0.1 base "espacios singulares" NO preparada per fer blocs 100% --
 * Estils per Salons 2012 - Fira de Barcelona
 * by X.Bonell (xavier@bonell.info)
 *
 * Version: 0.9.9e
 * Date: 11/07/2012
 *
 * Typography:
 * - $fontstack1: Arial, sans-serif
 * - $fontstack2: Georgia, serif
 * - $fontstack3: "Courier New", Courier, monospace
 *
 * Grays:
 * - $black: #000
 * - $darkergray: #000000
 * - $darkgray: #282423
 * - $gray: #666
 * - $lightgray: #CCC
 * - $lightergray: #F5F5F5
 * - $white: #FFF
 * - $gray1: #D8D8D8
 * - $gray2: #AFAFAF
 * - $gray3: #E0E0E0
 * - $gray4: #F2F2F2
 * - $gray5: #9994549
 * - $gray6: #233132
 *
 * Colors
 * - $darkerblue: #003948
 * - $darkblue: #0092B6
 * - $blue: #FD3600
 * - $lightblue: #149AD3
 * - $lighterblue: #f8f8f8
 * - $blue1: #007C9B
 * - $blue2: #0C647A
 * - $blue3: #29ACC8
 * - $blue4: #41B7D8
 * - $blue5: #4FBCDB
 * - $blue6: #82E6FF
 * - $blue7: #B3E3F0
 * - $blue8: #002B55
 * - $blue9: #DAEDFF
 * - $blue10: #FD3600
 *
 * TOC:
 * - Reset
 * - Presets
 * - Layout and navigation
 * - Portlet elements
 * - Forms
 * - Buttons
 * - Pages elements
 * - Pages
 * - Ads
 * - Override js plugin styles
 *
 */



/*3586EB_0_0.woff2*/
@font-face {
  font-family: 'helvetica-light';
  src:  url("http://www.servifira.com/documents/88803/044503eb-270a-449d-b1b2-9c9c2fa2a2ff"),
  url("http://blinky:8080/documents/88803/044503eb-270a-449d-b1b2-9c9c2fa2a2ff");
  /*CARREGUEM LA FONT AMB LA URL DE BLINKY PER PODER VEURE-LA A BLINKY*/
  font-weight: normal;
  font-style: normal;
}


/*3586EB_1_0.woff2*/
@font-face {
  font-family: 'helvetica-roman';
  src:  url("http://www.servifira.com/documents/88803/a093acba-4241-4e69-9064-ce8d92541bcf"),
  url("http://blinky:8080/documents/88803/a093acba-4241-4e69-9064-ce8d92541bcf");
  /*CARREGUEM LA FONT AMB LA URL DE BLINKY PER PODER VEURE-LA A BLINKY*/
}


/*3586EB_2_0.woff2*/
@font-face {
  font-family: 'helvetica-heavy';
  src:  url("http://www.servifira.com/documents/88803/d80fe230-0a16-4eb0-8198-d84e68f59a9d"),
  url("http://blinky:8080/documents/88803/d80fe230-0a16-4eb0-8198-d84e68f59a9d");
  /*CARREGUEM LA FONT AMB LA URL DE BLINKY PER PODER VEURE-LA A BLINKY*/
}




/* LIFERAY */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 * Preset
 *
 */
body {
  font: 75%/1.417em helvetica-roman,sans-serif;
  background: #fff;
  color: #000000; }

a,
a:hover,
.button,
.button:hover {transition: all 0.5s; }

a {
  color: #000000;
  text-decoration: none;
  outline: medium none;  }

a:hover { opacity: 1;  color: #FD3600;}

a.color-lnk {
  color: #000;
  font-weight: normal;
  text-decoration: underline; }

a.color-lnk:hover{color:  #FD3600;}

a.color-lnk.normal {
  font-weight: normal; }

a.doc {
  color: #777;
  text-decoration: none;
  padding: 0 5px 0; }


a.doc:before {
  content: url(../images/doc.png);
  float: left;
  padding: 1px 0 0 0; }

.go-back,
.go-up {
  height: 20px;
  text-align: right; }

.go-back {
  margin-bottom: -15px; }

h1 {
  font-size: 27px;
  line-height: 1.15em;margin-bottom: 15px;
/*  margin-bottom: 20px !important;  
    font-weight: 600;*/
font-family: helvetica-heavy;}


h1 span {
    font-family: helvetica-roman;
    font-size: 25px;
    line-height: 35px;
}


/*h1 span {color: #9A999E; font-size: 0.88em;line-height: 0.88em;font-weight: 400;}*/
h1 span a {color: #9A999E !important; text-decoration: none;}
h1 span a:hover {color: #FD3600 !important; border-bottom: 0px solid !important;}

h1 a {
  color: #000000; }

.claim h1{
    font-size: 50px;
    font-weight: bold;
    max-width: 300px; line-height: 44px;

}
.cite h1::before {
    color: #fd3600;
    content: "/";
    display: block;
    font-family: helvetica-roman;
    font-size: 205px;
    font-weight: bold;
    left: -100px;
    position: relative;
    top: 91px;
}

.cite {margin-left: 33%;}
h2 {
  font-size: 26px;
  line-height: 1.2em;
  margin-bottom: 15px; font-weight: 300;}

h2 a {
  color: #000000; }

h3 {
  color: #000000;
  font-size: 19px;
  line-height: 1.2em;
  margin-bottom: 15px; }

h3 a {
  color: #000000; }

h4, h5, h6 {
/*  font-weight: bold;*/
  margin-bottom: 10px; }

h4 {
  font-size: 17px;
  line-height: 1.2em; font-family: helvetica-heavy; }

h5 {
  font-size: 16px;
  line-height: 1.45em;  font-weight: normal;}

h6 {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: normal;
    color: #000000;
}

p {
  font-size: 14px;line-height: 1.5em;
  margin-bottom: 20px; color: #5C5C5C; }

strong {
  font-weight: bold; }

small {
  font-size: 0.917em;
  color: #666666; }

i {
  font-size: 0.917em;
  font-style: italic;
  color: #666666; }

em {
  color: #666666;
  font-family: 'Arial', sans-serif;
  font-size: 1em;
  font-style: italic;
  line-height: 1.33em; }

em.big {
  font-size: 1em; }

pre {
  white-space: pre-wrap;
  white-space: pre-line;
  margin-bottom: 20px; }

code {
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
  line-height: 1.25em;
  white-space: normal; }

::-moz-selection {
  background: #daedff; }

::selection {
  background: #daedff; }

table {
  width: 620px;
  margin-bottom: 20px; }

table caption {
  font-size: 1.5em;
  line-height: 1.1em;
  font-weight: bold;
  text-align: left;
  padding: 0 4px 10px;
  border-bottom: 3px solid #e0e0e0; }

table thead th {
  font-size: 1.167em;
  font-weight: bold;
  text-align: left;
  padding: 20px 10px 10px 4px;
  border-bottom: 1px solid #e0e0e0; }

table tbody td {
  padding: 10px 10px 10px 4px;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: middle; }

.date {
  font-size: 1em;
  font-weight: bold;
  color: #666666; }

.date.vertical {
  text-align: right; }

.date.vertical span {
  display: block; }

.date.vertical .day {
  font-size: 1.917em;
  line-height: 1em;
  font-weight: bold; }

.date.vertical .day-of-week, .date.vertical .month-year {
  line-height: 1em; }

/*
 * Layout and navigation
 *
 */
.wrap, #content, #footer, #search-results, .pagination, .utilities, .row {
  zoom: 1; }

.wrap:before, .wrap:after, #content:before, #content:after, #footer:before, #footer:after, #search-results:before, #search-results:after, .pagination:before, .pagination:after, .utilities:before, .utilities:after, .row:before, .row:after {
  content: "";
  display: table; }

.wrap:after, #content:after, #footer:after, #search-results:after, .pagination:after, .utilities:after, .row:after {
  clear: both; }

.col-6-1, .col-4-1, .col-3-1, .col-2-1 {
  float: left; }

.col-940, .col-640, .col-620, .col-460, .col-407, .col-300, .col-240, .col-193 {
  float: left;
  margin-right: 20px; }

.col-6-1 {
  width: 16%;
  margin-right: 0.8%; }

.col-4-1 {
  width: 24%;
  margin-right: 1.333%; }

.col-2-1 {
  width: 49.5%;
  margin-right: 1%; }

.col-940 {
  width: 940px;
  margin-right: 0; }

.col-640 {
  width: 640px;
  padding-right: 29px;
  border-right: 1px solid #cccccc;
  margin-right: 30px; }

.col-620 {
  width: 620px; }

.col-460 {
  width: 460px; }

.col-407 {
  width: 407px; }

.col-300 {
  width: 300px; }

.col-240 {
  width: 240px; }

.col-193 {
  width: 193px; }

.last {
  margin: 0; }


/*solucio imatges liquides */
.portlet-layout {table-layout: fixed;}
.webkit .portlet-column-last {margin-right: -1%;}


#wrapper {
  background: #fff;
  width: 100%; }


#nav-main,
#content,
#footer {
  width: 1160px;
  margin: 0 auto; }

#header {
    position: relative;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 30px;
    width: auto;
    margin: auto 0;
}

#header a {
  text-decoration: none; }

#header #logo {
/*
  display: block;
  max-width: 1200px;
  height: 50px; margin: 0 auto; padding-top: 30px;
*/
}

#header #logo h1 span {
  position: absolute;
  left: -999em; }

#header .top-nav {
  position: absolute;
  top: 10px;
  right: 0;
/*    display: none; */
}

#header .top-nav .top-links {
  float: right; }

#header .top-nav .top-links li {
  float: left;
  margin-left: 5px; }

#header .top-nav .top-links li a {
  display: block;
  height: 25px;
  padding: 0 10px;
  font-size: 0.917em;
  line-height: 25px;
  color: #4A4A4A;
  color: #4A4A4A;
  background: transparent;
  text-decoration: none;
  }

#header .top-nav .top-links li a:hover {
  color: white; }

#header .top-nav .portlet-language {
  float: right;
  margin-left: 5px;
  width: 75px; }
#header .top-nav .portlet-language .portlet{ background: transparent !important; }



#header .top-nav #lang-selector .dropdown-toggle {
  position: relative;
  display: block;
  height: 25px;
  padding: 0 10px;
  font-size: 0.917em;
  line-height: 25px;
  color: #edf8fe;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  text-decoration: none;
  box-shadow: none; }

#header .top-nav #lang-selector .dropdown-toggle:hover {
  color: #000; }

#header .top-nav #lang-selector .dropdown-toggle:after{
  border-width: 6px 5px 0 5px;
  border-color: #eca20e transparent transparent transparent;
  content:"";
  position: absolute;
  right: 5px;
  top: 2px; }

#header .top-nav #lang-selector .dropdown-menu {
  display: none;
  background: #fff;
  padding: 5px 0;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.4);
  min-width: 100px; }

#header .top-nav #lang-selector .dropdown-menu li a {
  display: block;
  padding: 0 10px;
  font-size: 0.917em;
  height: 20px;
  line-height: 20px;
  color: #333;
  color: #aaa;
  background: #fff; }

#header .top-nav #lang-selector .dropdown-menu li a:hover {
  color: #333;
  background: #f8f8f8; }

#header .top-nav #lang-selector.open .dropdown-menu {
  display: block; }

#header .top-nav #search {
  display: none;
  float: right;
  width: 160px;
  margin-left: 5px; }



#header #claim p {
  padding: 0;
  color: white;
  font-size: 2.667em;
  line-height: 1.125em;
  text-transform: uppercase; }

#nav-main {
    background: transparent;
    zoom: 1;
    border-bottom: 0px solid #DDDDDD;
    position: relative;
/*    top: -63px;*/
    max-width: 1200px;

}

#nav-main:before, #nav-main:after {
  content: "";
  display: table; }

#nav-main:after {
  clear: both; }

#nav-main a {
  text-decoration: none; }

#nav-main ul.dropdown {
  list-style: none;
  float: left;
  width: 100%; padding-left: 0; }

#nav-main ul.dropdown li {
  float: left;
  position: relative; }

#nav-main ul.dropdown li.first a {
  background-image: none; }

#nav-main ul.dropdown a {
  font-size: 1.167em;
  line-height: 36px;
  text-transform: lowercase;
  display: block;
  padding: 0 15px !important;
  color: #4A4A4A;
  background: transparent;
  text-decoration: none;}

#nav-main ul.dropdown ul {
    border: 1px solid #DDDDDD;
}
#nav-main ul.dropdown li:last-child a{
    background-color: #FD3600;
    color: #fff;
    border-radius: 20px;
    padding: 12px 20px;
    border: 2px solid #FD3600;
    text-shadow: none;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
}
#nav-main ul.dropdown li.menulevel2 a{
  background: none;
  border-radius:0;
  border: none;
}
#nav-main ul.dropdown li:last-child a:hover{background: #FD3600;opacity:.5;color:#fff;}
#nav-main ul.dropdown li a:hover{color: #FD3600; }

#nav-main ul.dropdown ul {
  background: white;
  background: #fff;
  list-style: none;
  position: absolute;
  left: -9999em;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4); 
  padding: 10px 0px; }

#nav-main ul.dropdown ul li {
  float: none;
  border-top: 0px solid #777;
  margin-left: 0;
  margin-right: 15px !important;}

#nav-main ul.dropdown ul li.first {
  border: none; }
#nav-main ul.dropdown .menulevel1.despMenu:after{
  content: '';
  position: absolute;
  right: 0px;
  top: 17px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #4a4a4a;
}

#nav-main ul.dropdown ul a {
  min-width: 200px;
  font-size: 1.083em;
  line-height: 1;
  padding: 10px 10px 10px 20px!important;
  text-transform: none;
  white-space: nowrap; color: #aaa!important;  }

#nav-main ul.dropdown li.active {
  z-index: 500; margin-right: 0; }

#nav-main ul.dropdown li.active a {
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 16px;
  background-color: transparent;
  background-image: none;
  color: #FD3600;
  font-weight: bold;
}

.dropdown ul li a {
    color: #4A4A4A!important;
    font-weight: normal !important;
}
#nav-main ul.dropdown li:hover {
  margin-right: 0px;
  z-index: 500; }

#nav-main ul.dropdown li:hover ul {
  left: 0;
  top: 36px; }

#nav-main ul.dropdown li:hover ul li {
  margin-right: 0;
  text-decoration: none;}
#nav-main ul.dropdown li ul li a:before{
  content: '/';
  font-size: 1.083em;
  position: relative;
  display: inline-block;
  padding-right: 5px;
}
#nav-main ul.dropdown li:hover ul li a {
  margin-top: 0;
  padding-top: 10px; }

#nav-main ul.dropdown li:hover ul li a:hover {
  background: none; opacity: 1;color: #000 !important;
}

#nav-main ul.dropdown li:hover a {
  margin-top: 0px;
  padding-top: 0px;
  background: #fff; }

#content {
  background: white;
  width:1160px;
  padding: 0px 0;  }

#footer .partners,
#footer .sitemap {
  padding: 0px; }

#footer .partners {
  background: white;
  margin-bottom: 0; }


#footer .sitemap {
  color: white;
  background: #000;
  border-bottom: 3px solid #333;
  zoom: 1;  display: none;}

#footer .sitemap:before, #footer .sitemap:after {
  content: "";
  display: table; }

#footer .sitemap:after {
  clear: both; }

#footer .sitemap .col-6-1 {
  background: transparent url(../images/px-fff-20.png) repeat-y right; }

#footer .sitemap .last {
  background: none; }

#footer .sitemap h2, #footer .sitemap ul {
  padding: 0 10px 0 3px; }

#footer .sitemap h2 {
  font-size: 0.917em;
  text-transform: uppercase; }

#footer .sitemap li {
  line-height: 1.2em;
  margin-bottom: 0.8em;  }


#footer .sitemap a {
  font-size: 0.917em;
  color: white;
  text-decoration: none;  }
.breadcrumbs li.last a{
 color: #a2a0a1;
}
#footer .siteinfo {
  color: white;
  background: transparent;
  min-height: 45px;
  zoom: 1; }

#footer .siteinfo:before, #footer .siteinfo:after {
  content: "";
  display: table; }

#footer .siteinfo:after {
  clear: both; }

#footer .siteinfo .link-home {
  width: 124px;
  height: 23px;
  float: left;  }

.siteinfo .link-home img {
    width: 124px;
    height: 23px;
}


#footer .siteinfo .bottom-links,
#footer .siteinfo .copyright {
  padding-right: 20px;
  text-align: right; }

#footer .siteinfo .bottom-links {
  margin-top: 1.25em; }

#footer .siteinfo .bottom-links li {
  display: inline; }

#footer .siteinfo .bottom-links li:after {
  content: "|";
  padding: 0 3px 0 5px; color: #000;}

#footer .siteinfo .bottom-links li.last:after {
  content: none;
  padding: 0; }

#footer .siteinfo .copyright {
  margin: 0.25em 0 0;
  font-weight: bold; }

#footer .siteinfo a {
  color: #2d2d2d;
  text-decoration: none;
}

#footer .siteinfo a:hover {
  text-decoration: underline; }

.breadcrumbs {
  margin-bottom: 0px; padding-left: 0px;
  margin-top: 10px;
  padding-bottom: 15px;
}
.portlet-breadcrumb {

    padding: 0 !important;
    margin: 0 !important;

}
.breadcrumbPad{
  margin-top: -12px!important;
  padding-top: 20px!important;
}
.breadcrumbs li {
  color: #666666;
  display: inline; }

.breadcrumbs li:after {
  content: "/";
  padding: 0 3px 0 5px;
  color:#a2a0a1;
}

.breadcrumbs li.last a {
font-weight: bold;
}

.breadcrumbs li.last:after {
  content: none;
  padding: 0; }

.breadcrumbs li a {
  text-decoration: none;
  color: #a2a0a1; }

.breadcrumbs li a:hover {
  color: #FD3600; }

.submenu {
  margin-bottom: 20px; }

.submenu li {
  font-size: 1.083em;
  line-height: 1; }

.submenu li a {
  display: block;
  color: #000000;
  padding: 10px 20px;
  border-bottom: 1px solid #cccccc; }

.submenu li a:hover {
  color: black;
  background-color: #f2f2f2; }

/*
 * Portlet elements
 *
 */
.portlet {
  background-color: transparent;
  margin-bottom: 40px; }

.portlet .section {
  font-size: 0.917em;
  font-weight: normal;
  text-transform: none;
  color: #777;
  margin-bottom: 15px; }

.portlet .title {
  font-size: 1.517em;
  line-height: 1.218em;
  margin-bottom: 20px;
font-weight: bold; }

.super p, .super .lnk{ text-decoration: none; }
/*.portlet.box .title {
    min-height: 45px;
}*/
.portlet .title a:hover { color: #FD3600; }

.portlet img {
  width: auto !important;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px; }

.portlet p {
  margin-bottom: 15gpx; }

.portlet .lnk {
  color: #A3A2A2 !important;
    font-weight: 400;
    padding-left: 10px;
    text-decoration: none !important;}



.lnk:before{}


.portlet a {text-decoration: none; }

.portlet .lnk:hover {
  color: #FD3600; font-weight: normal; }

.portlet.sidebar {
  margin-bottom: 40px; }

.portlet.sidebar .section {
  color: #000000;
  font-size: 1.25em;
  font-weight: bold;
  text-transform: none; }


.portlet.box li {

    padding-left: 10px;
    background-image: url("../images/bulletx.gif");
    background-repeat: no-repeat;
    background-position: 0 7px;
    margin-bottom: 5px;
    color: #5C5C5C;

}

.portlet ul{margin-bottom: 20px; padding-left: 10px;}

/* Destacat destacat */
.high {
  padding: 25px 40px 15px;
  border: 0px solid #cccccc; background-color: #fff;}

/* Destacat superdestacat */
.super {
  padding: 25px 40px 15px;
  background-color: #F4F4F5;
  border-top: 0px solid black; }

/*********super orange**********/

.orange {background-color: #FD3600;}

.portlet.box.super.orange .section, .portlet.box.super.orange h2 a, .portlet.box.super.orange p, .portlet.box.super.orange a, .portlet.box.super.orange h2, .portlet.box.super.orange h1, .portlet.box.super.orange h3, .portlet.box.super.orange h5, .portlet.box.super.orange h6 {color: #fff;}

.portlet.box.super.orange h2 a:hover{ color: #000; }
.orange .button.high {border-color: #fff;}
.orange .button.high:hover{ background-color: #fff; color:#FD3600!important;  }

/*********super orange**********/



.super .section {
  color: #777; }

.super .title {
  color: #000; }

.super .title a {
  color: #000; }

.super p, .super .lnk {
  color: #5C5C5C; }

/* Destacat, vers horitzontal */


.portlet.box.box-h.high h2.title a span { font-size: 50px; display: block; line-height: 60px; padding-bottom: 9px;}
.box-txt h2.title {
    min-height: auto !important;
}

.box-h .box-img img {
  margin-bottom: 0; }


.portlet.box.box-h { padding: 0; margin-bottom: 0;}


/**super***/


.portlet.box.box-h.super {
    padding: 0;
    background-color: transparent;
    margin-bottom: 40px;
}

.box-h.super .box-img {
    margin-top:0;
}




.portlet.box.box-h.super h2.title a {
    font-size: 24px;
    color: #FF5000 !important;
    text-decoration: none;
}

.portlet.box.box-h.super h2.title {
    font-size: 24px;
    color: #FF5000 !important;
      font-family: helvetica-heavy;
}

.box-h.super .section {
    font-weight: 600;
    color: #000;
    font-size: 13px;
    position: absolute;
    top:20px;
    left:50%;
    margin-left: 5px;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
}
.multiColumn .box-h.super .section{
  margin-left: 22px;
}

/**high***/

.portlet.box.box-h.high h2.title a {
    color: #000 !important;
    font-size: 21px;
}

.portlet.box.box-h.high h2.title a:hover {
    color: #FD3600 !important;
    text-decoration: none;
}


.high .box-txt {
    margin-top: 30px; margin-right: 100px;
}
.super .box-txt {
    width:380px;
    padding-top: 60px;
}
.rectangleButton .journal-content-article h2{font-weight: bold;}
.portlet.box.box-h.high {
    position: relative;
}

.portlet.box.box-h.high:hover {
    background: #F4F4F5;
}

/* Destacat, versi horitzontal amb imatge gran */

}

/* Destacat amb pestanyes */
.tabbed .tabs {
  margin-bottom: -4px;
  list-style: none;
  zoom: 1; padding-left: 0;}

.tabbed .tabs:before, .tabbed .tabs:after {
  content: "";
  display: table; }

.tabbed .tabs:after {
  clear: both; }

.tabbed .tabs li {
  float: left;
  margin-right: 5px;
  padding: 0 0 4px; }

.tabbed .tabs li.active {
  height: 27px;
  overflow: hidden;
  z-index: 400;
  background: white;
  border: 1px solid #e0e0e0;
  border-bottom: none; }

.tabbed .tabs li.active a {
  background: white;
  color: #000000; }

.tabbed .tabs li.active a:hover {
  background: white;
  color: #000000; }

.tabbed .tabs li a {
  font-size: 0.9em;
  text-transform: uppercase;
  color: #000000;
  background: #f2f2f2;
  display: block;
  padding: 0px 20px;
  line-height: 28px; text-decoration: none;}

.tabbed .tabs li a:hover {
  background: #e0e0e0; }

.tabbed .tab-content > .tab-pane, .tabbed .tab-content > div {
  display: none; }

.tabbed .tab-content > .active {
  display: block; }

.tabbed .tab-content {
  padding: 30px 40px 15px 40px;
  border: 1px solid  #DDDDDD;
  border-top: 1px solid  #DDDDDD; }

.tabbed .location {
  color: #666666;
  border-bottom: 1px dotted #cccccc;
  margin-top: -5px;
  padding-bottom: 5px; }

/* Destacat amb pestanyes destacat */
.tabbed.high {
  padding: 0;
  border: none; }

.tabbed.high .tabs li.active {
  height: 28px;
  overflow: hidden;
  background: #FD3600;
  border: none; }

.tabbed.high .tabs li.active a {
  color: white;
  background: #FD3600; }

.tabbed.high .tabs li.active a:hover {
  color: #000;
  background: #FD3600; }

.tabbed.high .tab-content {
  padding: 30px 40px 15px 40px;
  background: #F4F4F5;
  color: white;
  border-color: #F4F4F5;
  border-top: 4px solid #F4F4F5; }

.tabbed.high .location {
  color: #000;
  border-bottom: 1px dotted #000;
  margin-top: -5px;
  padding-bottom: 5px; }

.tabbed.high .title a {
  color: #000; }

/* Llista links */
.links ul li a {
  font-size: 1.083em;
  font-weight: bold;
  display: block;
  padding: 15px 10px 15px 0px;
  color: #000000;
  background: transparent url(../images/lnk.png) no-repeat 92% 50%;}
  border-bottom: 2px solid #e0e0e0; text-decoration: none;}

.portlet.links ul li {background-image: none !important; padding-left:0;}
.portlet.links ul {padding-left: 0;}

.links ul li a:hover {
  background-color: #fff; color: #FD3600; }

/* Llista links destacat */
.links.high {
  padding: 15px 40px 15px 40px;
  border: 1px solid #cccccc; }

/* Llista links superdestacat */
.links.super {
  padding: 0;
  border: 0;
  background: transparent; }

.links.super ul li {
  margin-bottom: 1px; }

.links.super ul li a {
  font-size: 1.083em;
  font-weight: bold;
  display: block;
  padding: 15px 10px 15px 30px;
  color: #000;
  background: #F4F4F5 url(../images/lnk.png) no-repeat 92% 50%;
  border-bottom: none; }

.links.super ul li a:hover {
  background-color: #FD3600; color: #fff; background: #FD3600 url(../images/lnk-super.png) no-repeat 92% 50%;}

/* Partners */
.partners ul {
  zoom: 1; }

.partners ul:before, .partners ul:after {
  content: "";
  display: table; }

.partners ul:after {
  clear: both; }

.partners ul li {
  float: left;
  margin-bottom: 15px; padding-left: 0px; background-image: none; }

.partners ul li a, .partners ul li span {
  display: block;
  padding: 0 2px 2px;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  width: 90px; }

.partners ul li a:hover, .partners ul li span:hover {
  border-right: 1px solid #afafaf;
  border-bottom: 1px solid #afafaf;
  opacity: 0.6; }

.partners ul li a img, .partners ul li span img {
  max-width: 100%;
  margin: 0 auto; }

.partners.high {
  border: 1px solid #f5f5f5;
  padding: 0; }

.partners.high .section {
  background: #f5f5f5;
  padding: 4px 10px;
  margin-bottom: 0; }

.partners.high ul {
  margin-top: 10px;
  padding: 5px 8px; }

.partners.high ul li {
  margin: 0 5px 10px; }

.partners.high ul li a, .partners.high ul li span {
  padding: 0;
  border: none; }

.partners.high ul li a:hover, .partners.high ul li span:hover {
  padding: 0;
  border: none; }

.partners.high ul li a img, .partners.high ul li span img {
  margin: 0; }

/* Cuenta atras */
.countdown .time {
  float: left;
  display: block;
  width: 90px;
  height: 72px;
  padding-top: 18px;
  margin-right: 10px;
  color: white;
  background: #d8d8d8 url(../images/countdown-bg.png) no-repeat top left; }

.countdown .time span {
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: -2px;
  text-align: center; }

.countdown .box-txt {
  margin-left: 100px;
  padding-top: 15px; }

.countdown .box-txt .title {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1; }

.countdown.high,
.countdown.super {
  background: transparent;
  border: none;
  padding: 0; }

.countdown.high .time {
  background-color: #FD3600; }

.countdown.super .time {
  background-color: #000000; }

.countdown.super .title, .countdown.super .lnk {
  color: #000000; }

/* Noticias */
.news ul li {
  border-top: 1px solid #e0e0e0;
  padding-top: 10px; }

.news ul li .date {
  color: #000000;
  font-weight: bold;
  margin-bottom: 0; }

.news ul li .title {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.416em; }

.news .read-more-lnk, .news .rss-link {
  float: left;
  margin: 5px 20px 5px 0; }

.news .read-more-lnk a, .news .rss-link a {
  color: #000000; }

.news .read-more-lnk a:hover, .news .rss-link a:hover {
  border-color: #000000; }

.news .rss-link a:before {
  content: url(../images/rss.png);
  float: left;
  padding: 2px 4px 0 0; }

.news.high {
  padding: 15px 40px 25px 40px;
  border: 1px solid #cccccc; }

.news ul {
    padding-left: 0;
}


/* Agenda */
.agenda {
  border: 1px solid #cccccc; }

.agenda .section {
  padding: 2px 10px; }

.agenda table {
  width: 100%;
  margin: 0;
  border: 0; }

.agenda table.w2 th, .agenda table.w2 td {
  width: 25%; }

.agenda table.w3 th, .agenda table.w3 td {
  width: 33.333%; }

.agenda table.w4 th, .agenda table.w4 td {
  width: 25%; }

.agenda table.w5 th, .agenda table.w5 td {
  width: 20%; }

.agenda table.w6 th, .agenda table.w6 td {
  width: 16.667%; }

.agenda table.w7 th, .agenda table.w7 td {
  width: 14.286%; }

.agenda table.w8 th, .agenda table.w8 td {
  width: 12.5%; }

.agenda table.w9 th, .agenda table.w9 td {
  width: 11.111%; }

.agenda table.w10 th, .agenda table.w10 td {
  width: 10%; }

.agenda table.w7 th span, .agenda table.w8 th span, .agenda table.w9 th span, .agenda table.w10 th span {
  font-size: 1.333em; }

.agenda table caption {
  display: none; }

.agenda table th {
  padding: 0 0 5px;
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  border-bottom: 1px solid #f5f5f5; }

.agenda table th span, .agenda table th abbr {
  display: block;
  text-align: center; }

.agenda table th span {
  font-size: 1.833em; }

.agenda table th abbr {
  color: #666666; }

.agenda table td {
  padding: 0;
  background-color: #f5f5f5;
  border-top: 1px solid #d8d8d8;
  border-bottom: none; }

.agenda table td a {
  display: block;
  max-width: 100%;
  height: 28px;
  padding: 0;
  background: white;
  border-right: 2px solid #FD3600;
  border-bottom: 2px solid #FD3600;
  color: #000000;
  line-height: 28px;
  font-weight: bold;
  overflow: hidden; }

.agenda table td a span {
  padding: 0 10px;
  white-space: nowrap; }

.agenda table tr.first td {
  border-top: none; }

.agenda.high {
  padding: 0; }

.agenda.high table td {
  background-color: #FD3600;
  border: none; }

.agenda.high table tr.first td {
  border-top: 1px solid #FD3600; }

/* Llista d'activitats */
.event-list .item {
  border-top: 1px solid #e0e0e0;
  padding: 15px 0; }

.event-list .item.first {
  border: none; }

.event-list .item .item-txt {
  margin-right: 130px; }

.event-list .item .item-img {
  display: block;
  width: 110px;
  height: 75px;
  overflow: hidden;
  float: right;
  margin-left: 10px; }

.event-list .item .item-img img {
  margin: 0; }

.event-list .item .title {
  font-size: 1.083em;
  line-height: 1.307em;
  font-weight: bold;
  margin-bottom: 5px; }

.event-list .item .time {
  color: #666666;
  line-height: 1.25em;
  font-weight: bold;
  margin-bottom: 4px; }

.event-list .item .location {
  color: #666666;
  margin-bottom: 0; }

.event-list .item .location:before {
  content: url(../images/location.png);
  float: left;
  padding: 0 4px 0 0;
  margin-top: -1px; }

.event-list.super .item {
  border-color: #e0e0e0; }

.event-list.super .item .time, .event-list.super .item .location {
  color: #999999; }

.event-list.super .item .location:before {
  content: url(../images/location-2.png); }

/* Activitat */
.event .event-img {
  float: left;
  width: 160px;
  margin-right: 10px; }

.event .event-txt {
  margin-left: 190px; }

.event .time {
  color: #999999;
  font-size: 1.083em;
  font-weight: bold;
  margin-bottom: 0; }

.event .location {
  color: #999999;
  margin-bottom: 0px; margin-top: 0;}

/* Enquesta */
.web-form-portlet .survey .title {
  font-size: 1.167em;
  line-height: 1.071em;
  font-weight: bold; }

.web-form-portlet .survey .question {
  font-size: 1em;
  line-height: 1.25em;
  color: #666666; }

.web-form-portlet .survey .aui-form {
  margin-bottom: 15px; }

.web-form-portlet .survey .aui-form .aui-form .aui-field {
  margin-top: 10px; }

.web-form-portlet .survey .aui-form .aui-field-wrapper-content .aui-field {
  display: block;
  float: none;
  margin-bottom: 10px; }

.web-form-portlet .survey .aui-form .aui-field-wrapper-content .aui-field-content {
  display: block;
  zoom: 1; }

.web-form-portlet .survey .aui-form .aui-field-wrapper-content .aui-field-content:before, .web-form-portlet .survey .aui-form .aui-field-wrapper-content .aui-field-content:after {
  content: "";
  display: table; }

.web-form-portlet .survey .aui-form .aui-field-wrapper-content .aui-field-content:after {
  clear: both; }

.web-form-portlet .survey .aui-form .aui-field-wrapper-content .aui-field-element {
  width: 10%;
  float: left;
  display: block; }

.web-form-portlet .survey .aui-form .aui-field-wrapper-content .aui-field-label {
  width: 90%;
  float: left;
  display: block;
  font-size: 1em;
  line-height: 1.25em; }

.web-form-portlet .survey.super {
  color: white; }

.web-form-portlet .survey.super .question {
  color: #999999; }

.web-form-portlet .survey.super .aui-form label {
  color: #000; }

.survey-result .title {
  font-size: 1.167em;
  line-height: 1.071em;
  font-weight: bold; }

.survey-result .question {
  font-size: 1em;
  line-height: 1.25em;
  color: #666666; }

.survey-result .aui-form {
  margin-bottom: 15px; }

.survey-result .aui-form table {
  margin-top: 15px;
  width: auto; }

.survey-result .aui-form table td {
  padding: 5px;
  font-size: 1.2em;
  border: none; }

.survey-result .aui-form table td table {
  display: none; }

.survey-result .aui-form table .results-header {
  background-color: #f2f2f2; }

.survey-result .aui-form table .results-row {
  border-bottom: 1px solid #f2f2f2; }

.survey-result .aui-form br {
  display: none; }

.survey-result .aui-form div {
  font-weight: bold; }

.survey-result .aui-form div strong {
  font-weight: normal; }

.survey-result.super {
  color: #000; }

.survey-result.super .question {
  color: #999999; }

.survey-result.super .aui-form label {
  color: white; }

.survey-result.super table .results-header {
  color: #fff;
  background-color: #FD3600; }

.survey-result.super table .results-row {
  border-bottom: 1px solid #0c647a; }

/* Success / Failure */
.portlet-msg-success {
  border: 1px solid #a8d8a0;
  background: #f0f8e8 url(../images/icon-success.png) no-repeat 8px center;
  background: rgba(168, 216, 160, 0.6) url(../images/icon-success.png) no-repeat 8px center;
  padding: 8px 8px 8px 32px;
  margin-bottom: 15px;
  font-size: 1em;
  color: #333333; }

/*
 * Forms
 *
 */
input:focus {
  outline: none; }

#search form fieldset {
  background: #003948;
  position: relative;
  width: 160px;
  height: 25px; }

#search form fieldset #q {
  color: white;
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
  border: none;
  width: 120px;
  padding: 6px 30px 0 10px;
  font-size: 0.917em; }

#search form fieldset label {
  font-size: 0.917em;
  position: absolute;
  top: 4px;
  left: 10px;
  color: white;
  color: rgba(255, 255, 255, 0.8); }

#search form fieldset #send {
  position: absolute;
  right: 10px;
  top: 5px; }

#frmsearch-adv {
  margin: 20px 0; }

#frmsearch-adv fieldset {
  position: relative; border: 0;}

#frmsearch-adv fieldset input, #frmsearch-adv fieldset button {
  font-family: Arial, sans-serif; }

#frmsearch-adv fieldset #advq {
  width: 248px;
  border: 1px solid #cccccc;
  border-radius: 4px 4px 4px 4px;
  color: #555555;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 5px;
  margin-right: 15px; }



#frmsearch-adv fieldset label {
  position: absolute;
  top: 7px;
  left: 7px;
  color: #cccccc; }

#frmsearch-adv fieldset button {
  margin-right: 20px; }

#frmsearch-adv fieldset .reset {
  display: inline-block;
  margin: 0;
  line-height: 30px; }

.vertical-form legend {
  font-size: 1.5em;
  line-height: 1.111em;
  font-weight: bold;
  margin-bottom: 10px; }

.vertical-form p {
  margin-bottom: 15px; }

.vertical-form .field {
  margin-bottom: 15px; }

.vertical-form .field.required label span {
  color: #FD3600; }

.vertical-form .field .help {
  display: block;
  color: #666666;
  font-size: 0.917em;
  margin-top: 5px; }

.vertical-form .field-group {
  margin-bottom: 15px;
  zoom: 1; }

.vertical-form .field-group:before, .vertical-form .field-group:after {
  content: "";
  display: table; }

.vertical-form .field-group:after {
  clear: both; }

.vertical-form .field-group .label-group {
  float: left;
  margin: 0 15px 0 0; }

.vertical-form .field-group .fields {
  float: left; }

.vertical-form .field-group .fields label {
  font-size: 0.917em;
  line-height: 1.154em;
  font-weight: normal; }

.vertical-form .field-group .fields .radio.inline, .vertical-form .field-group .fields .checkbox.inline {
  display: inline-block;
  margin: 0 10px 0 0; }

.vertical-form .field-group .fields .radio.inline input, .vertical-form .field-group .fields .checkbox.inline input {
  padding: 0;
  border: none;
  vertical-align: middle; }

.vertical-form label {
  color: #000000;
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px; }

.vertical-form input, .vertical-form select, .vertical-form textarea, .vertical-form button {
  font-family: Arial, sans-serif; }

.vertical-form input, .vertical-form select, .vertical-form textarea {
  border: 1px solid #cccccc;
  border-radius: 4px 4px 4px 4px;
  color: #555555;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 5px; }

.vertical-form select {
  width: 260px;
  height: 28px;
  line-height: 28px; }

.vertical-form textarea {
  width: 438px;
  height: 130px; }

.vertical-form .input-large {
  width: 248px; }

/* Estilos para formularios con el marcado original de Liferay */
.web-form-portlet .aui-form legend {
  font-size: 1.5em;
  line-height: 1.111em;
  font-weight: bold;
  margin-bottom: 10px; }

.web-form-portlet .aui-form em {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-size: 1em;
  color: #000000; }

.web-form-portlet .aui-form .aui-field {
  display: block;
  margin-top: 0;}

.web-form-portlet .aui-form .portlet-msg-error {
  display: block;
  color: #666666;
  font-size: 0.917em;
  margin-top: 5px; }

.web-form-portlet .aui-form label {
  color: #000000;
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px; }

.web-form-portlet .aui-form input, .web-form-portlet .aui-form select, .web-form-portlet .aui-form textarea, .web-form-portlet .aui-form button {
  font-family: Arial, sans-serif; }

.web-form-portlet .aui-form input, .web-form-portlet .aui-form select, .web-form-portlet .aui-form textarea {
  border: 1px solid #D5D4D5;
  border-radius: 3px 3px 3px 3px;
  color: #555555;
  display: inline-block;
  font-size: 12px;
  height: 30px;
  line-height: 18px;
  padding: 5px; }

.web-form-portlet .aui-form .aui-field-input-text {
/*  width: 248px; */
}

.web-form-portlet .aui-form .aui-field-input-select {
  width: 260px;
  height: 28px;
  line-height: 28px; }

.web-form-portlet .aui-form .lfr-textarea-container textarea {
/*
  width: 438px;
  height: 130px;
*/
}

.web-form-portlet .aui-form .aui-field-choice {
  display: inline-block;
  margin: 15px 10px 0 0; }

.web-form-portlet .aui-form .aui-field-choice label.aui-field-label {
  font-size: 0.917em;
  line-height: 1.154em;
  font-weight: normal;
  display: inline-block;
  float: none;
  margin: 0;
  cursor: pointer;}

.web-form-portlet .aui-form .aui-field-choice input {
  display: inline-block;
  padding: 0;
  border: none;
  vertical-align: middle; }

.web-form-portlet .aui-form .aui-field-wrapper-content {
  zoom: 1; }

.web-form-portlet .aui-form .aui-field-wrapper-content:before, .web-form-portlet .aui-form .aui-field-wrapper-content:after {
  content: "";
  display: table; }

.web-form-portlet .aui-form .aui-field-wrapper-content:after {
  clear: both; }

.web-form-portlet .aui-form .aui-field-wrapper-content .aui-field-label {
  float: left;
  margin: 0 15px 0 0; }

.web-form-portlet .aui-form .aui-field-wrapper-content .aui-field {
  float: left;
  margin-top: 0; }

.web-form-portlet .aui-form .aui-field-wrapper-content .aux-field-choice {
  margin-top: 0; }

.web-form-portlet .aui-form .aui-button {
  display: block;
  margin: 28px 0;
  }

.web-form-portlet .aui-form .aui-button .aui-button-input {
  cursor: pointer;
  display: inline-block;
  height: 30px;
  padding: 4px 10px;
  text-align: center; }

.web-form-portlet .aui-form .aui-button .aui-button-input:hover {
    opacity: 1;
    background-color: #FD3600;
    color: #fff;
}

/*
 * Buttons
 *
 */
.btn {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(center top, white, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #cccccc #cccccc #bbbbbb;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 4px 10px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none; }

.btn .caret {
  margin-left: 0;
  margin-top: 7px; }

.caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  content: "";
  display: inline-block;
  height: 0;
  opacity: 0.3;
  text-indent: -99999px;
  vertical-align: top;
  width: 0; }

.btn-group {
  position: relative; }

.btn-group:before, .btn-group:after {
  content: "";
  display: table; }

.btn-group:after {
  clear: both; }

.btn-group + .btn-group {
  margin-left: 5px; }

.btn-toolbar {
  margin-bottom: 9px;
  margin-top: 9px; }

.btn-toolbar .btn-group {
  display: inline-block; }

.btn-group .btn {
  border-radius: 0 0 0 0;
  float: left;
  margin-left: -1px;
  position: relative; }

.btn-group .btn:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0; }

.btn-group .btn:last-child, .btn-group .dropdown-toggle {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

.btn-group .btn.large:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  margin-left: 0; }

.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active {
  z-index: 2; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0 none; }

.btn-group .dropdown-toggle {
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  padding-left: 8px;
  padding-right: 8px; }

.btn-group .dropdown-toggle:hover {
  border-color: #cccccc; }

.btn-group .dropdown-toggle:hover .caret {
  opacity: 1; }

.btn-group.open .dropdown-menu {
  border-radius: 5px 5px 5px 5px;
  display: block;
  margin-top: 1px; }

.btn-group.open .dropdown-toggle {
  background-image: none;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }

.btn-group.open .dropdown-menu {
  border-radius: 0px 0px 0px 0px;
  display: block;
  margin-top: 1px; }

.dropdown-menu {
  background-clip: padding-box;
  background-color: white;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 5px 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  left: 0;
  list-style: none outside none;
  margin: 0;
  min-width: 160px;
  padding: 4px 0;
  position: absolute;
  top: 100%;
  z-index: 1000; }

.dropdown-menu a {
  clear: both;
  color: #555555;
  display: block;
  font-weight: normal;
  line-height: 18px;
  padding: 3px 15px;
  white-space: nowrap;
  text-decoration: none; }

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  background-color: #FD3600;
  color: white;
  text-decoration: none; }

.button,
.web-form-portlet .aui-form .aui-button .aui-button-input{
  background-color: white;
  border: 2px solid #FD3600;
  border-radius:40px;
  border-style: solid;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  line-height: 0px;
  padding: 20px 30px;
  text-align: center; text-decoration: none;}

.button:hover{
  background-color: #FD3600;
  border-color: #FD3600; opacity: 1; color: #fff!important;}

.button{text-shadow:0 0px 0px rgba(0, 0, 0, 0.2); margin-top: 20px;}

.button.high,
.web-form-portlet .aui-form .aui-button .aui-button-input{
  background-color: transparent;
  border-color: #FD3600;
  color: #000; font-size: 16px; border: 2px solid #FD3600;
  text-shadow: 0 0px 0px #0092b6;}

.button.high:hover{
  color: #FFFFFF !important; background-color: #FD3600; }

.button.b-org{background-color: #FD3600 !important; color: #fff !important;}
.button.b-org:hover {background-color: #DD3001 !important; border-color: #DD3001!important;}
/*
 * Pages elements
 *
 */

.article ul.alpha {
  padding-left: 0; }

.article ul.alpha li {
  list-style-type: none!important;
  margin-bottom: 10px;
  padding-left: 0;
  background-image: none; }

.article .pages li {
  list-style-type: none!important;
  margin-bottom: 10px; }

.article ul {
  padding-left: 10px; }

.article ul li {
  padding-left: 10px;
  background-image: url("../images/bulletx.gif");
  background-repeat: no-repeat;
  background-position: 0 7px;
  margin-bottom: 7px; }

.article .header {
  margin-top: 20px; }

.article .header h1 {
  margin-bottom: 0; }

.article .header h1 a {
  color: #000000;
  text-decoration: none; }

.article .header h1 a:hover {
  border-bottom: 1px solid #000000; }

.article .header p {
  color: #666666;
  font-size: 1.5em;
  line-height: 1.1em;
  margin: 0; }

.article .header p a {
  color: #000000; }

.article img {
  float: left;
  margin: 0 40px 40px 0; }

.article .section {
  margin-bottom: 20px; }

.article .section.first {
  margin-top: 20px; }

.article .pagination {
  margin-top: 20px;
  border-top: 1px solid #cccccc;
  padding-top: 20px;
  position: relative; }

.articles .pagination ul.pages {
  padding-left: 0; }

.article .pagination ul.pages li {
  float: left;
  margin-right: 5px;
  padding-left: 0;
  background-image: none; }

.article .pagination ul.pages li a, .article .pagination ul.pages li span {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center; }

.article .pagination ul.pages li a {
  color: #333;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
  text-decoration: none;  }

.article .pagination ul.pages li a:hover {
  border: 1px solid #e0e0e0;
  background-color: #e0e0e0; }

.article .pagination ul.pages li.previous a, .article .pagination ul.pages li.next a {
  width: 12px;
  text-decoration: none;
  text-indent: -999em; }

#header .top-nav #lang-selector .dropdown-toggle:after,
.article .pagination ul.pages li.previous a,
.article .pagination ul.pages li.next a {
  background: transparent;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: 7px;
}

.article .pagination ul.pages li.next a {
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #333;
}

.article .pagination ul.pages li.previous a{
  border-width: 7px 8px 7px 0;
  border-color: transparent #333 transparent transparent;
}
#header .top-nav #lang-selector .dropdown-toggle:after{
  border-width: 6px 5px 0 5px;
  border-color: #333 transparent transparent transparent;
}





.article .pagination ul.pages li.active span {
  border: 1px solid #cccccc;
  background-color: white; }

.article .pagination .items-per-page {
  margin-top: -2px;
  float: right; }

.article .search-tabs {
  padding-left: 0;
  border: 0;
  background-color: transparent;
  border-bottom: 3px solid #e0e0e0;
  border-radius: 0;
  zoom: 1; }

.article .search-tabs:before, .article .search-tabs:after {
  content: "";
  display: table; }

.article .search-tabs:after {
  clear: both; }

.article .search-tabs li {
  float: left;
  margin-right: 5px;
  margin-bottom: -3px;
  list-style-type: none !important;
  padding-left: 0;
  background-image: none;
  border: 0; }

.article .search-tabs li a {
  display: block;
  font-size: 0.917em;
  text-transform: uppercase;
  line-height: 35px;
  height: 35px;
  padding: 0 15px;
  border-bottom: 3px solid #e0e0e0;
  background-color: #f2f2f2;
  font-weight: normal;
  color: #000000; text-decoration: none;}

.article .search-tabs li a span {
  font-weight: bold; }

.article .search-tabs li a:hover {
  background-color: #e0e0e0; }

.article .search-tabs li.ui-state-active a, .article .search-tabs li.active a {
  color: white;
  background-color:#FD3600;
  border-bottom: 3px solid #FD3600; }

.article .search-tabs li.ui-state-active.toggle-alpha a {
  border-bottom: 3px solid #000; }

.article ul.alpha {
  background: #000;
  width: 628px;
  height: 35px;
  padding-left: 12px;
  zoom: 1; }

.article ul.alpha:before, .article ul.alpha:after {
  content: "";
  display: table; }

.article ul.alpha:after {
  clear: both; }

.article ul.alpha li {
  float: left;
  margin: 0; }

.article ul.alpha li a {
  display: block;
  margin: 9px 3px 0 3px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  text-decoration: none; }



.article ul.alpha li a.active {
  color: #FD3600;
  background-color: white; }

.article ul.alpha li a.active:hover {
  color: white;
  background-color: #333; }

.article ul.alpha li.first a {
  width: 34px; }

.article ul.nomenclator {
  margin-top: 20px; }

.article ul.nomenclator li {
  padding: 0 0 10px 44px;
  margin: 0 0 10px 0;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-image: none; }

.article ul.nomenclator li span {
  color: #333; }

.article ul.nomenclator li a {
  text-decoration: none;
  font-size: 1.083em;
  font-weight: bold;
  line-height: 24px; }

.article ul.nomenclator ul {
  margin: 10px 0 0 34px; }

.article ul.nomenclator ul li {
  border: none;
  padding: 0; }

.article ul.nomenclator ul li a {
  font-size: 1em;
  font-weight: bold; }

.article ul.nomenclator ul ul {
  margin: 10px 0 0; }

.article ul.nomenclator ul ul li a {
  font-weight: normal; }

.article .treeview, .article .treeview ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.article .treeview .hitarea {
  background: url(../images/less.png) no-repeat top left;
  height: 24px;
  width: 24px;
  margin-left: -34px;
  float: left;
  cursor: pointer; }

.article .treeview .hitarea:hover {
  background-image: url(../images/less_over.png); }

.article .treeview li {
  margin: 0;
  padding: 3px 0pt 3px 16px; }

.article #sidetreecontrol {
  margin: 20px 0 0;
  display: none; }

.article #sidetreecontrol a {
  font-size: 0.917em;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 20px; }

.article #sidetreecontrol a span {
  text-transform: none; }

.article .treeview .hover {
  cursor: pointer; }

.article .treeview .expandable-hitarea {
  background: url(../images/more.png) no-repeat top left; }

.article .treeview .expandable-hitarea:hover {
  background-image: url(../images/more_over.png); }

.article .figure {
  zoom: 1; }

.article .figure:before, .article .figure:after {
  content: "";
  display: table; }

.article .figure:after {
  clear: both; }

.article .figure .pic {
  display: block;
  position: relative;
  float: left; }

.article .figure .pic img {
  display: block; }

.article .figure .pic .caption {
  width: 268px;
  display: block;
  position: absolute;
  bottom: 0;
  display: block;
  background-color: #282423;
  background-color: rgba(22, 22, 22, 0.5);
  top: 147px;
  height: 33px; }

.article .figure .pic .caption a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 8px; }

.article .figure .pic .caption a:after {
  content: "+";
  font-size: 1.5em;
  font-weight: bold;
  float: right; }

.article .docs {
  margin-bottom: 20px;
  padding: 15px;
  border: 2px solid #e0e0e0;
  border-bottom-width: 3px; }

.article .docs h2 {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.333em;
  margin-bottom: 10px; }

.article .docs ul {
  padding-left: 0; }

.article .docs ul li {
  margin-bottom: 5px;
  padding-left: 0;
  background-image: none; }

.article .docs ul li a {
  padding: 0 5px 0; }

.article .docs ul li a:before {
  content: url(../images/doc.png);
  float: left;
  padding: 1px 0 0 0; }

.article .docs ul li span {
  color: #666666; }

.article .utilities {
  margin-top: 20px; }

.article .utilities .filter {
  float: left;
  margin-right: 30px; }

.article .utilities .download-link {
  float: left;
  margin: 5px 30px 0 0;
  color: #666666; }

.article .utilities .download-link a:before {
  content: url(../images/doc.png);
  float: left;
  padding: 1px 4px 0 0; }

.article .utilities .rss-link {
  float: right;
  margin: 5px 0 0 0; }

.article .utilities .rss-link a:before {
  content: url(../images/rss.png);
  float: left;
  padding: 2px 4px 0 0; }

.article .lightbox-gallery {
  margin-right: -25px;
  margin-bottom: 20px;
  zoom: 1; }

.article .lightbox-gallery:before, .article .lightbox-gallery:after {
  content: "";
  display: table; }

.article .lightbox-gallery:after {
  clear: both; }

.article .lightbox-gallery .gallery-item {
  float: left;
  width: 200px;
  margin:0 30px 30px 0; }

.article .lightbox-gallery .gallery-item span {
  display: block; }

.article .lightbox-gallery .gallery-item .thumbnail {
  display: inline-block;
  width: 100%;
  border: none; }

.article .lightbox-gallery .gallery-item .thumbnail img {
  display: block;
  margin: 0; }

.article .lightbox-gallery .gallery-item .thumbnail:hover {
  background-color: black; }

.article .lightbox-gallery .gallery-item .thumbnail:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.article .lightbox-gallery .gallery-item .title {
  font-weight: bold; }

.article .lightbox-gallery .gallery-item .weight, .article .lightbox-gallery .gallery-item .download {
  display: inline-block;
  font-size: 0.917em;
  color: #666666;
  margin-right: 5px; }

.article .dropdown-menu {
  padding-left: 0; }

.article .dropdown-menu li {
  margin-bottom: 0;
  padding-left: 0;
  background-image: none; }

/*
 * Pages
 *
 */
/* Delegaciones internacionales */
.delegations iframe {
  margin-bottom: 20px; }

.delegations .row {
  margin-bottom: 20px; }

.delegations .delegation h2, .delegations .delegation p {
  padding-left: 20px; }

.delegations .delegation h2 {
  font-size: 1.083em;
  font-weight: bold;
  line-height: 1.307em;
  margin-bottom: 10px; }

.delegations .delegation p {
  margin-bottom: 10px; }

/* Mapa web */
.sitemap h1.title {
  margin-bottom: 20px; }

.sitemap .sitemap-item h2 {
  font-size: 1.5em;
  line-height: 1.111em;
  color: #666666;
  margin-bottom: 10px; }

.sitemap .sitemap-item h2 a {
  color: #666666; }

.sitemap .sitemap-item a { text-decoration: none; }


.sitemap .sitemap-item ul li {
  font-size: 1.083em;
  line-height: 1.307em;
  font-weight: bold;
  margin-bottom: 2px; }

.sitemap .sitemap-item ul ul {
  margin: 5px 20px; }

.sitemap .sitemap-item ul ul li {
  font-size: 0.923em;
  line-height: 1.416em;
  font-weight: normal; }

/* FAQS */

.faqs h1{display: none;}
.faqs .section.first {
  margin-top: 0; }

.faqs .questions {
  padding-bottom: 20px;
  border-bottom: 3px solid #e0e0e0; }

.faqs .questions li {
  background: transparent url(../images/faqs.png) no-repeat 92% 50%;
  background-color: #fff;
  font-size:19px;
  line-height: 1.307em;
  font-weight: bold;
  padding: 40px 70px 40px 40px;
  border-bottom: 0px solid #cccccc;  margin-bottom: 60px;}

.faqs .questions li.last {
  border: none; }

.faqs .questions a { text-decoration: none;}

.faqs .faqs-item {
  background: transparent url(../images/faqs.png)  no-repeat 95% 50%;
  padding: 40px 70px 40px 40px;
  border-bottom: 1px solid #cccccc;
  zoom: 1; }

.faqs .faqs-item:before, .faqs .faqs-item:after {
  content: "";
  display: table; }

.faqs .faqs-item:after {
  clear: both; }

.faqs .faqs-item h2 {
  font-size: 1.25em;
  line-height: 1.333em;
  font-weight: bold;
  margin-bottom: 10px; }

.faqs .faqs-item p {
  margin-bottom: 10px; }

.faqs .faqs-item .pic {
  display: block;
  float: left;
  width: 270px;
  height: 180px;
  margin: 0 20px 20px 0; }

.faqs .faqs-item .pic img {
  width: auto !important;
  width: 100%;
  max-width: 100%; }

.faqs .faqs-item .go-up {
  clear: both;
  text-align: left; }


/* Material grafico */
.presskit .presskit-item {
  padding: 20px 0 0; }

.presskit .presskit-item h2 {
  float: left;
  display: block;
  width: 80px;
  margin-right: 20px;
  font-size: 1.25em;
  line-height: 1.333em;
  font-weight: bold; }

.presskit .presskit-item .pic {
  float: left;
  padding: 0 8px 8px 0;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc; }

.presskit .presskit-item .downloads {
  margin-top: 50px;
  width: 240px;
  margin-left: 380px;
  text-align: center; }

.presskit .presskit-item.banners .downloads {
  margin-top: 5px; }

.presskit .presskit-item.banners .get-code {
  clear: both;
  padding-top: 20px;
  width: 520px;
  margin-left: 100px; }

.presskit .presskit-item.banners .get-code table {
  width: 100%; }

.presskit .presskit-item.banners .get-code th {
  text-transform: uppercase; }

.presskit .presskit-item.banners .get-code pre {
  margin: 0;
  overflow: auto;
  width: 400px; }

/* Microsite expositor */
.microsite h3 {
  font-size: 1.5em;
  font-weight: bold;
  color: #000000;
  margin-bottom: 20px; }

.microsite .section .header {
  border-bottom: 3px solid #cccccc; }

.microsite .section .header h3 {
  margin-bottom: 10px; }

.microsite .expositor {
  padding: 20px 20px 0;
  background-color: #f8f8f8; }

.microsite .expositor h2 {
  font-size: 1.833em;
  line-height: 1.136em; }

.microsite .expositor .exp-logo {
  float: left;
  width: 135px;
  margin-right: 20px; }

.microsite .expositor .exp-data {
  margin-left: 155px; }

.microsite .expositor .exp-contact {
  width: 270px;
  margin-bottom: 20px;
  overflow: auto;
  word-wrap: break-word; }

.microsite .expositor .exp-location {
  position: relative;
  float: right;
  clear: right;
  width: 150px;
  min-height: 120px;
  margin-bottom: 20px;
  zoom: 1; }

.microsite .expositor .exp-location:before, .microsite .expositor .exp-location:after {
  content: "";
  display: table; }

.microsite .expositor .exp-location:after {
  clear: both; }

.microsite .expositor .exp-location .marker {
  position: absolute;
  display: block;
  width: 11px;
  height: 16px;
  background: transparent url(../images/marcador.png) no-repeat top left; }

.microsite .expositor .exp-location .pavilion {
  background: white;
  border-bottom: 2px solid #FD3600;
  border-left: 2px solid #FD3600;
  width: 128px;
  padding: 10px 10px 5px;
  text-align: center; }

.microsite .expositor .exp-location .pavilion span {
  display: block;
  margin-bottom: 5px; }

.microsite .expositor .exp-location .pavilion span.area {
  font-size: 1.25em;
  line-height: 1.33em;
  font-weight: bold; }

.microsite .expositor .exp-location.montjuic {
  background: transparent url(../images/montjuic.png) no-repeat top left;
  padding-top: 130px; }

.microsite .expositor .exp-location.montjuic .p1 {
  left: 54px;
  top: 80px; }

.microsite .expositor .exp-location.montjuic .p2 {
  left: 12px;
  top: 60px; }

.microsite .expositor .exp-location.montjuic .p3 {
  left: 44px;
  top: 63px; }

.microsite .expositor .exp-location.montjuic .p4 {
  left: 30px;
  top: 32px; }

.microsite .expositor .exp-location.montjuic .p5 {
  left: 58px;
  top: 32px; }

.microsite .expositor .exp-location.montjuic .p6 {
  left: 42px;
  top: -9px; }

.microsite .expositor .exp-location.montjuic .p7 {
  left: 92px;
  top: -9px; }

.microsite .expositor .exp-location.montjuic .p8 {
  left: 96px;
  top: 82px; }

.microsite .expositor .exp-location.montjuic .z1 {
  left: 72px;
  top: 58px; }

.microsite .expositor .exp-location.montjuic .z2 {
  left: 72px;
  top: 28px; }

.microsite .expositor .exp-location.montjuic .z3 {
  left: 97px;
  top: 10px; }

.microsite .expositor .exp-location.montjuic .z4 {
  left: 72px;
  top: 4px; }

.microsite .expositor .exp-location.montjuic .z5 {
  left: 72px;
  top: -9px; }

.microsite .expositor .exp-location.montjuic .z6 {
  left: 47px;
  top: 20px; }

.microsite .expositor .exp-location.montjuic .z7 {
  left: 47px;
  top: 40px; }

.microsite .expositor .exp-location.montjuic .z8 {
  left: 30px;
  top: 75px; }

.microsite .expositor .exp-location.gv {
  background: transparent url(../images/gv.png) no-repeat top left;
  padding-top: 105px; }

.microsite .expositor .exp-location.gv .p1 {
  left: 6px;
  top: 50px; }

.microsite .expositor .exp-location.gv .p2 {
  left: 30px;
  top: 50px; }

.microsite .expositor .exp-location.gv .p3 {
  left: 57px;
  top: 50px; }

.microsite .expositor .exp-location.gv .p4 {
  left: 81px;
  top: 50px; }

.microsite .expositor .exp-location.gv .p5 {
  left: 81px;
  top: 0px; }

.microsite .expositor .exp-location.gv .p6 {
  left: 102px;
  top: 50px; }

.microsite .expositor .exp-location.gv .p7 {
  left: 102px;
  top: 0px; }

.microsite .expositor .exp-location.gv .p8 {
  left: 133px;
  top: 47px; }

.microsite .expositor .exp-location.gv .z1 {
  left: 17px;
  top: 39px; }

.microsite .expositor .exp-location.gv .z2 {
  left: 44px;
  top: 39px; }

.microsite .expositor .exp-location.gv .z3 {
  left: 68px;
  top: 39px; }

.microsite .expositor .exp-location.gv .z4 {
  left: 91px;
  top: 39px; }

.microsite .expositor .address,
.microsite .expositor .phone {
  margin-bottom: 10px; }

.microsite .expositor .web li {
  margin-top: 5px; }

.microsite .expositor .web a {
  line-height: 20px;
  padding: 2px 4px;
  background: white; }

.microsite .expositor .description {
  margin: 0 0 10px;
  font-size: 1.083em;
  font-weight: bold;
  color: #000000; }

.microsite .expositor p a {
  color: #FD3600; }

.microsite .newstuff {
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
  zoom: 1; }

.microsite .newstuff:before, .microsite .newstuff:after {
  content: "";
  display: table; }

.microsite .newstuff:after {
  clear: both; }

.microsite .newstuff .title {
  font-size: 1.083em;
  line-height: 1.307em;
  font-weight: bold;
  margin-bottom: 0; }

.microsite .newstuff .title a { text-decoration: none;}

.microsite .newstuff .category {
  font-size: 0.917em;
  color: #666666;
  margin: 0; }

.microsite .newstuff img {
  margin: 2px 0 0 20px;
  float: right; }

.microsite .newstuff.first {
  margin-top: 10px; }

.microsite .newstuff.last {
  border-bottom: none; }

.microsite .products h4, .microsite .brands h4, .microsite .companies h4 {
  font-size: 1.25em;
  line-height: 1.333em;
  margin-top: 20px; }

.microsite .products ol li {
  display: inline; }

.microsite .products ol li:after {
  content: ", "; }

.microsite .products ol li:last-child:after {
  content: ""; }

.microsite .products ol li.category {
  font-size: 1.5em; }

.microsite .products ol li.subcategory {
  font-size: 1.25em; }

.microsite .products ol li.product {
  font-size: 0.917em; }

.microsite .products ol li a {
  color: #FD3600; text-decoration: none;}

.microsite .brands ol li {
  display: inline; }

.microsite .brands ol li:after {
  content: ", "; }

.microsite .brands ol li:last-child:after {
  content: ""; }

.microsite .brands ol li a {
  text-decoration: none; }

.microsite .companies ul.nomenclator .company-data {
  margin-left: 0; }

.microsite .companies ul.nomenclator .company-data li {
  margin-bottom: 20px; }

.microsite .companies ul.nomenclator .company-data .address, .microsite .companies ul.nomenclator .company-data .phone-fax {
  display: inline-block;
  padding-right: 50px; }

.microsite .companies ul.nomenclator .company-data h5 {
  font-size: 1em;
  margin-bottom: 5px; }

.microsite .companies ul.nomenclator .company-data a {
  font-weight: normal; }

.microsite .companies ul.nomenclator .company-data p {
  margin-bottom: 0; }

.microsite.detail > .header {
  zoom: 1; }

.microsite.detail > .header:before, .microsite.detail > .header:after {
  content: "";
  display: table; }

.microsite.detail > .header:after {
  clear: both; }

.microsite.detail > .header .exp-logo {
  float: right;
  margin-left: 20px; }

.microsite.detail > .header h2 {
  font-size: 1.833em;
  line-height: 1.389em;
  font-weight: normal;
  margin-bottom: 5px; }

.microsite.detail > .header .pavilion {
  font-size: 1em;
  color: #666666;
  margin-bottom: 20px; }

.microsite.detail > .header .category {
  font-size: 0.917em;
  color: #666666; }

/* Buscador */
.search .row {
  margin-top: 20px; }

.search .expositor {
  background: white;
  padding: 0 20px 0;
  float: left;
  width: 290px;
  zoom: 1; }

.search .expositor:before, .search .expositor:after {
  content: "";
  display: table; }

.search .expositor:after {
  clear: both; }

.search .expositor h2, .search .expositor p {
  font-size: 1em;
  margin-bottom: 10px;
  margin-right: 110px; }

.search .expositor h2 {
  text-transform: uppercase; }

.search .expositor img {
  float: right; }

.search .expositor.last {
  padding-right: 0; }

.search .content, .search .activity, .search .newstuff {
  margin-left: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
  zoom: 1; }

.search .content:before, .search .content:after, .search .activity:before, .search .activity:after, .search .newstuff:before, .search .newstuff:after {
  content: "";
  display: table; }

.search .content:after, .search .activity:after, .search .newstuff:after {
  clear: both; }

.search .content h2, .search .activity h2, .search .newstuff h2 {
  font-size: 1.083em;
  line-height: 1.307em;
  font-weight: bold;
  margin-bottom: 5px; }

.search .content h2 a, .search .activity h2 a, .search .newstuff h2 a {
  text-decoration: none; }

.search .content p, .search .activity p, .search .newstuff p {
  color: #666666;
  margin: 0; }

.search .content img, .search .activity img, .search .newstuff img {
  margin: 2px 0 0 20px;
  float: right; }

.search .content.first, .search .activity.first, .search .newstuff.first {
  margin-top: 10px; }

.search .content.last, .search .activity.last, .search .newstuff.last {
  border-bottom: none; }

.search .newstuff {
  padding: 20px 0;
  margin-left: 0; }

.search .newstuff .category {
  font-size: 0.917em; }

.search .newstuff .expositor {
  text-transform: uppercase;
  padding-left: 0; }

.search .newstuff h2 {
  margin-bottom: 0; }

.search .newstuff.featured {
  border-bottom: 3px solid #FD3600; }

.search .newstuff.featured img {
  margin-top: 20px; }

.search .newstuff.featured span {
  color: #fff;
  background: #FD3600;
  font-size: 0.833em;
  text-transform: uppercase;
  padding: 0 0.8em; }

.search .content {
  padding: 10px 0; }

.search .content p {
  margin-bottom: 0; }

.search .taxonomy {
  margin: 10px 0 0;
  color: #666666; }

.search .brands {
  margin: 20px -20px 0 0;
  padding-left: 0; }

.search .brands li {
  float: left;
  width: 290px;
  padding-left: 20px;
  margin: 0 20px 10px 0;
  background-image: none; }

/* Prensa y novedades */
.new-press .item-new {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 20px;
  padding-bottom: 20px;
  zoom: 1; }

.new-press .item-new:before, .new-press .item-new:after {
  content: "";
  display: table; }

.new-press .item-new:after {
  clear: both; }

.new-press .item-new.high {
  padding: 0 0 20px;
  border: none;
  border-bottom: 3px solid #f8f8f8; }

.new-press .item-new.last {
  border: none; }

.new-press .item-new .featured {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  color: #777;
  background: #f8f8f8;
  font-size: 0.833em;
  text-transform: uppercase; }

.new-press .item-new img {
  float: left;
  border: 1px solid #cccccc; }

.new-press .item-new .header, .new-press .item-new .description {
  margin-left: 180px; }

.new-press .item-new .header {
  padding-right: 100px; }

.new-press .item-new .header p, .new-press .item-new .header h2 {
  margin: 0; }

.new-press .item-new .header .taxonomy {
  font-size: 0.917em;
  color: #666666; }

.new-press .item-new .header h2 {
  font-size: 1.25em;
  line-height: 1.333em;
  font-weight: bold; }

.new-press .item-new .header h2 a {
  text-decoration: none; }

.new-press .item-new .header .exhibitor {
  font-size: 1em;
  color: #666666;
  text-transform: uppercase; }

.new-press .item-new .description p {
  margin: 10px 0 0; }

.new-press .item-new.nopic .header, .new-press .item-new.nopic .description {
  margin-left: 0; }

.new-press-detail .header .category {
  font-size: 0.917em;
  color: #666666;
  margin-bottom: 5px; }

.new-press-detail .header h1 {
  font-size: 1.75em;
  line-height: 1.136em;
  margin-bottom: 20px; }

.new-press-detail .expositor {
  zoom: 1; }

.new-press-detail .expositor:before, .new-press-detail .expositor:after {
  content: "";
  display: table; }

.new-press-detail .expositor:after {
  clear: both; }

.new-press-detail .expositor img {
  float: left;
  margin-right: 10px; }

.new-press-detail .expositor p {
  margin-left: 55px; }

.new-press-detail .expositor p span {
  font-size: 1.083em;
  text-transform: uppercase; }

.news-list .header h1 {
  font-size: 1.75em;
  line-height: 1.136em;
  margin-bottom: 20px; }

.news-list .utilities {
  margin-bottom: 20px;
  margin-top: -45px; }

.news-list .news-list-item {
  padding: 20px 0 10px;
  border-top: 1px solid #e0e0e0;
  zoom: 1; }

.news-list .news-list-item:before, .news-list .news-list-item:after {
  content: "";
  display: table; }

.news-list .news-list-item:after {
  clear: both; }

.news-list .news-list-item .date.vertical {
  width: 80px;
  float: left; }

.news-list .news-list-item .description {
  margin-left: 100px; }

.news-list .news-list-item .description h2 {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.333em;
  margin-bottom: 5px; }

.news-list .news-list-item .description h2 a {
  text-decoration: none; }

.news-list .news-list-item .description p {
  margin-bottom: 10px; }

.news-list .news-list-item.first {
  padding-top: 0;
  border: none; }

.news-detail .header h1 {
  font-size: 1.75em;
  line-height: 1.136em;
  margin-bottom: 10px; }

.news-detail .header .date {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 20px; }

.press-list .press-list-item {
  padding: 20px 0;
  border-top: 1px solid #e0e0e0; }

.press-list .press-list-item.first {
  border: none; }

.press-list .press-list-item .date {
  margin-bottom: 10px; }

.press-list .press-list-item p {
  margin-bottom: 5px; }

.press-list .press-list-item h2 {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.538em;
  margin-bottom: 0; }

.press-list .press-list-item h2 a {
  text-decoration: none;  }

.press-list .press-list-item h2 a:hover{color: #FD3600;}


.press-detail .header h1 {
  font-size: 1.75em;
  line-height: 1.136em;
  margin-bottom: 20px; }

.press-detail .header p {
  font-size: 1em;
  margin-bottom: 5px; }

.press-detail .header .date {
  margin-bottom: 10px; }

.press-detail h3 {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.333em;
  color: #282423;
  margin-bottom: 10px; }

.press-detail .author {
  margin-bottom: 40px; }

.press-detail .author p {
  line-height: 1.667em; }

/* Agenda */
.activities-per-day .months,
.event-list .months {
  margin-bottom: 10px; }

.activities-per-day .months li,
.event-list .months li {
  display: inline-block; }

.activities-per-day .months li:after,
.event-list .months li:after {
  content: url(../images/agenda-arrow.png);
  float: right;
  padding: 0;
  margin-top: 2px; }

.activities-per-day .months li.last:after,
.event-list .months li.last:after {
  content: none; }

.activities-per-day .months li a,
.event-list .months li a {
  color: #999999; }

.activities-per-day .months li a:hover,
.event-list .months li a:hover {
  color: #000000; }

.activities-per-day .days,
.event-list .days {
  zoom: 1; }

.activities-per-day .days:before, .activities-per-day .days:after,
.event-list .days:before,
.event-list .days:after {
  content: "";
  display: table; }

.activities-per-day .days:after,
.event-list .days:after {
  clear: both; }

.activities-per-day .days li,
.event-list .days li {
  float: left; }

.activities-per-day .days li a,
.event-list .days li a {
  display: block;
  background: #f2f2f2;
  width: 58px;
  height: 58px;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin: 0 1px 1px 0;
  text-align: center; }

.activities-per-day .days li a:hover,
.event-list .days li a:hover {
  background: #e0e0e0; }

.activities-per-day .days li a span, .activities-per-day .days li a abbr,
.event-list .days li a span,
.event-list .days li a abbr {
  display: block; }

.activities-per-day .days li a span,
.event-list .days li a span {
  font-size: 1.833em;
  color: #000000;
  padding-top: 0.75em; }

.activities-per-day .days li a abbr,
.event-list .days li a abbr {
  font-size: 1em;
  color: #999999; }

.activities-per-agenda .activities li {
  margin-bottom: 7px; }

.activities-per-agenda .activities li a {
  display: block;
  padding: 3px 40px 3px 3px;
  min-height: 33px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: transparent url(../images/agenda-arrow.png) no-repeat center right; }

.activities-per-agenda .activities li a:hover {
  border-color: #282423; }

.agenda-activity .header {
  margin-bottom: 10px; }

.agenda-activity .event .pic {
  float: right;
  width: 165px;
  margin: 0 0 0 25px;
  display: block; }

.agenda-activity .event .pic img {
  display: block;
  max-width: 100%;
  margin: 0; }

.agenda-activity .event .header {
  margin: 10px 0 10px;  }

.agenda-activity .event .header .title {
  color: #000000;
  font-size: 1.333em;
  line-height: 1.4em;
  font-weight: bold;
  margin: 0; }

.agenda-activity .event .header .title a {
  text-decoration: none; }

.agenda-activity .event .header .agenda {
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 4px;
  color: #666666;
  background: #f2f2f2;
  font-size: 0.917em;
  border: none;
  border-bottom: 1px solid #cccccc; }

.agenda-activity .event .header .agenda:hover {
  color: #000000;
  border-color: #000000; }

.agenda-activity .event .header span {
  display: block; }

.agenda-activity .event .header .date-time {
  font-size: 1em;
  font-weight: bold;
  color: #666666; }

.agenda-activity .event .header .location {
  font-size: 1em;
  color: #666666; }

.agenda-activity .event .more-info {
  margin-bottom: 20px; }

.agenda-activity .event .more-info span {
  color: #999999; }

.agenda-activity .event .more-info li {
  display: inline-block;
  margin-right: 25px;
  padding-left: 0;
  background-image: none; }

.agenda-activity .event-list {
  margin-top: 20px; }

.agenda-activity .event-list .event {
  padding: 0;
  border-bottom: 1px solid #e0e0e0; }

.agenda-activity .event-list .event .pic {
  width: 160px;
  margin-bottom: 20px; }

.agenda-activity .event-list .event.featured {
  position: relative;
  padding-top: 25px;
  border-bottom: 3px solid #e0e0e0;  }

.agenda-activity .event-list .event.featured span.featured {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 0 4px;
  color: #777;
  background: #f8f8f8;
  font-size: 0.833em;
  text-transform: uppercase;  }

.agenda-activity .event-list .event .conferences,
.agenda-activity .event-list .event .more-info,
.agenda-activity .event-list .event .organizers,
.agenda-activity .event-list .event .sponsors {
  margin-left: 20px; }

.agenda-activity .agenda-tabs {
  margin-top: 20px;
  border-bottom: 3px solid #e0e0e0;
  padding-left: 0;
  zoom: 1; }

.agenda-activity .agenda-tabs:before, .agenda-activity .agenda-tabs:after {
  content: "";
  display: table; }

.agenda-activity .agenda-tabs:after {
  clear: both; }

.agenda-activity .agenda-tabs li {
  float: left;
  margin-right: 5px;
  margin-bottom: -3px;
  padding-left: 0;
  background-image: none; }

.agenda-activity .agenda-tabs li a {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 35px;
  height: 35px;
  padding: 0 8px;
  border-bottom: 3px solid #e0e0e0;
  background-color: #f2f2f2; }

.agenda-activity .agenda-tabs li a abbr {
  font-size: 0.667em;
  font-weight: normal; }

.agenda-activity .agenda-tabs li a:hover {
  background-color: #e0e0e0; }


.agenda-activity .agenda-tabs li.active a {
  color: white;
  background-color: #FD3600;
  border-bottom: 3px solid #FD3600;  }

.agenda-activity .registration, .agenda-activity .program, .agenda-activity .conferences {
  margin-bottom: 20px; }

.agenda-activity .registration {
  border-top: 3px solid #eee;
  background: #f8f8f8; }

.agenda-activity .registration .day, .agenda-activity .registration .time, .agenda-activity .registration .location {
  display: inline-block;
  padding: 20px; }

.agenda-activity .registration .day {
  border-right: 1px solid #eee; }

.agenda-activity .registration .day span {
  font-size: 1.833em;
  color: #000000; }

.agenda-activity .registration .day abbr {
  font-size: 1em;
  color: #999999; }

.agenda-activity .registration .button {
  float: right;
  margin: 15px 20px 0 0; }

.agenda-activity .program h2 {
  color: #666666;
  font-size: 1.5em;
  line-height: 1.1em;
  margin-bottom: 15px; }

.agenda-activity .program .pic {
  width: 225px;
  float: right;
  margin: 0 0 0 25px; }

.agenda-activity .program .pic img {
  max-width: 100%; }

.agenda-activity .conferences h2 {
  color: #000000;
  font-size: 1.25em;
  font-weight: bold; }

.agenda-activity .conferences ul {
  margin-bottom: 5px;
  padding-left: 0; }

.agenda-activity .conferences ul li {
  margin-bottom: 5px;
  padding-left: 0;
  background-image: none; }

.agenda-activity .conferences ul li em {
  font-family: Arial, sans-serif;
  font-size: 1em; }

.agenda-activity .organizers, .agenda-activity .sponsors {
  border-top: 1px solid #e0e0e0;
  margin-bottom: 20px; }

.agenda-activity .organizers h2, .agenda-activity .sponsors h2 {
  font-size: 0.667em;
  text-transform: uppercase;
  margin-bottom: 10px; }

.agenda-activity .organizers h2 span, .agenda-activity .sponsors h2 span {
  display: inline-block;
  padding: 2px 4px;
  color: #666666;
  background: #e0e0e0; }

.agenda-activity .organizers ul, .agenda-activity .sponsors ul {
  margin-left: 15px;
  padding-left: 0; }

.agenda-activity .organizers ul li, .agenda-activity .sponsors ul li {
  display: inline-block;
  margin-right: 10px;
  padding-left: 0;
  background-image: none; }

.agenda-activity .organizers ul li a, .agenda-activity .sponsors ul li a {
  text-decoration: none; }

.agenda-activity.detail .header h1, .agenda-activity.list .header h1, .agenda-activity.days .header h1 {
  font-size: 1.833em; }

.agenda-activity.list .row {
  margin-bottom: 30px; }

.agenda-activity.list .event {
  border: 5px solid #e0e0e0; }

.agenda-activity.list .event .header {
  padding: 20px 0 0 20px; }

.agenda-activity.list .event p, .agenda-activity.list .event .more-info {
  padding: 0 0 0 20px; }

.agenda-activity.list .event .pic {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0; }

.agenda-activity.days .event-list .event.featured {
  padding-top: 0; }

.agenda-activity.days .event-list .event.featured .pic {
  margin-top: 25px; }

/*
 * Ads
 *
 */
#ad-top .banner a {
  display: block;
  text-decoration: none;}

#ad-top .banner a img {
  display: block;
  max-width: 100%; }

#ad-top .banner-980x50,
#ad-top .wrap {
  width: 980px;
  margin: 0 auto;
  padding: 13px 0; }

#ad-top .banner-728x90 {
  float: left;
  width: 728px;
  padding-left: 20px;
  background: white url(../images/banner-bg.png) no-repeat center left; }

#ad-top .banner-220x42 {
  float: right;
  width: 220px; }

#ad-top .banner-220x42.first {
  margin-bottom: 6px; }

#content .banner p.section {
  font-size: 0.917em;
  color: #999999;
  margin: 0; }

#content .banner-300 {
  width: 300px;
  margin-bottom: 20px; }

#content .banner-300 a {
  display: block;
  text-decoration: none; }

#content .banner-300 a img {
  display: block;
  max-width: 100%; }

#content .banner.double {
  margin-right: -20px;
  zoom: 1; }

#content .banner.double:before, #content .banner.double:after {
  content: "";
  display: table; }

#content .banner.double:after {
  clear: both; }

#content .banner.double .banner-300 {
  float: left;
  margin-right: 20px; }

/*
 * Override js plugin styles
 *
 */
/* PrettyPhoto Gallery */
.pp_content_container a {
  text-decoration: none; }

.pp_content_container a:hover {
  text-decoration: none; }

/* Simply Scroll */
.simply-scroll {
  width: 100%;
  height: 90px;
  margin-bottom: 0; }

.simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 90px; }

.simply-scroll .simply-scroll-clip .simply-scroll-list li {
  float: left;
  width: 90px;
  height: 65px;
  margin: 0 5px 10px; }

.simply-scroll .simply-scroll-clip .simply-scroll-list li a, .simply-scroll .simply-scroll-clip .simply-scroll-list li span {
  width: 100%; }

.simply-scroll .simply-scroll-clip .simply-scroll-list li a img, .simply-scroll .simply-scroll-clip .simply-scroll-list li span img {
  max-width: 100%;
  margin: 0 auto !important; }

.vert {
  width: 100%;
  height: 300px;
  margin-bottom: 0; }

.vert .simply-scroll-clip {
  width: 100%;
  height: 300px; }

.vert .simply-scroll-list li {
  width: 100%;
  height: 55px; }

.vert .simply-scroll-list li a, .vert .simply-scroll-list li span {
  width: 100%; }

.vert .simply-scroll-list li a img, .vert .simply-scroll-list li span img {
  max-width: 100%;
  margin: 0 auto !important; }

fieldset {
    border: 0;
}
/**************marcador continguts estandards********************************************/
  .content-stand  {
  background-color: #FF9900;
  display: inline-block;
  color: #fff;
  padding: 0px 3px;
  font-size: 10px;
  margin-bottom: 5px;
}
.list-button ul {
    float: left;
    width: 55%;
}
.sales_inter_card .card > div {
    width: 45%;
}

h1 span.sales_title, h1 span.sales_inter_title{color: #000;}
.travel.box-h h2::before {left: 170px;}

.travel.box-h .box-txt{margin-left: 260px;}

.travel.box-h .box-img{width: auto;}

/*classes generiques css*/

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.floatleft {float: left;}
.floatright {float: right;}

.margin-v{margin: 20px 0;}
.margin-top{margin-top: 35px;}
.margin-top-mini{margin-top: 15px;}
.margin-bottom {margin-bottom: 60px;}
.margin-h {padding: 0 20px;}
.margin-left {padding-left: 20px;}
.margin-right {padding-right: 20px;}
.paddingGrande{padding:80px 0 60px!important;}


.border{border: 1px solid #E0E0E0;}
.border-left {border-left: 1px solid #E0E0E0;}
.border-right {border-right: 1px solid #E0E0E0;}
.border-bottom{border-bottom: 1px solid #E0E0E0;}
.border-top{border-top: 1px solid #E0E0E0;}
.border-radius{}

.big{font-size:40px;}
.small{font-size:9px;}
.letspace{letter-spacing:1px;}
.txtwhite {color: #fff;}

.trans .portlet.box {background-color: transparent;}
.grey {background-color: #F4F4F5;}
.vAlignMiddle{vertical-align: middle;}
.white {background-color: #fff;}

a{cursor:pointer; text-decoration: underline;}
.lnk{cursor:pointer;}

.subhigh {    background-color: #f8f8f8;}

a.button_right{ border: 1px solid #ccc}
a.button_right:hover {    background-color: #f8f8f8;}
.sales_team_tabs.article .search-tabs li a,
.button_right:before{ color: #333; }
a.button_right:hover:before {    color: inherit;}
.list-button li{    border-top: 1px solid #ccc;    border-bottom: 1px solid #ccc;}
cite{ color: inherit;}
.subpack {    border-left: 1px solid #eee;}
.llistat li{ background: none;}
.accmob [class*='icon-']:before {  color: #333;}
.participacio__form form{ background: #333;}
.participacio-steps > div .over{ border: 4px solid #333;}

/***estandaritzacio***/

.lista li {

    padding-left: 10px;
    background-image: url("../images/bulletx.gif");
    background-repeat: no-repeat;
    background-position: 0 7px;
    margin-bottom: 7px;
    color: #5C5C5C;

}

.contact .card {
    background-color: #F5F5F5;
    border-top: 0 solid #DBE9F0;
    float: left;
    width: 230px;
    padding: 30px 30px 20px;
    margin-right: 15px;
    margin-bottom: 15px;
}



/*final classes generiques css*/




/*
 * START: Converting fixed with layout to 100% width fluid
------------------------------------------------------------------- */
.fila,
#nav-main .dropdown{
  max-width: 1200px;
  margin: auto;
}

#header,
#nav-main,
#content,
#footer {
  width: 100%;
  /* Set width value to 980px for fixed width */
  /* /* Uncomment for max-width centered content when combined with width: 100% */
  margin-left: auto;
  margin-right: auto;
}

#nav-main,
#content,
.col-640 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-940,
.col-640,
.col-620,
.col-460,
.col-407,
.col-300,
.col-240,
.col-193 {
  margin-right: 2.127659574%;
}

.col-940 {
  width: 100%;
  margin-right: 0;
}

.col-640 {
  width: 71.276595745%;
  margin-right: 3.191489362%;
}

.col-620 {
  width: 65.957446809%;
}

.col-460 {
  width: 48.936170213%;
}

.col-407 {
  width: 43.29787234%;
}

.col-300 {
  width: 31.914893617%;
}

.col-240 {
  width: 25.531914894%;
}

.col-193 {
  width: 20.531914894%;
}

.wrapper_header,
#main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary > div > .portlet-body {
  margin: 0 auto;
  max-width: 1200px;
}

#main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary {
  margin-left: 0px;
  margin-right: 0px;
  padding:20px 0;
}

#footer .sitemap, #footer .siteinfo {
  max-width: 1200px; margin:0 auto;
}

#header{
  margin-bottom: 0;
}

/*
 * END: Converting fixed with layout to 100% width fluid
------------------------------------------------------------------- */
#main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary.pt-fluid > div > .portlet-body{
    max-width: inherit;
}
#main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary.pt-fluid,
.pt-fluid .portlet-column-content{
    padding: 0;
}


/****estils servifira******/
.portlet-nested-portlets.center-portlet .portlet-layout {
    margin: 2% 21%;
    width: auto;
}

.portlet-nested-portlets.right-portlet .portlet-layout {
    margin:2% 0 0 51%;
    width: auto;
}
/************************************/
/*edició 2017*/
#header{
    max-width: 1200px;
    padding-top: 35px;
    border-bottom: none;
}
#header a{
    z-index: 1;
    position: relative;
}
#header #logo{
  width: 206px;
    height: auto;
    display: inline-block;
}
#nav-main{
    position: relative;
    top: -70px;
}
.link-firabcn[style]{
    display: inline-block!important;
    float: right;
    margin-right: 20px;
}
#claim{
    padding-top: 45px;
}
#header .top-nav #lang-selector .dropdown-toggle{
    background: transparent;
    color: #000;
    text-transform: uppercase;
}
#header .top-nav .portlet-language{
    width: 40px;
}
#nav-main>.dropdown>.menulevel1:nth-last-of-type(6),
#nav-main>.dropdown>.menulevel1:nth-last-of-type(7),
#nav-main>.dropdown>.menulevel1:nth-last-of-type(8){
/*    display: none;*/
}
h2:empty{
    display: none;
}
.homeSlider .flex-control-nav a{
    background: transparent;
    border: 1px solid #979797;
}
.homeSlider .flex-control-nav a.flex-active{
    background-color: #e24446;
    border-color: #e24446;
}
.homeSlider .flex-control-nav li{
    width: auto;
    float: left;
    margin-right: 5px;
}
.homeSlider .flex-control-nav{
     position: absolute;
    bottom: -30px;
    right: 30px;
}
.homeSlider .flex-control-nav a{
    display: block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    border: none;
    background-color: #d6d6d6;
    text-indent: -9999em;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.homeSlider .slides > li{
    position: relative;
}
.homeSlider h3{
    font-size: 30px;
}
.homeSlider .caption{
    padding: 30px;
}
.homeSlider .caption h1{
    font-size: 30px;
    margin-bottom: 20px;
}
.homeSlider .caption p.section{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
.homeSlider .caption a{
    text-decoration: none;
/*    color: #9A999E;*/
    opacity: 0.5;
    font-size: 14px;
}
.takeCare h1{
    margin-bottom: 30px;
}

.takeCare .portlet-column-first a{
    text-decoration: none;
    font-weight: bold;
    font-size: 19px;
    line-height: 25px;
}

/*.box-txt h6:hover .arrow,.box-txt h6:hover .lnk,.box-txt h6:hover > a {
    -webkit-animation-name: arrowMove; /* Safari 4.0 - 8.0
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0
    animation-name: arrowMove;
    animation-duration: 0.5s;
}
.caption:hover .arrow,.caption:hover > a {
    -webkit-animation-name: arrowMove; /* Safari 4.0 - 8.0
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0
    animation-name: arrowMove;
    animation-duration: 0.5s;
}
.animationFaqs .portlet.box p:hover{
  -webkit-animation-name: arrowMove; /* Safari 4.0 - 8.0
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0
  animation-name: arrowMove;
  animation-duration: 0.5s;
}
.salonBlock .portlet.box > p:hover{
  -webkit-animation-name: arrowMove; /* Safari 4.0 - 8.0
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0
  animation-name: arrowMove;
  animation-duration: 0.5s;
}
.box p > a,.animationFaqs .portlet.box p,.caption > a,.salonBlock .portlet.box > p{position: relative;}*/

.box-txt h6 a{
     transition: color ease 0.2s;
    transition-delay: 0.4s;
    position: relative;
}
.box-txt h6 span,
.box-txt h6 a{
    top: 20px;
}
.box-txt h6:hover a{

    color: #FF5000!important;
}
.arrow:hover +a{
/*    color: #FF5000;*/
}
.less,
.more,
.arrow{
    position: relative;
    width: 21px;
    height: 12px;
    line-height: 12px;
    display: inline-block;
    margin-right: 5px;
     background: url(data:image/svg+xml,%3Csvg%20width%3D%2221px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2021%2012%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%3Cg%20id%3D%22web-servifira-ok%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%22home%22%20transform%3D%22translate%28-1280.000000%2C%20-1550.000000%29%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-11%22%20transform%3D%22translate%281280.000000%2C%201539.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22noun_972069_cc%22%20transform%3D%22translate%280.000000%2C%2011.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%280.000000%2C%200.162595%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5693892%2C0.084361869%20C15.365244%2C0.0946382793%2015.185516%2C0.217391326%2015.1077707%2C0.399644259%20C15.0300254%2C0.581897191%2015.0681819%2C0.791020582%2015.2057729%2C0.936762677%20L19.1724963%2C5.19080035%20L0.793344673%2C5.19080035%20C0.776825746%2C5.19005317%200.760279558%2C5.19005317%200.743760631%2C5.19080035%20C0.554777163%2C5.19930338%200.384859646%2C5.30436326%200.298029291%2C5.46639572%20C0.211198936%2C5.62842818%200.220651009%2C5.8228098%200.322824175%2C5.97630182%20C0.424997342%2C6.12979383%200.604364748%2C6.21907068%200.793344673%2C6.21049478%20L19.1724963%2C6.21049478%20L15.2057729%2C10.4565661%20C15.0132474%2C10.6679032%2015.0342052%2C10.9895172%2015.2526525%2C11.1759677%20C15.4710997%2C11.3624182%2015.8048127%2C11.3435252%2015.9991176%2C11.1337069%20L20.7591856%2C6.0352348%20C20.9370988%2C5.84210016%2020.9370988%2C5.55122861%2020.7591856%2C5.35809397%20L15.9991176%2C0.259621848%20C15.8917889%2C0.140163312%2015.7330664%2C0.0754300874%2015.5693892%2C0.084361869%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%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);
    background-size: cover;
}
@keyframes arrowMove {
    0%   {left: 0px;}
    50%  {left: -20px;}
    100% {left: 0px;}
}
#smartphoneIcon{
    margin-bottom: -5px;
    margin-left: 2px;
}
#emailIcon{
    margin-bottom: -3px;
}
.products .portlet.box-h .box-txt img{
    position: absolute;
    right: 20px;
    width: 70px !important;
    top: 10px;
    opacity: 0;
}
.products .box-h:hover .box-txt img{
    opacity: 1;
}
.products .box-h .box-img img {
    margin-bottom: -5px;
}
.products .portlet.box.box-h.high h2.title a{
    transition: none;
}
.products .box-h:hover h2.title span,
.products .portlet.box.box-h.high:hover h2.title a{
    color: #FD3600!important;
}
.square{
    border-radius: 12px;
}
/*formulari pagina contacte
---------------------------------------------------------------*/

#_webformcustomportlet_WAR_webformcustomportlet_INSTANCE_2rPQ_fieldOptionalErrorNombre+.aui-field{
    margin-right: 20px;
}
.contanct:not(.controls-visible) .portlet-body .aui-field-content label{
    display: none;
}
.contanct:not(.controls-visible) .portlet-body .aui-field-choice label{
    display: inline;
}
fieldset.aui-fieldset  legend.aui-fieldset-legend{
    display: none;
}
#_webformcustomportlet_WAR_webformcustomportlet_INSTANCE_2rPQ_fieldOptionalErrorMensaje+.aui-field{
    width: 100%;
    display: block;
}
/*.contanct .aui-field-choice .aui-field-input-choice{
    height: 0;
}*/
.contanct .web-form-portlet .aui-form .portlet-msg-error{
    display: inline-block;
    position: absolute;
    top: -35px;
}
#_webformcustomportlet_WAR_webformcustomportlet_INSTANCE_2rPQ_fieldOptionalErrorMensaje>.portlet-msg-error{
    left: 0;
    top: 62px;
}
.contanct .web-form-portlet .aui-legend{
    display: none;
}
.contanct .web-form-portlet .aui-form .aui-button .aui-button-input{
       background-color: transparent;
    color: #FD3600;
}
.contanct .web-form-portlet .aui-form .aui-button .aui-button-input:hover{
       background-color: #FD3600;
    color: #fff;
}
.contanct .aui-field-element *::placeholder{
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}

#footer{
    border-top: 1px solid #ccc;
    padding-top: 30px;
    padding-bottom: 60px;
}
#footer .bottom-links>li:nth-of-type(1),
#footer .bottom-links>li:nth-of-type(2),
#footer .bottom-links>li:nth-of-type(3),
#footer .bottom-links>li:nth-of-type(4){
    display: none;
}

#footer .siteinfo{
    position: relative;
}
#footer .siteinfo .copyright{
    position: absolute;
    right: 0;
}
.noPadTop{
    padding-top: 0!important;
}
.noPadBot{
    padding-bottom: 0!important;
}
.noMargBot{
  margin-bottom: -5px;
}
.contactFormCol{
    padding-right: 50px; padding-top: 0px;
}
.mapa.pt-fluid iframe{
    width: 100%;
}
.onlineCatalog .aui-w30 .journal-content-article{
    width: 330px;
}
.onlineCatalog .aui-w30{
    position: relative;
    top: 80px;
}
.onlineCatalog .aui-w30 .cite{
    margin-left: 0;
}
.onlineCatalog .aui-w30 .cite h1{
    font-size: 30px;
    line-height: 24px;
    padding: 0;
}
.onlineCatalog .aui-w30 .cite h1::before{
    font-size: 300px;
    opacity: 0.8;
    position: absolute;
    left: -160px;
}
.onlineCatalog .aui-w70{
    width: 65%;
}
.onlineCatalog .aui-w50 .aui-w50 h6{
    width: 270px;
    display: inline-block;
    margin: 0 auto;
}
.bigArrow .arrow{
    width: 38px;
    height: 21px;
    float: left;
    margin: 20px 0;
    margin-right: 30px;
}

.orangeLink .arrow{
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2221px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2021%2012%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%3Cg%20id%3D%22web-servifira-ok%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%22home%22%20transform%3D%22translate%28-1280.000000%2C%20-1550.000000%29%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%23FD3600%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-11%22%20transform%3D%22translate%281280.000000%2C%201539.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22noun_972069_cc%22%20transform%3D%22translate%280.000000%2C%2011.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%280.000000%2C%200.162595%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5693892%2C0.084361869%20C15.365244%2C0.0946382793%2015.185516%2C0.217391326%2015.1077707%2C0.399644259%20C15.0300254%2C0.581897191%2015.0681819%2C0.791020582%2015.2057729%2C0.936762677%20L19.1724963%2C5.19080035%20L0.793344673%2C5.19080035%20C0.776825746%2C5.19005317%200.760279558%2C5.19005317%200.743760631%2C5.19080035%20C0.554777163%2C5.19930338%200.384859646%2C5.30436326%200.298029291%2C5.46639572%20C0.211198936%2C5.62842818%200.220651009%2C5.8228098%200.322824175%2C5.97630182%20C0.424997342%2C6.12979383%200.604364748%2C6.21907068%200.793344673%2C6.21049478%20L19.1724963%2C6.21049478%20L15.2057729%2C10.4565661%20C15.0132474%2C10.6679032%2015.0342052%2C10.9895172%2015.2526525%2C11.1759677%20C15.4710997%2C11.3624182%2015.8048127%2C11.3435252%2015.9991176%2C11.1337069%20L20.7591856%2C6.0352348%20C20.9370988%2C5.84210016%2020.9370988%2C5.55122861%2020.7591856%2C5.35809397%20L15.9991176%2C0.259621848%20C15.8917889%2C0.140163312%2015.7330664%2C0.0754300874%2015.5693892%2C0.084361869%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%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);
}

.weCare h2{
    font-size: 21px;
    margin-bottom: 35px;
}
.weCare h6 a{
    text-decoration: none;
}
.weCare h6 img{
    margin-right: 10px;
}
.salonBlock .portlet a{
    color: #5C5C5C;
}
.salonBlock .portlet h2{
    font-size: 13px;
    line-height: 21px;
    color: #5c5c5c;
    margin-bottom: 40px;
}
.salonBlock .portlet h2 p{
    font-weight: 300;
    font-size: 13px;
}

.salonBlock .portlet *{
    order: 2;
}
.salonBlock .portlet img{
    order: 1;
    align-self: left;
    margin-bottom: 50px;
    height: 65px;
}
.orangeLink{
    color: #FD3600!important;
    font-weight: bold;
}
a.orangeLink:hover{
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.guestService h2 img{
    margin-bottom: 0;
    margin-right: 10px;
}
#main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary.guestService{
    padding-bottom: 0;
}
.faqsBox{margin-top:35px;}
.faqsBox .faqs-item{
    margin-bottom: 50px;
}
.faqsBox .faqs-item h2{
    background-color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding: 50px 40px;
    padding-right: 80px;
    margin-bottom: 0;
    position: relative;
}
.faqsBox .faqs-item h2:before{
    content: "+";
    position: absolute;
    right: 20px;
    font-size: 30px;
    font-weight: 100;
    font-family: initial;
    top: calc(50% - 10px);
    transition: all ease 0.5s;
}
.faqsBox .faqs-item h2.opened:before{
    transform: rotate(45deg);
    color: #FD3600;
}
.faqsBox .faqs-item h6:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #ccc;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -30px;
}
.faqsBox .faqs-item h6{
    padding: 40px 70px 40px 40px;
    background: #fff;
    margin-bottom: 0;
}
.structureBlock .portlet-journal-content{
    margin-bottom: 30px;
}
.structureBlock .portlet{
    display: flex;
    flex-flow: column;
    margin-bottom:0;
}
.structureBlock .portlet *{
    order: 2;
}
.structureBlock .portlet > p{margin-bottom: 25px;}
.structureBlock .portlet img{
    order: 1;
    max-width: calc(100% + 80px) !important;
    position: relative;
    align-self: center;
    top: -25px;
}
#logo{
    position: relative;
}
@keyframes blinker {
  to {
    visibility: hidden;
  }
}
#claim .button{
    position: absolute;
    background-color: #FD3600;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    padding: 12px 20px;
    border: 2px solid #FD3600;
    text-shadow: none;
    top: 45px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height:40px;
}
#claim .button:hover{
opacity: 0.7;
}
#claim .button img{
    margin-bottom: -2px;
    display:none;
}
#main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary.workTopBlock{
    padding-top: 40px;
}
.workTopBlock .journal-content-article h1{
    margin-bottom: 15px;
}
.guestService h5{
    line-height: 27px;
    font-size: 20px;
}
.portlet a:hover{
    color: #FF5000 !important;
}
/*.portlet a:hover .arrow{
-webkit-animation-name: arrowMove;
-webkit-animation-duration: 0.5s;
animation-name: arrowMove;
animation-duration: 0.5s;
}
/*******************************/
/*tiny menu*/
#header.tiny+#nav-main,
#header,
#claim,
#header::before{
    transition: all ease 0.5s;
}
#header.tiny #claim .button{
    top: 7px;
    padding: 10px 20px;
}
#header.tiny #claim,
#header.tiny{
    padding: 0;
}
#header.tiny+#nav-main{
    top: 7px;
}
#header.tiny .link-firabcn{
    margin-right: 40px;
    top: 5px;
}
#header.tiny .link-firabcn img{
    width: 80px;
}
#header.tiny::before{
    height: 50px;
}
#header.tiny #logo::after,
#header.tiny #logo img{
    transform: scale(0.9,0.9);
}
/*******************************/
#map{
    height: 500px;
}
/*******************************/
/*++++++++++++++++++++++*/
/************************/
/*DESKTOP*/
@media (min-width:600px){
    .contact .aui-form>.fieldset{
        display: inline-block;
        width: 90%;
    }
    .onlineCatalog{margin-top:-50px;}
    .oneNineCol>div>div>div>div>.aui-w30{
        width: 10%!important;
    }
    .sixFourCol .aui-w70{
        width: 60%;
    }
    .sixFourCol .aui-w30{
        width: 40%;
    }
    #header:before{
        content: "";
        width: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        z-index: 1;
        height: 120px;
        left: 0;
        border-bottom: 1px solid #ccc;
    }
    #header.tinyFira:before{
      box-shadow: 0px 0px 7px 2px #ccc;
      border-bottom:none;
    }
    #carousel .flex-viewport {
        height: 600px !important;
    }
    #carousel{
        margin-top: 100px;
    }
    #carousel img,
    #carousel li{
        height: 140px!important;
    }
    #carousel li .thumb{
        border: 5px solid transparent;
    }
    #carousel li .thumb{
        display: inline-block;
        height: 140px;
    }
    #carousel li{
        margin-bottom: 10px;
        position: relative;
        width: 212px;

    }
    #slider img,
    #slider li{
        height: 591px!important;
    }

    ul.slides {
    margin-bottom: 30px;
}
    .galleryBlock .aui-w30 {
        width: 20%;
    }
    #slider .flex-viewport{
        max-width: 896px;
    }
    #carousel .thumb.active{
        border-color: #FD3600;
    }
    #carousel .thumb.active:before{
        content: "";
        width: 202px;
        height: 100%;
        background: #FD3600;
        position: absolute;
        opacity: 0.5;
    }
    #carousel .thumb.active:after{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #fd3700;
        position: absolute;
        top: calc(50% - 5px );
        right: -10px;
    }
    #carousel img,
    #carousel li{
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
    }
    .cite h1{
        font-size: 50px;
        /*font-weight: bold;*/
        max-width: 300px;
        line-height: 44px;padding-left: 100px;padding-bottom: 20px;
    }
    .weCare h6,
    .weCare h2{
        padding-left: 100px;
    }

    .weCare h6 {
    font-size: 16px;
    line-height: 26px;
}
    .sliderDetail{margin-top: 45px;}
    .sliderDetail .caption h2{
        font-size: 90px;
        margin-bottom: 0px;
        font-weight: bold;
        color: #FD3600;
    }
    .entusiasm .aui-w70{width:55%;}
    .entusiasm img{
        float: left;
        height: 120px;
        margin-top: -20px;
    }
    .sliderDetail .caption h4{
        font-size: 26px;
        line-height: 23px;
    }
    .homeSlider .caption{
        width: 220px;
        height: 160px;
        display: inline-block;
        background: #fff;
        position: absolute;
        top: 40%;
        left: 50%;
        min-height: 180px;
    }
    #header #claim {
      position: absolute;
      top: 0px;
      right: 0;
      width: 350px;
      height: 80px;
    }
    .salonBlock .portlet{
        padding: 0 30px;
        border-left: 1px solid #ccc;
        display: flex;
        flex-flow: column;
        height: 270px;
    }
    /*-----------------------------------*/
    /*fixed menu*/
    #header{
        position: fixed;
        left: calc(50% - 600px);
        background: transparent;
        z-index: 1;
        opacity: 0.95;
    }
    #nav-main{
        position: fixed;
        z-index: 1;
        left: calc(50% - 600px + 240px);
        top: 50px;
        width: 710px;
        padding-left: 0;
    }
    #nav-main ul.dropdown li{margin-left:15px;}
    #content{
        padding-top: 115px;
    }

    /* end fixed menu*/
    /*-----------------------------------*/
    .box-h-xl .box-img {
      width: 270px; }
    .box-h .box-img {
      float: left;
      width: 270px;
      margin-right: 30px;
      position:relative; }
    .box-h.super .box-img {
        width: 370px;
    }
    .box-txt,
    .box-h.high .section {
        margin-left: 300px;
    }
  #nav-main ul.dropdown li{margin-left: 40px;}

/*    contact*/
    .contanct .web-form-portlet .aui-form .aui-field.aui-field-text{
        display: inline-block;
        width: calc(50% - 10px);
        float: left;
    }
    .contanct .web-form-portlet .aui-form .aui-field.aui-field-text:last-child{
        display: block;
        float: none;
        width: 100%;
    }
    .contanct .web-form-portlet .aui-form .aui-field.aui-field-text textarea{
        height: 250px;
        resize: none;
        padding-top: 10px;
        margin-top: 15px;
    }
    .contanct .web-form-portlet .aui-form .aui-field-input-text{
        width: calc(100% - 20px);
        max-width: 100%;
        border: 1px solid #ccc;
        background: #fff;
        padding-bottom: 20px;
        padding-top: 0;
    }
    .structureBlock  .portlet-column-content{
        padding: 0 20px;
    }
    .structureBlock>div>div>.columns-3{
        width: calc(100% + 20px);
        margin-left: -20px;
    }
    .thumbNav .less,
    .thumbNav .more{
        width: 27px;
        background-position: center;
        height: 13px;
        cursor: pointer;
    }
    .thumbNav .less{
        transform: rotate(-90deg);
        position: relative;
        top: -585px;
        left:-125px;
    }
    .thumbNav .more{
        transform: rotate(90deg);
        left:-125px;
        top:82px;
    }
    .thumbNav .journal-content-article{
        display: inline-block;
        position: absolute;
        right: 20px;
        bottom: 10px;
         width: 26px;
    }
    .takeCare .portlet-column-first{
        width: 35% !important;
    }
    .takeCare .portlet-column-first .journal-content-article{padding-right:70px;}
    #footer .siteinfo .bottom-links{
        position: absolute;
        right: 170px;
        margin: 5px 0;
    }
    .guestService .portlet-column-last .journal-content-article .super{
        padding: 20px 40px;
    }
    .firstModule{margin-top: -5px!important;padding-top: 50px!important;}
    .firstModule > .portlet-borderless-container > .portlet-body > .columns-1 > .portlet-layout > .portlet-column > .portlet-dropzone > div:first-of-type{margin-bottom:35px;}

    .slideHome{margin-top: 35px;padding-top:0!important;}
    .slideHome .portlet-column-content-only{padding-top: 0;}
    .slideHome .flexslider{margin:0;}

    .vAlignMiddle .portlet-column-first,.vAlignMiddle .portlet-column-last{vertical-align: middle;}

    .std-form .aui-button{margin-bottom: 15px;}
    .std-form input[type=checkbox]{height:15px;}
    .std-form input[type=submit]{background-color:#FD3600!important;color:#ffffff!important;opacity: 1!important;font-weight: normal;}
    .std-form input:hover[type=submit]{opacity:.7!important;}
    .std-form input{margin-top: 0;}

    /* detail-product */
    .w50 .aui-w70{width:25%;}

    #claim .extra_button{ display:none;}
    #slider .flex-direction-nav{ display:none;}
  
}
/* FIN DESKTOP*/
/************************/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/***************************************************************/
/*RESPONSIVE*/
@media (max-width:599px){
  .is-mobilized .cite h1{font-size: 35px;line-height: 35px;padding-left: 70px;padding-right: 40px;}
  .is-mobilized .cite {        margin-left: 50px;    }
  .is-mobilized .cite h1::before{font-size: 135px;left: -65px;top: 70px;}
  .is-mobilized .weCare h6 img{        float: left !important;    }
  .is-mobilized .mobileCenter{        text-align: center;    }
  .is-mobilized #header .top-nav .portlet-language{        position: absolute;        top: -37px;        right: 0;    }
  .is-mobilized #claim .link-firabcn{        position: absolute;        right: 0;        top: 30px;        margin: 0;        transform: scale(0.8);    }
  .is-mobilized #header #claim{        width: 100%;        text-align: center;    }
  .is-mobilized #claim .button{        position: relative;        top: 30px;        left:-20px;    }
  .is-mobilized .faqsBox .faqs-item h2,
  .is-mobilized .faqsBox .faqs-item h6{        padding: 20px;    }
  .is-mobilized .faqsBox .faqs-item h2{        padding-right: 50px;        font-size: 18px;    }
  .is-mobilized #footer .siteinfo .copyright,
  .is-mobilized #footer .siteinfo .bottom-links,
  .is-mobilized #footer{        text-align: center;    }
  .is-mobilized #footer .siteinfo .link-home{        float: none;    }
  .is-mobilized #footer .siteinfo .copyright{        width: 100%;        padding: 0;        margin-bottom: 10px;        position: relative;    }
  .is-mobilized #footer .siteinfo .bottom-links{        margin-bottom: 0;    }
  .is-mobilized .faqsBox .faqs-item h2{        padding-right: 50px;        font-size: 18px;    }
  .is-mobilized .guestService .portlet-column-last .journal-content-article .super{        padding: 20px 10px;    }
  .is-mobilized .weCare h6{        line-height: 30px;        margin-left: -50px;        text-align: center;    }
  .is-mobilized .weCare h6 img{        float: none !important;        display: inline-block;    }
  .is-mobilized .slideHome{padding-top: 0;}
  .is-mobilized .box-h.super .section{ top: 260px; left: -25px; }
  .is-mobilized .multiColumn .box-h.super .section{ margin-left: 0;}
  .is-mobilized .super .box-txt{ padding-top: 50px;}
  .is-mobilized .portlet.box.box-h.high,  
  .is-mobilized .portlet.box.box-h.super{    width: 320px;    margin: 0 auto; position: relative; }
  
  .is-mobilized .products .portlet.box.box-h.high,  
  .is-mobilized .products .portlet.box.box-h.super{    width: 270px; background: #efefef; margin-bottom: 30px; }
  .is-mobilized .products .portlet.box-h .wrap .box-img{ margin-bottom: 0; }
  .is-mobilized .products .portlet.box-h .wrap .box-txt h2.title{ padding: 0 15px; }
  
  .is-mobilized .cite.weCare{    width: 320px;    margin: 0 auto;}
  .is-mobilized .cite.weCare h2{margin-top: 20px;margin-left: 70px;}
  .is-mobilized .products .portlet.box-h .box-txt { position: relative;}
  .is-mobilized .products .portlet.box-h .box-txt img{ opacity: 1; position: absolute;  right: 0; top: 0; }
  
  .is-mobilized .products .portlet.box-h .wrap  {display: flex; flex-wrap:wrap; justify-content: center; }
  .is-mobilized .products .portlet.box-h .wrap .box-img {order:2; flex: 0 0 100%;  }
  .is-mobilized .products .portlet.box-h .wrap .box-txt {order:1; flex: 0 0 100%;  }
  .is-mobilized .products #main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary{ padding: 0;}
  .is-mobilized .grey {    padding: 20px !important;    min-width: 100%;    margin-left: -15px!important;}
  .is-mobilized .button,
  .is-mobilized .web-form-portlet .aui-form .aui-button .aui-button-input{padding: 18px 20px !important;font-size: 14px;}
  .is-mobilized .structureBlock .portlet {        max-width: 290px;    margin:  0 auto;}
  .is-mobilized .structureBlock .portlet img{    min-height: 100%;     max-width: calc(100% + 60px) !important;}
  .is-mobilized .high {  padding: 15px 30px;  }
  .is-mobilized .onlineCatalog .aui-w30{ top: auto;}
  .is-mobilized .onlineCatalog .aui-w30 .cite{margin-left: 90px;width: calc(100% - 90px);}
  .is-mobilized .onlineCatalog .aui-w30 .journal-content-article{ width: 100%;}
  .is-mobilized .onlineCatalog .aui-w30 .cite h1::before{ font-size: 200px;  left: -100px;}
  .is-mobilized .homeSlider img{ position: absolute; min-width: 200%;}
  .is-mobilized .homeSlider .caption{background:#fff;position:  relative;margin: 10%;}
  .is-mobilized #nav-main ul.dropdown li:last-child a{        height: 40px;    width: 150px;    margin: 15px 15px;    line-height: 5px;    text-align: center;}
  .is-mobilized #nav-main ul.dropdown li.active:last-child a{ background: #fff!important; color: #FD3600;}
  .is-mobilized #claim .extra_button{
    background-color: #FD3600;
    color: #fff;
    border-radius: 20px;
    padding: 12px 10px;
    border: 2px solid #FD3600;
    text-shadow: none;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 150px;
    margin: 18px 15px 0px 75px;
    line-height: 17px;
    text-align: center;
    font-size: 12px;
    position: absolute!important;
    top: 10px;
    left: -10px;
}
  .is-mobilized body.online-catalogue #claim .extra_button{    background: #fff!important;    color: #FD3600;}
  
  .is-mobilized #slider .flex-direction-nav {margin-bottom: 50px;margin-top: 10px;}
  .is-mobilized #slider .flex-direction-nav li { height: 20px !important; float: left;}
  .is-mobilized #slider .flex-direction-nav li a{
    position: relative;
    width: 27px;
    height: 15px!important;
    line-height: 12px;
    display: inline-block;
    margin-right: 5px;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2221px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2021%2012%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%3Cg%20id%3D%22web-servifira-ok%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%22home%22%20transform%3D%22translate%28-1280.000000%2C%20-1550.000000%29%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-11%22%20transform%3D%22translate%281280.000000%2C%201539.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22noun_972069_cc%22%20transform%3D%22translate%280.000000%2C%2011.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%280.000000%2C%200.162595%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.5693892%2C0.084361869%20C15.365244%2C0.0946382793%2015.185516%2C0.217391326%2015.1077707%2C0.399644259%20C15.0300254%2C0.581897191%2015.0681819%2C0.791020582%2015.2057729%2C0.936762677%20L19.1724963%2C5.19080035%20L0.793344673%2C5.19080035%20C0.776825746%2C5.19005317%200.760279558%2C5.19005317%200.743760631%2C5.19080035%20C0.554777163%2C5.19930338%200.384859646%2C5.30436326%200.298029291%2C5.46639572%20C0.211198936%2C5.62842818%200.220651009%2C5.8228098%200.322824175%2C5.97630182%20C0.424997342%2C6.12979383%200.604364748%2C6.21907068%200.793344673%2C6.21049478%20L19.1724963%2C6.21049478%20L15.2057729%2C10.4565661%20C15.0132474%2C10.6679032%2015.0342052%2C10.9895172%2015.2526525%2C11.1759677%20C15.4710997%2C11.3624182%2015.8048127%2C11.3435252%2015.9991176%2C11.1337069%20L20.7591856%2C6.0352348%20C20.9370988%2C5.84210016%2020.9370988%2C5.55122861%2020.7591856%2C5.35809397%20L15.9991176%2C0.259621848%20C15.8917889%2C0.140163312%2015.7330664%2C0.0754300874%2015.5693892%2C0.084361869%20Z%22%20id%3D%22Shape%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%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);
    background-size: cover;
}
  .is-mobilized #slider .flex-direction-nav li.flex-nav-next{ float: right;}
  .is-mobilized #slider .flex-direction-nav li a.flex-prev{transform: rotate(-180deg);}
  .is-mobilized body.no_menu_res .hamburguer-btn,
  .is-mobilized .sliderColumn,
  .is-mobilized .thumbNav{display: none!important;}
  .is-mobilized .web-form-portlet .aui-form .aui-field-input-text{    width: 100%;    margin-bottom: 10px;}
  .is-mobilized #_webformcustomportlet_WAR_webformcustomportlet_INSTANCE_2rPQ_fieldOptionalErrorNombre+.aui-field{ margin-right: 0;}
 
      
}



/* FIN RESPONSIVE*/
/************************/
/* home Provisional */
.homeProvisional #content {  padding-top: 0px;}
.homeProvisional #header,.homeProvisional #nav-main{display: none;}
.homeProvisional #main-content > .portlet-layout > .portlet-column > .portlet-column-content > .portlet-boundary{max-width: 600px;margin: 0 auto;}
.homeProvisional .img-homeProvisional{background-repeat: no-repeat;background-size: cover;height:110px;}
.homeProvisional .cite{margin-left: 0;}
.homeProvisional .cite h1,.homeProvisional h6{padding-left: 0;}
.homeProvisional .cite h1:before{content:none;}
.homeProvisional h5{margin-bottom: 50px;}

