/*
Theme Name: HG Framework
Theme URI: http://www.hectorgarrofe.com
Description: Plantilla Wordpress para XXXXXXXXXXXXX
Author: Héctor Garrofé
Author URI: http://www.hectorgarrofe.com
Version: 2.0
*/

/*---------------------------------------------
//  hg reset
//---------------------------------------------
*/

a {text-decoration: none; color: #000;}
a:hover {text-decoration: none;}


/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height	: 140%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
.responsive img,
.responsive  object,
.responsive  embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*---------------------------------------------
//  Wordpress basics
//---------------------------------------------
*/

.alignleft{float: left;margin-right: 20px;margin-bottom: 10px;}
.alignright{float: right;margin-left: 20px;margin-bottom: 10px;}
.aligncenter{display: block; margin: 20px auto;}

em {font-style: italic;}

h1{font-size: 33px; font-weight: 200; margin-bottom: 5px;}
h2{font-size: 22px; font-weight: 300; margin-bottom: 5px;}
h3{font-size: 14px; font-weight: 200; margin-bottom: 5px;}
h4{font-size: 12px; font-weight: 200; margin-bottom: 5px;}
h5{font-size: 10px; font-weight: 200; margin-bottom: 5px;}
h6{font-size: 8px; font-weight: 200; margin-bottom: 5px;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*
HAMBURGUER ICON
*/
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 58px;
  height: 58px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 24px;
  left: 18px;
  right: 18px;
  height: 2px;
  background: #000000;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000000;
  content: "";
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span:after {
  background-color: #000000;
}

.c-hamburger span::before {
  top: -6px;
}

.c-hamburger span::after {
  bottom: -6px;
}

.c-hamburger--htx {
  background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
/*
END HAMBURGUER ICON
*/


/*---------------------------------------------
//  NOTIFICACIONES QUE SE MUESTRAN PARA
	CONFIGURAR EL TEMA O INFORMAR SOBRE
	ERRORES
//---------------------------------------------
*/

.message{
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 0;
}

.warning{
	background: #f0e055;
	border: 1px solid #7b6f0f;
	color: #7b6f0f;
}

#no-header-menu-advice{
	float: right;
}

/*---------------------------------------------
//  body
//---------------------------------------------
*/

html {
	-webkit-text-size-adjust: none;
}

body{
	background: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
}

#wrapper{
	width: 100%;
	height: 100%;
}

#wrapper.active{
	-webkit-filter: brightness(50%);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5 ease-in-out;
	transition: all 0.5s ease-in-out;
	background: #ffffff;
}

#wrapper.slide{
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4 ease-in-out;
	transition: all 0.4s ease-in-out;
}

#wrapper.active.slide{
	-webkit-transform: translate3d(250px,0,0);
	-moz-transform: translate3d(250px,0,0);
	-ms-transform: translate3d(250px,0,0);
	-o-transform: translate3d(250px,0,0);
	transform: translate3d(250px,0,0);
	-webkit-filter: brightness(50%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4 ease-in-out;
	transition: all 0.4s ease-in-out;
	background: #ffffff;
}

#container{
	max-width: 1080px;
	margin: 0 auto;
}

/*---------------------------------------------
//  header
//---------------------------------------------
*/

#header-container{
	max-width: 100%;
	float: left;
	width: 100%;
	background: #fff;
    margin-bottom: 25px;
}

#wrapper header{
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
}

#logo{
    float: none;
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
}

#logo img{
	padding: 12px 0;
	padding-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 225px;
}

#subtitol{
	margin-bottom: 20px;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

#subtitol img{
	width: 15px;
	height: auto;
    margin-top: -2px;
    vertical-align: middle;
}
/*---------------------------------------------
//  content
//---------------------------------------------
*/

#content h1,h2,h3,h4,h5,h6{
	/**/
}

#content ol li{
	padding-left: 35px;
}

#content ol {
    list-style-type: none;
    counter-reset: ol-counter;
    margin: 30px 0;
}

#content ol > li{
	position: relative;
	margin-bottom: 15px;
	font-weight: 400;
}

#content ol > li:before {
	content: counter(ol-counter);
	counter-increment: ol-counter;
	position: absolute;
	top: 0;
	left: 8px;
	color: #fff;
	color: #007061;
	padding: 0px 5px;
	box-sizing: border-box;
	font-size: 19px;
	font-weight: 400;
}

#content p {
	margin-bottom: 20px;
}

#home-container{
	/**/
}

#home-container #content{}

#home-container #content p {
}


#page-container{
	overflow: hidden;
	width: 100%;
}

#page-container #content{
	width: 100% !important;
	float: right;
	position: relative;
	padding: 33px 0px 10px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page-container #content img{
	max-width: 100%;
	height: auto;
}

.home #page-container #content{
	margin-bottom: 40px;
	float: left;
	width: 100% !important;
}

#page-container #content p {
	margin-bottom: 20px;
	font-weight: 400;
	line-height: 20px;
}

/*---------------------------------------------
//  menu
//---------------------------------------------
*/

#menu.fixed{
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 999999;
	transform: translate(-50%,0);
	max-width: 1080px;
}

.logged-in #menu.fixed{
	position: fixed;
	top: 32px;
	left: 50%;
	z-index: 999999;
	transform: translate(-50%,0);
	max-width: 1080px;
}

#wrapper header nav{
	float: left;
	width: 100%;
}

/*
header nav select{
	display: none;
}
*/

#wrapper header nav a{
	text-decoration: none;
	color: #494949;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

#wrapper header nav  ul.menu > li{
	display: inline-block;
	float: left;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
	min-width: 126px;
	text-align: center;
	background: #f8f8f8;
}

html[lang="es-ES"] #wrapper header nav  ul.menu > li{
	min-width: 95px;
}

html[lang="en-US"] #wrapper header nav  ul.menu > li{
	min-width: 347px;
}

#wrapper header nav ul.menu > li > a{
	padding: 10px 29px;
	display: block;
	text-transform: uppercase;
	font-weight: 400;
}

html[lang="es-ES"] #wrapper header nav ul.menu > li > a{
	padding: 10px 22px;
	display: block;
	text-transform: uppercase;
	font-weight: 400;
}

#wrapper header nav ul.menu > li > a:hover{
	background: #e8e8e8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

#wrapper header nav  ul.menu > li.current-menu-item > a{
}

