@charset "utf-8";
/* CSS Document */

/*
 * Estils per Salons 2012 - Fira de Barcelona
 * by X.Bonell (xavier@bonell.info)
 *
 * Version: 0.9.7
 * Date: 30/04/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: #0092B6
 * - $blue: #00A1CB
 * - $lightblue: #149AD3
 * - $lighterblue: #EDF8FE
 * - $blue1: #007C9B
 * - $blue2: #0C647A
 * - $blue3: #29ACC8
 * - $blue4: #41B7D8
 * - $blue5: #4FBCDB
 * - $blue6: #82E6FF
 * - $blue7: #B3E3F0
 * - $blue8: #002B55
 * - $blue9: #DAEDFF
 * - $blue10: #CCECF5
 *
 * 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)
 *
 */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);
/******************/
/*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.graphispag.com/documents/632477/287d5f20-312e-45c4-9fd3-50bd6895fdd2');
  src: url('http://www.graphispag.com/documents/632477/287d5f20-312e-45c4-9fd3-50bd6895fdd2?#iefix') format('embedded-opentype'), url('http://www.graphispag.com/documents/632477/2042ea9c-f6ff-4bac-82d7-d976c1e651f5#ico-putput') format('svg'), url('http://www.graphispag.com/documents/632477/3b2a20cf-2055-483c-ba87-a366890a0556') format('woff'), url('http://www.graphispag.com/documents/632477/4423b511-b706-4428-8cea-593ea83d51ac') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
 * Preset
 *
 */
body {
  font: 75%/1.417em 'Roboto', sans-serif;
  background-color: #130E0F;
  color: #161616;
  font-family: 'Roboto', sans-serif;
}
a {
  color: #161616;
  text-decoration: none;
  outline: medium none;
  border-bottom: 1px solid #cccccc;
  font-weight: 500;
}
a:hover {
  border-color: #161616;
}
a.color-lnk {
  color: #2DB69A;
  font-weight: bold;
  border: none;
}
a.color-lnk:hover {
  text-decoration: underline;
}
a.color-lnk.normal {
  font-weight: normal;
}
a.doc {
  color: #2DB69A;
  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;
}
.go-back {
  margin-bottom: -15px;
}
h1 {
  font-size: 2.25em;
  line-height: 1.4em;
  margin-bottom: 10px;
  font-family: 'Roboto Slab', serif;
}
h1 a {
  color: #2DB69A;
}
h2 {
  font-size: 1.833em;
  line-height: 1.136em;
  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif;
  color: #161616;
}
h2 a {
  color: #161616;
}
h3 {
  font-size: 1.5em;
  line-height: 1.1em;
  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif;
  color: #161616;
}
h3 a {
  color: #161616;
}
h4, h5, h6 {
  font-weight: 400;
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif;
  color: #161616;
}
h4 {
  font-size: 1.5em;
  line-height: 1.2em;
  font-family: 'Roboto Slab', serif;
  color: #161616;
}
h5 {
  font-size: 1.25em;
  line-height: 1.3em;
  font-family: 'Roboto', sans-serif;
  color: #161616;
}
h6 {
  font-size: 1.083em;
  line-height: 1.307em;
  font-family: 'Roboto', sans-serif;
  color: #161616;
}
p {
  font-size: 1em;
  margin-bottom: 20px;
}
strong {
  font-weight: bold;
}
small {
  font-size: 0.917em;
  color: #666666;
}
i {
  font-size: 0.917em;
  font-style: italic;
  color: #666666;
}
em {
  color: #666666;
  font-family: Georgia, serif;
  font-size: 1.083em;
  font-style: italic;
  line-height: 1.33em;
}
em.big {
  font-size: 1.25em;
}
pre {
  white-space: pre-line;
  margin-bottom: 20px;
}
code {
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
  line-height: 1.25em;
}

::-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;
  color: #2DB69A;
}
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: #2DB69A;
}
.date.vertical {
  text-align: right;
}
.date.vertical span {
  display: block;
}
.date.vertical .day {
  font-size: 1.917em;
  line-height: 1em;
  font-weight: bold;
}
.date.vertical .day-of-week, .date.vertical .month-year {
  line-height: 1em;
}
/*
 * Layout and navigation
 *
 */
.wrap, #content, #footer, #search-results, .pagination, .utilities, .row {
  zoom: 1;
}
.wrap:before, .wrap:after, #content:before, #content:after, #footer:before, #footer:after, #search-results:before, #search-results:after, .pagination:before, .pagination:after, .utilities:before, .utilities:after, .row:before, .row:after {
  content: "";
  display: table;
}
.wrap:after, #content:after, #footer:after, #search-results:after, .pagination:after, .utilities:after, .row:after {
  clear: both;
}
.col-6-1, .col-4-1, .col-3-1, .col-2-1 {
  float: left;
}
.col-940, .col-640, .col-620, .col-460, .col-407, .col-300, .col-240, .col-193 {
  float: left;
  margin-right: 20px;
}
.col-6-1 {
  width: 16%;
  margin-right: 0.8%;
}
.col-4-1 {
  width: 24%;
  margin-right: 1.333%;
}
.col-2-1 {
  width: 49.5%;
  margin-right: 1%;
}
.col-940 {
  width: 940px;
  margin-right: 0;
}
.col-640 {
  width: 640px;
  padding-right: 29px;
  border-right: 1px solid #cccccc;
  margin-right: 30px;
}
.col-620 {
  width: 620px;
}
.col-460 {
  width: 460px;
}
.col-407 {
  width: 407px;
}
.col-300 {
  width: 300px;
}
.col-240 {
  width: 240px;
}
.col-193 {
  width: 193px;
}
.last {
  margin: 0;
}
#wrapper {
  width: 100%;
  background: #000000 url(../images/body-bg.jpg) no-repeat top center;
}
#header, #nav-main, #content, #footer {
  width: 980px;
  margin: 0 auto;
}
#header {
  position: relative;
  background: url("http://media.firabcn.es/content/S045015/images/fira_logo.png") no-repeat bottom left;
}
#header a {
  border: none;
}
#header #logo {
  display: block;
  width: 280px;
  height: 190px;
  margin-left: 343px;
  padding-top: 45px;
}
#header #logo h1 span {
  position: absolute;
  left: -999em;
}
#header .top-nav {
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #000000;
}
#header .top-nav .top-links {
  float: right;
  display: block;
}
#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: white;
  background-color: #000000 !important;
}
#header .top-nav .top-links li a:hover {
  color: #2DB69A;
}
#header .top-nav .portlet-language {
  float: right;
  margin-left: 5px;
  width: 75px;
}
#header .top-nav #lang-selector .dropdown-toggle {
  background: none !important;
  position: relative;
  display: block;
  height: 25px;
  padding: 0 10px;
  font-size: 0.917em;
  line-height: 25px;
  color: #edf8fe;
  color: white;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
#header .top-nav #lang-selector .dropdown-toggle:hover {
  color: #2DB69A;
}
#header .top-nav #lang-selector .dropdown-toggle:after {
  content: url(../images/l-dropdown.png);
  position: absolute;
  right: 1px;
  top: 2px;
  padding-right: 5px;
}
#header .top-nav #lang-selector .dropdown-menu {
  display: none;
  background: #2DB69A;
  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: #2DB69A;
  text-transform: capitalize;
}
#header .top-nav #lang-selector .dropdown-menu li a:hover {
  color: #003948;
  background: #edf8fe;
}
#header .top-nav #lang-selector.open .dropdown-menu {
  display: block;
}
#header .top-nav #search {
  float: right;
  width: 160px;
  margin-left: 5px;
}
#header #claim {
  position: absolute;
  top: 40px;
  right: 0;
  width: 695px;
  height: 115px;
  display: inline;
  display: none;
}
#header #claim p {
  padding: 23px 86px 0px 240px;
  color: white;
  font-size: 1.5em;
  line-height: 1.125em;
  text-transform: none;
  text-shadow: 0 1px 5px black;
}
#nav-main ul.dropdown li.active a {
  background-color: #2DB69A;
  margin-top: 0px;
  padding-right: 16px;
  padding-top: 0px;
}
#nav-main {
  width: 960px;
  background: #030C13;
  border-bottom: 0px solid #E8D700;
  padding: 0 10px;
  margin-top: 25px;
  zoom: 1;
}
#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%;
}
#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.28em;
  line-height: 50px;
  text-transform: uppercase;
  display: block;
  padding: 0 15px;
  color: white;
  background: #030C13 url(../images/nav-sep.png) no-repeat left center;
  font-weight: bold;
}
#nav-main ul.dropdown a:hover {
  background: #007c9b;
}
#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 #666;
}
#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;
}
#nav-main ul.dropdown li:hover {
  margin-right: -1px;
  z-index: 500;
}
#nav-main ul.dropdown li:hover ul {
  left: 0;
  top: 47px;
}
#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: 15px;
}
#nav-main ul.dropdown li:hover ul li a:hover {
  background: #2DB69A;
}
#nav-main ul.dropdown li:hover a {
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 16px;
  background: #3A3A3A;
  color: #fff;
}
#content {
  background: white;
  width: 940px;
  padding: 20px;
  box-shadow: 0px 0px 0px 0px #000000;
}
#footer .partners, #footer .sitemap {
  padding: 20px;
}
#footer .partners {
  background: white;
  margin-bottom: 0;
}
#footer .sitemap {
  color: white;
  background: #343434;
  border-bottom: 0px solid #E8D700;
  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;
  color: #fff;
}
#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;
  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;
  color: #666666;
  color: #fff;
}
#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: #fff;
  border: none;
}
#footer .siteinfo a:hover {
  text-decoration: underline;
}
.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: #2DB69A;
}
.submenu {
  margin-bottom: 20px;
}
.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
 *
 */
