@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=Oswald:400,300,700);
 @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,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.salonocasion.com/documents/632477/287d5f20-312e-45c4-9fd3-50bd6895fdd2');
  src:url('http://www.salonocasion.com/documents/632477/287d5f20-312e-45c4-9fd3-50bd6895fdd2?#iefix') format('embedded-opentype'),
    url('http://www.salonocasion.com/documents/632477/2042ea9c-f6ff-4bac-82d7-d976c1e651f5#ico-putput') format('svg'),
    url('http://www.salonocasion.com/documents/632477/3b2a20cf-2055-483c-ba87-a366890a0556') format('woff'),
    url('http://www.salonocasion.com/documents/632477/4423b511-b706-4428-8cea-593ea83d51ac') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* FIN NOU PARA ICOMOON*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * Preset
 *
 */
body {
  font: 75%/1.417em Arial, sans-serif;
  background-color:#63B547;
  color: #161616;
  font-family: 'Droid Sans', sans-serif;
}

a {
  color: #256D2E;
  text-decoration: none;
  outline: medium none;
  border-bottom: 1px solid #cccccc;
}
a:hover {
  border-color: #161616;
}

a.color-lnk {
  color: #50A627;
  font-weight: bold;
  border: none;
}
a.color-lnk:hover {
  text-decoration: underline;
}
a.color-lnk.normal {
  font-weight: normal;
}

a.doc {
  color: #50A627;
  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.1em;
  margin-bottom: 10px;
    font-family:'Droid Sans',sans-serif;
  color:#256d2e;

}
h1 a {
  color: #256d2e;
}

h2 {
  font-size: 1.833em;
  line-height: 1.136em;
  margin-bottom: 15px;
    font-family:'Droid Sans',sans-serif;
  color:#256d2e;


}
h2 a {
  color: #256d2e;
}

h3 {
  font-size: 1.5em;
  line-height: 1.1em;
  margin-bottom: 15px;
  font-family:'Droid Sans',sans-serif;
    color:#256d2e;

}
h3 a {
  color: #161616;
}

h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
    font-family:'Droid Sans',sans-serif;
    color:#256d2e;


}

h4 {
  font-size: 1.5em;
  line-height: 1.1em;
    font-family:'Droid Sans',sans-serif;
    color:#256d2e;


}

h5 {
  font-size: 1.25em;
  line-height: 1.3em;
    font-family:'Droid Sans',sans-serif;
    color:#256d2e;


}

h6 {
  font-size: 1.083em;
  line-height: 1.307em;
    font-family:'Droid Sans',sans-serif;
    color:#256d2e;


}

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:#256D2E;
}
table thead th {
  font-size: 1.167em;
  font-weight: bold;
  text-align: left;
  padding: 20px 10px 10px 4px;
  border-bottom: 1px solid #e0e0e0;
}
table tbody td {
  padding: 10px 10px 10px 4px;
  border-bottom: 1px solid #e0e0e0;
}

.date {
  font-size: 1em;
  font-weight: bold;
  color: #666666;
}
.date.vertical {
  text-align: right;
}
.date.vertical span {
  display: block;
}
.date.vertical .day {
  font-size: 1.917em;
  line-height: 1em;
  font-weight: bold;
}
.date.vertical .day-of-week, .date.vertical .month-year {
  line-height: 1em;
}

/*
 * Layout and navigation
 *
 */
.wrap, #content, #footer, #search-results, .pagination, .utilities, .row {
  zoom: 1;
}
.wrap:before, .wrap:after, #content:before, #content:after, #footer:before, #footer:after, #search-results:before, #search-results:after, .pagination:before, .pagination:after, .utilities:before, .utilities:after, .row:before, .row:after {
  content: "";
  display: table;
}
.wrap:after, #content:after, #footer:after, #search-results:after, .pagination:after, .utilities:after, .row:after {
  clear: both;
}

.col-6-1, .col-4-1, .col-3-1, .col-2-1 {
  float: left;
}

.col-940, .col-640, .col-620, .col-460, .col-407, .col-300, .col-240, .col-193 {
  float: left;
  margin-right: 20px;
}

.col-6-1 {
  width: 16%;
  margin-right: 0.8%;
}

.col-4-1 {
  width: 24%;
  margin-right: 1.333%;
}

.col-2-1 {
  width: 49.5%;
  margin-right: 1%;
}

.col-940 {
  width: 940px;
  margin-right: 0;
}

.col-640 {
  width: 640px;
  padding-right: 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%;

}

#header,
#nav-main,
#content,
#footer {
  width: 980px;
  margin: 0 auto;
}

#header {
  position: relative;
}
#header a {
  border: none;
}
#header #logo {
  display: block;
  width: 280px;
  height: 145px;
}
#header #logo h1 span {
  position: absolute;
  left: -999em;
}
#header .top-nav {
  position: absolute;
  top: 15px;
  right: 0;
}
#header .top-nav .top-links {
  float: right;
}
#header .top-nav .top-links li {
  float: left;
  margin-left: 5px;
}
#header .top-nav .top-links li a {
  display: block;
  height: 25px;
  padding: 0 10px;
  font-size: 0.917em;
  line-height: 25px;
  color: #edf8fe;
  color: white;
}

#header .top-nav .top-links li a {
    background: transparent;
}

#header .top-nav .top-links li a:hover {
  color: #F3D231;
}
#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: #F3D231;

}
#header .top-nav #lang-selector .dropdown-toggle:after {
  content: url(../images/l-dropdown.png);
  position: absolute;
  right: 6px;
  top: 2px;
}
#header .top-nav #lang-selector .dropdown-menu {
  display: none;
  background: #256D2E;
  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: #256D2E;

}
#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: 93px;
  right:89px;
  width: auto;
  height: 115px;
  font-family: 'Oswald', sans-serif;
}
#header #claim p {
  padding: 20px 0 0 250px;
  color: white;
  font-size: 2.2em;
  line-height: 1.125em;
  text-transform: uppercase;
  text-shadow: 0 0px 0px black;
}

