/* 2006 WebPAC Pro Version, set from 21 November, 2006 */

/* This file last changed: 17 August, 2006 */

/* *******************************************************************

 The new example set has a seperate Internet Explorer (IE) css file. You must make similar changes to your IE style sheet in

 order for the same display across borwsers. The IE style sheet is ie_styles.css

 The ie_styles.css file contains only styles that are used to correct the IE css implementation to create a cross browser

 compatible theme.  This style sheet is inserted by conditional comments in the head of any html page or with the

 INSERTTAG_INHEAD wwwotion.  The correct conditional statement follows:

 [if lte IE 8]><link rel="stylesheet" media="all" type="text/css" href="/screens/ie_styles.css" /><![endif]

 ********************************************************************** */

/* general appearance */

/* See also Web Option BODYPARAM */

/* Stylesheet to use for dynamic Web pages */

/* is set by Web Option STYLESHEET */

/* COLOR SCHEME (use find & replace to swap colors */

/* border and tab light blue : d7e3ff */

/* manilla background color: FFF8EF */

/* medium blue: 0132A7 */

/* dark blue: 00437f */

/* very dark blue: 162A6D */

/* light orange : F5D9A3 */

/* light blue used in table striping : eff7ff */

/* light yellow used in table highlighting : FFFFDF */

/* light gray for .authPublicNote : F7F4F4 */

/* Section 1 */

/*Global tag styles*/

