@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/*
 * Estils per Salons 2012 - Fira de Barcelona
 * by X.Bonell (xavier@bonell.info)
 *
 * Version: 0.9.9c
 * Date: 29/06/2012
 *
 * Typography:
 * - $fontstack1: Arial, sans-serif
 * - $fontstack2: Georgia, serif
 * - $fontstack3: "Courier New", Courier, monospace
 *
 * Grays:
 * - $black: #000
 * - $darkergray: #161616
 * - $darkgray: #282423
 * - $gray: #666
 * - $lightgray: #CCC
 * - $lightergray: #F5F5F5
 * - $white: #FFF
 * - $gray1: #D8D8D8
 * - $gray2: #AFAFAF
 * - $gray3: #E0E0E0
 * - $gray4: #F2F2F2
 * - $gray5: #999
 * - $gray6: #233132
 *
 * Colors
 * - $darkerblue: #003948
 * - $darkblue: #8D0E14
 * - $blue: #E2001A
 * - $lightblue: #149AD3
 * - $lighterblue: #EDF8FE
 * - $blue1: #333
 * - $blue2: #0C647A
 * - $blue3: #29ACC8
 * - $blue4: #41B7D8
 * - $blue5: #4FBCDB
 * - $blue6: #82E6FF
 * - $blue7: #B3E3F0
 * - $blue8: #002B55
 * - $blue9: #DAEDFF
 * - $blue10: #FFFA9D
 *
 * TOC:
 * - Reset
 * - Presets
 * - Layout and navigation
 * - Portlet elements
 * - Forms
 * - Buttons
 * - Pages elements
 * - Pages
 * - Ads
 * - Override js plugin styles
 *
 */
/*
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
 *
 */

/******************/
/*NOU PARA ICOMOON*/
/******************/

/* LOCAL */
/*
@font-face {
  font-family: 'ico-putput';
  src:url('fonts/ico-putput.eot');
  src:url('fonts/ico-putput.eot?#iefix') format('embedded-opentype'),
    url('fonts/ico-putput.svg#ico-putput') format('svg'),
    url('fonts/ico-putput.woff') format('woff'),
    url('fonts/ico-putput.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* LIFERAY */

@font-face {
  font-family: 'ico-putput';
  src: url('http://www.hispack.com/documents/632477/287d5f20-312e-45c4-9fd3-50bd6895fdd2');
  src: url('http://www.hispack.com/documents/632477/287d5f20-312e-45c4-9fd3-50bd6895fdd2?#iefix') format('embedded-opentype'),  url('http://www.hispack.com/documents/632477/2042ea9c-f6ff-4bac-82d7-d976c1e651f5#ico-putput') format('svg'),  url('http://www.hispack.com/documents/632477/3b2a20cf-2055-483c-ba87-a366890a0556') format('woff'),  url('http://www.hispack.com/documents/632477/4423b511-b706-4428-8cea-593ea83d51ac') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* FIN NOU PARA ICOMOON*/


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 {
  background: #f1f1f1;
  color: #161616;
  font-family: 'Droid Sans', sans-serif;
  font-size: 75%;
  line-height: 1.417em;
}
a {
  color: #161616;
  text-decoration: none;
  outline: medium none;
  border-bottom: 1px solid #cccccc;
}
a:hover {
  border-color: #161616;
}
a.color-lnk {
  color: #E2001A;
  font-weight: bold;
  border: none;
}
a.color-lnk:hover {
  text-decoration: underline;
}
a.color-lnk.normal {
  font-weight: normal;
}
a.doc {
  color: #E2001A;
  border: none;
  padding: 0 5px 0;
}
a.doc:hover {
  text-decoration: underline;
}
a.doc:before {
  content: url(../images/doc.png);
  float: left;
  padding: 1px 0 0 0;
}
.go-back, .go-up {
  height: 20px;
  text-align: right;
  margin-right: 20px;
}
.go-back {
  margin-bottom: -15px;
}
h1 {
  font-size: 2.1em;
  line-height: 1.1em;
  margin-bottom: 10px;
  font-weight: 700;
}
h1 a {
  color: #161616;
}
h2 {
  font-size: 1.833em;
  line-height: 1.136em;
  margin-bottom: 15px;
}
h2 a {
  color: #161616;
}
h3 {
  color: #666666;
  font-size: 1.5em;
  line-height: 1.1em;
  margin-bottom: 15px;
}
h3 a {
  color: #161616;
}
h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
  color: black;
}
h4 {
  font-size: 1.5em;
  line-height: 1.1em;
}
h5 {
  font-size: 1.25em;
  line-height: 1.3em;
}
h6 {
  font-size: 1.083em;
  line-height: 1.307em;
}
p {
  font-size: 1.1em;
  margin-bottom: 20px;
  color: black;
}
strong {
  font-weight: bold;
}
small {
  font-size: 0.917em;
  color: #666666;
}
i {
  font-size: 0.917em;
  font-style: italic;
  color: #666666;
}
em {
  color: #999;
  font-family: Georgia, serif;
  font-size: 1.083em;
  font-style: italic;
  line-height: 1.33em;
  font-weight: bold;
}
em.big {
  font-size: 1.35em;
}
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;
}
.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: 30px;
  border-right: none;
  margin-right: 25px;
}
.col-620 {
  width: 620px;
}
.col-460 {
  width: 460px;
}
.col-407 {
  width: 407px;
}
.col-300 {
  width: 300px;
}
.col-240 {
  width: 240px;
}
.col-193 {
  width: 193px;
  background-color: #161616;
  color: white !important;
  padding: 10px 0;
  margin: -60px 20px -20px 0;
}
.last {
  margin: 0;
}
#wrapper {
  background: #F1F1F1 url(../images/body-bg.png) no-repeat top center;
  width: 100%;
  overflow: hidden;
}
#header, #nav-main, #content, #footer {
  width: 980px;
  margin: 0 auto;
}
#header {
  padding-top: 15px;
  position: relative;
}
#header a {
  border: none;
}
#header #logo {
  display: block;
  width: 280px;
  height: 145px;
  margin-left: 15px;
}
#header #logo h1 span {
  position: absolute;
  left: -999em;
}
#header .top-nav {
  position: absolute;
  top: 0;
  right: 255px;
  background-color: #E2001A;
  height: 25px;
  border: 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: #fff;
  background: none;
}
#header .top-nav .top-links li a:hover {
  color: #FFF300;
}
#header .top-nav .portlet-language {
  float: right;
  margin-left: 5px;
  width: 85px;
}
#header .top-nav #lang-selector .dropdown-toggle {
  position: relative;
  display: block;
  height: 25px;
  padding: 0 10px;
  font-size: 0.917em;
  line-height: 25px;
  color: #fff;
  background-color: #E2001A;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
#header .top-nav #lang-selector .dropdown-toggle:hover {
  color: #FFF300;
}
#header .top-nav #lang-selector .dropdown-toggle:after {
  content: url(../images/l-dropdown.png);
  position: absolute;
  right: 10px;
  top: 0px;
}
#header .top-nav #lang-selector .dropdown-menu {
  display: none;
  background: #333;
  padding: 5px 0;
  box-shadow: 0 10px 5px 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: #edf8fe;
  color: rgba(255, 255, 255, 0.8);
  background: #333;
  text-transform: capitalize;
}
#header .top-nav #lang-selector .dropdown-menu li a:hover {
  color: #fff;
  background: #000;
}
#header .top-nav #lang-selector.open .dropdown-menu {
  display: block;
}
#header .top-nav #search {
  float: right;
  width: 160px;
  margin-left: 5px;
}
#header #claim {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 695px;
  height: 115px;
}

#claim h5 {
  color: white;
  font-size: 21px;
  position: absolute;
  top: 129px;
  left: -321px;
    font-weight: 400;
}


.header-logo-fira > img {
    left: -300px;
    position: absolute;
    top: 150px;
}


#header #claim p {
    color: #000000;
    font-size: 2.1em;
    line-height: 1.125em;
    padding: 43px 0 0 446px;
    text-shadow: none;
    text-transform: uppercase;
}
#header #claim  p.claim-data {
    color: #fff!important;
    position: absolute;
    top: 100px;
    left: -565px;
    font-size: 20px!important;
}
#nav-main {
  width: 960px;
  background: none;
  border-bottom: 3px solid #000;
  padding: 0 10px;
  margin-top: 24px;
  zoom: 1;
}

#header #claim span {
    font-size: 32px;
    font-weight: bold;
    display: block;
}


#nav-main:before, #nav-main:after {
  content: "";
  display: table;
}
#nav-main:after {
  clear: both;
}
#nav-main a {
  border: none;
}
#nav-main ul.dropdown {
  list-style: none;
  float: left;
  width: 100%;
  margin-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.12em;
  line-height: 36px;
  text-transform: uppercase;
  display: block;
  padding: 0 15px;
  color: white;
  background-color : #333;
  background-image: none;
  margin-right: 0;
  font-weight: 700;
}
#nav-main ul.dropdown a:hover {
  background: #333;
}
#nav-main ul.dropdown ul {
  background: white;
  background: rgba(255, 255, 255, 0);
  list-style: none;
  position: absolute;
  left: -9999em;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
}
#nav-main ul.dropdown ul li {
  float: none;
  border-top: 1px solid #333;
}
#nav-main ul.dropdown ul li.first {
  border: none;
}
#nav-main ul.dropdown ul a {
  min-width: 200px;
  font-size: 1.083em;
  line-height: 1;
  padding: 10px 10px 10px 20px;
  text-transform: none;
  white-space: nowrap;
  font-weight: 400;
  font-size: 1em;
  margin-right: 0;
}
#nav-main ul.dropdown li.active {
  margin-right: -1px;
  z-index: 500;
}
#nav-main ul.dropdown li.active a {
  margin-top: -5px;
  padding-top: 5px;
  padding-right: 16px;
  background-color: #000;
  background-image: none;
}
#nav-main ul.dropdown li:hover {
  margin-right: -1px;
  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:hover ul li a {
  margin-top: 0;
  padding-top: 10px;
}
#nav-main ul.dropdown li:hover ul li a:hover {
  background: #333;
}
#nav-main ul.dropdown li:hover a {
  margin-top: -5px;
  padding-top: 5px;
  padding-right: 16px;
  background: #000000;
}
#content {
  background-color: white;
  width: 960px;
  padding: 20px 0 20px 20px;
}
#column-partners {
  width: 640px;
}
#footer .partners, #footer .sitemap {
  padding: 20px;
}
#footer .partners {
  background: white;
  margin-bottom: 0;
}
#footer .sitemap {
  color: white;
  background: #E2001A;
  border-bottom: 3px solid #8D0E14;
  zoom: 1;
}
#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: 1em;
  margin-bottom: 0.3em;
}
#footer .sitemap a {
  font-size: 0.917em;
  color: white;
  border: none;
}
#footer .sitemap a:hover {
  text-decoration: underline;
}
#footer .siteinfo {
  color: white;
  background: #000;
  padding-top: 10px;
  min-height: 75px;
  zoom: 1;
}
#footer .siteinfo:before, #footer .siteinfo:after {
  content: "";
  display: table;
}
#footer .siteinfo:after {
  clear: both;
}
#footer .siteinfo .link-home {
  width: 160px;
  height: 70px;
  float: left;
}
#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;
}
#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: white;
  border: none;
}
#footer .siteinfo a:hover {
  text-decoration: underline;
}
.breadcrumbs {
  margin-bottom: 20px;
}
.breadcrumbs li {
  color: #666666;
  display: inline;
}
.breadcrumbs li:after {
  content: "-";
  padding: 0 3px 0 5px;
}
.breadcrumbs li.last a {
  color: #161616;
}
.breadcrumbs li.last:after {
  content: none;
  padding: 0;
}
.breadcrumbs li a {
  border: none;
  color: #666666;
}
.breadcrumbs li a:hover {
  color: #E2001A;
}
.submenu {
  margin-bottom: 20px;
  margin-left: 20px;
  padding: 10px 15px 20px;
  background-color: #FFFFFF;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.submenu li {
  font-size: 1.083em;
  line-height: 1;
}
.submenu li a {
  display: block;
  color: #161616;
  padding: 10px 20px;
  border-bottom: 1px solid #cccccc;
}
.submenu li a:hover {
  color: black;
  background-color: #f2f2f2;
}
/*
 * Portlet elements
 *
 */