#nav-main {
  width: 960px;
  background: #256D2E;
  border-bottom: 3px solid #F3D231;
  padding: 0 10px;
  margin-top: 25px;
  zoom: 1;
}
#nav-main ul.dropdown li.active a {
    background-color: #E2BD0E;
    margin-top: -5px;
    padding-right: 16px;
    padding-top: 5px;
}
#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: 36px;
  text-transform: uppercase;
  display: block;
  padding: 0 15px;
  color: white;
  background: #256D2E 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 #FAEDAD;
}
#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.active {
  margin-right: -1px;
  z-index: 500; }


  
  
  
#nav-main ul.dropdown li:hover {
  margin-right: -1px;
  z-index: 500;
}
#nav-main ul.dropdown li:hover ul {
  left: 0;
  top: 36px;
}
#nav-main ul.dropdown li:hover ul li {
  margin-right: 0;
  text-decoration: none;
}
#nav-main ul.dropdown li:hover ul li a {
  margin-top: 0;
  padding-top: 10px;
}
#nav-main ul.dropdown li:hover ul li a:hover {
  background: #B8A12F;
}
#nav-main ul.dropdown li:hover a {
  margin-top: -5px;
  padding-top: 5px;
  padding-right: 16px;
  background: #F3D231;
  color:#41552C;
}

#content {
  background: white;
  width: 940px;
  padding: 20px;
  box-shadow:2px 2px 2px 2px #61A43E;
}

#footer .partners,
#footer .sitemap {
  padding: 20px;
}
#footer .partners {
  background: white;
  margin-bottom: 0;
}
#footer .sitemap {
  color: white;
  background: #256D2E;
  border-bottom: 3px solid #F3D231;
  zoom: 1;
}
#footer .sitemap:before, #footer .sitemap:after {
  content: "";
  display: table;
}
#footer .sitemap:after {
  clear: both;
}
#footer .sitemap .col-6-1 {
  background: transparent url(../images/px-fff-20.png) repeat-y right;
}
#footer .sitemap .last {
  background: none;
}
#footer .sitemap h2, #footer .sitemap ul {
  padding: 0 10px 0 3px;
}
#footer .sitemap h2 {
  font-size: 0.917em;
  text-transform: uppercase;
}
#footer .sitemap li {
  line-height: 1em;
  margin-bottom: 0.3em;
}
#footer .sitemap a {
  font-size: 0.917em;
  color: white;
  border: none;
}
#footer .sitemap a:hover {
  text-decoration: underline;
}
#footer .siteinfo {
  color: white;
  background: #FFF;
  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;
  
}
#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: #333;
  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: #50A627;
}

.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: #666666;
  margin-bottom: 10px;
  background-color: #EBEBEB;
  display:inline;
  border-radius: 3px;
  
}
.portlet .title {
  font-size: 1.417em;
  line-height: 1.118em;
  margin-bottom: 10px;
  color:#256D2E;
  
}
.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;
}
.portlet .lnk {
  color: #161616;
  text-decoration: underline;
}

.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: 1px solid #cccccc;
  border-top: 3px solid #F3D231;
}

