/* -------------------------------------------------------------------
Importing web fonts
------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Lobster+Two:100,300,normal,italic,bold,bolditalic);
@import url(https://fonts.googleapis.com/css?family=Patua+One:100,300,normal,italic,bold,bolditalic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,300,normal,italic,bold,bolditalic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:100,300,normal,italic,bold,bolditalic);


/* -------------------------------------------------------------------
Dynamic CSS rules
------------------------------------------------------------------- */

::-webkit-selection,::-moz-selection,::selection {
	color: #fff;
	background-color: #86C543;
	text-shadow: none;
}

#main-nav ul.sub-menu {
	border-top-color: #86C543;
}

.list .item-image .comments,
.post-gallery .flex-direction-nav li .flex-prev:hover,
.post-gallery .flex-direction-nav li .flex-next:hover,
.page-nav.numbers-nav a:hover,
.post-nav.numbers-nav a:hover,
.slideshow-wrapper .advancer,
.widget .tagcloud a:hover {
	background-color: #86C543;
}

a:hover,
#header #logo a:hover,
#main-nav ul li.menu-item-hover > a,
#main-nav ul li.current-menu-item > a,
#main-nav ul.sub-menu li.menu-item-hover > a,
#main-nav ul.sub-menu li.current-menu-item > a,
#filter li.current a,
.list footer a:hover,
.page-nav a:hover,
.post-nav a:hover,
.work-nav li a:hover,
.secondary form .logged-in-as a:hover,
.slide-overlay.slide-layout-boxed .slide-heading a:hover {
	color: #86C543;
}

a:active,
#main-nav ul li.menu-item-hover > a:active,
#main-nav ul li.current-menu-item > a:active,
#main-nav ul.sub-menu li.menu-item-hover > a:active,
#main-nav ul.sub-menu li.current-menu-item > a:active,
#filter li.current a,
.list footer a:active,
.page-nav a:active,
.post-nav a:active {
	color: #527c26;
}

#comments li .comment.admin img {
	-webkit-box-shadow: 0 0 0 2px #86C543;
}

#comments li .comment.admin img {
	-moz-box-shadow: 0 0 0 2px #86C543;
}

#comments li .comment.admin img {
	box-shadow: 0 0 0 2px #86C543;
}

#top-container {
	color: #FFFFFF;
	background-color: #86C543;
	font-family: 'Lobster Two', script;
	font-weight: normal;
	font-style: italic;
	font-size: 16px;
	text-transform: none;
	line-height: 1.80;
}

#top-container a {
	color: #FFFFFF;
}

#top-container a:hover {
	color: #34302D;
}

#header-wrapper {
	background-color: #FFFFFF;
}

.page-header h1 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 36px;
	text-transform: none;
	line-height: 1.15;
}

.page-header h2 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.25;
}

#header #logo a {
	color: #34302D;
	font-family: 'Patua One', Georgia, Times, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	text-transform: uppercase;
	line-height: 1;
}

#main-nav .menu-item {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1;
}

#main-nav .menu-item a {
	color: #34302D;
}

#main-nav .menu-item a:hover {
	color: #86C543;
}

#main-nav .page-item {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 1;
}

#main-nav .page-item a {
	color: #34302D;
}

#main-nav .page-item a:hover {
	color: #86C543;
}

#main-nav ul.sub-menu {
	background-color: #FFFFFF;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	text-transform: none;
	line-height: 1;
}

#main-nav ul.sub-menu a {
	color: #34302D;
}

#main-nav ul.sub-menu a:hover {
	color: #86C543;
}

.slide-overlay.slide-layout-boxed a {
	color: #FFFFFF;
}

.slide-overlay.slide-layout-boxed a:hover {
	color: #86C543;
}

.slide-overlay.slide-layout-boxed .slide-heading {
	font-family: 'Patua One', Georgia, Times, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 36px;
	text-transform: none;
	line-height: 1.15;
}