#wrapper header nav  ul.menu > li.current-menu-item > a,
#wrapper header nav  ul.menu > li.current-menu-ancestor > a{
	background: #007061;
	color: #fff;
}

/*---------------------------------------------
//  submenu 1er nivel
//---------------------------------------------
*/

#wrapper header nav ul > li > ul{
	display: none;
}

#wrapper header nav ul > li:hover > ul{
	position: absolute;
	top: 111px;
	left: 0;
	z-index: 999999;
	display: block;
	min-width: 115px;
}

#wrapper header nav ul.menu > li > ul > li{
	position: relative;
	min-width: 100px;
}

#wrapper header nav ul.menu > li:hover > ul > li{
	background: #ececec;
}

#wrapper header nav ul.menu > li > ul > li:hover{
	background: #d9d9d9;
}

#wrapper header nav ul.menu > li > ul > li a{
	padding: 10px 10px;
}

#wrapper header nav ul > li > ul > li.current-menu-item a{
	background: yellow;
}

/*---------------------------------------------
//  submenu 2do nivel
//---------------------------------------------
*/

#wrapper header nav ul > li > ul > li > ul{
	display: none;
	z-index: 1;
}

#wrapper header nav ul > li > ul > li:hover > ul{
	display: block;
	position: absolute;
	background: #c8c8c8;
	left: 161px;
	top: 0;
    min-width: 115px;
}

/*---------------------------------------------
//  Blog
//---------------------------------------------
*/
#content .post{
	margin-bottom: 40px;
}

.read-more{
	color: #fff;
	background: #000;
	padding: 5px 10px;
	box-sizing: border-box;
}

/*---------------------------------------------
//  footer
//---------------------------------------------
*/
#footer-container{
	width: 100%;
	background: #3a3a3a;
}

footer{
	max-width: 1080px;
	margin: 0 auto;
	color: #777777;
	padding: 30px 0 10px 0;
	font-size: 12px;
}

footer a{
	color: #777777;
	text-decoration: none;
}

#copyright-container{
	width: 100%;
	background: #f2f2f2;
	padding: 10px 0;
	clear: both;
}

#copyright{
	max-width: 1080px;
	margin: 0 auto;
	color: #666666;
	padding: 10px 0;
	font-size: 12px;
	text-align: right;
	font-weight: 400;
}

#copyright a{
	font-weight: 400;
	margin-left: 15px;
}

#footer-cols{
	overflow: hidden;
}

.footer-col{
	width: 25%;
	float: left;
	margin-bottom: 20px;
}

.footer-col h3{
	font-size: 18px;
}

/*---------------------------------------------
//  footer menu
//---------------------------------------------
*/
footer nav ul{
	border-bottom: 1px solid #484848;
	margin-bottom: 20px;
}

footer nav ul.menu li{
	display: inline-block;
	padding-bottom: 10px;
}

footer nav ul.menu li a{
	text-transform: uppercase;
	padding: 0 8px;
}

footer nav ul.menu li:first-child a{
	padding-left: 0;
}

footer nav ul.menu li a:before{
	content: '|';
	color: #484848;
	float: left;
}

footer nav ul.menu li:first-child a:before{
	content: none;
}

footer nav ul.menu li:last-child a:after{
	content: '|';
	color: #484848;
	float: right;
}

.current-menu-item a{
	/**/
}

#footer-info{
	padding-top: 10px;
}

/*---------------------------------------------
//  submenu 1er nivel
//---------------------------------------------
*/

#menu-footer > li > ul{
	display: none;
	z-index: 1;
}

#menu-footer > li:hover > ul{
	display: block;
	position: absolute;
	background: #c8c8c8;
}

/*---------------------------------------------
//  submenu 2do nivel
//---------------------------------------------
*/

#menu-footer > li > ul > li{
	position: relative;
}

#menu-footer > li > ul > li > ul{
	display: none;
	z-index: 1;
}

#menu-footer > li > ul > li:hover > ul{
	display: block;
	position: absolute;
	background: #c8c8c8;
	left: 90px;
	top: 0;
    min-width: 90px;
}



/*---------------------------------------------
//  galerias [slide]
//---------------------------------------------
*/
.nav-thumbnails{
	margin-top: 5px;
    margin-bottom: 10px;
}

.nav-thumbnails li {
	margin-left: 5px;
	margin-right: 5px;
}

.nav-thumbnails li:first-child {
	margin-left: 0px;
	margin-right: 5px;
}


.mini-thumb {
	float: left;
}

/*---------------------------------------------
//  sidebar
//---------------------------------------------
*/

.home #sidebar{
	display: none;
}

#sidebar-languages-content{
	overflow: hidden;
}

#sidebar aside{
	float: left;
	width: 30%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sidebar-languages-content h2{
	display: none;
}

#sidebar .sidebar-element{
	margin-bottom: 20px;
}

#sidebar .sidebar-element a{
	text-decoration: none;
	color: #000;
}

#sidebar .sidebar-element ul li{
	padding: 2px 0;
	box-sizing: border-box;
}

/*---------------------------------------------
//  notificaciones
//---------------------------------------------
*/
#notificacion{
	background: yellow;
	width: 250px;
	min-height: 200px;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 8;
	display: none;
}

#cerrar{
	float: right;
}

#cerrar:hover{
	cursor: pointer;
}

/*---------------------------------------------
//  Carousel
//---------------------------------------------
*/

#carousel-container{
    position: relative;
    clear: both;
    margin-bottom: 35px;
    margin-top: -6px;
    float: left;
    width: 100%;
}

.carousel-title{
	position: absolute;
	bottom: 40%;
	left: 0;
	font-size: 32px;
	padding: 5px 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.6);
}

.carousel-text{
	position: absolute;
	bottom: 29%;
	left: 0;
	font-size: 18px;
	padding: 5px 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.6);
}