.portlet {
  background-color: white;
  margin-bottom: 20px;
  box-shadow: none;
}
.portlet .section {
  color: #333333;
  background: transparent;
  display: inline-block;
  font-size: 0.85em;
  font-weight: normal;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: arial;
}
.portlet .title {
  font-size: 1.35em;
  line-height: 1.118em;
  margin-bottom: 10px;
  font-weight: 700;
  color: black;
}
.portlet .title a:hover {
  text-decoration: underline;
}
.portlet img {
  width: auto !important;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.portlet p {
  margin-bottom: 10px;
  color: #161616;
}
.portlet .lnk {
  color: #e13b37;
  text-transform: uppercase;
  text-decoration: underline;
}
.portlet a {
  border: none;
}
.portlet .lnk:hover {
  color: #930300;
}
.portlet .button {
  margin-bottom: 5px;
}
.portlet.sidebar {
  background-color: white;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
  padding: 10px;
}
.portlet.sidebar .section {
  color: #161616;
  font-size: 1.25em;
  font-weight: bold;
  text-transform: none;
}
/* Destacat destacat */
.high {
  padding: 10px 15px 5px;
  border: none;
  background-color: #e4e4e4;
  box-shadow: none;
}
/* Destacat superdestacat */
.super {
  border: none;
  padding: 10px 15px 5px;
  background-color: #1A171B;
}
.super .section {
  background-color: transparent;
  color: #FFF300;
}
.super .title {
  color: white;
}
.super .title a {
  color: white;
}
.super p {
  color: white;
}
.super .lnk {
  color: #e13b37 !important;
}
.box-h .box-img {
  float: left;
  width: auto;
  margin-right: 10px;
  position: relative;
}
.box-h .box-img img {
  margin-bottom: 0;
}
/* Destacat, versi horitzontal amb imatge gran */
.box-h-xl .box-img {
  width: 270px;
}
/* Destacat amb pestanyes */
.tabbed .tabs {
  margin-bottom: -4px;
  list-style: none;
  zoom: 1;
  background-color: #CCCCCC;
}
.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: #161616;
}
.tabbed .tabs li.active a:hover {
  background: white;
  color: #161616;
}
.tabbed .tabs li a {
  font-size: 0.75em;
  text-transform: uppercase;
  color: #161616;
  background: #f2f2f2;
  display: block;
  padding: 0 6px;
  line-height: 28px;
  font-family: arial;
}
.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: 15px 10px 10px;
  border: 0px;
  border-top: 4px solid #e0e0e0;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.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;
  box-shadow: none !important;
}
.tabbed.high .tabs li.active {
  height: 28px;
  overflow: hidden;
  background: #FFF300;
  border: none;
}
.tabbed.high .tabs li.active a {
  color: #333;
  background: #FFF300;
}
.tabbed.high .tabs li.active a:hover {
  color: #333;
  background: #FFF300;
}
.tabbed.high .tab-content {
  padding: 15px;
  background: #FFF300;
  color: #333;
  border-color: none;
  border-top: 4px solid #D8CE00;
}
.tabbed.high .location {
  color: #b3e3f0;
  border-bottom: 1px dotted #82e6ff;
  margin-top: -5px;
  padding-bottom: 5px;
}
.tabbed.high .title a {
  color: #333;
}
/* Llista links */
.links ul li a {
  font-size: 1.083em;
  font-weight: bold;
  display: block;
  padding: 8px 4px;
  color: #161616;
  background: #fff url(../images/lnk.png) no-repeat right center;
  border-bottom: 2px solid #ccc;
}
.links ul li a:hover {
  background-color: #FFF300;
}
/* Llista links destacat */
.links.high {
  padding: 7px 14px 14px;
  border: 1px solid #cccccc;
  border-top: 3px solid #d8d8d8;
}
/* 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: 8px 0 8px 15px;
  color: white;
  background: #000 url(../images/lnk-super.png) no-repeat right center;
  border-bottom: none;
}
.links.super ul li a:hover {
  background-color: #333;
}
/* Partners */
.col-300 .partners {
  background-color: #fff;
  box-shadow: none;
  padding: 0;
}
.col-240 .partners {
  background-color: #fff;
  box-shadow: none;
  padding: 0;
}
.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;
}
.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 {
  padding: 0 0 0 2px;
  border-right: 3px solid #afafaf;
  border-bottom: 3px solid #afafaf;
}
.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 atrs */
.countdown .time {
  float: left;
  display: block;
  width: 90px;
  height: 72px;
  padding-top: 18px;
  margin-right: 10px;
  color: #666;
  background: #FFF300 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: none;
  border: none;
  padding: 5px;
  box-shadow: none!important;
}
.countdown.high .time {
  background-color: #E2001A;
  color: white;
}
.countdown.super .time {
  background-color: #161616;
  color: white;
}
.countdown.super .title, .countdown.super .lnk {
  color: #161616;
}
/* Noticias */
.news ul li {
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
}
.news ul li .date {
  color: #161616;
  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: #161616;
  border-bottom: 1px solid #cccccc;
}
.news .read-more-lnk a:hover, .news .rss-link a:hover {
  border-color: #161616;
}
.news .rss-link a:before {
  content: url(../images/rss.png);
  float: left;
  padding: 2px 4px 0 0;
}
.news.high {
  padding: 10px 15px 5px;
  border: 1px solid #cccccc;
  border-top-width: 3px;
}
/* Agenda */
.agenda {
  border: 1px solid #cccccc;
  border-top-width: 3px;
}
.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 #E2001A;
  border-bottom: 2px solid #E2001A;
  color: #161616;
  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: #E2001A;
  border: none;
}
.agenda.high table tr.first td {
  border-top: 1px solid #E2001A;
}
/* Llista d'activitats */
.event-list .item {
  border-top: 1px solid #e0e0e0;
  padding: 10px 0;
}
.event-list .item.first {
  border: none;
}
.event-list .item .item-txt {
  margin-right: 120px;
}
.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: 170px;
}
.event .time {
  color: #999999;
  font-size: 1.083em;
  font-weight: bold;
  margin-bottom: 0;
}
.event .location {
  color: #999999;
  margin-bottom: 10px;
}
/* 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: white;
}
.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: white;
}
.survey-result.super .question {
  color: #999999;
}
.survey-result.super .aui-form label {
  color: white;
}
.survey-result.super table .results-header {
  color: #FFF300;
  background-color: #333;
}
.survey-result.super table .results-row {
  border-bottom: 1px solid #333;
}
/* 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: #A50C16;
  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;
}
#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: #E2001A;
}
.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: #161616;
  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: #161616;
}
.web-form-portlet .aui-form .aui-field {
  display: block;
  margin-top: 15px;
}
.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: #161616;
  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 #cccccc;
  border-radius: 4px 4px 4px 4px;
  color: #555555;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  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;
}
.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-top: 15px;
}
.web-form-portlet .aui-form .aui-button .aui-button-input {
  background-color: #E2001A;
  border: 1px solid #E2001A;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1.083em;
  line-height: 1.385;
  height: 30px;
  padding: 4px 10px;
  text-align: center;
  text-shadow: 0 1px 1px #8D0E14;
}
.web-form-portlet .aui-form .aui-button .aui-button-input:hover {
  background-color: #8D0E14;
  border: 1px solid #8D0E14;
}
/*
 * 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;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
}
.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: 0px;
  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;
  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;
  border: none;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  background-color: #E2001A;
  color: white;
  text-decoration: none;
}
.button {
  background-color: #E2001A;
  border: none;
  border-radius: 0;
  border-style: solid;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1.083em;
  line-height: 1.385;
  padding: 10px 10px 5px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 5px 0 #930300;
}
.button:hover {
  background-color: #8D0E14;
  box-shadow: 0 5px 0 #930300;
}
.button.high {
  background-color: #E2001A;
  text-shadow: none;
  box-shadow: 0 5px 0 #930300;
}
.button.high:hover {
  background-color: #8D0E14;
}
/*
 * 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: #161616;
  text-decoration: none;
  border: none;
}
.article .header h1 a:hover {
  border-bottom: 1px solid #161616;
}
.article .header p {
  color: #666666;
  font-size: 1.5em;
  line-height: 1.1em;
  margin: 0;
}
.article .header p a {
  color: #161616;
}
.article img {
  float: left;
  margin: 0 20px 20px 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: #E2001A;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
}
.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;
  border: none;
  text-indent: -999em;
}
.article .pagination ul.pages li.previous a {
  background: transparent url(../images/img_prev.png) no-repeat center center;
}
.article .pagination ul.pages li.next a {
  background: transparent url(../images/img_next.png) no-repeat center center;
}
.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;
  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: #161616;
}
.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: #E2001A;
  border-bottom: 3px solid #8D0E14;
}
.article .search-tabs li.ui-state-active.toggle-alpha a {
  border-bottom: 3px solid #E2001A;
}
.article ul.alpha {
  background: #E2001A;
  width: 620px;
  height: 35px;
  padding-left: 6px;
  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 2px 0 2px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  border: none;
}
.article ul.alpha li a:hover {
  background-color: #8D0E14;
}
.article ul.alpha li a.active {
  color: #E2001A;
  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: #E2001A;
}
.article ul.nomenclator li a {
  border: 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 {
  text-decoration: underline;
  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;
  border: 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 15px 15px 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 {
  border: none;
}
.sitemap .sitemap-item a:hover {
  text-decoration: underline;
}
.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 .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 10px 12px;
  font-size: 1.083em;
  line-height: 1.307em;
  font-weight: bold;
  padding: 10px 35px;
  border-bottom: 1px solid #cccccc;
}
.faqs .questions li.last {
  border: none;
}
.faqs .questions a {
  border: none;
}
.faqs .questions a:hover {
  text-decoration: underline;
}
.faqs .faqs-item {
  background: transparent url(../images/faqs.png) no-repeat 10px 22px;
  padding: 20px 35px;
  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: #161616;
  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: #eeeeee;
}
.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 #FFF300;
  border-left: 2px solid #FFF300;
  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: #161616;
}
.microsite .expositor p a {
  color: #E2001A;
}
.microsite .newstuff {
  padding: 10px;
  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 {
  border: none;
}
.microsite .newstuff .title a:hover {
  text-decoration: underline;
}
.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: #E2001A;
  border: none;
}
.microsite .products ol li a:hover {
  text-decoration: underline;
}
.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 {
  border: none;
}
.microsite .brands ol li a:hover {
  text-decoration: underline;
}
.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 10px 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 {
  border: none;
}
.search .content h2 a:hover, .search .activity h2 a:hover, .search .newstuff h2 a:hover {
  text-decoration: underline;
}
.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: 10px;
  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 #FFFA9D;
}
.search .newstuff.featured img {
  margin-top: 20px;
}
.search .newstuff.featured span {
  color: #E2001A;
  background: #FFFA9D;
  font-size: 0.833em;
  text-transform: uppercase;
  padding: 0 0.5em;
}
.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 #FFFA9D;
}
.new-press .item-new.last {
  border: none;
}
.new-press .item-new .featured {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  color: #333;
  background: #FFFA9D;
  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 {
  border: none;
}
.new-press .item-new .header h2 a:hover {
  text-decoration: underline;
}
.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 {
  border: none;
}
.news-list .news-list-item .description h2 a:hover {
  text-decoration: underline;
}
.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.083em;
  font-weight: bold;
  line-height: 1.538em;
  margin-bottom: 0;
}
.press-list .press-list-item h2 a {
  border: none;
}
.press-list .press-list-item h2 a:hover {
  text-decoration: underline;
}
.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: #161616;
}
.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: #161616;
  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: 0 0 10px;
}
.agenda-activity .event .header .title {
  color: #161616;
  font-size: 1.333em;
  line-height: 1.4em;
  font-weight: bold;
  margin: 0;
}
.agenda-activity .event .header .title a {
  border: none;
}
.agenda-activity .event .header .title a:hover {
  text-decoration: underline;
}
.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: #161616;
  border-color: #161616;
}
.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 #FFFA9D;
}
.agenda-activity .event-list .event.featured span.featured {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 0 4px;
  color: #333;
  background: #FFFA9D;
  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: #333;
  background-color: #FFF300;
  border-bottom: 3px solid #D8CE00;
}
.agenda-activity .registration, .agenda-activity .program, .agenda-activity .conferences {
  margin-bottom: 20px;
}
.agenda-activity .registration {
  border-top: 3px solid #b3e3f0;
  background: #edf8fe;
}
.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 #b3e3f0;
}
.agenda-activity .registration .day span {
  font-size: 1.833em;
  color: #161616;
}
.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: #161616;
  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 {
  border: 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;
  border: 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;
  border: 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 {
  border: none;
}
.pp_content_container a:hover {
  border: 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;
}
.stButton {
  margin-bottom: 25px;
}
/*******************************************************/
/************ NOVAS PAGINAS ESTANDARES *****************/
/*******************************************************/

/* Contacte */

.icon-out.high {
  border-top-width: 1px;
}
.icon-out {
  overflow: hidden;
  padding-left: 50px;
}
.icon-out h4:before {
  margin-left: -30px;
  position: absolute;
}
.icon-out .icon-phone:before, .icon-out .icon-mail:before {
  font-size: 1.2em;
  font-size: 1.7em\9;
}
.icon-out .icon-user:before {
  font-size: 1.2em;
  font-size: 1.56em\9;
}
.icon-out .phone-number {
  font-size: 1.3em;
  line-height: 1.3em;
}
.icon-out .contact_image {
  float: right;
  margin-bottom: 15px;
  margin-left: 15px;
}
/* Fitxa ttecnica */

