/*Custom CSS TICBCN*/

/*Header*/

#header-row {
    /*background: url("../images/bg-header-fluid-wikicollecta.jpg");*/
    background: transparent;
    border-bottom:none;
}

#header-row header .row-fluid {
    background: transparent;
}

/*Menu*/

.navigation ul.sf-menu {
    float: left;
}

.navigation ul.sf-menu > li {
    background: none;
}

/*No hace falta menú se usará el de la bioexplora*/

#menu-row {
    background: black;
    display:none;
}

.navigation {
    margin: 12px;
}

.navigation ul.sf-menu > li > a, .navigation ul.sf-menu > li > span {
    text-transform: uppercase;
}

/*HItems destacados de zoo en la home*/

.zoo-home-abstract {
    float: left;
    margin: 1%;
    width: 48%;
}

h2 {
    /*border-bottom: 1px solid #c5c5c5;*/
    color: #000;
    font: 33px/1.2em 'Geogrotesque-Semibold',Helvetica,Arial,sans-serif;
    margin: 0;
    padding-bottom: 0;
    text-align: left;
    text-transform: none;
    text-transform: uppercase;
}

h2 small{
    color: #000;
    font: 20px/1.2em "geogtq-bd",Helvetica,Arial,sans-serif;
    margin: 0;
    padding-bottom: 0;
    text-align: left;
    text-transform: none;
    text-transform: uppercase;
}

p {
    line-height: 20px;
    font-size: 16px;
    color: #333;
}

h3 {
    /*border-bottom: 1px solid #bfbfbf;*/
    color: #817670;
    font: 2em 'Geogrotesque-Semibold',Helvetica,Arial,sans-serif;
    padding-bottom: 0.18em;
    color:black;
}

/*Body*/

body,html,#bottom-row,#content-row,#wrapper{
    background: white;
}

/*Links*/

a:hover {
    color: #E9B30D !important;
    text-decoration: none !important;
}

/*TAGS*/

.tags {
    margin: 40px;
}

/*Article Full Image*/

.item-page .item-image img {
    border: 2px solid;
}

/*Article links*/

.nav.nav-tabs.nav-stacked {
    margin: 20px;
}

.content-links-a a {
    border: medium none !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}

/*Zoo item list horizontal*/

.zoo-item-list-h li.span3 .media {
    height: 100px;
}

.zoo-item-list-h li.span3 .media .zx img {
    height: 100%;
    width: auto;
}

.zoo-item-list-h li.span3 {
    border-top: medium none !important;
    margin-top: 0 !important;
}

/*Zoo filter*/

.zoo-filter input {
    height: auto !important;
    padding: 7px !important;
}

.zoo-filter-result .pos-specification img {
    max-height: 100px;
    width: auto;
}

#yoo-zoo .zoo-pagination div.pagination-bg {
    font-size: 1.4em;
}

#yoo-zoo .zoo-pagination {
    padding: 20px 0;
}

.return-project-content{
    text-align: right;
    min-height:50px;
}