/* Destacat superdestacat */
.super {
padding: 10px 15px 5px;
border-top:0px solid black;
background-color:#50A627;
background: #50A627; /* Old browsers */
background: -moz-linear-gradient(top, #50a627 0%, #18471e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50a627), color-stop(100%,#18471e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #50a627 0%,#18471e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #50a627 0%,#18471e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #50a627 0%,#18471e 100%); /* IE10+ */
background: linear-gradient(top, #50a627 0%,#18471e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a627', endColorstr='#18471e',GradientType=0 ); /* IE6-9 */

  
  
 
  
}

.super .section {
  color: #CDE5C1;
  background-color:#4CA026;
}
.super .title {
  color: white;
}
.super .title a {
  color: white;
}
.super p, .super .lnk {
  color: white;
}
.super .lnk:hover { color: #F3D231 !important; }
.portlet .lnk:hover { color:#50A627;}

/* Destacat, versió horitzontal */
.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;
}

/* Destacat, versió horitzontal amb imatge gran */
.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: 4px solid #e0e0e0;
}
.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: #50A627;
  border: none;
}
.tabbed.high .tabs li.active a {
  color: white;
  background: #50A627;
}
.tabbed.high .tabs li.active a:hover {
  color: white;
  background: #50A627;
}
.tabbed.high .tab-content {
  padding: 15px;
  background: #00a1cb;
  background: #50a627; /* Old browsers */
background: -moz-linear-gradient(top, #50a627 0%, #18471e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50a627), color-stop(100%,#18471e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #50a627 0%,#18471e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #50a627 0%,#18471e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #50a627 0%,#18471e 100%); /* IE10+ */

background: linear-gradient(top, #50a627 0%,#18471e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a627', endColorstr='#18471e',GradientType=0 ); /* IE6-9 */
  color: white;
  border-color: #50A627;
  border-top: 4px solid #50A627;
}
.tabbed.high .location {
  color: #C1DDB5;
  border-bottom: 1px dotted #C1DDB5;
  margin-top: -5px;
  padding-bottom: 5px;
}
.tabbed.high .title a {
  color: white;
}

/* Llista links */
.links ul li a {
  font-size: 1.083em;
  font-weight: bold;
  display: block;
  padding: 8px 4px;
  color: #407F47;
  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: 3px solid #F3D231;
}

/* 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: #50A627 url(../images/lnk-super.png) no-repeat right center;
  border-bottom: none;
}
.links.super ul li a:hover {
  background-color: #377B23;
}

/* 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;
  width: 90px; }

.partners ul li a:hover, .partners ul li span:hover {
  padding: 0 0 0 2px;
  border-right: 3px solid #afafaf;
  border-bottom: 3px solid #afafaf; }

.partners ul li a img, .partners ul li span img {
  max-width: 100%;
  margin: 0 auto; }

.partners.high {
  border: 1px solid #f5f5f5;
  padding: 0;
}
.partners.high .section {
  background: #50A627;
  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, .partners.high ul li span {
  padding: 0;
  border: none; }

.partners.high ul li a:hover, .partners.high ul li span:hover {
  padding: 0;
  border: none; }

.partners.high ul li a img, .partners.high ul li span img {
  margin: 0; }

/* Cuenta atrás */
.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: #50A627;
}

.countdown.super .time {
  background-color: #F3D231;
}
.countdown.super .title, .countdown.super .lnk {
  color: #256D2E;
}

/* 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: 3px;
  border-top-color:#F3D231;
}
.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 #50A627;
  border-bottom: 2px solid #50A627;
  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: #50A627;
  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: #e0e0e0;
}
.event-list.super .item .time, .event-list.super .item .location {
  color: #CDE5C1;
}
.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: #D0E3C8;
}
.web-form-portlet .survey.super .aui-form label {
  color: white;
}

.survey-result .title {
  font-size: 1.167em;
  line-height: 1.071em;
  font-weight: bold;
}
.survey-result .question {
  font-size: 1em;
  line-height: 1.25em;
  color: #666666;
}
.survey-result .aui-form {
  margin-bottom: 15px;
}
.survey-result .aui-form table {
  margin-top: 15px;
  width: auto;
}
.survey-result .aui-form table td {
  padding: 5px;
  font-size: 1.2em;
  border: none;
}
.survey-result .aui-form table td table {
  display: none;
}
.survey-result .aui-form table .results-header {
  background-color: #f2f2f2;
}
.survey-result .aui-form table .results-row {
  border-bottom: 1px solid #f2f2f2;
}
.survey-result .aui-form br {
  display: none;
}
.survey-result .aui-form div {
  font-weight: bold;
}
.survey-result .aui-form div strong {
  font-weight: normal;
}
.survey-result.super {
  color: white;
}
.survey-result.super .question {
  color: #D0E3C8;
}
.survey-result.super .aui-form label {
  color: white;
}
.survey-result.super table .results-header {
  color: #50A627;
  background-color: #1C5423;
}
.survey-result.super table .results-row {
  border-bottom: 1px solid #539140;
}

/* 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: #5DB745;
  position: relative;
  width: 160px;
  height: 25px;
  border:1px solid #8BC75A;
  
  }
#search form fieldset #q {
  color: white;
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
  border: none;
  width: 120px;
  padding: 6px 30px 0 10px;
  font-size: 0.917em;
}
#search form fieldset label {
  font-size: 0.917em;
  position: absolute;
  top: 4px;
  left: 10px;
  color: white;
  color: rgba(255, 255, 255, 0.8);
}
#search form fieldset #send {
  position: absolute;
  right: 10px;
  top: 5px;
}

#frmsearch-adv {
  margin: 20px 0;
}
#frmsearch-adv fieldset {
  position: relative;
}
#frmsearch-adv fieldset input, #frmsearch-adv fieldset button {
  font-family: Arial, sans-serif;
}
#frmsearch-adv fieldset #advq {
  width: 248px;
  border: 1px solid #cccccc;
  border-radius: 4px 4px 4px 4px;
  color: #555555;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 5px;
  margin-right: 15px;
}
#frmsearch-adv fieldset label {
  position: absolute;
  top: 7px;
  left: 7px;
  color: #cccccc;
}
#frmsearch-adv fieldset button {
  margin-right: 20px;
}
#frmsearch-adv fieldset .reset {
  display: inline-block;
  margin: 0;
  line-height: 30px;
}

.vertical-form legend {
  font-size: 1.5em;
  line-height: 1.111em;
  font-weight: bold;
  margin-bottom: 10px;
}
.vertical-form p {
  margin-bottom: 15px;
}
.vertical-form .field {
  margin-bottom: 15px;
}
.vertical-form .field.required label span {
  color: #256D2E;
}
.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: #50A627;
  border: 1px solid #377B23;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1.083em;
  line-height: 1.385;
  height: 30px;
  padding: 4px 10px;
  text-align: center;
  text-shadow: 0 1px 1px #0092b6;
}
.web-form-portlet .aui-form .aui-button .aui-button-input:hover {
  background-color: #377B23;
}

/*
 * Buttons
 *
 */
.btn {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(center top, white, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #cccccc #cccccc #bbbbbb;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 4px 10px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
}

.btn .caret {
  margin-left: 0;
  margin-top: 7px;
}

.caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  content: "↓";
  display: inline-block;
  height: 0;
  opacity: 0.3;
  text-indent: -99999px;
  vertical-align: top;
  width: 0;
}

.btn-group {
  position: relative;
}

.btn-group:before, .btn-group:after {
  content: "";
  display: table;
}

.btn-group:after {
  clear: both;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-bottom: 9px;
  margin-top: 9px;
}

.btn-toolbar .btn-group {
  display: inline-block;
}

.btn-group .btn {
  border-radius: 0 0 0 0;
  float: left;
  margin-left: -1px;
  position: relative;
}

.btn-group .btn:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
}

.btn-group .btn:last-child, .btn-group .dropdown-toggle {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.btn-group .btn.large:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  margin-left: 0;
}

.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0 none;
}

