/**************************************************/
/*LAYOUT GENERALE DI OGNI PAGINA*/

@font-face {
  font-family: Rosario;
  src: url("./font/Rosario-Regular.otf");
}

@font-face {
  font-family: Rosario;
  src: url("./font/Rosario-Bold.otf");
  font-weight: bold;
}

@font-face {
  font-family: Rosario;
  src: url("./font/Rosario-Italic.otf");
  font-style: italic;
}

@font-face {
  font-family: Rosario;
  src: url("./font/Rosario-BoldItalic.otf");
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: QuattrocentoSans;
  src: url("./font/QuattrocentoSans-Regular.otf");
}

@font-face {
    font-family: QuattrocentoSans;
    src: url("./font/QuattrocentoSans-Bold.otf");
    font-weight: bold;
}

@font-face {
    font-family: QuattrocentoSans;
    src: url("./font/QuattrocentoSans-Italic.otf");
    font-style: italic;
}

@font-face {
    font-family: QuattrocentoSans;
    src: url("./font/QuattrocentoSans-BoldItalic.otf");
    font-style: italic;
	font-weight: bold;
}

html,body
{
	margin : 0;
	padding-top : 0px;
}

body
{
	font-size: 1.1em;
	font-family:Times New Roman;
	color: #3d3d3d;
	text-align: center;
	background-color: #dddddd;
}

h1#titolo
{
	font-family:QuattrocentoSans;
	font-style:bold;
	font-size:16px;
	text-align:left;
	padding-top:25px;
}

h1#titolo-volume
{
	font-family:QuattrocentoSans;
	font-style:bold;
	font-size:22px;
	text-align:left;
	padding-top:25px;
}

p#corpo
{	
	text-indent: 0px;
	font-family: QuattrocentoSans;
	font-size:14px;
	line-height: 1.5em;
	text-align:justify;
	padding-top:15px;
}

p#document-name
{	
	text-indent: 0px;
	font-family: QuattrocentoSans;
	font-size:18px;
	line-height: 1.5em;
	text-align:justify;
	padding-top:15px;
}

sup 
{ 
	line-height:0;
}


div#container
{
	width: 1000px;
	background-color: #FFF;
	margin: 0 auto;
}

div#header
{
	text-align: center;
	background-color: #dddddd;
	
	
}

div#text-cont
{	
	padding-top:5%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom:5%;
	
}

div#text-cont-vol
{	
	padding-top:5%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom:5%;
	
}

div#footer
{
	text-align: center;
	background-color: #cccccc;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:5%;
	padding-right:5%;
}

div#footer table
{
	margin-right: 0;
	margin-left: auto;
}

td#footer
{
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
max-width:100%;
}