.llistat li {
  background-image: url("../images/bullet_llistat.gif");
  background-position: 0 14px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #CCCCCC;
  color: #333333;
  padding: 8px 0 8px 8px;
}
.llistat li:last-child {
  border-bottom: medium none;
}
.lista li {
  padding-left: 10px;
  background-image: url("../images/bulletx.gif");
  background-repeat: no-repeat;
  background-position: 0 7px;
  margin-bottom: 7px;
}
.super .lista li {
  padding-left: 10px;
  background-image: url("../images/bulletxs.gif");
  background-repeat: no-repeat;
  background-position: 0 7px;
  margin-bottom: 7px;
}
/* Dates horaris i accesos */
.dates-header {
  padding: 0px;
  margin-bottom: 30px;
}
.dates-box h4:before {
  margin-right: 5px;
}
.dates-box {
  border-right: 1px solid white;
  display: inline-block;
  min-width: 160px;
  padding: 15px 15px 0;
}
.dates-box:last-child {
  border-right: 0px;
}
.detalle.detalleiframe h2 {
  font-weight: bold;
  font-size: 1.5em;
}
.detalle.detalleiframe > div {
  clear: both;
}
.gMapForm .field {
  float: left;
  margin-right: 18px;
}
.field .text {
  display: block;
}
#gMapToAddress {
  display: block;
}
#gMapShowPath {
  margin-top: 18px;
}
.gMapForm {
  margin-bottom: 30px;
}
/* material grafic */
.mg_portlet .portlet {
  min-height: 315px!important;
  margin-bottom: 35px;
}
.mg_portlet img {
  margin-bottom: 0px;
}
p.little {
  font-size: 0.9em;
  line-height: 16px;
  min-height: 50px;
}
/* acreditacion */
.subhigh {
  margin-bottom: 25px;
}
.subhigh .portlet {
  background: none;
}
.acreditasub {
  padding: 20px 20px 1px !important;
  margin-bottom: 20px;
}
.acreditasub .box-img {
  width: 285px;
  margin-right: 15px;
}
.acreditasub h1 {
  margin-bottom: 5px;
}
.acreditasub h2 {
  display: none;
}
.acreditasub h3 {
  font-size: 1.35em!important;
  margin-bottom: 10px;
}
.acreditasub .box-txt {
  display: table;
}
.checklist li {
  font-size: 1.1em;
  line-height: 1.8em;
  padding-left: 2px;
}
.checklist li:before {
  background-image: url("../images/box_check.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0.2em;
  color: #006998;
  margin-right: 8px;
}
.checklist {
  margin-bottom: 15px;
}
/* Modalitats de participacio */

.list-button {
  margin-bottom: 25px;
}
.list-button > p {
  color: #666666;
  font-size: 0.9em;
  margin-bottom: 0;
}
.list-button ul {
  float: left;
  width: 65%;
}
.list-button li:before {
  font-size: 1.5em;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
.list-button li {
  border-top: 1px solid #D2E3EC;
  border-bottom: 1px solid #D2E3EC;
  font-size: 1.1em;
  line-height: 3em;
  margin-top: -1px;
}
.button_right:before {
  color: #fff;
  font-size: 2.1em;
  padding-bottom: 6px;
  display: table;
  text-align: center;
  width: 100%;
}
a.button_right {
  border: 1px solid #E2001A;
  display: inline-block;
  font-size: 1.1em;
  height: 66px;
  margin-left: 10px;
  padding-top: 3%;
  text-align: center;
  width: 27%;
  position: relative;
}
a.button_right:hover {
  background-color: #930300;
}
a.button_right:hover:before {
  color: white;
  border: none medium;
}
.subhigh {
  background-color: #F5F5F5;
  padding: 8px;
}
cite {
  color: #8D0E14;
}
.stand_pack {
  margin-bottom: 15px;
  overflow: hidden;
}
.stand_pack .thumb {
  float: left;
  margin-right: 20px;
  margin-top: 2px;
  width: 24%;
}
/* El WYSIWYG de liferay introduce despus de cada imagen un espacio que desajusta la caja, lo ocultamos*/
.stand_pack > br {
  display: none;
}
.features {
  float: left;
  width: 70%;
}
.features_header {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.1em;
  font-weight: 800;
  line-height: 2em;
  margin-bottom: 10px;
  position: relative;
}
.features_header span {
  margin-right: 2em;
}
.features_header span:last-child {
  margin-right: 0;
}
.features_header .type {
  text-transform: uppercase;
  display: inline-block;
  width: 207px;
}
.features .final_prize {
  color: white;
  line-height: 1.4em;
  padding-top: 0;
  position: absolute;
  right: 0;
  padding-top: 0.2em;
}
.final_prize.icon-euro:after {
  vertical-align: sub !important;
}
.features_list {
  color: #666666;
  float: left;
  font-size: 0.9em;
  line-height: 1.3em;
  margin-right: 45px;
}
.subpack {
  border-left: 1px solid #DDDDDD;
  padding-left: 16px;
}
/* Equip comercial */

.contact .card {
  background-color: #F5F5F5;
  border-top: 0 solid #DBE9F0;
  float: left;
  width: 290px;
  padding: 10px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.contact .card .pic {
  float: right;
  margin: 0 0 0 20px;
  margin-left: 20px;
}
.contact .card div {
  min-height: 50px;
}
.contact .card span {
  display: block;
}
.contact .card .name {
  font-size: 1.25em;
  line-height: 1.333em;
  font-weight: bold;
}
.contact .card .job-title {
  color: #666666;
}
.contact .card .languages {
  font-size: 0.917em;
  font-style: italic;
  color: #666666;
  margin-bottom: 10px;
}
.contact .mini {
  width: 172px;
  padding-right: 20px;
  margin-right: 22px;
}
.contact .last {
  margin-right: 0;
}
.pestanyas {
  position: absolute;
  right: 0;
  top: 0;
}
h2.phone {
  margin-bottom: 0;
}
h1 span.sales_title, h1 span.sales_inter_title {
  font-size: 0.65em;
  line-height: 1.1em;
  color: #161616;
  font-weight: bold;
}
.sales_list th {
  color: #333333;
  padding-top: 10px;
  background-color: #F5F5F5;
}
.sales_list table .featured {
  background-color: #F5F5F5;
  white-space: pre;
}
.sales_list table .phone {
  white-space: pre;
}
.sales_inter_card .card > div {
  width: 65%;
}
.sales_inter_card .card .name {
  display: table-footer-group;
}
.sales_inter_card .card .job-title {
  border-bottom: 1px solid #CCCCCC;
  color: #333333;
  display: table-caption;
  line-height: 1.3em;
  margin-bottom: 6px;
  font-size: 1em;
  padding-bottom: 5px;
  width: 100%;
}
.sales_inter_card .contact .card .languages {
  line-height: 1em;
}
.sales_team_tabs.ui-corner-all {
  border: medium none;
  border-radius: 0 0 0 0;
}
.sales_team_tabs.ui-tabs .ui-tabs-nav li {
  top: 4px;
}
.sales_list_tabs, .sales_inter_card_tabs {
  display: none;
}
.sales_list_tabs .sales_title, .sales_inter_card_tabs .sales_title, .sales_card_tabs .sales_title {
  display: none;
}
.ui-tabs-selected {
  cursor: default !important;
}
.sales_team_tabs.article .search-tabs li a {
  color: #161616;
  font-family: 'PT Sans', sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 2.3em;
  text-transform: none;
}
.sales_team_tabs.article .search-tabs li.ui-state-active a {
  color: white;
}
.sales_team_tabs .icon-layout:before {
  font-size: 1.5em;
}
.sales_team_tabs .icon-world:before {
  font-size: 1.3em;
}
.contact_data {
  position: absolute;
  right: 0;
  top: 0;
}
/* Expositor */

.exhibitor .subhigh {
  padding: 15px;
  font-size: 0.9em;
}
.exhibitor .check_list li {
  font-size: 1.1em;
  line-height: 1.8em;
  padding-left: 2px;
}
.exhibitor .check_list li:before {
  background-image: url("../images/box_check.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0.2em;
  color: #161616;
  margin-right: 8px;
}
.check_list {
  margin-bottom: 10px;
}
p.info_button {
  color: #666666;
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.2em;
  margin-bottom: 0;
  margin-left: 8px;
  vertical-align: text-top;
  width: 100px;
  word-wrap: break-word;
}
.caixa-text.icon-locked {
  width: 100%;
}
.caixa-text.icon-locked:before {
  color: #999999;
  float: right;
  font-size: 1.9em;
  padding-right: 30px;
  padding-top: 5%;
}
/* Viatges i reserves */

.portlet.box.box-h.high.travel {
  border-top-width: 1px;
  padding-top: 15px;
  margin-bottom: 45px;
}
.travel .wrap {
  position: relative;
}
.travel.box-h .box-txt {
  padding-top: 5%;
}
.travel.box-h .box-img {
  margin-right: 30px;
  margin-bottom: 15px;
  position: relative;
}
.travels .box-img:after {
  content: url("../images/ico_circle.png");
  position: absolute;
  right: -30px;
  top: 36px;
}
.travel.box-h h2:before {
  font-size: 1.7em;
  font-size: 2.5em\9 !important;
  left: 127px;
  padding: 17px;
  position: absolute;
  top: 34px;
}
.travel.box-h h2.icon-trolley:before {
  left: 121px;
  font-size: 2.9em\9 !important;
  line-height: 0.8em\9;
}
.travel .end-box {
  padding-left: 190px;
}
.end-box {
  border-top-style: solid;
  border-top-width: 1px;
  border-color: inherit;
  padding-top: 10px;
}
.offers .box-txt {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: inherit;
  padding-top: 10px;
}
.offers .box-txt h4 {
  float: right;
  padding-top: 5%;
}
.offers .box-txt p {
  margin-bottom: 10px;
}
.offers .end-box {
  border-top: none;
}
.code_graphic .size {
  white-space: nowrap;
}
.travel span {background-color: #eee; display: block; font-size: 17px; padding: 5px; width: 38px;}
.travel td img {vertical-align: top;}
.travel u {color: #666; font-size: 11px; text-align: center; text-decoration: none;}
.taulaestret {width: 245px;}
table tbody td {border-bottom: 1px solid #e0e0e0; padding: 10px 10px 10px 4px; vertical-align: middle;}
.ofertas-travel .icon-trolley:before {content: "\e037"; font-size: 2.2em; position: absolute;}
.ofertas-travel .icon-trolley a {margin-left: 30px;}
.ofertas-travel .icon-globe a {margin-left: 30px;}
.ofertas-travel .icon-home a {margin-left: 30px;}
.ofertas-travel .icon-search a {margin-left: 30px;}
.ofertas-travel .icon-airplane a {margin-left: 30px;}
.ofertas-travel .icon-file a {margin-left: 30px;}
.ofertas-travel .icon-bookmark a {margin-left: 30px;}


/*******************************************************/
/********************* DESTACATS ***********************/
/*******************************************************/

.destacat {
  overflow: hidden;
  padding: 0 5px 5px !important;
  position: relative;
}
.destacat.high_base {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-top-width: 1px;
}
.destacat .caixa-text {
  /*max-width: 80%;*/
  margin: 10px;
}
.destacat .alert {
  font-size: 28px;
  line-height: 1.2em;
}
.destacat .caixa-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 50%;
}
.destacat.type3 .caixa-text {
  max-width: 45%;
}
.destacat.type3 .caixa-img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 45%;
}
.destacat .caixa-img img {
  width: 100%;
  vertical-align: bottom;
  margin-bottom: 0;
}
.destacat.here:before {
  content: url("../images/here.gif");
  left: 0;
  top: 15%;
  position: absolute;
}
.destacat.there:before {
  background-image: url("../images/there.gif");
  background-position: 55px top;
  background-repeat: no-repeat;
  color: white;
  content: "p";
  display: block;
  margin-top: -15px;
}
.destacat.there.high_base {
  overflow: visible;
  margin-bottom: 25px;
  margin-top: 20px;
}
.destacat.there .caixa-text {
  float: left;
  margin-right: 85px;
  display: inline-block;
  padding-top: 15px;
}
.destacat.there .caixa-enlace {
  display: inline-block;
  margin-top: -10px;
  padding-top: 5%;
}
.destacat .caixa-enlace {
  padding-top: 5%;
}
.destacat .caixa-enlace p {
  text-align: center;
}
.super_base .super_title:before {
  float: right;
  padding-top: 5%;
  margin-right: 8%;
  color: white;
}
.super_base .super_title {
  border-top: 1px solid #E2001A;
  font-size: 1.617em;
  padding-top: 10px;
}
/********* LLAMADAS ICOMOON *********/

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'ico-putput';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'ico-putput';
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:after, [class*=" icon-"]:after {
  font-family: 'ico-putput';
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: black;
}
.icon-phone:before {
  content: "\e001";
}
.icon-mail:before {
  content: "\e002";
}
.icon-user:before {
  content: "\e004";
}
.icon-airplane:before {
  content: "\e005";
}
.icon-checkmark:before {
  content: "\e000";
}
.icon-check-alt:before {
  content: "\e003";
}
.icon-checkbox:before {
  content: "\e006";
}
.icon-number:before {
  content: "\e007";
  font-size: 1.3em;
  font-size: 2.3em\9;
  vertical-align: bottom;
}
.icon-number-2:before {
  content: "\e008";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
  color: black;
}
.icon-number-3:before {
  content: "\e009";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
  color: black;
}
.icon-number-4:before {
  content: "\e00a";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
  color: black;
}
.icon-number-5:before {
  content: "\e00b";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
  color: black;
}
.icon-number-6:before {
  content: "\e00c";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
}
.icon-number-7:before {
  content: "\e00d";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
}
.icon-number-8:before {
  content: "\e00e";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
}
.icon-number-9:before {
  content: "\e00f";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
}
.icon-number-10:before {
  content: "\e010";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
}
.icon-refresh:before {
  content: "\e011";
}
.icon-location:before {
  content: "\e012";
  font-size: 1.2em;
  font-size: 1.7em\9;
  vertical-align: bottom;
}
.icon-map-pin-alt:before {
  content: "\e013";
}
.icon-unlocked:before {
  content: "\e014";
}
.icon-locked:before {
  content: "\e015";
}
.icon-warning:before {
  content: "\e016";
}
.icon-calendar:before {
  content: "\e017";
}
.icon-suitcase:before {
  content: "\e018";
}
.icon-bubble-speech:before {
  content: "\e019";
}
.icon-key:before {
  content: "\e01a";
}
.icon-airplane-2:before {
  content: "\e01b";
}
.icon-users:before {
  content: "\e01c";
}
.icon-notebook:before {
  content: "\e01d";
}
.icon-clock:before {
  content: "\e01e";
  vertical-align: bottom;
}
.icon-download:before {
  content: "\e01f";
}
.icon-grid-view:before {
  content: "\e020";
}
.icon-layout:before {
  content: "\e021";
  font-size: 1.5em;
  font-size: 0.8em\9;
  vertical-align: text-bottom;
}
.icon-number-11:before {
  content: "\e02c";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-12:before {
  content: "\e02d";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-13:before {
  content: "\e02e";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-14:before {
  content: "\e02f";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-15:before {
  content: "\e030";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-16:before {
  content: "\e031";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-17:before {
  content: "\e032";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-18:before {
  content: "\e033";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-19:before {
  content: "\e034";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-number-20:before {
  content: "\e035";
  font-size: 1.3em;
  font-size: 1.8em\9;
  vertical-align: text-top;
}
.icon-labels:before {
  content: "\e036";
}
.icon-calendar2:before {
  content: "\e038";
  font-size: .9em;
  font-size: 1.3em\9;
}
.icon-world:before {
  content: "\e039";
  font-size: 1.3em;
  font-size: 0.8em\9;
  vertical-align: text-bottom;
}
.icon-trolley:before {
  content: "\e037";
  font-size: 2.2em !important;
}
.icon-number-2-2:before {
  content: "\e022";
}
.icon-number-1:before {
  content: "\e023";
}
.icon-number-3-2:before {
  content: "\e024";
}
.icon-number-4-2:before {
  content: "\e025";
}
.icon-number-5-2:before {
  content: "\e026";
}
.icon-number-6-2:before {
  content: "\e027";
}
.icon-number-7-2:before {
  content: "\e028";
}
.icon-number-8-2:before {
  content: "\e029";
}
.icon-number-9-2:before {
  content: "\e02a";
}
.icon-number-0:before {
  content: "\e02b";
}
.icon-euro:after {
  content: "\e03b";
  vertical-align: top;
}
.icon-euro-bold:after {
  content: "\e03a";
  vertical-align: top;
}
/*----cataleg--- */
.cataleg .titol {
  margin-bottom: 55px;
  font-size: 1.05em;
}
.cataleg .titol .portlet.box {
  width: 75%;
}
.opcions-publi .portlet.box, .cataleg .titol .portlet.box {
  font-size: 1.3em;
}
.opcions-publi .portlet.box {
  background: url("../images/bg-circle.png") no-repeat scroll center top transparent;
  height: 220px;
  padding-top: 45px;
  text-align: center;
}
.opcions-publi .portlet.box h2.title, .cataleg .titol .portlet.box h2.title {
  font-size: 2em;
  margin-bottom: 5px;
  color: #0B5080;
}
.opcions-publi .icon-euro-bold {
  padding-left: 10px;
}
.cataleg .titol .portlet.box .button.high {
  position: absolute;
  right: 265px;
  top: 25%;
}
.opcions-publi .portlet.box h2.title {
  padding-left: 8px;
}
.cataleg .titol .portlet.box p.section {
  margin-bottom: 2px;
}
.opcions-publi .portlet.box .button.high, .cataleg .titol .portlet.box .button.high {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 25px;
}
.opcions-publi .portlet.box p {
  margin: 10px auto;
  width: 60%;
  line-height: 1.2em;
}
.caracteristiques ul {
  position: absolute;
  top: 0;
  z-index: 500;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.caracteristiques h4:before {
  content: url("../images/bullet_llistat.gif");
  line-height: 1em;
  margin-left: -10px;
  vertical-align: text-top;
}
.caracteristiques ul {
  position: absolute;
  top: 35px;
  width: 100%;
  z-index: 500;
}
.caracteristiques li span {
  font-size: 0.9em;
}
.caracteristiques h4 {
  margin-bottom: 5px;
  position: relative;
}
.caracteristiques li.pull-left {
  margin-left: 5px;
  text-align: right;
}
.caracteristiques li.pull-right {
  clear: right;
  margin-right: 45px;
}
.caracteristiques li {
  margin-bottom: 50px;
  width: 135px;
}
.caracteristiques .alert {
  position: absolute;
  bottom: 20px;
  left: 42px;
  font-size: 1.1em;
}
.caracteristiques .alert:before {
  content: url("../images/bullet_fletxa.png");
  vertical-align: sub;
  margin-right: 5px;
}
.destacat.cataleg.v2 {
  background: url("../images/destacat2.png") no-repeat scroll 0 0 transparent;
  height: 150px;
}
.destacat.cataleg.v2 .caixa-text {
  background: none repeat scroll 0 0 white;
  padding: 10px 15px 0;
  position: absolute;
  right: -10px;
  top: 55px;
}
/* Landings ajuda visitant */


/*******codi que s'ha de posar a la pagina (landing) per eliminar capcelera,navegacio, peu/************************
------------------------------------------------------------------------------------
#content{ padding:0px !important; width:980px;  box-shadow: 0px 0px 6px #D0D0D0;}
#nav-main{ display:none; }
#wrapper { background: #F4F4F4 !important;  padding-bottom: 154px; padding-top: 154px;}
#footer { display: none;}
.top-nav { display: none;}
.portlet-column-content { padding: 0;}
.breadcrumbs {display: none;}
#header .top-nav { position: absolute; right: 0; top: 15px;}
#header #logo {  display: none !important;}

/***** visualitzar el perfils del portlets********/
/*.portlet-borderless-container {  border: 1px solid #FF0000;}

/***** limit placa negre edicio portlets (web content display)
.portlet-borderless-bar{max-height: 130px;}
------------------------------------------------------------------------------------
*/

.contactes {
  text-align: center;
}
.contactes .bloc1, .contactes .bloc2, .contactes .bloc3, .contactes .bloc4, .contactes .bloc5 {
  padding: 40px 50px 0;
  margin: 0 auto;
}
.contactes .bloc1 {
  background: url('http://www.smartcityexpo.com/image/image_gallery?uuid=de1ab7b2-2d2d-4edf-ac71-58eb4c680e60&groupId=1297465&t=1370447000734') no-repeat top center transparent;
  padding: 65px 110px 0px;
}
.contactes #content {
  padding: 0;
  width: 980px;
}
.contactes .portlet-column, .contactes .portlet-column-content {
  padding: 0px;
}
.contactes h2 {
  border-bottom: 6px solid #D5D5D5;
  display: inline-block;
  padding-bottom: 5px;
  color: #333333;
  margin-bottom: 20px;
}
.contactes img {
  vertical-align: middle;
}
.contactes .bg-gris {
  background: url('http://media.firabcn.es/content/contenidos test/base/images/bg-grey.jpg') repeat;
}
.contactes .bg-negre {
  background: url('http://media.firabcn.es/content/contenidos test/base/images/bg-black.jpg') repeat;
  color: #E3E3E3 !important;
}
.contactes .portlet {
  background: transparent;
}
.contactes .bg-negre h2 {
  color: white;
  font-weight: 400;
  border: none;
}
.contactes {
  font-size: 1.3em;
  color: #666;
}
.contactes p {
  margin-bottom: 0px;
}
.contactes .bloc3 ul li:first-child {
  margin-bottom: 210px;
}
.bloc3 img {
  margin-left: 160px;
}
.contactes .bloc3 ul {
  margin-top: 110px;
}
.contactes .bloc3 ul li {
  text-align: left;
}
.contactes .bloc4 {
  padding-bottom: 55px;
}
.contactes .bloc4 li {
  line-height: 140%;
}
.contactes .bloc1 * {
  text-align: left;
  color: white;
}
.contactes .titol {
  margin-bottom: 40px;
}
.contactes .bloc5 {
  padding: 60px 0px 0px;
  margin-top: 60px;
  background: url('http://media.firabcn.es/content/contenidos test/base/images/icon-download.png') no-repeat top center transparent;
}
.subtitol {
  padding: 50px 0px;
}
.subtitol * {
  margin-bottom: 0px;
}
.featured img {
  vertical-align: bottom;
}
.download-buttons a {
  border: none !important;
  text-decoration: none;
}
.contactes .bloc1 .featured img {
  padding-left: 60px;
}
.contactes .bloc1 h1 {
  margin-bottom: 5px;
  margin-top: 105px;
}
.download-buttons {
  background: -moz-linear-gradient(top, rgba(82,69,55,0.7) 0%, rgba(82,69,55,0.7) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82,69,55,0.7)), color-stop(100%, rgba(82,69,55,0.7))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(82,69,55,0.7) 0%, rgba(82,69,55,0.7) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(82,69,55,0.7) 0%, rgba(82,69,55,0.7) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(82,69,55,0.7) 0%, rgba(82,69,55,0.7) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(82,69,55,0.7) 0%, rgba(82,69,55,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3524537', endColorstr='#b3524537', GradientType=0 ); /* IE6-9 */
  text-align: center !important;
  padding: 20px 10px;
  width: 95%;
  border-radius: 5px;
  margin-top: 15px;
}
.subtitol em {
  font-style: normal;
}
.contactes .bloc5 .download-buttons {
  background: white;
}
.contactes .bloc5 .download-buttons {
  background: none;
  width: 96%;
}
.contactes .bloc5 h2 {
  border: none;
}
.download-buttons a:first-child {
  margin-right: 20px;
}
.contactes .bloc2 {
  padding-bottom: 35px;
}
.bloc3.expo img {
  margin-left: 0px;
}
.contactes .bloc3.expo {
  padding-bottom: 50px;
  border-top: 1px solid #e2e2e2;
}
/*final landing contactes*/


/*home sumi's al canvi*/
.sumis h1 {
  font-size: 37px !important;
  color: #F9E900 !important;
}
.sumis h2 {
  font-size: 32px !important;
  color: #fff;
}
.sumis p {
  color: #fff;
}
.sumis .box {
  background: transparent !important;
}
/*video*/
#p_p_id_56_INSTANCE_fY54_ {
  margin-left: 122px;
}
/*sumi's al canvi*/
#p_p_id_56_INSTANCE_7xvF_ {
  margin-left: 190px;
}
.blocs {
  border-right: 1px solid #ccc;
}
#p_p_id_56_INSTANCE_jB1x_ {
  margin-top: 35px;
}
.cent {
  text-align: center;
}
/*.modalidad p {
    border-top: 1px solid #666666;
    padding-top: 15px;
}*/
.modalidad .button.high {
  font-size: 18px;
  width: 244px;
}
.guest h5 strong {
  font-size: 19px;
  background: #FFEC00;
}
/*Home expositors*/
.img_plataforma {
  background-image: url("http://media.firabcn.es/content/S011015/images/h_exp_img_principal.png");
  background-color: transparent;
  background-repeat: no-repeat;
  height: 397px;
  padding: 10px;
  margin-bottom: 40px;
  height: 557px;
}
.plataforma_prof .portlet.box {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  position: absolute;
  top: 191px;
  width: 564px;
}
.plataforma_partner .portlet.box {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 564px;
}
.degradadogris .portlet.box {
  background-color: transparent;
  background-image: url("http://media.firabcn.es/content/S011015/images/h_exp_degradado_gris.png");
  background-repeat: no-repeat;
  height: 397px;
  padding: 10px;
}
.equipo_fons .portlet.box {
  background-image: url("http://media.firabcn.es/content/S011015/images/h_exp_destacado_equipo_comercial.png");
  background-repeat: no-repeat;
  height: 250px;
  padding: 10px;
}
/*Last Home 2015-*/



.hnews .portlet {
  background-color: transparent;
}
img.hnews_img {
  margin-top: -15px;
}
.hnews h3 {
  color: #FFFFFF;
  font-weight: bold;
}
.hnews {
  padding: 80px;
}
.hnews_img {
  margin-right: 30px;
}
.hpack {
  background: url("http://media.firabcn.es/content/S011015/images/h_fons_pack.png") no-repeat;
  height: 155px;
  width: 986px;
  margin-left: -21px;
  margin-top: -20px;
  margin-bottom: 20px;
}
.hpack a {
  color: #E13B37;
  left: 151px;
  position: relative;
  top: 60px;
  border-bottom: 1px solid #E13B37;
  font-size: 14px;
}
.hpack {
  background: url("http://media.firabcn.es/content/S011015/images/h_fons_pack.png") no-repeat;
  height: 155px;
  width: 986px;
  margin-left: -21px;
  margin-top: -20px;
  margin-bottom: 20px;
}
.fonsdegradat .portlet {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, #E4E4E4 0px, rgba(255, 255, 255, 0) 100%);
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  height: 249px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background: rgb(228,228,228); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(228,228,228,1)), color-stop(100%, rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(228,228,228,1) 0%, rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
.espaisuper h2 {
  color: #FFFFFF;
}
.espaisuper .portlet.box.super strong {
  font-size: 28px;
  font-weight: normal;
  position: relative;
  top: 20px !important;
}
.imgespai_super {
  margin-left: 198px !important;
  margin-top: -52px;
}
.espaisuper h3 {
  color: #FFFF00;
  font-weight: bold;
}
.fonsdegradat .section {
  margin-bottom: -2px!important;
}
.fonsdegradat .section {
  background-color: #FFFFFF!important;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
}
.h_imgespai {
  margin-left: 183px !important;
  margin-top: -92px;
}
.imgespai_pack {
  margin-left: 196px;
  margin-top: -99px;
  position: absolute;
}
.pack .portlet p {
  margin-top: 18px !important;
}
.globalogos .partners ul li a, .partners ul li span {
  width: 152px;
  height: 45px;
  border: none;
}
.globalogos .portlet img {
  width: 134px;
  height: 45px;
}
.hmemoria .high {
  height: 176px !important;
}
.hmemoria img {
  margin-top: -24px;
}
.hmemoria .lnk {
  position: relative;
  top: 57px;
}
.sumis p {
  line-height: 20px;
}
/*roll up horitz home*/


.hlogosroll .partners.high {
  background-color: white;
  border: 0 solid #f5f5f5;
  padding: 0;
}
.hlogosroll .simply-scroll .simply-scroll-clip .simply-scroll-list li {
  float: left;
  margin: 0 5px 10px;
  width: 134px;
}
.hlogosroll .partners.high .section {
  background-color: white!important;
}
.hlogosroll #scroller img {
  height: 45px !important;
  width: 134px !important;
}
/*plana media news*/
.notic_media h2 {
  margin-left: 202px !important;
}
.notic_media img {
  margin-top: -40px!important;
}
.notic_media .news-list-item.last {
  padding-top: 44px;
}
.date.vertical span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px!important;
}
.article.news-detail .big img {
  display: none!important;
}
.date.vertical .day {
  display: block;
  font-weight: normal!important;
font-size:14p!importantx;
}
.figure img {
  margin-top: -7px !important;
}
.media_news_enlace .links ul li a {
  background-color: #e4e4e4;
  background-position: 213px center;
  border-bottom: 2px solid white;
  height: 66px;
  padding-bottom: 2px;
  padding-left: 7px;
  padding-top: 6px;
}
.distribuidora_enlace .links ul li a {
  background-color: #e4e4e4;
  background-position: 270px center;
  border-bottom: 2px solid white;
  height: 66px;
  padding-bottom: 2px;
  padding-left: 7px;
  padding-top: 6px;
  width: 283px;
}
.distribuidora_enlace .portlet.links span {
  left: 10px;
  position: relative;
  top: -36px;
  font-size: 14px;
}
.media_news_subs h4 {
  color: white;
  font-size: 16px;
}
.media_news_subs .super {
  margin-top: -25px;
}
.media_news_subs a {
  color: #db232a;
  text-decoration: underline;
}
.media_news_enlace .portlet.links span {
  left: 10px;
  position: relative;
  top: -36px;
  font-size: 14px;
}
.distribuidora_enews .llistat {
  line-height: 14px;
  margin-top: -18px;
}
.distribuidora_enews .llistat li {
  border-bottom: medium none;
  margin-top: -8px;
  padding-left: 11px;
}
#_118_INSTANCE_A3eN_column-1 {
  padding-right: 17px !important;
}
#_118_INSTANCE_A3eN_column-2 {
  padding-right: 18px !important;
}
#_118_INSTANCE_A3eN_column-3 {
  padding-right: 11px !important;
  padding-bottom: 20px!important;
}


/*acordeon plana vull visitar*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,600italic,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);
/* CSS reset */

.ac-container a {
  border-bottom-color: #B3181E;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #FFFFFF;
}
.ac-container h3 {
  color: yellow;
}
.container {
  width: 100%;
  position: relative;
  text-align: center;
  background-color: black;
}
.clr {
  clear: both;
}
.container > header {
  padding: 20px 30px 10px 30px;
  margin: 0px 20px 10px 20px;
  position: relative;
  display: block;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  text-align: center;
}
.container > header h1 {
  font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
  font-size: 35px;
  line-height: 35px;
  position: relative;
  font-weight: 400;
  color: #3d7489;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  padding: 0px 0px 5px 0px;
}
.container > header h1 span {
  color: #80B8CE;
  text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h2 {
  font-size: 16px;
  font-style: italic;
  color: #82858e;
  text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
/* Header Style */
.codrops-top {
  line-height: 24px;
  font-size: 11px;
  background: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  z-index: 9999;
  position: relative;
  box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.codrops-top a {
  padding: 0px 10px;
  letter-spacing: 1px;
  color: #333;
  text-shadow: 0px 1px 1px #fff;
  display: block;
  float: left;
}
.codrops-top a:hover {
  background: #fff;
}
.codrops-top span.right {
  float: right;
}
.codrops-top span.right a {
  float: left;
  display: block;
}
p.codrops-demos {
  text-align: center;
  display: block;
  padding: 14px;
}
p.codrops-demos a, p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover {
  display: inline-block;
  border: 1px solid #7FB2C1;
  padding: 4px 10px 3px;
  font-size: 13px;
  line-height: 18px;
  margin: 0px 3px;
  font-weight: 800;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #b0d4e3;
  background: -moz-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0d4e3), color-stop(100%, #88bacf));
  background: -webkit-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
  background: -o-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
  background: -ms-linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
  background: linear-gradient(top, #b0d4e3 0%, #88bacf 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf', GradientType=0 );
}
p.codrops-demos a:hover {
  background: #80B8CE;
}
p.codrops-demos a:active {
  -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
  -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
}
p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover {
  color: #3d7489;
  text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
}
/* Media Queries */
@media screen and (max-width: 767px) {
.container > header {
  text-align: center;
}
p.codrops-demos {
  position: relative;
  top: auto;
  left: auto;
}
}
.ac-container {
  border: 1px solid white;
  margin: -12px auto 30px;
  text-align: left;
  width: 725px;
}
.ac-container > div:before, .ac-container > div:after {
  content: "";
  display: table;
}
.ac-container > div:after {
  clear: both;
}
.ac-container .label {
  border-top: 1px solid white;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 33px;
  padding: 18px;
  position: relative;
  z-index: 20;
}
.ac-container .label:after {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("http://media.firabcn.es/content/S011015/images/b_more.jpg");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto auto;
  content: "";
  height: 100px;
  position: absolute;
  right: 13px;
  top: 7px;
  width: 32px;
}
.ac-container .visible .label:after {
  background-image: url(http://media.firabcn.es/content/S011015/images/b_less.jpg);
}
.ac-container .ac-small {
  color: #999999;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-left: 21px !important;
}
.ac-small strong {
  color: white;
}
.ac-container article {
  padding: 0 60px 0 0;
  margin-left: 11px;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ac-container .visible article {
  max-height: 400px;
}
.ac-container .logos {
  float: left;
}
.ac-container .text {
  padding-right: 60px;
  font-family: 'Open Sans', sans-serif;
  color: #999999;
  line-height: 21px;
}
.imgcontainer {
  float: left;
}
.ac-container article p {
  color: #7A7A7B;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
}
.has-v-padding .portlet {
  padding: 40px 0;
}
/* INICI: SLIDER PRODUCTES */

/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.slides > li:first-child {
  display: block;
}
.slides li {
  width: 100%;
}
.flexslider {
  border-bottom: 1px solid #333333;
  margin-bottom: 20px;
  padding: 10px 0 30px 0;
  position: relative;
}
.flex-prev, .flex-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 36px;
  height: 36px;
  margin-top: -50px;
  text-indent: -9999em;
  background: transparent url(http://media.firabcn.es/content/alimentaria_premium/images/flex-nav.png) no-repeat;
  opacity: 0.35;
  filter: alpha(opacity=35);
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.flex-prev {
  left: -46px;
  background-position: top;
}
.flex-next {
  right: -46px;
  background-position: bottom;
}
.flex-prev:hover, .flex-next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flex-pic {
  float: left;
  width: 354px;
}
.flex-pic img {
  margin: 0 !important;
}
.flex-content {
  margin-left: 374px;
  padding-right: 20px;
}
.flex-content h3 {
  margin: 0 0 10px;
  font-family: 'Merriweather', serif;
  font-weight: normal;
  font-size: 20px;
  color: white;
}
.flex-content p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255,255,255,0.7);
}
.flex-content img {
  width: auto !important;
  margin: 30px 0 0 !important;
}
/* FINAL: SLIDER PRODUCTES */
/*plana productes- new*/

.new_prod {
  background-color: #9D161C;
  margin-right: 9px;
  padding-bottom: 1px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 1px;
}
#p_p_id_56_INSTANCE_2d1A_ {
  left: -10px !important;
  position: absolute;
}
/*plana vull visitar*/

.vull_visitar_raons {
  background-image: url("http://media.firabcn.es/content/S011015/images/vull_visitar_raons.png");
  height: 618px;
  margin-bottom: 20px;
  padding: 20px;
  background-repeat: no-repeat;
}
.vull_visitar_valors:after {
  content: url("http://media.firabcn.es/content/S011015/images/vull_visitar_arrow.png");
  left: 172px;
  position: absolute;
  top: 2px;
  z-index: 2;
}
.vull_visitar_valors:before {
  content: url("http://media.firabcn.es/content/S011015/images/vull_visitar_arrow_d.png");
  left: 653px;
  position: absolute;
  top: 2px;
}
.vull_visitar_lista .llistat li {
  border-bottom: 1px dashed black;
  font-size: 15px;
  background-position: 0 10px;
}
.vull_visitar_lista li {
  background-image: url("http://media.firabcn.es/content/S011015/images/vull_visitar_lista.png")!important;
  background-repeat: no-repeat;
  padding-left: 21px !important;
}
.vull_visitar_cadena {
  margin-left: 34px;
  margin-top: 118px;
}
.vull_visitar_conectors {
  margin-left: 716px;
  margin-top: -167px;
}
.vull_visitar_forca {
  margin-right: 372px;
  margin-top: -63px;
}
.vull_visitar_forca p {
  color: white;
}
.vull_visitar_demanda {
  font-size: 11px;
  margin-left: 794px;
  margin-top: 27px;
}
.vull_visitar_perfil h1 {
  color: white;
  text-align: center;
}
.vull_visitar_participi .button.high {
  font-size: 18px;
  margin-top: 12px;
  width: 204px;
}
.vull_visitar_txtmapa {
  margin-left: 452px;
  margin-top: -304px;
  position: absolute;
}
.vull_visitar_perfil h1:before {
  content: url("http://media.firabcn.es/content/S011015/images/vull_visitar_arrow_w_d.png");
  left: 690px;
  position: absolute;
  top: 20px;
}
.vull_visitar_perfil h1:after {
  content: url("http://media.firabcn.es/content/S011015/images/vull_visitar_arrow_w.png");
  left: 179px;
  position: absolute;
  top: 18px;
  z-index: 2;
}
.vull_visitar_desplegable {
  margin-top: -23px;
  margin-bottom: -20px;
}
.vull_visitar_lista_consulti {
  margin-top: 96px;
}
.vull_visitar_pack .super {
  background-color: #EADE00;
}
.vull_visitar_img_subscripcio img {
  margin-left: 36px !important;
  margin-left: 36px !important;
}
.tribunah3 {
  background: url(../images/bg-opinions.gif) no-repeat;
  margin: 22px 0 34px 0;
  padding: 22px 0;
  text-align: center;
  font-size: 24px;
  color: #000;
}
.tribunah3 {
  background: transparent;
  padding: 10px 0 10px 15px;
  text-align: left;
  border-left: 5px solid #E2D306;
  text-transform: uppercase;
  font-weight: bold;
}
.memoria2012 {
  background: #000;
  color: #fff;
  padding: 20px;
}
.memoria2012 h1 {
  margin: 15px 178px;
}
.memoria2012 h3 {
  width: 399px;
  text-align: center;
  margin: 0 0 0 68px;
  font-size: 16px;
  color: #fff;
  line-height: 22px;
}
.membutton a {
  float: right;
  color: #fff;
  text-transform: uppercase;
  margin: -82px 67px 0 0;
  background: #d22828;
  padding: 12px 70px;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 7px solid #981c1c;
}
.destacat.trendpack {
  background: #000;
  color: #fff;
  padding: 25px 60px !important;
}
.destacat.trendpack p {
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 33px;
}
.destacat.trendpack a {
  color: #e13b37;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: none;
  text-align: center;
}
.destacat.trendpack li {
  text-align: center;
}
.titol_esquerre h3 {
  font-size: 1.1em;
}
.titol_esquerre {
  width: 64%;
  float: left;
  padding: 41px 10px 0 10px;
}
.titol_dreta {
  float: right;
  padding: 0 12px 0 0;
}
.fonsdegradat.auto .portlet {
  height: auto !important;
}
.titol_dreta img {
  width: 296px !important;
  height: auto !important;
  float: right;
}
/*********************new hispack************************/

.new-hispack-left {
  width: 64%;
  float: left;
  padding: 106px 50px 20px 0;
  background: url(../images/trendpack-area.png) no-repeat;
}
.new-hispack-right {
  float: right;
  width: 26%;
  background: #e2e2e2;
  padding: 20px;
}
.new-hispack-left h1 {
  font-size: 25px;
  text-transform: uppercase;
  background: url(../images/linea-negra.png) no-repeat bottom left;
  display: inline-block;
  height: auto;
  padding: 0 0 11px 0;
}
.new-hispack-left p {
  font-size: 16px;
  line-height: 20px;
}
.new-hispack-right h2 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}
.new-hispack-right p {
  font-size: 14px;
  line-height: 20px;
}
.new-hispack-right a {
  display: block;
  background: #000;
  color: #fff;
  padding: 15px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.mb-40 {
  margin-bottom: 40px
}
.distribuidora.yellow-bg {
  background: #f2ec34;
  padding: 70px 0 0;
}
.distribuidora.yellow-bg ul li {
    list-style: disc outside none;
    text-align: left;
    margin-left: 45px;
}
.distribuidora.yellow-bg2 {
background: #f2ec34;
padding: 40px 0;
}
.yellow-icon {
  text-align: center;
  background-color: transparent;
}
.guestcompanies {
  text-align: center;
  padding: 50px 0;
}
.guestcompanies2 {
  text-align: left;
  padding: 50px 0;
}
.guestcompanies2 .left {
   float:left;
   width:50%
}
.guestcompanies2 .right {
   float: right;
   width:50%
}
.guestcompanies h2 {
  margin: 0 0 40px 0;
}
.guestcompanies2 h2 {
  margin: 0;
  text-transform: uppercase
}
.guestcompanies img, .guestcompanies2 img {
  margin: 0 7px;
}
.subs-newsletter .socialmedia ul li a.facebook {
  background-image: url("../images/facebook-pack.png");
  background-repeat: no-repeat;
}
.subs-newsletter .socialmedia ul li a.twitter {
  background-image: url("../images/twitter-pack.png");
  background-repeat: no-repeat;
}
.subs-newsletter .socialmedia ul li a.linkedin {
  background-image: url("../images/linkedin-pack.png");
  background-repeat: no-repeat;
}
.subs-newsletter .socialmedia ul li a.youtube {
  background-image: url("../images/youtube-pack.png");
  background-repeat: no-repeat;
}
.subs-newsletter .socialmedia ul li a.pinterest {
  background-image: url("../images/pinterest-pack.png");
  background-repeat: no-repeat;
}
.subs-newsletter .socialmedia ul li a {
  display: block;
  width: 52px;
  height: 45px;
  border-bottom: none;
  cursor: pointer;
  z-index: 2;
  position: relative;
}
.subs-newsletter .socialmedia ul li a:hover {
  text-decoration: none
}
.subs-newsletter .socialmedia ul {
  margin: 0 0 0 29px;
}
.subs-newsletter .socialmedia ul li {
  float: left;
  width: 42px;
  margin: 4px;
}
.newsletter {
  width: 50%;
  float: left;
}
.newsletter h2, .socialmedia h2 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.newsletter p {
  text-transform: uppercase;
  font-size: 16px;
}
.subs-newsletter {
  background: #ebebeb;
  padding: 20px;
}
.newsletter a {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 15px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
/*****************premium-pack***************************/
.premiumpack-left {
  width: 64%;
  float: left;
  padding: 20px 50px 20px 0;
}
.premiumpack-right {
  float: right;
  width: 26%;
  background: #e2e2e2;
  padding: 20px;
}
.premiumpack-left h1 {
  font-size: 25px;
  text-transform: uppercase;
  background: url(../images/linea-negra.png) no-repeat bottom left;
  display: inline-block;
  height: auto;
  padding: 20px 0 11px 0;
}
.premiumpack-left p {
  font-size: 16px;
  line-height: 20px;
}
.premiumpack-right h2 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}
.premiumpack-right p {
  font-size: 14px;
  line-height: 20px;
}
.premiumpack-right a {
  display: block;
  background: #000;
  color: #fff;
  padding: 15px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.yellow-bg2 p {
width: 78%;
margin: 0 auto;
}



.online2 .portlet.box.high > h1 {
    color: #ffffff;
}

.online2 .portlet.box.high > p {
    color: #ffffff;
}
.online2{ text-align: center;}

.new-hispack-left h1 {
font-size: 25px;
text-transform: none;
background: url(../images/linea-negra.png) no-repeat bottom left;
display: inline-block;
height: auto;
padding: 0 0 11px 0;
}

.premiumpack-left h1 {
font-size: 25px;
text-transform: none;
background: url(../images/linea-negra.png) no-repeat bottom left;
display: inline-block;
height: auto;
padding: 20px 0 11px 0;
}

.new-hispack-left1 {
width: 100%;
float: left;
padding: 0px 50px 20px 0;
}

.new-hispack-left1 p{
font-size: 16px;
line-height: 20px;
}

.raya{
width: 45px;
border-bottom: 3px solid black;
margin-bottom: 20px;
margin-top: -10px;
}
.high .portlet {
    background-color: #e4e4e4!important;
}
.travels .box-img:after {
    right: -20px;
}
.travel.box-h h2.icon-trolley:before {
    left: 138px;
}
.travel.box-h h2:before {
    left: 143px;
}

.portlet-entero{
  width: 100%;
  border-top: 3px solid black;
  background-color: #f1f1f1;
}

.portlet-entero p{
  width: 400px;
  color: #000;
  line-height: 24px;
  float: left;
}

.boton-entrevistas {
  width: 205px;
  height: 50px;
  background-color: #e2001a;
  color: #FFF;
  float: left;
}

.boton-entrevistas a{
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
}

.portlet-entero .super {
padding: 40px 0px 102px 95px;
background-color: #f2f2f2;
border-top: 6px solid black;
}

.portlet-entero .super .button.high{
  float: left;
  width: 200px;
  padding: 16px;
  margin-left: 70px;
  font-weight: bold;
}

.entrevistas-rojo{
 color: #E2001A;
 font-size: 15px;
 line-height: 20px;
}

.raya-rojo{
  width: 45px;
  border-top: 4px solid #E2001A;
  margin-top: 10px;
}





/* NOVA HOME 2015 */
/* ========================================== */

/* Template Fira */

/* ========================================== */

/*
  01. Wrapper
  02. Header
  03. Portlet
  04. Newsletter
  05. List
  06. Separadores
*/

@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300);

/*  ================= */
/*  00. BODY      */
/*  ================= */
html, body {
  font-family: 'Lato', sans-serif!important;
}

/*  ================= */
/*  01. WRAPPER     */
/*  ================= */

* { font-family: 'Lato'; }
#wrapper {
  /* == Imatge de fons == */
  background-image: url("http://media.firabcn.es/content/S011015/images/bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #d5d5d5;
}

/* == Content full width == */
  #content {
    border-left: 0;
    border-right: 0;
  }

/*  ================= */
/*  02. HEADER      */
/*  ================= */

  /* == Header [ Top Nav ] == */
  #header .top-nav {
    right: 0;
    background: #c83e3d;
  }
    /* == Header [ Toggle Idioma ] == */
    #header .top-nav #lang-selector .dropdown-toggle {
      background: #c83e3d;
    }
    /* == Header [ Search Form Fieldset ] == */
    #search form fieldset {
      background: #c83e3d;
    }

    /* == Header [ RRSS ] == */
    #header #claim {
        display: block;
        height: 115px;
        left: 370px;
        position: absolute;
        right: 0;
        top: -35px;
        width: 980px;
    }
      #header #claim .rrss > a {
        margin: 0 5px 0 0;
      }

/* == Nav [ Full width ] == */
#nav-main {
  border-bottom: 0;
  margin-top: 44px;
}





/* Nav Menu Stats */
    #nav-main ul.dropdown a {
        background: #545252;
        color: #fff;
        font-weight: 400;
    }
    #nav-main ul.dropdown li.active a {
        padding-top: 0;
        background: #c83e3d;
        margin-top: 0;
    }
    /* Define el hover de primer nivel */
    #nav-main ul.dropdown li:hover a {
        padding-top: 0;
        background: #c83e3d;
        margin-top: 0;
    }
    #nav-main ul.dropdown ul li {
      border-top: 1px solid #991419;
    }
    /* Define el hover de segundo nivel */
    #nav-main ul.dropdown li:hover ul li a:hover {
        background: #991419;
    }
    /* Define el hover del pirmer nivel cuando se hace hover sobre el segundo */
    #nav-main .menulevel1:hover a {
        color: #fff;
    }