.slide-overlay.slide-layout-boxed .slide-caption,
.playpause {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	text-transform: none;
	line-height: 1.5;
}

.slide-overlay.slide-layout-boxed .slide-heading {
	color: #FFFFFF;
}

.slide-overlay.slide-layout-boxed .slide-caption {
	color: #FFFFFF;
}

.slide-overlay.slide-layout-boxed {
	background-color: rgba(0,0,0,.6);
}

#subheader-wrapper {
	background-color: #EDEAE3;
}

.page-header h1 {
	color: #34302D;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 36px;
	text-transform: none;
	line-height: 1.15;
}

.page-header h2 {
	color: #98918C;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.25;
}

.home #subheader-wrapper,
.home .page-header {
	color: #34302D;
	background-color: #EDEAE3;
	font-family: 'Patua One', Georgia, Times, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	text-transform: none;
	line-height: 1.15;
}

#main-container {
	color: #34302D;
	background-color: #FFFFFF;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	text-transform: none;
	line-height: 1.5;
}

#main-container a {
	color: #34302D;
}

#main-container a:hover {
	color: #86C543;
}

#main-container .widget h3 {
	color: #34302D;
}

#main-container .widget h3,
#main-container-wrapper,
#reply-title span,
.single-works .related-container h3 span {
	background-color: #FFFFFF;
}

.list .item-image .comments {
	border-color: #FFFFFF;
}

#main-container h1,
#main-container h2,
#main-container h3,
#main-container h4,
#main-container h5,
#main-container h6 {
	color: #34302D;
}

.text h1,
.textwidget h1,
.comment_body h1 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 32px;
	text-transform: uppercase;
	line-height: 1.5;
}

.text h2,
.textwidget h2,
.comment_body h2 {
	font-family: 'Patua One', Georgia, Times, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1.5;
}

.text h3,
.textwidget h3,
.comment_body h3,
#main-container .content .widget h3 {
	font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.5;
}

.text h4,
.textwidget h4,
.comment_body h4 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	text-transform: none;
	line-height: 1.5;
}

.text h5,
.textwidget h5,
.comment_body h5 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1.5;
}

.text h6,
.textwidget h6,
.comment_body h6 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	text-transform: none;
	line-height: 1.5;
}

div.pp_default .pp_description {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	text-transform: none;
	line-height: 1.5;
}

#main-container .list footer,
.single .meta.content-one-fourth,
.secondary form .logged-in-as,
.secondary form p.comment-notes,
.secondary form span.comment-notes,
.secondary form p.form-allowed-tags,
.secondary form span.form-allowed-tags,
#main-container .tabs ul.t-nav li:not(.active) a {
	color: rgba(52,48,45, .6);
}

.single-post .related-container #relatedlist .mark {
	background-color: rgba(52,48,45, .4);
}

.widget .twitter_update_list span {
	color: rgba(52,48,45, .8);
}

#main-container .widget #recentcomments li,
#main-container .widget .side-post .post-head p,
#main-container .widget .latest-works-container .post-head p {
	color: rgba(52,48,45, .6);
}

#main-container .testimonials-box.style-2 .testimonial-msg,
#main-container .testimonials-box.style-2 .testimonial-sign .name,
#main-container .testimonials-box.style-1 .testimonial-msg,
#main-container .testimonials-box.style-1 .testimonial-sign .name {
	color: #34302D;
}

#main-container .testimonials-box.style-2 .testimonial-sign em,
#main-container .testimonials-box.style-1 .testimonial-sign em {
	color: rgba(52,48,45, .5);
}

#main-container .testimonials-box.style-2,
#main-container .testimonials-box.style-1 {
	border-color: rgba(52,48,45, .18);
}

#main-container .testimonials-box.style-2 .testimonial-sign,
#main-container .testimonials-box.style-1 {
	background-color: rgba(52,48,45, .02);
}

#main-container .testimonials-box.style-2 .testimonial-msg:before,
#main-container .testimonials-box.style-1 .testimonial-msg:before {
	color: rgba(52,48,45, .08);
}

