#w3cleftcenter {
margin-top: 50px;
}

#w3cright { 
margin-top: 50px;
}


body {
	background: White;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#listagruppi{
	background-color: #F2F3F4;
}

.innertext {
        background: #FFFFFF;
}

#listaf {
	background: #DFDFE0;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#mainpage #menu #menulayout #lista{
	background-color: #F2F3F4;
	height: 300px;
}

#bodyheader{
	background-image: url(../../hoc/images/opensearch-rmb.jpg);
	background-position: 0px;
	background-repeat: no-repeat;
	height: 81px;
	position: static;
}

/*#leftcenter {
	float: right;
	width: 33%;
	height: 100%;	
	position: relative;
}

#toolbar1 {
	float: left;
	width: 66%;
	position: relative;
	text-align: right;
}*/
/*
#leftcenter {
	float: right;
	width: 50%;
	height: 100%;	
	position: relative;
}

#toolbar1 {
	float: left;
	width: 50%;
	position: relative;
	text-align: right;
}

#toolbar1 table{
	height: 54px;
	float: right;
	left: 80%;
	position: absolute;
}
*/
/* title della pagina */
/*#bodytitle{

}*/

#logosistema {
	float: right;
	width: 60%;

}

#logoopensearch {
	float: left;
	width: 39%;
	height: 100%;

}

/* width: di titolo e vuoto permettono di spostare il titolo a destra o sinistra */
#titolo {
	/*float: left;*/
	width: 80%;
	height: 100%;
	text-align: left;
}

#vuoto{
	/*float: right;*/
	width: 20%;
	height: 100%;		
	text-align: right;
}


/* navigator della pagina */
#bodynavigator{
	position: static;
	height: 20px;
	padding: 1px;
	border-top-color: #F2F3F4;
	border-top-style: solid;
	border-top-width: 1px;		
	border-bottom-color: #F2F3F4;
	border-bottom-style: solid;
	border-bottom-width: 1px;		
	margin: 0px;
}

/* corpo della pagina */
#bodypage{
	position: static;
	height: auto;
}

/* footer della pagina */
#bodyfooter{
	height: 25px;
	position: relative;
	bottom: auto;
}

/* sezione del w3c */
#bodyw3c{
	background-color: transparent;
	position: static;
	bottom: auto;
	height: 35px;	
}

#w3ccenter{
	background-color: transparent;
	color: Black;
	position: static;
	width: 100%;
	height: 100%;
	text-align: right;
}

#navigator td{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #DFDFE0;
	border-left-color: White;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: White;
	border-right-style: solid;
	border-right-width: thin;
}

#mainpage {
	/*font-size: small;*/
        background-color: #DFDFE0;
}

#pagetitle{
	width: 100%;
	border-top-color: #F2F3F4;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #F2F3F4;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}

#mainpage table{
 	width: 100%;
  	padding: 0px;
  	margin: 0px;
  	border-collapse: collapse;
	background-color: #DFDFE0;
	color: Black;
	vertical-align: top;
}

#pagetoolbar td{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;
	border-left-color: #F2F3F4;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #F2F3F4;
	border-right-style: solid;
	border-right-width: thin;
}

.vaia {
   background-color: #FFFFFF;
}

.precsucc {
   background-color: #FFFFFF;
}



#pagetoolbar td.blue{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #DFDFE0;
	border-left-color: #F2F3F4;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #F2F3F4;
	border-right-style: solid;
	border-right-width: thin;
}

#pagetoolbarbottom {
	height: 20px;
	float: right;
	margin: 0px;
	padding: 1px;
	width: 100%;
	border-bottom-color: #F2F3F4;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#pagetoolbarbottom td{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	background-color: white;
	border-left-color: #F2F3F4;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #F2F3F4;
	border-right-style: solid;
	border-right-width: thin;
}

#pagetoolbar a:link{
	font-size: x-small;
}

#pagetoolbar a:visited{
	font-size: x-small;
}

#pagetoolbar a:hover{
	font-size: x-small;
}

#titolo h1{
	color: #800000;
	/*
	text-align: center;
	padding-top: 0px;
	font-style: italic;
	*/
}

h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: small;*/
	padding: 0px;
	margin: 0px;
	color: #800000;
}


/*#pagetitleleft h2 {
  padding-left: 0.75rem;
}*/

/* commentate le righe per evitare nella lista la banda nera tra le righe colorate utilizzando firefox */
#contenuti tr.dispari{
	background-color: #F2F3F4;