/*  ================= */
/*  02. FOOTER      */
/*  ================= */
#footer .sitemap {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQImWM4YWf7H4YZTtjZ/p+ip4vgwDAAgt8T/xyZbacAAAAASUVORK5CYII=") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 0;
}
  #footer .sitemap .col-6-1 {
    background: none;
  }


/*  ================= */
/*  03. HEADING      */
/*  ================= */
h1 { font-size: 24px; }

/*  ================= */
/*  04. PORTLETS      */
/*  ================= */
.full-width .portlet-column-content { padding: 0; }
.nested-white {
  background: #fff;
  padding: 10px 0 5px;
}
.nested-yellow {
  background: rgba(242, 209, 51, .9) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAEklEQVQImWNgQAdPrzP8xxAEADWqArzETZ8KAAAAAElFTkSuQmCC) repeat;
  height: 192px;
}
  .nested-yellow .super, .nested-grey1 .super {
    background: transparent;
  }
    .nested-yellow .super .title {
        color: #000;
        font-size: 22px;
        font-weight: bold;
        margin: 20px 0 5px;
        text-align: center;
    }
    .nested-yellow .super p {
      color: #000;
      font-size: 16px;
      text-align: center;
    }

.nested-grey1 {
  background: rgba(104, 104, 104, .9) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAEUlEQVQImWNgQAdxcXH/MQQBKB0CGhfzz8EAAAAASUVORK5CYII=) repeat;
  height: 192px;
}

  .nested-grey1 .super {
    background: transparent;
  }
    .nested-grey1 .super .title {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        margin: 20px 0 5px;
        text-align: center;
    }
    .nested-grey1 .super p {
      color: #fff;
      font-size: 16px;
      text-align: center;
    }