.btn-group .dropdown-toggle {
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group .dropdown-toggle:hover {
  border-color: #cccccc;
}
.btn-group .dropdown-toggle:hover .caret {
  opacity: 1;
}

.btn-group.open .dropdown-menu {
  border-radius: 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: 5px 5px 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 .search-tabs li.ui-state-active a, .article .search-tabs li.active a {
    background-color: #50A627;
    color: white;
}

.article .search-tabs li.ui-state-active.toggle-alpha a {
    border-bottom: 3px solid #50A627;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  background-color: #00a1cb;
  color: white;
  text-decoration: none;
}

.button {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  color: #161616;
  cursor: pointer;
  display: inline-block;
  font-size: 1.083em;
  line-height: 1.385;
  padding: 5px 10px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button:hover {
  background-color: #f5f5f5;
  border-color: #cccccc;
}

.button.high {
  background-color: #50A627;
  border-color: #377B23;
  color: white;
  text-shadow: 0 1px 1px #295F1B;
}
.button.high:hover {
  background-color: #377B23;
}
.super .button{ background-color:#F3D231 !important; color:#256D2E; text-shadow:none !important;}
.super .button:hover{ background-color:#ECC60F !important}
/*
 * Pages elements
 *
 */

.article ul.alpha {
  padding-left: 0; }

.article ul.alpha li {
  list-style-type: none!important;
  margin-bottom: 10px;
  padding-left: 0;
  background-image: none; }

.article .pages li {
  list-style-type: none!important;
  margin-bottom: 10px; }

.article ul {
  padding-left: 10px; }

.article ul li {
  padding-left: 10px;
  background-image: url("../images/bulletx.gif");
  background-repeat: no-repeat;
  background-position: 0 7px;
  margin-bottom: 7px; }

.article .header {
  margin-top: 20px;
}
.article .header h1 {
  margin-bottom: 0;
}
.article .header h1 a {
  color: #161616;
  text-decoration: none;
  border: none;
}
.article .header h1 a:hover {
  border-bottom: 1px solid #161616;
}
.article .header p {
  color: #666666;
  font-size: 1.5em;
  line-height: 1.1em;
  margin: 0;
}
.article .header p a {
  color: #161616; }

.article img {
  float: left;
  margin: 0 20px 20px 0; }

.article .section {
  margin-bottom: 20px;
}
.article .section.first {
  margin-top: 20px;
}
.article .pagination {
  margin-top: 20px;
  border-top: 1px solid #cccccc;
  padding-top: 20px;
  position: relative; }

.articles .pagination ul.pages {
  padding-left: 0; }

.article .pagination ul.pages li {
  float: left;
  margin-right: 5px;
}
.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: #50A627;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
}
.article .pagination ul.pages li a:hover {
  border: 1px solid #e0e0e0;
  background-color: #e0e0e0;
}
.article .pagination ul.pages li.previous a, .article .pagination ul.pages li.next a {
  width: 12px;
  border: none;
  text-indent: -999em;
}
.article .pagination ul.pages li.previous a {
  background: transparent url(../images/img_prev.png) no-repeat center center;
}
.article .pagination ul.pages li.next a {
  background: transparent url(../images/img_next.png) no-repeat center center;
}
.article .pagination ul.pages li.active span {
  border: 1px solid #cccccc;
  background-color: white;
}
.article .pagination .items-per-page {
  margin-top: -2px;
  float: right;
}
.article .search-tabs {
  padding-left: 0;
  border: 0;
  background-color: transparent;
  border-bottom: 3px solid #e0e0e0;
  border-radius: 0;
  zoom: 1; }

.article .search-tabs:before, .article .search-tabs:after {
  content: "";
  display: table;
}
.article .search-tabs:after {
  clear: both;
}
.article .search-tabs li {
  float: left;
  margin-right: 5px;
  margin-bottom: -3px;
  list-style-type: none !important;
  padding-left: 0;
  background-image: none;
  border: 0; }

.article .search-tabs li a {
  display: block;
  font-size: 0.917em;
  text-transform: uppercase;
  line-height: 35px;
  height: 35px;
  padding: 0 15px;
  border-bottom: 3px solid #50A627;
  background-color: #f2f2f2;
}
.article .search-tabs li a span {
  font-weight: bold;
}
.article .search-tabs li a:hover {
  background-color: #e0e0e0; }

.article .search-tabs li.ui-state-active a, .article .search-tabs li.active a {
  color: white;
  background-color: #50A627;
  border-bottom: 3px solid #50A627;
}
.article .search-tabs li.active.toggle-alpha a {
  border-bottom: 3px solid #50A627;
}
.article ul.alpha {
  background: #50A627;
  width: 638px;
  height: 35px;
  padding-left: 4px;
  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;
  width: 22px;
}
.article ul.alpha li a {
  display: block;
  margin: 9px 3px 0 3px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  border: none;
}
.article ul.alpha li a:hover {
  background-color: #256D2E;
}
.article ul.alpha li a.active {
 background-color: #256D2E;
    color: #FFFFFF;
}
.article ul.alpha li a.active:hover {
  color: white;
  background-color: rgb(37, 109, 46);
}
.article ul.alpha li.first{
  width: 34px!important;
}
.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: #50A627;
}
.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 {
  padding-left: 0; }

.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: inline-block;
  width: 100%;
  border: none; }

.article .lightbox-gallery .gallery-item .thumbnail img {
  display: block;
  margin: 0; }

.article .lightbox-gallery .gallery-item .thumbnail:hover {
  background-color: black; }

.article .lightbox-gallery .gallery-item .thumbnail:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.article .lightbox-gallery .gallery-item .title {
  font-weight: bold;
}
.article .lightbox-gallery .gallery-item .weight, .article .lightbox-gallery .gallery-item .download {
  display: inline-block;
  font-size: 0.917em;
  color: #666666;
  margin-right: 5px; }

.article .dropdown-menu {
  padding-left: 0; }

.article .dropdown-menu li {
  margin-bottom: 0;
  padding-left: 0;
  background-image: none; }

/*
 * Pages
 *
 */
/* Delegaciones internacionales */
.delegations iframe {
  margin-bottom: 20px; }

.delegations .row {
  margin-bottom: 20px; }

.delegations .delegation h2, .delegations .delegation p {
  padding-left: 20px;
}
.delegations .delegation h2 {
  font-size: 1.083em;
  font-weight: bold;
  line-height: 1.307em;
  margin-bottom: 10px;
}
.delegations .delegation p {
  margin-bottom: 10px;
}

/* Mapa web */
.sitemap h1.title {
  margin-bottom: 20px;
}
.sitemap .sitemap-item h2 {
  font-size: 1.5em;
  line-height: 1.111em;
  color: #666666;
  margin-bottom: 10px;
}
.sitemap .sitemap-item h2 a {
  color: #666666;
}
.sitemap .sitemap-item a {
  border: none;
}
.sitemap .sitemap-item a:hover {
  text-decoration: underline;
}
.sitemap .sitemap-item ul li {
  font-size: 1.083em;
  line-height: 1.307em;
  font-weight: bold;
  margin-bottom: 2px;
}
.sitemap .sitemap-item ul ul {
  margin: 5px 20px;
}
.sitemap .sitemap-item ul ul li {
  font-size: 0.923em;
  line-height: 1.416em;
  font-weight: normal;
}

/* FAQS */
.faqs .section.first {
  margin-top: 0; }

.faqs .questions {
  padding-bottom: 20px;
  border-bottom: 3px solid #e0e0e0;
}
.faqs .questions li {
  background: transparent url(../images/faqs.png) no-repeat 10px 12px;
  font-size: 1.083em;
  line-height: 1.307em;
  font-weight: bold;
  padding: 10px 35px;
  border-bottom: 1px solid #cccccc;
}
.faqs .questions li.last {
  border: none;
}
.faqs .questions a {
  border: none;
}
.faqs .questions a:hover {
  text-decoration: underline;
}
.faqs .faqs-item {
  background: transparent url(../images/faqs.png) no-repeat 10px 22px;
  padding: 20px 35px;
  border-bottom: 1px solid #cccccc;
  zoom: 1;
}
.faqs .faqs-item:before, .faqs .faqs-item:after {
  content: "";
  display: table;
}
.faqs .faqs-item:after {
  clear: both;
}
.faqs .faqs-item h2 {
  font-size: 1.25em;
  line-height: 1.333em;
  font-weight: bold;
  margin-bottom: 10px;
}
.faqs .faqs-item p {
  margin-bottom: 10px;
}
.faqs .faqs-item .pic {
  display: block;
  float: left;
  width: 270px;
  height: 180px;
  margin: 0 20px 20px 0;
}
.faqs .faqs-item .pic img {
  width: auto !important;
  width: 100%;
  max-width: 100%;
}
.faqs .faqs-item .go-up {
  clear: both;
  text-align: left;
}

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

/* Material gráfico */
.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: #E8F3E3;
}
.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 #50A627;
  border-left: 2px solid #50A627;
  width: 128px;
  padding: 10px 10px 5px;
  text-align: center;
}
.microsite .expositor .exp-location .pavilion span {
  display: block;
  margin-bottom: 5px;
}
.microsite .expositor .exp-location .pavilion span.area {
  font-size: 1.25em;
  line-height: 1.33em;
  font-weight: bold;
}
.microsite .expositor .exp-location.montjuic {
  background: transparent url(../images/montjuic.png) no-repeat top left;
  padding-top: 130px;
}
.microsite .expositor .exp-location.montjuic .p1 {
  left: 54px;
  top: 80px;
}
.microsite .expositor .exp-location.montjuic .p2 {
  left: 12px;
  top: 60px;
}
.microsite .expositor .exp-location.montjuic .p3 {
  left: 44px;
  top: 63px;
}
.microsite .expositor .exp-location.montjuic .p4 {
  left: 30px;
  top: 32px;
}
.microsite .expositor .exp-location.montjuic .p5 {
  left: 58px;
  top: 32px;
  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: #50A627;
}
.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: #50A627;
  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;
  color:#256D2E;

}
.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 #50A627;
}
.search .newstuff.featured img {
  margin-top: 20px;
}
.search .newstuff.featured span {
  color: #ffffff;
  background: #50A627;
  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 #50A627;
}
.new-press .item-new.last {
  border: none;
}
.new-press .item-new .featured {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  color: #fff;
  background: #50A627;
  font-size: 0.833em;
  text-transform: uppercase;
}
.new-press .item-new img {
  float: left;
  border: 1px solid #cccccc;
}
.new-press .item-new .header, .new-press .item-new .description {
  margin-left: 180px;
}
.new-press .item-new .header {
  padding-right: 100px;
}
.new-press .item-new .header p, .new-press .item-new .header h2 {
  margin: 0;
}
.new-press .item-new .header .taxonomy {
  font-size: 0.917em;
  color: #666666;
}
.new-press .item-new .header h2 {
  font-size: 1.25em;
  line-height: 1.333em;
  font-weight: bold;
}
.new-press .item-new .header h2 a {
  border: none;
}
.new-press .item-new .header h2 a:hover {
  text-decoration: underline;
}
.new-press .item-new .header .exhibitor {
  font-size: 1em;
  color: #666666;
  text-transform: uppercase;
}
.new-press .item-new .description p {
  margin: 10px 0 0;
}
.new-press .item-new.nopic .header, .new-press .item-new.nopic .description {
  margin-left: 0;
}