/* UAB per tal que el missatge NO HI HA RESULTATS quan es fa una cerca que no obt resultats sigui en vermell i ms petita */
h2 {

	color: #FF0000;
	font-size: large;
	font-weight: bolder;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	font-size: 80%;
	margin: 0;
	padding: 0;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.nou {

	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
}

.red {
	color: #F00;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.Estilo1 {

	font-size: 12px;
	margin-top: 5px;
}

.Estilo4 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*div, table { clear: both; }*/

/* This rule causes search form elements to resize along with the rest of the text on the page if the user resizes text. */

input, select, textarea {
	font-size: 12px;
}

/* This rule uses CSS2 to give a nicer effect in compliant browsers, while avoiding an annoying display effect in Internet Explorer 6 */

input[type="checkbox"] {
	background-color: #EBEBEB;
}

strong {
	font-weight: bold;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*traditional link colors are suggested for better usability */

a:link {

	color: #338800;
	text-decoration: none;
}

a:active {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #993399;
	text-decoration: none;
}

a:hover {

	color: #336600;
	text-decoration: none;
	font-weight: bold;
}

a.links_navegacio:link {

	color: #000000;
	text-decoration: none;
}

a.links_navegacio:active {
	color: #000000;
	text-decoration: none;
}

a.links_navegacio:visited {
	color: #993399;
	text-decoration: none;
}

a.links_navegacio:hover {

	color: #669900;
	text-decoration: none;
	font-weight: bold;
}

/*estilos menu derecha*/

a.links_navegacio2:link {

	color: #000000;
	text-decoration: none;
}

a.links_navegacio2:active {
	color: #000000;
	text-decoration: none;
}

a.links_navegacio2:visited {
	color: #000000;
	text-decoration: none;
}

a.links_navegacio2:hover {

	color: #336600;
	text-decoration: none;
}

A.pageNavAreaText:LINK, A.pageNavAreaText:VISITED {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #000000;
}

A.pageNavAreaText:ACTIVE, A.pageNavAreaText:HOVER {
	color: #EBEBEB;
	text-decoration: none;
	font-weight: bold;
	background-color: #000000;
}

/* Section 2 */

/* named styles listed in alphabetical order */

.additionalCopies {
	padding: 0 15px 0 15px;
}

.additionalCopies th.bibItemsHeader {

	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #92a202;
}

.additionalCopiesNav {
}

/*controls display of authority redirect information */

.authorityRedirect {
	border: 2px solid #0132A7;
	padding: 5px;
	text-align: center;
}

.authPublicNote {
	font-size: 80%;
	background: #F7F4F4;
}

/* This is used in the Materials Booking calendar */

.available {
	font-weight: bold;
	color: green;
}

.availLimMessage {
	font-style: italic;
	text-align: left;
}

/* classes for bib display */

/* see also Web options TABLEPARAM_BIB... */

.bibBookingsHeader {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	border: 1px solid #000000;
	background: #ededed;
	margin-bottom: 8px;
}

.bibDetail {

}

.bibHoldings {
	border: 0px;
}

.bibHoldingsEntry {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.bibHoldingsHeader {
}

.bibHoldingsLabel {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.bibHolds {
	font-size: 90%;
	border: 1px solid #000000;
}

.bibHoldsEntry {
	font-size: 90%;
	border: 1px solid #000000;
}

.bibInfo {
}

.bibInfoData {
	text-align: left;
}

.bibInfoEntry {
}

.bibInfoLabel {
	text-align: left;
	padding-right: 1em;
	font-weight: bold;
}

.bibItems {
	border: 0px;
	padding: 0 3px 3px 3px;
	margin: 0px;
}

.bibItemsEntry {

	color: #000;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
/*afegit nova web 2015*/
.bibItemsEntry a {
	color: #3B6784 !important
}
.bibItemsEntry a:hover {
	color: #585858 !important
}
/*fi afegit*/
.bibItemsEntry td {
	border-bottom: 1px solid #999999;
}

.bibItemsHeader {
	color: #000;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	border-bottom: 3px solid #B8CA03;
}
.additionalCopies th.bibItemsHeader {background-color:#5985A4}
.bibItemsLabel {
}

.bibLicense {
}

.bibLicenseEntry {
	color: #000000;
	background: #EBEBEB;
	text-align: left;
}

.bibLicenseHeader {
	color: #FFFFFF;
	background: #000000;
	font-weight: bold;
	text-align: left;
}

.bibLinks {

	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.bibLinks a:Link {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #338800;
}

.bibLinks a:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #338800;
}

.bibLinks a:visited {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #338800;
}

.bibOrder {
	border: 1px solid #000000;
	font-size: 90%;
}

.bibOrderEntry {
}

.bibPager {
	text-align: right;
	font-size: 85%;
	width: 100%;
	padding: 5px 5px 0 0;
}

.bibRecordLink {
	font-size: 100%;
	padding-left: 6px;
	font-style: italic;
}

.bibResource {
}

.bibResourceBrief {
}

.bibResourceCaption {
}

.bibResourceEntry td {
	font-weight: bold;
}

.bibResourceHeader {
}

.bibResourceLicense td {
	padding-bottom: 5px;
}

.bibResourceLicenseEntry {
	background: #FFF99D;
}

.bibResourceSubEntry {
	border-bottom: 1px solid blue;
	background-color: #fffbc6;
	font-style: italic;
}

.bibResourceTable, .browseResourceTable {

	border: 0px;
	width: 159px;
}

.bibResourceTableEntry, .browseResourceTableEntry {

	font-size: 100%;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #669900;
}

.bibResourceTableHeader, .browseResourceTableHeader {

	color: #fff;
	font-weight: bold;
	font-size: 85%;
	background: #669900;
	text-align: center;
}

.bibScreen {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* .bibSearchtool {width:95%;padding:5px 0 0 28px;font-size: 85%;border: thin solid #666666;}  */

.bibSearchtool {

	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: transparent solid 1px;
	height: 25px;
	vertical-align: middle;
	background-position: bottom right;
	background-repeat: no-repeat;
	/*display: block;*/

}

.bibSearchtoolMessage {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bibSearchtoolMessage a {
	color: #ffffff !important
}
.bibSearchtoolMessage a:hover {
	color: #585858 !important
}

.bibThumbnails {
}

.bibTOC {
	width: 90%;
	font-size: 90%;
	margin-left: 30px;
	border: 1px solid #000000;
	padding: 3px;
	margin-bottom: 3px;
}

.bibTOC td {
	border-bottom: 1px solid #000000;
}

.bibXML {
}

/* control over mainmenu and opacmenu pages layout */

.biglogo {
	margin-left: 17px;
	width: 350px;
	height: 125px
}

/* These are used for Materials Self-Booking */

.bookingsConfirmMsg {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 5px;
	background: #FFFBC6;
}

.bookingsItemsEntry {
}

.bookingsItemsHeader {
}

.bookingsLegend {
}

.bookingsLocation {
}

.bookingsRepeat {
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #000000;
	padding: 3px;
}

.bookingsRepeatNone {
}

.bookingsRepeatDaily {
}

.bookingsRepeatWeekly {
}

.bookingsRepeatWeeklyDay {
	margin-left: 30px;
}

.bookingsRepeatMonthly {
}

.bookingsEndsOn {
}

.bookingsSelect {
	width: 90%;
	margin-left: 5%;
	margin-bottom: 1em;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.bookingsSelectCal {
	width: 90%;
	margin-left: 5%;
	text-align: center;
	background: #FFFFFF;
	border: 2px solid #000000;
	margin-bottom: 1em;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.bookingsSelectCal table {
	margin: auto;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.bookingsSelectCal th {
	text-align: center;
	border: none;
}

.bookingsSelectCal td {
	border: 1px solid #000000;
}

.bookingsSelectEndtime {
	margin-left: 10px;
}

.bookingsSelectRepeat {
	margin-top: 5px;
	margin-bottom: 5px;
}

.bookingsSelectTime {
	font-size: 15px;
	background: #FFFFFF;
	border: 2px solid #000000;
	padding: 3px;
}

/* Brief Citation display styles */

.briefcitActions {
	padding: 5px 0 5px 0;
	text-align: left;
}

.briefcitDetail {
	font-size: 75%;
	padding: 0 0 0 8px;
}

.briefcitDetail img {
	padding-top: 2px;
}

.briefcitExtras {
	font-size: 80%;
	text-align: center;
	white-space: nowrap;
}

.briefcitExtras img {
	padding-bottom: 2px;
}

.briefcitItems em {
	font-size: 90%;
}

.birefcit_auth {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.briefcitItems table {
}

.briefcitItems th, .briefcitItems td {
	font-size: 75%;
}

.briefcitItems .bibItemsHeader {
	padding: 0;
}

.briefcitResultInfo {
	text-align: left;
	font-size: 90%;
}

.briefcitRequest {
	font-size: 75%;
	text-align: middle;
	padding: 0 0 0 5px;
}

.briefCitRow {

	border-top: 1px solid #B8CA03;
}

.briefcitStatus {
	font-weight: bold;
}

.briefcitTitle {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.briefcitEntryNum {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.briefcitDetail {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.briefcitTitle {

	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

/* classes for browse displays */

/* See also Web options BROWSE_HEADERS, TABLEPARAM_BROWSE..., TABLEPARAM_BRIEFCIT */

.browseEntry {
	color: #000000;
	font-weight: normal;
}

.browseEntry td {
	border-top: 1px solid #B8CA03;
}

.browseEntryData {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.browseEntryEntries {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.browseEntryMark {

	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.browseEntryMedia {
	vertical-align: middle;
}

.browseEntryNum {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.browseEntryRelevance {
	background: #B8CA03;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.browseEntryYear {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.browseHeader {

	text-align: left;
	background: #92A202;
}

.browseHeaderData {

	text-align: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
}

.browseHeaderEntries {

	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
}

.browseHeaderMark {

	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
}

.browseHeaderMedia {

	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
}

.browseHeaderNum {

	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
}

.browseHeaderRelevance {
}

.browseHeaderYear {

	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
}

.browseList {

	border: #669900 solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	width:90%
}

.browsePager {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.browseResourceTableEntry {
	color: #000000;
	text-align: center;
}

.browseSaveJump {
	color: #000000;
	background: #FFFFFF;
	text-align: left;
}

.browseSaveJump form {
	display: inline;
}
.browseSaveJump input{height:25px; position:relative; top:-10px}
.browseScreen {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 96.5%
}

.browseSearchtool {
	background: #EBEBEB;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #000000;
}

.browseSearchtoolMessage {

	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.browseSubEntry {
	color: #000000;
	font-weight: normal;
}

.browseSubEntryData {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Is an Entries column ever drawn in Extended browse? */

.browseSubEntryEntries {
}

.browseSubEntryMedia {
}

.browseSubEntryRelevance {
}

.browseSubEntryYear {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.browseSuperEntry td {

	padding: 0 0 0 3px;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.button {
	vertical-align: middle;
}

/* This is used in the Materials Booking calendar */

.closed {
	font-weight: bold;
	color: red;
}

.errormessage {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 5px;
	background: #FFFBC6;
}

.errormessage h2 {
	display: inline;
}

/* External Patron Authentication product style */

.extpat div {
	line-height: 1.66em;
	width: 90%;
	background: #000000;
	border: 2px solid #000000;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

/* External Patron Authentication product style */

.extpat strong {
	display: block;
	text-align: left;
}

/* Feed table link styles */

.feedtable a:link, .feedtable a:visited, .feedtable a:active {
	color: #000;
	text-decoration: underline;
	font-size: 90%;
}

.feedtable a:hover {
	color: red;
	text-decoration: underline;
	font-size: 90%;
}

/* used for search help pages tabbed navigation */

.fields td {
	padding: 2px;
}

/* This is used in the featured list display */

.ftlistHeader {
}

.helpNote {
	font-size: 90%;
	font-style: italic;
}

.helpspan {
	font-size: 100%
}

.holdingsDivider {

	height: 0;
	margin: -3px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-top-color: #666600;
}

.holdingsItemsBookings {
	margin: 0 0 8px 0;
}

.InnovativeCredit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic
}

/* Used in Related Searches display */

div#instructions {
	font-size: 90%;
	font-style: italic;
}

.KidsOnline {
	font-family: "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold
}

/* External Patron Authentication product style */

.libpat div {
	line-height: 1.66em;
	width: 90%;
	background: #000000;
	border: 2px solid #000000;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

/* External Patron Authentication product style */

.libpat strong {
	display: block;
	text-align: left;
}

/* Styles used in Limit/Sort Search page - srchmod.html */

.limitEntriesFoundNum {
	font-size: 90%;
	font-style: italic;
}

.limitEntriesFoundText {
	font-size: 90%;
	font-style: italic;
}

.limitSearchTerm {
	font-size: 90%;
	font-weight: bold;
}

.limitSearchTypeText {
	font-size: 90%;
}

.limitSearchTypeIndex {
	font-size: 90%;
}

.loggedInMessage{display:none}

/* External Patron Authentication product styles */

.loginarea {
}

.main {
	margin-left: 20px;
	margin-right: 20px;
}

/* used for search help pages tabbed navigation */

#main {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 90%
}

#main a:link {
	color: #000;
}

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

#main a:visited {
	color: #0132A7;
}

#main div {
	padding-top: .2em
}

#main .tabs a:link, #main .tabs a:visited {
	color: #000;
	text-decoration: none;
}

#main .tabs a:hover {
	text-decoration: underline;
}

/* control over mainmenu and opacmenu pages layout */

.metacatalog {
	text-align: left;
	padding: 20px;
	padding-top: 1em;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-left: 20px;
	background-color: #EBEBEB;
	vertical-align: top;
	font-size: 80%;
	height: 150px
}

.msg {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.navigationRow {
	margin: 0px;margin-top:20px;
	text-align: center;
}

.navigationRow select {
	vertical-align: top;
}

.nowrap {
	white-space: nowrap;
}

.pageDirectoryArea {
	color: #000000;
	text-align: left;
}

.pageInfoAreaHeader {
	color: #0132A7;
	background: #EBEBEB;
	font-size: 110%;
	font-weight: bolder;
	text-align: left;
}

.pageMainArea {
	color: #000000;
	background: #EBEBEB;
	padding-left: 3px;
}

.pageMainAreaHeader {

	color: #000000;
	font-size: 100%;
	font-weight: bolder;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.pageMainAreaSubHeader {

	font-size: 10px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.pageNavArea {
	color: #FFFFFF;
	background: #000000;
}

.pageNavAreaBorder {
	background: #0132A7;
}

.pageNavAreaText {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #000000;
}

/* classes for patron record display */

/* see also Web options TABLEPARAM_PATDISP, TABLEPARAM_PATFUNC, */

/* and the various BUT_PAT_ graphics options. */

.patActionsLinks {
	clear: both;
	padding: 10px;
	width: 95%
}

.patActionsLinks img {
	vertical-align: middle;
}

.patDisplay {
}

.patDisplayFunc {
}

.patDisplayInfo {
}

.patFunc {
	border-top: 0px solid #000000;
	border-spacing: 3;
}

.patFunc td {
	padding: 5px;
	border-bottom: 1px solid #000000;
}

.patFuncArea {
	border: 0px solid #666666;
	margin: 3px;
	width: 95%;
	margin: 25px 0 0 25px;
	padding-top: 50px;
	text-align: center;
}

.patFuncArea form {
	display: inline;
}

.patFuncArea img {
	padding-top: 2px;
}

.patFuncAuthor {
}

.patFuncBookDate {
}

.patFuncBtns {
	color: #000000;
	background: #EBEBEB;
}

.patFuncCallNo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.patFuncBarcode {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.patFuncCancel {
	text-align: center;
}

.patFuncDate {
}

.patFuncDetails {
}

.patFuncEntry {
	color: #000000;
	background: #EBEBEB;
	font-weight: normal;
}

.patFuncFinesDetailAmt {
}

.patFuncFinesDetailDate {
}

.patFuncFinesDetailDateLabel {
}

.patFuncFinesDetailType {
}

.patFuncFinesEntryDetail td {
	border-bottom: 1px solid #000000;
}

.patFuncFinesEntryTitle {
	color: #000000;
	background: #EBEBEB;
	font-weight: normal;
}

.patFuncFinesTotal {
}

.patFuncFinesTotalAmt {
	font-weight: bold;
}

.patFuncFinesTotalLabel {
}

.patFuncFreeze {
}

.patFuncHeaders {

	color: #FFFFFF;
	background: #92a202;
	font-family: Arial, Helvetica, sans-serif
}

.patFuncMark {
}

.patFuncModifyPatInfo {
}

.patFuncModifyPIN {
}

.patFuncModifyPINExample {
}

.patFuncNoEntries {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.patFuncPickup {
}

.patFuncPSrchBtn {
}

.patFuncPSrchType {
}

.patFuncRating {
}

.patFuncRenewCount {
	font-style: italic;
	color: red;
}

.patFuncStatus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.patFuncTitle {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.patFuncTitle a:link, .patFuncTitle a:active {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.patFuncTitle a:visited {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.patFuncTitle a:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #66CC00;
}

.patHelpLinksold {

	border: 1px solid #000000;
	border-top: none;
	width: 300px;
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F7FFE3;
}

.patHelpLinks {
	border: none !important;
	width: 300px;
	/*padding: 3px;
	 margin-left: 5px;
	 margin-right: 5px;
	 background: #ffffff;
	 float: left;*/
}
.patHelpLinks {
		display: none;
	}
.patHelpLinks a:Link, .patHelpLinks a:visited, .patHelpLinks a:active {

	text-align: left;
	display: block;
	border-bottom: 0px #000000 solid;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #338800;
	text-decoration: none;
}

.patHelpLinks a:hover {
	text-align: left;
	display: block;
	border-bottom: 0px #000000 solid;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
	font-weight: bold;
	text-decoration: none;
}

.patImage {
}

.patInfo {
}

.patMainFuncs {
	position: absolute;
	top: 510px;
	background-color: transparent;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 0em;
	box-shadow: 0px 0px 0px #D8D8D8;
	width: 100%;
	z-index: 100;
	}
}
.tool {width:90%!important}

.patNameAddress {
	text-align: left;
	width: 450px;
	float: left;
	position:relative;left:-200;
	margin-right:-100px!important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 0px;solid #2c383e;
	background-color: #E6E6E6;
	border-radius: 0.5em;
	box-shadow: 4px 4px 5px #D8D8D8;
	padding: 20 20 20 30;
	margin: 0 40 0 0;
}

.patSearchLinks {
}

.patStatusLinks {
	border: none !important;
	width: 300px;
	padding: 3px;
	/*margin-left: 5px;
	 margin-right: 5px;
	 background: #ffffff;
	 float: left;*/
}
.patStatusLinks a:Link, .patStatusLinks a:visited, .patStatusLinks a:active{
color:#6c6c6c!important;
height:auto; 
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
display:block; 
border: 1px solid #cccccc;
width:80%;
background-color:#ededed; 
margin-right:auto;
padding:8px;
margin-bottom:10px; border-radius:2px;border-radius: 5px;
}


.patStatusLinks a:hover {
	color: #336600;
	text-decoration: none;
}
.patStatusLinks {
		z-index: 100;
		width: 100%;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top:10px;
}
.patStatusLinks a {
		text-align: center;
		max-width: 45%;
		width: auto !important;
	 display:inline!important;
 }
.paymentPage {
	margin: 10px;
}

.paymentPage h2 {
	font-weight: bold;
}

.paymentPageFinestable {
	width: 80%;
	border: 2px solid #000000;
}

.popupForm {
	font-size: 90%;
}

.popupForm td {
	font-size: 90%;
}

/* These are used in the Related Searches display in the Search Tool */

.rateLabel {
	color: #000000;
}

.rateLabel a:active, .rateLabel a:visited, .rateLabel a:link {
	color: #000000;
	text-decoration: none
}

.rateLabel a:hover {
	color: #000000;
	text-decoration: underline
}

.relSearchLabel {
}

.relSearchLink {
}

.reqFillTimeMsg {
	font-style: italic;
	font-size: 90%;
}

.reserveBibs {
	border: 2px solid #000000;
}

.reserveBibs td {
	border-bottom: 1px solid #000000;
}

.reserveBibs input {
	background-color: #EBEBEB;
}
/* Resource Record display */

.resourceBib {
}

.resourceBibEntry {
	color: #000000;
	background: #EBEBEB;
	text-align: left;
}

.resourceBibHeader {
	color: #FFFFFF;
	background: #000000;
	font-weight: bold;
	text-align: left;
}

.resourceInfoData {
}

.resourceInfoLabel {
	background: #EBEBEB;
	font-style: italic;
}

.resourceLicense {
}

.resourceLicenseEntry {
	color: #000000;
	background: #EBEBEB;
	text-align: left;
}

.resourceLicenseHeader {
	color: #FFFFFF;
	background: #000000;
	font-weight: bold;
	text-align: left;
}

.resourceLinkEntry {
}

.resourceResource {
}

.rssChannelEntries {
	padding: 5px 0 5px 0;
}

.rssChannelEntry {
	padding: 4px;
}

.rssChannelEntryDate {
	font-size: 70%;
	font-style: italic;
}

.rssChannelEntryDesc {
	font-size: 80%;
}

.rssChannelEntryHead {
	font-size: 85%;
	font-weight: bold;
	display: list-item;
	padding-bottom: 2px;
}

.rssChannelImage img {
	border: 0;
	margin-top: 2px;
}

.rssChannelTitle {
	font-weight: bold;
}

.rssFeed {
	padding: 5px;
	margin: 2px;
	border: 1px solid #000000;
}

.searchTipsNavAreaText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #0132A7;
}

.searchTipsHeaderText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0132A7;
	text-decoration: none;
	font-weight: bold;
	background-color: #EBEBEB;
}

.sectionHeading {
	font-weight: bold;
}

/* This is used in the patron views of holds */

.suspended td {
	font-size: 90%;
	background: #EBECF6 url(http://84.88.0.227/screens/icicles.png) repeat-x top;
}

.topicFeeds {
	clear: none;
	float: right;
	width: 60%;
	padding: 5px;
}

.topicLinks {
	clear: none;
	float: left;
	padding: 5px;
	width: 35%;
}

.topicLinks ul {
	padding: 5px;
	padding-left: 20px;
	margin: 2px;
	border: 1px solid #000000;
}

/* This is used in the Materials Booking calendar */

.unavailable {
	font-weight: bold;
	color: black;
	background: #D7D7D7;
}

.unpadded {
	margin-bottom: auto;
	margin-top: auto;
}

.wamCalcDate {
	background: #ECECEC;
	border: 1px silver dashed;
	font-size: 90%;
}

.xmlframe {
	width: 100%;
	height: 600px;
	border: 1px solid #000;
}

.yourEntryWouldBeHere {

	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.yourEntryWouldBeHereData {
	border: 2px solid #F5D9A3;
}

/* Section 3: WebBridge */

/* WebBridge style names lowercased as of Release 2005.  Declare styles using these style names for Release 2005 and later */

/* body element in WebBridge forms */

.wbbody {
	color: #000000;
	font-family: verdana, geneva, arial, sans-serif;
	background-color: #fff;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

/* the following .wbbody styles are used to style the wp_panel.html pop up page */

.wbbody a:link, .wbbody a:visited {
	color: #000000;
	text-decoration: underline;
}

.wbbody a:hover, .wbbody a:active {
	color: #aa1002;
	text-decoration: underline;
}

/* fixing alignment of images */

.wbbody img {
	vertical-align: middle;
}

.wbbody .wbcategory {
	color: #000000;
	margin: 10px 10px 0 10px;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	background-color: #B8CA03;
	padding: 2px 5px 2px 5px;
}

.wbbody .wbcategory strong {
	font-weight: bold;
}

.wbbody .wbcategory font {
	color: #000000;
}

.wbbody .wbresourcelist {
	background-color: #fff;
	margin-top: 5px;
}

.wbbody .wblinkdisplay {
	background: #F8F8FA;
	margin: 1px 20px 1px 20px;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
}

.wbbody .wblinkdisplay form {
	padding: 0;
	margin: 0;
}

.wbbody .wblinktext {
	font-size: 11px;
}

.wbbody .wblinkfield {
	font-style: italic;
	font-size: 11px;
}

.wbbody .wbsubheading {
	font-weight: bold;
	color: #aa1002;
}

.wbbody .header {
}

.wbbody .noresources {
	color: red;
	font-size: 1.2em;
	font-weight: bold;
}

.wbbody .citation {
	background-color: #FFFFFF;
	border: 1px solid #162A6D;
	padding: 5px;
}

.wbbody .resourceinfo {
}

.wbbody .advisory {
}

.wbbody .ada {
}

.wbbody .license {
}

.wbbody .linkdisplay {
}

.wbbody .coverage {
}

.wbbody .coverage em {
	font-style: normal;
}

.wbbody .wbheading {
	font-size: 11px;
	margin: 0 10px -7px 10px;
}

.wbbody .headertable {
	background: #B8CA03;
}

.wbbody .citationtitle {
	font-weight: bold;
	color: #aa1002;
	font-size: 1.2em;
}

.wbbody .fieldinsert {
	font-size: .9em;
	margin-left: 30px;
	margin-right: 30px;
}

/* WebBridge category headings */

.wbcategory {
	font-weight: bold;
	margin-top: 1em;
}

/* contents of the WBHEADERTEXT wwwoption */

.wbheading {
}

/* Entire WebBridge Resource Definition Link Display */

.wblinkdisplay {
}

/* Field selectors in Link Display (except for #@LinkText#) */

.wblinkfield {
}

/* #@LinkText# field selector in WB Link Display */

.wblinktext {
}

/* deprecated style -- manually inserted in WB category definition */

.wbPanelCategory {
	color: #0132A7;
}

/* Contents of  resourcelist token in webbridge forms */

.wbresourcelist {
}

/* #HEADER# token in WBHEADERTEXT wwwoption */

.wbsubheading {
}

.mainSpacer {
	margin: 0 1em 1em 1em;
}

div.DisplayBoxContent div a {

	color: #2E3B0B;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.DisplayBoxContent div a:visited {

	color: #2E3B0B;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.DisplayBoxContent div a:hover {

	text-decoration: none;
	color: #4B610B;
	font-weight: bold;
	outline: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.mainActiveTabLarge {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.mainActiveTabLarge2 {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.mainInactiveTabLarge {
	background: transparent;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

.mainInactiveTabLarge2 {
	background: transparent;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

.mainTabActiveLarge {

	width: 140px;
	background-color: #fff;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 20px;
	margin: 0 0 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.mainTabActiveLarge2 {

	width: 160px;
	background-color: #fff;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 20px;
	margin: 0 0 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.mainTabInactiveLarge {
	width: 140px;
	background-color: #DEDEDE;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 18px;
	background-image: url(http://84.88.0.227/screens/tab_content.png);
	background-repeat: repeat-x;
}

.mainTabInactiveLarge2 {
	width: 160px;
	background-color: #DEDEDE;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 18px;
	background-image: url(http://84.88.0.227/screens/tab_content.png);
	background-repeat: repeat-x;
}

.mainActiveTab {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.mainInactiveTab {
	background: transparent;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

.menuTabActive {

	width: 100px;
	background-color: #fff;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 20px;
	margin: 0 0 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.menuTabContent {
	width: 100px;
	background-color: #DEDEDE;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 18px;
	background-image: url(http://84.88.0.227/screens/tab_content.png);
	background-repeat: repeat-x;
}

.helpActiveTab {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.helpActiveTabMedium {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.helpActiveTabLarge {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.verifyActiveTabXL {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.helpInactiveTab {
	background: transparent;
	float: left;
	margin: 0 5px 0 0;
}

.helpInactiveTabMedium {
	background: transparent;
	float: left;
	margin: 0 5px 0 0;
}

.helpInactiveTabLarge {

	float: left;
	margin: 0 5px 0 0;
	background-image: url(http://84.88.0.227/screens/tab_content.png);
	background-color: #DEDEDE;
}

.helpTabContent {

	width: 100px;
	background-color: #DEDEDE;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 17px;
	background-image: url(http://84.88.0.227/screens/tab_content.png);
}

.helpTabActiveContent {
	width: 100px;
	background-color: #fff;
	text-align: center;
	padding: 1px 0 5px 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 20px;
	margin: 0 0 0 0;
}

.menuTabContent {
	width: 100px;
	background-color: #DEDEDE;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 18px;
	background-image: url(http://84.88.0.227/screens/tab_content.png);
	background-repeat: repeat-x;
}

.helpTabContentMedium {
	width: 125px;
	background-color: #DEDEDE;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 17px;
}

.helpTabContentLarge {
	width: 175px;
	background-color: #DEDEDE;
	text-align: center;
	padding: 1px 0 5px 0;
	height: 17px;
	background-image: url(http://84.88.0.227/screens/tab_content.png);
}

.helpTabActiveContentMedium {
	width: 125px;
	background-color: #fff;
	text-align: center;
	padding: 1px 0 5px 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 20px;
	margin: 0 0 0 0;
}

.helpTabActiveContentLarge {
	width: 175px;
	background-color: #fff;
	text-align: center;
	padding: 1px 0 5px 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 20px;
	margin: 0 0 0 0;
}

.verifyTabActiveContentXL {
	width: 200px;
	background-color: #fff;
	text-align: center;
	padding: 1px 0 5px 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 20px;
	margin: 0 0 0 0;
}

.active1, .active2, .active3, .active4 {
	display: block;
	overflow: hidden;
}

.active1, .active2, .active3 {
	height: 1px;
}

.active2, .active3, .active4 {
	background: #fff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.active1 {
	margin: 0 0px;
	background: #000000;
}

.active2 {
	margin: 0 0px;
	border-width: 0 1px;
}

.active3 {
	margin: 0 0px;
}

.active4 {
	height: 2px;
	margin: 0 0px;
}

.inactive1, .inactive2, .inactive3, .inactive4 {
	display: block;
	overflow: hidden;
}

.inactive1, .inactive2, .inactive3 {
	height: 1px;
}

.inactive2, .inactive3, .inactive4 {
	background: #DEDEDE;
}

.inactive1 {
	margin: 0 0px;
	background: none
}

.inactive2 {
	margin: 0 0px;
	border-width: 0 2px;
}

.inactive3 {
	margin: 0 0px;
}

.inactive4 {
	height: 2px;
	margin: 0 0px;
}

/* content div rounding styles */

.mainActiveContent {
	border: 0 solid #000000;
	border-width: 1px 1px 0 1px;
	clear: both;
	padding: 2px 10px 2px 10px;
	background: #fff;
	display: block;
}

.mainActiveContentTabless {
	border: 0 solid #000000;
	border-width: 1px 1px 0 1px;
	clear: both;
	padding: 2px 10px 2px 10px;
	background: #fff;
	display: block;
	margin: 0;
}

.helpActiveContent {
	border: 0 solid #000000;
	border-width: 1px 1px 0 1px;
	clear: both;
	padding: 2px 10px 2px 10px;
	background: #fff;
	display: block;
}

.contop, .conbottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

.conb1, .conb2, .conb3, .conb4 {
	display: block;
	overflow: hidden;
}

.conb1, .conb2, .conb3 {
	height: 1px;
}

.conb2, .conb3, .conb4 {
	background: #fff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.conb1 {
	margin: 0 0px;
	background: #000000;
}

.conb2 {
	margin: 0 0px;
	border-width: 0 1px;
}

.conb3 {
	margin: 0 0px;
}

.conb4 {
	height: 2px;
	margin: 0 0px;
}

.folderWrapper {
	float: left;
	width: 70%;
}

.folderWrapper2 {
	float: left;
	width: 100%;
}

.mainNavLinksWrapper {

	float: left;
	width: 270px;
	margin-top: 10px;
	margin-left: 15px;
}

#primera_capa {

	float: right;
	width: 175px;
	margin-top: 1px;
	margin-left: 15px;
}

#primera_capa_bis {

	float: left;
	width: 270px;
	margin-top: 25px;
	margin-left: 15px;
}

.roundedContent {

	background: transparent;
	margin: .5em 0 1em 0;
}

.roundedContent2 {

	background: transparent;
	position: absolute;
	right: 299px;
	top: 139px;
	height: 105px;
}

.roundedContent3 {

	background: transparent;
	position: absolute;
	right: 299px;
	top: 139px;
	height: 105px;
}

.xtop, .xbottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

.xb1, .xb2, .xb3, .xb4 {
	display: block;
	overflow: hidden;
}

.xb1, .xb2, .xb3 {
	height: 1px;
}

.xb2, .xb3, .xb4 {
	background-color: #FFFFFF;;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.xb1 {
	margin: 0 0px;
	background: #000000;
}

.xb2 {
	margin: 0 0px;
	border-width: 0 1px;
}

.xb3 {
	margin: 0 0px;
}

.xb4 {
	height: 2px;
	margin: 0 0px;
}

.xb1b, .xb2b, .xb3b, .xb4b {
	display: block;
	overflow: hidden;
}

.xb1b, .xb2b, .xb3b {
	height: 1px;
}

.xb2b, .xb3b, .xb4b {
	background-color: #E8FFBB;;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.xb1b {
	margin: 0 0px;
	background: #000000;
}

.xb2b {
	margin: 0 0px;
	border-width: 0 1px;
}

.xb3b {
	margin: 0 0px;
}

.xb4b {
	height: 2px;
	margin: 0 0px;
}

.roundedContentInfo {

	display: block;
	border: 0 solid #000000;
	border-width: 0 1px;
	padding: 2px 5px;
	color: #000000;
	font-size: 90%;
	background-color: #FFFFFF;
}

.roundedContentInfo a:link, .roundedContentInfo a:visited, .roundedContentInfo a:active {
	color: #000;
	text-decoration: none;
}

.roundedContentInfo a:hover {
	color: #006600;
	text-decoration: none
}

.mainActiveContentTable {
	width: 100%;
	font-size: 90%;
}

.mainContentHead {
	font-weight: bold;
	width: 130px;
}

span#searchTips {
	padding: 5px 5px 5px 5px;
	font-size: 85%;
	display: none;
	border: 1px solid #000
}

.textFix {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

#topLogohead {

	background-color: #B8CA03;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	background-image: url(http://84.88.0.227/screens/top_bg.png);
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #5E5E2F;
}

#topLogohead span {
	color: #fff;
	font-weight: bold;
}

#topLogohead form {
	padding: 0;
	margin: auto;
}

#topLogoImage_original {
	padding: 5px 3px 5px 5px;
}

#topLogoImage {
	padding: 0px 0px 0px 0px;
}

#topLogoHead a.blanc:link {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#topLogoHead a.blanc:visited {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#topLogoHead a.blanc:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

#currentDate {
	font-weight: bold;
	color: #ffffff;
	font-size: .8em;
	padding: 5px;
}

.topLog {
	padding: 3px 0 3px 10px;
	margin: 0;
	font-size: 80%;
	color: #fff;
}

.topLog input {
	font-size: .7em;
}

.unpadded {
	margin-bottom: auto;
	margin-top: auto;
}

#topID {

	background-color: #92A202;
	color: #F7A100;
	font-size: 18px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*padding-left:-15px;

	 padding-right:15px; */

	/*float:right; */

}

#topID a.blanc:link {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#topID a.blanc:visited {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#topID a.blanc:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

/* estilos originales toplogo
 #topID ul {list-style:none; font-size:.7em; padding:0; margin:0 0 5px 0;}

 #topID ul li {display:inline; padding:0 2px 0 0;}

 #topID ul li a {text-decoration:none; color:#000000;}

 #topID ul li a:hover {text-decoration:underline; color:#000000;}

 #topID .breaker {color:#ffffff;}
 */

#topID ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	padding: 0;
	margin: 0 0 5px 0;
}

#topID ul li {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	display: inline;
	padding: 0 2px 0 0;
}

#topID ul li a {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}

#topID ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

#topID .breaker {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	color: #ffffff;
}

#botnav {

	margin: 0 0 10px 0;
	font-size: 80%;
	padding: 0;
	text-align: center;
	background-color: #92A202;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #5E5E2F;
}

.botmenuLinks {
	position: relative;
	margin: 0;
	padding: 5px;
}

#botnav ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	padding: 0;
	margin: 0 0 5px 0;
}

#botnav ul li {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	display: inline;
	padding: 0 2px 0 0;
}

#botnav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	display: inline;
	color: #ffffff !important
}

#botnav ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	display: inline;
	color: #585858 !important
}

#botnav .breaker {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	font-size: 12px;
	color: #ffffff;
}

/*styles for bib_display.html */

.topDiv {
	text-align: center
}

.limitDiv {
	width: 60%
}

.searchTool {
	border: 1px solid #000000;
	background: #B8CA03;
	padding: 5px 0 5px 0;
}

#bibLeft {
	float: left;
	left: 2%;
	width: 12%;
}

#bibContent {
	float: left;
	left: 16%;
	width: 75%;
}

#bibRight {
	float: left;
	left: 88%;
	width: 10%;
}

.raised {
	background: transparent;
	width: 95%;
	margin: 0 auto;
}

.raised .top, .raised .bottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
	display: block;
	overflow: hidden;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
	height: 1px;
}

/* .raised .b2 {background:#EBEBEB; border-left:1px solid #fff; border-right:1px solid #fff;}

 .raised .b3 {background:#EBEBEB; border-left:1px solid #fff; border-right:1px solid #fff;}

 .raised .b4 {background:#EBEBEB; border-left:1px solid #fff; border-right:1px solid #fff;}

 .raised .b4b {background:#EBEBEB; border-left:1px solid #fff; border-right:1px solid #fff;}

 .raised .b3b {background:#EBEBEB; border-left:1px solid #fff; border-right:1px solid #fff;}

 .raised .b2b {background:#EBEBEB; border-left:1px solid #fff; border-right:1px solid #fff;} */

.raised .b1 {
	margin: 0 0px;
	background: transparent;
}

.raised .b2, .raised .b2b {
	margin: 0 0px;
	border-width: 0 2px;
}

.raised .b3, .raised .b3b {
	margin: 0 0px;
}

.raised .b4, .raised .b4b {
	height: 2px;
	margin: 0 0px;
}

.raised .b1b {
	margin: 0 0px;
	background: transparent;
}

.raised .tool form {

	margin: auto;
	padding: 0;
}

.raised .tool {
	display: block;
	font-size: 100%;
	padding: 3 3 20 3px;
	background-color: #EBEBEB;
	border: 1px solid #666666;
	width: 95%;
}

.clear {
	clear: both;
	margin-bottom: 5px;
}

.clear2 {
	clear: both;
}

#infoTable {
	width: 85.3%;
	padding-right: 15px;
	box-shadow: 4px 4px 5px #D8D8D8;
}

#sidebarContent {
	width: 21%;
	padding: 0 0 0 5px;
	float: left
}

#infoOther {
	text-align: center;
	display: none;
}

#moreInfo {
	display: none;
	padding: 0 3px 0 3px;
}

#moreCategories {
	display: none;
	padding: 0 3px 0 3px;
}

#revandRate {
	text-align: center;
	background: #B8CA03;
	padding: 0 0 3px 0;
}

.sidecontentHeading {
	background: #000000;
	color: #fff;
	font-size: 80%;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px solid #7e4a1f;
	width: 100%;
	margin: 0 0 3px 0;
}

.conHead {
	background: #162A6D;
	color: #fff;
	font-size: 85%;
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px solid #FFB515;
	width: 100%;
	padding: 2px 0 2px 6px;
}

.booking {
	text-align: center;
	margin: 0 0 5px 0;
}

#bibMenuLinks {
	padding: 0 5px 3px 5px;
	text-align: center;
}

#bibMenuLinks a {
	color: #162A6D;
}

div.bibContentBox div a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	font-size: 85%;
}

div.bibContentBox div a:hover {
	color: #669900;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	font-size: 85%;
}

.xtop, .xbottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

/* tab rounding styles for selection switches*/

.bibTabOn {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.bibTabOff {
	background: transparent; ;
	float: left;
	margin: 0 5px 0 0;
}

.bibSimTabOn {
	background: transparent;
	float: left;
	margin: 0 5px -1px 0;
}

.bibSimTabOff {

	float: left;
	margin: 0 5px 0 0;
}

.bibTabContent {
	width: 100px;
	background-image: url(http://84.88.0.227/screens/tab_content_exemplars.png);
	text-align: center;
	padding: 5px 0 5px 0;
	height: 15px;
}

.bibTabSelected {
	width: 100px;
	background-color: #fff;
	text-align: center;
	padding: 5px 0 5px 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 18px;
	margin: 0 0 0 0;
}

.bibSimTabSelected {
	width: 150px;
	background-color: #fff;
	text-align: center;
	padding: 5px 0 5px 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 18px;
	margin: 0 0 0 0;
}

.bibSimTabContent {
	width: 150px;
	background-image: url(http://84.88.0.227/screens/tab_content_exemplars.png);
	text-align: center;
	padding: 5px 0 5px 0;
	height: 15px;
}

.tabTop, .tabBottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

.selected1, .selected2, .selected3, .selected4 {
	display: block;
	overflow: hidden;
}

.selected1, .selected2, .selected3 {
	height: 1px;
}

.selected2, .selected3, .selected4 {
	background: #fff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.selected1 {
	margin: 0 0px;
	background: #000000;
}

.selected2 {
	margin: 0 0px;
	border-width: 0 1px;
}

.selected3 {
	margin: 0 0px;
}

.selected4 {
	height: 2px;
	margin: 0 0px;
}

.option1, .option2, .option3, .option4 {
	display: block;
	overflow: hidden;
}

.option1, .option2, .option3 {
	height: 1px;
}

.option2, .option3, .option4 {

	background-color: #ccc;
}

.option1 {

	margin: 0 0px;
	background-color: #ccc;
}

.option2 {
	margin: 0 0px;
	border-width: 0 1px;
}

.option3 {
	margin: 0 0px;
}

.option4 {
	height: 2px;
	margin: 0 0px;
}

.bibContentWrapper {
	border: 0 solid #000000;
	border-width: 1px 1px 0 1px;
	clear: both;
	padding: 0 10px 0 10px;
	background: #fff;
	display: block;
}

.bibContentSectionOptions {
	width: 95%;
	display: none;
	margin: -10px 0 0 0;
}

.bibContentSectionDefault {
	width: 95%;
	margin: 0px 0 0 0;
}

.searchTipTable {
	font-size: 80%;
}

#searchTipMain {
	display: none;
	margin: 12px
}

.searchTipContentInfo {
	display: block;
	background: #fff;
	border: 0 solid #000000;
	border-width: 0 1px;
	padding: 2px 5px;
	color: #000;
}

#searchTipsLink {
	text-align: center
}

#searchTipsLink a:link, #searchTipsLink a:visited, #searchTipsLink a:active {
	color: #000;
	text-decoration: none;
}

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

#printcss {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #669900;
}

#printcss a:Link {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #669900;
}

/* table striping styles */

/* for brief citation */

td.odd {
	background: #ffffff;
}

td.highlight {
	background-color: #E8FFBB;
}

/* for browse entries */

tr.odd {

	background-color: #ffffff;
}

tr.highlight {

	background-color: #E8FFBB;
}

/*styles for pirnt view and web view toggles in bib_display.html*/

#printView {
	text-align: right;
	font-size: .8em;
	margin: 0 5px 0 0;
	padding-top: 15px;
	height: 15px;
}

#printView a {
	color: #666600;
}

#webView {
	display: none
}
.taula_resultats {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: thin solid #666666;
}

pre {

	margin: 0 12px;
	font-size: 12px;
}

table {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* estils nous */

/* general */

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 12px;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color: #F9F9F9;
}

body > span:last-of-type {
	color:transparent;
}
/*missatges*/
.loggedInMessage {
	position: relative;
	top: 140 !important
}

p a[href^="/patroninfo"] {
	padding: 20px;
}
/*missatges*/

#PageContent {
	position: relative;
	width: 1250px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.hasRight {
	margin-right: 20px;
}

a {
	font-weight: bold !important;
	text-decoration: none !important;
	color: #2c383e !important;
}

a:hover {
	color: #808080 !important;
}

/* nova capçalera resultats*/
#mobileHeader {
	display: none
}
header {
	position: relative;
	width: 100%;
}

.acount {
		display: block;
		padding-left: 15px;
		background-image: url('user2.png');
		background-size: 12px;
		background-repeat: no-repeat;
		background-position: left center;
	}

.header {
	position: relative;
	width: 100%;
}

#topMenu {
	position: relative;
	top: 0px;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	color: #000000;
	vertical-align: middle;
	border-bottom: 2px solid #2c383e;
}
#topMenu ul {
	position: absolute;
	top: 0px;
	right: 120px;
	list-style: none;
}
#topMenu ul li {
	font-weight: bold;
	color: #2c383e;
	float: left;
	margin-left: 15px;
}
.pageLanguage {
	position: absolute;
	top: 12px;
	right: 0px;
	width: 110px;
	background-color: #FFFFFF;
	z-index: 1;
	padding-left: 2px;
	padding-right: 2px;
}

.pageLanguage:hover > .hide {
	display: block;
}
.hide {
	margin-top: 5px;
	display: none;
}
#logo {
	height: 100px;
	width: 800px;
	cursor: pointer;
	z-index: 10;
	margin-bottom: 30px;
	margin-left: 20px
}

.logoEng {
	background-image: url('banner_eng.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size:100%;
}
.logoCat {
	background-image: url('banner_cat.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size:100%;
}
.logoEsp {
	background-image: url('banner_esp.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size:100%;
}

/* help stile */

#help {
	display: none;
	position: absolute;
	top: 450px;
	left: 100px;
	border-radius: 10px;
	z-index: 100;
	cursor: move;
}

#helpContent {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #E1E1E1;
	border-radius: 10px;
	z-index: 100;
	width: 600px;
	height: 423px;
}

#helpTabs {
	position: absolute;
	top: 0px;
	left: -10px;
	padding: 0;
	height: 100%;
	width: 150px;
	min-width: 150px;
	list-style: none;
}

.tab, .tab-large {
	border-radius: 10px;
	display: block;
	vertical-align: middle;
	line-height: 45px;
	width: 150px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	cursor: pointer;
}
.tab-large {
	line-height: 421px;
}
.active {
	background-color: #CDCDCD;
}

#closeIcon {
	position: absolute;
	top: -8px;
	right: -18px;
	cursor: pointer;
	z-index: 200;
}

#helpText {
	position: absolute;
	top: 0px;
	left: 150px;
	height: 100%;
	width: 460px;
	border-radius: 10px;
	background-color: #E1E1E1;
}

#helpText div {
	margin-top: 50px;
	width: 440px;
}

#helpText div ul li {
	margin-top: 15px;
}

#helpText div ul li ul {
	margin-top: 5px;
}

#helpText div ul li ul li {
	margin-top: 0px;
	list-style: none;
	font-style: oblique;
}