.nested-grey2 {
  background: #333 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAEUlEQVQImWNgQAcKCgr/MQQBGZUBYIrjJwwAAAAASUVORK5CYII=) repeat;
  height: 192px;
}

  .nested-grey2 .super, .nested-grey4 .super {
    background: transparent;
  }
    .nested-grey2 .super .title {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        margin: 20px 0 5px;
        text-align: center;
    }
    .nested-grey2 .super p {
      color: #fff;
      font-size: 16px;
      text-align: center;
    }

.nested-grey3 {
  border-top: 9px solid #f9eb15;
  background: #efefef;
}

  .nested-grey3 .super {
    background: transparent;
  }
    .nested-grey3 .super .title {
        color: #000;
        font-size: 22px;
        font-weight: bold;
        margin: 20px 0 5px;
        text-align: center;
    }
    .nested-grey3 .super p {
      color: #000;
      font-size: 16px;
      text-align: center;
    }


.nested-grey4 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADElEQVQImWNgQAP/AQERAQD1y6SYAAAAAElFTkSuQmCC") repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 192px;
}
    .nested-grey4 .super .title {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        margin: 20px 0 5px;
        text-align: center;
    }

    .nested-grey4 .super p {
      color: #fff;
      font-size: 16px;
      text-align: center;
    }

     .col-33 {
      float: left;
      text-align: center;
      width: 33%;
    }

    .no-margin .portlet-column-content {
      padding: 0;
    }
    .button.high {
      background-color: #C83E3D;
      box-shadow: 0 5px 0 #991419;
      margin: 20px 0 30px;
      padding: 8px 20px;
      text-shadow: none;
      font-size: 15px;
    }
    .button.high.button2 {
      margin: 0px 0px 30px;
    }
    .button.high:hover {
      background-color: #991419;
    }
    .button.high.button3 {
      margin: 10px 0px 0 0;
    }
    .destacadohome-bg {
      background: url('http://www.hispack.com/image/image_gallery?uuid=d477c545-264d-4446-a99b-7706bd35e896&groupId=51876&t=1422379782671');
      height: 192px;
    }
    .destacado-financiamiento-bg {
      background: url('http://www.hispack.com/image/image_gallery?uuid=f027c5b0-6835-43c9-9f59-fc0cb1936951&groupId=51876&t=1424424290358');
      height: 192px;
    }

/* == Destacado Destacado == */
  .zonasHome .high img {
    display: block;
    margin: 0 auto 10px;
}
  .zonasHome .high {
    background: transparent;
  }
    .zonasHome .high h4 {
      margin-top: 15px;
    }
    .zonasHome .high p {
      font-size: 16px;
    }
    .zonasHome .portlet .lnk {
      color: #000;
      font-size: 16px;
      font-weight: bold;
      position: relative;
      text-decoration: underline;
      text-transform: none;
    }
      .zonasHome .portlet .lnk:hover {color: #c83e3d;}
      .zonasHome .portlet .lnk:before {
        background: url("http://www.hispack.com/image/image_gallery?uuid=c0269b91-cd9e-43c7-8b2c-e4c42db35ad8&groupId=51876&t=1422441937904") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        height: 11px;
        margin-right: 10px;
        width: 9px;
      }

  .logo-experience img {
    position: absolute;
    right: 20px;
    bottom: 15px;
  }

/* == News | RRSS == */
.portlet.news {
    padding: 0 25px;
}
  .portlet.news .section, .rrss .section {
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 20px;
    text-transform: none;
  }
    .news ul li .date {font-family: 'Lato', sans-serif;}
    .news ul li .title {font-family: 'Lato', sans-serif;}

    .rrss {
    position: absolute;
    top: 53px;
}
    .rrss .enlace {
      width: 40px;
      height: 40px;
      margin: 0 30px 30px 0;
      background-position: top;
      display: inline-block;
      border-bottom: 0;
    }
    .rrss .enlace:hover {background-position: bottom;}
    .rrss .enlace.facebook { background: url('http://www.hispack.com/image/image_gallery?uuid=96e0dbe0-d781-4770-b1e9-c22e1b8d417b&groupId=51876&t=1422444638097');}
    .rrss .enlace.linkedin { background: url('http://www.hispack.com/image/image_gallery?uuid=15266202-6672-4bba-b017-8d974d8c376c&groupId=51876&t=1422444638105');}
    .rrss .enlace.pinterest { background: url('http://www.hispack.com/image/image_gallery?uuid=46ff3908-8bed-4a6a-94cf-9e0745acf509&groupId=51876&t=1422444638113');}
    .rrss .enlace.youtube { background: url('http://www.hispack.com/image/image_gallery?uuid=4d4264a9-df50-408e-b8de-dd9e6bca55c9&groupId=51876&t=1422444638129');}
    .rrss .enlace.twitter { background: url('http://www.hispack.com/image/image_gallery?uuid=44436885-9f82-46c4-8f5c-9075eccebc03&groupId=51876&t=1422444638121');}

/* == Partners == */
.partners {
  padding: 0 25px;
}
.partners .section {
    font-family: "Lato";
    font-size: 22px;
    text-transform: none;
}
.partners ul li a, .partners ul li span {
  border: 0;
}

.partners ul li a:hover, .partners ul li a:hover img, .partners ul li a img:hover {
  border: 0!important;
}
.partners ul li a:hover {padding: 0 2px 2px!important;}

/* Logo Roller */
.hlogosroll {
  border-bottom: 9px solid #f9eb15;
}
.hlogosroll .partners.high {
  width: 980px;
  background: #efefef;
  margin-bottom: 0;
}
  .hlogosroll .partners.high .section {
    background: #efefef!important;
    font-family: "Lato";
    font-size: 22px;
    padding: 20px 0 20px 25px;
    text-transform: none;
  }
  .hlogosroll #scroller img {
    height: 34px !important;
    width: 100px !important;
  }

/* == Home Areas Row == */
.home-areaRow span.title {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: -40px;
}
  .home-areaRow img {
    margin: 0 12px;
}
.home-areaRow a, .home-areaRow a:hover {
  border: 0;
}

