/*
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, 


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


/* 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: 26px; font-weight: 400; margin-bottom: 5px;}
h2{font-size: 18px; font-weight: 400; margin-bottom: 5px;}
h3{font-size: 14px; font-weight: 400; margin-bottom: 5px;}
h4{font-size: 12px; font-weight: 400; margin-bottom: 5px;}
h5{font-size: 10px; font-weight: 400; margin-bottom: 5px;}
h6{font-size: 8px; font-weight: 400; margin-bottom: 5px;}

#content h2{
	color: #6c9b39;
	font-size: 16px !important;
	font-weight: 600 !important;
}

#content h3{
	color: #a0c74f;
	font-size: 16px !important;
	font-weight: 400 !important;
	margin-bottom: 15px !important;
}

.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: #000;
}

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

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

.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: 'PT Sans', sans-serif;
    font-weight: 300;
	font-size: 14px;
	color: #000000;
	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: 1200px;
	margin: 0 auto;
}


#content{
	font-size: 15px;
}

#content a{
	font-weight: 400;
	color: #4e7e04;
	text-decoration: underline;
}

#home-new-left a{
	font-weight: 400;
	color: #4e7e04;	
}

#home-new-left strong{
	font-weight: 600;
	color: #006699;
}
/*---------------------------------------------
//  header
//---------------------------------------------
*/

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

header{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

#logo{
	float: left;
}

#logo img{
	padding: 12px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*---------------------------------------------
//  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;
}

#content ol > li:before {
	content: counter(ol-counter);
	counter-increment: ol-counter;
	position: absolute;
	top: 0;
	left: 8px;
	color: #fff;
	background: #000;
	padding: 1px 5px;
	box-sizing: border-box;
	font-size: 16px;
}

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

#home-container{
	/**/
}

#home-container #content{
}

#home-container #content p {
}


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

#page-container #content{
	width: 70%;
	float: left;
	position: relative;
	padding: 20px 50px 20px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page-container #content strong{
	color: #006699;
}

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

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

#page-container #content p {
	margin-bottom: 15px;
}

/*---------------------------------------------
//  menu
//---------------------------------------------
*/
header nav{	
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
    border-bottom: 2px solid #6c9b39;
    height: 39px;
}
/*
header nav select{
	display: none;
}
*/

header nav a{
	text-decoration: none;
	color: #000;
	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;
}

header nav .sub-menu a:hover{
	text-decoration: none;
	color: #fff;
	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;
}

header nav  ul.menu > li{
	display: inline-block;
	float: left;
	position: relative;
	margin-bottom: 20px;
	-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;
}

header nav ul.menu > li > a{
	padding: 25px 44px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-transform: uppercase;
	/* Algunos parámetros se recogen del admin panel */
}

header nav ul.menu > li > a:hover{
    background: #a0c74f;
    color: #fff;
	-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;
}

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

header nav  ul.menu > li.current-menu-item > a,
header nav  ul.menu > li.current-menu-ancestor > a{
	font-weight: 600;
	background: #a0c74f;
	color: #fff;
}

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

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

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

html:lang(ca) header nav ul > li:hover > ul{
	min-width: 187px;
}

html:lang(eu) header nav ul > li:hover > ul{
	min-width: 212px;
}

#menu-item-7943 > a{
	padding: 11px 40px !important;
}

html:lang(en) header nav ul > li:hover > ul{
	min-width: 193px;
}

#menu-item-7931:hover ul{
	min-width: 177px !important;
}

#menu-item-7955{
	width: 190px;
}

header nav ul > li#menu-item-105:hover > ul{
	min-width: 20px !important;
}

header nav ul > li#menu-item-348:hover > ul{
	min-width: 206px !important;
}

html:lang(eo) header nav ul > li:hover > ul{
	min-width: 196px;
}

header nav ul > li#menu-item-7966:hover > ul{
	min-width: 189px !important;
}

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

header nav ul.menu > li:hover > ul > li{
	background: rgba(160,199,79,0.9);
}

header nav ul.menu > li > ul > li:hover{
	color: #fff;
}

header nav ul.menu > li > ul > li a{
	padding: 4px 10px;
	text-align: center;
	font-size: 13px;
}

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

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

header nav ul > li > ul > li > ul{
	display: block;
	position: relative !important;
	background: rgba(255,255,255, 0.3);
	top: 0 !important;
}

