/* CSS Document */
body{background-color:#fff!important;}
#contentWrapper{min-width:100%!important;margin:0px!important;}
#homepageContentWrapper{min-width:100%!important;box-shadow:0px 0px 0px #fff!important;}
* {
    font-family: 'Roboto', Helvetica, serif !important;
}
/*
a {
    color: #007BC1 !important;
    text-decoration: none !important;
}

a:hover, a:focus {
    color: #007BC1 !important;
    text-decoration: underline !important;
}
*/
div.button a{font-weight: bold;}

/*Facetes*/
#facetes_mobil{display:none}

/*logo*/

#customEncoreHeader {clear:both;}

/*Barra enllacos*/
#barrabc {width:100%;background-color:rgb(239, 239, 239);font-size: 15px;font-family:Georgia, serif;height:50px;}
.logoBCencore{width:50%;}
.navbar-brand {
	float:left;
	height:50px;
	padding:0px 10px;
	font-size:18px;
	line-height:20px
}
.navbar-brand:focus,.navbar-brand:hover {
	text-decoration:none
}
.navbar-brand>img {
	display:block
}

.enllacosbc{height:30px;margin-top:20px; float:right; margin-right:45px;}
.enllacosbc a{padding:10px;height:30px;}
.enllacosbc .myAccountBar {padding:0px}
.enllacosbc a:hover{background-color:#cc0000;color:#ffffff}

@media all and (min-width: 660px){
	#homepageContentWrapper .encoreLogo {
	    clear: right;
	    float: right;
	    margin-bottom: 30px !important;
	    margin-top: 30px !important;
	    margin-right: 95%;
	    padding-left:40px;
	}    
	#homepageContentWrapper .encoreLogo img {
	    max-height: 100px;
	    max-width: 380px;
	}

	.encoreLogo {
	    clear: right !important;
	    float: right !important;
	} 
	
	#homepageContentWrapper .homepageQuery{width:500px!important;}   
}

@media all and (max-width: 600px){
	#bannertop .encoreLogo {max-width:80px!important;/*height:0px!important;*/margin-top:10px!important;float:left;}
	
}

@media all and (min-width: 1281px){
	#homepageContentWrapper .encoreLogo{margin-right:0px;}
}

@media all and (min-width: 660px) and (max-width: 1050px){
	#homepageContentWrapper .encoreLogo{margin-right:60%;}
}

.txtpestanyes{
	position: absolute;
  margin-top:8px;
  margin-left;4px;
  width: 200px;
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  /*border: 1px solid #1a1a1a;*/
  border:none;
  padding:12px;
  font-size: 140%;
  font-family:Georgia,serif;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  box-shadow: 8px 8px 16px 8px rgba(0,0,0,0.2);
  border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
}

.ui-tooltip-content{
	font-family:Georgia,serif;
	font-size: 140%;
	border:2px solid #cc0000;
	/*box-shadow: 0px 0px 7px 10px rgba(204,0,0,0.2);*/
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	padding:6px;
	
}

#formnocat{text-align:center;font-family:Georgia,serif;font-size:120%}
.fformnocat{color:#cc0000;font-weight:bold;text-decoration:underline;font-family:Georgia,serif}
.vermell,.customHighlight{color:#cc0000!important;}
a.vermell:hover{color:#fff;}
/********** Dropdown Menu link ***************/
 
.bcdropdownlink {
    padding: 16px;
    border: none;
    cursor: pointer;
}

.bcdropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.bcdropdown-content, .bcdropdown-content-final{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.bcdropdown-content-final{
		left:-50px;
}


/* Links inside the dropdown */
.bcdropdown-content a {
    height:20px;
    text-decoration: none;
    display: block;
    width:290px;
}

.bcdropdown-content-final a {
    height:20px;
    /*padding: 12px 16px;*/
    text-decoration: none;
    display: block;
    width:250px;   
}

/* Change color of dropdown links on hover */
.bcdropdown-content a:hover,.bcdropdown-content-final a:hover {background-color:#cc0000;color:#ffffff}

/* Show the dropdown menu on hover */
.bcdropdown:hover .bcdropdown-content,.bcdropdown:hover .bcdropdown-content-final {
    display: block;
}


/* Icona que es veu en dispositius movils < 600px width*/ 
.enllacosbc .icon {
    display: none;
} 
/* No mostrem el menu alternatiu responsive */
#menuBCresponsive{display:none;}    

/* Fi Dropdown Menu link */



/***** Dropdown Menu Responsive part ****/
@media screen and (max-width: 660px) {
  .enllacosbc a {display: none;}
  .enllacosbc .myAccountBar{display:none;}/*No es vegin els palets separadors*/
  .enllacosbc a.icon {
    float: right;
    display: block;
    height:10px;
    padding-top: 0px;
  }
  #menuBCresponsive{
  	display:none;
  } 
  #menuBCresponsive ul li{
  	width:100%;
  	background-color: #f9f9f9;
  	height:25px;
  	font-size: 15px;
  	font-family:Georgia, serif;
  	border-bottom:1px solid #114f8c;
  }
  #menuBCresponsive ul li.menucolor1{background-color: #faeb02;}
  #menuBCresponsive ul li.menucolor2{background-color: #face02;}
  #menuBCresponsive ul li.menucolor3{background-color: #fa8e02;}
  #menuBCresponsive ul li:hover{
    background-color:#cc0000;color:#ffffff
  }
  #menuBCresponsive ul li:hover a{
    color:#ffffff
  }
  #menuBCresponsive ul li a{
  	padding-left:10px;
  } 
}