.carousel-button{
	background: black;
	position: absolute;
	bottom: 18%;
	left: 0;
	font-size: 14px;
	padding: 5px 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	color: #ffffff;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; background: transparent; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*---------------------------------------------
//  mobile menu
//---------------------------------------------
*/

div#mobile-menu{
	position: fixed;
	z-index: 999;
	top: 37px;
	left: 0;
	background: rgba(255,255,255,0.98);
	width: 180px;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	/*overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
	padding-bottom: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#mobile-menu.active{
	-webkit-transform: translate3d(0%,0,0);
	-moz-transform: translate3d(0%,0,0);
	-ms-transform: translate3d(0%,0,0);
	-o-transform: translate3d(0%,0,0);
	transform: translate3d(0%,0,0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;
}

div#mobile-menu a{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	display: block;
	background: transparent;
	padding: 15px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

div#mobile-menu a:first-child{
	border-top: none;
}

div#mobile-menu a:hover{
	background: transparent;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5 ease-in-out;
	transition: all 0.5s ease-in-out;
}

div#mobile-menu a.first_sub_menu_level{
	font-size: 12px;
	padding-left: 30px;
}

#mobile-menu-button{
	background: #fff;
	height: 50px;
	font-size: 28px;
	color: #000;
	position: fixed;
	top: 58px;
	left: 0;
	padding: 10px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;
	border-right: none;
	z-index: 999999;
	display: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mobile-menu-button.active{
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: translateX(180px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #fff;
	color: #ffffff;
}

.admin-bar div#mobile-menu{
	top: 46px;
}

.admin-bar #mobile-menu-button{
	top: 104px;
}

#mobile-site-title{
	float: left;
	width: 100%;
	text-align: center;
	display: none;
	line-height: 50px;
}

/*---------------------------------------------
//  Teamplate - Portfolio
//---------------------------------------------
*/
.portfolio-item{
	display: inline-block;
	width: 30%;
	margin-bottom: 30px;
}

/*---------------------------------------------
//  Teamplate - Team
//---------------------------------------------
*/

.team-member{
	margin-bottom: 30px;
}

.team-member h2{
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 6px;
}

.team-member:hover h2{
	color: #007061;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2 ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.carrec{
	font-size: 16px;
	font-weight: 200;
}

.pais{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 3px;
	margin-bottom: 10px;
	display: block;
}

/*---------------------------------------------
//  Template - Mostrar hijos con foto
//---------------------------------------------
*/

#llista-fills{
	clear: both;
}

.fill{
	display: inline-block;
	width: 31.5%;
	margin-bottom: 30px;
	vertical-align: top;
	color: #666666 !important;
	float: left;
    min-height: 400px;
}

.fill:hover{
	text-decoration: none !important;
}

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

#llista-fills .fill:nth-child(3n+2){
	display: inline-block;
	margin: 0 2.7%;
}

/*---------------------------------------------
//  Contact Form 7
//---------------------------------------------
*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea{
	padding: 5px 10px;
	box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color: #000;
    border: 1px solid #9a9a9a;
}

.wpcf7 input[type="submit"]{
	font-family: 'Source Sans Pro', sans-serif;
	border: 1px solid #9a9a9a;
	background: #ccc;
	text-transform: uppercase;
	padding: 5px 10px;
	box-sizing: border-box;
}

/*================= PORTFOLIO =====================*/
#container-iso{
	width: 100%;
	box-sizing: border-box;
}

.item {
	display: inline-block;
	vertical-align: top;
	float: left;
	width: 25%;
	height: auto;
	box-sizing: border-box;
	padding: 5px;
	overflow: hidden;
	font-weight: 400;
	min-height: 440px;
}

.item img{
	width: 100%;
	vertical-align: middle;
}

.item:hover .item-info-container{
	opacity: 1;
	top: 0%;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2 ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.item-info-container{
	opacity: 0;
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	padding: 20px;
	box-sizing: border-box;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2 ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.item-info{
	width: 100%;
	height: 100%;
	background: white;
	padding: 25px;
	box-sizing: border-box;
}

#filters{
	width: 100%;
	display: block;
	height: 30px;
	text-align: right;
}

#filters div{
	display: inline-block;
}

#filters div:hover{
	cursor: pointer;
}

#portfolio-header-container{
	position: relative;
}

#portfolio-header-container img{
	vertical-align: top;
}

#portfolio-header-opacity{
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
}

#portfolio-header-text{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.titol-llistat-fills{
	font-size: 25px;
	font-weight: 200;
	color: #007061;
}

/*---------------------------------------------
//  Listas
//---------------------------------------------
*/

#page-container #content ul{
	margin-bottom: 20px;
}

#page-container #content ul li ul{
	margin-top: 15px;
}

#page-container #content ul li:before{
	content: '';
	background: url('img/web_BCNvsOdi_icones_EnllacRelacionat.png');
	width: 15px;
	height: 15px;
	text-align: center;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	line-height: 14px;
	font-weight: 400;
	background-size: cover;
}

#page-container #content ul li{
	position: relative;
	padding-left: 20px;
	font-weight: 300;
}

#footer-logo{
	float: left;
    margin-top: -12px;
    max-width: 125px;
}

#destacados-home{
	background: transparent;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 40px;
}

#destacados-home-content{
	background: transparent;
	max-width: 1180px;
	margin: 0 auto;
	padding: 30px 140px;
	overflow: hidden;
    background: transparent;
}

.destacado-home-item{
	width: 20%;
	display: inline-block;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	padding: 0 20px;
	box-sizing: border-box;
}

.image-centerer img{
	margin-bottom: 20px;
}

.destacado-home-item h3{
	font-size: 22px;
	color: #007061;
	margin-bottom: -4px;
	font-weight: 400;
}

.image-centerer{
	width: 100%;
	float: left;
}

.mini-intro{
	width: 50%;
	float: left;
}

#programa-dreta{
	float: right;
	width: 50%;
	padding-left: 40px;
	box-sizing: border-box;
}

#breadcrumbs-container{
    overflow: hidden;
    clear: both;
    width: 100%;
    margin: 0 auto;
}

#breadcrumbs{
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 0;
	float: none;
	width: 100%;
	box-sizing: border-box;
	color: #ececec;
	font-size: 12px;
	font-weight: 400;
}

#breadcrumbs.fixed{
	margin-top: 40px;
}

#breadcrumbs a{
	color: #007061;
	font-weight: 400;
}

.breadcrumb_last{
	color: #000;
}

.home #breadcrumbs{
	display: none;
}

.carousel-text-container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.carousel-text-container-text{
	position: relative;
	max-width: 1040px;
	height: 100%;
	margin: 0 auto;
}

.addthis_toolbox{
    width: 240px;
    margin: 0 auto;
    margin-top: 20px;
}

.block-title{
	display: block;
	width: 100%;
	text-align: center;
	clear: both;
	float: left;
}