#main-container .testimonials-box.style-1 .testimonial-sign {
	border-left-color: rgba(52,48,45, .12);
}

#main-container .testimonials-box.style-2 .testimonial-sign,
#main-container .testimonials-box.style-2 .testimonial-sign:before {
	border-top-color: rgba(52,48,45, .12);
}

#main-sidebar {
	color: #34302D;
}

#main-sidebar a {
	color: #34302D;
}

#main-sidebar a:hover {
	color: #86C543;
}

#main-sidebar .widget h3 {
	color: #34302D;
}

#main-sidebar.sidebar .widget h3 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.5;
}

#main-sidebar .widget #recentcomments li,
#main-sidebar .widget .side-post .post-head p,
#main-sidebar .widget .latest-works-container .post-head p {
	color: rgba(52,48,45, .6);
}

#main-sidebar .widget .twitter_update_list span {
	color: rgba(52,48,45, .8);
}

#main-sidebar .widget .tagcloud a {
	color: rgba(52,48,45, .4);
}

#main-sidebar .testimonials-box .testimonial-sign,
#main-sidebar .testimonials-box .testimonial-sign:before {
	border-top-color: rgba(52,48,45, .25);
}

#main-sidebar .testimonials-box .testimonial-sign em {
	color: rgba(52,48,45, .5);
}

#main-sidebar .testimonials-box .testimonial-sign:after {
	border-top-color: #FFFFFF;
}

#main-sidebar .testimonials-box p {
	color: #34302D;
}

#footer-sidebar-wrapper {
	color: #34302D;
	background-color: #E6E6E6;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	text-transform: none;
	line-height: 1.5;
}

#footer-sidebar-wrapper a {
	color: #34302D;
}

#footer-sidebar-wrapper a:hover {
	color: #86C543;
}

#footer-sidebar-wrapper .widget h3 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.5;
}

#footer-sidebar-wrapper,
#footer-sidebar-wrapper .widget h3 {
	background-color: #E6E6E6;
}

#footer-sidebar-wrapper .widget h3,
#footer-sidebar-wrapper .widget h3 a {
	color: #34302D;
}

#footer-sidebar-wrapper .widget .side-post .post-head p,
#footer-sidebar-wrapper .widget .latest-works-container .post-head p {
	color: rgba(52,48,45, .6);
}

#footer-sidebar-wrapper .widget .tagcloud a {
	color: rgba(52,48,45, .4);
}

#footer-sidebar-wrapper .testimonials-box .testimonial-sign,
#footer-sidebar-wrapper .testimonials-box .testimonial-sign:before {
	border-top-color: rgba(52,48,45, .25);
}

#footer-sidebar-wrapper .testimonials-box .testimonial-sign em {
	color: rgba(52,48,45, .5);
}

#footer-sidebar-wrapper .testimonials-box .testimonial-sign:after {
	border-top-color: #E6E6E6;
}

#footer-sidebar-wrapper .testimonials-box p {
	color: #34302D;
}

#footer-wrapper {
	color: #FFFFFF;
	background-color: #34302D;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	text-transform: none;
	line-height: 1.25;
}

#footer-wrapper a {
	color: #FFFFFF;
}

#footer-wrapper a:hover {
	color: #86C543;
}