.mbtn{
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3ae0c), to(#f4d986));
    background: -webkit-linear-gradient(top, #f4d986, #e3ae0c);
    background: -moz-linear-gradient(top, #f4d986, #e3ae0c);
    background: -ms-linear-gradient(top, #f4d986, #e3ae0c);
    background: -o-linear-gradient(top, #f4d986, #e3ae0c);
    color:black;
    padding: 5px 35px;
    border: 1px solid transparent;
    border-color: #ccc;
}

.mbtn:hover, .mbtn:focus {
    color: black !important;
    border-color: #fff;
    text-decoration: none !important;
}

.search-btn{
    margin-top: 5px;
}

/*Imprimir fichas*/

.print-custom a {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/printer.png");
}

/*Footer*/

#push, #footer-wrapper {
    margin-top: 20px;
}

/*IMG IE HACK*/

.pull-left.item-image img {
    width: 100%;
}

.categories{
    cursor: pointer;
}

#header-row {
    /*display: none;*/
}

.breadcrumb {
    background-color: transparent;
    font-size: 1.3em;
}

.pathway{
    color:#E9B30D;
}



/*Menu style mobile*/

@media (max-width: 767px) {
    #menu-row {
        margin: 0 -10px;
    }

    .navigation {
        margin: 12px 0;
    }
}




/* 12/04/2018 */

.comments-section-login a.tit-section:hover {text-decoration: underline !important; color: #fff !important;}
.btn-comments-login {padding: 6px 35px !important;}

.comments-section-login .comments-section-login-form a {font-size: 13px !important;}


.comments-section-login .checkbox label {font-size: 13px !important;}
    
.comments-section-login .comments-section-login-header {margin-left: 4px !important;}
.comments-section-login .comments-section-login-footer {margin-left: -21px !important;bottom: 0 !important;margin-bottom: -20px;}
.comments-section-login .comments-section-login-footer p {margin-top: 10px;color: #fff !important;}
.comments-section-login .comments-section-login-footer p.black {color: #000 !important;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {margin-left: -125px !important;}
.comments-section-login-footer .col-xs-7 {width: 54.33333333% !important;}

@media (min-width: 1200px){
    #login_register .col-lg-6 {width: 35% !important;}
}

@media (max-width: 1199px){
    .comments-section-login .comments-section-login-footer {margin-left: -30px !important;}
    .comments-section-login .comments-section-login-header {margin-left: -4px !important;}
    .comments-section-login-footer .col-xs-4 {width: 16.333333% !important;}
    /*.comments-section-login-footer p {font-size: 14px;line-height: 14px !important}*/
}

@media (min-width: 979px) and (max-width: 1199px){
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 4px !important;}
}

@media (max-width: 768px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 4px !important;}

}

.comments-section .comment-add-ok p {color: #fff !important;}

/*.comments-section-login-layer {height: calc(100% - 179px) !important;}*/


/*Nubilum 2018 - Layout general*/

#header-row {
 background-color:#000; 
  position:fixed;
  width:100%;
  height:60px;
  z-index:100;
}

#header-row .row-fluid {
  padding-top: 10px;
  padding-bottom: 10px;
}
#header-row #logo {
  display:none;
}

#header-row .custom-header h1{
  float: right; 
  padding: 0; 
  margin: 0; 
  text-transform: uppercase; 
  font-weight: bolder; 
  color: #fff;  
}

#header-row .custom-header h2{
  color: #fff; 
  text-transform: none; 
  letter-spacing: 1px; 
  padding-left: 12px;
}


#content-row {
  padding-top:70px;
  margin-top:0px;
}

#breadcrumbs .breadcrumb > li.firstItem {
 /* display:none; */
}

#bottom-row {
    background: #f3f3f3;
    padding-top: 20px;
}

#bottom div.moduletable.zoo-item-list-h {
  clear:both;
  top:0px;
}

#bottom .bottom-categories {
  margin-left:600px;
}

#bottom .bottom-categories ul.zoo-list > li {
  width:50%;
  float:right;
}

#bottom .bottom-categories ul.zoo-list > li.firstItem {
  margin-top:5px;
  padding-top:5px;
  border-top:1px solid #ddd;
}

#push, #footer-wrapper {
  margin-top:0;
}

#yoo-zoo strong:first-child {
    text-decoration: none;
}

#content-row .page-header {
  display:none;
}

#yoo-zoo.zoo-filter-result .row {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

#yoo-zoo.zoo-filter-result .row.first-row {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.yoo-zoo h1, .yoo-zoo h2, .yoo-zoo h3, .yoo-zoo h4, .yoo-zoo h5, .yoo-zoo h6 {
  margin-bottom:0px;
}

/*Nubilum 2018 - ZOO - Briozoa */

#yoo-zoo .item h1.pos-title {
  font-size:30px !important;
  color:#000 !important;
  font-family:'Geogrotesque-Semibold',Helvetica,Arial,sans-serif;
}

#yoo-zoo .item div.pos-bottom {
    clear:both !important;
}