.new-press-detail .header .category {
  font-size: 0.917em;
  color: #666666;
  margin-bottom: 5px;
}
.new-press-detail .header h1 {
  font-size: 1.75em;
  line-height: 1.136em;
  margin-bottom: 20px;
}
.new-press-detail .expositor {
  zoom: 1;
}
.new-press-detail .expositor:before, .new-press-detail .expositor:after {
  content: "";
  display: table;
}
.new-press-detail .expositor:after {
  clear: both;
}
.new-press-detail .expositor img {
  float: left;
  margin-right: 10px;
}
.new-press-detail .expositor p {
  margin-left: 55px;
}
.new-press-detail .expositor p span {
  font-size: 1.083em;
  text-transform: uppercase;
}

.news-list .header h1 {
  font-size: 1.75em;
  line-height: 1.136em;
  margin-bottom: 20px;
}
.news-list .utilities {
  margin-bottom: 20px;
  margin-top: -45px;
}
.news-list .news-list-item {
  padding: 20px 0 10px;
  border-top: 1px solid #e0e0e0;
  zoom: 1;
}
.news-list .news-list-item:before, .news-list .news-list-item:after {
  content: "";
  display: table;
}
.news-list .news-list-item:after {
  clear: both;
}
.news-list .news-list-item .date.vertical {
  width: 80px;
  float: left;
}
.news-list .news-list-item .description {
  margin-left: 100px;
}
.news-list .news-list-item .description h2 {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.333em;
  margin-bottom: 5px;
}
.news-list .news-list-item .description h2 a {
  border: none;
}
.news-list .news-list-item .description h2 a:hover {
  text-decoration: underline;
}
.news-list .news-list-item .description p {
  margin-bottom: 10px;
}
.news-list .news-list-item.first {
  padding-top: 0;
  border: none;
}

.news-detail .header h1 {
  font-size: 1.75em;
  line-height: 1.136em;
  margin-bottom: 10px;
}
.news-detail .header .date {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 20px;
}

.press-list .press-list-item {
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
}
.press-list .press-list-item.first {
  border: none;
}
.press-list .press-list-item .date {
  margin-bottom: 10px;
}
.press-list .press-list-item p {
  margin-bottom: 5px;
}
.press-list .press-list-item h2 {
  font-size: 1.083em;
  font-weight: bold;
  line-height: 1.538em;
  margin-bottom: 0;
}
.press-list .press-list-item h2 a {
  border: none;
}
.press-list .press-list-item h2 a:hover {
  text-decoration: underline;
}

.press-detail .header h1 {
  font-size: 1.75em;
  line-height: 1.136em;
  margin-bottom: 20px;
}
.press-detail .header p {
  font-size: 1em;
  margin-bottom: 5px;
}
.press-detail .header .date {
  margin-bottom: 10px;
}
.press-detail h3 {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.333em;
  color: #282423;
  margin-bottom: 10px;
}
.press-detail .author {
  margin-bottom: 40px;
}
.press-detail .author p {
  line-height: 1.667em;
}