* * /* Destacat normal i estils compartits amb els altres portlets */
.portlet {
  background-color: none;
  margin-bottom: 20px;
}
.portlet .section {
  font-size: 0.8em;
  font-weight: normal;
  text-transform: uppercase;
  color: #2DB69A;
  margin-bottom: 10px;
  background-color: #ffffff;
  display: inline;
}
.portlet .title {
  font-size: 1.417em;
  line-height: 1.118em;
  margin-bottom: 10px;
  color: black;
  font-weight: 500;
}
.portlet.super .title {
  color: #FFFFFF !important;
}
.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;
}
#horaris-1 > p {
  color: #fff;
}
.portlet .lnk {
  color: black;
  text-decoration: underline;
  font-weight: 600;
}
.portlet .lnk:before {
  background: url("http://media.firabcn.es/content/S045015/images/but.png") no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
  width: 8px;
  padding-left: 5px;
}
.portlet.super .lnk:before {
  background: url("http://media.firabcn.es/content/S045015/images/but2.png") no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
  width: 8px;
  padding-left: 5px;
}
.portlet .lnk a {
  color: #161616;
  text-decoration: underline;
}
.portlet .lnk:hover {
  color: #255D20;
}
.portlet a {
  border: none;
}
.portlet.sidebar {
  margin-bottom: 40px;
}
.portlet.sidebar .section {
  color: #161616;
  font-size: 1.25em;
  font-weight: bold;
  text-transform: none;
}
/* Destacat destacat */
.high {
  padding: 10px 15px 5px;
  border: 0px solid #2DB69A;
  border-top: 5px solid #2DB69A;
}
/* Destacat superdestacat */
.super {
  padding: 10px 15px 5px;
  border-top: 0px solid black;
  background-color: #2DB69A;
}
.super h2, .super h3, .super h4, .super h5, .super h6 {
  color: #fff;
}
.superblack .super {
  background-color: #000 !important;
}
.modalidad p {
  border-top: 1px solid #57C5AE;
  padding-top: 15px;
}
.modalidad .button.high {
  margin-left: 75px;
}
.super .section {
  color: #fff;
  background-color: #2DB69A;
}
.super .title {
  color: whit
}
.super .title a {
  color: white;
}
.super p, .super .lnk {
  color: white;
}
.super .lnk:hover {
  color: #E8D700 !important;
}
.portlet .lnk:hover {
  color: #2DB69A;
}
.box-h .box-img {
  float: left;
  width: 160px;
  margin-right: 10px;
}
.box-h .box-img img {
  margin-bottom: 5px;
}
.box-h .box-txt {
  margin-left: 170px;
}
.box-h-xl .box-img {
  width: 270px;
}
.box-h-xl .box-txt {
  margin-left: 280px;
}
/* Destacat amb pestanyes */
.tabbed .tabs {
  margin-bottom: -4px;
  list-style: none;
  zoom: 1;
}
.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.833em;
  text-transform: uppercase;
  color: #161616;
  background: #f2f2f2;
  display: block;
  padding: 0 6px;
  line-height: 28px;
}
.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: 1px solid #d8d8d8;
  border-top: 0px solid #e0e0e0;
}
.high .tab-content {
  border: 0 none !important;
}
.tabbed .location {
  color: #666666;
  border-bottom: 1px dotted #cccccc;
  margin-top: -5px;
  padding-bottom: 5px;
}
/* Destacat amb pestanyes destacat */
.tabbed.high {
  padding: 0;
  border: none;
}
.tabbed.high .tabs li.active {
  height: 28px;
  overflow: hidden;
  background: #E8D700;
  border: none;
}
.tabbed.high .tabs li.active a {
  color: white;
  background: #2DB69A;
}
.tabbed.high .tabs li.active a:hover {
  color: white;
  background: #2DB69A;
}
.tabbed.high .tab-content {
  padding: 15px;
  background: #2DB69A;
  color: white;
  border-color: #E8D700;
  border-top: 0px solid #3339;
}
.tabbed.high .location {
  color: #fff;
  border-bottom: 1px dotted #cccccc;
  margin-top: -5px;
  padding-bottom: 5px;
}
.tabbed.high .title a {
  color: #fff;
}
.high #com-arribar-1 p {
  color: #FFFFFF;
}
/* Llista links */
.links ul li a {
  font-size: 1.083em;
  font-weight: bold;
  display: block;
  padding: 8px 4px;
  color: #161616;
  background: transparent url(../images/lnk.png) no-repeat right center;
  border-bottom: 1px solid #e0e0e0;
}
.links ul li a:hover {
  background-color: #f2f2f2;
}
/* Llista links destacat */
.links.high {
  padding: 7px 14px 14px;
  border: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
/* Llista links superdestacat */
.links.super {
  padding: 0;
  border: 0;
  background: transparent;
}
.links.super ul li {
  margin-bottom: 1px;
}
.links.super ul li a {
  font-size: 1.083em;
  font-weight: bold;
  display: block;
  padding: 8px 0 8px 15px;
  color: white;
  background: #2DB69A url(../images/lnk-super.png) no-repeat right center;
  border-bottom: none;
}
.links.super ul li a:hover {
  background-color: #28A289;
}
/* Partners */
.partners ul {
  zoom: 1;
}
.partners ul:before, .partners ul:after {
  content: "";
  display: table;
}
.partners ul:after {
  clear: both;
}
.partners ul li {
  float: left;
  margin-bottom: 15px;
}
.partners ul li a {
  display: block;
  padding: 0 2px 2px;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
.partners ul li a:hover {
  padding: 0 0 0 2px;
  border-right: 3px solid #afafaf;
  border-bottom: 3px solid #afafaf;
}
.partners ul li a img {
  margin: 0;
}
.partners.high {
  border: 1px solid #f5f5f5;
  padding: 0;
}
.partners.high .section {
  background: #2DB69A;
  padding: 4px 10px;
  margin-bottom: 0;
  color: #FFFFFF;
  display: block;
  border-radius: 0px;
}
.partners.high ul {
  margin-top: 10px;
  padding: 5px 8px;
}
.partners.high ul li {
  margin: 0 5px 10px;
}
.partners.high ul li a {
  padding: 0;
  border: none;
}
.partners.high ul li a:hover {
  padding: 0;
  border: none;
}
.partners.high ul li a img {
  margin: 0;
}
.countdown .time {
  float: left;
  display: block;
  width: 90px;
  height: 72px;
  padding-top: 18px;
  margin-right: 10px;
  color: white;
  background: #999999 url(../images/countdown-bg.png) no-repeat top left;
}
.countdown .time span {
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 25px;
  letter-spacing: -2px;
  text-align: center;
}
.countdown .box-txt {
  margin-left: 100px;
  padding-top: 15px;
}
.countdown .box-txt .title {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1;
}
.countdown.high, .countdown.super {
  background: transparent;
  border: none;
  padding: 0;
}
.countdown.high .time {
  background-color: #2DB69A;
}
.countdown.super .time {
  background-color: #FEEE00;
  color: #333;
}
.countdown.super .title, .countdown.super .lnk {
  color: #2DB69A;
}
/* 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;
}
/* Agenda */
.agenda {
  border: 1px solid #cccccc;
  border-top-width: 1px;
  border-top-color: 1px solid #cccccc;
}
.agenda .section {
  padding: 2px 2px;
  margin-left: 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 #2DB69A;
  border-bottom: 2px solid #2DB69A;
  color: #161616;
  line-height: 28px;
  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: #2DB69A;
  border: none;
}
.agenda.high table tr.first td {
  border-top: 1px solid #00a1cb;
}
/* 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;
  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: #57C5AE;
}
.event-list.super .item .time, .event-list.super .item .location {
  color: #fff;
}
.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 .super .title {
  color: #FFFFFF;
}
.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: #fff;
}
.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: #CCEDE7;
}
.survey-result .aui-form table .results-row {
  border-bottom: 1px solid #CCEDE7;
}
.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: #fff;
}
.survey-result.super .aui-form label {
  color: white;
}
.survey-result.super table .results-header {
  color: #2DB69A;
  background-color: #333333;
}
.survey-result.super table .results-row {
  border-bottom: 1px solid #333333;
}
/* 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: #313131;
  position: relative;
  width: 160px;
  height: 25px;
  border: 0px solid #000;
}
#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: 15px;
  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: #2DB69A;
}
.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: #FEEE00;
  border: 1px solid #FEEE00;
  border-radius: 0px 0px 0px 0px;
  border-style: solid;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 1.083em;
  line-height: 1.385;
  height: 30px;
  padding: 4px 10px;
  text-align: center;
  text-shadow: 0 0px 0px #0092b6;
}
.web-form-portlet .aui-form .aui-button .aui-button-input:hover {
  background-color: #E8D700;
}
/*
 * 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;
  display: inline-block;
  height: 0;
  opacity: 0.3;
  text-indent: -99999px;
  vertical-align: top;
  width: 0;
}
.btn-group {
  position: relative;
}
.btn-group:before, .btn-group:after {
  content: "";
  display: table;
}
.btn-group:after {
  clear: both;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  margin-bottom: 9px;
  margin-top: 9px;
}
.btn-toolbar .btn-group {
  display: inline-block;
}
.btn-group .btn {
  border-radius: 0 0 0 0;
  float: left;
  margin-left: -1px;
  position: relative;
}
.btn-group .btn:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
}
.btn-group .btn:last-child, .btn-group .dropdown-toggle {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.btn-group .btn.large:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  margin-left: 0;
}
.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0 none;
}
.btn-group .dropdown-toggle {
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group .dropdown-toggle:hover {
  border-color: #cccccc;
}
.btn-group .dropdown-toggle:hover .caret {
  opacity: 1;
}
.btn-group.open .dropdown-menu {
  border-radius: 5px 5px 5px 5px;
  display: block;
  margin-top: 1px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group.open .dropdown-menu {
  border-radius: 0px 0px 5px 5px;
  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;
}
.article ul {
  padding-left: 0px;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  background-color: #2DB69A;
  color: white;
  text-decoration: none;
}
.button {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 0px 0px 0px 0px;
  border-style: solid;
  color: #161616;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4em;
  ;
  line-height: 1.385;
  padding: 10px 15px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}
}
.button:hover {
  background-color: #f5f5f5;
  border-color: #cccccc;
}
.button.high {
  background-color: #FEEE00;
  border-color: #FEEE00;
  color: #000;
  text-shadow: 0 0px 0px #295F1B;
}
.button.high:hover {
  background-color: #E8D700;
}
.super .button {
  background-color: #FEEE00 !important;
  color: #000;
  text-shadow: none !important;
}
.super .button:hover {
  background-color: #E8D700 !important;
  color: #000 !important;
}
/*
 * Pages elements
 *
 */
.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 .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;
}
.article .pagination ul.pages li {
  float: left;
  margin-right: 5px;
}
.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: #2DB69A;
  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 {
  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;
}
.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;
}
.article .search-tabs li a span {
  font-weight: bold;
}
.article .search-tabs li a:hover {
  background-color: #CCEDE7;
}
.article .search-tabs li.active a {
  color: white;
  background-color: #2DB69A;
  border-bottom: 3px solid #2DB69A;
}
.article .search-tabs li.active.toggle-alpha a {
  border-bottom: 3px solid #28A289;
}
.article ul.alpha {
  background: #2DB69A;
  width: 628px;
  height: 35px;
  padding-left: 12px;
  zoom: 1;
}
.article ul.alpha:before, .article ul.alpha:after {
  content: "";
  display: table;
}
.article ul.alpha:after {
  clear: both;
}
.article ul.alpha li {
  float: left;
  margin: 0;
}
.article ul.alpha li a {
  display: block;
  margin: 9px 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: #28A289;
}
.article ul.alpha li a.active {
  color: #2DB69A;
  ;
  background-color: white;
}
.article ul.alpha li a.active:hover {
  color: white;
  background-color: #007c9b;
}
.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;
}
.article ul.nomenclator li span {
  color: #2DB69A;
}
.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;
  margin-bottom: 20px;
}
.article .figure:before, .article .figure:after {
  content: "";
  display: table;
}
.article .figure:after {
  clear: both;
}
.article .figure .pic {
  display: block;
  position: relative;
  float: left;
  margin-right: 20px;
}
.article .figure .pic img {
  display: block;
}
.article .figure .pic .caption {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  display: block;
  background-color: #282423;
  background-color: rgba(22, 22, 22, 0.5);
}
.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 li {
  margin-bottom: 5px;
}
.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;
  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 0 0;
}
.article .lightbox-gallery .gallery-item span {
  display: block;
}
.article .lightbox-gallery .gallery-item .thumbnail {
  display: block;
  border: none;
  margin-bottom: 5px;
}
.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;
}
/*
 * Pages
 *
 */