/*---------------------------------------------
//  Blog
//---------------------------------------------
*/
#content .post{
}

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

/*---------------------------------------------
//  footer
//---------------------------------------------
*/
#footer-container{
	width: 100%;
	background: #a0c74f;
	margin-top: 60px;
}

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

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

#copyright-container{
    width: 100%;
    background: #6c9b39;
    padding: 10px 0;
    overflow: hidden;
    padding-bottom: 17px;
}

#copyright{
	max-width: 1080px;
	margin: 0 auto;
	color: #fff;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
}

#footer-cols{
	overflow: hidden;
}

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

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

/*---------------------------------------------
//  footer menu
//---------------------------------------------
*/
footer nav ul{
	margin-bottom: 20px;
}

footer nav ul.menu li{
	display: inline-block;
	padding-bottom: 10px;
	width: 23%;
	margin: 0 0.5%;
	text-align: center;
}

footer nav ul.menu li a{
	text-transform: none;
	padding: 0 8px;
	color: #fff;
	border: 2px solid #fff;
	font-size: 16px;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	display: block;
}

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

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

#pre-footer-text{
	float: left;
	font-size: 16px;
	margin-right: 30px;
}

#copyright-text{
	float: left;
	margin-right: 40px;
	font-size: 14px;
	font-weight: 600;
}

#menu-copyright li:nth-of-type(1) a{
	font-size: 14px;
	font-weight: 600;	
}

footer nav ul.menu li a span{
    font-size: 23px;
    float: right;
    margin-top: -7px;
}

#copyright .menu-item:last-child a:after{
	display: none;
}

#copyright .menu-item a{
	color: #fff;
	float: left;
	display: inline-block;
	width: 16%;
}

#copyright .menu-item a:after{
	content: '';
	display: block;
	background: #9cd049;
	width: 1px;
	height: 16px;
	float: right;
	margin-left: 30px;
	margin-right: 30px;
}

/*---------------------------------------------
//  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: right !important;
	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;
}

.carousel-title{
	background: black;
	position: absolute;
	bottom: 40%;
	left: 10%;
	font-size: 32px;
	padding: 5px 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
}

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

.carousel-button{
	background: black;
	position: absolute;
	bottom: 18%;
	left: 10%;
	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: 10px; 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: 0;
	left: 0;
	background: #6c9b39;
	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: 'PT Sans', sans-serif;
	display: block;
	background: transparent;
	padding: 8px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	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: transparent;
	height: 50px;
	font-size: 28px;
	color: #fff;
	position: fixed;
	top: 0;
	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: #6c9b39;
	color: #000;
}

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

#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{
	text-align: center;
}

/*---------------------------------------------
//  Template - Mostrar hijos con foto
//---------------------------------------------
*/
.fill{
	display: inline-block;
	width: 30%;
	margin-bottom: 30px;
	vertical-align: top;
	border: 2px solid #6c9b39;
	background: url('img/arrow_noticia.png') no-repeat 310px 9px #fff;
}

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

.destacado-fill-foto{
	width: 30%;
	float: left;
}
.fill h2{
	text-align: left;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	padding: 25px;
	box-sizing: border-box;
}

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

#llista-fills a{
	text-decoration: none;
}

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

.wpcf7 input[type="submit"]{
    font-family: 'PT Sans', sans-serif;
    background: #6c9b39;
    color: #fff;
    padding: 10px 10px;
    box-sizing: border-box;
    border: none;
    font-weight: 600;
    width: 40%;
    font-size: 16px;
    margin-top: 27px;
    float: right;
}

.wpcf7 .your-name input{
	margin-top: 20px;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{
	margin-top: 70px !important;
}

#post-121 .p-form,
#post-2213 .header,
#post-2215 .p1,
#post-2214 .p1,
#post-6344 .p-form{
	max-width: 260px !important;
}

.page-id-121 #page-container #content,
.page-id-2213 #page-container #content,
.page-id-2215 #page-container #content,
.page-id-2214 #page-container #content,
.page-id-6344 #page-container #content{
	width: 100% !important;
}
/*================= PORTFOLIO =====================*/
#container-iso{
	width: 100%;
	box-sizing: border-box;
}