.secondary form input#submit,
a.btn,
input[type='submit'],
button {
	text-shadow: 0 -1px 0 #6ca332;
	border: 1px solid #6ca332;
	background-color: #6ca332;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#86C543), to(#6ca332));
	background-image: -moz-linear-gradient(top, #86C543, #6ca332);
	background-image: -ms-linear-gradient(top, #86C543, #6ca332);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86C543), color-stop(100%, #6ca332));
	background-image: -webkit-linear-gradient(top, #86C543, #6ca332);
	background-image: -o-linear-gradient(top, #86C543, #6ca332);
	background-image: linear-gradient(top, #86C543, #6ca332);
}

.secondary form input#submit:hover,
a.btn:hover,
input[type='submit']:hover,
button:hover {
	background-color: #86C543;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#9fd16a), to(#86C543));
	background-image: -moz-linear-gradient(top, #9fd16a, #86C543);
	background-image: -ms-linear-gradient(top, #9fd16a, #86C543);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fd16a), color-stop(100%, #86C543));
	background-image: -webkit-linear-gradient(top, #9fd16a, #86C543);
	background-image: -o-linear-gradient(top, #9fd16a, #86C543);
	background-image: linear-gradient(top, #9fd16a, #86C543);
}

.secondary form input#submit:active,
a.btn:active,
input[type='submit']:active,
button:active {
	color: #4d7424 !important;
	text-shadow: 0 1px 0 #9fd16a;
	background-color: #86C543;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#6ca332), to(#86C543));
	background-image: -moz-linear-gradient(top, #6ca332, #86C543);
	background-image: -ms-linear-gradient(top, #6ca332, #86C543);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ca332), color-stop(100%, #86C543));
	background-image: -webkit-linear-gradient(top, #6ca332, #86C543);
	background-image: -o-linear-gradient(top, #6ca332, #86C543);
	background-image: linear-gradient(top, #6ca332, #86C543);
}

.background_container,
.background_overlay,
.slide-box-caption {
	height: 600px;
}

@media only screen and (max-width: 1013px) and (min-width: 798px) {.background_container,
.background_overlay,
.slide-box-caption {
	height: 485.263158px;
}

}@media only screen and (max-width: 797px) and (min-width: 638px) {.background_container,
.background_overlay,
.slide-box-caption {
	height: 441.0526314px;
}

}@media only screen and (max-width: 637px) and (min-width: 480px) {.background_container,
.background_overlay,
.slide-box-caption {
	height: 368.4210528px;
}

}@media only screen and (max-width: 479px) {.background_container,
.background_overlay,
.slide-box-caption {
	height: 246.3157896px;
}

}
#logo a {
		background: url(https://apartamentparellada.cat/wp-content/uploads/2017/07/new-logo-apartament-1.png) no-repeat;
		width: px;
		height: px;
	}body {
  background: #EDEAE3;
  background-image: url(https://apartamentparellada.cat/wp-content/uploads/2016/05/background.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

#top-container {
  background: #5a5250;
}

.no-bullet li{
  border-bottom: 0px;
}

h3{
  margin-top: 0.5em;
}

div .offer{
  max-width: 50%;
}

div .spa{
  max-width: 35%;
}

div .pos-left{
  float: left;
  margin: 0 0.5em 1em 0;
}

div .pos-right{
  float: right;
  margin: 0 0 1em 0.5em; 
}

#header.container {
  text-align: left;
}

.content-two-fourth {
  width: 48.75%;
  margin-right: 2.5%;


}

.box-col {
    display: inline;
      float: left;
      position: relative;
}

.last {
      margin-right: 0;
}

#subheader {
  padding: 23px 0;
background-color: #efefef !important;
}

.home #subheader-wrapper {
    background-color: #efefef !important;
    font-family: 'Patua One', Georgia, Times, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    text-transform: none;
    line-height: 1.15;
}

#subheader-wrapper {
  background-color: #efefef;
}

.page-header h1 {
  color: #444;
  background-color: #efefef !important;
  font-size: 26px;
  text-align: center;
}

.title-head{
  font-size: 1.5em;
}

.max-div-size{
  width: 100%;
}

#logo{
  margin-bottom: 1em;
}

#logo a {
  height: 85px;
  background-size: contain;
}

h4{
  margin-top: 1.5em;
}

.center-content{
  text-align: center;
}

.enlaces {
  text-align: center;
}

#main-nav {
  position: inherit;
}

#main-nav ul {
  display: flex;
  justify-content: space-between;
  float: none;
  text-align: center !important;
  align-items: center;
}

#main-nav .menu-item a {
  color: #6B8E23;
}

#main-nav .menu-item.current-menu-item a {
  color:#654e37;
}

#main-nav .menu-item a:hover {
  color:#654e37;
}

#main-container a:hover {
  color:#654e37;
}

#top-container {
  margin-top: 20px;
  font-size: 14px;
  line-height: 14px;
  padding:0;
}

.title-head {
  line-height: 43px;
}

#top-container .container .max-div-size {
  padding-top: 0px;
}

#top-container .text a {
  border:0;
  border-radius: 3px;
}

.layout-boxed #header-wrapper {
  padding-bottom: 0px;
}