#helpIcon {
	position: absolute;
	cursor: pointer;
	bottom: 15px;
	left: 95%;
}

/* form content styles */

.formContent {
	position: absolute;
	z-index: 3;
	top: 50px;
	left: 0px;
	margin-bottom: 40px;
	margin-left: 10px;
	width: 900px;
	height: auto;
	max-height:420px;
	padding-bottom: 100px;
	clear: both;
	border: 0px;solid #2c383e;
	background-color: #5985A4;
	border-top-left-radius: 0em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 0em;
	box-shadow: 4px 4px 5px #D8D8D8;
	background: #5985A4; /* Old browsers */
	background: -moz-linear-gradient(top,  #707070 0%, #5985A4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#5985A4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #707070 0%,#5985A4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #707070 0%,#5985A4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #707070 0%,#5985A4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #707070 0%,#5985A4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#5985A4',GradientType=0 ); /* IE6-9 */
}
#simpleForm {
	padding: 20px 0px 0px 0px;
}
.formManajament {
	position: absolute;
	bottom: 15px;
	left: 20px
}
#nota {margin-top:40px;margin-bottom:-60px; text-align:center;}
#nota a:hover{color:#fefefe!important}

/* mobile styles*/

#mobileHeader {
	font-size: 25px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 55px;
	width: 100%;
	display: none;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}

