/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================== */
/*   Use this file to add custom CSS easily ================================= */
/* ========================================================================== */

body {font-family: Arial, Helvetica, sans-serif; }
em {color: inherit; }

.uk-icon-external-link:before {content: ""; }
.uk-icon-external-link {font-family: arial !important; }
.uk-icon-external-link:after {content: " \f08e"; font-family: FontAwesome; }

.uk-icon-download:before {content: ""; }
.uk-icon-download {font-family: arial !important; }
.uk-icon-download:after {content: " \f019"; font-family: FontAwesome; }

/* =========================================================================== */
/* HEADER BAR ================================================================ */
/* =========================================================================== */

.tm-headerbar {margin: 15px 0 ; }
.tm-navbar {margin: 15px 0 25px ; }
.tm-footer {margin: 25px 0 ; }
.tm-headerbar img { padding-left: 15px;  }
.tm-headerbar p {margin: 0; }
.tm-headerbar .uk-margin-top a {color: #333; }
.tm-headerbar .uk-margin-top a.text {font-size: 12px; color: #8ab2b1; }
.tm-headerbar .uk-margin-top a.text:hover { color: #62A52F; }
.tm-headerbar .uk-panel {max-width: 400px; margin-top: 8px; }


/* =========================================================================== */
/* NAV BAR =================================================================== */
/* =========================================================================== */


.uk-navbar-nav > li.uk-active > a  {color: #0099A8;}



/* =========================================================================== */
/* SUB MENU ================================================================== */
/* =========================================================================== */

ul.uk-nav li li a {padding-left: 20px;}



/* =========================================================================== */
/* Frontpage Image Sider ===================================================== */
/* =========================================================================== */

.wk-slideshow .caption {background: none !important;
    top: 0;
    right: 0;
	bottom: 0;
	left:  0;
    padding: 0;
    position: absolute;
    z-index: 5;
}

.wk-slideshow .caption div { 
	top: 0;
    right: 0;
	bottom: 0;
    position: absolute;
	padding: 2% 4%;
}

.wk-slideshow .caption div { overflow: hidden;  }
.wk-slideshow .caption div.slide00 {background: none repeat scroll 0 0 rgba(0, 42, 72, 0.7) ; width: 47.6%; }
.wk-slideshow .caption li, .wk-slideshow .caption p, .wk-slideshow .caption a, .wk-slideshow .caption a:hover, .wk-slideshow .caption h2 { color: #fff; line-height: 130%; margin: 0; }
.wk-slideshow .caption a { text-decoration: underline; }
.wk-slideshow .caption .slide01 li:hover, .wk-slideshow .caption .slide01 a:hover { color: #023d3b; }
.wk-slideshow .caption .slide02 li:hover, .wk-slideshow .caption .slide02 a:hover { color: #42210b; }
.wk-slideshow .caption .slide03 a:hover { color: #2d4415; }
.wk-slideshow .caption .slide04 a:hover { color: #286f77; }

.wk-slideshow .caption h2 { color: #fff; font-size:18px; line-height: 130%;   }
.wk-slideshow .caption ul {margin: 0; padding-left: 5%; }
.wk-slideshow .caption img.slide00-logo {width: 80%; max-width: 407px;  }
.wk-slideshow .caption table img {width: 100% ; max-width: 117px; height: auto;  }



.year:after, .cabecera:after, .casestudies:after, .leyenda:after {
    content:'';
    display:block;
    clear: both;
}



@media all and (min-width: 1220px) {
	.wk-slideshow .caption .slide00 p { font-size: 23px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 22px; }
	.wk-slideshow .caption h2 { font-size: 40px; margin: 30px 0 20px;}
	.wk-slideshow .caption ul { margin-top: 12px;	} 
	.leyenda {margin-left: 90px; } /* AÑADIDO POR ESTUDIO HR */
	}


@media all and (max-width: 1219px) {
	.wk-slideshow .caption .slide00 p { font-size: 16px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 20px; }
	.wk-slideshow .caption h2 { font-size: 36px; margin: 20px 0 15px;}
	.wk-slideshow .caption ul { margin-top: 19px; } }


@media all and (max-width: 960px) {
	.wk-slideshow .caption .slide00 p { font-size: 14px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 19px; }
	.wk-slideshow .caption h2 { font-size: 22px; margin: 15px 0 10px;}   
	.wk-slideshow .caption ul { margin-top: 7px; }  }

@media all and (max-width: 880px) {
	.wk-slideshow .caption .slide00 p { font-size: 13px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 18px; }
	.wk-slideshow .caption h2 { font-size: 18px; margin: 15px 0 10px;}   
	.wk-slideshow .caption ul { margin-top: px; }  }

@media all and (max-width: 800px) {
	.wk-slideshow .caption .slide00 p { font-size: 12px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 15px; }
	.wk-slideshow .caption h2 { font-size: 17px; margin: 10px 0 8px;}    }

@media all and (max-width: 700px) {
	.wk-slideshow .caption .slide00 p { font-size: 11px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 13px; }
	.wk-slideshow .caption h2 { font-size: 14px; margin: 8px 0 6px;}    }

@media all and (max-width: 600px) {
	.wk-slideshow .caption .slide00 p { font-size: 8px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 11px; }
	.wk-slideshow .caption h2 { font-size: 14px; margin: 8px 0 6px;}    }
	

@media all and (max-width: 500px) {
	.wk-slideshow .caption .slide00 p { font-size: 6px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 9px; }
	.wk-slideshow .caption h2 { font-size: 11px; margin: 6px 0 5px;}    }	


@media all and (max-width: 420px) {
	.wk-slideshow .caption .slide00 p { font-size: 5.5px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 6.5px; }
	.wk-slideshow .caption h2 { font-size: 7px; margin: 4px 0 4px;}    }


@media all and (max-width: 350px) {
	.wk-slideshow .caption .slide00 p { font-size: 5px; }
	.wk-slideshow .caption p, .wk-slideshow .caption li  { font-size: 4.5px; }
	.wk-slideshow .caption h2 { font-size: 5px; margin: 2px 0 1px;}    }



/* Icons */
.wk-slideshow .caption div.slide01 {background: none repeat scroll 0 0 rgba(0, 153, 168, 0.6) ;	width: 36%; }
.wk-slideshow .caption div.slide02 {background: none repeat scroll 0 0 rgba(142, 90, 39, 0.8) ;	width: 36%; }
.wk-slideshow .caption div.slide03 {background: none repeat scroll 0 0 rgba(128, 178, 75, 0.7) ; width: 36%; }
.wk-slideshow .caption div.slide04 {background: none repeat scroll 0 0 rgba(135, 208, 212, 0.8) ; width: 36%; }




/* =========================================================================== */
/* NoNumber =================================================================== */
/* =========================================================================== */

/* Tabs */
.nn_tabs > ul.nav-tabs > li > a   {color: #0099A8;}
.nn_tabs > ul.nav-tabs > li > a:hover { color: #62A52F; }
.nn_tabs > ul.nav-tabs > li > a:focus, .nn_tabs > ul.nav-tabs > li.active > a:focus {box-shadow: none;}
/*de Reyes 1st level*/
.nn_tabs > .nav > li > a:hover { color: #fff; background: #CFF3B3; box-shadow: 0 2px 4px rgba(126, 186, 79, 0.3) inset; }
/*de Reyes 2nd level*/
	.nn_tabs .tab-content .nn_tabs > .nav > li > a:hover  { /* #aad7e3;*/ color: #7f382b; }
	.nn_tabs .tab-content .nn_tabs > ul.nav-tabs > li > a:hover { background: #d7b49d; box-shadow: 0 2px 4px rgba(159, 100, 61, 0.3) inset;  }



/* Slider */
.nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover { background-color: #d7b49d; color: #7f382b; }
.nn_sliders.accordion > .accordion-group > div > a:focus, .nn_sliders.accordion > .accordion-group.active > div > a:focus {   }



/* ================================================================================ */
/* Case Studies =================================================================== */
/* ================================================================================ */

.casestudiesgallery > .wk-gallery {margin-left: 15px; }



/* Tool Tips */
.nn_tooltips-link {font-style: inherit;  color: #999;}

/* ================================================================================ */
/* Zoo Partners =================================================================== */
/* ================================================================================ */

h2.pos-title {line-height: 24px; padding-bottom: 6px;}

.pos-description .element-text {font-size: 18px; line-height: 18px; font-style: italic;   }

#yoo-zoo .item div.address {margin-top: 0px}
#yoo-zoo .item div.pos-address, #yoo-zoo .item div.pos-contact {margin-top: 20px;}


/* ============================================================================== */
/* Zoo People =================================================================== */
/* ============================================================================== */

.nn_tabs .zoo-item-list li {   
	width: 48%;   
	float: left;  
	padding-right: 2%;   
}

.nn_tabs ul.zoo-list > li:first-child {  
	border-top: 1px solid #DDDDDD;  
	margin-top: 5px;  
	padding-top: 5px;  
}

.nn_tabs .zoo-item-list li:nth-child(2n+1) {
    clear: left;
}


/* ============================================================================== */
/* Zoo Partners - bottom ======================================================== */
/* ============================================================================== */

.partners-list .zoo-item-list ul { padding: 0; float: left; }
.partners-list .zoo-item-list.zoo-list.business-default > li {	width: 245px; float: left; min-height: 80px; padding-right:25px; }
.partners-list .zoo-item-list.zoo-list.business-default > li:first-child { border-top: 1px solid #DDDDDD; margin-top: 5px; padding-top: 5px; } 
/*.partners-list .zoo-item-list.zoo-list.business-default > li::nth-child(4n) { clear: left; } */
.partners-list .nn_tabs .zoo-item-list li:nth-child(2n+1) {clear: none; }
.nn_tabs > ul.nav-tabs > li > a {color: inherit; }

/* =========================================================================== */
/* Zoo News ================================================================== */
/* =========================================================================== */

#yoo-zoo .details h1.title {color: #333; font-family: open sans; margin: 0 0 20px; text-transform: none; font-weight: 300; }

#yoo-zoo .item h1.pos-title, #yoo-zoo .items h1.pos-title a {color: #333; font-family: open sans; font-size: 39px; margin: 0 0 20px; text-transform: none; line-height: 40px; font-weight: 300; }


/* =========================================================================== */
/* Network =================================================================== */
/* =========================================================================== */

table.networktable  { width: 100%}
table.networktable h3, table.networktable p { margin: 0; }
table.networktable  tr { padding: 0 20px; }
table.networktable tr:nth-child(odd) { background: #e8e8e8;}
table.networktable td { padding: 5px;   }
table.networktable td:first-child { padding-left: 30px; width: 155px;   }
table.networktable td:last-child { padding-right: 30px; }


/* =========================================================================== */
/* Case Studies River Basins  ================================================ */
/* =========================================================================== */

table.csrb-map {float: right; width: 320px; margin: 0 0 10px 20px; }
table.csrb-map td { text-align: right;}

ul.csrb {padding: 0; clear: both; }
ul.csrb p {margin: 8px 0;}
ul.csrb li { list-style: none; float: left;  text-align: center; }
ul.csrb li img {width: 100%; height:auto; max-width: 190px; }
ul.csrb li img:hover { opacity:0.8; filter:alpha(opacity=80); } 


/* ============================================================================== */
/* Society pages ====================================================================== */
/* ============================================================================== */

ul.weblinks li {margin-bottom: 12px;}
ul.weblinks li p {margin: 0;}



/* ============================================================================== */
/* Contact ====================================================================== */
/* ============================================================================== */

.zoo-list .layout-layout3 p.meta {margin-top: 0;}


/* =========================================================================== */
/* Footer =================================================================== */
/* =========================================================================== */

.tm-footer {
	color: #999; font-size: 12px; 
}


/* Footer */
a.eulink { color: #666666; }


/* =========================================================================== */
/* TIMELINE ================================================================== */
/* =========================================================================== */

.meses{
	display:block;
	margin-left: 90px;
}
.mesesmv{
	display:none;
	margin-left: 90px;
}

@media (max-width: 500px){
	.meses{
		display:none;
		margin-left: 90px;
	}
	.mesesmv{
		display:block;
		margin-left: 90px;
	}
}
	
.year {
  padding-top: 30px;
}
.content {
/*  float: right;
  width: 100%; */
  overflow: hidden;
  /*background-color: #CCF;*/
}
.yearlbl {
  float: left;
  width: 90px;
  font-family: "Arial";
  font-weight: bold;
  font-size: 14px;
  color: #9292A2;
  text-align: center;
}
.year2lbl {
  float: left;
  width: 90px;
  font-family: "Arial";
  font-weight: bold;
  font-size: 12px;
  color: #9292A2;
  text-align: center;
  position: relative;
  top: 44px;
}
#monthlbl {
  font-family: "Arial";
  font-size: 9px;
  color: #9292A2;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
.sidebar {
  float: left;
  width: 84px;
  background-color: #F5F8F7;
  font-family: "Arial";
  font-weight: bold;
  font-size: 9px;
  color: #0099A8;
  border-left: black 1px solid;
  border-top: black 1px solid;
  border-bottom: black 1px solid;
  padding-left: 5px;
}

.sidebar2 {
  float: left;
  width: 84px;
  background-color: #F5F8F7;
  font-family: "Arial";
  font-weight: bold;
  font-size: 9px;
  color: #0099A8;
  position: relative;
  border-left: black 1px solid;
  border-top: black 1px solid;
  border-bottom: black 1px solid;
  padding-left: 5px;
}

.sidebar3 {
  float: left;
  width: 84px;
  background-color: #F5F8F7;
  font-family: "Arial";
  font-weight: bold;
  font-size: 9px;
  color: #0099A8;
  position: relative;
  border-left: black 1px solid;
  border-top: black 1px solid;
  border-bottom: black 1px solid;
  /*border-right: black 1px solid;*/
  padding-left: 5px;
}

.sidebar4 {
  float: left;
  width: 84px;
  background-color: #F5F8F7;
  font-family: "Arial";
  font-weight: bold;
  font-size: 9px;
  color: #0099A8;
  position: relative;
  border-left: black 1px solid;
  border-top: black 1px solid;
  border-bottom: black 1px solid;
  /*border-right: black 1px solid;*/
  padding-left: 5px;
}

.leyenda{
	font-family: arial; 
	font-weight: bold; 
	font-size: 9px; 
	color: #9292a2;
	/*float: right; */
	padding-bottom: 20px; 
}

.leyendatxt{
	border-top: gray 1px solid;
	padding-left: 10px; 
}

.leyenda0{
	float: left; 
	padding-right: 12px; 
	padding-left: 5px; 
	height: 17px;
	margin-bottom: 4px;
	/*width: 155px;
	padding-right: 15px;
	padding-left: 10px; 	
	border-top: #9292A2 1px solid;
	border-bottom: #9292A2 1px solid;
	border-right: #9292A2 1px solid;*/
}

.leyenda1{
	border-left: 17px solid #D49B30; 
}

.leyenda2{
	border-left: 17px solid #FC5E07; 
}

.leyenda3{
	border-left: 17px solid #87D6E9; 
}

.leyenda4{
	border-left: 17px solid #63A530; 
}

.leyenda5{
	border-left: 17px solid #EE5884; 
}

.leyenda6{
	border-left: 17px solid #136D85; 
}

@media (max-width: 500px){
	.leyenda{
		font-family: arial; 
		font-weight: bold; 
		font-size: 9px; 
		color: #9292a2;
		float: right; 
		padding-bottom: 20px; 
		margin-left: 0px;
	}
	.leyenda0 {
		float: left; 
		padding-right: 0px; 
		padding-left: 5px; 
		width: 41%;
		height: 17px;
	}
}

.separador{
	visibility: hidden;
	float: left;
}

@media (max-width: 500px){
	.separador{
		visibility: visible;
		float: left; 
		border-left: 17px solid #FFFFFF; 
		padding-right: 15px; 
		padding-left: 10px; 
		width: 155px;
		height: 3px;
	}
}

/*
#awareness{ 
	background-color: #D49B30;
}

#meetings{
	background-color: #FC5E07;
}

#presentations{
	background-color: #87D6E9;
}

#outputs{
	background-color: #63A530;
}

#workshops{
	background-color: #EE5884;
}

#other{
	background-color: #136D85;
}

#empty{
	background-color: #E8E8E8;
}
*/
.timeline{
		padding-top: 30px;
}

.timeline tr.border{
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	font-size: 0px;
}

.timeline tr.border2{
	border-top: #000000 1px solid;
	border-bottom: #9292A2 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

.timeline tr.border3{
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

.timeline td.sep{
	border-left: #9292A2 1px solid;
	word-wrap: normal;
}

.timeline a { display: inline-block; width:100%; height: 100% }
.timeline a.nn_tooltips-link { border-bottom: none;}
.timeline table span.nn_tooltips-link { display: inline-block; width: 100%;
}

/*
.bars td:nth-child(4n+1) {border-left: 1px solid black !important;}
*/

#cleared {
  clear: both;
}

#search-40 {
    margin-top: 24px !important;
}