.ico-social-bcn{
	width: 20px !important;
	height: 20px !important;
}

#comparteix{
	float: left;
	width: 100%;
	margin-bottom: 40px;
	padding: 20px 0;
	box-sizing: border-box;
}

#menu-item-60,
#menu-item-971,
#menu-item-965{
    background: url('img/house_ico_inactive.png') no-repeat 6px center #f8f8f8 !important;
    line-height: 200px;
    overflow: hidden;
    height: 39px;
    width: 39px;
    min-width: 39px !important;

}

#wrapper header nav ul.menu > li#menu-item-60.current-menu-item > a,
#wrapper header nav ul.menu > li#menu-item-971.current-menu-item > a,
#wrapper header nav ul.menu > li#menu-item-965.current-menu-item > a{
	background: transparent !important;
}

#wrapper header nav ul.menu > li#menu-item-60:hover,
#wrapper header nav ul.menu > li#menu-item-971:hover,
#wrapper header nav ul.menu > li#menu-item-965:hover{
	background: url('img/house_ico.png') no-repeat 6px center #007061 !important;
}

#wrapper header nav ul.menu > li#menu-item-60 > a:hover,
#wrapper header nav ul.menu > li#menu-item-971 > a:hover,
#wrapper header nav ul.menu > li#menu-item-965 > a:hover{
	background: transparent !important;
}

#menu-item-60.current-menu-item,
#menu-item-971.current-menu-item,
#menu-item-965.current-menu-item{
   background: url('img/house_ico.png') no-repeat 6px center #007061 !important;
   line-height: 200px;
   overflow: hidden;
   height: 39px;
   width: 39px;
}

#page-container #content #fotos-alojamiento ul li:before {
    content: '';
    display: none;
    width: 5px;
    height: 5px;
    background: #000;
    position: absolute;
    top: 8px;
    left: 10px;
}

#page-container #content #fotos-alojamiento ul li{
	padding-left: 0;
}

#page-container #content #fotos-alojamiento ul{
	margin-bottom: 10px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.ui-widget-content{
	border: none !important;
}

.ui-accordion .ui-accordion-header{
	background: #007061;
	font-weight: 200 !important;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 22px !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
	border: none;
}

.ui-accordion .ui-accordion-header:hover,
.ui-accordion .ui-accordion-header-active{
	background: #7CFE72 !important;
	color: #000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

.ui-accordion .ui-accordion-content{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 14px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
	border-top-right-radius: 0 !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}

.item-descarga{
	border: 1px solid #e5e5e5;
	padding: 12px 15px;
	box-sizing: border-box;
}

.item-descarga a{
	color: #007061;
	font-weight: 400;
	position: relative;
}

.item-descarga a:before{
	content: '';
	background: red;
	width: 14px;
	height: 20px;
	display: none;
	float: left;
}

.item-descarga span{
	margin-left: 4px;
}

.file-ico{
    float: left;
    margin-right: 5px;
    margin-top: -1px;
}

.lateral-title{
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.lateral-link{
	color: #007061;
	display: block;
	font-weight: 400;
	margin-bottom: 4px;
	padding-left: 10px;
	box-sizing: border-box;
}

.ico-social-bcn{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5 ease-in-out;
	transition: all 0.5s ease-in-out;
}

.ico-social-bcn:hover{
	filter:contrast(0%);
	-webkit-filter:contrast(0%);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5 ease-in-out;
	transition: all 0.5s ease-in-out;
}

#content a{
	color: #007061;
}

#content a:hover{
	text-decoration: underline;
}

.page-id-330 #content .mini-intro a{
    border: 1px solid #e5e5e5;
    padding: 12px 15px;
    box-sizing: border-box;
    display: block;
    margin-bottom: -21px;
}

.page-id-330 #content .mini-intro a:before{
	content: '';
	background: url('img/file.png') no-repeat center center;
	width: 14px;
	height: 20px;
	display: block;
	float: left;
	margin-right: 8px;
}

.addthis_toolbox a{
	border: none !important;
}

.page-id-330 #content .mini-intro .addthis_toolbox a:before{
	display: none !important;
}

.accordioncat .ui-icon,
.accordioncat .ui-state-hover .ui-icon,
.accordioncat .ui-state-focus .ui-icon{
	float: right !important;
	background-image: url('img/plus.png');
	background-position: 0 0;
	width: 20px;
	height: 20px;
    margin-top: 4px;
    margin-right: 10px;
}

.accordioncat .ui-state-active .ui-icon,
.accordioncat .ui-button:active .ui-icon{
	float: right !important;
	background-image: url('img/minus.png');
	background-position: 0 0;
	width: 20px;
	height: 20px;
    margin-top: 4px;
    margin-right: 10px;
}

#intro-text{
	width: 100%;
	float: left;
    max-height: 420px;
	overflow: hidden;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5 ease-in-out;
	transition: all 1.5s ease-in-out;
}

#intro-text.intro-full{
	max-height: 700px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1 ease-in-out;
	transition: all 1s ease-in-out;
}

#intro-foto{
	float: right;
	width: 50%;
}

#intro-foto img{}

#mostra-mes{
	background: #6e7676;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 25px;
	box-sizing: border-box;
	border-radius: 25px;
	text-align: center;
	width: 200px;
	margin: 0 auto;
	margin-top: 30px;
	z-index: 99;
	position: relative;
}

#mostra-mes:hover{
	cursor: pointer;
}

#mostra-mes-container{
	overflow: hidden;
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 999;
}

#home-left{
	width: 50%;
	float: left;
}

#mostra-mes-line{
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    z-index: 9;
}

#dies-container{
	margin-top: 50px;
}

.page-template-template-descarregues .item{
	min-height: 580px;
}

.page-id-558.page-template-template-descarregues .item,
.page-id-1809.page-template-template-descarregues .item,
.page-id-2456.page-template-template-descarregues .item{
	min-height: 440px;
}

.page-template-template-descarregues .item img.attachment-descarrega{
	border: 1px solid #e8e8e8;
}

#intro-text h2{
	font-size: 20px;
	font-weight: 400;
}

.mailto{
    margin-bottom: -3px;
}

.mes-info{
	width: 15px !important;
	height: auto !important;
}

.home #comparteix{
	display: none;
}

.menu-item-976{
	width: 217px;
}

#mail .hover{
	display: none;
}

#mail:hover .no-hover{
	display: none;
}

