body{font-family: Tahoma;
	font-size: 13px;}
details[open] SUMMARY ~ * { animation: sweep .5s ease-in-out; line-height: 130%;  }
details [open]{margin: 15px 0 15px 0; font-size: 15px; line-height: 130%; }
details:hover{	cursor: pointer;
	background-color: #fff;
	}
@keyframes sweep {
  0%    {opacity: 0; margin-left: -5px}
  100%  {opacity: 1; margin-left: 0px}
}
.icon-x{
	width: 27px;
	height:27px;
	vertical-align:top;
	padding-right: 1%;
	padding-left: 1%;}
.element-text{	color:#e34e09;
	font-weight: bold;
	font-size: 14px;
	width:auto;
	display: inline;
	text-align: center;	}
#clear{clear: both;}	
details {
	font-size: 13px;
	float:left;
	width:80%;
	margin-bottom: 10px;	}
summary{width: 100%; float: left;margin-top: 5px;font-weight:bold;font-size:17px}
/* Resumido */
#referencia{width:100%;	float: left; margin: 3px 0 3px 0; border-bottom: 1px solid #555;}
.capa-referencia{
	float: left;
	width: 125px;
	height: 200px;
	text-align: center;
	font-weight: bold;	
	margin-right: 1%;	}
img.capa-referencia{
	float: left;
	width: 125px;
	height: 175px;
	border: 1px solid #e1e1e1;
border-radius: 10px;}
#table{
	display: table;
	width: auto;
	border: 1px solid #bbbbbb;         
	border-spacing: 10px; /* cellspacing:poor IE support for  this */
	border-radius: 5px;
	padding-bottom:10px	}
.tcaption{display: table-caption;color:#e34e09; font-size: 14px; font-weight: bold;text-align:center;}
.thead{display: table-caption; text-align: center; color: #000260;font-weight: bold;}
.trow{display: table-row;	width: auto;	clear: both;	 }
.trow:hover{background-color: #e1e1e1;}
.trow:nth-child(even){background-color: #f2f2f2}
.campo{
	/* float: left; */
	display: table-cell; 
	vertical-align: middle;
	color: #000260;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
	font-size: 13px;	}
.dados{
	/* float: left; */
	/* fix for  buggy browsers */ 
	width: fit-content;
	text-align: left;
	display: table-cell;         
	border-bottom: 1px solid #e1e1e1;
	font-size: 13px;	
	line-height: 20px;}
.dados a {font-weight: normal; color: #00238c}
#table-tombo{
	display: table;
	text-align: center;
	width: auto;
	border: 1px solid #bbbbbb;         
	border-spacing: 15px; /* cellspacing:poor IE support for  this */
	border-radius: 5px;		}
.c-tombo{
	display: table-cell;         
	width: 150px;
	color: #000260;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
	font-size: 13px;	}
.d-tombo{
	display :  table-cell;
	display: table-cell;         
	width: 150px;
	border-bottom: 1px solid #e1e1e1;
	font-size: 13px;	}
	
/* GALERIA */
#table-gallery{
	display: table;
	width: auto;
	border-spacing: 10px; /* cellspacing:poor IE support for  this */
	border-radius: 5px;		}
.row{display: table-row;	width: auto;	clear: both;	 }

/* Empréstimo */

.disponivel {
	float:left;
	width:130px;
	height: 18px;
    display: block;
	color: #333;
    background-color: #03e500;
	text-align: center;
font-weight: bold;}
	
.emprestado {
	float:left;
	width:125px;
	height: 17px;
    display: block;
	color: #ffffff;
    background-color: #d90000;
	text-align: center;
	font-weight: bold;}
.reservado {
	float:left;
	width:125px;
	height: 17px;
    display: block;
	color: #333;
    background-color: #d9d900;
	text-align: center;
	font-weight: bold;}
	
/* Botão PDF */

.digital-button {
 display: flex;
 align-items: center;
 font-family: inherit;
 font-weight: bold;
 font-size: 14px;
 padding: 0.8em 1.5em 0.8em 1.2em;
 color: white;
 background: #04aa6d;
 border: none;
 box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
 letter-spacing: 0.05em;
 border-radius: 20em;}

.digital-button svg { margin-right: 8px;}
.digital-button a { color: white;}
.digital-button:hover { box-shadow: 0 0.5em 1.5em -0.5em #4d36d0be;}
.digital-button:active { box-shadow: 0 0.3em 1em -0.5em #4d36d0be;}

/* Home - Destaques */

.capa_home {
	width: 250px;
	height: 230px;
	margin-right:10px;
	border: 1px solid #aaa;}

.sobreposicao {
	position: absolute;
	width:250px;
	height: 230px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .5s ease;
	background-color: #bbbbbb;}

.splide__slide__container:hover .sobreposicao, .splide__slide__container:active .sobreposicao  {
	opacity: 0.9;
	margin-left: 5px;
	}

.texto_capa {
	color: black;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: 45%;
	left: 37%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	overflow: hidden;}
	
.pdf-link-home{
	float: left;
	text-align: center;
	margin-left: 27%;
	background-color: #eee;
	border: 0.5px solid black;
	border-radius: 5px;
	display: inline-block;}
.pdf-link-home img {width: 25px;
	height:25px;float:left;}
.pdf-link-home a{	text-decoration: none;}

/* OPAC INFO */
#opac-info{border-top:2px solid black;width:100%;float:left; color: black;}
#opac-info a {color: black;}
#opac-info img {padding-top: 5%;padding-left: 10%;}
.opac-logo{float:left;display:block;}
.opac-text{font-size: 14px;border-bottom: 1px solid black;}
.opac-text h2{color: #000260;}
.opac-local{float:left; padding-left:2%;}
a{font-weight: bold;text-decoration: none;}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: black;
    color: #f47a33;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 40%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;}