/* Agenda */
.activities-per-day .months,
.event-list .months {
  margin-bottom: 10px;
}
.activities-per-day .months li,
.event-list .months li {
  display: inline-block;
}
.activities-per-day .months li:after,
.event-list .months li:after {
  content: url(../images/agenda-arrow.png);
  float: right;
  padding: 0;
  margin-top: 2px;
}
.activities-per-day .months li.last:after,
.event-list .months li.last:after {
  content: none;
}
.activities-per-day .months li a,
.event-list .months li a {
  color: #999999;
}
.activities-per-day .months li a:hover,
.event-list .months li a:hover {
  color: #161616;
}
.activities-per-day .days,
.event-list .days {
  zoom: 1;
}
.activities-per-day .days:before, .activities-per-day .days:after,
.event-list .days:before,
.event-list .days:after {
  content: "";
  display: table;
}
.activities-per-day .days:after,
.event-list .days:after {
  clear: both;
}
.activities-per-day .days li,
.event-list .days li {
  float: left;
}
.activities-per-day .days li a,
.event-list .days li a {
  display: block;
  background: #f2f2f2;
  width: 58px;
  height: 58px;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin: 0 1px 1px 0;
  text-align: center;
}
.activities-per-day .days li a:hover,
.event-list .days li a:hover {
  background: #e0e0e0;
}
.activities-per-day .days li a span, .activities-per-day .days li a abbr,
.event-list .days li a span,
.event-list .days li a abbr {
  display: block;
}
.activities-per-day .days li a span,
.event-list .days li a span {
  font-size: 1.833em;
  color: #161616;
  padding-top: 0.75em;
}
.activities-per-day .days li a abbr,
.event-list .days li a abbr {
  font-size: 1em;
  color: #999999;
}

.activities-per-agenda .activities li {
  margin-bottom: 7px;
}
.activities-per-agenda .activities li a {
  display: block;
  padding: 3px 40px 3px 3px;
  min-height: 33px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: transparent url(../images/agenda-arrow.png) no-repeat center right;
}
.activities-per-agenda .activities li a:hover {
  border-color: #282423;
}

.agenda-activity .header {
  margin-bottom: 10px;
}
.agenda-activity .event .pic {
  float: right;
  width: 165px;
  margin: 0 0 0 25px;
  display: block;
}
.agenda-activity .event .pic img {
  display: block;
  max-width: 100%;
}
.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 #50A627;
}
.agenda-activity .event-list .event.featured span.featured {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 0 4px;
  color: #fff;
  background: #50A627;
  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: #e0e0e0;
}
.agenda-activity .agenda-tabs li.active a {
  color: white;
  background-color: #50A627;
  border-bottom: 3px solid #50A627;
}
.agenda-activity .registration, .agenda-activity .program, .agenda-activity .conferences {
  margin-bottom: 20px; }
.agenda-activity .registration {
  border-top: 3px solid #C2DFB4;
  background: #E8F3E3;
}
.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 #C2DFB4;
}
.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: #256D2E;
  font-size: 1.25em;
  font-weight: bold;
}
.agenda-activity .conferences ul {
  margin-bottom: 5px;
  padding-left: 0; }
.agenda-activity .conferences ul li {
  margin-bottom: 5px;
}
.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;
}
.simply-scroll .simply-scroll-clip .simply-scroll-list li a, .simply-scroll .simply-scroll-clip .simply-scroll-list li span {
  width: 100%; }

.simply-scroll .simply-scroll-clip .simply-scroll-list li a img, .simply-scroll .simply-scroll-clip .simply-scroll-list li span img {
  max-width: 100%;
  margin: 0 auto !important; }
.vert {
  width: 100%;
  height: 300px;
  margin-bottom: 0;
}
.vert .simply-scroll-clip {
  width: 100%;
  height: 300px;
}
.vert .simply-scroll-list li {
  width: 100%;
  height: 55px; }

.vert .simply-scroll-list li a, .vert .simply-scroll-list li span {
  width: 100%; }

.vert .simply-scroll-list li a img, .vert .simply-scroll-list li span img {
  max-width: 100%;
  margin: 0 auto !important; }



/*******************************************************/
/************ NOVAS PAGINAS ESTANDARES *****************/
/*******************************************************/

/* Contacte */

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

/* Fitxa técnica */

.llistat li{
    background-image: url("../images/bullet_llistat.gif");
    background-position: 0 14px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    padding: 8px 0 8px 8px;
}
.llistat li:last-child {
    border-bottom: medium none;
}
/* Dates horaris i accesos */
.dates-header {
    padding: 0px;
    margin-bottom: 30px;
}
.dates-box h4:before {
    margin-right: 5px;
}
.dates-box {
    border-right: 1px solid white;
    display: inline-block;
    min-width: 160px;
    padding: 15px 15px 0;
}

.dates-box:last-child{
    border-right:0px;
}
.detalle.detalleiframe h2 {
    font-weight: bold;
    font-size: 1.5em;
}
.detalle.detalleiframe > div {
    clear: both;
}
.gMapForm .field {
    float: left;
    margin-right: 18px;
}
.field .text {
    display: block;
}
#gMapToAddress {
    display: block;
}
#gMapShowPath {
    margin-top: 18px;
}
.gMapForm {
    margin-bottom: 30px;
}


/* material grafic */
.mg_portlet .portlet{min-height:315px!important; margin-bottom: 35px;}
.mg_portlet img{margin-bottom:0px;}
p.little{font-size: 0.9em; line-height: 16px; min-height: 50px;}