#yoo-zoo.product-defecte-briozous .item div.pos-bottom h3 {
    margin: 0;
    padding: 0 0 5px 5px !important;
    font-size: 100% !important;
    border: 0;
}

#yoo-zoo.product-defecte-briozous .item div.pos-related h3 {
    margin: 0;
    padding: 20px 0 10px 0 !important;
    border: 0;
}

#yoo-zoo.product-defecte-briozous .item div.pos-related div.element-textarea a img {
    margin-left:10px;
    margin-bottom:2px
}


#yoo-zoo.product-defecte-briozous .item div.pos-description {
 margin-top:40px; 
}

#yoo-zoo.product-defecte-briozous .item div.pos-description .element {
 margin-top:0; 
 padding-bottom: 10px;
}

#yoo-zoo.product-defecte-briozous .item div.pos-description .element.last {
 float:left;
}

#yoo-zoo.product-defecte-briozous .item div.pos-description .element.last h3 {
 padding-left:40px;
 padding-bottom: 10px;  
}

#yoo-zoo.product-defecte-briozous .item div.pos-description .element.last img {
 margin-top:-20px;
}

#yoo-zoo.product-defecte-briozous .item div.pos-description .element.first h3 {
 padding-left:0px;
 padding-bottom: 15px;   
}

#yoo-zoo.product-defecte-briozous .item div.pos-description .element.element-image {
 padding-bottom: 0;
}

#yoo-zoo.product-defecte-briozous .item div.pos-description .element.element-staticcontent {
 float:right;
 margin: 0;
 padding: 0;
 margin-right:3%;   
 color: #000;
 font-size: 10px;
 text-decoration: underline;
}

#yoo-zoo.product-defecte-briozous .item div.pos-bottom .element-image {
  float:left !important; 
  margin-left: 30px;
}

#yoo-zoo.product-defecte-briozous .item div.pos-description .element-joomlamodule {
 width: 500px;
}

#yoo-zoo.product-defecte-briozous .item div.pos-media {
	width:auto; 
}
  


#yoo-zoo.product-defecte-briozous .item div.pos-media a {
    background-repeat: no-repeat;
    background-position: left center;
  	background-size: 65px;
    font-size: 0px;
    width: 80px;
    height: 35px;
    display: block;
    float: left;
}

#yoo-zoo.product-defecte-briozous .item div.pos-media a[href*="gbif"] {
    background-image: url("/WIKICOLLECTA/images/briozous/logos/gbif.png");  
/*  background-image: url(https://images.ctfassets.net/q553fnlofhvs/660vJ1ATewCYEGQway8qws/c7e3417cc184239b0115987167740e78/GBIF-2015.png); */
}
#yoo-zoo.product-defecte-briozous .item div.pos-media a[href*="ncbi"] {
    background-image: url("/WIKICOLLECTA/images/briozous/logos/ncbi.png");  
  
/*    background-image: url(https://static.pubmed.gov/portal/portal3rc.fcgi/4181515/img/28977); */
}
#yoo-zoo.product-defecte-briozous .item div.pos-media a[href*="nbnatlas"] {
    background-image: url("/WIKICOLLECTA/images/briozous/logos/nbn.png");  
/*    background-image: url(https://nbn.org.uk/wp-content/uploads/2016/03/NBN-Logo-2007-1296X679-e1468492751264.jpg); */
}
#yoo-zoo.product-defecte-briozous .item div.pos-media a[href*="doris"] {
    background-image: url("/WIKICOLLECTA/images/briozous/logos/doris.png");
/*    background-image: url(http://doris.ffessm.fr/extension/doris/design/doris/images/doris-logo.png); */
}

#yoo-zoo.product-defecte-briozous .item div.pos-media a[href*="bryozoa"] {
    background-image: url("/WIKICOLLECTA/images/briozous/logos/iba.png");
  
/*    background-image: url(http://folk.uio.no/hanakrem/iba_logo_liten.jpg); */
}


/* Per al mapa de Taxo&Map*/