/* == Home Newsletter == */
.home-newsletter {
    border-bottom: 9px solid #f9eb15;
    float: left;
    width: 100%;
}
  .home-newsletter .col50 {
    width: 50%;
    text-align: center;
    float: left;
  }
    .home-newsletter .button.high {
      border: 0 none;
    }
    .home-newsletter h2 {
      margin-top: 10px;
    }

/* == Home Asesoramiento == */


/*  ================= */
/*  10. HELPERS  */
/*  ================= */
.hisp-red {
  color: #C83E3D;
}
p.large {
  font-size: 18px;
}
.extra-padding-top {
    padding-top: 40px!important;
}
.extra-padding-sides {
  padding-left: 100px;
  padding-right: 100px;
}
.extra-padding-sides2 {
  padding-left: 25px;
  padding-right: 25px;
}

.display-none { display: none; }


/*  ===================== */
/*  11. MOBILE APP PROMO  */
/*  ===================== */
.app_bgImg1 {
  background: url("http://www.smartcityexpo.com/image/image_gallery?uuid=de1ab7b2-2d2d-4edf-ac71-58eb4c680e60&groupId=1297465&t=1370447000734") no-repeat scroll center top;
  padding: 67px 110px 0;
  color: white;
  margin-left: -20px;
  margin-top: -25px;
}
.app_mainText { margin-top: 140px; }
.app_mainText em { color: white; }

.contactes .bloc4, .contactes .bloc2, .contactes .bloc3,
.contactes .bloc5 { margin-left: -20px; }
.contactes .bloc3 {
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px !important;
}
.contactes .bloc3.expo {
  padding-bottom: 20px;
  border-top: 0px;
  border-bottom: 0px;
}
.contactes .bloc4 h3 { font-size: 1.2em; }
.contactes .bloc4 a { color: #c83e3d; }
.contactes .imgCentered1 { margin-left: -80px; margin-bottom: 20px; }
.contactes .imgCentered2 { margin-left: -60px; margin-bottom: 20px; }

#frmsearch-adv fieldset button {
    border: 0 none;
    margin-right: 20px;
}


/* === Financiacion === */
.logo-financiacion {
    bottom: 0;
    position: absolute;
    right: 20px;
}

.actividades h2 {

  border-bottom: 3px dashed #000;
  font-weight: bold;
  padding-bottom: 7px;
  width: 200px;
}

.news-act h3{
  color: #000;
  font-weight: bold;
  font-size: 1.7em;
}

.news-act p{
  font-size: 12px;
}

.news-act span{
  color: #C83E3D;
}



/* === Areas === */
.col-50 {
  float: left;
  text-align: center;
  width: 50%;
}

.areasHead .box {
  padding: 0px 60px 10px 10px
}
.areasHead .box .section {
  color: #000!important;
  font-size: 22px;
  font-weight: bold;
  margin: 24px 0 12px;
  border: 0px;
  padding-left: 150px;
  }
  .areasHead .box .title {
    color: #000!important;
    font-size: 18px;
    text-align: left;
    border: 0px;
    padding-left: 150px;
    margin-bottom: 50px;
  }
  .areasHead .box p {
    float: none;
    display: block;
    font-size: 15px;
    line-height: normal;
    padding-left: 20px;
    border-left: 8px solid #c83e3d;
  }
  .areasHead .box ul { padding-left: 30px; margin-top: 30px; }
  .areasHead .box li { list-style: disc; font-size: 14px; margin-bottom: 15px; padding-left: 5px; }

  .areasHead .box .section:before {
    display: block;
    width: 126px; height: 110px;
    position: absolute;
    top: -24px; left: 0px;
    content: '';
    background: transparent url('http://www.hispack.com/image/image_gallery?uuid=9f45a0b2-3fe7-429c-a233-a6585e6b955b&groupId=51876&t=1423129122197') no-repeat;
  }
  .areasHead.premium .box .section:before { width: 190px; background-image: url('http://www.hispack.com/image/image_gallery?uuid=6f81f35a-b017-44c0-b1ba-cea20a71afda&groupId=51876&t=1423129122180'); }
  .areasHead.retail .box .section:before { background-image: url('http://www.hispack.com/image/image_gallery?uuid=34b02272-808f-49d6-aa5c-dfa81bedc6b9&groupId=51876&t=1423129122190'); }
  .areasHead.logistic .box .section:before { width: 190px; background-image: url('http://www.hispack.com/image/image_gallery?uuid=77573d5f-bce2-4aa0-8a7b-7cae95b556ea&groupId=51876&t=1423129122169'); }

  .areasHead.premium .box .section, .areasHead.premium .box .title,
  .areasHead.logistic .box .section, .areasHead.logistic .box .title {
    padding-left: 220px;
  }
  .areasHead.retail .box .section, .areasHead.retail .box .title {
    padding-left: 120px;
  }

.areasTrack .portlet.box { padding-right: 40px; margin-bottom: 40px; }
.areasTrack h3 {
    color: #000 !important;
    font-size: 18px;
    padding-bottom: 5px;
    border-bottom: 4px solid #c83e3d;
}
.areasTrack p { font-size: 15px; }
.areasTrack ul { padding-left: 20px; margin: 6px 0px; }
.areasTrack li { list-style: disc; font-size: 14px; margin-bottom: 15px; padding-left: 5px; }

.nested-grey1.alone-grey1 {
  background: transparent;
}

.alone-grey1 .portlet.box.super {
  background: transparent url('http://media.firabcn.es/content/S011015/images/areas02.jpg') no-repeat;
  background-size: 100% 100%;
  padding-bottom: 15px;
}
.alone-grey1 .portlet.box.super .title,
.nested-white2.full-green .portlet.box.super .title {
  text-transform: uppercase;
  font-size: 18px;
  color: white !important;
}

.alone-grey1 .portlet.box.super a.lnk {
  background-color: #c83e3d;
  text-shadow: none;
  box-shadow: 0 5px 0 #991419;
  margin: 6px 0 0px;
  padding: 8px 20px;
  text-shadow: none;
  font-size: 15px;
  color: white !important;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
}

.alone-grey1 .portlet.box.super a.lnk:hover {
  background-color: #991419;
}


.nested-white2.full-green { border: 0px; }
.nested-white2.full-green .portlet.box.super {
  background: transparent url('http://media.firabcn.es/content/S011015/images/areas01.jpg') no-repeat;
  background-size: 100% 100%;
  height: 100px;
  width: 950px;
  margin-left: -20px;
}
.nested-white2.full-green .portlet.box.super .col-50 .title { margin-top: 26px; color: black !important; }
.nested-white2.full-green.gourmet .portlet.box.super {
  background: transparent url('http://media.firabcn.es/content/S011015/images/bannerGourmet.jpg') no-repeat;
}
.nested-white2.full-green.gourmet .portlet.box.super .title { text-align: center; padding-top: 6px; color: black !important; }
.nested-white2.full-green.gourmet .portlet.box.super h3 { text-align: center; color: black !important; }

.areasLista .portlet-body {
  border-right: 8px solid #c83e3d;
  text-align: center;
  padding: 20px 0px 0px;
}
.areasLista .portlet-body h3, .areasNetwork .portlet.box h2 {
  font-size: 18px;
  font-weight: bold;
}
.areasLista .portlet-body h3 { margin-bottom: 20px; }
.areasNetwork .portlet.box {
  padding: 0px 20px 0px 40px;
  margin-top: -10px;
}
.areasNetwork .portlet.box p {
  font-size: 15px;
  line-height: normal;
}
.areasNews .portlet p {
  font-size: 14px;
}


.areasLogos .partners.high {
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
}
.areasLogos .partners.high ul li {
  padding: 10px 5px 15px;
}
.areasLogos .partners.high .section {
  background: transparent;
  text-align: center;
  font-size: 18px;
  color: #202020;
  font-weight: bold;
  padding: 10px 0 20px;
}