.item {
	float: left;
	width: 25%;
	height: auto;
	box-sizing: border-box;
	padding: 5px;
	overflow: hidden;
}

.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{
	text-align: center;
}

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

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

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

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

/*===============DESTACADOS HOME=====================*/
#home-left{
	width: 100%;
	float: left;
	padding: 0;
	box-sizing: border-box;
}

#home-left p{
	line-height: 22px;
}

#home-right{
	width: 30%;
	float: right;
	padding: 30px;
	box-sizing: border-box;
	background: #f6f6f6;
}

#home-right p{
	margin-top: 20px;
}

.ultimas-noticias h3{
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}

.time-post{
	color: #6c9b39;
	font-weight: 600;
	font-size: 11px;
	margin-bottom: 6px;
}

#home-details-container{
	padding: 20px;
	box-sizing: border-box;
	background: #d7d7d7;
	display: block;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}

#home-details{
    margin-top: 40px;
    max-width: 1080px;
    margin: 0 auto;
    display: block;
}

#home-details h2{
	font-size: 28px;
	font-weight: 800;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	color: #008acb;
	padding-bottom: 10px;
	text-transform: uppercase;
	text-align: center;
}

#home-details #home-left h2{
	margin-bottom: 0;
}

.readmore{
	float: right;
	background: #3b5675;
	color: #fff;
	padding: 5px 10px;
	box-sizing: border-box;
	font-weight: 600;
	margin-top: 20px;
}

.post-home{
	min-height: 146px;
	background: url('img/arrow_noticia.png') no-repeat 304px 9px #fff;
	overflow: hidden;
	padding-bottom: 10px;
	width: 32%;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	box-sizing: border-box;
	-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;
}

.post-home:nth-of-type(2){
	margin: 0 2%;
}

.post-home:hover{
	background: url('img/arrow_noticia.png') no-repeat 304px 9px #ececec;
}

#home-details #home-right h2{
	margin-bottom: 0;
}

.post-home img{
	float: left;
	margin-right: 14px;
}

.post-home p{
	margin-bottom: 0 !important;
	line-height: 22px;
}

#intro-text{
	font-size: 22px;
	margin-bottom: 50px;
}

#intro-text p{
	margin-bottom: 15px !important;
}
/*===============DESTACADOS HOME=====================*/

/*===============TRUCO DEL MAPA SCRORWHELL=====================*/
.overlay {
	background:transparent; 
	position:relative; 
	width: 100%;
	height: 450px; /* your iframe height */
	top: 450px;  /* your iframe height */
	margin-top: -450px;  /* your iframe height */
	float: left;
}
/*===============TRUCO DEL MAPA SCRORWHELL=====================*/

/*===============IMATGE DE CAPÇELERA=====================*/
#header-image {
    width: 100%;
    display: none;
}

#header-image img{
    width: 100%;
    height: auto;
}
/*===============IMATGE DE CAPÇELERA=====================*/


#header-image-inma{
	width: 100%;
	height: auto;
}

.content-width{
	max-width: 944px;
} /* jander */

#sub-home-noticias{
	max-width: 1080px;
	margin: 0 auto;
	margin-bottom: 80px;
	margin-top: 15px;
	overflow: hidden;
	text-align: right;
}

#sub-home-noticias a{
	color: #6c9b39;
	margin-right: 50px;
	font-weight: 600;
}

#sub-home-noticias img{
	vertical-align: middle;
	margin-left: 8px;
}

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

#home-new-left{
	width: 46%;
	float: left;
	margin-right: 6%;
}

#home-new-right{
	width: 48%;
	float: left;
}

#home-new-left img,
#home-new-right img{
	max-width: 100%;
}

#home-new-left h3{
	color: #6c9b39;
	font-size: 34px;
	font-weight: 600;
	float: left;
}

#home-new-right h3{
	color: #6c9b39;
	font-size: 34px;
	font-weight: 600;
}


.logo-home{
	max-width: 110px !important;
	float: right;
	margin-top: -20px;
	margin-bottom: 20px;
}

#home-new-left p{
	font-size: 16px;
	margin-bottom: 15px;
}

.destacado-left-item{
	border: 2px solid #6c9b39;
	width: 48%;
	display: inline-block;
	float: left;
	border-radius: 5px;
	padding: 15px;
	box-sizing: border-box;
	margin-top: 20px;
}