#downMobileMenu {
	position: relative;
	display: none;
	clear: both;
	padding-top: 150px;
	width: 100%;
	color: #000000;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#downMobileMenu p {
	font-size: 18px;
	padding: 10px;
}

#mobileTabs {
	position: absolute;
	display: none;
	width: 100%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: #FFFFFF;
}

.mobileTab {
	width: 50%;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
	float: left;
	cursor: pointer;
	background-color: #393C39;
	border-radius: 2px;
}

.mobileTabActive {
	background-color: #5A9AC6;
}

/* link styles */

#links {
	position: absolute;
	top: 285px;
	left: 0px;
	width: 900px;
	height: 125px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	border-top-left-radius: 2em;
	border-top-right-radius: 0em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 0em;
}

#links ul {
	display: inline-block;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#links ul li {
	float: left;
	background-color: #F0f0f0;
}
.hasRight{background-size: 100px 80px;}
.hasLeft{background-size: 140px 110px;}
#links2 {
	position: absolute;
	top: 50px;
	left: 930px;
	width: 250px;
	height: 330px;
	padding: 25px;
	background-color: #F0f0f0;
	border-top-left-radius: 1em;
	border-top-right-radius: 0em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 0em;
	box-shadow: 4px 4px 5px #D8D8D8;
}