#mail:hover .hover{
	display: block;
}

#contacta .hover{
	display: none;
}

#contacta:hover .no-hover{
	display: none;
}

#contacta:hover .hover{
	display: block;
}

#descarrega .hover{
	display: none;
}

#descarrega:hover .no-hover{
	display: none;
}

#descarrega:hover .hover{
	display: block;
}

#programa .hover{
	display: none;
}

#programa:hover .no-hover{
	display: none;
}

#programa:hover .hover{
	display: block;
}

#creativitats .hover{
	display: none;
}

#creativitats:hover .no-hover{
	display: none;
}

#creativitats:hover .hover{
	display: block;
}

#menu-item-249 a:after,
#menu-item-975 a:after,
#menu-item-969 a:after{
	content: '';
	background: url('img/nova_finestra.png') no-repeat center center;
	background-size: 100%;
	width: 14px;
	height: 17px;
	display: block;
	float: right;
	position: absolute;
    top: 9px;
    right: 37px;
}

#programa-dreta #slider{
	overflow: hidden;
}

#programa-dreta .flex-direction-nav a{
	top: -140px !important;
}

#programa-dreta .flexslider:hover .flex-prev{
	left: 15px;
}

#programa-dreta .flexslider:hover .flex-next{
	right: 15px;
}

#programa-dreta #fotos-alojamiento #carousel ul li{
	margin-right: 10px !important;
}

.page-id-67 .mini-intro,
.page-id-990 .mini-intro,
.page-id-993 .mini-intro{
	width: 100%;
	font-size: 16px;
}

#widgetXXSS-container{
	max-width: 1080px;
	margin: 0 auto;
	background: transparent;
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
}

.descarga-nova{
	width: 15px !important;
	height: 15px !important;
	padding-top: 2px;
}

.descarrega a{
	display: block;
	margin-top: 5px;
}

.descarrega a img{
	margin-right: 3px;
}

#creative-commons{
	border-top: 1px solid #007061;
	border-bottom: 1px solid #007061;
	width: 100%;
	clear: both;
	padding: 20px 0;
	box-sizing: border-box;
}

#compartir-video{
	margin-bottom: 60px;
}

#fotocall{
	max-width: 1080px;
	margin: 0 auto;
}

#fotocall-left{
	width: 50%;
	float: left;
}

#fotocall-right{
	width: 50%;
	float: right;
	margin: 0 auto;
	margin-bottom: 60px;
}

#fotocall-right img{
	width: 100%;
	height: auto;
}

#fotocall-right #carousel{
	display: none;
}

#mostra-mes{
	display: none;
}

#intro-foto iframe{
	width: 100%;
	margin-left: 10px;
}

#intro-foto img{
	width: 100%;
	padding-left: 10px;
	box-sizing: border-box;
	height: auto;
}

.center-title{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

.falsa{
	display: block;
	margin: 0 auto;
}

.home-post{
	width: 25%;
	display: inline-block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}

.button-container{
	float: left;
	width: 100%;
	display: block;
	clear: both;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.button{
	background: #5d5d5d;
	color: #fff !important;
	font-weight: 600;
	margin: 0 auto;
	padding: 10px 30px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 25px;
	text-transform: uppercase;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

.button:hover{
	background: #007061;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.button:hover{
	text-decoration: none !important;
}

#home-discurs{
    background: #7cfd72;
    float: left;
    width: 100%;
	padding-bottom: 40px;
	box-sizing: border-box;
	margin-bottom: 40px;
}

#home-discurs-container{
	max-width: 1025px;
	margin: 0 auto;
}

.home-discurs-link{
	display: inline-block;
	float: left;
	width: 33%;
}

#home-bcnvsodi{
    background: transparent;
    float: left;
    width: 100%;
	padding-bottom: 40px;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.home-discurs-vs{
	display: inline-block;
	float: left;
	width: 50%;
	position: relative;
}

.home-discurs-link img,
.home-discurs-vs img{
	max-width: 100%;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
}

.content-box{
	border: 1px solid #ccc;
	padding: 15px 20px;
	box-sizing: border-box;
}

.content-box-title{
	margin-top: 20px;
}

.content-box li{
	margin-bottom: 5px;
}

#content .content-box a{
	color: #666666;
	font-weight: 600;
}

#page-container #content .content-box li:before {
    content: '>';
    display: block;
    width: 5px;
    height: 5px;
    background: transparent;
    color: #007061;
    position: absolute;
    top: 1px;
    left: 10px;
}

.type-post{
	width: 50%;
	display: inline-block;
	float: left;
	padding: 15px;
	box-sizing: border-box;
}

.post-img-destacada{
	max-width: 230px;
	float: left;
	margin-right: 10px;
}

.page-id-1741 .mini-intro,
.page-id-2233 .mini-intro{
	width: 100%;
}

.entrevista-item{
	width: 33%;
	margin 0;
	float: left;
	display: inline-block;
	margin-bottom: 20px;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 20px;
}

.entrevista-item img{
	max-width: 100%;
	height: auto;
}

.entrevista-item.zona-verda{
	min-height: 340px;
}

#entrevistes-container{
	max-width: 1080px;
	margin: 0 auto;
}

.entrevista-item iframe{
	width: 100%;
	height: 180px;
	vertical-align: bottom;
}

#entrevistes-verdes-container{
	background: #7CFE72;
	float: left;
	width: 100%;
	color: #000;
	padding: 40px 0;
	box-sizing: border-box;
}

#entrevistes-verdes-content{
	max-width: 1080px;
	margin: 0 auto;
	color: #000;
}

.zona-verda .bloc-gris{
	background: #f1f1f1;
	padding: 20px;
	box-sizing: border-box;
	min-height: 175px;
}

.plus-ico{
	font-size: 28px;
	color: #007061;
	font-weight: 600;
}