.destacado-left-item:nth-of-type(1){
	margin-right: 2%;
}

.destacado-left-item h4{
	font-size: 24px;
	font-weight: 600;
	line-height: 26px;
	color: #a0c74f;
	float: left;
	width: 65%;
}


.destacado-left-item .ico-destacado{
	float: right;
}

.destacado-left-item p{
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	display: block;
	float: left;
	margin-top: 15px;
}

.arrow-button{
	float: right;
}

#home-details-main{
	margin-bottom: 20px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    overflow: hidden;
}

#home-details-main img{
	min-width: 48%;
	margin-right: 2%;
	height: auto;
}

#home-details-main h3{
	color: #6c9b39;
	font-size: 26px;
	line-height: 28px;
	font-weight: 600;
}

#home-details-main p{
	font-size: 18px;
	line-height: 20px;
}

#home-details-main span{
	color: #6c9b39;
	margin-top: 30px;
	font-size: 18px;
	float: right;
}

#home-details-main span p{
	margin-right: 20px;
}

#home-details-main span img{
	width: 10px !important;
	height: 16px !important;
	min-width: 0 !important;
	vertical-align: middle;
	margin-right: 0 !important;
	float: right;
	margin-top: -18px;
}

.post-home-big img{
	float: left;
	margin-right: 20px;
}

.ultimas-noticias h3{
	padding-right: 20px;
	box-sizing: border-box;
}

.paddington-normal{
	padding: 5px;
	box-sizing: border-box;
}

#header-info-container{
    max-width: 100%;
    background: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    height: 60px;
	border-bottom: 1px solid #fff;
}

#header-info{
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
	top: 20px;
	left: 0;
	z-index: 99999;
}

#lang-selector{
	float: left;
}

#menu-hardcore{
	float: right;
}

#menu-hardcore a{
	color: #fff;
	font-weight: 600;
	margin-right: 40px;
}

#menu-hardcore a:hover{
	text-decoration: underline;
}

#intralink{
	margin-left: 40px; 
}

#content h1{
	color: #6c9b39;
	font-weight: 600;
	margin-bottom: 20px;
}

#parte-derecha{
	float: left;
	width: 25%;
}

#parte-derecha img{
	width: 100%;
	height: auto;
}

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

.blog #page-container #sidebar{
	display: none;
}

.blog .post{
	width: 24%;
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	box-sizing: border-box;
}

.blog .post h1{
	font-size: 16px;
	line-height: 18px !important;
	color: #000 !important;
	margin-bottom: 10px !important;
}

.blog .post p{
	font-weight: 400 !important;
	font-size: 14px !important;
	color: #000 !important;
}

.single .entry-title{
	font-size: 26px;
	line-height: 28px;
}

.single h3{
	color: #1f6597;
	margin-bottom: 20px;
}

footer nav ul.menu li a:hover{
	background: #6c9b39 !important;
}

#copyright .menu-item a:hover{
	color: #9cd049;
}

.page-template-template-entidades .fill{
	border: none !important;
	background: none !important;
}

.page-template-template-entidades .destacado-fill-foto{
	width: 100%;
	display: block;
	text-align: center;
}

.page-template-template-entidades .destacado-fill-foto img{
	width: auto;
	margin-bottom: 20px;
	max-height: 80px;
}

.page-template-template-entidades .fill{
	width: 24%;
	margin: 0 !important;
	padding-top: 40px;
}

.page-template-template-entidades #llista-fills .fill:nth-child(3n+2){
	width: 24%;
	margin: 0 !important;
	margin-bottom: 20px;
}

.page-template-template-entidades #llista-fills .fill h2{
	font-size: 14px;
	text-align: center;
	padding-bottom: 0 !important;
}

.page-template-template-entidades #llista-fills .fill a{
	font-size: 14px;
	text-align: center;
	display: block;
	width: 100%;
	text-align: center;
}

#menu-hardcore input{
	border: 2px solid #1a6499;
	font-size: 12px !important;
}

.search input{
	font-size: 12px !important;
	padding: 5px !important;
}

#lang_sel a.lang_sel_sel{
	border: 2px solid #1a6499;	
}

.home #breadcrumbs{
	display: none;
}

#breadcrumbs{
	padding-left: 50px;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 30px;
	display: block;
	width: 100%;
	float: left;
	font-size: 12px;
}