/* Estilos para slider */
.flexslider {
    width: 980px;
    height: 345px;
    background: none;
    border: 0;
    border-radius: none;
    box-shadow: none;
    position: relative;
  }


  .slide-content {
    width: 980px;
    position: absolute;
    bottom: 0px;
    background:#fff;
    background: rgba(255, 255, 255, .7);
    padding: 10px 20px;
    font-family: 'Lato', sans-serif!important;
  }
    .slide-text {
        width: auto;
        position: absolute;
        z-index: 100;
        right: 100px;
        font-size: 26px;
        font-weight: bold;
        font-family: "Lato", sans-serif!important;
        text-align: right;
        top: 120px;
        color: #000;
    }
    .flex-direction-nav a {
      width: 32px;
      height: 32px;
    }
    .flex-direction-nav .flex-prev { background-image: url('http://media.firabcn.es/content/S113014/slide_2015/images/arrow-left.png'); }
    .flex-direction-nav .flex-next { background-image: url('http://media.firabcn.es/content/S113014/slide_2015/images/arrow-right.png'); }
    .flex-direction-nav a:before {content: '';}
    .flex-direction-nav a.flex-next:before {content: "";}
    .hisp-red { color: #c83e3d; }


    /* Testimonials custom slider styles */
    .flexslider.testimonials {
      height: 380px !important;
    }



    .testimonials .slides li {
      width: 980px;
      height: 380px;
      position: relative;
    }
      .testimonials .slides li.bg1 {background: url('http://media.firabcn.es/content/S011015/slide/images/bg_fernando-sanchez.png') no-repeat;}
      .testimonials .slides li.bg2 {background: url('http://media.firabcn.es/content/S011015/slide/images/bg_carles-puig.png') no-repeat;}
      .testimonials .slides li.bg3 {background: url('http://media.firabcn.es/content/S011015/slide/images/bg_gerard-marquez.png') no-repeat;}
      .testimonials .slides li.bg4 {background: url('http://media.firabcn.es/content/S011015/slide/images/bg_toni-renart.png') no-repeat;}
      .testimonials .slides li.bg5 {background: url('http://media.firabcn.es/content/S011015/slide/images/bg_sergio-gomez.png') no-repeat;}

      .testimonials .data {
        width: 30%;
        float: left;
        color: #fff;
        position: relative;
        top: 50px;
      }
        .testimonials .data-text {
            text-align: center;
            font-size: 14px;
            padding: 0 5px;
            color: white;
        }
        .testimonials .data-thumb {
          text-align: center;
        }
        .testimonials .data-name {
          display: block;
          margin-top: 20px;
        }
        .testimonials .quote {
          position: relative;
            color: #fff;
            float: right;
            font-size: 18px;
            font-weight: 300;
            margin-top: 186px;
            padding: 0 40px;
            width: 550px;
            line-height: normal;
        }

          .testimonials .quote:before {
              background: url("http://media.firabcn.es/content/S011015/slide/images/quotes-open.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
              content: "";
              height: 29px;
              position: absolute;
              top: -35px;
              width: 32px;
          }
          .testimonials .quote:after {
              background: url("http://media.firabcn.es/content/S011015/slide/images/quotes-close.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
              content: "";
              height: 29px;
              position: absolute;
              bottom: -35px;
              width: 32px;
          }

      .testimonials .slides li{
        cursor: pointer;
      }


    .testimonials .slide-text {
        width: auto;
        position: absolute;
        z-index: 100;
        right: 50px; left: auto;
        font-weight: bold;
        text-align: left;
        top: 50px;
        width: 500px;
        color: #fff;
    }
      .testimonials .slide-text .title {
        text-transform: uppercase;
          display: block;
          font-size: 22px;
          font-weight: 500;
          margin-top: 27px;
        margin-left: -23px;
        color: #fff;
      }
      .testimonials .slide-text .subtitle {
          font-size: 18px;
          font-weight: 300;
          text-transform: uppercase;
      }

    .flexslider.testimonials .slides img {
        display: inline!important;
        width: auto!important;
    }

    .raya2{
      border-bottom: 4px solid #eaeaea;
      width: 100%;
      margin-bottom: 17px;
    }

  /* Footer Social */
  .footer-social .one-box {
float: left;
width: 33%;
}
.one-box p.listado {
background-image: url("../images/verlistado.png");
background-repeat: no-repeat;
background-position: 11px 15px;
}
.one-box p {
padding: 20px 0 0 56px;
}
.one-box a {
text-decoration: none;
border-bottom: none;
margin: 0 0 0 59px;
cursor: pointer;
}
.one-box a:before {
background: url("http://media.firabcn.es/content/S011015/images/img_next.png") no-repeat;
content: "";
display: inline-block;
height: 11px;
vertical-align: middle;
width: 9px;
padding-left: 5px;
}
.one-box ul {
margin: 0 0 0 29px;
}
.one-box p.suscribe {
background-image: url("http://media.firabcn.es/content/S045015/images/subscribase.png");
background-repeat: no-repeat;
background-position: 12px 13px;
}
.one-box p.listado {
background-image: url("http://media.firabcn.es/content/S045015/images/verlistado.png");
background-repeat: no-repeat;
background-position: 11px 15px;
}
.one-box ul li {
float: left;
width: 38px;
margin: 2px;
}
.one-box ul li a:before { background: transparent; }
.one-box ul li a.facebook {
background-image: url("http://media.firabcn.es/content/S045015/images/facebook.png");
background-repeat: no-repeat;
}
.one-box ul li a.linkedin {
background-image: url("http://media.firabcn.es/content/S045015/images/linkedin.png");
background-repeat: no-repeat;
}
.one-box ul li a.pinterest {
background-image: url("http://media.firabcn.es/content/S045015/images/pinterest.png");
background-repeat: no-repeat;
}
.one-box ul li a.youtube {
background-image: url("http://media.firabcn.es/content/S045015/images/youtube.png");
background-repeat: no-repeat;
}
.one-box ul li a.twitter {
background-image: url("http://media.firabcn.es/content/S045015/images/twitter.png");
background-repeat: no-repeat;
}
.one-box ul li a {
display: block;
width: 40px;
height: 32px;
border-bottom: none;
cursor: pointer;
z-index: 2;
position: relative;
}
.one-box a {
text-decoration: none;
margin: 0 0 0 59px;
}

/* Patrocinador con logo grande */
.bigLogo .partners ul li a img {
  max-width: none !important;
  height: auto !important;
  width: 250px !important;
}
.bigLogo .partners {
  margin-bottom: 0px !important;
}


/*pagina visitar*/

.visitorbg {
  background-image: url("http://media.firabcn.es/content/S011015/images/visitorbg.png");
  height: 746px;
  padding: 20px;
  margin-bottom: 20px;
}



.circle1 {
  background-color: #fff;
  border: 2px dashed #000;
  border-radius: 50%;
  padding: 30px;
  width: 50%;
  height: 154px;
}

.circle2 p {
  color: white!important;
  margin-top: 21px;
}

.circle2 {
    background-color: #000000;
    border-radius: 197px;
    left: 101px;
    padding: 30px;
    position: absolute;
    top: 148px;
    width: 45%;
height: 136px;
}

.circle1 img {
  position: absolute;
  right: 49px;
  top: -43px;
}
.circle1 p {
  position: absolute;
  top: 52px;
  left: 25px;
  width: 53%;
  text-align: center;
  font-size: 12px;
}


.circle2 p {
  position: absolute;
  top: 12px;
  left: 25px;
  width: 74%;
  text-align: center;
  font-size: 12px;
}


.circle2 img {
  position: absolute;
  right: 34px;
  top: 89px;
}

.visitorcol2 {
  background-image: url("http://media.firabcn.es/content/S011015/images/visitor-bg2.png");
  height: 258px;
  border-radius: 197px;
  border: dashed 2px black;
  height: 298px;
  background-color: white;
}

.visitorcol2 p {
  left: 67px;
  position: absolute;
  top: 137px;
  font-size: 12px;
}


.circle3 {
  background-color: #fff;
  border: 2px dashed #000;
  border-radius: 197px;
  padding: 30px;
  width: 41%;
  height: 125px;
}


.circle3 p {
    position: absolute;
    top: 50px;
    width: 46%;
  font-size: 12px;
}

.circle4 {
  background-color: #fff;
  border: 2px dashed #000;
  border-radius: 197px;
  padding: 30px;
  width: 31%;
  height: 95px;
  position: absolute;
  top: 127px;
  left: 98px;
}


.circle4 p {
    left: 22px;
    position: absolute;
    top: 42px;
  font-size: 12px;
}

.visitorinfo {
  margin-top: 48px;
  margin-bottom: 5px;
}

.online .box {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-top: 29px;
}

/***************** Program *********************/
.program-hisp .article.agenda-activity {
  margin: 0;
}
.program-hisp .article.agenda-activity.list h1, .program-hisp .row.activity.featured h2 {
  font-size: 14px;
  line-height: 1.4em;
  font-weight: bold;
  margin: 0;
  background: none;
}
.program-hisp .agenda-activity.list .event {
  background-color: #fff;
  padding: 0;
  margin: 0;
  display: none;
}

.program-hisp .agenda-activity .header {
  margin-bottom: 10px;
}
.activities-per-agenda .activities li {
  margin-bottom: 0px;
}
.program-hisp .portlet.sidebar.activities-per-day a, .activities-per-agenda .activities li a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px 5px 5px;
  min-height: 33px;
  border-right: 0px solid black;
  border-bottom: 2px solid black;
  background: transparent url(../images/agenda-arrow.png) no-repeat center right;
}
.program-hisp .portlet.sidebar.activities-per-day a:hover, .activities-per-agenda .activities li a:hover {
  border-color: #c83e3d;
  background-color: #c83e3d;
  text-decoration: none;
  color: white;
}
.program-hisp .portlet.sidebar.activities-per-day li, .agenda-activity .agenda-tabs li {
  list-style-type: none
}
.program-hisp .portlet.sidebar.activities-per-day h2.section:lang(en),
.program-hisp .portlet.sidebar.activities-per-agenda h2.section,
.article.agenda-activity.days .header h1:lang(en),
.program-hisp .article.agenda-activity .header h1,
.program-hisp .agenda-activity .program h2,
.program-hisp .portlet.sidebar .section {
  background: none !important;
  text-indent: 0;
  width: 100%;
  cursor: text;
  color: #c83e3d;
  padding: 0;
  margin: 0 0 24px 0;
  font-size: 24px !important;
  font-weight: 700;
  text-transform: uppercase;
}
.program-hisp .article.agenda-activity.list .header h1 { margin-bottom: 5px; }

.program-hisp .portlet.sidebar.activities-per-day h2.section,
.program-hisp .portlet.sidebar.activities-per-agenda h2.section,
.program-hisp .portlet.sidebar.activity-list h2.section {
  display: block;
  margin-top: 27px;
  margin-bottom: 15px;
  font-size: 20px !important;
  color: black;
}

.program-hisp .portlet.sidebar.activity-list h2.section {
  margin-top: 22px;
}
.program-hisp .row.activity.featured {
  margin: 10px 0;
}
.program-hisp .activity-list .row.activity {
  border-bottom: 2px solid #c83e3d;
  padding: 0px 10px;
}
.program-hisp .row.activity .date-time {
  font-size: 15px;
}
.program-hisp .row.activity .location {
  font-size: 15px;
  color: #999;
  margin-left: 25px;
}
.program-hisp .agenda-activity .agenda-tabs li a:hover {
  background-color: #202020;
  border-color: #202020;
  color: #fff;
  text-decoration: none
}
.program-hisp abbr[title], .program-hisp abbr[data-original-title] {
  cursor: pointer;
  border-bottom: none;
}
.program-hisp .portlet.sidebar.activities-per-agenda {
  margin-top: 23px;
}
.portlet.sidebar.activities-per-agenda .activities { margin-top: 20px; }
.program-hisp .activity-list .row.activity h2.title a {
  font-size: 16px;
  font-weight: 700;
  border: 0px;
  margin: 15px 0 10px;
  display: block;
}
.program-hisp .activity-list .row.activity h2.title a:hover {
  color: #666;
  border: 0px;
}
.program-hisp .agenda {
  background: black;
  color: white;
  border: 0px;
  padding: 5px;
}
.program-hisp .agenda-activity .location, .program-hisp .agenda-activity .time {
  display: initial !important;
  font-size: 16px;
}
.item.wrap h2.title {
  font-size: 16px;
}
.program-hisp .portlet.sidebar.activity-list {
  padding: 10px;
}
.program-hisp .article .big {
  font-size: 16px !important;
}
.agenda-activity .agenda-tabs li a {
  background-color: #f4f4f4;
}
.activities-per-day .days li a span, .event-list .days li a span {
  padding-top: 0;
}
.program-hisp .portlet.sidebar.activities-per-day  a {
  background: none;
  background-color: #000;
  display: block;
  font-weight: bold;
  padding: 15px 15px 0px;
  color: white;
  height: auto;
  border: none;
  border-bottom: 3px solid black;
  width:auto
}
.program-hisp .portlet.sidebar.activities-per-day a:hover, .program-hisp .portlet.sidebar.activities-per-day a:hover span, .program-hisp .portlet.sidebar.activities-per-day a:hover abbr {
  color: white;
  background-color: #c83e3d;
}
.activities-per-day .days li a span, .activities-per-day .days li a abbr {
  color: white;
  background-color: black;
}
.portlet.sidebar.activity-list .item.wrap {
  padding-left: 10px;
  margin-top: 20px;
  border-bottom: 2px solid #202020;
}
.portlet.sidebar.activity-list .item.wrap .time,
.portlet.sidebar.activity-list .item.wrap .location {
  color: #999;
}
.program-hisp .col-640 { border: 0px; }
.program-hisp .row.event { margin-bottom: 30px !important; }

.agenda-activity .header h1 a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  color: #c83e3d;
  -webkit-transition: all .35s linear;
  -moz-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
  }
  .agenda-activity .header h1 a:hover { color: #202020; border:0px; }

.agenda-activity .event .header .date-time { color: #202020; font-size: 15px; }

.article.agenda-activity.detail .row.registration {
  margin-top: 20px;
}
.program-hisp .article.agenda-activity.detail .header h1 {
  display: block;
  height: auto;
  color: black;
}
.program-hisp .go-back a { text-decoration: underline; font-size: 14px; color: #202020; }
.program-hisp .go-back a:hover { color: #999; }
.program-hisp .portlet.sidebar.activity-list ul li {
  font-size: 15px; margin-top: 12px; padding-left: 10px;
}

.program-hisp .agenda-activity.detail table tbody tr th {
  border-bottom: 2px solid #c83e3d !important;
  padding: 10px 10px 10px 4px;
  text-align: left;
  color: #333 !important;
}

.program-hisp .agenda-activity.detail table tbody td {
  border-bottom-width: 2px;
  padding-left: 14px;
  font-size: 14px;
  line-height: 20px;
}

.agenda-activity .agenda-tabs li.active a {
    background-color:#c83e3d !important;
    border-bottom: 3px solid #c83e3d !important;
    color: #ffffff!important;
}
.agenda-activity .agenda-tabs li a:hover {
   background-color:#000 !important;
    border-bottom: 3px solid #000 !important;
}


.agenda-activity .registration {
  border-top: 3px solid #c83e3d;
  background: none repeat scroll 0% 0% #ffe6e6;
}
.agenda-activity .registration .day {
    border-right: 1px solid #c83e3d;
}

/*************** SPEAKERS **************************/
.whoiswho2 {
  margin-top: -10px;
}
.whoiswho2 .article ul.alpha {
  width: 912px !important;
}
.whoiswho2 .article ul.alpha {
  background: white;
  width: 100%;
  height: 32px;
  padding-left: 6px;
  zoom: 1;
  border: 2px solid #c83e3d;
  margin: 20px 0;
}
.whoiswho2 .article ul.alpha li {
  float: left;
  margin: 0;
  width: 3.57%;
}
.whoiswho2 .article ul.alpha li a {
  display: block;
  margin: 0;
  width: auto;
  height: auto;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #c83e3d;
  border: none;
  font-size: 16px;
  padding: 8px 0;
  font-weight: bold;
}
.whoiswho2 .article ul.alpha li a:hover {
  background-color: transparent;
  color: #194F70;
}
.whoiswho2 .article ul.alpha li a.active {
  color: #fff;
  background-color: #c83e3d;
}
.whoiswho2 .article ul.alpha li a.active:hover {
  color: white;
  background-color: #007c9b;
}
.whoiswho2 .article ul.alpha li a:hover {
  background-color: #c83e3d;
  color: #fff;
  text-decoration: none;
}
.whoiswho2 .article ul.alpha li.first a {
  width: 34px;
}
.whoiswho2 .marcador_ponente {
  background-color: #c83e3d;
  margin-top: 30px;
  clear: both;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px !important;
  border-bottom: none;
}
.whoiswho2 .marcador_ponente p.letra {
  background-color: transparent;
  display: inline;
  float: left;
  font-size: 1.5em;
  line-height: 1.2em;
  padding: 8px;
  text-transform: uppercase;
  color: #202020;
}
.whoiswho2 SPAN+SPAN+SPAN+SPAN {margin-left:171px;}
.whoiswho2 .card {clear:both;}
.whoiswho2 .card SPAN {display:block;}
.whoiswho2 .card DIV {
  width: 100%;
  height: 117px;
  margin: 20px 0 0 0;
}
.whoiswho2 .card .col-der {
  width: 16%;
  float: left;
  height: 200px;
  padding: 10px;
  margin:0px;
}
.whoiswho2 .card span.name {
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  display: block;
}
.whoiswho2 .card span.job-title {
  display: block;
}
.whoiswho2 .card span.origin {
  display: block;
  font-style: italic;
  margin: 0 0 10px 0;
}
.whoiswho2 .card span.bio {
  display: block;
}
.ponencia {
  color: inherit;
  display: block;
  margin: 20px 0 0 0;
  font-weight: bold;
  font-size: 14px;
}
.card {
  border-bottom: 3px solid #eee;
  padding: 0 0 18px 0;
  font-size: 15px !important;
}
.ponencia em {
  color: #c83e3d;
  font-family: inherit;
  font-size: 15px !important;
  font-style: normal;
  font-weight: bold;
}
.whoiswho-intro .header_landing {
  width: 100%;
}
.card .col-der .social {
  background: #202020;
  overflow: hidden;
  display: inline-block;
  width: 112px;
  margin-top: -8px;
  text-indent: -99999px;
  position: relative;
  z-index: 1;
  padding: 4px;
}
.social a:nth-of-type(2) img, .social a:nth-of-type(1) {
  display: none;
}
.social a:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 39px;
  height: 27px;
  background: url(../images/in.png) no-repeat 12px 4px;
  cursor: pointer;
  display: block !important;
  z-index: 2;
}

/* =========== Download Program ============ */
.download-button .button.high { border: 0; }
.download-button p { margin: 0; }


/*ACTIVITAT BARCELONA GOURMET HOSTELCO*/
.bghintro .super {
  background-image: url("http://media.firabcn.es/content/S011015/images/bgh_logo2.png");
  height: 270 !important;
  padding: 45px 20px 45px 480px;
  background-color: #292929 !important;
  background-repeat: no-repeat;
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-color: #FFF !important;
}

.bghintro .super h2{
  font-size: 20px;
  color: white;
}


.bghcuinademercat .super {
    background-image: url("http://media.firabcn.es/content/S011015/images/bgh_img_cuinade mercat.png");
    background-repeat: no-repeat;
    height: 270 !important;
    padding: 125px 350px 15px 320px;}
.bghcuinademercat .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #42C3A8 !important;
  margin-top: -10px;}
.bghcuinademercat .super h2 {
  font-size: 20px;
  color: #FFF !important;
  font-weight: bold;}

.cuinademercat .super, .cultures .super, .passeig .super,
.eixosxomercials .super, .sabormariner .super, .arrelsculinaries .super { background: #292929; }

.cuinademercat .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #42C3A8 !important;
  margin-bottom: 20px;
  }



.bghcultures .super {
    background-image: url("http://media.firabcn.es/content/S011015/images/bgh_img_cultures.png");
    background-repeat: no-repeat;
    height: 270 !important;
    padding: 125px 350px 15px 320px;}
.bghcultures .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #FF4D5A !important;
  margin-top: -10px;}
.bghcultures .super h2 {
  font-size: 20px;
  color: #FFF !important;
  font-weight: bold;}


.cultures .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #FF4D5A !important;
  margin-bottom: 20px;
  }




.bghpasseig .super {
    background-image: url("http://media.firabcn.es/content/S011015/images/bgh_img_passeig.png");
    background-repeat: no-repeat;
    height: 270 !important;
    padding: 125px 350px 15px 320px;}
.bghpasseig .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #9589C4 !important;
  margin-top: -10px;}
.bghpasseig .super h2 {
  font-size: 20px;
    color: #FFF !important;
  font-weight: bold;}

.passeig .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #9589C4 !important;
  margin-bottom: 20px;
  }




.bgheixosxomercials .super {
    background-image: url("http://media.firabcn.es/content/S011015/images/bgh_img_eixosxomercials.png");
    background-repeat: no-repeat;
    height: 270 !important;
    padding: 125px 350px 15px 320px;}
.bgheixosxomercials .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #FC86BF !important;
  margin-top: -10px;}
.bgheixosxomercials .super h2 {
  font-size: 20px;
  color: #FFF !important;
  font-weight: bold;}

.eixosxomercials .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #FC86BF !important;
  margin-bottom: 20px;
  }


.bghsabormariner .super {
    background-image: url("http://media.firabcn.es/content/S011015/images/bgh_img_sabormariner.png");
    background-repeat: no-repeat;
    height: 270 !important;
    padding: 125px 350px 15px 320px;}
.bghsabormariner .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #2BC5DB !important;
  margin-top: -10px;}
.bghsabormariner .super h2 {
  font-size: 20px;
  color: #FFF !important;
  font-weight: bold;}

.sabormariner .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #2BC5DB !important;
  margin-bottom: 20px;
  }




.bgharrelsculinaries .super {
    background-image: url("http://media.firabcn.es/content/S011015/images/bgh_img_arrelsculinaries.png");
    background-repeat: no-repeat;
    height: 270 !important;
    padding: 125px 350px 15px 320px;}
.bgharrelsculinaries .super p {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #F08944 !important;
  margin-top: -10px;}
.bgharrelsculinaries .super h2 {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF !important;
  font-weight: bold;}


.arrelsculinaries .super p   {
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #F08944 !important;
  margin-bottom: 20px;
  }


.bghcuinademercat .super, .bgharrelsculinaries .super, .bghsabormariner .super,
.bgheixosxomercials .super, .bghpasseig .super, .bghcultures .super {
  background-color: #292929 !important;
}

/* =============== */
/* Ponentes */

.test .area-wrapper {
  width: 156px;
}
.test .areas-wrapper { width: 100%; margin-bottom: 40px; }
.areas-wrapper {
    float: left;
    margin-top: 20px;
    width: 98%;

}
.area-wrapper {
    position: relative;
    width: 160px;
    height: 287px;
    float: left;
    overflow: hidden;
}
.area-unactive {
    color: #fff;
    font-size: 15px;
    padding-top: 130px;
    text-align: center;
    text-transform: uppercase;
}
.area-wrapper p {margin-bottom: 10px; }
.area-wrapper em {
  font-weight: normal;
  color: #000;
  font-size: 1em;
  font-style: normal;
  font-family: 'Lato';
}

    .isabel-arroyo { background: url('http://media.firabcn.es/content/S011015/images/arroyo_isabel_bn.jpg'); }
    .ernest-mendoza { background: url('http://media.firabcn.es/content/S011015/images/mendoza_ernest_bn.png'); }
    .marius-robles { background: url('http://media.firabcn.es/content/S011015/images/robles_marius_bn.jpeg'); }
    .david-petit { background: url('http://media.firabcn.es/content/S011015/images/petit_david_bn.png'); }
    .laura-font { background: url('http://media.firabcn.es/content/S011015/images/font_laura_bn.png'); }
    .nadia-pons { background: url('http://media.firabcn.es/content/S011015/images/pons_nadia_bn.png'); }

    .marc-morillas { background: url('http://media.firabcn.es/content/S011015/images/morillas_marc.jpg'); }
    .marta-amoros { background: url('http://media.firabcn.es/content/S011015/images/amoros_marta.jpg'); }
    .jordi-mas { background: url('http://media.firabcn.es/content/S011015/images/mas_jordi.jpg'); }
    .caroline-mornas { background: url('http://media.firabcn.es/content/S011015/images/mornas_caroline.png'); }
    .maribel-belles { background: url('http://media.firabcn.es/content/S011015/images/belles_maribel.jpg'); }
    .xavier-fisselier { background: url('http://media.firabcn.es/content/S011015/images/fisselier_xavier.jpg'); }

    .jose-manuel-pascual { background: url('http://media.firabcn.es/content/S011015/images/pascual_jose_manuel.jpg'); }
    .paco-adin { background: url('http://media.firabcn.es/content/S011015/images/adin_paco.jpg'); }



    .franc-carreras { background: url('http://media.firabcn.es/content/S011015/images/carreras_franc.jpg'); }
    .xavier-riba { background: url('http://media.firabcn.es/content/S011015/images/riba_xavier.png'); }
    .pilar-chiva { background: url('http://media.firabcn.es/content/S011015/images/chiva_pilar.jpg'); }
    .javier-bueno { background: url('http://media.firabcn.es/content/S011015/images/bueno_javier.jpg'); }
    .carles-soler { background: url('http://media.firabcn.es/content/S011015/images/soler_carles.jpg'); }
    .ruben-martinez { background: url('http://media.firabcn.es/content/S011015/images/martinez_ruben.jpg'); }

    .daniel-firvida { background: url('http://media.firabcn.es/content/S011015/images/firvida_daniel.jpg'); }
    .david-garcia { background: url('http://media.firabcn.es/content/S011015/images/garcia_david.png'); }

    .marta-fernandez { background: url('http://media.firabcn.es/content/S011015/images/fernandez_marta.jpg'); }
    .sashka-krtolica { background: url('http://media.firabcn.es/content/S011015/images/krtolica_sashka.jpg'); }
    .marc-malagelada { background: url('http://media.firabcn.es/content/S011015/images/malagelada_marc.jpg'); }
    .enric-llado { background: url('http://media.firabcn.es/content/S011015/images/llado_enric.jpg'); }
    .iban-sole { background: url('http://media.firabcn.es/content/S011015/images/sole_iban.jpg'); }

    .xavier-cros { background: url('http://media.firabcn.es/content/S011015/images/cros_xavier.jpg'); }
    .ernesto-domenech { background: url('http://media.firabcn.es/content/S011015/images/domenech_ernesto.jpg'); }
    .luis-garcia { background: url('http://media.firabcn.es/content/S011015/images/garcia_luis.jpg'); }