#links2 ul {
	margin-bottom: 15px;
	padding-top: 5px;
	padding-left: 0;
	list-style: none;
	list-style-type: none;
	border-top: 2px solid #2c383e;
}

#links2 ul li {
	margin-bottom: 5px;
}

#links2 img {
	margin-bottom: -10px;
}

.text {
	display: none;
	height: 100px;
	width: 140px;
	background-color: rgba(255,255,255,0.7);
}

.text span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.link {
	font-size: 12px;
	border: 1px solid #A4A4A4;
	height: 100px;
	width: 140px;
	margin-top: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 4px 4px 5px #D8D8D8;
	border: 1px #2c383e solid;
}

.link:hover > .text {
	display: table;
	color: #585858;
}

/*taula de resultats versió web*/
.browseHeaderData {
	color: #2c383e;
	font-weight: bold;
}
.browseScreen {
	box-shadow: 4px 4px 5px #D8D8D8;
	border-top-right-radius: 1em;
}
.browseScreen table:nth-of-type(1) {
	border: 0px;
}
.browseSaveJump, .browseHeader, .browseEntryRelGroup1 td {
	background-color: transparent;
	border: 0px solid #000000
}
.bibItemsHeader {
	border-bottom: 1px solid #fafafa
}
.bibItemsEntry td {
	border-bottom: 1px solid #ffffff
}
div.additionalCopies > table > tbody > tr.bibItemsHeader {background-color:}
.browseHeaderData {
	background-color: transparent !important
}
.browseSearchtool, .tool {
	margin-left: 8;
	padding-bottom: 15px;
	color: #ffffff;
	width: 99%;
	height: auto;
	border: 0px;solid #2c383e;
	background-color: #5A9AC6;
	border-top-left-radius: 0em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 0em;
	border-bottom-left-radius: 0em;
	box-shadow: 4px 4px 5px #D8D8D8;
	background: #5A9AC6; /* Old browsers */
	background: -moz-linear-gradient(top,  #585858 0%, #5A9AC6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(100%,#5A9AC6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #585858 0%,#5A9AC6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #585858 0%,#5A9AC6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #585858 0%,#5A9AC6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #585858 0%,#5A9AC6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#5A9AC6',GradientType=0 ); /* IE6-9 */
}
.tool {
	width: 103.7% !important;
	box-shadow: 4px 0px 5px #D8D8D8;
}
.browseSearchtool form, .tool form {
	padding: 5px
}
.browseSearchtool form select, .browseSearchtool form input, .browseSearchtool form checkbox, .tool form select, .tool form input, .tool form checkbox {
	font-size: 1.1em;
	padding: 2px
}
.pageMainAreaSubHeader {
	font-size: 1.1em;
}

.briefCitRow {
	border-top: 1px solid #2c383e;
}
.browseScreen a {
	color: #3D6884
}
.browseScreen a:hover {
	color: #585858
}

.browseEntry a {
	color: #437799
}
.browseEntry td {
	border-top: 1px solid #2c383e;
}
#botnav {
	border-color: #2c383e;
	background-color: #437799
}