#bannertop{width:480px!important;}
@media screen and (max-width: 625px) {
 #bannertop{float:left!important;width:auto!important;margin:0px!important;margin-left:5px!important;}
}

@media screen and (max-width: 625px) {
	
  .enllacosbc.responsive {
  	/*position: relative;
  	top:50px;
  	left:10px;*/
  	width:100%;
  	z-index:1;
  	margin:0px;
  }
  .enllacosbc.responsive a.icon {
    /*position: absolute;
    right: 0;
    top: 0;*/
  }
  .enllacosbc.responsive a {
    float: none;
    display: block;
    text-align: left;
    background-color:rgb(239, 239, 239);
  	color: #114f8c;
  	width:100%;
  }
  .loginLogoutLink{
  	width:20px;
  	height:20px; 	
  }
}


/**** Fi Dropdown Menu Responsive part ******/

.clear{clear:both;}

#bannertop{float:right;}
#bannerllengua{float:left;}
.loginLogoutLink{
  	width:20px;
  	height:20px!important;
  	/*background:url(http://www.bnc.cat/bcext/cataleg/encore/img/inici_sessio.png) no-repeat fixed center!important;*/
}

.button.button__login-logout{ background:none!important;border:none!important;box-shadow:none!important;vertical-align:baseline!important;}

@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{
	#contentWrapper{width:auto!important;}
	/*#menuBC, #bannertop{margin-right:200px!important;}*/
	

}

/** MAIN AREA **/