.plus-button{
	font-size: 28px;
	color: #007061;
	font-weight: 600;
	background: #f1f1f1;
	border-radius: 50%;
	width: 33px;
	height: 33px;
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: -20px;
	position: relative;
	z-index: 9;
	line-height: 32px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

#home-discurs-container a:hover .plus-button{
	color: #f1f1f1;
	background: #007061;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

.carrec_entrevistat{
	margin-bottom: 10px;
}

.zona-verda .ico-social-bcn{
	margin-right: 5px;
	margin-top: 0px;
	float: left;
}

.descarga-link{
	font-size: 13px;
}

.single .type-post{
	width: 100%;
	padding: 0;
}

.no-border{
	border: none !important;
}

.button-background{
	background: #007061;
    color: #fff !important;
    font-weight: 600;
    margin: 0 auto;
    padding: 5px 20px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    text-transform: uppercase;
    float: left;
	position: absolute;
	top: 97%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.button-background .plus-button{
	float: left;
	margin-top: -6px;
	display: none;
}

.home-discurs-vs:hover .button-background{
	background: #fff;
	color: #007061 !important;
}

.home-contented{
	max-width: 1080px;
	margin: 0 auto;
}

.zona-verda img{
	vertical-align: bottom;
}

.page-template-template-mostrar-jornades .entrevista-item{
	width: 50%;
}

.entrevista-item ul,
.taller ul{
	margin-top: 20px;
}

.entrevista-item li,
.taller li{
	margin-left: 5px;
	margin-bottom: 3px;
	position: relative;
	padding-left: 23px;
}

.entrevista-item li:before,
.taller li:before{
	content: '';
	background: url('img/web_BCNvsOdi_icones_EnllacRelacionat.png');
	width: 15px;
	height: 15px;
	text-align: center;
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	line-height: 14px;
	font-weight: 400;
	background-size: cover;
}

.page-template-template-mostrar-jornades-detall .zona-verda .bloc-gris{
	min-height: 525px !important;
}

#tallers{
	max-width: 1080px;
	margin: 0 auto;
	padding-top: 40px;
	box-sizing: border-box;
	clear: both;
}

.taller{
	width: 50%;
	float: left;
	display: inline-block;
	padding: 20px;
	box-sizing: border-box;
	min-height: 840px;
}

.taller img{
	max-width: 100%;
	height: auto;
}

.page-id-1743 #llista-fills a,
.page-id-2487 #llista-fills a{
	width: 50%;
	margin: 0;
	padding: 0 40px;
	box-sizing: border-box;
}

.page-id-1743 #llista-fills .fill:nth-child(3n+2),
.page-id-2487 #llista-fills .fill:nth-child(3n+2){
	margin: 0;
}

.bloc-gris h3{
	font-size: 16px;
}

.taller h3{
	font-size: 16px;
}

/* BCN NEWS */

#pagination-wp-bcn h3{
	font-size: 20px;
}

#pagination-wp-bcn .type-post{
	width: 50%;
	min-height: 200px;
	float: left;
	margin-bottom: 0 !important;
}

#pagination-wp-bcn .type-post img{
	float: left;
	width: 40%;
	margin-right: 20px;
	margin-bottom: 50px;
}

.type-bcn_news h1{
	font-size: 33px;
	margin-top: 24px;
}

#detall-noticies .date{
	display: none;
}

#detall-noticies .author{
	font-size: 14px;
	color: #666;
	margin-bottom: 28px;
}

#detall-noticies strong{
	/*display: none;*/
}

#detall-noticies .entradeta{
	font-size: 22px;
	font-style: italic;
	font-weight: 300;
	color: #0e6f61;
	margin-bottom: 28px;
}

#detall-noticies p{
	margin-bottom: 20px;
	font-weight: 400;
}

#detall-noticies a{
	color: #0e6f61;
	text-decoration: underline;
}

.col-0,
.col-1{
	width: 50%;
	float: left;
}

.col-1{
	padding-left: 40px;
	box-sizing: border-box;
}

.new_more_info h3{
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 30px;
}

.new_more_info ul{
    border: 1px solid #ccc;
    padding: 15px 20px;
    box-sizing: border-box;
}

.new_more_info ul a{
    color: #666666 !important;
    font-weight: 600;
    margin-bottom: 5px;
    text-decoration: none !important;
    display: block;
}

.new_more_info ul li{
	position: relative;
	padding-left: 30px;
}

.new_more_info ul a:before{
	content: '>';
    display: block;
    width: 5px;
    height: 5px;
    background: transparent;
    color: #007061;
    position: absolute;
    top: 1px;
    left: 10px;
}

.galleria-container{
	background: transparent;
}

#list-news .bcn-news{
	width: 25%;
	float: left;
	display: inline-block;
}

#list-news .bcn-news .item{
	width: 100%;
}

.home .navegacio-news{
    float: left;
    width: 100%;
    display: block;
    clear: both;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.home .navegacio-news a{
    background: #5d5d5d;
    color: #fff !important;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 30px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2 ease-in-out;
    transition: all 0.2s ease-in-out;
}

.home .col-0, .home .col-1{
	width: 25%;
}

.home .col-1{
	padding-left: 0;
}

.home .media-content h3{
	font-size: 20px;
	margin-top: 10px;
	font-weight: 400;
	line-height: 20px;
}

.home p.date-new{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.page-template-wp-bcn-news #detall-noticies .content p{
	font-size: 16px !important;
}

.page-template-wp-bcn-news #detall-noticies .content ul{
	margin-bottom: 30px !important;
	font-size: 16px;
	list-style: initial;
	line-height: normal;
	font-weight: normal;
	padding-left: 15px;
}

.page-template-wp-bcn-news #detall-noticies .content ol{
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
	padding-left: 15px;
}

#detall-noticies .pull-right ul li{

}

/*===============RESPONSIVE=====================*/

@media only screen and (max-width : 1080px)  {

	#pagination-wp-bcn .type-post{
		min-height: 240px;
	}

	#wrapper header nav  ul.menu > li{
		min-width: 160px;
	}

	#wrapper header nav ul.menu > li > a{
		padding: 10px 30px;
	}

	#wrapper header nav{
		background: #f8f8f8 !important;
	}

	#page-container #content{
		padding: 33px 20px 10px 20px;
		box-sizing: border-box;
	}

	#breadcrumbs{
		padding: 0 10px;
		box-sizing: border-box;
	}

	#menu-item-249 a:after,
	#menu-item-975 a:after,
	#menu-item-969 a:after{
		content: '';
		background: url('img/nova_finestra.png') no-repeat center center;
		background-size: 100%;
		width: 14px;
		height: 17px;
		display: block;
		float: right;
		position: absolute;
	    top: 9px;
	    right: 7px;
	}

}