#logo.left {
  float: none;
  margin:0;
  padding: 25px 20px 35px;
}

.text {
  margin:0 10px;
}

.text li {
  border-top: #ccc dotted 1px;
  padding: 4px 0;
}

.text li:last-child {
  border-bottom: #ccc dotted 1px;
}

div .pos-right,
img.pos-right {
  margin: 10px 0 30px 30px;
}

div .pos-left,
img.pos-left {
  margin: 0 30px 30px 0;
}

.escapada-widget {
  background:#FFFFFF;
  width:687px;
  margin:0 auto;
  height:335px;
}

.text p {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 21px;
  text-align: justify;
}

.container .text h3 {
  margin: 25px 0 15px;
}

.text iframe {
  margin-top: 10px;
}


.secondary form input#submit, a.btn, input[type='submit'], button {
  border: 1px solid #5a5250;
  background-color: #5a5250;
  background-image: none;
}

#main-container .ngg-galleryoverview {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}

#header-wrapper {
    background-color: #FFEFD4;
}


@media only screen and (max-width: 1013px) and (min-width: 0px) {

  #copyright {
    float: none;
  }

  #footer {
    text-align: center;
  }

  .secondary.menu {
    float: none;
    margin: 0 auto;
    display: inline-block;
  }

  .wout-slideshow #main-container-wrapper {
    padding-top: 30px !important
  }


  #header.container {
    text-align: center;
  }

}

@media only screen and (max-width: 797px) {
  .content-two-fourth.last {
    margin-right: 0 !important;
    margin-left: 3.5% !important; 
    width: 47.75%;
  }

  #top-container div .pos-right{
    float: none;
    width: 100%;
    padding:0;
    text-align: center;
    margin: 0 auto !important;
  }

  .title-head {
    display: block;
    width: 100%;
    text-align: center;
  }

  .wout-slideshow #main-container-wrapper {
    padding-top: 48px !important
  }

  .ngg-gallery-thumbnail-box {
    margin-right: 3px !important;
    
  }


@media only screen and (max-width: 580px) and (min-width: 0px) {

  #gallery-2 {
    display: flex;
    flex-wrap: wrap;
  }

  .text .gallery.gallery-columns-4 .gallery-item {
    width: 46%;
    align-self: center;
  }

  div .pos-left, div .pos-right{
    float: none;
    width: 100%;
    margin: 20px 0 !important; 
  }

  .content-two-fourth.last {
    margin-left: 0 !important;
    width: 100%;
  }

  div .pos-left img, div .pos-right img,
  div .pos-left.offer img, div .pos-right.offer img,
  img.pos-left.offer, img.pos-right.offer,
  div .spa {
    width: 100%;
    max-width: 100%;
  }

  .content-two-fourth {
    width: 100%;
    margin-right: 0 ;
  }

  .box-col {
    display: block;
    float: none;
  }

  #logo a {
    width: 100%;
    background-position: center center;
  }

  #logo.left {
    padding: 25px 20px 12px;
  }

  .title-head{
    font-size: 1.2em;
  }

  #top-container {
    margin-top:0 !important;
  }

  .wout-slideshow #main-container-wrapper {
    padding-top: 14px !important;
    padding-bottom: 30px;
  }

  .wout-slideshow #main-container-wrapper {
  }

  .text h2 {
    font-size: 14px;
  }

  .escapada-widget {
    width: 100%;
    overflow: scroll;
  }
}