/* Delegaciones internacionales */
.delegations iframe {
  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 .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;
}
/* Contactar */
.contact .card {
  float: left;
  width: 290px;
  padding: 20px 0;
  margin-right: 40px;
  border-top: 3px solid #cccccc;
}
.contact .card .pic {
  float: right;
  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;
}
.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;
}
/* Microsite expositor */
.microsite h3 {
  font-size: 1.5em;
  color: #666666;
  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: #CCEDE7;
}
.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 #2DB69A;
  border-left: 2px solid #2DB69A;
  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: 92px;
  top: 77px;
}
.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;
  display: none;
}
.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;
  display: none;
}
.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: #2DB69A;
}
.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: #2DB69A;
  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 20px 0;
  float: left;
  width: 290px;
  zoom: 1;
}
.search .expositor:before, .search .expositor:after {
  content: "";
  display: table;
}
.search .expositor:after {
  clear: both;
}
.search .expositor h2, .search .expositor p {
  font-size: 1em;
  margin-bottom: 10px;
  margin-right: 110px;
}
.search .expositor h2 {
  text-transform: uppercase;
}
.search .expositor img {
  float: right;
}
.search .expositor.last {
  padding-right: 0;
}
.search .content, .search .activity, .search .newstuff {
  margin-left: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
  zoom: 1;
}
.search .content:before, .search .content:after, .search .activity:before, .search .activity:after, .search .newstuff:before, .search .newstuff:after {
  content: "";
  display: table;
}
.search .content:after, .search .activity:after, .search .newstuff:after {
  clear: both;
}
.search .content h2, .search .activity h2, .search .newstuff h2 {
  font-size: 1.083em;
  line-height: 1.307em;
  font-weight: bold;
  margin-bottom: 5px;
}
.search .content h2 a, .search .activity h2 a, .search .newstuff h2 a {
  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 #2DB69A;
}
.search .newstuff.featured img {
  margin-top: 20px;
}
.search .newstuff.featured span {
  color: #ffffff;
  background: #2DB69A;
  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;
}
.search .brands li {
  float: left;
  width: 290px;
  padding-left: 20px;
  margin: 0 20px 10px 0;
}
/* 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 #2DB69A;
}
.new-press .item-new.last {
  border: none;
}
.new-press .item-new .featured {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  color: #fff;
  background: #2DB69A;
  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: black !important;
  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: #2db69a !important;
}
.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%;
}
.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;
}
.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 #2DB69A;
}
.agenda-activity .event-list .event.featured span.featured {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 0 4px;
  color: #fff;
  background: #2DB69A;
  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;
  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;
}
.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: #CCEDE7;
}
.agenda-activity .agenda-tabs li.active a {
  color: white;
  background-color: #2DB69A;
  border-bottom: 3px solid #2DB69A;
}
.agenda-activity .registration {
  border-top: 3px solid #57C5AE;
  background: #CCEDE7;
}
.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 #57C5AE;
}
.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 20px 25px;
}
.agenda-activity .program .pic img {
  max-width: 100%;
}
.agenda-activity .conferences h2 {
  color: #2DB69A;
  font-size: 1.25em;
  font-weight: bold;
}
.agenda-activity .conferences ul li {
  margin-bottom: 5px;
}
.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;
}
.agenda-activity .organizers ul li, .agenda-activity .sponsors ul li {
  display: inline-block;
  margin-right: 10px;
}
.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;
}
.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;
}
.stButton {
  margin-bottom: 25px;
}
.article .search-tabs li.ui-state-active a, .article .search-tabs li.active a {
  background-color: #28A289;
  border-bottom: 3px solid #28A289;
  color: white;
}
/*******************************************************/
/************ 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;
}

.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;
}
.lista li {
  padding-left: 10px;
  background-image: url("http://media.firabcn.es/content/S045015/images/but.png");
  background-repeat: no-repeat;
  background-position: 0 4px;
  margin-bottom: 7px;
}
.llistat li:last-child {
  border-bottom: medium none;
}
/* 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;
}

.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 #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  font-size: 1.1em;
  line-height: 3em;
  margin-top: -1px;
}
.button_right:before {
  color: #2DB69A;
  font-size: 2.1em;
  padding-bottom: 6px;
  display: table;
  text-align: center;
  width: 100%;
}
a.button_right {
  border: 1px solid #2DB69A;
  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: #2DB69A
}
a.button_right:hover:before {
  color: white;
  border: none medium;
}
.subhigh {
  background-color: #F5F5F5;
  padding: 8px;
}
cite {
  color: #2DB69A;
}
.stand_pack {
  margin-bottom: 15px;
  overflow: hidden;
}
.stand_pack .thumb {
  float: left;
  margin-right: 20px;
  margin-top: 2px;
  width: 24%;
}
.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;
}
.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: #CC0000;
  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: 1%;
}
.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: 30px;
}
.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.1em; position: absolute;}
.ofertas-travel .icon-trolley a {margin-left: 30px;}
.icon-phone:before {content: "\e001"; font-size: 17px; margin-right: 4px;}
.icon-mail:before {content: "\e002"; font-size: 17px; margin-right: 4px;}
.icon-world:before {content: "\e604"; font-size: 17px; margin-right: 4px;}
/*******************************************************/
/********************* 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;
  color: white;
}
.destacat .caixa-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 50%;
}
.destacat.type3 .caixa-text {
  max-width: 45%;
}
.destacat.type3 .caixa-img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 45%;
}
.destacat .caixa-img img {
  width: 100%;
  vertical-align: bottom;
  margin-bottom: 0;
}
.destacat.here:before {
  content: url("../images/here.gif");
  left: 0;
  top: 15%;
  position: absolute;
}
.destacat.there:before {
  background-image: url("../images/there.gif");
  background-position: 55px top;
  background-repeat: no-repeat;
  color: white;
  content: "p";
  display: block;
  margin-top: -15px;
}
.destacat.there.high_base {
  overflow: visible;
  margin-bottom: 25px;
  margin-top: 20px;
}
.destacat.there .caixa-text {
  float: left;
  margin-right: 85px;
  display: inline-block;
  padding-top: 15px;
}
.destacat.there .caixa-enlace {
  display: inline-block;
  margin-top: -10px;
  padding-top: 5%;
}
.destacat .caixa-enlace {
  padding-top: 5%;
}
.destacat .caixa-enlace p {
  text-align: center;
}
.super_base .super_title:before {
  float: right;
  padding-top: 5%;
  margin-right: 8%;
}
.super_base .super_title {
  border-top: 1px solid #CCEDE7;
  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;
}
.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;
}
.icon-number-3:before {
  content: "\e009";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
}
.icon-number-4:before {
  content: "\e00a";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
}
.icon-number-5:before {
  content: "\e00b";
  font-size: 1.3em;
  font-size: 1.9em\9;
  vertical-align: text-bottom;
}
.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 { border-bottom: 2px solid #ccc; margin-bottom: 30px !important; }
.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_2014*/
.entrada h1, .entrada p, .entrada .portlet .lnk {
  color: #fff;
}
.entrada .box {
  background: transparent;
}
.leftm {
  margin-left: 50px;
}
.equipo {
  background: url(" http://media.firabcn.es/content/S045015/images/equipo_comercial.jpg") no-repeat scroll 0 0 #FFFFFF !important;
}
.equipo .portlet {
  background: transparent;
  height: 248px;
  padding: 10px 15px 5px;
}
.equipo .portlet h2, .equipo .portlet p {
  color: #fff;
}
.equipo .portlet .lnk {
  margin-top: 50px;
}
.equipo .portlet.box .lnk {
  display: block;
  padding-top: 129px !important;
}
.logomida .partners ul li a, .partners ul li img {
  height: 45px !important;
  width: 134px !important;
}
.news_titol_content h3 {
  font-size: 12px;
  font-weight: bold;
}
.content_news {
  width: 271px;
}
.content_news em {
  font-weight: bold;
  font-size: 14px;
  color: #aaaaaa;
  font-style: normal;
  font-family: 'Roboto', sans-serif;
}
.content_news h2 {
  font-size: 16px;
  font-weight: bold;
  color: #2db69a;
}
.content_news img {
  margin: 0 0 20px 0;
}
.content_news a {
  border-bottom: none;
}
.portlet .lnk:before {
  background: url("http://media.firabcn.es/content/S045015/images/but.png") no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
  width: 8px;
  padding-left: 5px;
}
.content_news a.lnk:before {
  background: url("http://media.firabcn.es/content/S045015/images/but.png") no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
  width: 8px;
  padding-left: 5px;
}
.portlet.super .lnk:before {
  background: url("http://media.firabcn.es/content/S045015/images/but2.png") no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
  width: 8px;
  padding-left: 5px;
}
.content_news h2:first-child {
  font-size: 20px;
  border-bottom: #ebebeb solid 5px;
  padding: 0 0 5px 0;
}
.content_news h2 {
  font-size: 16px;
  font-weight: bold;
  color: #2db69a !important;
}
.news_links {
  width: 270px;
  background: #1db79c;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  padding: 35px 0 19px 0;
  border-bottom: 5px solid #3e9785;
}
.news_links a {
  color: #fff;
  font-size: 16px;
  border-bottom: none;
  margin: 0 0 0 22px;
  background-repeat: no-repeat;
  padding: 20px 0 0 51px;
}
.news_links.news_imagenes a {
  background-image: url("http://media.firabcn.es/content/S045015/images/imagenes.png");
}
.news_links.news_grafico a {
  background-image: url("http://media.firabcn.es/content/S045015/images/material-grafico.png");
}
.news_links.news_notas a {
  background-image: url("http://media.firabcn.es/content/S045015/images/notasdeprensa.png");
}
.news_links img {
  display: none
}
.content_news h2:first-child {
  font-size: 20px;
  border-bottom: #ebebeb solid 5px;
  padding: 0 0 5px 0;
}
.portlet.links.right-menu li a {
  display: block;
  width: 171px;
  background: #ebebeb;
  margin: 5px 0;
  font-size: 16px;
  color: #202020;
  text-transform: uppercase;
  padding: 24px 0 24px 73px;
  border-bottom: solid 4px #cecece;
  background-position: 9px center;
  border-radius: 3px;
}
.portlet.links.right-menu li a:hover {
  border-bottom: solid 4px #358172;
}
.portlet.links.right-menu li.newsletter a {
  background-image: url("../images/newsletter.png");
  background-repeat: no-repeat
}
.portlet.links.right-menu li.news a {
  background-image: url("../images/news.png");
  background-repeat: no-repeat
}
.portlet.links.right-menu li.images a {
  background-image: url("../images/imagenes2.png");
  background-repeat: no-repeat
}
.portlet.links.right-menu li.mgrafic a {
  background-image: url("../images/materialgrafico.png");
  background-repeat: no-repeat
}
.portlet.links.right-menu li.premsa a {
  background-image: url("../images/notasdeprensa2.png");
  background-repeat: no-repeat
}
.news-act {
  width: 280px;
  height: 370px;
}
.news-act span {
  font-size: 12px;
}
.news-act h3 {
  text-transform: uppercase;
  color: #2db69a;
  font-size: 14px;
  font-weight: bold;
}
.actividades h2 {
  text-transform: uppercase;
  color: #2db69a;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 5px solid #ebebeb;
  padding: 0 0 12px 0;
}
.actividades p {
  font-weight: bold;
  font-size: 14px;
}
.agenda-act {
  background: #2db69a;
  border: solid 5px #ebebeb;
  padding: 19px;
  border-radius: 3px;
  color: #fff;
  margin: 0 0 20px 0
}
.agenda-act h2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.agenda-act p {
  padding: 0 0 0 62px;
  background-image: url("../images/blog-verd.png");
  background-repeat: no-repeat
}
.agenda-act a {
  background-image: url("../images/white-arrow.png");
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: underline;
  border-bottom: none;
    padding: 0 0 0 13px;
}
.lateral-part {
  margin: 0 0 20px 0;
}
.lateral-part h2 {
  text-transform: uppercase;
  color: #2db69a;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 5px solid #ebebeb;
  padding: 0 0 12px 0;
}
.lateral-part .image {
  width: 274px;
  height: 224px;
  background-image: url("../images/participe.jpg");
  background-repeat: no-repeat;
}
.lateral-part .image2 {
  width: 274px;
  height: 224px;
  background-image: url("../images/mapa2.jpg");
  background-repeat: no-repeat;
  color: #fff;
  position: relative
}
.image2 p {
  position: absolute;
  top: 124px;
  width: 80%;
  margin: 0 auto;
  left: 36px;
  font-weight: bold;
}
.lateral-part a.enlace {
  width: 274px;
  background: #2db69a;
  padding: 17px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  display: block
}
.footer-social {
  border-top: 5px solid #ebebeb;
}
.footer-social .one-box {
  float: left;
  width: 33%;
}
.one-box p {
  padding: 20px 0 0 56px;
}
.one-box p.suscribe {
  background-image: url("../images/subscribase.png");
  background-repeat: no-repeat;
  background-position: 12px 13px;
}
.one-box p.listado {
  background-image: url("../images/verlistado.png");
  background-repeat: no-repeat;
  background-position: 11px 15px;
}
.one-box ul li a.facebook {
  background-image: url("../images/facebook.png");
  background-repeat: no-repeat;
}
.one-box ul li a.twitter {
  background-image: url("../images/twitter.png");
  background-repeat: no-repeat;
}
.one-box ul li a.linkedin {
  background-image: url("../images/linkedin.png");
  background-repeat: no-repeat;
}
.one-box ul li a.youtube {
  background-image: url("../images/youtube.png");
  background-repeat: no-repeat;
}
.one-box ul li a.pinterest {
  background-image: url("../images/pinterest.png");
  background-repeat: no-repeat;
}
.one-box a:before {
  background: url("http://media.firabcn.es/content/S045015/images/but.png") no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
  width: 8px;
  padding-left: 5px;
}
.one-box ul li a:before {
  background: none;
  content: none;
  display: initial;
  height: initial;
  vertical-align: initial;
  width: initial;
  padding-left: initial;
}
.one-box a {
  text-decoration: none;
  border-bottom: none;
  margin: 0 0 0 59px;
  cursor: pointer;
}
.one-box ul li a {
  display: block;
  width: 40px;
  height: 32px;
  border-bottom: none;
  cursor: pointer;
z-index: 2;
position: relative;
}
.one-box ul li a:hover {
  text-decoration: none
}
.one-box a:hover {
  text-decoration: underline;
}
.one-box ul {
  margin: 0 0 0 29px;
}
.one-box ul li {
  float: left;
  width: 38px;
  margin: 2px;
}