.breadcrumb_last{
	color: #b3d272;
}

.blog #content a{
	text-decoration: none !important;
}

.widget_recent_entries{
	background: #d7f898;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 60px;
}

.widget_recent_entries h2{
	color: #6c9b39;
	font-size: 22px;
	font-weight: 600;
}

.widget_recent_entries ul li{
	padding-left: 20px !important;
	box-sizing: border-box;
	position: relative;
}

.widget_recent_entries ul li:before{
	content: '';
	position: absolute;
	top: 7px;
	left: 5px;
	display: block;
	width: 8px;
	height: 8px;
	background: #6c9b39;
}

.widget_recent_entries ul li a{
	font-weight: 600;
	font-size: 13px;
}

.wpcf7{
	float: right;
	width: 70%;
	background: #d7f898;
	padding: 25px !important;
	box-sizing: border-box;
	margin-top: -120px !important;
}

.wpcf7 p{
	margin-bottom: 5px !important;
}

.wpcf7-form-control-wrap{
	margin-bottom: 13px;
}

.wpcf7-recaptcha{
	float: left;
}

#lista-de-hermanos{
	float: left;
	width: 100%;
}

#lista-de-hermanos li{
	float: left;
	display: inline-block;
	width: 25%;
	text-align: left;
	background: transparent;
}

#lista-de-hermanos li a{
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 18px;
	padding: 10px;
	box-sizing: border-box;
	background: #d7f898;
	padding: 10px;
	margin: 0 1%;
	font-weight: 400;
}

#lista-de-hermanos li.current_page_item a{
	background: #b3d272;
	font-weight: 600;
}

#listado-contenido{
	background: #b3d272;
	float: left;
	width: 100%;
	margin-top: 4px;
	padding: 20px;
	box-sizing: border-box;
}

#listado-contenido ul li{
	padding-left: 40px !important;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 14px;
}

#listado-contenido ul li:before{
	content: '' !important;
	position: absolute;
	top: -2px !important;
	left: 8px !important;
	background: url('img/paper.png') red !important;
	background-size: cover;
	display: block;
	width: 21px !important;
	height: 25px !important;
}

#listado-contenido ul li a{
	text-decoration: none;
	color: #000;
	font-weight: 600;
}

.page-template-template-investigadores #listado-contenido img{
	float: left;
	margin-right: 20px;
}

.page-template-template-investigadores #listado-contenido strong{
	color: #000 !important;
}

.page-template-template-investigadores #listado-contenido p{
	font-weight: 400 !important;
}

.page-template-template-investigadores #listado-contenido a{
	color: #fff;
	text-decoration: none;
}

.page-template-template-investigadores #listado-contenido p{
	margin-bottom: 0 !important;
}

.page-template-template-investigadores #listado-contenido ul li:before{
	display: none !important;
}

.page-template-template-investigadores #listado-contenido ul li{
	margin-bottom: 20px;
	padding-left: 0 !important;
	display: block;
	width: 100%;
	float: left;
}

.paddington2{
	padding: 20px;
	box-sizing: border-box;
	float: right;
	width: 50%;
}

.page-template-template-instituciones .fill{
	width: 100% !important;
	border: none !important;
	border-bottom: 2px solid #6c9b39 !important;
	background: transparent !important;
}

.page-template-template-instituciones #llista-fills .fill:nth-child(3n+2){
	margin: 0 !important;
	margin-bottom: 20px !important;
}

.page-template-template-instituciones .destacado-fill-foto{
	width: 20%;
	margin-right: 5%;
}

.page-template-template-instituciones .destacado-fill-content{
	width: 75%;
	float: left;
}

.page-template-template-instituciones .fill h2{
	padding: 0 !important;
	padding-bottom: 5px;
}

.retallador-de-fotos{
	background: transparent;
	height: 133px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

.retallador-de-fotos img{
	width: 100%;
	height: 100% !important;
}

#sidebar .wp-post-image{
	width: 100%;
	height: auto;
}

.truqui{
	margin-right: 100px;
	overflow: hidden;
}

#entidades-colaboradoras{
	background: #d7f898;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 0px;
}

#entidades-colaboradoras li{
	padding: 10px;
	box-sizing: border-box;
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

.entidades-title{
	color: #6c9b39;
	font-weight: 600;
	font-size: 18px;
}

