@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,600italic,700italic,800,800italic);
/* GLOBAL __________________________ */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%;
  font-family: 'Open Sans', sans-serif; }

img {
  display: block; }

.relative {
  position: relative; }

.BarraCorpInf2014 {
  margin: 0 !important; }

.claim {
  background-color: #ff0a0a;
  color: white;
  display: inline-block;
  font-weight: 300;
  line-height: 156%;
  margin-bottom: 52px;
  padding-left: 14px;
  padding-right: 19px;
  text-transform: uppercase; }

.claim.transparent {
  background-color: rgba(51, 51, 51, 0); }

.grey .claim.transparent, .withe .claim.transparent {
  color: #333333; }

.claim.black {
  background-color: #333333;
  padding-top: 0; }

.active, .activa a, .last {
  color: #ff0a0a; }

.menu > ul > .active, .menu > ul > li:hover {
  color: #ff0a0a;
  cursor: pointer; }

a:hover {
    /*-webkit-transition: 500ms ease-out ;
    -moz-transition: 500ms ease-out ;
    -o-transition: 500ms ease-out ;
    transition: 500ms ease-out ;
	*/
  text-decoration: underline !important; }

.black {
  clear: both;
  background-color: #373b3d;
  color: white;
  padding-top: 56px; }

.grey {
  clear: both;
  background-color: #F5F5F5;
  color: #333333;
  padding-top: 56px; }

.white {
  clear: both;
  background-color: white;
  color: #333333;
  padding-top: 56px; }

/* EINSMER 20170912 */
.whitenopad {
  clear: both;
  background-color: white;
  color: #333333;
  padding-top: 0px; }

.clean {
  margin: 0;
  padding: 0; }

.half-column {
  width: 470px;
  /* 960 */ }

.left {
  float: left; }

.right {
  float: right; }

.slider-reasons {
  overflow: hidden; }

.slider-reasons .slides, .slider-agenda-home .slides, .coming-soon .slides {
  display: block;
  opacity: 1; }

.slider-agenda-home .slides, .coming-soon .slides {
  overflow: hidden;
  height: 360px; }

.slider-agenda-home .slides li, .coming-soon .slides li {
  display: block;
  float: left;
  width: 477px;
  height: 360px; }

/* HEADER -------------------------- */
header {
  background-color: #f9f9f9;
  position: relative;
  padding-top: 10px;
  z-index: 3; }

.corporate, .menu ul, .center {
  /*Cambios logo -einsmer*/
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  /*min-height: 86px;*/ }

/*.corporate .logo a{
	float: left;
	background-image: url(../images/Logo-visit.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:170px;
	height:106px;
	display:block;
	color:rgba(51,51,51,0);
	padding-bottom:0px;
	margin-right:34px;
}*/
.corporate .logo a {
  /*CAMBIOS LOGO -EINSMER*/
  background-image: url("../png/logo-visit.png");
  background-position: left top;
  background-repeat: no-repeat;
  color: rgba(51, 51, 51, 0);
  display: block;
  float: left;
  height: 105px;
  margin-bottom: -1%;
  margin-right: 3%;
  margin-top: 2%;
  padding-bottom: 0;
  width: 170px; }

.logo {
  /*CAMBIOS LOGO -EINSMER*/
  margin-left: 2%; }

.corporate .general-search {
  /*CAMBIOS LOGO -EINSMER*/
  float: left;
  width: 429px;
  height: 37px;
  border: 1px solid #a3a3a3;
  margin-top: 27px;
  margin-left: 10px;
  border-radius: 3px;
  font-size: 16px;
  color: #777777;
  padding-left: 10px; }

.corporate .button {
  width: 37px;
  height: 37px;
  position: relative;
  background-color: rgba(255, 255, 255, 0);
  margin-top: 27px;
  border: none;
  background-image: url(../png/search-lens.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: -37px;
  color: rgba(51, 51, 51, 0);
  cursor: pointer;
  float: left;
  box-shadow: none; }

.languages {
  padding-top: 10px;
  float: right;
  text-transform: uppercase;
  font-size: 11px; }

.languages li {
  float: left;
  border-left: 1px solid #333333; }

.languages li:first-child {
  border: none; }

.languages a {
  display: block;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 100%;
  color: #333333;
  text-decoration: none; }

.languages .active a {
  color: #ff0a0a; }

.componentsse17 {
  float: right;
  clear: right;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 24px;
  height: 39px;
  float: right;
  min-width: 302px; }

.componentsse17 li {
  float: left;
  height: 39px;
  display: table;
  width: 200px;
  text-align: center; }

.componentsse17 li a {
  color: #333333; }

.componentsse17 li a, .componentsse17 li span {
  display: table-cell;
  height: 100%;
  vertical-align: middle; }

.components {
  float: right;
  clear: right;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 24px;
  height: 39px;
  float: right;
  min-width: 302px; }

.components li {
  float: left;
  height: 39px;
  display: table;
  width: 96px;
  text-align: center; }

.components li:first-child {
  border-right: 1px dotted #333333; }

.components li.login {
  width: 110px;
  background-color: #333333;
  color: white;
  float: right; }

.components li.favorites {
  width: 39px;
  background-color: #e5b806;
  float: right;
  background-image: url(../png/favorites-header.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  position: inherit;
  bottom: auto;
  margin-bottom: 0;
  left: auto; }

.components li a, .components li span {
  display: table-cell;
  height: 100%;
  vertical-align: middle; }

.components li.favorites span {
  vertical-align: top;
  color: white;
  line-height: 22px; }

.components li a {
  color: #333333; }

/* menu */
.menu {
  border-top: 1px dotted;
  border-bottom: 1px dotted;
  background-color: white;
  clear: both;
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.1); }

.menu > ul:after {
  clear: both;
  content: "";
  display: block; }

.menu > ul > li {
  float: left;
  position: relative;
  width: 15%;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 40px;
  text-align: center; }

.menu > ul > li.active > a {
  color: #ff0a0a; }

.menu > nav > ul:after {
  clear: both;
  content: "";
  display: block; }

.menu > nav > ul > li {
  float: left;
  position: relative;
  width: 16%;
  /*width:15%; cambio 2016-11-17 para gastronomia i vins*/
  /*font-size:15px; cambio 2016-11-17 para gastronomia i vins*/
  font-size: 14px;
  text-transform: uppercase;
  line-height: 40px;
  text-align: center;
  cursor: pointer; }

.menu > nav > ul > li:nth-child(2n) {
  width: 17%; }

.menu > nav > ul > li.active > a {
  color: #ff0a0a; }

.js .nav-collapse {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  position: relative;
  overflow: visible; }

.menu li ul {
  display: none;
  position: absolute;
  top: 40px;
  left: 50%;
  font-size: 15px;
  line-height: 18px;
  text-transform: none;
  width: 280px;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.3);
  background-color: white;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  border: solid 1px;
  padding-top: 8px;
  padding-bottom: 12px; }

.menu li ul:before {
  width: 15px;
  height: 15px;
  background-color: white;
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  border-left: 1px solid;
  border-top: 1px solid;
  transform: rotate(45deg) translate(-50%, -25%);
  -webkit-transform: rotate(45deg) translate(-50%, -25%);
  -moz-transform: rotate(45deg) translate(-50%, -25%);
  -o-transform: rotate(45deg) translate(-50%, -25%);
  -ms-transform: rotate(45deg) translate(-50%, -25%); }

.menu li:nth-child(1) ul {
  transform: translate(-25%, 0);
  -webkit-transform: translate(-25%, 0);
  -moz-transform: translate(-25%, 0);
  -o-transform: translate(-25%, 0);
  -ms-transform: translate(-25%, 0); }

.menu li:nth-child(1) ul:before {
  transform: rotate(45deg) translate(-402%, 320%);
  -webkit-transform: rotate(45deg) translate(-402%, 320%);
  -moz-transform: rotate(45deg) translate(-402%, 320%);
  -o-transform: rotate(45deg) translate(-402%, 320%);
  -ms-transform: rotate(45deg) translate(-402%, 320%); }

.menu > ul > li:hover ul {
  display: block; }

.menu > nav > ul > li:hover ul {
  display: block; }

.menu a {
  text-decoration: none;
  color: #333333; }

.menu ul ul a {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left; }

.menu ul ul a:hover {
  color: #ff0a0a; }

.menu li li {
  border-bottom: 1px dotted #ababab; }

.menu li li:last-child {
  border: none; }

.menu ul ul a {
  display: block;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-align: left;
  color: rgba(0, 0, 0, 0.92); }

/* menu-bottom */
.menu-bottom {
  border-top: 1px dotted;
  padding-top: 20px; }

.menu-bottom .menu {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  box-shadow: none;
  clear: both;
  padding-bottom: 30px;
  overflow: hidden; }

.menu-bottom .menu li ul {
  background-color: rgba(255, 255, 255, 0);
  display: block;
  box-shadow: none;
  position: inherit;
  text-align: left;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  width: 159px;
  border: none;
  padding: 0; }

.menu-bottom .menu li ul:before {
  border-left: none;
  border-top: none; }

.menu-bottom .menu li {
  width: auto;
  text-align: left;
  font-size: 13px !important;
  font-weight: 600; }

.menu-bottom .menu li li {
  border: none;
  padding-right: 24px;
  font-weight: 300; }

.menu-bottom .menu li ul:before {
  display: none; }

.menu-bottom .menu ul a {
  padding-left: 0px;
  padding-right: 0px;
  color: black; }

.menu-bottom .menu ul a:hover, .menu-bottom li.active .active a {
  color: #ff0a0a; }

/* autocomplete */
.autocomplete-suggestions {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #fff none repeat scroll 0 0;
  border-color: -moz-use-text-color #969696 #969696;
  border-image: none;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  cursor: default;
  overflow: auto;
  z-index: 2000; }

.autocomplete-suggestion {
  border-bottom: 1px solid #f2f2f2;
  font-size: 0.875em;
  overflow: hidden;
  padding: 10px 15px;
  white-space: nowrap; }

.autocomplete-selected {
  background: #f0f0f0 none repeat scroll 0 0; }

.autocomplete-suggestions strong {
  color: #ff0a0a;
  font-weight: normal; }

/* END HEADER -------------------------- */
/* PAGE-CONTENT -------------------------- */
.ariadna {
  font-size: 14px;
  margin-top: 26px;
  margin-bottom: 20px;
  line-height: 110%; }

.ariadna a {
  color: black;
  text-decoration: none; }

.ariadna a:hover {
  color: #ff0a0a;
  text-decoration: underline; }

.full-column {
  clear: both; }

/* Navigation -------- */
.navigation {
  overflow: hidden;
  border-top: 1px dotted #333333;
  padding-top: 26px;
  text-align: center;
  padding-bottom: 56px; }

.right-column .navigation {
  padding-bottom: 24px;
  border-bottom: 1px dotted #333333;
  padding-top: 24px;
  margin-bottom: 36px; }

.navigation a {
  text-decoration: none;
  color: #ff0a0a; }

.navigation .active a {
  font-weight: 700;
  color: #333333; }

.black .navigation .active a, .black .navigation .first:before, .black .navigation .last:after {
  color: white; }

.navigation a:hover {
  text-decoration: underline; }

.navigation .back {
  float: left;
  background-image: url(../png/arrow-back-standby.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px; }

.navigation .forward {
  float: right;
  background-image: url(../png/arrow-forward-standby.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 30px; }

.right-column .navigation .back, .right-column .navigation .forward {
  width: 19px;
  height: 19px;
  overflow: hidden;
  border-radius: 16px;
  padding: 0; }

.right-column .navigation .back a, .right-column .navigation .forward a {
  color: rgba(51, 51, 51, 0) !important; }

.navigation .back:hover {
  background-image: url(../png/arrow-back-active.png); }

.navigation .forward:hover {
  background-image: url(../png/arrow-forward-active.png); }

.navigation .pages {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px; }

.navigation .first:before {
  content: "...";
  padding-right: 5px;
  color: #333333; }

.navigation .last:after {
  content: "...";
  padding-left: 5px;
  color: #333333; }

.black .navigation {
  border-top: 1px dotted white; }

.black .navigation .active a, .black .navigation .first:before, .black .navigation .last:after {
  color: white; }

/* left column ------ */
.left-column {
  /* width:653px; */
  width: 69.3%;
  float: left; }

.left-column a {
  color: #ff0a0a; }

.title-page {
  font-size: 44px;
  font-weight: 200;
  float: left;
  padding-bottom: 17px;
  width: calc(100% - 142px);
  line-height: 110%;
  font-weight: 200; }

.left-column .title-page {
  padding-bottom: 56px; }

.title-page > .date {
  display: block;
  font-size: 16px;
  font-weight: 200; }

article {
  clear: both; }

.content {
  margin-bottom: 36px;
  clear: both; }

.content a {
  color: #ff0a0a;
  text-decoration: none; }

.content p {
  margin-bottom: 36px; }

.content ul, .excerpt ul {
  margin-bottom: 36px;
  margin-left: 18px;
  padding: inherit;
  list-style-position: outside;
  list-style-type: disc; }

.excerpt ul {
  margin-left: 24px; }

.content li, .list li li {
  list-style-position: outside;
  list-style-type: disc;
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  min-height: inherit; }

.content img {
  width: 100%; }

article .imatge.left {
  float: left;
  margin-right: 18px;
  margin-bottom: 18px;
  clear: both;
  width: 225px;
  height: 225px; }

article .imatge.left img {
  max-width: 100%;
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.1); }

article p a {
  color: #ff0a0a;
  text-decoration: none; }

article p a:hover {
  text-decoration: underline; }

article h2 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 18px;
  text-transform: uppercase;
  max-width: 830px; }

.general-alert {
  clear: both;
  height: 1px;
  position: relative;
  width: 1px; }

.general-alert > span {
  background-color: #000;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 27px;
  position: absolute;
  text-align: center;
  top: -44px;
  width: 172px; }

/* share ------ */
.share {
  margin-top: 3px;
  float: right;
  width: 124px; }

.share .favorites {
  border-left: 1px dotted #333333;
  float: right;
  width: 52px;
  padding-left: 2px;
  text-align: center;
  line-height: 49px;
  background-image: url(../png/favorites-standby-33.png);
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 13px;
  cursor: pointer;
  height: 52px;
  position: inherit; }

.share .favorites:hover {
  background-image: url(../png/favorites-active-33.png);
  color: white;
  -webkit-transition: 50ms ease-out;
  -moz-transition: 50ms ease-out;
  -o-transition: 50ms ease-out;
  transition: 50ms ease-out;
  margin-top: 0; }

.share .favorites.active {
  background-image: url(../png/favorites-active-33.png);
  color: white; }

.social-icons {
  position: absolute;
  top: -500px;
  left: 50%;
  height: 0px;
  width: 162px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  opacity: 0; }

.social .button:hover .social-icons {
  opacity: 1;
  height: 70px;
  top: -50px;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out; }

.social-icons li {
  width: 33px;
  height: 33px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  margin-left: -2px;
  opacity: 0.3; }

.social-icons li:hover {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out; }

.social-icons .facebook {
  background-image: url(../png/social-facebook.png); }

.social-icons .twitter {
  background-image: url(../png/social-x-twitter.png); }

.social-icons .pinterest {
  background-image: url(../png/social-pinterest.png); }

.social-icons .googleplus {
  background-image: url(../png/social-google.png); }

.social-icons .whatsapp {
  background-image: url(../png/social-n-whatsapp.png); }

.social .button {
  width: 52px;
  height: 52px;
  border: 1px solid #ff0a0a;
  border-radius: 26px;
  line-height: 50px;
  text-align: center;
  float: left;
  font-weight: 600;
  font-size: 42px;
  color: transparent;
  cursor: pointer;
  position: relative;
  margin-top: 0px;
  box-shadow: 0 3px 3px rgba(51, 51, 51, 0);
  background-image: url(../png/share_black.png);
  background-repeat: no-repeat;
  background-position: center center; }

.social .button:hover {
  border: 1px solid rgba(255, 10, 10, 0);
  background-color: #ff0a0a;
  background-image: url(../png/share_white.png);
  margin-top: -2px;
  box-shadow: 0 3px 3px rgba(51, 51, 51, 0.16);
  -webkit-transition: 200ms ease-out;
  -moz-transition: 200ms ease-out;
  -o-transition: 200ms ease-out;
  transition: 200ms ease-out; }

.agenda-detalls {
  clear: both; }

/* lists ------ */
.list {
  position: relative; }
  .list p {
    margin-bottom: 0.5rem;
    line-height: 1.4; }
  .list .masonry {
    display: flex;
    flex-wrap: wrap; }
    .list .masonry .item {
      position: static !important;
      float: none;
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
      .list .masonry .item .blog-modulo {
        height: 100%; }

.list li {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px; }

.list .flex-direction-nav li {
  position: relative;
  overflow: visible;
  margin-bottom: 18px; }

.list .flex-direction-nav li {
  margin-bottom: 0px;
  min-height: 0px; }

.list .flex-direction-nav {
  top: -14px; }

.favorites {
  font-size: 12px;
  position: absolute;
  right: 20px;
  background-image: url(../png/favorites-general-standby.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #333333;
  width: 33px;
  height: 33px;
  cursor: pointer;
  bottom: -10px;
  text-align: center;
  line-height: 29px;
  margin-bottom: 0;
  margin-top: 0px; }

.favorites.active, .favorites:hover {
  background-image: url(../png/favorites-general-active.png);
  color: white; }

.list img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.1); }

.list.blog img, .list.module.best img {
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0); }

.list .image {
  width: 225px;
  height: 225px;
  float: left;
  margin-right: 20px; }

.list .title, .list .excerpt, .list .more {
  padding-left: 10px;
  padding-right: 10px; }

.list .title, .list .title a {
  font-size: 22px;
  line-height: 26px;
  color: #333333;
  text-decoration: none;
  display: block;
  padding-top: 5px; }

.list .title a:hover {
  color: #ff0a0a; }

.list .title {
  margin-right: 90px; }

.list.blog .title, .list.blog .title a {
  padding-top: 0px; }

.list .excerpt, .list .more {
  font-size: 14px;
  line-height: 22px; }

.list .tipology {
  position: absolute;
  right: 0;
  top: 17px;
  font-size: 11px;
  line-height: 21px;
  width: 100px;
  text-transform: uppercase;
  text-align: right; }

.right-column .list li {
  margin-bottom: 0px;
  min-height: 0px;
  margin-left: 22px;
  position: relative;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dotted; }

.right-column .list li {
  color: #333333; }

.right-column .list li:before {
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  left: -22px;
  top: 8px;
  content: "";
  background-image: url(../png/links-interes.png);
  background-repeat: no-repeat;
  background-position: center center; }

/* list prominent posts ---------- */
.list.module {
  max-width: 970px;
  background-image: url(../png/links-interes.png);
  background-repeat: no-repeat;
  background-position: 0% center; }
  .list.module.best {
    max-width: 970px;
    background-image: none;
    overflow: hidden;
    padding-bottom: 30px; }
    .list.module.best ul {
      display: flex;
      flex-wrap: wrap; }
      .list.module.best ul li {
        margin: 0;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        margin-bottom: 1rem;
        background-color: white;
        box-shadow: 0 5px 5px rgba(51, 51, 51, 0.1);
        padding-bottom: 0.5rem;
        border: 0;
        flex-basis: calc((100% / 3) - 1rem); }
  .list.module li {
    position: relative;
    float: left;
    border: 1px solid #e6e6e6;
    flex-basis: calc((100% / 3) - 0.6rem);
    /* min-height:375px; */ }

.list.module li:nth-child(3n + 1) {
  clear: both;
  margin-left: 0; }

.list.module .title {
  margin-left: 0;
  margin-right: 0; }

.list.module .title a {
  margin-right: 0px; }

.list.module .image {
  width: 100%;
  height: auto;
  border: 1px solid white;
  position: relative;
  float: none; }

.list.module .title, .list.module .excerpt, .list.module .more {
  margin-left: 0px; }

/* products --------- */
.list.apps li {
  width: 49.5%;
  display: inline-table;
  margin-bottom: 80px; }

.list.apps ul {
  vertical-align: top; }

.list.apps .title {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 7px; }

.list .documents-modulo .image {
  width: 145px;
  height: 145px; }

.list .documents-modulo .encapsule {
  width: 100%; }

.list .documents-modulo .title, .list .documents-modulo .excerpt {
  margin-left: 155px;
  padding-right: 14px; }

.list .documents-modulo .title, .list .documents-modulo .title a {
  font-size: 20px; }

.documents-modulo .dates {
  font-size: 11px; }

.documents-modulo .out, .documents-modulo .dates {
  margin-left: 165px;
  overflow-x: hidden; }

.docs .documents-modulo .out {
  float: left;
  margin-right: 5px;
  width: 180px; }

.docs .documents-modulo .button {
  border: 1px solid #cdcdcd;
  box-shadow: inset rgba(51, 51, 51, 0.06) 0 3px 3px;
  box-shadow: rgba(51, 51, 51, 0.06) 0 3px 3px;
  background-color: #f8f8f8;
  border-radius: 5px;
  width: 80px;
  float: left;
  line-height: 31px;
  text-align: center;
  padding-right: 0; }

.docs .documents-modulo .button:hover {
  background-color: #ff0a0a;
  color: white;
  cursor: pointer; }

.list .documents-modulo li {
  display: inline-block;
  min-height: 0;
  margin-bottom: 0px;
  max-width: 44%; }

.list .documents-modulo li a {
  display: block;
  padding-left: 33px;
  background-repeat: no-repeat;
  background-position: 5px center;
  color: #333333;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 3px;
  text-decoration: none;
  padding-right: 10px;
  line-height: 34px;
  font-size: 15px;
  background-size: auto 75%; }

.list .documents-modulo li a:hover {
  background-color: #333333;
  color: white;
  text-decoration: underline; }

.documents-modulo .apple a {
  background-image: url(../png/icon-apple.png); }

.documents-modulo .android a {
  background-image: url(../png/icon-android.png); }

.list .documents-modulo .apple a:hover {
  background-image: url(../png/icon-apple-w.png); }

.list .documents-modulo .android a:hover {
  background-image: url(../png/icon-android-w.png); }

/* blog ----------- */
.cabecera-lista-blog {
  font-size: 17px;
  padding-bottom: 45px;
  padding-top: 26px;
  margin-bottom: 18px; }

.list.blog {
  padding-bottom: 61px; }

.list .image p, .list .image p a {
  margin: 0;
  padding: 0; }

.list .blog-modulo {
  position: relative;
  background-color: white;
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.1); }
  .list .blog-modulo .image {
    width: 100%;
    height: auto;
    float: none;
    padding: 0;
    position: relative;
    margin-bottom: 10px;
    min-height: 171px; }
  .list .blog-modulo .title {
    margin-left: 0;
    margin-right: 0;
    font-size: 20px; }
  .list .blog-modulo .title, .list .blog-modulo .cat, .list .blog-modulo .excerpt, .list .blog-modulo .date {
    padding-left: 10px;
    padding-right: 10px; }
  .list .blog-modulo .cat a {
    font-size: 12px;
    text-decoration: none;
    color: #333333; }
  .list .blog-modulo .cat a:hover {
    color: #ff0a0a; }
  .list .blog-modulo .excerpt, .list .blog-modulo .date {
    margin-left: 0px;
    font-size: 13px; }
  .list .blog-modulo .excerpt {
    padding-bottom: 0.5rem; }

.masonry .item.banner {
  min-height: 100px; }

.list p {
  /* padding-left:10px; DAVID */
  padding-right: 10px; }

/* search list --- */
.search-results.list li {
  border-bottom: 1px dotted rgba(51, 51, 51, 0.5);
  min-height: 0;
  overflow: hidden;
  margin: 0;
  padding-top: 22px;
  padding-bottom: 22px; }

.search-results.list li:last-child {
  border: none; }

.search-results.list .image {
  height: 100px;
  text-align: right;
  width: 178px;
  padding: 0;
  margin: 0; }

.search-results.list img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto; }

.search-results.list .title, .search-results.list .exerpt, .search-results.list .detail, .search-results.list li .dates, .search-results.list li .more {
  margin-left: 188px; }

.search-results.list .title {
  margin-bottom: 0px;
  margin-left: 188px;
  padding-top: 0;
  position: relative;
  margin-top: -9px; }

.search-results.list .title a {
  font-size: 20px; }

.search-results.list .exerpt {
  font-size: 14px;
  margin-bottom: 9px; }

.search-results.list .detail {
  font-size: 14px;
  margin-bottom: 9px; }

.search-results.list li .dates {
  font-size: 13px;
  margin-bottom: 9px; }

.search-results.list li .more {
  font-size: 13px;
  margin-bottom: 0px; }

.search-results.list {
  padding-bottom: 56px; }

.go-search {
  color: #ff0a0a;
  display: block;
  line-height: 200%;
  text-decoration: none;
  width: 230px;
  position: relative;
  margin-top: -16px;
  margin-bottom: 20px; }

.search-results.thumbs.list .exerpt, .search-results.thumbs.list .detail, .search-results.thumbs.list li .dates, .search-results.thumbs.list li .more {
  margin-left: auto; }

.search-results.thumbs.list .title {
  margin-left: auto;
  margin-bottom: 12px; }

.search-results.thumbs.list .image {
  width: 100px;
  margin-right: 20px;
  margin-bottom: 10px;
  /* DAVID */ }

.search-results.thumbs.list .num {
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  background-color: #333333;
  border-radius: 30px;
  font-weight: 600;
  color: white;
  line-height: 30px;
  margin-left: 110px; }

.modify-search {
  clear: both;
  color: black;
  display: block;
  font-size: 14px;
  margin-bottom: 13px;
  margin-top: -10px; }

.search-results.thumbs.list .image img {
  max-width: 119%; }

.search-results.thumbs.list .image {
  overflow: hidden; }

/* prominent ---- */
.blog-prominent {
  position: relative;
  min-height: 230px;
  padding-bottom: 56px;
  overflow: hidden; }

.blog-prominent p {
  margin-bottom: 6px; }

.blog-prominent .image {
  float: left;
  position: relative; }

.blog-prominent img {
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.1); }

.blog-prominent .title, .blog-prominent .excerpt, .blog-prominent .date-category {
  margin-left: 490px; }

.blog-prominent .title a {
  display: block;
  padding-top: 18px;
  font-size: 28px;
  line-height: 34px;
  color: #333333;
  text-decoration: none; }

.blog-prominent .date-category, .blog-prominent .date-category a {
  font-size: 14px;
  line-height: 30px;
  color: #333333;
  text-decoration: none; }

/* masonry ---- */
.masonry {
  margin: 0 auto; }
  .masonry .item, .masonry .grid-sizer {
    width: 307px;
    float: left;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    margin-bottom: 1rem; }

.item.banner img {
  min-height: 100px; }

.next-page {
  clear: both;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 60px; }

.show-more {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 200;
  line-height: 46px;
  width: 307px;
  border: #a8a8a8 solid 1px;
  background-color: whitesmoke;
  background-image: url(../png/see-more.png);
  background-repeat: no-repeat;
  background-position: right center;
  text-align: center;
  margin: auto;
  display: block;
  text-decoration: none;
  color: #333333; }

.show-more:hover {
  background-color: #ff0a0a;
  background-image: url(../png/see-more.png);
  color: white; }

.header-list {
  border-bottom: solid 1px #969696;
  margin-top: 5px;
  margin-bottom: 25px;
  font-size: 14px;
  color: #969696;
  line-height: 43px;
  position: relative; }

.header-list .results {
  position: absolute;
  right: 0;
  bottom: 16px;
  font-size: 15px;
  line-height: 30px;
  color: #333333;
  text-align: right; }

.header-list .number {
  font-size: 80px;
  display: block;
  line-height: 100%;
  font-weight: 200; }

.header-list .up a {
  position: absolute;
  bottom: 20px;
  right: 0;
  background-image: url(../png/up-down.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
  overflow: hidden;
  color: rgba(51, 51, 51, 0);
  text-indent: -1000px; }

.header-list .up a:hover {
  background-image: url(../png/up.png); }

/* welcome ---- */
.welcome {
  padding-bottom: 56px;
  overflow: hidden; }

.welcome li {
  display: block;
  width: 24.6%;
  float: left; }

.welcome .title, .welcome .date, .welcome .excerpt {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0; }

.welcome .title a {
  font-size: 18px;
  line-height: 22px;
  color: #333333;
  text-decoration: none;
  text-indent: 10000px; }

.welcome .date {
  font-size: 14px;
  line-height: 24px; }

.welcome .excerpt {
  font-size: 13px;
  line-height: 18px; }

/* related left --------- */
.left-column .related {
  font-size: 15px; }

.left-column .related li {
  padding-left: 0; }

/* detail, contact, posts ------ */
.detail {
  overflow: hidden;
  margin-bottom: 56px; }

.detail dt {
  float: left;
  width: 179px;
  border-top: 1px dotted;
  padding-right: 19px;
  padding-top: 9px;
  padding-bottom: 9px;
  clear: both;
  font-weight: 600; }

.detail dd {
  width: calc(100% - 180px);
  border-top: 1px dotted;
  padding-top: 9px;
  padding-bottom: 9px;
  float: right; }

.detail dd:first-of-type, .detail dt:first-of-type {
  border: none; }

.contacts .title-more {
  font-weight: 600; }

.contacts li, .posts li {
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px dotted; }

.contacts li:first-child, .posts li:first-child {
  border: none; }

.related.posts {
  margin-bottom: 56px; }

/* tags ---------- */
.tags {
  border-top: 1px dotted;
  padding-top: 36px;
  padding-bottom: 56px;
  text-align: center; }

.tags li {
  display: inline-block;
  margin-left: 0;
  margin-right: 9px;
  margin-bottom: 9px; }

.tags a {
  background-color: rgba(51, 51, 51, 0.05);
  border-radius: 3px;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 200%;
  color: #333333;
  text-decoration: none;
  font-size: 15px; }

.black .tags a {
  background-color: rgba(255, 255, 255, 0.05);
  color: white;
  box-shadow: 0 3px 3px rgba(51, 51, 51, 0.16); }

.tags a:hover {
  background-color: #333333;
  color: white; }

.right-column .tags {
  padding-top: 9px;
  border: none;
  text-align: left; }

.right-column .tags > ul {
  height: 132px;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-bottom: 9px; }

.tags > ul {
  max-height: 66px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: left;
  margin-bottom: 9px; }

.see-more-tags {
  width: 100px;
  color: #fff;
  background-color: black;
  line-height: 23px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px; }

.see-more-tags:hover {
  background-color: #ff0a0a; }

.tags a {
  font-size: 12px; }

.see-more-tags a, .see-more-tags a:hover {
  color: white; }

.see-more-tags a:hover {
  background-color: #ff0a0a; }

.right-column .tags a:hover {
  color: #FFFFFF; }

/* clima --------- */
.content .temepraturas-clima, .content .playas-clima {
  margin-left: 0;
  margin-bottom: 36px;
  padding: 0;
  list-style: none;
  overflow: hidden; }

.temepraturas-clima li {
  overflow: hidden;
  border: 1px dotted black;
  padding: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  width: calc(25% - 7px);
  float: left;
  text-align: center;
  font-size: 14px; }

.temepraturas-clima li:nth-child(1) {
  width: calc(50% - 5px);
  float: left;
  margin-left: 0;
  text-align: left;
  border: 1px solid #ff0a0a;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16); }

.temepraturas-clima li:nth-child(2) {
  width: calc(50% - 5px);
  float: right;
  text-align: left; }

.temepraturas-clima li:nth-child(3) {
  clear: both;
  margin-left: 0; }

.temepraturas-clima li:last-child {
  width: calc(25% - 9px); }

.temepraturas-clima li .prevision {
  text-align: center; }

.temepraturas-clima span:before {
  font-family: 'MeteoconsRegular';
  content: attr(data-icon);
  font-size: 36px;
  color: black;
  display: block;
  padding-top: 9px; }

.temepraturas-clima .simbolo-dia span:before {
  font-size: 80px;
  color: #ff0a0a; }

.temepraturas-clima span {
  color: transparent;
  display: block;
  font-size: 12px; }

.temepraturas-clima li:nth-child(1) .simbolo-dia, .temepraturas-clima li:nth-child(2) .simbolo-dia {
  float: left;
  width: 50%; }

.temepraturas-clima li:nth-child(1) .minima, .temepraturas-clima li:nth-child(2) .minima {
  padding-top: 30px; }

.temepraturas-clima .simbolo-dia {
  width: 100%; }

.temepraturas-clima li:nth-child(1) .dia, .temepraturas-clima li:nth-child(2) .dia {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px; }

.temepraturas-clima .dia {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px; }

.content .temepraturas-clima p {
  margin-bottom: 0; }

.temepraturas-clima .segmentos p {
  width: calc(33% - 10px);
  float: left;
  padding-top: 15px;
  text-align: center; }

.temepraturas-clima .segmentos {
  clear: both;
  overflow: hidden;
  border-top: 1px dotted black; }

.content .playas-clima li {
  list-style-image: none;
  list-style-type: none;
  overflow: hidden;
  margin-bottom: 36px; }

.playas-clima p {
  float: left;
  width: 16.5%;
  height: 100px;
  border-top: 1px dotted;
  padding-top: 10px;
  text-align: center;
  font-size: 14px; }

.playas-clima p:first-child {
  float: none;
  width: 100%;
  margin: 0;
  clear: both;
  border: none;
  height: auto;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  text-align: left; }

.playas-clima .olas span:before {
  font-family: 'waves';
  content: attr(data-icon);
  display: block;
  padding-top: 9px;
  font-size: 36px; }

.playas-clima span {
  color: #ff0a0a;
  display: block;
  padding-top: 9px; }

.bandera > span {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto auto;
  height: 75px; }

.orange {
  background-image: url(../png/flag-orange.png); }

.red {
  background-image: url(../png/flag-red.png); }

.green {
  background-image: url(../png/flag-green.png); }

.playas-clima .tmeperatura > span, .playas-clima .viento-d > span, .playas-clima .uvi > span {
  font-size: 36px;
  font-weight: 700; }

/* form Hotels -------- */
.header-hotels-form ul {
  display: block; }

.header-hotels-form label {
  display: inline-block; }

.header-hotels-form .block1 {
  width: 100%; }

.header-hotels-form .block1 li {
  border-bottom: 1px dotted;
  display: inline-block;
  padding: 10px;
  width: 48%;
  margin-bottom: 10px; }

.header-hotels-form .block1 li:first-child {
  margin-right: 3%; }

.header-hotels-form .block1 li:last-child {
  width: 100%; }

.header-hotels-form .block1 .ico-calendar {
  margin-left: 10px; }

.header-hotels-form .block1 img {
  vertical-align: middle; }

.header-hotels-form .block1 label {
  width: 125px; }

.header-hotels-form .block1 .encapsule {
  width: 265px; }

.header-hotels-form .block2 {
  padding-left: 15px; }

.header-hotels-form .block2 label {
  width: 125px; }

.header-hotels-form .block3 {
  width: 30%; }

.header-hotels-form .block3 label {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  width: 100px; }

.header-hotels-form .block3 .encapsule {
  border-right: 1px solid #cdcdcd;
  width: 56px !important; }

.header-hotels-form .block3 select {
  background-position: right center;
  height: 26px;
  line-height: 22px;
  font-size: 14px;
  background-size: 53%; }

.header-hotels-form .block2 .encapsule, .header-hotels-form .block3 .encapsule {
  width: 72px; }

.header-hotels-form .button, .header-hotels-form .product-tags a, .product-tags .header-hotels-form a, .header-hotels-form .form input[type="submit"], .form .header-hotels-form input[type="submit"] {
  margin-top: 20px;
  font-size: 0.9375em;
  line-height: 3.46667em;
  vertical-align: middle;
  text-align: center;
  width: 14.66667em; }

.header-hotels-form .block2 {
  border-bottom: 1px dotted;
  margin-bottom: 5px;
  padding-bottom: 10px; }

.header-hotels-form .block2, .header-hotels-form .block3 {
  clear: both;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%; }

.header-hotels-form input {
  width: auto;
  margin-right: 15px; }

.block2 .adults {
  padding-top: 14px;
  width: 25%; }

.block2 .children {
  padding-top: 14px;
  width: 25%; }

.block3 li {
  text-align: center;
  width: 20%; }

.block2 li, .block3 li {
  float: left;
  font-size: 14px; }

.block2 .years {
  width: 50%; }

.header-hotels-form {
  padding: 20px;
  border: 1px dotted; }

.header-hotels-form .block2 .children > label {
  width: 90px; }

/* right column ------ */
.right-column {
  /* width:245px; */
  width: 25.6%;
  float: right;
  font-size: 14px; }

.right-column a {
  color: #333333;
  text-decoration: none; }

.acces > a {
  text-decoration: none !important; }

.right-column a:hover {
  color: #ff0a0a;
  text-decoration: underline; }

.related-items {
  line-height: 125%;
  margin-bottom: 56px; }

aside .related-items p.banner {
  margin: 0; }

aside p.banner {
  margin-bottom: 34px; }

aside p.banner-tickets {
  margin-bottom: 34px;
  background-color: #ff0a0a;
  background-image: url(../png/tickets-banner-red.png);
  background-repeat: no-repeat;
  background-position: left top;
  min-height: 100px; }

.banner-tickets > a {
  color: #fff !important;
  display: block;
  font-size: 18px;
  font-weight: 100;
  line-height: 120%;
  padding-left: 79px;
  padding-right: 30px;
  padding-top: 10px; }

.banner-tickets span {
  display: block;
  font-size: 63%;
  font-weight: 700;
  padding-bottom: 12px;
  padding-top: 7px;
  text-transform: uppercase; }

.related-items .title {
  font-size: 15px;
  margin-bottom: 9px; }

.contacts, .related-items .post, .related-items .downloads, .related-items .acces, .related-items .transports, .related-items .timetable {
  margin-bottom: 56px; }

.right-column .contacts li, .right-column .related-items .downloads li, .related-items .transports li, .related-items .timetable li {
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: left 4px; }

.related-items .transports li, .related-items .timetable li {
  padding-top: 2px;
  padding-bottom: 2px;
  min-height: 31px; }

.related-items .transports li {
  background-position: left center; }

.related.transports .others {
  background-image: url(../png/walking.png);
  background-position: top left; }

.timetable li {
  background-image: url(../png/clock.png); }

.contacts .phone {
  background-image: url(../png/phone.png); }

.contacts .skype {
  background-image: url(../png/skype.png); }

.contacts .mail {
  background-image: url(../png/mail.png); }

.contacts .web {
  background-image: url(../png/web.png); }

.contacts .map {
  background-image: url(../png/map.png); }

.map .adreca {
  padding-bottom: 5px;
  padding-left: 0; }

.transports li {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 6px;
  padding-left: 30px; }

.metro {
  background-image: url(../png/metro.png); }

.bus {
  background-image: url(../png/bus.png); }

.busturistic {
  background-image: url(../png/busturistic.png); }

.tranvia {
  background-image: url(../png/tranvia.png); }

.ferrocarrils {
  background-image: url(../png/ferrocarrils.png); }

.renfe {
  background-image: url(../png/renfe.png); }

.related-items .post li {
  padding-top: 9px;
  padding-bottom: 9px; }

.related-items .downloads li {
  background-image: url(../png/download.png); }

.accesibilidad {
  list-style-type: none; }

.accesibilidad li {
  display: inline;
  margin-right: 15px;
  margin-top: 5px; }

/* forms --------------- */
label {
  /* height:42px;
  display:inline-block;
  line-height:42px;
  list-style-type: none;
  */
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  list-style-type: none; }

.right-column label {
  display: block;
  float: none; }

input {
  border: 1px solid #cdcdcd;
  box-shadow: inset rgba(51, 51, 51, 0.06) 0 3px 3px;
  background-color: #f8f8f8;
  border-radius: 5px;
  padding-left: 5px;
  width: 100%;
  font-size: 15px;
  line-height: 32px; }

input#grup {
  padding-left: 0px;
  height: 20px;
  width: 20px; }

input#celiacs {
  height: 20px;
  width: 20px;
  margin-left: 19px; }

input#adaptat {
  height: 20px;
  width: 20px; }

input#privades {
  height: 20px;
  width: 20px;
  margin-left: 19px; }

.buttons input, .button.button-big {
  border: none;
  box-shadow: none;
  background-color: #ff0a0a;
  border-radius: 0px;
  padding: 0px;
  width: 100%;
  font-size: 24px;
  line-height: 64px;
  text-align: center;
  color: white;
  cursor: pointer;
  font-weight: 200;
  font-family: 'Open Sans', sans-serif;
  -webkit-appearance: none; }

.right-column .buttons input {
  font-size: 18px;
  line-height: 64px; }

.buttons input:hover {
  background-color: #ff0a0a; }

select {
  border: 1px solid #cdcdcd;
  box-shadow: inset rgba(51, 51, 51, 0.06) 0 3px 3px;
  background-color: #f8f8f8;
  border-radius: 5px;
  width: calc(100% + 17px);
  font-size: 15px;
  line-height: 32px;
  padding: 0;
  padding-left: 5px;
  height: 33px;
  background-image: url(../png/select.png);
  background-repeat: no-repeat;
  background-position: right top; }

.encapsule {
  display: inline-block;
  overflow-x: hidden; }

.encapsule-h {
  display: inline-block;
  overflow-x: hidden; }

.right-column .encapsule {
  display: block; }

form .elements li {
  height: 45px;
  position: relative; }

.right-column form .elements li {
  height: auto;
  position: relative; }

form .elements {
  margin-bottom: 26px; }

form .results {
  border: none;
  border-right: 1px dotted;
  border-left: 1px dotted;
  text-align: right; }

.right-column form .results {
  border: none;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
  padding-top: 6px;
  padding-bottom: 16px;
  text-align: right;
  margin-bottom: 26px; }

form .results .number {
  font-size: 80px;
  font-weight: 200;
  display: block;
  line-height: 100%; }

form .results .type {
  font-size: 15px;
  display: block; }

.right-column form .elements, .right-column form .results, .right-column form .buttons {
  display: block;
  width: 100%; }

.right-column form {
  margin-bottom: 56px; }

form .elements, form .results, form .buttons {
  display: table-cell;
  vertical-align: middle; }

.search.out {
  padding-bottom: 56px; }

.search.in .elements {
  width: 33%; }

.search.in .results {
  width: 33%; }

.search.in .buttons {
  width: 33%; }

.search.out .elements {
  width: 470px; }

.search.out .results {
  width: 235px;
  padding-right: 20px; }

.search.out .buttons {
  width: 210px;
  padding-left: 30px; }

.search.out label {
  width: 178px;
  clear: both;
  line-height: 33px; }

.search.out input {
  width: 250px; }

.search.out .encapsule {
  width: 250px; }

.search.out .encapsule-h {
  width: 117px; }

/* calendar --- */
.search.out .input-calendar {
  background-image: url(../png/calendar.png);
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 14px; }

.search.out .calendar {
  position: absolute;
  right: -200px;
  top: -50px;
  background-color: #f6f6f6;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  box-shadow: 0 6px 6px rgba(51, 51, 51, 0.08);
  z-index: 20;
  padding: 10px;
  text-align: center;
  width: 226px;
  padding-top: 15px; }

.calendar .last, .calendar .first, .calendar .close {
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  color: rgba(51, 51, 51, 0);
  overflow: hidden;
  display: block;
  cursor: pointer; }

.calendar .select-month {
  overflow: hidden;
  margin-bottom: 6px; }

.calendar .go-today {
  margin-top: 4px; }

.calendar p {
  margin: 0; }

.calendar .first {
  float: left;
  background-image: url(../png/calendar-first.png); }

.calendar .month {
  display: block-inline;
  line-height: 30px; }

.calendar .last {
  float: right;
  background-image: url(../png/calendar-last.png);
  cursor: pointer; }

.calendar .first:hover {
  float: left;
  background-image: url(../png/calendar-first-active.png); }

.calendar .last:hover {
  background-image: url(../png/calendar-last-active.png); }

.calendar .close {
  background-image: url(../png/calendar-close.png);
  position: absolute;
  right: 0px;
  top: -15px; }

.calendar .close:hover {
  background-image: url(../png/calendar-close-active.png); }

.calendar table {
  width: 100%; }

.calendar td {
  background-color: #f6f6f6; }

.calendar td.today {
  background-color: #333333; }

.calendar td.selected {
  background-color: #ff0a0a; }

.calendar td.current {
  background-color: white; }

.calendar td a {
  color: #d6d6d6;
  text-decoration: none;
  display: block; }

.calendar td a:hover {
  background-color: #ff0a0a;
  color: white !important; }

.calendar td.current a {
  color: #333333; }

.calendar td.today a, .calendar td.selected a {
  color: white; }

/* carrusel --------------- */
.carrusel {
  box-sizing: border-box;
  position: relative;
  aspect-ratio: 16 / 9;
  margin-bottom: 36px !important; }
  .carrusel .flex-viewport {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%; }
  .carrusel ul {
    height: 100%;
    overflow: hidden; }
  .carrusel li {
    max-width: 960px;
    width: 100%;
    position: relative;
    display: block; }

.carrusel img {
  width: 100%;
  height: auto; }

.carrusel > .slides > li {
  float: left;
  max-width: 960px; }

.carrusel .footer-img {
  padding-bottom: 7px;
  font-size: 13px;
  padding-top: 7px;
  padding-left: 7px;
  position: absolute;
  z-index: 1000;
  bottom: 0px;
  background-color: #fffc; }

carrusel.out {
  height: 468px; }

.carrusel ol {
  padding-top: 10px;
  text-align: right;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 1000;
  top: 100%; }

.carrusel ol li {
  margin-left: 7px;
  display: inline;
  width: auto; }

.carrusel ol li a {
  width: 12px;
  height: 12px;
  overflow: hidden;
  color: rgba(51, 51, 51, 0);
  background-color: rgba(51, 51, 51, 0.2);
  border-radius: 12px;
  display: block; }

.carrusel ol li a.flex-active {
  background-color: #ff0a0a; }

/*
.carrusel .flex-direction-nav{
	margin-top:0;
	position:absolute;
	top: calc(50% - 40px);
	left:0!important;

	background-color:#00ff00;
	height:40px;
	
}
.carrusel .flex-direction-nav a{
	display:block;
	width:52px;
	height:52px;
	position: absolute;
	background:none!important;
	top: 50%;
	color:rgba(51,51,51,0);
	border:2px none rgba(51,51,51,1);
	background-color:#ff0000;
}
.carrusel .flex-prev  {
	left: 10px;
	border-left:solid;
	border-top:solid;
}
.carrusel .flex-next  {
	
	border-left:none;
	border-right:solid;
	border-bottom:solid;
	right: 10px;
}
.carrusel .flex-prev:hover {
	
}
.carrusel .flex-next:hover  {
	
}*/
.more.shop {
  padding-bottom: 56px; }

/* END PAGE-CONTENT -------------------------- */
/* Slider shop -------------------------- */
.slider-shop {
  position: relative;
  clear: both;
  margin-bottom: 42px; }

.home .slider-shop .flex-direction-nav {
  top: -104px; }

.promos-bcnshop {
  margin-left: 20px; }

.block-product-wrap {
  background-color: #fff;
  color: #000;
  display: block;
  height: 20.9375em;
  padding-bottom: 1.5625em;
  position: relative; }

/*
.product-discount-badge:before {
   	border-left: solid transparent 85px;
    border-top: #ff0a0a solid 85px;
    content: " ";
    height: 0;
    position: absolute;
    right: 20px;
    top: 0;
    width: 0;
    z-index: 0;
}
*/
.product-discount-badge {
  color: #fff;
  font-size: 0.75em;
  height: 122px;
  line-height: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 0;
  width: 122px; }

.product-discount-badge span {
  background-color: #ff0a0a;
  display: block;
  height: 64px;
  padding-left: 0;
  padding-top: 23px;
  position: absolute;
  right: -40px;
  top: -13px;
  width: 123px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.product-discount-badge strong {
  display: block;
  font-size: 1.383em;
  font-weight: bold;
  letter-spacing: 0;
  padding-top: 3px; }

.product-discount-badge .skip {
  background-color: #13841d;
  font-weight: bold;
  height: 25px;
  line-height: 14px;
  padding-top: 4px;
  position: absolute;
  right: -42px;
  top: 38px;
  width: 192px; }

.block-product-content h2 {
  margin-bottom: 0px; }

.block-product-content h2 a {
  color: #000;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 20px;
  margin-top: 0;
  text-decoration: none; }

.block-product-content h2 a:hover {
  color: #ff0a0a; }

.block-product-content strong {
  color: #ff0a0a; }

.block-product-meta {
  bottom: 0;
  display: table;
  height: 25px;
  left: 0;
  line-height: 1em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: absolute;
  right: 0;
  width: 100%; }

/*
.shop-modulo {
	width:225px;
	background-color:rgba(256,256,256,1);
	position:relative;
}
.shop-modulo img{
	box-shadow:0 5px 5px rgba(51,51,51,0.1);
}
.shop-modulo .excerpt{
	font-size:13px;
}
.shop-modulo .title {
	font-size:20px;
	weight:200;
}

.shop-modulo .title a {
	font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-transform: uppercase;
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}
.shop-modulo p strong {
	color: #ff0a0a;
    font-weight: bold;
}
.shop-modulo .title a:hover {
	color: rgba(255,10,10,1.00);
	text-decoration:underline;
}
.rate img{
	box-shadow:none;
	
}
}
/*
.shop-modulo {
	width:225px;
	background-color:rgba(256,256,256,1);
	position:relative;
}
.shop-modulo img{
	box-shadow:0 5px 5px rgba(51,51,51,0.1);
}
.shop-modulo .excerpt{
	font-size:13px;
}
.shop-modulo .title {
	font-size:20px;
	weight:200;
}

.shop-modulo .title a {
	font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-transform: uppercase;
    transition-delay: 0s;
    transition-duration: 0.25s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}
.shop-modulo p strong {
	color: #ff0a0a;
    font-weight: bold;
}
.shop-modulo .title a:hover {
	color: rgba(255,10,10,1.00);
	text-decoration:underline;
}
.rate img{
	box-shadow:none;
	
}

*/
/* Carrusel footer BCNshop -------*/
.flex-direction-nav {
  position: absolute;
  top: -91px;
  left: calc(50% + 292px); }

.carrusel .flex-direction-nav {
  display: none; }

.flex-direction-nav a {
  display: block;
  width: 28px;
  height: 56px;
  position: absolute;
  top: 0%;
  background-repeat: no-repeat;
  color: rgba(51, 51, 51, 0) !important; }

.flex-prev {
  background-image: url(../png/slider-left.png);
  right: 39px;
  background-position: 0% 0%; }

.flex-next {
  background-image: url(../png/slider-right.png);
  border-left: 1px dotted #333333;
  right: 10px;
  background-position: 0% 0%; }

.black .flex-prev {
  background-image: url(../png/black-slider-left.png); }

.black .flex-next {
  background-image: url(../png/black-slider-right.png);
  border-left: 1px dotted white; }

.flex-prev:hover {
  background-position: 0% -52px; }

.flex-next:hover {
  background-position: 0% -52px; }

/* END Carrusel footer BCNshop -*/
/* coming soon ----- */
.coming-soon {
  position: relative;
  padding-bottom: 26px;
  padding-top: 10px; }

.coming-soon li {
  padding-bottom: 14px; }

.coming-soon .flex-direction-nav {
  top: -60px; }

.coming-soon .agenda-modulo {
  width: 470px;
  position: relative;
  line-height: 150%; }

.coming-soon a {
  color: black;
  text-decoration: none; }

.coming-soon .flex-direction-nav a {
  color: rgba(255, 255, 255, 0); }

.coming-soon image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.coming-soon .claim {
  color: black;
  background-color: transparent;
  margin-bottom: 0;
  text-transform: none;
  font-weight: normal; }

.coming-soon .center > .claim {
  position: relative; }

.coming-soon .title {
  font-size: 16px;
  margin: 0;
  text-transform: uppercase;
  margin-top: 9px;
  margin-bottom: 3px;
  padding: 0; }

.coming-soon .cat {
  padding: 0;
  font-size: 13px; }

.coming-soon .dates {
  padding: 0;
  font-size: 13px; }

.coming-soon .flex-control-nav, .slider-blog .flex-control-nav, .news .flex-control-nav, .slider-agenda-home .flex-control-nav, .list.docs .flex-control-nav, .slider-shop .flex-control-nav {
  display: none; }

/* sliders blog ---- */
.slider-blog .blog-modulo {
  width: 311px; }

/* News -------- */
.news {
  overflow: hidden;
  color: white;
  padding-bottom: 28px;
  position: relative; }

.news a {
  color: white;
  text-decoration: none; }

.news a:hover {
  color: #ff0a0a;
  text-decoration: underline; }

.news p {
  margin: 0; }

.news img {
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.26); }

.news .claim {
  margin-left: 20px;
  margin-bottom: 20px; }

.news .blog-modulo {
  width: 226px;
  position: relative; }

.news .blog-modulo .title {
  font-size: 18px;
  line-height: 120%;
  margin-top: 9px;
  margin-bottom: 5px; }

.news .blog-modulo .cat, .news .blog-modulo .excerpt, .news .blog-modulo .date {
  font-size: 13px;
  padding-bottom: 14px; }

.news .blog-modulo img {
  width: 100%;
  height: auto; }

.news .prominent {
  position: relative; }

.news .prominent .image, .news .blog-modulo .image {
  position: relative; }

.news .prominent .claim {
  margin-left: 0px;
  margin-bottom: 20px;
  margin-top: 13px; }

.news .prominent .title {
  font-size: 24px;
  font-weight: 200;
  text-transform: uppercase;
  margin-bottom: 11px; }

.news .flex-direction-nav {
  left: calc(50% + 491px);
  position: absolute;
  top: -9px; }

/* picture ------ */
.display-photo {
  overflow: hidden;
  padding-bottom: 22px;
  font-size: 17px;
  line-height: 150%; }

.display-photo p.image {
  text-align: center;
  height: 540px;
  margin-bottom: 18px;
  padding: 10px;
  border: 1px solid rgba(51, 51, 51, 0.15);
  background-color: white;
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.14); }

.display-photo img {
  max-width: 100%;
  max-height: 100%; }

.details-image {
  margin-right: 180px; }

.details-image .title {
  text-transform: uppercase;
  border-right: 1px solid;
  padding-right: 20px; }

.details-image .date {
  font-size: 15px;
  border-right: 1px solid;
  padding-right: 20px;
  padding-left: 20px; }

.details-image .copyright {
  padding-left: 10px;
  vertical-align: middle; }

.details-image .copyright img {
  width: 20px;
  height: auto;
  margin-right: 6px; }

.details-image .author {
  display: block; }

.icons-image li {
  display: inline-block;
  width: 54px;
  height: 49px;
  background-repeat: no-repeat;
  background-position: center center; }

.icons-image .instagram {
  background-image: url(../png/instagram.png);
  width: 156px; }

.icons-image .flickr {
  background-image: url(../png/flickr.png); }

.picture-description {
  overflow: hidden; }

.picture-description #map {
  height: 300px;
  margin-bottom: 56px;
  box-shadow: 0 6px 6px rgba(51, 51, 51, 0.26); }

.descriptive .content {
  margin-bottom: 36px; }

.center.error h1 {
  margin-top: 180px;
  font-weight: 800;
  margin-left: 225px;
  color: #ff0a0a; }

.center.error p {
  margin-bottom: 180px;
  clear: both;
  margin-left: 225px; }

.center.error p strong {
  color: #ff0a0a; }

/* --MODIFICACIONS--  */
.black .events-agenda .title a, .black .events-agenda .more a {
  color: white;
  text-decoration: none; }

.black .news a:hover, .black .events-agenda .title a:hover, .black .events-agenda .more a:hover {
  color: white;
  text-decoration: underline !important; }

/*adaptacion formulario restaurantes jf 20180123*/
.restaurantsformRight {
  float: left !important;
  text-align: right !important; }

.labelCheckRight {
  width: 187px !important; }