/*== TABLET == iPad Landscape */
@media only screen and (max-width : 1024px)  {

	footer, #copyright{
		padding: 10px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.flex-prev,
	.flex-next{
		display: none !important;
	}

	h1 {
	    font-size: 24px;
	}

	.team-member h2,
	.titol-llistat-fills,
	.lateral-title{
		font-size: 20px;
	}

}

/* PC pequeños */
@media only screen and (max-width : 960px)  {
	#logo{
		margin-left: 20px;
	}
}

@media only screen and (max-width : 850px)  {
	#wrapper header nav  ul.menu > li{
		min-width: 130px;
	}

	#wrapper header nav ul.menu > li > a{
		padding: 10px 20px;
	}
}

/*== TABLET == iPad PORTRAIT */
@media only screen and (max-width: 768px) {

	.home-post{
		width: 50%;
	}

	#intro-foto iframe,
	#intro-foto img{
		width: 100%;
		margin-left: 0;
	}

	#mostra-mes{
		display: block;
	}

	header.navbar{
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999 !important;
	}

	#logo{
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	#logo img{
	    width: 205px !important;
	    height: auto !important;
	    margin-top: 1px;
	}

	#header-container{
		margin-bottom: 0;
		position: fixed;
		top: 58px;
		left: 0;
		z-index: 9999;
	}

	div#mobile-menu{
		top: 58px;
	}

	#wrapper header{
		background: transparent;
	}

	#wpadminbar{
		position: fixed !important;
	}

	header {
		text-align: center;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		background: #f2f2f2;
		height: 50px;
	}

	#logo{
		float: none;
	}

	#logo img {
		height: 100%;
		width: auto;
		padding: 4px 0;
	}

	#page-container #content {
		width: 100%;
		padding-top: 120px;
	}

	#sidebar aside {
		width: 100%;
	}

	.sidebar-element{
		width: 50%;
		float: left;
	}

	.home #page-container #content{
		width: 100%;
	}

	#carousel-container{
		margin-top: 84px;
	}

	.home #page-container #content{
		padding-top: 0;
	}

	.item{
		width: 33.3%;
	}

	#home-left,
	#intro-foto{
		width: 100%;
	}

	#intro-foto{
		text-align: center;
	}

	#destacados-home-content{
		padding: 60px 80px;
	}

	.destacado-home-item{
		width: 50%;
		margin-bottom: 40px;
	}

	.mini-intro{
		width: 100%;
	}

	#programa-dreta{
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
		padding-right: 20px;
		box-sizing: border-box;
		overflow: hidden;
	}

	#subtitol{
		display: none;
	}

	.page-id-1743 #llista-fills a, .page-id-2487 #llista-fills a{
		width: 100%;
		padding: 0 10px;
	}

	#entrevistes-verdes-container{
		padding: 10px;
		padding-top: 20px;
		box-sizing: border-box;
	}

	.page-template-template-mostrar-jornades .entrevista-item{
		width: 100%;
	}

	.entrevista-item{
		width: 100%;
	}

	.entrevista-item.zona-verda,
	.page-template-template-mostrar-jornades-detall .zona-verda .bloc-gris{
		min-height: 0 !important;
	}

	.post-img-destacada{
		max-width: 100%;
	}

	.page-id-1745 h3{
		font-size: 24px;
	}

	.page-id-1745 p{
		font-size: 16px !important;
	}

	.page-id-1745 .alignleft{
		margin-bottom: 30px;
	}

	.fill{
		min-height: 0;
	}

	#pagination-wp-bcn .type-post{
		width: 100%;
		min-height: 290px;
		float: left;
		padding-top: 0 !important;
	}

	#pagination-wp-bcn .type-post img{
		width: 100%;
	}

	.event-date{
		background: #fff;
		display: block;
		margin-bottom: 5px;
	}

	#pagination-wp-bcn h3{
		margin-bottom: 30px;
		float: left;
		width: 100%;
		text-align: center;
	}

	.col-0,
	.col-1{
		width: 100%;
		float: left;
		padding: 0;
	}

	.home .item{
		width: 100%;
	}

	/* START CABAU */

	h2{
		font-weight: normal;
	}

	body{
		padding-top: 85px;
	}

	#wp_bcn_news-2{
		width: 100%;
		float: none;
	}

	#wp_bcn_news-2 .media-content h3{
		line-height: normal;
	}

	#wp_bcn_news-2 .media-content .date-new,
	#wp_bcn_news-2 .media-content .text-new{
		font-size: 16px !important;
		line-height: normal !important;
	}

	#detall-noticies .pull-left,
	#detall-noticies .pull-right{
		width: 100%;
		float: none;
	}

	#detall-noticies .entry-header{
		height: auto;
	}

	#detall-noticies .entry-content{
		padding-left: 15px;
		padding-right: 15px;
	}

	#detall-noticies .entry-content .photo-galleria .block_thumb{
		display: block;
	}

	#detall-noticies .entradeta strong{
		font-size: 18px !important;
		font-weight: bold !important;
	}

	#list-news .post.bcn-news{
		width: 100%;
		float: none;
		display: block;
	}

	#list-news .post.bcn-news .item{
		border: none;
	}

	#list-news .post.bcn-news .item .media-destacat{
		width: 100%;
		height: auto;
		float: none;
	}

	#list-news .post.bcn-news .item .media-content{
		width: 100% !important;
	    height: auto;
	    padding: 0;
	}

	#list-news .post.bcn-news .item .media-content .event-date{
		margin-top: 0 !important;
		padding-top: 5px;
	}

	body.home #llista-fills h2.titol-llistat-fills{
		font-weight: normal;
	}

	body.home #llista-fills p{
		font-size: 16px;
	}

	#noticies .item .media-content h3{
		font-weight: normal !important;
	}

	#noticies .item .media-content .event-date,
	#noticies .item .media-content p{
		font-size: 16px !important;
	}

	#noticies #bcn_news_list_page #divDate .container-inline-date{
		width: 100% !important;
		display: block !important;
	}

	#noticies #bcn_news_list_page #divDate .container-inline-date .form-item #edit-start,
	#noticies #bcn_news_list_page #divDate .container-inline-date .form-item #edit-end{
		margin: 0 !important;
	}

	#noticies #bcn_news_list_page #edit-submit{
		left: 0 !important;
	    transform: translateX(0) !important;
	    margin: 0 auto !important;
	}

	#noticies #bcn_news_list_page #clear-filters{
		text-align: center !important;
		display: table !important;
		margin: 20px auto 0 !important;
	}

	.titol-llistat-fills{
		font-weight: normal !important;
	}

	#page-container #content p{
		font-size: 16px !important;
		line-height: auto !important;
	}

	/* FI CABAU */

}