/*home 2015*/


.h15-lista li {
    background-image: url("http://media.firabcn.es/content/S045015/images/h15-lista.png");
    background-position: 6px 1px;
    background-repeat: no-repeat;
    margin-left: -36px;
    margin-top: 13px;
    min-height: 54px;
    padding-left: 43px;
}


.h15_box  .portlet {
    border: 1px solid #cccccc;
    height: 325px;
    margin-bottom: -29px;
    margin-right: -12px;
    padding: 9px;
}

.h15_box {
    margin-bottom: 20px;
}


.h15-visitantes h2 {
    text-shadow: 2px 0 2px #0e3830;
}

.h15-visitantes .super .section {
    color: #fef133;
    margin-left: 103px;
}

.h15oferta {
    left: 100px;
    position: absolute;
    top: 128px;
    z-index: 10;
}


.h15-visitantes .button.high {
    margin-bottom: 24px;
    margin-left: -15px;
    padding-top: 30px;
    position: relative;
    top: 40px;
    width: 265px;
}

.h15-expositor .portlet.box.super img {
    margin-left: 217px;
    position: absolute;
}


.h15-expositor .super .section {
    color: #fef133;
    margin-left: 103px;
}

.h15-expositor .button.high {
    margin-left: -15px;
    position: relative;
    top: 15px;
    width: 265px;
}