#homepageContentWrapper .homepageQuery {
	border-top: 2px solid #cc0000!important;
	background:#fff url("http://www.bnc.cat/bcext/cataleg/encore/img/fonscatalegcerca.png") repeat fixed center bottom;
}
#selectedCategory{color:#cc0000;font-size:15px!important;}
.contentCategoryLink{color:#000000;background-color:#fff!important;background-image:none!important;font-weight:normal!important;}
.contentCategoryLink:hover{color:#cc0000!important;font-weight:bold;}
.contentCategoryLink:hover span{font-weight:bold;border-top-color:#cc0000;}
#searchString{border:2px solid #cc0000!important}
*:focus{outline: none!important;}
label[for=searchString]{color:#fff;display:none;}
.resultsSummary {border-top: 3px solid #cc0000!important;}
span.searchTerm{color:#cc0000;}

#leftColumn {
    margin-top: 10px !important;
    width: 18% !important;
    max-width: 20% !important;
}
#metafacetedslimittypeContents .customSecondaryText{display:none;}
#mainContentArea{
	margin-top: 10px !important;
	float: left !important;
	margin-left: 1% !important;
	width: 76% !important;
	min-width: 60% !important;
}
.gridBrowseCol1 {
  width: 26% !important;
}
.citationButtons{width:210px!important;}
.articleButton .articleResourceLink{color: rgb(17, 79, 140);font-weight: bold;}
.articleButton .articleResourceLink:hover{color: rgb(17, 79, 140);background-image: -webkit-linear-gradient(#d4d4d4, #efefef);}
.gridBrowseCol2 {
  width: 70% !important;
}

.dpBibTitle .title a{font-size:16px;}
.dpBibAuthor, .recordDetailValue,.dpBibHoldingStatement {font-size:14px;}
.holdingsLink, .miniAbstract {font-size:14px;}
.amagada{display:none;}
.visible{display:block;}

.pgooglebooks{display:inline;margin-left:5px;}

.googlebooks{clear:left;color:#114f8c;}
.googlebooks span.enlinea{display:inline; vertical-align: top;margin-left:5px;color:#114f8c;}
.googlebooks a{display:inline; }
.googlebooksimg{border:1px solid #114f8c;height:55px;margin-right:2px;}

.holdingsWrapper hr{background-color:#cc0000!important;width:75%!important;}

#serveisaddul li{border-bottom:1px solid #ccc;vertical-align:bottom; margin:4px 0px;padding:2px 0px;}
.height50px{height:50px!important;}
.height10px{height:10px!important;}
.articleButton a[href^="http://www.bnc.cat/Serveis/Prestec/Prestec-interbibliotecari/Sol-licitud-de-prestec-interbibliotecari-a-traves-de-la-BC?"]>img {display:none;}
.articleButton a[href^="http://www.bnc.cat/Serveis/Prestec/Prestec-interbibliotecari/Sol-licitud-de-prestec-interbibliotecari-a-traves-de-la-BC?"]{background-image:url('http://www.bnc.cat/bcext/cataleg/encore/img/euro.png')!important;background-repeat: no-repeat!important; background-position:  3% 40%;padding:2px 0px 2px 30px!important;width:140px;}
/*.articleButton a[href^="http://www.bnc.cat/Serveis/Prestec/Prestec-interbibliotecari/Sol-licitud-de-prestec-interbibliotecari-a-traves-de-la-BC?"]:hover{background-image: -webkit-linear-gradient(#d4d4d4, #efefef)!important;}*/
.recordDetailPage .gridBrowseContent2{ margin-bottom:10px!important;padding-bottom:0px!important;}
.recordDetailPage .popUpWrapper .sectionHeader { margin-top: 0px!important; }
.moreDetailsAnyComponent .sectionHeader{margin-top: 0px!important;}
.permanentlink{float:left;clear:both;margin-top:4px;}
/* columna dreta del reg complet altres fonts*/
.recordDetailPage #rightColumn{background: #efefef !important;padding: 10px !important;width: 180px!important;}
#pathfinderProLinkComponent{display: none} /*amaga link Explore que no funciona*/
img#innreachImageAny2Component{width: 25px;height: 25px;display: inline !important;}
#innreachNoResultsWrapperAnyComponent {margin-left: 28px; margin-top: -25px;}

.holdingsTable,.moreDetailsAnyComponent,.availableItemsSection {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.recordDetailPage .bibInfoLabel, .recordDetailPage .bibInfoData {padding-bottom:0px!important;}
.sectionHeader{margin-top:0px!important;}
.endnoteExport{display:none;}
.moreActionsLink{display:none!important;}
.accountFunctionsContentWrapper {
    float: left!important;
    margin-left: 50px;
}
/** MAIN AREA - RESPONSIVE**/

@media only screen and (max-width:660px){
	/*Ajusto mides per mòbil*/
	html, body {
		margin: 0!important;
		padding: 0!important;
	}
	body {
		background-color: #ffffff!important;
	}
	
	
	#homepageContentWrapper{margin-bottom:0px!important;}
	#homepageFooterArea, #footerArea, #bookcartFooterArea{min-height: 100px;}
	.peuclassic{margin-top:50px;}
	
	/*Elimino paraula "Cercar" per guanyar espai*/
	.searchText{display:none!important;}
	#searchbox{margin:15px 5px 0px 5px!important;}
	/*Amplio mides per a les pàgines de resultats i barra de facetes*/
	#contentWrapper,#homepageContentWrapper{min-width:100%!important;}
	#homepageContentWrapper #facetes_mobil, .recordDetailPage #facetes_mobil {display:none!important}
	#facetes_mobil {
		z-index:1!important;
		display:block!important;
		float:right;
		/*width:50%;
		position:absolute;
		top:195px;
		margin-left:5px*/
	}
	#resultsView .button{
		display:inline-block!important;
		padding: .5em 1em; 
		white-space: nowrap; 
		margin: 0 0 0 1em;
	}
	#boto_filtre_cerca{
		display:inline!important;
		padding:1px;
		float:right;
	}
	
	#leftColumn {display:none;max-width:90%!important;width:90%!important}
	#leftColumn .sectionHeader {display:none}
	#homepageContentWrapper #searchFormComponent{width:55%}
	#contentColumn{padding-top:10px!important}
	#contentWrapper, #homepageContentWrapper,#customEncoreHeader,.gridBrowseContent2 {width:100%!important}
	.gridBrowseContent2{
		
		moz-box-shadow: 0px 0px 7px #b2b2b2;
		-webkit-box-shadow: 0px 0px 7px #b2b2b2;
		box-shadow: 0px 0px 7px #b2b2b2;
		border-left: 1px solid #b2b2b2;
		border-right: 1px solid #b2b2b2;
		margin-bottom:2px;
	}
	
	/*Cercador Pàgina de resultats*/
	.searchResultsPage div#searchbox,.customPatronAccountPage div#searchbox {width:87%; padding:0px!important;}
	form input {margin:0px!important;padding:0px 0px 10px 0px!important}
	form input[type="text"]{max-width:220px!important}
	.searchResultsPage #mainContentArea {max-width:90%!important;width:90%!important}
	.spellingSuggestion{padding-top:5px;}
	/*Enquadro be els registres i elimino la barra d'icones accions adicionals*/
	.gridBrowseCol1{width:100%!important;padding-left:10px;float:left!important;}
	.gridBrowseCol2{width:100%!important}
	.citationButtons{width:100%!important;}
	.articleButton{display:inline;}
	.searchResult .addtlActions, .searchResult img.actionIcon,.edsResearchStarter {display:none!important}
	/*Ajustaments per al registre complet i el meu compte*/
	#popInDialogUpdateAnyComponent.open{min-width:300px!important;max-width:400px!important;position:absolute!important;left:0px;padding:10px 0px 0px 10px!important}
	.recordDetailPage #mainContentArea {max-width:98%!important;width:95%!important}
	.accountFunctions,.accountFunctionsMenu {width:100%!important}
	#accountFunctionsContentWrapper,.accountFunctionsContent{max-width:100%!important;float:left!important}
	.iframeLoaded {width:420px!important}
	#serveisaddul li{height:20px}
	#rightColumn{float:left!important;}
	.gridBrowseCol1{border-bottom:0px solid #000;margin-bottom:6px;}
	
}
/** final responsive **/

/*Footer*/

.footerBackToTopLink{display:none}
#homepageFooterArea,#footerArea{width:98%!important;margin-top: 300px; }
#homepageFooterArea{display:none!important;}
.footerColumn2{display:none!important;}
.footerColumn3{display:none!important;}
.footerColumn1 h3.customHeader{display:none!important;}
.footerColumn4{min-height:50px!important;border-right:none!important;}

.footerContentContainer{border-top: 6px solid #b2b2b2!important;}
.peuclassic{margin-top:150px;text-align: center;min-height:42px;z-index:10;clear: both;}
.bootmenuLinks{
    position: relative;
    margin: 0;
    padding: 5px;
}

#copyright{display:none!important;}
.peuclassic ul li {
	
	display: inline;
	padding: 0 5px 0 0;
	font-size: 96%;
}

@media all and (max-width: 660px) {
	/*#footerArea{display:none;}*/
	.homepageQueryContainer{width:90%!important;}
	#homepageContentWrapper{margin-bottom:0px!important;}
	#homepageFooterArea, #footerArea, #bookcartFooterArea{min-height: 100px;}
	.peuclassic{margin-top:50px;}
	.footerColumn4{min-height:10px!important;border-right:none!important;}
}

@media (min-width: 660px) and (max-width: 1024px) and (orientation: landscape) {
	#homepageContentWrapper{margin-bottom:0px!important;}
	#homepageFooterArea, #footerArea, #bookcartFooterArea{min-height: 100px;}
	.peuclassic{margin-top:50px;}
}

/** UI DIALOG **/
.ui-dialog{
	width:320px!important;
}
.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em!important;}

#dialeg {
    display: none !important;
}
.ui-button {

    border: 1px solid #ccc!important;
    background: #f6f6f6 url("ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x!important;
    font-weight: bold!important;
    color: #1c94c4!important;
}
.ui-button:hover,.ui-state-hover,.ui-state-focus{
		border:1px solid #fbcb09!important;
		background:#fdf5ce url("ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x!important;
		font-weight:bold!important;
		color:#c77405!important;
}

.ui-dialog-titlebar {
    border: 1px solid #c00;
}
.ui-dialog-title{
		color:#c00;
}

div#alertes-usuari{margin:0 auto;border: 2px solid #cc0000;padding:4px;background-color:#eee;}
@media all and (max-width: 480px) and (orientation: portrait){
	div#alertes-usuari{display:none;}
}