/* acreditacion */
.subhigh {margin-bottom:25px;}
.subhigh .portlet{background:none;}
.acreditasub {padding: 20px 20px 1px !important; margin-bottom: 20px;}
.acreditasub .box-img{width: 285px; margin-right:15px;}
.acreditasub h1{margin-bottom: 5px;}
.acreditasub h2{display:none;}
.acreditasub h3{font-size: 1.35em!important; margin-bottom: 10px;}
.acreditasub .box-txt{display: table;}
.checklist li { font-size: 1.1em; line-height: 1.8em; padding-left: 2px;}
.checklist li:before { background-image: url("../images/box_check.gif"); background-position: left center; background-repeat: no-repeat; padding: 0.2em; color: #006998; margin-right: 8px;}
.checklist {margin-bottom: 15px;}


/* Modalitats de participacio */

.list-button {
    margin-bottom: 25px;
}
.list-button > p {
    color: #666666;
    font-size: 0.9em;
    margin-bottom: 0;
}
  .list-button ul {
    float: left;
    width: 65%;
}
.list-button li:before {
    font-size: 1.5em;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}
  .list-button li {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
        font-size: 1.1em;
    line-height: 3em;
    margin-top:-1px;
}

  
.button_right:before {
    color: #E2BD0E;
    font-size: 2.1em;
    padding-bottom: 6px;
    display:table;
    text-align:center;
    width: 100%;
}
a.button_right {
    border: 1px solid #E2BD0E;
    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: #E2BD0E;
}
a.button_right:hover:before {
    color: white;
    border: none medium;
}
.subhigh{
  background-color: #F5F5F5;
  padding: 8px;
}
cite {
    color: #50A627;
}
.stand_pack {
    margin-bottom: 15px;
    overflow: hidden;
}
.stand_pack .thumb {
    float: left;
    margin-right: 20px;
    margin-top: 2px;
    width: 24%;
}
/* El WYSIWYG de liferay introduce después de cada imagen un espacio que desajusta la caja, lo ocultamos*/
.stand_pack > br {
    display: none;
}
.features {
    float: left;
    width:70%;
}


.features_header {
    border-bottom: 1px solid #CCCCCC;
    font-size: 1.1em;
    font-weight: 800;
    line-height: 2em;
    margin-bottom: 10px;
    position:relative;
}

.features_header span {
    margin-right: 2em;
}


.features_header span:last-child {
    margin-right: 0;
}

.features_header .type {
    text-transform: uppercase;
}
.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: #256D2E;
  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("../img/box_check.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0.2em;
        color: #E2BD0E;
    margin-right: 8px;
}
.check_list {
    margin-bottom: 10px;
}


p.info_button {
    color: #666666;
    display: inline-block;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 0;
    margin-left: 8px;
    vertical-align: text-top;
    width: 100px;
    word-wrap: break-word;
}
.caixa-text.icon-locked {
    width: 100%;
}

.caixa-text.icon-locked:before {
    color: #999999;
    float: right;
    font-size: 1.9em;
    padding-right: 30px;
    padding-top:5%;
  }

/* Viatges i reserves */

.portlet.box.box-h.high.travel {
    border-top-width: 1px;
    padding-top: 15px;
    margin-bottom: 45px;
}
.travel .wrap{
  position: relative;
}
.travel.box-h .box-txt{
  padding-top: 5%;
}
.travel.box-h .box-img{
  margin-right: 30px;
  margin-bottom: 15px;
  position:relative;
}

.travels .box-img:after {
    content: url("../images/ico_circle.png");
    position: absolute;
    right: -30px;
    top: 36px;
}

.travel.box-h h2:before {
    font-size: 1.7em;
    font-size: 2.5em\9 !important;
    left: 127px;
    padding: 17px;
    position: absolute;
    top: 34px;
}
.travel.box-h h2.icon-trolley:before {
    left: 121px;
    font-size: 2.9em\9 !important;
    line-height: 0.8em\9;
}
.travel .end-box {
    padding-left: 190px;
}

    .end-box {
    border-top-style: solid;
    border-top-width: 1px;
    border-color: inherit;
    padding-top: 10px;
}

.offers .box-txt {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: inherit;
    padding-top: 10px;
    }
.offers .box-txt h4 {
    float: right;
    padding-top: 5%;
}
.offers .box-txt p {
    margin-bottom: 10px;
}
.offers .end-box {
    border-top: none;
}
.code_graphic .size {
    white-space: nowrap;
}




/*******************************************************/
/********************* 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;
background-color:white;
}
.destacat .caixa-text {
    /*max-width: 80%;*/
margin: 10px;
}
.destacat .alert{
font-size:28px;line-height: 1.2em;
}

.destacat .caixa-img {
    position:absolute;
    bottom:0;
    right:0;
    max-width: 50%;
}
.destacat.type3 .caixa-text {
    max-width: 45%;
}
.destacat.type3 .caixa-img {
    position:absolute;
    top:0;
    right:0;
    max-width: 45%;
}
.destacat .caixa-img img{
width:100%;
vertical-align: bottom;
margin-bottom: 0;
}
.destacat.here:before{
content: url("../images/here.gif");
left: 0;
top: 15%;
position:absolute;
}
.destacat.there:before {
    background-image: url("../images/there.gif");
    background-position: 55px top;
    background-repeat: no-repeat;
    color: white;
    content: "p";
    display: block;
    margin-top: -15px;
}
.destacat.there.high_base{
    overflow:visible;
    margin-bottom: 25px;
    margin-top: 20px;
}

.destacat.there .caixa-text{
float:left;
margin-right: 85px;
display:inline-block;
padding-top: 15px;
}

.destacat.there .caixa-enlace {
    display: inline-block;
    margin-top: -10px;
    padding-top: 5%;
}
.destacat .caixa-enlace{
padding-top:5%;
}
.destacat .caixa-enlace p{
text-align:center;
}
.super_base .super_title:before {
    float: right;
    padding-top: 5%;
    margin-right: 8%;
  }
.super_base .super_title {
    border-top: 1px solid #CDE5C1;
    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;
}

 .lista li {
  padding-left: 10px;
  background-image: url("../images/bulletx.gif");
  background-repeat: no-repeat;
  background-position: 0 7px;
  margin-bottom: 7px; }
  
  .super .lista li {
  padding-left: 10px;
  background-image: url("../images/bulletxs.gif");
  background-repeat: no-repeat;
  background-position: 0 7px;
  margin-bottom: 7px; }

  /*----cataleg--- */
.cataleg .titol {
    margin-bottom: 55px;
    font-size: 1.05em;
}

.cataleg .titol .portlet.box {
    width: 75%;
}
.opcions-publi .portlet.box,
.cataleg .titol .portlet.box {
    font-size: 1.3em;
}

.opcions-publi .portlet.box {
    background: url("../images/bg-circle.png") no-repeat scroll center top transparent;
    height: 220px;
    padding-top: 45px;
    text-align: center;
}