#yoo-zoo.product-defecte-briozous #blockrandom {
  margin-left:-5px;
  height: 797px !important;
  margin-top: -300px;
  margin-bottom: -475px;
}


#yoo-zoo .details div {
  border:0px;
  height:auto;
}


#yoo-zoo.product-defecte-bitxus .wk-slideshow {
  background-color:#000;
  width:400px;
  height:350px;
  text-align:center;
}


#yoo-zoo.product-defecte-bitxus .element-socialbookmarks { 
  float:right; 
}

#yoo-zoo.product-defecte-bitxus .element-itemprint {
  float:right; 
  margin-right:5px;'
}

#yoo-zoo.product-defecte-bitxus .element-itemprint a {
  background-size: cover;
  width:24px;
  height:24px;
}

#yoo-zoo.product-defecte-bitxus .element-imagepro{
  clear:both;
  margin-top:40px;
}

#yoo-zoo.product-defecte-bitxus .wk-slideshow .jcemediabox-zoom-image {
  display:none;
}

#wrapper .dropdown-menu {
  position:initial !important;
}


.layout-default a, .pagination-bg a, .teaser-item h2.pos-title a, .moduletable .zoo-list a {
  color: #E9B30D !important;
  font-family:'Geogrotesque-Semibold',Helvetica,Arial,sans-serif;
}

.layout-default a:hover, .pagination-bg a:hover, .teaser-item h2.pos-title a:hover, .moduletable .zoo-list a:hover {
  color: #000 !important;
  text-decoration: underline !important;
}




#content-bottom .nav {
  background-color:#f9f9f9;
  border:1px solid #a3a3a3;
  border-radius: 3px;
}

#content-bottom .nav li {
  display:inline-block;
}


/* Projecte Mol·luscs continentals */

/* Per al mapa de Taxo&Map*/

#yoo-zoo.product-defecte-mol-luscs .item div.pos-bottom .element-joomlamodule {
 width: 500px !important;
}

#yoo-zoo.product-defecte-mol-luscs #blockrandom {
  margin-left:-5px;
  height: 797px !important;
  margin-top: -300px;
  margin-bottom: -475px;
}

#yoo-zoo.product-defecte-mol-luscs .item h3 {
 padding: 15px 0;
}

#yoo-zoo.product-defecte-mol-luscs .pos-related a[href*="gbif"] {
    background-image: url("/WIKICOLLECTA/images/briozous/logos/gbif.png") !important;  
	background-repeat: no-repeat;
    background-position: left center;
    font-size: 0px;
    width: 300px;
    height: 150px;
    display: block;
    float: left;  
}


#yoo-zoo.product-defecte-mol-luscs .pos-related a[href*="fauna-eu"] {
    background-image: url("/WIKICOLLECTA/images/mol-luscs/logos/fauna-eu.png") !important;  
	background-repeat: no-repeat;
    background-position: left center;
    font-size: 0px;
    width: 200px;
    height: 150px;
    display: block;
    float: left;  
}

#yoo-zoo.product-defecte-mol-luscs .pos-related a[href*="iberfauna"] {
    background-image: url("/WIKICOLLECTA/images/mol-luscs/logos/iberfauna.png") !important;  
	background-repeat: no-repeat;
    background-position: left center;
    font-size: 0px;
    width: 200px;
    height: 150px;
    display: block;
    float: left;  
}

a[href*="eol"] {
    background: none !important;
    font-size: inherit;
    width: auto;
    height: auto;
    display: inline;
    float: none;
}

/* Protagonistes */

#yoo-zoo.product-defecte-persones .item div.pos-bottom {
    overflow: hidden;
    background-color: #EEE;
    padding: 15px;
    padding-top: 0;
    margin-top: 20px;
}

#yoo-zoo.product-defecte-persones .item div.media-right {
    max-width: 325px;
}

#yoo-zoo.product-defecte-persones .item div.media-right .element-image {
    text-align: center;
}

.zoo-item-list div.description > div {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 7.6em;
  line-height: 1.8em;
}