.h15-visitantes .button:hover {
    background-color: #feee00 !important;
}

/* Reasons to visit */
.reasons_S15 h2 {
    text-transform: uppercase;
    color: #2DB69A;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 5px solid #EBEBEB;
    padding: 0px 0px 12px;
}

/* Accordion */
.rv-accord-title_S15 {
    width: 100%;
    float: left;
    background: #2db69a;
    color: #fff;
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 300;
    padding: 0.5em;
}
  .rv-accord-content_S15 {
    float: left;
    margin-top: 30px;
    width: 100%;
  }
    .rv-accord-img_S15 {
      float: left;
      width: 143px;
      margin-bottom: 20px;
    }
    .rv-accord-list_S15 {
        float: left;
        font-size: 13px;
        font-weight: 300;
        margin: 0 0 0 20px;
        width: 470px;
    }

    .rv-accord-list_S15 li {
        margin: 0 0 22px;
        line-height: 1.4em;
    }
    .rv-accord-list_S15 li:first-child {
        margin-top: 15px;
    }
      .rv-num {
        color: #2db68a;
        float: left;
        font-size: 30px;
        font-weight: bold;
        height: 40px;
        width: 30px;
    }

/* Destacados */
.rv-destacados-titulo_S15 {
    color: #2db69a;
    font-size: 20px;
    margin: 20px 0 30px;
}
  .rv-destacados-img_S15 li {
      float: left;
      margin-right: 5px;
  }

/* Acreditarse */
.rv-acr_S15 {
    border: 2px solid #1db79c;
    padding: 20px 10px 10px 10px;
    margin-bottom: 30px;
}
.rv-acr-title_S15 {
    color: #1db79c;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}
.rv-acr-discount_S15:before {
    background: none repeat scroll 0 0 #2db69a;
    content: "";
    height: 30px;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 10px;
}
.rv-acr-discount_S15 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 15px;
    position: relative;
}
.rv-acr-discount_S15 > span {
    display: block;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}
.rv-acr-button_S15 {
}
  .rv-acr-button_S15 > a {
    background: none repeat scroll 0 0 #e8d701;
    font-size: 13px;
    margin-top: 20px;
    padding: 0.7em;
    text-align: center;
    text-transform: uppercase;
    display: block;
    border: 0 none;
    text-decoration: none;
  }
  .rv-acr-button_S15 > a:hover {
      background: #E8D700;
      color: #fff;
  }
/* Newsletter */
.newsletter-sidebar_S15 {
  margin-bottom: 30px;
}
  .newsletter-sidebar_S15 .high {
      border: 0 none;
      padding: 0;
  }

/* RRSS */
.rrss_S15 ul li {
  list-style: none;

}
.rrss_S15 a {
  display: block;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 15px;
  background-position: top;
  border: 0;
}
.rrss_S15 a:hover {
  background-position: bottom;
  border: 0;
}
.rrss-fb_S15 { background-image: url('http://media.firabcn.es/content/S045015/images/redes-sociales/graphis-fb.png'); }
.rrss-pt_S15 { background-image: url('http://media.firabcn.es/content/S045015/images/redes-sociales/graphis-pt.png'); }
.rrss-tw_S15 { background-image: url('http://media.firabcn.es/content/S045015/images/redes-sociales/graphis-tw.png'); }
.rrss-yo_S15 { background-image: url('http://media.firabcn.es/content/S045015/images/redes-sociales/graphis-yo.png'); }
.rrss-in_S15 { background-image: url('http://media.firabcn.es/content/S045015/images/redes-sociales/graphis-in.png'); }


/* STYLE TRIBUNA */

.tribuna_s15 {
  width:430px;
  height: 470px;
  padding-bottom: 25px;
}

.tribuna_s15 h3 {
color: #1db79c;
font-size: 18px;
font-weight: bold;
margin-bottom: 2px;
margin-top: 15px;
}

.tribuna_s15 h4{
color: #1db79c;
font-size: 17px;
font-family: roboto;
margin-top: 0;
}

.tribuna_s15 p{
  color: #000;
  font-size: 14px;
  line-height: 19px;
}
.lowercase_S15 h2 { text-transform: none; }



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

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

/* Template Fira */

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

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

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

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

* { font-family: 'Lato'; }
#wrapper {

}

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

/*  ================= */
/*  02. HEADER      */
/*  ================= */
  #header {
    background: url("http://media.firabcn.es/content/S045015/images/fira_logo.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);}
  /* == Header [ Logo ] == */
  #header #logo {
    display: block;
    height: 190px;
    margin-left: 0!important;
    padding-top: 45px;
    width: 280px;
}
  #header #logo {
    display: block;
    height: 170px;
    margin-left: 343px;
    padding-top: 45px;
    width: 448px;
}
  /* == Header [ Top Nav ] == */
  #header .top-nav {
    right: 0;
    background: #2DB69A;
  }

  /* == Header [ Claim ] == */
  #header #claim {
    display: block;
    height: 115px;
    position: absolute;
    right: 0;
    top: 0;
    width: 980px;
  }
    #header #claim .rrss {
      text-align: right;
    }
    #header #claim .claim-data {
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        position: absolute;
        right: 170px;
        top: 80px;
        font-weight: bold;
    }
    #header #claim p.claim-data {
            color: #fff!important;
            position: absolute;
            top: 100px;
            left: -565px;
            font-size: 20px!important;
    }
    /* == Header [ Toggle Idioma ] == */
    #header .top-nav #lang-selector .dropdown-toggle {
      background: #2DB69A;
    }
    /* == Header [ Search Form Fieldset ] == */
    #search form fieldset {
      background: #2DB69A;
    }

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



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

    #header .top-nav .top-links li a {
      background-color: #2DB69A !important;
      color: #202020;
    }
    #header .top-nav .top-links li a:hover {
      background-color: #2DB69A !important;
      color: white;
    }
    #header .top-nav #lang-selector .dropdown-toggle {
      color: #202020;
    }
    #header .top-nav #lang-selector .dropdown-toggle:hover { color: #202020;}






/*  ================= */
/*  02. FOOTER      */
/*  ================= */
#footer .sitemap {
  background: 383838;
  border-bottom: 0;
}
  #footer .sitemap .col-6-1 {

  }


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

/*  ================= */
/*  04. PORTLETS      */
/*  ================= */
.full-width .portlet-column-content { padding: 0; }
.nested-white {
  background: #fff;
  padding: 10px 0 5px;
}
.nested-green {
  background: rgba(45, 182, 154, .9);
  height: 192px;
}
  .nested-green .super, .nested-grey1 .super {
    background: transparent;
  }
    .nested-green .super .title {
        font-size: 22px;
        font-weight: bold;
        margin: 20px 0 5px;
        text-align: center;
    }
    .nested-green .super p {
      font-size: 16px;
      text-align: center;
    }

.nested-white2 {
  border-bottom: 09px solid #2DB69A;
  background: #fff;

}

  .nested-white2 .super {
    background: #fff;
  }
    .nested-white2 .super .title {
        color: #000!important;
        font-size: 22px;
        font-weight: bold;
        margin: 10px 0 5px;
        text-align: center;
    }
    .nested-white2 .super p {
      color: #000!important;
      font-size: 16px;
      text-align: center;
    }