.opcions-publi .portlet.box h2.title,
.cataleg .titol .portlet.box h2.title {
    font-size: 2em;
    margin-bottom: 5px;
color: #0B5080;
}

.opcions-publi .icon-euro-bold{
    padding-left: 10px;
}

.cataleg .titol .portlet.box .button.high {
position: absolute;
right: 265px;
top: 25%;
}

.opcions-publi .portlet.box h2.title {
    padding-left: 8px;
}

.cataleg .titol .portlet.box p.section {
margin-bottom: 2px;
}

.opcions-publi .portlet.box .button.high,
.cataleg .titol .portlet.box .button.high {
font-size: 1.1em;
    font-weight: bold;
    padding: 10px 25px;
}

.opcions-publi .portlet.box p {
    margin: 10px auto;
    width: 60%;
    line-height:1.2em;
}


.caracteristiques ul {
    position: absolute;
    top: 0;
    z-index: 500;
}

.pull-right{
float:right;
}

.pull-left{
float:left;
}



.caracteristiques h4:before {
    content: url("../images/bullet_llistat.gif");
    line-height: 1em;
    margin-left: -10px;
    vertical-align: text-top;
}


.caracteristiques ul {
    position: absolute;
    top: 35px;
    width: 100%;
    z-index: 500;
}


.caracteristiques li span {
    font-size: 0.9em;
}
.caracteristiques h4 {
    margin-bottom: 5px;
    position: relative;
}



.caracteristiques li.pull-left {
    margin-left: 5px;
    text-align: right;
}


.caracteristiques li.pull-right {
    clear: right;
    margin-right: 45px;
}
.caracteristiques li {
    margin-bottom: 50px;
    width: 135px;
}

.caracteristiques .alert {
    position: absolute;
    bottom: 20px;
    left:42px;
    font-size:1.1em;
}
.caracteristiques .alert:before {
    content: url("../images/bullet_fletxa.png");
    vertical-align: sub;
    margin-right:5px;
}

.destacat.cataleg.v2 {
    background: url("../images/destacat2.png") no-repeat scroll 0 0 transparent;
    height: 150px;
}


.destacat.cataleg.v2 .caixa-text {
    background: none repeat scroll 0 0 white;
    padding: 10px 15px 0;
    position: absolute;
    right: -10px;
    top: 55px;
}

 /* 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;}
------------------------------------------------------------------------------------
*/
  
.contactes {
    text-align: center;
}
.contactes .bloc1,
.contactes .bloc2,
.contactes .bloc3,
.contactes .bloc4,
.contactes .bloc5{
    padding: 60px 0 0;
    margin: 0 auto;
}
.contactes .bloc1 {
    background: url('http://www.smartcityexpo.com/image/image_gallery?uuid=de1ab7b2-2d2d-4edf-ac71-58eb4c680e60&groupId=1297465&t=1370447000734') no-repeat top center transparent;
    padding: 65px 110px 0px;
}
.contactes #content {
    padding: 0;
    width: 980px;
}
.contactes .portlet-column,
.contactes .portlet-column-content{
     padding: 0px;   
}
.contactes h2 {
    border-bottom: 6px solid #D5D5D5;
    display: inline-block;
    padding-bottom: 5px;
    color: #333333;
    margin-bottom: 20px;
}
.contactes img {
    vertical-align: middle;
}
.contactes .bg-gris {
    background: url('http://media.firabcn.es/content/contenidos test/base/images/bg-grey.jpg') repeat;
}
.contactes .bg-negre {
    background: url('http://media.firabcn.es/content/contenidos test/base/images/bg-black.jpg') repeat;
    color: #E3E3E3 !important;
}

.contactes .portlet {
    background: transparent;
}
.contactes .bg-negre h2 {
    color: white;
    font-weight: 400;
    border: none;
}
.contactes{
    font-size:1.3em;
    color: #666;
}
.contactes p{
    margin-bottom: 0px;
}
.contactes .bloc3 ul li:first-child {
    margin-bottom: 210px;
}

.bloc3 img {
    margin-left: 160px;
}
.contactes .bloc3 ul {
    margin-top: 110px;
}
.contactes .bloc3 ul li {
    text-align: left;
}
.contactes .bloc4 {
    padding-bottom: 55px;
}
.contactes .bloc4 li {
    line-height: 140%;
}
.contactes .bloc1 * {
    text-align: left;
    color: white;
}

.contactes .titol {
    margin-bottom: 40px;
}

.contactes .bloc5 {
    padding: 60px 0px 0px;
    margin-top: 60px;
    background: url('http://media.firabcn.es/content/contenidos test/base/images/icon-download.png') no-repeat top center transparent;
}
.subtitol {
    padding: 50px 0px;
}
.subtitol * {
    margin-bottom: 0px;
}
.featured img {
    vertical-align: bottom;
}
.download-buttons a {
    border: none !important;
    text-decoration: none;
}
.contactes .bloc1 .featured img {
    padding-left: 60px;
}
.contactes .bloc1 h1 {
    margin-bottom: 5px;
    margin-top: 105px;
}
.download-buttons {
background: -moz-linear-gradient(top,  rgba(82,69,55,0.7) 0%, rgba(82,69,55,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,69,55,0.7)), color-stop(100%,rgba(82,69,55,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(82,69,55,0.7) 0%,rgba(82,69,55,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(82,69,55,0.7) 0%,rgba(82,69,55,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(82,69,55,0.7) 0%,rgba(82,69,55,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(82,69,55,0.7) 0%,rgba(82,69,55,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3524537', endColorstr='#b3524537',GradientType=0 ); /* IE6-9 */

    text-align: center !important;
    padding: 20px 10px;
    width: 95%;
    border-radius: 5px;
    margin-top: 15px;
}
.subtitol em {
    font-style: normal;
}
.contactes bloc5 .download-buttons {
    background: white;
}
.contactes .bloc5 .download-buttons {
    background: none;
    width: 96%;
}
.contactes .bloc5 h2 {
    border: none;
}
.download-buttons a:first-child {
    margin-right: 20px;
}
.contactes .bloc2 {
    padding-bottom: 35px;
}
.bloc3.expo img {
    margin-left: 0px;
}
.contactes .bloc3.expo {
    padding-bottom: 50px;
    border-top: 1px solid #e2e2e2;
}

/*final landing contactes*/