.area-active {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, .8);
    color: #000;
    top: 100%;
    text-align: center;
    padding: 30px 5px 0 5px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.area-wrapper:hover .area-active {
    top: 0;
}
.area-wrapper:hover .area-unactive { display: none; }
.area-wrapper .title { font-size: 1.2em; }
.area-wrapper .title strong { font-size: 1.2em; text-transform: uppercase; }
.area-wrapper span {
  display: block;
  margin-top: 10px;
}

/* ===== Flexslider ponentes ======== */
.flex-ponentes {
  position: relative;
  left: -20px;
  height: 287px;
}
  .flexslider.flex-ponentes h2 {
    display: inline-block;
    position: relative;
    top: 140px;
    padding: 5px 0 5px 10px;
    font-weight: bold;
  }
  .flexslider.flex-ponentes .slides .area-logo {
    text-align: center;
    width: 340px;
    float: left;
    text-align: center;
  }
  .flexslider.flex-ponentes .slides img {
    width: auto;
    position: relative;
    margin: 0 auto;
  }
  .flexslider.flex-ponentes .slides .areas-wrapper {
    width: auto;
    float: right;
    width: 640px;
  }

/* Map */
.gremi-rest img {
  max-width: 200px;
  margin: 0 auto 15px auto;
  display: block;
}
.gremi-rest em {
  font-size: 1em;
  font-weight: normal;
  color: #000;
}
.gremi-rest a {
  color: #F5822A;
}


/* ================================
HOME TANCAMENT
================================ */

/* Intro */
.hth-intro {
    padding: 85px 0;
}
.hth-intro h2 {
    margin: 0;
    margin: 0 auto;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 150%;
}

/* Titulars */
/*.hth-titular h2 {
    background: #f9eb15;
    margin: 10px 0 10px 0;
    padding: 15px 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #202020;
    letter-spacing: 1px;
}*/
/* Nested blanc */
.hth-nested {
    background: #fff;
    padding: 25px 50px 5px 50px;
    margin-bottom: 10px;
}
/* Destacat Horitzontal */

.hth-destHoritzontal img {
    float: left;
    width: 100px!important;
}
.hth-destHoritzontal h3 {
    max-width: 600px;
    margin: 0 auto;
    color: #202020;
    font-weight: bold;
    padding-top: 0;
    font-size: 16px;
    position: relative;
    top: 45px;
}
.hth-destHoritzontal .button.high {
    float: right;
}
.hth-news {
    background: url('http://www.hispack.com/image/image_gallery?uuid=4dbb8a3e-b921-4524-a5af-b4aded06bdfd&groupId=51876&t=1447932318948');
    /* min-height: 300px; */
    min-height: 200px;
}
.hth-memoria { background: url('http://www.hispack.com/image/image_gallery?uuid=fc68e215-9d86-4eac-af60-481442308814&groupId=51876&t=1448454789171'); }
.hth-news .portlet.box {
    background: transparent;
}
.hth-news h2 { color: #fff; /* margin-top: 80px; */ margin-top: 10px; }
.hth-news p { font-size: 16px; color: #fff; }
.hth-news .button.high {
    border: 3px solid #fff;
    box-shadow: none;
    background: transparent;
    margin-top: 30px;
    margin-bottom: 0;
}
.hth-news .button.high:hover { border: 3px solid #fff; background: #fff; color:#C83E3D!important; }
/* === 04. Testimonials === */
.hth-testimonials .portlet-column-content { padding: 0; }
.hth-testimonial {
    width: 290px;
    height: 350px;
    overflow: hidden;
    position: relative;
    margin: 0;
    float: left;
}
    .hth-testimonial .portlet.box{
        display: table;
        width: 290px;
        height: 350px;
        background: #000;
    }
    .hth-testimonial img {
        height: 350px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        -webkit-transition: opacity 1.5s ease-in-out;
        -moz-transition: opacity1.5s ease-in-out;
        -ms-transition: opacity 1.5s ease-in-out;
        -o-transition: opacity 1.5s ease-in-out;
        transition: width 3s, height 3s, transform 3s;
        -moz-transition: width 3s, height 3s, -moz-transform 3s;
        -webkit-transition: width 3s, height 3s, -webkit-transform 3s;
        -o-transition: width 3s, height 3s,-o-transform 3s;
    }
        .hth-testimonial div.hth-testimonial-txt {
            display: table-cell;
            vertical-align: top;
            position: relative;
            z-index: 2;
            padding: 0px 20px 0px 20px;
            transition: all 1s ease-in-out;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -ms-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            top: 245px;
        }
        .hth-testimonial-txt h2 {
            text-align: left;
            color: #fff;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 15px;
        }
        .hth-testimonial-txt h3 {
            text-align: left;
            color: #fff;
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 20px;
        }
        .hth-testimonial-txt p {
            font-size: 14px;
            color: #fff;
            opacity: 0;
            margin-bottom: -50%;
            line-height: 120%;
            transition: all 1.5s ease-in-out;
            -webkit-transition: all 1.5s ease-in-out;
            -moz-transition: all 1.5s ease-in-out;
            -ms-transition: all 1.5s ease-in-out;
            -o-transition: all 1.5s ease-in-out;
        }

/* Hover */
.hth-testimonial:hover div.hth-testimonial-txt { top: 30px; }
.hth-testimonial:hover .hth-testimonial-txt p {
    opacity: 1;
    margin-bottom: 40px;
}
.hth-testimonial:hover img  {
    opacity: .4;
    transform: scale(1);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}



/* Cifras */
/*.hth-nested-cifras { background: url('http://www.hispack.com/image/image_gallery?uuid=671aba98-8ab6-4b4f-ab95-e64e85fad58a&groupId=51876&t=1447953518922') center center / cover; }*/
.hth-cifras h3 {
    color: #202020;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
}
.hth-cifras h4 {
    color: #202020;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.hth-cifras h4 span {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: block;
    margin-top: 5px;
}
/* Span */
span.hth-type {
    position: absolute;
    background: rgba(255,255,255, .6);
    top: 10px;
    left: 20px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding: 2px 10px;
}


/* === Form === */
.hth-form {
    background: #777;
    padding: 40px 20px 35px 20px;
    margin-bottom: 10px;
}
.hth-form.web-form-portlet .aui-legend { color: #fff; text-align: center; }
.hth-form.web-form-portlet .aui-form em { color: #fff; text-align: center; display: block; margin-top: 20px; }
.hth-form.web-form-portlet .aui-form label { font-size: 12px; text-transform: uppercase; font-weight: 300; color: #fff; }
.hth-form.web-form-portlet .aui-form .aui-field-input-text { width: 230px; border: 0; padding: 10px 9px; border-radius: 0; }
.hth-form.web-form-portlet .aui-form .aui-button .aui-button-input {
    background-color: #E2001A;
    border-radius: 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.083em;
    line-height: 1.385;
    padding: 10px 10px 5px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 5px 0 #930300;
    height: auto;
    border: 0;
    text-shadow: none;
    font-size: 15px;
    padding: 8px 20px;
    font-weight: 300;
    margin: 20px 0;
}

}
.hth-form.web-form-portlet .aui-form .aui-button .aui-button-input:hover {
background-color: #8D0E14!important;
box-shadow: 0 5px 0 #930300;
border: 0;
}
.hth-form.web-form-portlet .aui-form .aui-field { margin-top: 21px; }
/* HTH Portlet Full */
.hth-full {
    position: relative;
    z-index: 1;
}
.hth-full:before {
    content: '';
    width: 2000px;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 50%;
    margin-left: -1000px;
}
.hth-full-white:before { background: #fff; }
.hth-full-intro:before { background: url('http://www.hispack.com/image/image_gallery?uuid=dbe4e1b6-bb89-4c04-a6b5-46987cbff6e5&groupId=51876&t=1448358638367') no-repeat center center / cover; }

/* HTH Titular */
.hth-titular h2 {
    font-size: 18px;
    font-weight: normal;
    color: #202020;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.hth-titular h2:after {
    content: '';
    display: block;
    width: 75px;
    background: #c83e3d;
    height: 3px;
    margin: 10px auto 0 auto;
}
.hth-titular-left h2:after {
    margin: 10px 0 0 0;
}
.hth-titular h2.title:after { display: none; }
.hth-titular h2 span {
    background: #f9eb15;
    font-size: 15px;
    padding: 8px 15px;
    margin-top: 10px;
    display: inline-block;
}
.hth-titular2 h2:after { display: none; }

/* HTH Horitzontal */
.hth-horitzontal .portlet {
    width: 100%;
    min-height: 220px;
    padding: 0;
    float: left;
    background: url('http://www.hispack.com/image/image_gallery?uuid=1dc3bbee-12d2-456b-a13a-cff26398e7fd&groupId=51876&t=1448383810780');
}

.hth-horitzontal h2.title { display: none; }
.hth-horitzontal img {
    float: left;
    margin: 0 30px 0 0;
}
.hth-horitzontal .portlet h3 {
    padding: 65px 30px 0 280px;
    color: #fff;
    font-size:18px;
    font-weight: bold;
}
.hth-horitzontal .portlet p { margin-left: 280px; color: #fff; }
.hth-horitzontal .button.high {
    border: 3px solid #fff;
    box-shadow: none;
    background: transparent;
    margin-top: 30px;
}
.hth-horitzontal .button.high:hover { border: 3px solid #fff; background: #fff; color:#C83E3D!important; }

.hth-horitzontal2 .portlet { background: #000; }
.hth-horitzontal2 .portlet h3 {
    padding: 0;
}
.hth-horitzontal2 .portlet p { margin-left: 0px; color: #fff; }
.hth-titular.hth-horitzontal2 h2 { color: #fff; }
.hth-titular.hth-horitzontal2 h2:after { background: #fff; }
.hth-horitzontal2 .button.high { border: 3px solid #fff!important; }
.hth-horitzontal2 ul {
    margin: 21px 0;
    display: block;
}
.hth-horitzontal2 ul li {
    color: #fff;
    font-size: 15px;
    margin-bottom: 5px;
}
.hth-horitzontal2 ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #C83E3D;
    display: inline-block;
    margin-right: 8px;
}
/* HTH Vertical */
.hth-dest img { min-width: 100%; }
.hth-dest h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px 0;
}
.hth-dest p {
    font-size: 14px;
    padding: 0 20px;
}
.hth-dest h2.title { display: none; }

/* HTH Slide Ponents */
.ht-ponentes-flex .slides li {
    overflow: hidden;
}
.ht-ponentes-flex .flex-control-nav { display: none; }
.ht-ponentes-flex .flex-direction-nav a {
    opacity: 1;
    width: 17px;
    height: 30px;
    font-size: 0;
}
.flex-direction-nav .flex-prev { background: url('http://www.hispack.com/image/image_gallery?uuid=996f1b5e-495c-4525-a020-394313d12826&groupId=51876&t=1448381520214') no-repeat center center; left: -30px;}
.flex-direction-nav .flex-next { background: url('http://www.hispack.com/image/image_gallery?uuid=535a6b40-d6dd-4b15-badf-024d62ec402f&groupId=51876&t=1448381554488') no-repeat center center; right: -30px;}

/* HTH Slide Ponents */
.hth-cifras {
    background: url('http://www.hispack.com/image/image_gallery?uuid=a1042130-9ce7-4c1e-8898-64b2c6e07c48&groupId=51876&t=1448442175635') no-repeat center center / cover;
    padding: 75px 0;
}
.ht-cifra {
    display: inline-block;
    float: right;
    background: #f9eb15;
    min-height: 155px;
    padding: 20px 30px 0px 30px;
}
.ht-cifras-flex .slides img {
    max-width: 100px;
}
.ht-cifras-flex .flex-control-paging li a { background: rgba(255,255, 255, .8); }
.ht-cifras-flex .flex-control-paging li a.flex-active { background: #f9eb15; }
.ht-cifras-flex .flex-control-nav {bottom: -60px; text-align: right; font-size: 0; right: 20px; }

/* Barometre */
.hth-barom .hth-dest .portlet {
    padding: 20px 10px;
    box-shadow: 2px 2px 0px rgba(0,0,0, .3);
}


/* Responsiveness */
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
  .bghintro .super {
    padding: 170px 20px 20px;
    background-size: 650px auto;
  }

  .bghcuinademercat .super, .bgharrelsculinaries .super, .bghsabormariner .super,
  .bgheixosxomercials .super, .bghpasseig .super, .bghcultures .super {
    /* padding: 40px 20px; */
    padding: 170px 20px 20px;
    background-size: 650px auto;
    background-image: url("http://media.firabcn.es/content/S011015/images/bgh_logo2.png");
  }

  .nested-grey4 .super { margin-bottom: 0px; }
  .destacado-financiamiento-bg { background-size: auto 100%; }
  .destacadohome-bg { background-size: auto 100%; }
  .ht-cifra { width: 100%; padding: 20px 0 0 0; }
}

@media screen and (max-device-width: 400px), screen and (max-width: 400px) {
  .bghintro .super {
    background-size: 640px auto;
  }
}

@media (max-width: 599px) {
  .home-areaRow span.title {
    display: block;
    margin: 0 auto;
    text-align: center;
    left: 0;
    margin-bottom: 20px;
  }
  .home-areaRow a {
    display: block;
    text-align: center;
  }
  .is-mobilized .flexslider {
    width: 100% !important;
    height: auto;
  }
    .is-mobilized .flexslider h2 {
      padding: 135px 15px;
    }
  .is-mobilized .flex-ponentes {
    height: auto;
    width: 100%!important;
  }
  .is-mobilized .flexslider.flex-ponentes h2 {
    top: 0;
  }
  .is-mobilized .flexslider.flex-ponentes .slides .areas-wrapper {
    width: 320px;
  }
  .is-mobilized .area-wrapper {
    width: 150px;
  }
  .is-mobilized .flexslider.flex-ponentes .slides .area-logo {
    width: 100%;
  }
  .home-areaRow span.title { top: 0; }
  .hth-horitzontal .portlet {
    background: #000 url('http://www.hispack.com/image/image_gallery?uuid=1dc3bbee-12d2-456b-a13a-cff26398e7fd&groupId=51876&t=1448383810780') no-repeat;
    background-size: 500px;
    background-position: -20px center;
    }
    .hth-horitzontal .portlet h3 {
        padding: 35px 20px 0 100px;
    }
    .hth-horitzontal .portlet p {
        padding: 0 20px 0 100px;
        margin-left: 0;
        color: #fff;
    }
    .hth-horitzontal2 .portlet { background: #000; }
    .hth-horitzontal2 p { padding: 0!important; }
    #header #claim p.claim-data {
        position: relative;
        top: 195px;
        left: -650px;
        font-size: 16px!important;
    }
    .hth-testimonial {
    margin: 0 auto!important;
}
}