/*== SMARTPHONE ==*/
@media only screen and (max-width: 600px) {

	#pagination-wp-bcn p{
		display: none;
	}

	.taller{
		width: 100%;
	}

	.home-discurs-link{
		padding: 40px;
		box-sizing: border-box;
		width: 100%;
	}

	.home-post{
		width: 100%;
	}

	#fotocall-left,
	#fotocall-right{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	.home .flex-control-nav{
		bottom: -50px;
	}

	#intro-text{
		font-size: 20px;
		line-height: 20px;
	}

	#intro-text h2{
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	h1 {
	    font-size: 32px;
	}

	#page-container #content p {
	    font-size: 22px;
		line-height: 26px;
    }

	.ui-accordion .ui-accordion-header{
		font-size: 26px !important;
	}

	#page-container #content {
		padding-top: 70px;
	}

	#header-container,
	#mobile-menu-button,
	div#mobile-menu{
		top: 37px;
	}

	#programa-dreta{
		padding-right: 0;
	}

	#brand.v2015 nav.lang{
		top: 84px !important;
	}

	#breadcrumbs{
		float: left;
		margin-top: 10px;
	}

	#container {
		margin-top: 0;
		margin-bottom: 0;
	}

	.sidebar-element{
		width: 100%;
		float: left;
		margin: 0 auto;
	}

	header {
		text-align: center;
	}

	/*
	header nav ul{
		display: none;
	}
	*/

	header nav {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	header nav select {
		display: inline-block;
	}

	.carousel-title{
		bottom: 65%;
		font-size: 20px;
	}

	.carousel-text{
		bottom: 34%;
		font-size: 16px;
	}

	.carousel-button{
		font-size: 14px;
		bottom: 8%;
	}

	.item{
		width: 100%;
		margin-bottom: 5px;
		min-height: 0;
	}

	.pais{
		margin-bottom: -15px;
	}

	#destacados-home-content{
		padding: 60px 20px;
	}

	.destacado-home-item{
		width: 50%;
		margin-bottom: 40px;
	}

	.fill{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	#llista-fills .fill:nth-child(3n+2){
		margin: 0;
		margin-bottom: 30px;
	}

	#llista-fills .fill:nth-child(2n+2){
		margin-left: 0%;
		margin-bottom: 30px;
	}

	.admin-bar #mobile-menu-button {
	    top: 46px;
	}

	.admin-bar #header-container{
		top: 46px;
	}

	#mostra-mes{
		margin-bottom: 30px;
	}

	#intro-text.intro-full{
		max-height: 1400px;
	}

	#mostra-mes{
		font-size: 22px;
	}

	.home-discurs-vs{
		width: 100%;
		margin-bottom: 40px;
	}

	.type-post{
		width: 100%;
	}

	#pagination-wp-bcn .type-post{
		width: 100%;
		min-height: 280px;
	}
}

@media only screen and (max-width: 380px) {
	.item{
		width: 100%;
	}

	.fill{
		width: 100%;
	}

	#llista-fills .fill:nth-child(3n+2){
		margin: 0;
		margin-bottom: 30px;
	}

	#llista-fills .fill:nth-child(2n+2){
		margin-left: 0;
		margin-bottom: 30px;
	}

	.destacado-home-item{
		width: 100%;
		margin-bottom: 40px;
	}
}

/* apaños Maria*/

.page-id-2489 #llista-fills .entrevista-item:nth-of-type(2) .bloc-gris ul > li:nth-of-type(2),
.page-id-1808 #llista-fills .entrevista-item:nth-of-type(2) .bloc-gris ul > li:nth-of-type(2){
	display: none;
}

.page-id-2930 #comparteix{
	display: none;
}

/* wp-bcn-news */

.page-template-wp-bcn-news .page-header{
	display: none !important;
}

.page-template-wp-bcn-news .page-numbers{
	display: none !important;
}

#noticies .item .media-destacat img {
    display: block;
    width: 100% !important;
    height: auto !important;
}

#list-news .bcn-news{
	width: 50%;
}

#noticies .item .media-destacat {
    position: initial;
    float: left;
    margin-bottom: 0;
    width: 42%;
    height: auto;
}

#noticies .item .media-content {
    position: relative;
    float: left;
    padding: 2.2% 4% 0;
    width: 50% !important;
    height: auto;
    border: none !important;
    overflow: visible !important;
}

#noticies .item .media-content h3{
	font-size: 20px !important;
	color: #007061 !important;
	letter-spacing: 0 !important;
	line-height: 26px !important;
}

#noticies .item .media-content h3 a{
	color: #007061 !important;
}

#noticies .item .media-content p {
    display: block !important;
}

.page-template-wp-bcn-news .event-date{
	font-size: 14px !important;
	margin-top: -10px !important;
	margin-bottom: 5px !important;
	color: #666 !important;
}

#list-news .bcn-news .item{
	min-height: 270px !important;
}

.page-template-wp-bcn-news #comparteix{
	display: none !important;
}

#bcn_news_list_page #edit-submit{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 14px !important;
}

#bcn_news_list_page #divDate .container-inline-date input{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 14px !important;
}

#bcn_news_list_page #clear-filters {
    position: relative;
    padding-left: 28px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 29px;
}

#detall-noticies .new-title{
	font-size: 30px !important;
	color: #666 !important;
}

.pull-right{
	width: 45%;
	float: right;
}

.pull-left{
	width: 50%;
	float: left;
}

.pull-left p{
	font-size: 14px !important;
}

#detall-noticies .entradeta{
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: normal !important;
}

#detall-noticies .pull-right ul li:last-child,
#detall-noticies .pull-right ul li{
	border: none !important;
}

#detall-noticies .pull-right ul li:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.page-template-wp-bcn-news .new_more_info ul a:before {
    content: '>';
    display: block;
    width: 5px;
    height: 5px;
    background: transparent;
    color: #007061;
    position: absolute;
    top: 6px;
    left: 13px;
}

#detall-noticies .pull-right ul li {
    position: relative;
    padding: 5px 25px !important;
}

/* START CABAU */

#dies-container .accordioncat .ui-accordion-header{
	padding-left: 40px;
}

/* END CABAU */