.nested-bn {
  border-bottom: 09px solid #2DB69A;
  background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #000000 50%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#000000 50%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
padding: 20px 25px;


}

  .nested-bn .super {
    background: #fff;
  }
    .nested-bn .super .title {
        color: #000!important;
        font-size: 22px;
        font-weight: bold;
        margin: 10px 0 5px;
        text-align: center;
    }
    .nested-bn .super p {
      color: #000!important;
      font-size: 16px;
      text-align: center;
    }

.nested-grey1 {
  background: rgba(104, 104, 104, .9);
  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 {
    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 {
  background: #d8d9dd;
  border-bottom: 9px solid #2DB69A;
}

  .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: #d8d9dd;
      padding: 40px;
    }

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

    .no-margin .portlet-column-content {
      padding: 0;
    }
    .button.high {
      background-color: #2DB69A;
      box-shadow: none;
      margin: 20px 0 30px;
      padding: 8px 20px;
      text-shadow: none;
      font-size: 15px;
    }
    .button.high:hover {
      background-color: #991419;
    }
    .button.high > span {
      display: block;
      font-size: 0.8em;
  }
    .destacadohome-bg {
      background: url('http://www.graphispag.com/image/image_gallery?uuid=d3579b7a-aedc-458d-8d4c-8bc74c4b108b&groupId=51869&t=1422467083359');
      height: 192px;
    }

/* == Destacado Destacado == */
  .home-high .high {
    border-top: none;
    background: transparent;
  }
    .home-high  .high h4 {
      margin-top: 15px;
    }
    .home-high .high p {
      font-size: 16px;
    }
    .home-high  .portlet .lnk {
      color: #000;
      font-size: 16px;
      font-weight: bold;
      position: relative;
      text-decoration: underline;
      text-transform: none;
    }
      .home-high  .portlet .lnk:hover {color: #2DB69A;}
      .home-high  .portlet .lnk:before {
        background: url("http://media.firabcn.es/content/S045015/images/but.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: "";
        display: inline-block;
        height: 11px;
        margin-right: 10px;
        width: 9px;
      }

/* == News | RRSS == */
.home-news {
border-top: 9px solid #2DB69A;
}
.portlet.news {
    padding: 25px;
    border: 1px solid #d7d7d7;
}
  .portlet.news .section, .rrss .section {
    font-family: "Lato";
    font-size: 12px;
    font-weight: bold;
    padding: 20px 25px;
    text-transform: none;
  }
    .news ul li .date {font-family: 'Lato';}
    .news ul li .title {font-family: 'Lato';}

    .rrss {padding-left: 15px;}
    .rrss .enlace {
      width: 28px;
      height: 31px;
      margin: 0 15px 0 0;
      background-position: top;
      display: inline-block;
      border-bottom: 0;
    }
    .rrss .enlace:hover {background-position: bottom;}
    .rrss .enlace.facebook { background: url('http://www.graphispag.com/image/image_gallery?uuid=0d5da3f2-8d98-4f5b-a066-21a7aa1873ef&groupId=51869&t=1422528488882');}
    .rrss .enlace.linkedin { background: url('http://www.graphispag.com/image/image_gallery?uuid=24dc5728-961d-4fba-907f-d85056eac02d&groupId=51869&t=1422528488891');}
    .rrss .enlace.pinterest { background: url('http://www.graphispag.com/image/image_gallery?uuid=ed48ec8b-ccaa-467f-a517-c9fe70f54a81&groupId=51869&t=1422528488900');}
    .rrss .enlace.youtube { background: url('http://www.graphispag.com/image/image_gallery?uuid=f0c7063d-530f-4fb9-ad46-20231c42ae53&groupId=51869&t=1422528488917');}
    .rrss .enlace.twitter { background: url('http://www.graphispag.com/image/image_gallery?uuid=4c55414b-2dff-4ac7-b609-221a4b6dc2da&groupId=51869&t=1422528488909');}

/* == Partners == */
.portlet.partners {margin: 0!important;}
.partners {
  padding: 0 25px;
}
.partners .section {
    font-family: "Lato";
    font-size: 12px;
    text-transform: none;
    color: #000;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}
.logomida .partners ul li a, .partners ul li img {
  width: auto!important;
  height: auto!important;
}
.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;}
.partners-center .partners { text-align: center; }
.partners-center ul { display: inline-block; }


/* 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;
  }

/* == Testimonials == */
.home-testimonials {
  background: #2DB69A;
  padding: 25px;
  color: #fff;
}
  .home-testimonials h5 {
    color: #fff;
    font-size: 12px;
    margin-bottom: 40px;
}
  .home-testimonials .test-img {
    margin-bottom: 25px;
    width: 20%;
    float: left;
  }
  .home-testimonials .test-text {
    width: 80%;
    float: right;
    font-size: 18px;
  }
    .home-testimonials .test-text:before {
      background: url("http://www.graphispag.com/image/image_gallery?uuid=4821ceed-317b-4ba3-9f58-212861b02343&groupId=51869&t=1422525215932") repeat scroll 0 0 rgba(0, 0, 0, 0);
      content: "";
      display: block;
      height: 18px;
      margin-bottom: 20px;
      position: relative;
      width: 28px;
    }
    .home-testimonials .test-text:after {
        background: url("http://www.graphispag.com/image/image_gallery?uuid=6bd2390d-c0eb-45f1-8838-eb9b90aa86d0&groupId=51869&t=1422525215924") repeat scroll 0 0 rgba(0, 0, 0, 0);
        content: "";
        display: block;
        float: right;
        height: 18px;
        position: relative;
        top: 30px;
        width: 28px;
    }
    .home-testimonials .test-name strong {
      font-size: 13px;
    }
    .home-testimonials .test-row {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.home-testimonials .test-link {
    float: right;
    font-size: 14px;
    position: relative;
    top: -15px;
}
.home-testimonials .test-link a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

/*  ================= */
/*  10. HELPERS  */
/*  ================= */
.fb-cd { z-index: 1000 !important; }

.hisp-red {
  color: #2DB69A;
}
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;
}
.no-border-bottom {border-bottom: 0;}
#layout-column_column-1 {padding: 0;}
.display-none { display: none; }

.homeSalon img {
    border-top: 5px solid #2db69a;
    max-width: 190px;
    height: 192px;
}
.homeSalon .high {
    border: 0 none;
}
.homeSalon .title {
    color: #2db69a;
}
.homeSalon .lnk {
  font-size: 16px;
}
.home-button .button.high {
    background-color: #feee00;
}
.home-button .button.high:hover {
    background-color: #E8D700;
    color: #000!important;
    border: 1px solid #E8D700!important;
}

/* == Botón Form == */
#frmsearch-adv fieldset button {
    background: none repeat scroll 0 0 #e8d701;
    border: 0 none;
    font-size: 13px;
    font-weight: normal;
    margin-right: 20px;
    padding: 5px 20px;
}
#frmsearch-adv fieldset button:hover {

}


/*  ===================== */
/*  11. MOBILE APP PROMO  */
/*  ===================== */
.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 .imgCentered1 { margin-left: -80px; margin-bottom: 20px; }
.contactes .imgCentered2 { margin-left: -60px; margin-bottom: 20px; }



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

.program-graphis .agenda-activity .header {
  margin-bottom: 10px;
}
.program-graphis .agenda-activity .header .date-time { display: none; }
.activities-per-agenda .activities li {
  margin-bottom: 0px;
}
.program-graphis .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-graphis .portlet.sidebar.activities-per-day a:hover, .activities-per-agenda .activities li a:hover {
  border-color: #2db69a;
  background-color: #2db69a;
  text-decoration: none;
  color: white;
}
.program-graphis .portlet.sidebar.activities-per-day li, .agenda-activity .agenda-tabs li {
  list-style-type: none
}
.program-graphis .portlet.sidebar.activities-per-agenda h2.section,
.article.agenda-activity.days .header h1:lang(en),
.program-graphis .article.agenda-activity .header h1,
.program-graphis .agenda-activity .program h2,
.program-graphis .portlet.sidebar .section {
  background: none !important;
  text-indent: 0;
  width: 100%;
  cursor: text;
  color: #2db69a;
  padding: 0;
  margin: 0 0 24px 0;
  font-size: 24px !important;
  font-weight: 700;
  text-transform: uppercase;
}
.program-graphis .article.agenda-activity.list .header h1 { margin-bottom: 5px; }

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

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

.agenda-activity .header h1 a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  color: #2db69a;
  -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-graphis .article.agenda-activity.detail .header h1 {
  display: block;
  height: auto;
  color: black;
}
.program-graphis .go-back a { text-decoration: underline; font-size: 14px; color: #202020; }
.program-graphis .go-back a:hover { color: #999; }
.program-graphis .portlet.sidebar.activity-list ul li {
  font-size: 15px; margin-top: 12px; padding-left: 10px;
}

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

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



/*************** 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 #2db69a;
  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: #2db69a;
  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: #2db69a;
}
.whoiswho2 .article ul.alpha li a.active:hover {
  color: white;
  background-color: #007c9b;
}
.whoiswho2 .article ul.alpha li a:hover {
  background-color: #2db69a;
  color: #fff;
  text-decoration: none;
}
.whoiswho2 .article ul.alpha li.first a {
  width: 34px;
}
.whoiswho2 .marcador_ponente {
  background-color: #2db69a;
  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: #2db69a;
  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;
}


/*  ===================== */
/*  12. AREAS             */
/*  ===================== */

.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: 40px;
  }
  .areasHead .box p {
    float: none;
    display: block;
    font-size: 15px;
    line-height: normal;
    padding-left: 20px;
    border-left: 8px solid #2db69a;
  }

  .areasHead.printConf .box .section:before,
  .areasHead.printInno .box .section:before,
  .areasHead.printAll .box .section:before,
  .areasHead.adobe .box .section:before {
    display: block;
    width: 115px; height: 134px;
    position: absolute;
    top: -24px; left: 0px;
    content: '';
    background: transparent url('http://www.graphispag.com/image/image_gallery?uuid=2427fd3e-4f80-4995-9328-591cff4ea17b&groupId=51869&t=1424779949135') no-repeat;
  }
  .areasHead.printInno .box .section:before,
  .areasHead.printAll .box .section:before {
    top: 7px;
    width: 160px; height: 60px;
    background: transparent url('http://www.graphispag.com/image/image_gallery?uuid=b494f9b2-e2dd-451b-9ffb-15d55ef2a708&groupId=51869&t=1424800705892') no-repeat;
  }
  .areasHead.printAll .box .section:before {
    background: transparent url('http://www.graphispag.com/image/image_gallery?uuid=c7299282-d421-4064-a5cf-5b1da8329a7b&groupId=51869&t=1424860594995') no-repeat;
    width: 175px;
  }
  .areasHead.adobe .box .section:before {
    background: transparent url('http://media.firabcn.es/content/S045015/images/logoAdobe.jpg') no-repeat;
  }
  .areasHead.printInno .box .section, .areasHead.printInno .box .title,
  .areasHead.printAll .box .section, .areasHead.printAll .box .title { padding-left: 180px; }




.nested-grey1.alone-grey1 {
  background: transparent;
}
.alone-grey1 .portlet.box.super {
  background: transparent url('http://media.firabcn.es/content/S045015/images/destacadoAcred_05.jpg') no-repeat;
  background-size: 100% 100%;
}
.alone-grey1 .portlet.box.super .title,
.nested-white2.full-green .portlet.box.super .title {
  text-transform: uppercase;
  font-size: 18px;
  color: white !important;
}
.nested-white2.full-green { border: 0px; }
.nested-white2.full-green .portlet.box.super {
  background: transparent url('http://media.firabcn.es/content/S045015/images/listadoEmpr.jpg') no-repeat;
  background-size: 100% 100%;
  height: 100px;
  width: 950px;
  margin-left: -20px;
}
.nested-white2.full-green.adobeClass .portlet.box.super {
  background: transparent url('http://media.firabcn.es/content/S045015/images/bannerDescargarAdobe.jpg') no-repeat;
}
.nested-white2.full-green .portlet.box.super .col-50 .title { margin-top: 26px; }

.areasLista .portlet-body {
  border-right: 8px solid #2db69a;
  text-align: center;
  padding: 20px 0px 0px;
}
.areasLista .portlet-body h3, .areasNetwork .portlet.box h2 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
.areasLista .portlet-body h3 { margin-bottom: 20px; }
.areasNetwork .portlet.box {
  padding: 20px 20px 0px 40px;
}
.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;
  text-transform: uppercase;
  padding: 10px 0 20px;
}

/* ====================== */
/* Agenda                 */
/* ====================== */

div.bcn a {
  border-bottom: 0 none;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 230px;
  height: 290px;
}
div.bcn a span {
  background: none repeat scroll 0 0 #000;
  bottom: -220px;
  color: white;
  cursor: pointer;
  height: 270px;
  opacity: 1;
  padding: 13px;
  position: absolute;
  transition: all 0.3s ease-in-out 0s;
  z-index: 500;
}
div.bcn a span p {
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}
div.bcn a:hover span {
    bottom: 0;
    height: auto;
}
div.bcn a:hover span p {
  opacity: 1;
}
div.bcn strong {
    background: url("http://media.firabcn.es/content/S025015/images/barcelona_bullet.png") no-repeat scroll right center transparent;
    color: #2DB69A;
    display: block;
    font-size: 16px !important;
    font-weight: normal;
    height: 22px;
}
div.bcn em {
  color: #ffffff;
  font-size: 22px;
  font-style: normal !important;
}

.agenda-cols {
width: 100%;
float: left;
margin-bottom: 20px;
}
.agenda-col a {
color: #2DB69A;
display: block;
margin-bottom: 20px;
}
  .agenda-col {
    width: 50%;
    float: left;
  }
  .agenda-col:nth-child(1) {
  width: 33%;
  border-right: 1px solid #dbdbdb;
  padding-left: 0;
  padding-right: 20px;
}
.agenda-col.descr {
  font-size: 14px;
  padding: 10px 0 10px 20px;
  width: 60%;
}

.contactosimg{
  display: block;
  float: left;
}

.contactos{
  width: 445px;
  float: left;
  margin-left: 45px;
  margin-top: 20px;
}

.contactos h2{
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.4em;
}

.contactos p {
  font-size: 1.2em;
}

.contactos1{
  border-bottom: 9px solid #2DB69A;
  height: 225px;

}
.contactos1 .button.high {
  background: #FEEE00;
}
.contactos1 .button.high:hover {
  background: #E8D700;
  color: #000!important;
}

.video-cover-en {
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
  cursor: pointer;
}

.video-wrapper{
width: 100%;
position: relative;
top:-40px;
height: 420px;
}

.video-cover-en .video-player{
  width: 100%;
  margin-top: 20px;
}

/* Borrar para quitar lazo */
/*
#header {
  background: url("http://www.graphispag.com/image/image_gallery?uuid=d3512cfd-39bd-489b-9fcd-b422c7475381&groupId=51869&t=1427285071516") no-repeat scroll right bottom rgba(0, 0, 0, 0);
}
*/

.home-areas-visite p:first-child {
  margin-left: 20px;
}

/* == Enlaces == */
.enlaces-fin-salon .event .event-img { display: none;}
.enlaces-fin-salon .event .event-txt  { margin-left: 0;}
.enlaces-fin-salon .high { border-top: 0; }

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

/*  ==========
    Home 2015
==========  */

/* === 01. Intro message === */
.gr-intro .portlet {
    margin-bottom: 0;
}
.gr-intro h1 {
    text-align: center;
    padding: 1em 6.5em 0 6.5em;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 24px;
    position: relative;
    z-index: 2;
}
.gr-intro h2 {
    font-size: 18px;
    margin-bottom: 30px;
}
.gr-intro p {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.gr-intro h3 {
    margin: 30px 0 50px 0;
}
    .gr-intro h3 span {
        position: relative;
        background-color: #2DB69A;
        padding: 10px;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }
    .gr-intro h3 span:before {
        content: '';
        position: absolute;
        left: -18px;
        top: 0;
        border-top: 19px solid transparent;
        border-bottom: 19px solid transparent;
        border-right: 19px solid #2DB69A;
    }
    .gr-intro h3 span:after {
        content: '';
        position: absolute;
        right: -19px;
        top: 0;
        border-top: 19px solid transparent;
        border-bottom: 19px solid transparent;
        border-left: 19px solid #2DB69A;
    }

/* === 02.01 Slider galeria === */
.gr-slider {
    max-width: 430px;
    height: 430px;
    margin: 0;
    position: relative;
}
.gr-slide1,.gr-slide2,.gr-slide3,.gr-slide4,.gr-slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.gr-slide1 {
    background: url('http://www.graphispag.com/image/image_gallery?uuid=3714acca-a9fa-4daa-bd12-8852f9f45542&groupId=51869&t=1442834288332')no-repeat center;
    background-size: cover;
    animation:fade 8s infinite;
    -webkit-animation:fade 8s infinite;
}
.gr-slide2 {
  background: url('http://www.graphispag.com/image/image_gallery?uuid=736eb9a7-a723-49e2-80a5-7f003effad22&groupId=51869&t=1442834288341')no-repeat center;
  background-size: cover;
  animation:fade2 8s infinite;
  -webkit-animation:fade2 8s infinite;
}
.gr-slide3 {
    background: url('http://www.graphispag.com/image/image_gallery?uuid=38277a90-7c5f-4e26-9661-8ee2e142a36d&groupId=51869&t=1442834288351')no-repeat center;
    background-size: cover;
    animation:fade3 8s infinite;
    -webkit-animation:fade3 8s infinite;
}
.gr-slide4 {
    background: url('http://www.graphispag.com/image/image_gallery?uuid=2ba58b8a-1790-4b89-84da-f01241702437&groupId=51869&t=1442834288360')no-repeat center;
    background-size: cover;
    animation:fade3 8s infinite;
    -webkit-animation:fade3 8s infinite;
}
.gr-slide5 {
    background: url('http://www.graphispag.com/image/image_gallery?uuid=aadf5487-0381-4409-8ab7-a01852e494c0&groupId=51869&t=1442834288368')no-repeat center;
    background-size: cover;
    animation:fade3 8s infinite;
    -webkit-animation:fade3 8s infinite;
}
@keyframes fade
{
  0%   { opacity:1;}
  33.333% { opacity: 0;}
  66.666% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

/* === 02.03 Data === */
.gr-data ul li {
    width: 46%;
    padding: 20px 0;
    margin-right: 30px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    float: left;
    text-align: center;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
}
.gr-data ul li:nth-child(even) { margin-right: 0px; }
    .gr-data ul li h2 {
        font-weight: normal;
        color: #2DB69A;
        margin-top: 10px;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 15px;
    }
    .gr-data .gr-data2 {
        font-size: 14px;
        padding: 0 10px;
        display: block;
    }
        .gr-data .gr-data2 strong {
            font-size: 16px;
        }
        .gr-slider a {
            position: absolute;
            top: 50%;
            border: 3px solid #fff;
            padding: 10px 15px;
            color: #fff;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            display: inline-block;
            margin: -25px 0 0 -65px;
            left: 50%;
            transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
        }
        .gr-slider a:hover {
            background: #fff;
            color: #000;
        }
        .gr-title-full h2 {
            margin-bottom: 30px;
            text-transform: uppercase;
            font-size: 18px;
        }
        .gr-title-full h2:after {
            content: '';
            width: 40px;
            height: 5px;
            background-color: #2DB69A;
            display: block;
            margin: 10px auto 0 auto;
        }

/* Destacat memoria */
.home-memoria .portlet.box {
  background: url('http://www.graphispag.com/image/image_gallery?uuid=893ac889-edd6-49c3-b27b-093041eaf2ef&groupId=51869&t=1445436983795') no-repeat center center / cover;
}
.home-memoria h3 {
    padding: 20px;
    margin: 0;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
}
.home-memoria p {
    padding: 0 20px 0 0;
}
    .home-memoria .button.high {
        margin: 0 0 20px 0;
        border: 3px solid #fff;
        background: #fff;
        color: #29323c;
    }
    .home-memoria .button.high:hover {
        border: 3px solid #fff!important;
        color: #fff!important;
        background: transparent!important;
    }


/* === 03. Bloc 3 === */
.nested-transparent {
    background: transparent;
    padding: 40px;
}
.gr-news { padding-right: 14px; margin-top: 29px; }
.gr-news .portlet.news {
    padding: 0;
    border: 0;
}
    .gr-news .portlet.news .section, .gr-news .rrss .section {
        display: block;
        padding: 0;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: normal;
        color: #000;
        margin: 10px 0 20px 0;
    }

    .gr-news .portlet.news .section:after, .gr-news .rrss .section:after {
        content: '';
        width: 40px;
        height: 5px;
        background-color: #2DB69A;
        display: block;
        margin: 10px 0 20px 0;
    }
    .gr-news .news ul li {
        border: 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #d8d9dd;
        padding: 15px 15px 10px 15px;
        box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
        border: 1px solid #ebebeb;
    }
        .gr-news .news ul li .date {
            font-weight: normal;
            font-size: 12px;
            text-transform: uppercase;
            color: #555;
        }
        .gr-news .news ul li .title {
            font-size: 14px;
        }
            .gr-news .news ul li .title a {
                color: #2DB69A;
            }
        .gr-news .news .read-more-lnk, .gr-news .news .rss-link {
            margin: 20px 20px 5px 0;
        }
        .gr-news .news .read-more-lnk a {
            padding: 10px;
            border: 0;
            background-color: #feee00;
        }
        .gr-news .news .rss-link a {
            padding: 10px 10px 10px 0;
            border: 0;
            background-color: #ebebeb;
        }
            .gr-news .news .rss-link a:before {
                content: url(../images/rss.png);
                float: left;
                padding: 8.5px;
                background-color: #ebebeb;
                position: relative;
                top: -9px;
            }
/* Formulari */
.participacio__form form {
    padding: 24px;
    color: #000;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
}
.web-form-portlet .aui-form input, .web-form-portlet .aui-form select, .web-form-portlet .aui-form textarea {
    border: 1px solid #ebebeb;
    border-radius: 0;
}
.web-form-portlet .aui-form label {
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
}
.web-form-portlet .aui-form .aui-button .aui-button-input {
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 8px 20px 30px 20px;
    margin-top: 20px;
}
.participacio__form.web-form-portlet .aui-form em.description {
    display: none;
}
.participacio__form.web-form-portlet .aui-form .aui-fieldset-legend {
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: normal;
    color: #000;
}
.participacio__form.web-form-portlet .aui-form .aui-fieldset-legend:after {
    content: '';
    width: 40px;
    height: 5px;
    background-color: #2DB69A;
    display: block;
    margin: 10px 0 10px 0;
}
.participacio__form.web-form-portlet .aui-form .aui-field-choice .aui-field-label {
    color: #000;
}
/* Newsletter */
.gr-nl .super {
    background: url('http://www.graphispag.com/image/image_gallery?uuid=6c5138b2-94eb-4c83-9743-0b1e96b61418&groupId=51869&t=1442939667170') no-repeat center center / cover;
    margin-right: 15px;
    margin-top: 23px;
    min-height: 275px;
}
    .gr-nl .super h2 {
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 75px;
    }
    .gr-nl h3 {
        font-size: 16px;
    }
    .gr-nl .super .button.high {
        background-color: transparent!important;
        border: 3px solid #fff;
        color: #fff;
        tr
    }
    .gr-nl .super .button.high:hover {
        background-color: #fff!important;
        border: 3px solid #fff;
        color: #000;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
    }
/* === 04. Testimonials === */
.gr-testimonial {
    height: 400px;
    overflow: hidden;
}
    .gr-testimonial .portlet.box {
        display: table;
        height: 400px;
        background: #000;
    }
    .gr-testimonial img {
        height: 400px;
        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;
    }
        .gr-testimonial div.gr-testimonial-txt {
            display: table-cell;
            vertical-align: bottom;
            position: relative;
            z-index: 2;
            padding: 10px 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;
        }
        .gr-testimonial-txt h2 {
            text-align: left;
            color: #fff;
            font-weight: normal;
            text-transform: uppercase;
            font-size: 18px;
        }
        .gr-testimonial-txt h3 {
            text-align: left;
            color: #fff;
            font-weight: bold;
            font-size: 16px;
        }
        .gr-testimonial-txt p {
            font-size: 14px;
            color: #fff;
            opacity: 0;
            margin-bottom: -50%;
            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 */
.gr-testimonial:hover .gr-testimonial-txt p {
    opacity: 1;
    margin-bottom: 30px;
}
.gr-testimonial:hover img  {
    opacity: .6;
    transform: scale(1);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

/* === 05. Dosier === */
.nested-grey5 .super {
    background: rgba(104, 104, 104, .9);
    margin-bottom: 0;
    padding-top: 25px;
}
    .nested-grey5 .super h2 { font-size: 18px; }
    .nested-grey5 .super h2:after {
        display: block;
        content: '';
        width: 40px;
        height: 5px;
        background: #fff;
        margin: 10px auto;
     }
     .nested-grey5 .super h2.title:after { display: none; }
     .nested-grey5 .super h3 { font-size: 16px; }
.gr-fullw { background: no-repeat scroll center center / cover; }
.gr-fullw-dosier { background-image: url('http://www.graphispag.com/image/image_gallery?uuid=306f4bf4-0755-43f7-b0bb-76f768946542&groupId=51869&t=1442936506231'); }
.gr-fullw .portlet-column-content { padding: 0; }

/* === 05. .Activitats === */
.nested-white2 {
    padding: 0 40px 40px 40px;
}
.gr-act .portlet.box {
    background-color: #f7f7f7;
    padding-bottom: 20px;
    color: #fff;
    max-width: 290px;
}
.gr-act .portlet p.gr-act-p {
    min-height: 290px;
    position: relative;
    margin-bottom: 0;
    background-color: #000;
    overflow: hidden;
}
    .gr-act-p img {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0;
        transition: all 2s ease-in-out;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        width: auto;
        height: auto;
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    .gr-act h2.title { display: none; }
    .gr-act h3 {
        text-align: left;
        text-transform: uppercase;
        padding: 20px 20px 0 20px;
        margin-top: 0;
        font-weight: bold;
        border: 0;
    }
    .gr-act h3:after {
        content: '';
        width: 40px;
        height: 2px;
        background-color: #000;
        margin-top: 10px;
        display: block;
    }
    .gr-act p {
        font-size: 14px;
        padding: 0 20px;
    }

    /* Hover effect */
    .gr-act:hover .gr-act-p img {
        opacity: .5;
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }
    .gr-act ul {
        position: absolute;
        top: 80px;
        left: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        opacity: 0;
        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;
    }
        .gr-act ul li {
            padding-bottom: 10px;
        }
        .gr-act:hover ul {
            opacity: 1;
            top: 30px;
        }

/* === Helpers === */
sup {
    font-size: 10px;
    top: -8px;
    position: relative;
}




/* RESPONSIVENESS */
@media screen and (max-width: 600px) {
  #header #claim .claim-data { right: 0px; top: 73px; }
  .gr-intro h1 { padding: 1em 0.5em 0; }
  .gr-data ul li { width: 100%; }
  .gr-act-p img { transform: scale(1.8);
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
  }
}