#datos-publicos{
	background: #d7f898;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 40px;
}

.page-template-template-resultados #listado-contenido h3{
	color: #000;
	font-weight: 600 !important;
	margin-bottom: 5px !important;
}

.page-template-template-resultados #listado-contenido p{
	font-weight: 400 !important;
}

.page-template-template-resultados #listado-contenido ul li{
	border-bottom: 1px solid #d9e9b9;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

span.custom-taxonomy{
	color: #1a6499;
	margin-bottom: 5px;
	display: block;
	float:left;
}

span.custom-taxonomy:after{
	content: '-';
	margin: 0 5px;
}

span.custom-taxonomy:last-child:after{
	display: none;
}

.custom-taxo{
	display: block;
	width: 100%;
	overflow: hidden;
}

.page-template-template-resultados-general #listado-contenido{
	background: transparent;
}

.page-template-template-resultados-general #listado-contenido h3{
	color: #000;
	font-weight: 600 !important;
	margin-bottom: 5px !important;
}

.page-template-template-resultados-general #listado-contenido p{
	font-weight: 400;
}

.page-template-template-resultados-general #listado-contenido li{
	border-bottom: 1px solid #acc78f;
}
.parent-pageid-308 #entidades-colaboradoras{
	display: none;
}

.piji-link:hover{
	text-decoration: underline;
}

.list-element:before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	float: left;
	background: #6c9b39;
	margin-top: 4px;
	margin-right: 15px;
}

.list-element{
	font-weight: 600;
	font-size: 14px;
}

.sinlink > a:hover{
	cursor: default !important;
	color: #000 !important;
}

.page-id-2211 #content,
.page-id-2209 #content,
.page-id-2210 #content,
.page-id-6368 #content,
.page-id-2199 #content,
.page-id-2200 #content,
.page-id-2201 #content{
	width: 100% !important;
}

.search-filter-results{
	background: #b3d272;
	padding: 20px;
	box-sizing: border-box;
}

.search-filter-results hr{
	background: #fff;
	border: none !important;
}

.search-filter-results em{
	font-size: 14px;
}

.resultado-filtro a{
	text-decoration: none !important;
	color: #000 !important;
}

.resultado-filtro h2{
    color: #000 !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

.search-filter-results .resultado-filtro{
	position: relative;
	padding-left: 40px;
	box-sizing: border-box;
}

.search-filter-results .resultado-filtro:before {
    content: '' !important;
    position: absolute;
    top: -2px !important;
    left: 8px !important;
    background: url(img/paper.png) #fff !important;
    background-size: cover;
    display: block;
    width: 21px !important;
    height: 25px !important;
}

#buscador-avanzado{
    background: #889f55;
    float: left;
    width: 100%;
    padding: 5px 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-top: 4px solid #fff;
    margin-top: 0px;
}

#buscador-avanzado h2{
	font-size: 20px !important;
	color: #fff;
	margin-top: 15px;
}

#page-container #content #buscador-avanzado ul li:before{
	display: none !important;
}

#buscador-avanzado input{
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
}

#buscador-avanzado .searchandfilter label,
#buscador-avanzado .searchandfilter select{
	width: 100%;
}

#page-container #content #buscador-avanzado ul li{
	padding: 0 !important;
	margin-bottom: 10px;
}

.resultado-filtro span.custom-taxonomy:after{
	display: none !important;
}

.resultado-filtro span{
	font-weight: 600;
	font-size: 14px;
}

.page-template-template-resultados-general .search-filter-results hr{
	background: #acc78f;
}

.page-template-template-resultados-general .search-filter-results{
	background: #fff !important;
}

#entidades-colaboradoras form{
	width: 100%;
}

#entidades-colaboradoras label,
#entidades-colaboradoras input,
.page-template-template-resultados-general #entidades-colaboradoras li{
	width: 100%;
}

/*
.single #page-container #content{
	width: 100% !important;
}
*/

.traduccion{
	font-size: 16px;
}

.page-template-template-resultados #lista-de-hermanos{
	background: #fff !important;
}

.resultado-filtro a{
	text-decoration: underline !important;
}

.ctf-header{
	display: none !important;
}

.wpcf7-acceptance{
	margin-right: 5px;
    margin-top: 4px;
    float: left;
}