td#legenda
{
padding-left: 30px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

img#logoFooter
{
	height:100px;
}

img#logoFooterIplab
{
	height:100px;
}

img#logoFooterSTAG
{
	height:100px;
}

img#logo
div#content
{
	padding-top: 8%;
	padding-bottom: 4%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
}

/*menu*/

div#drop-menu
{
	margin: 0 auto;
	padding-left: 0;
	
}

ul#menu
{
	font-family: 'Rosario';
	/*font-style: italic;*/
	margin: 0 0 0px;
	padding:0px;
	width: 1000px;
	list-style: none;
	float: left;
	background-color: #888888;
	font-size: 20px;
}

ul#menu li
{
	margin: 0;
	float: left;
	display: block;
	position: relative;
	font-size: 100%;
}

ul#menu li#home
{
}


ul#menu li#cerca
{
	float:right;
}

ul#menu li#credits
{
	float:right;
}

ul#menu li#aiuto
{
	float:right;
}


ul#menu li a
{
	float: left;
	padding:5px 21px;
	color: #fff;
	text-decoration:none;
}

ul#menu li a:hover
{
	
	color:#000000;
}

ul#menu ul
{
	margin:0 0 0;
	padding:0;
	display:inline-block;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index:9999;
	background: #444;
}

ul#menu li:hover ul
{
	opacity: 1;
	visibility: visible;
}

ul#menu ul li
{
	float: none;
	display: block;
	border: 0;
}

ul#menu ul a
{
	padding:5px;
	width: 130px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}

ul#menu ul a:hover
{
	background-color: #0186ba;
	color:#fff
}

ul#standard
{
	text-indent: 0px;
	font-family: QuattrocentoSans;
	font-size:14px;
	line-height: 1.5em;
	text-align:justify;
	padding-top:15px;
}

table#fee
{
	text-indent: 0px;
	font-family: QuattrocentoSans;
	font-size:14px;
	line-height: 1.5em;
	text-align:center;
	padding-top:15px;
}

table#fee tr:nth-child(even)
{
	background-color: #e2e2e2
}
/*********************************/
/*LAYOUT DELLA PAGINA DI INGRESSO*/

div#standard
{
	text-indent: 0px;
	font-family: QuattrocentoSans;
	font-size:14px;
	line-height: 1.5em;
	text-align:justify;
	padding-top:15px;
}
div#index-header
{
	width: 100%;
	height: 200px;
}

div#logo-archivio
{
	position: absolute;
	left: 0;
	width: 50%;
	text-align: center;
}

div#logo-uni
{
	position: absolute;
	right: 0;
	width: 50%;
	text-align: center;
}

div#title
{
	text-align: center;
}

div#entrance-content
{
	height:650px;
}

div#introcredits
{	
	font-family:'Rosario';
	color:#ffffff;
	font-size:12px;
	height:270px;
	width:280px;
	background-color:#145a66;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

div#introcreditsBack
{	
	position:relative;
	top:100px;
	left:100px;
	padding-left:20px;
	height:360px;
	width:400px;
	background-image: url(../sito/img/logo_archivio_land.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 420px 180px;
}

div#prefazione
{
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

a#entra
{
	color: #900;
	text-decoration: none;
}

a#entra:hover
{
	color: #955;
}



/*******************/
/*LAYOUT DELLA HOME*/

div#help
{
	width: 80%;
	padding-left: 10%;
}

div#vol-container
{
	width: 100%;
	height: 400px;
	padding-left: 2%;
}

div .vol
{
	float: left;
	width: 25%;
	height: 100%;
	padding-left: 3%;
	padding-right: 3%;
}

img.img-vol
{
	width: 100%;
	border: 0;
}

a.vol-link
{
	text-decoration: none;
	color: #3d3d3d;
}

a.vol-link:hover
{
	text-decoration: none;
	color: #900;
}

/**********************************/
/*LAYOUT DELLE PAGINE DEGLI INDICI*/


h1#titoloIndice
{	
	font-family:QuattrocentoSans;
	font-style:bold;
	font-size:32px;
	text-align:center;
	padding-top:25px;
}

div#indice
{	
	font-family:QuattrocentoSans;
	
}
				
div#index-content
{
	text-align: left;
	padding-top:60px;
	padding-bottom: 50px;
	padding-left: 7%;
	padding-right: 7%;
}

div#index-content2
{
	text-align: left;
	padding-top:60px;
	padding-bottom: 50px;
	padding-left: 15%;
	padding-right: 15%;
}

div#index-content a
{
	text-decoration: none;
	color: #3d3d3d;
}

div#index-content a:hover
{
	text-decoration: none;
	color: #900;
}

div#index-content h1
{
	text-align: center;
}

div#index-content2 a
{
	text-decoration: none;
	color: #3d3d3d;
}

div#index-content2 a:hover
{
	text-decoration: none;
	color: #900;
}

div#index-content2 h1
{
	text-align: center;
}

div.spoiler
{
	display: none;
	padding-top: 30px;
}

/********************************/
/*LAYOUT DELLA PAGINA DI RICERCA*/

div#search-form
{
	
}

input#search-field
{
	float: left;
	height: 30px;
	width: 65%;
	margin-right: 3%;
	font-size: 1.1em;
	border-style: solid;
	border-color: #3d3d3d;
}

input#search-button2
{
	float: left;
	height: 25px;
	width: 7%;
	color: #3d3d3d;
	font-size: 0.9em;
}

input#search-button
{
	float: left;
	height: 36px;
	width: 30%;
	color: #3d3d3d;
	font-size: 1.1em;
}

div#option
{
	
}

div#result
{
	font-family:QuattrocentoSans;
	text-align: left;
}

div#result a
{
	color: #3d3d3d;
}

div#result a:hover
{
	color: #900;
}


/***************************************************/
/*LAYOUT DELLA PAGINA DI VISUALIZZAZIONE DEI VOLUMI*/

h3, h4
{
	margin: 0;
	padding: 0;
}

div#header-volume
{
	height: 200px;
}
div#document-navigator
{

	width: 400px;
	height: 50px;
}

div#document-number
{

}

td#navigator
{
	padding-bottom:7px;
	padding-top:7px;
	padding-left:0px;
	padding-right:0px;
}
div#prev-document
{
	padding-top:4px;
}


img#prev-document-img
{
	
}

div#next-document
{
	padding-top:4px;
}

img#next-document-img
{
}

div#document-name
{
	margin: 0 auto;
	width: 70%;
	padding-top: 30px;
	height: 130px;
}

div#book
{
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 100%;
}

div#page-container
{
	position: relative;
	width: 60%;
	min-height:800px;
}

div#prev
{
	position: absolute;
	left: 0;
	top: 290px;
	padding: 0;
	width: 4%;
}

img#prev-img
{
	width: 100%;
}

div#next
{
	position: absolute;
	right: 0;
	top: 290px;
	padding: 0;
	width: 4%;
}

img#next-img
{
	width: 100%;
}

div#page
{
	position: relative;
	width: 100%;
}

div#progressive-page-name
{
	
}

div#real-page-name
{
	height: 35px;
}

div#image-container
{
	width: 80%;
	margin-left:25px;
}

img#image
{
	width: 100%;
	border:1px solid #900;
}

div#mark
{
	position: absolute;
	left: 0%;
	top: -6%;
	padding: 0;
	margin: 0;
	width: 5%;
	height: 125%;
}


div#note
{
	position: absolute;
	overflow-y: auto;
	padding: 0;
	margin: 0;
	right: 0;
	top: 0;
	width: 48%;
	height: 100%;
}

div#noteTitle
{
	font-family: QuattrocentoSans;
	background-color: #CFCFCF;
	border: 2px solid #CFCFCF;
	/*border: 2px solid #145A66;*/
	/*border-radius: 10px 10px 0px 0px;*/
	padding: 10px;
	font-size: 14px;
}

div#noteBody
{
	font-family: QuattrocentoSans;
	border: 2px solid #CFCFCF;
	/*border: 2px solid #145A66;*/
	/*border-radius: 0px 0px 10px 10px;*/
	padding: 10px;
	font-size: 14px;
}

div.note-style
{
	background-color: #fff;
	font-size: 1.1em;
	padding: 0px 30px 0px 30px;
	margin-bottom: 20px;
}

div#image-layer
{
	position: absolute;
	width: 100%;
	height: 2400px;
	background-image: url("img/overlay.png");
	display: none;
	z-index: 3;
}

img#image-big
{
	width: 90%;
}

div#jumper
{
	padding-left:	5%;
	padding-bottom:	2%;
	height: 40px;
	text-align: left;
}