.patFuncHeaders {
	background-color: #5A9AC6 !important;
}
/*eliminació botons duplicats a la taula del meu compte*/

.patFuncArea > form > a:nth-child(1) > img,.patFuncArea > form > a:nth-child(2) > img,.patFuncArea > span > a:nth-child(1) > img, body > div.patFuncArea > span > a:nth-child(2) > img, #hold_form > a:nth-child(2) > img, #hold_form > a:nth-child(4) > img, #hold_form > a:nth-child(5) > img, #checkout_form > a:nth-child(2) > img, #checkout_form > a:nth-child(4) > img,#checkout_form > a:nth-child(5) > img,#checkout_form > a:nth-child(6) > img{display:none}
/*centrat del desplegable d'històric a la taula resultats i registre bibliogràfic*/
.navigationRow > form > select:first-of-type {
	height: 30px
}
.topDiv > div:first-of-type > select:first-of-type {
	height: 30px;
	position: relative;
	top: -12px
}
/*centrat del desplegable de les meves llistes a la taula el meu compte*/
.mylistsSelect select{height:28px!important;position:relative; top:-10px!important}
/*fi centrat*/
/*ocultar 001 per botó Amazon*/
.bibInfoData.CCUC{display:none}
/*mostrar botó Amazon*/
#popupamazonFons {
  position: absolute;
  visibility: hidden;
  z-index: 5;
  background: rgb(230,230,230);
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
}

#popoupamazon {
  position: absolute;
  visibility: hidden;
  left: 50%;
  top: 50%;
  width: 320px;
  height: 176px;
  margin-top: -88px;
  margin-left: -160px;
  z-index:7776;
border:2px solid #555555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color:#ffffff}

#popoupamazonContingut {
  position: absolute;
  font-weight: bold;
  visibility: hidden;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 156px;
  margin-top: -78px;
  margin-left: -150px;
  z-index:7777;
}
#popoupamazonContingut a{color:#555555!important}
.boto{ width:50%;}
.boto:nth-child(1) {padding-left:30px;padding-right:10px;}
.boto:nth-child(2) {padding-left:10px;padding-right:30px;}
.boto a{border:1px solid #cccccc;padding:5px 20px 6px 20px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,000000+100&amp;0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(232,232,232,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,232,232,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e8e8e8', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
#centrat{margin:80px 0 0 210px}