/*	border-bottom-color: Black;
	border-bottom-style: solid;
	border-bottom-width: 15px;
*/
}

#contenuti tr.pari{
	background-color: #EBECEE;
}

#contenuti tr.scheda_dispari{
        /*background-color: #FFFFFF;*/
/*
        border-bottom-color: Black;
        border-bottom-style: solid;
        border-bottom-width: 15px;
*/
}

#contenuti tr.scheda_pari{
        /*background-color: #FFFFFF;*/
}

/*form[name="documenti"] #contenuti tr th:nth-child(1), form[name="documenti"] #contenuti tr td:nth-child(1) {
  display: none;
}*/

a:link{
	color: #0657B2;
	text-decoration: none;
}

a:visited{
	color: #0657B2;
	text-decoration: none;
	font-stretch: narrower;
}

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



/* CUSTOMIZZAZIONI PER BIB-42643 - Suzer 09/06/2023 */

#logosistema {
  height: 100%;
  display: none;
}

#bodyheader {
  background-image: url("/sebina/repository/sebinayou/temi/biblioteche_roma/img/logo-roma-biblioteche-vertical.svg");
  background-color: #970a2c;
  padding: 10px;
  background-position: left 10px center;
  background-size: auto 70%;
}

#body {
  margin: 0;
}

/*#body > div:not(#bodyheader) {
  margin: 0 10px;
}*/

#bodyheader a {
  color: white;
}

#toolbar1 .image img {
  mix-blend-mode: screen;
  filter: saturate(0) invert(1) brightness(2.5);
}


a:link,
a:visited {
  color: #bc0b34;
}

a:hover {
  color: #ff4347;
}

/* Customizzazioni dopo call col cliente, Suzer 09-10-2023 */

#bodyheader {
	background-image: url("/sebina/repository/sebinayou/temi/biblioteche_roma/img/logo-roma-biblioteche.svg");
	background-size: auto 40%;
}
#toolbar1 {
	display: none;
}
#mainpage table td.label {
  color: black;
  font-weight: 700;
}
.labelscheda {
  font-weight: 700;
}
.scheda font[color] {
  color: black;
}
#w3cright {
  display: none;
}
#bodyw3c {
  width: calc(100% - 20px);
}
#linkprivacy {
	display: none;
}
#lingue {
	display: none;	
}



/* BCS-68575 Suzer 24-05-2024 */

#bodyheader {
  background-image: url("/sebina/repository/sebinayou/temi/biblioteche_roma/img/logo-roma-biblioteche.png");
}



/* 14/06/2024 Suzer Cambio font come in SY */

/* space-grotesk-regular - latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: 
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-regular.svg#SpaceGrotesk') format('svg'); /* Legacy iOS */
}

/* space-grotesk-500 - latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: 
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-500.svg#SpaceGrotesk') format('svg'); /* Legacy iOS */
}

/* space-grotesk-600 - latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: 
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-600.svg#SpaceGrotesk') format('svg'); /* Legacy iOS */
}

/* space-grotesk-700 - latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: 
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/sebina/repository/sebinayou/temi/biblioteche_roma/font/space-grotesk-v13-latin-700.svg#SpaceGrotesk') format('svg'); /* Legacy iOS */
}


body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk',sans-serif;
}

#titolo h1 {
  font-style: normal;
}

a.openurl {
display: inline-block;
  background-color: #ff4347;
  color: white;
  margin-bottom: 0.25rem;
  border: 0 !important;
  padding: 0.3em 0.8em 0.3em;
  font-weight: 700;
  transition: all .2s;
  border-radius: 0;
  line-height: 1.2;
  position: relative;
  z-index: 0;
 }

a.openurl img {
  display:none;
}

a.openurl::before {
  content: "PIM";
}

a.openurl:hover::before {
  text-decoration: none;
}


a.openurl::after {
  content: "";
  display: block;
  width: calc(100% - 0.8rem);
  height: 19%;
  background-color: #970a2c;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  clip-path: polygon(0 0,100% 0,100% 100%,0 0);
  transform-origin: left top;
  transition: transform .5s;
}

a.openurl:hover::after {
  /* transform: rotate(-10deg); */
}


form[action="scheda.do"] #mainpage, form[action="scheda.do"] #contenuti, form[action="scheda.do"] #contenuti table {
  background-color: #fff;
}

#mainpage table.scheda .lblqual {
  color: #000;
  font-weight: bold;
}