.texto-legal-formulario{
	font-size: 11px;
	margin-bottom: 10px;
}
/*===============RESPONSIVE=====================*/

/*== TABLET == iPad Landscape */
@media only screen and (max-width : 1024px)  {
	
	#page-container #content {
		padding: 0 20px 20px 20px;	
	}
	
	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;
	}
}

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

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

	#wpadminbar{
		position: fixed !important;
	}

	header {
		text-align: center;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		background: #6c9b39;
		height: 50px;
	}
	
	#header-info-container{
		border-bottom: none;
	}

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

	#page-container #content {
		width: 100%;
		padding-top: 20px; 
	}
	
	#sidebar aside {
		width: 100%;
	}
	
	.sidebar-element{
		width: 100%;
		float: right;
	}
	
	.home #page-container #content{
		width: 100%;
	}
	
	#carousel-container{
		margin-top: 50px;
	}
	
	.home #page-container #content{
		padding-top: 0;
	}
	
	.item{
		width: 33.3%;
	}
	
	#header-image-inma{
		display: none;
	}
	
	#header-info-container{
		background: #6c9b39;
	}
	
	#mobile-menu-button{
		background: #6c9b39;	
	}
	
	#header-info{
		padding: 0 60px;
	}
	
	#home-details-main{
		margin-top: 70px;
	}

	.paddington2{
		padding-top: 0;
		padding-bottom: 5px;
	}
	
	#home-details-main h3{
		font-size: 22px;
		line-height: 22px;
	}

	#home-details-main span {
	    margin-top: 5px;
	}
	
	.post-home{
		width: 100%;
	}
	
	.post-home:nth-of-type(2){
		margin: 2% 0;
	}
	
	#home-new-left{
		width: 100%;
		margin-right: 0;
		padding: 0 40px;
		box-sizing: border-box;
	}
	
	#home-new-right{
		width: 100%;
		margin-right: 0;
		padding: 0 40px;
		box-sizing: border-box;
		margin-top: 40px;
	}
	
	footer nav ul.menu li a{
		min-height: 66px;
		float: left;
	}
	
	#copyright-text{
		display: none;
	}
	
	#copyright .menu-item a:after{
		margin-left: 2px;
		margin-right: 2px;
	}
	
	#header-info-container{
		height: 50px;
	}
	
	#lang-selector{
		margin-top: -8px;
	}
	
	#menu-hardcore {
	    margin-top: -6px;
	}

}

/*== SMARTPHONE ==*/
@media only screen and (max-width: 600px) {
	
	#lista-de-hermanos li{
		width: 100%;
	}
	
	.blog .post{
		width: 100%;
	}
	
	#sidebar aside{
		display: none;
	}
	
	.page-template-template-entidades .fill,
	.page-template-template-entidades #llista-fills .fill:nth-child(3n+2){
		width: 100%;
		margin: 0 !important;
		margin-bottom: 20px;
		padding-top: 10px;
	}
	
	.page-template-template-instituciones .destacado-fill-foto,
	.page-template-template-instituciones .destacado-fill-content{
		width: 100%;
	}
	
	#lang-selector {
	    position: fixed !important;
	    top: 18px !important;
	    left: 60px !important;
	}
	
	#home-details-main img{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.paddington2{
		width: 100%;
	}
	
	#home-details-main span{
		margin-top: 20px;
	}
	
	.truqui{
		margin-right: 20px;
	}
	
	#sub-home-noticias a{
		width: 100%;
	    display: block;
	    margin-bottom: 15px;
	    padding-right: 10px;
	    box-sizing: border-box;
	}
	
	.destacado-left-item{
		width: 100%;
	}
	
	footer nav ul.menu li a{
		min-height: 0;
	}
	
	footer nav ul.menu li{
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	
	.destacado-left-item:nth-of-type(1){
		margin-right: 0;
	}
	
	#copyright .menu-item a{
		width: auto !important;
		margin-bottom: 10px;
		margin-right: 5px;
		margin-left: 5px;
	}
	
	#copyright .menu-item a:after{
	    margin-left: 12px;
		margin-right: 2px;
	}

	body #page-container #content,
	#parte-derecha{
		width: 100% !important;
		
	}
	
	#menu-hardcore{
		display: none;
	}

	#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: 50%;
	}
}

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