/*Nuova Biblioteca Manoscritta - Foglio di stile */

/* --- GENERALE --- */

body
{
	margin: 0;
	padding: 0;
	color: #444;
	background: #fff;
	font: 85%/1.3 Georgia, arial, helvetica, sans-serif;
}

h2, h3, h4
{
	color: #111;
	clear: both;
}

h2, h3, h4, p, ul
{
margin-top: 0;
}

h2
{
	font-size: 140%;
	margin: 0 0 .5em 0;
	color: #375078;
}

h3
{
	font-size: 120%;
	margin: 0 0 .5em 0;
	color: #375078;
}

h4
{
	font-size: 100%;
	margin: 0 0 .5em 0;
	display: inline;
	color: #cc3333;
}

h2 strong, h3 strong { color: #375078; }

p strong { color: #cc3333; }

img { border: none; }

a
{
	text-decoration: none;
	padding-bottom: 1px;
	background: url(immagini/punti_link.gif) repeat-x 0 100%;
}

a:link { color: #660; }

a:visited { color: #666; }

a:hover, a:active
{
	color: #660;
	background-color: #FFC;
}

.accesskey { text-decoration: underline; }

acronym:hover, abbr:hover { cursor: help; }

blockquote
{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ddd;
	background: #eee;
}

blockquote p { margin: 0 0 1em 0; }

blockquote p.source
{
	padding-left: 15px;
	font-size: 90%;
	background: url(immagini/commento.gif) no-repeat 0 0;
	margin: 0;
}

code
{
	font-family: courier, times, monospace;
	background: #eee;
}

/* --- INTESTAZIONE --- */

#intestazione
{
	position: relative;
	margin: 0 3%;
	height: 70px;
	border-top: 5px solid #336699;
	background: url(immagini/fascia_intestazione.jpg) repeat-x 0 100%;
	min-width: 500px;
	max-width: 1000px;
}

#intestazione span#destra
{
	position: absolute;
	text-align: right;
}

#intestazione span#sottolineato { text-decoration: underline }

#intestazione h1 span, .etichetta
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

#intestazione p#shortcut
{
	float: right;
	top: 0;
	width: 40%;
	margin: 0;
	padding: 2px 0 0 0;
	list-style-type: none;
	text-align: right;
	font-size: 85%;
}

#intestazione p#nav
{
	float: left;
	top: 0;
	width: 58%;
	margin: 0;
	padding: 2px 0 0 0;
	text-align: left;
	font-size: 85%;
	display: inline;
}

#intestazione li
{
	display: inline;
	margin-right: 1em;
}

/* --- TITOLO --- */

div#title
{
	border-top: 1px solid #fff;
	margin: 0 3%;
	height: 100px;
	background: url(immagini/sfondo_intestazione.jpg) no-repeat 100% 0;
	min-width: 500px;
	max-width: 1000px;
}

#title h1 { 

	position: absolute;
	left: -9999px;
	margin: 0 2%;
	height: 100px;
	background: transparent url(immagini/logo_nbm.jpg) no-repeat 0 0;
	
}

#title img { 

	margin: 0 2%;
	
}

/* --- MENU --- */

#menu
{
	margin: 0 3%;
	padding: 5px 0 28px;
	background: url(immagini/fascia_menu.jpg) repeat-x 0 100%;
	min-width: 500px;
	max-width: 1000px;
}

#menu ul
{
	margin: 0 3%;
	padding: 0;

}

#menu li
{
	display: inline;
	margin-right: 0.9em;
}

#menu li a
{
	background-image: none;
	font-weight: bold;
	color: #375078;
}

/* --- IMPAGINAZIONE --- */

#colonna-principale
{
	margin: 0 3%;
	background: url(immagini/punti_verticali.gif) repeat-y 73% 0; 
	min-width: 500px;
	max-width: 1000px;
}

div#colonna-unica
{
	margin: 0 3%;
	min-width: 500px;
	max-width: 1000px;
}

/* --- CONTENUTO PAGINE --- */

#contenuto
{
	float: left;
	width: 66%;
	margin: 0 0 0 3%;
	display: inline;
	padding-bottom: 1em;
	font-size: 100%;
}

#contenuto-ampio
{
	margin: 0 3% 0 3%;
	max-width: 49em;
}

#contenuto-tutto
{
	margin: 0 3% 0 3%;
}

#contenuto ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#contenuto ul li
{
	background: url(immagini/virgolette_dx.gif) no-repeat 0 .4em;
	padding-left: 10px;
}

#contenuto-ampio ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#contenuto-ampio ul li
{
	background: url(immagini/virgolette_dx.gif) no-repeat 0 .4em;
	padding-left: 10px;
}
/* --- COLONNA LATERALE --- */

#laterale
{
	float: right;
	width: 20%;
	margin: 0 4% 0 0;
	display: inline;
	padding-bottom: 1em;
	font-size: 100%;
}

#laterale ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#laterale li
{
	background: url(immagini/virgolette_dx.gif) no-repeat 0 .4em;
	padding-left: 10px;
}

#laterale label
{
	font-weight: bold;
	color: #000;
	font-size: 120%;
}

#laterale form
{
	margin: 0 0 1em 0;
	padding: 0;
}

#laterale strong { font-size: 85%; color: #663; }


#laterale input#s { width: 100%; }


/* --- PIE' DI PAGINA --- */

#piede
{
	clear: both;
	padding: 35px 3% 2em;
	background: #fff url(immagini/fascia_menu.jpg) repeat-x 0 10px;
	font-size: 85%;
}

#piede div
{
	float: left;
	width: 20%;
	padding-right: 2%;
	margin-right: 2%;
	background: url(immagini/punti_verticali.gif) repeat-y 100% 0;
}

#piede p
{
	clear: both;
	margin: 0;
	padding: 2em 0;
}

#piede ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#piede li
{
	background: url(immagini/virgolette_dx.gif) no-repeat 0 .4em;
	padding-left: 10px;
}

/* --- Classi --- */

p.intro
{
	background: url(immagini/punti_orizzontali.gif) repeat-x 0 100%;
	padding-bottom: 1em;
}

div.intro
{
	background: url(immagini/punti_orizzontali.gif) repeat-x 0 100%;
	padding-bottom: 0.2em;
	margin: 0 0 1em 0;
}

h2.intro { font-size: 130%; }

.post, .archive-post { margin: 1em 0 3em; }

p.immagine_laterale { margin: 0; padding-bottom: 1em;}
p.immagine_laterale a { border: none;}
p.immagine_laterale a:hover, p.immagine_laterale a:active a:link { background: none;}

p.immagine_didattica { float:left; margin-right:10px; margin-bottom: 0px}

#commenti { margin-top: 2em; }

#contenuto form
{
	clear: both;
	padding: 15px;
	background: #eee;
	border: 1px solid #ddd;
}

#contenuto label span
{
	font-size: 80%;
	color: #555;
}

#contenuto-tutto ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#contenuto-tutto ul li
{
	background: url(immagini/virgolette_dx.gif) no-repeat 0 .4em;
	padding-left: 10px;
}

#div_sinistra
{
	float: left;
	width: 75%;
	margin-bottom: 1em;
	margin-right: 1em;
	position: relative;
	z-index: 0;
}

#div_sinistra ul
{
	margin: 1em 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#div_sinistra li
{
	background: url(immagini/virgolette_dx.gif) no-repeat 0 .4em;
	padding-left: 10px;
}

p.destra {
  padding: 0% 0% 0px 0%;

  float: right;
  position: relative;
  z-index: 1;
}

p.note
{
	border-top: 1px solid #336699;
	padding-top: 0.5em;
}

small { font-size:80%; }

/* --- Tabella risultato ricerca -- */

table {
		margin: 0.5em 0;
		width: 100%;
}

th {

		text-align: left;
		color: #cc3333;
}


td {
	border-style: none none groove none;
	border-color: #bbbbcc;
	border-width: 1px;
	padding: 0.2em;
}

a.per_th {
	font-weight: bold;
	color: #cc3333;
	font-size: 85%;
}

/* Scheda manoscritto */

div#descrizioneManoscritto
{
	color: rgb(0, 0, 0);
	text-align: justify;
	background-color: rgb(239, 239, 239);
	margin-top: 1%;
	border-top: 1px solid #bbbbcc;
	padding: 3%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

div#scheda_manoscritto
{
	float: left;
	width: 84%;
	display: inline;
	margin-right: 0px;
	padding-bottom: 1em;
}

strong.segnatura
{
	line-height: 16px;
	color: #cc3333;
	font-weight: normal;
}

div.segn { float: left; }

div.stampa {
float: right;
}

div.colonna_immagini
{
	float: right;
	overflow: auto;
	margin-left: 1em;
	width: 14%;
	vertical-align: top;
	text-align: left;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#gestionali {
  
	background-color: rgb(229, 222, 220);
	border-width: 1px;
	border-style: groove none groove none;
	border-color: #bbbbcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: normal;
	padding: 1.5% 3% 1.5% 3%;
	margin-bottom: 0.5em;
}

label.link_rosso { color: rgb(204, 0, 0); }

a.link_rosso { color: rgb(204, 0, 0); }

/* Visualizzazione immagini */

div#area_immagini
{
	color: rgb(0, 0, 0);
	text-align: justify;
	margin-top: 1%;
	border-top: 1px solid #bbbbcc;
	padding: 2%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%;
}

.testo_didasc
{
	color: rgb(80, 80, 92);
	font-size: 90%;
}

p.segnat_descrittore
{
	float: left;
	width: 85%;
	text-align: left;
	display: inline;
}

p.indietro_carte
{
	float: right;
	width: 15%;
	list-style-type: none;
	text-align: right;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

blockquote.indentazione
{
	border-width: 0px;
	padding: 0 3em 0 3em;
}

blockquote.indentazione2
{
	border-width: 0px;
	padding: 0 6em 0 6em;
}

blockquote.lista
{
	border-width: 0px;
	margin: 0 0 0 1.5em;
	background: white;
}

/* Link e tasti */

input[type="text"]
{
	font-family: Verdana, sans-serif;
	font-size: x-small;	
	font-weight: normal; 
	padding: 0.2em; 
	border-width: 0.1em; 
	margin-bottom: 0.5em;
}

input[type="password"]
{
	font-family: Verdana, sans-serif;
	font-size: x-small;	
	font-weight: normal; 
	padding: 0.2em; 
	border-width: 0.1em; 
	margin-bottom: 0.5em;
}

textarea:focus,input:focus, select:focus, .sffocus, .focus {
	background-color: #ffc;
}

input#Cerca {

	background-image: url('immagini/cerca__.png');
	width:80px;
	height:15px;
	border: 0px solid;
	position: absolute;
	cursor: pointer;
}

a.tasti_stampa
{
	font-size: xx-small;
	font-family: Verdana, sans-serif;
	color: #DDDDDD;
	background-color: #A4332F;
	border-bottom-style: solid;
	border-color: #DDDDDD;
	border-width: 2px;
	float: left;
	margin: 2px 0 2px 10px;
	padding: 2px;
	width: 100px;
	border-top-style: groove;
	border-left-style: groove;
	border-bottom-style: ridge;
	border-right-style: ridge;
	text-align: center;
	text-decoration: none;
}

html>/**/body a.tasti_stampa
{
	font-size: x-small;
}

a.tasti_indice
{
	font-size: xx-small;
	font-family: Verdana, sans-serif;
	color: #DDDDDD;
	background-color: #333366;
	border-bottom-style: solid;
	border-color: #DDDDDD;
	border-width: 2px;
	margin: 2px 5px 2px 5px;
	padding: 1px;
	border-top-style: groove;
	border-left-style: groove;
	border-bottom-style: ridge;
	border-right-style: ridge;
}

#submit_button
{
	font-size: xx-small;
	font-family: Verdana, sans-serif;
	color: #DDDDDD;
	background-color: #333366;
	border-bottom-style: solid;
	border-color: #DDDDDD;
	border-top-style: groove;
	border-left-style: groove;
	border-bottom-style: ridge;
	border-right-style: ridge;
}

html>/**/body a.tasti_indice, html>/**/body #submit_button
{
	font-size: x-small;
	
}


/* submit rosso*/

#cerca_button

{
	font-size: xx-small;
	font-family: Verdana,sans-serif;
	color: #DDDDDD;
	background-color: #A4332F;
	border-bottom-style: solid;
	border-color: #DDDDDD;
	border-top-style: groove;
	border-left-style: groove;
	border-bottom-style: ridge;
	border-right-style: ridge;
}

html>/**/body #cerca_button
{
	font-size: x-small;
}

/* Ricerca geografica */

.dimensioneselect
{
	width:20em;
}

/* Tabelle ricerca */

div.sfondo
{
	border-style: groove none groove none;
	background-color: #eee;
	float: left;
	width: 55em;
}

div.tabella_sx
{
	display: table;
	border-spacing: 5px;
	border-collapse: separate;
	float: left;
	font-size: 100%;
	padding: 1em;
}

div.tabella_dx
{
	display: table;
	border-spacing: 5px;
	border-collapse: separate;
	font-size: 100%;
	padding: 1em;
}

div.cella
{
	display: table-cell;
}

div.riga
{
	display: table-row;
}

div.sfondo_rs
{
	width: 55em;
	background-color: #eee;
	border-style: groove none groove none;
	float: left;
}

div.tabella
{
	display: table;
	background-color: #eee;
	border-spacing: 5px;
	border-collapse: separate;
	padding: 1em;
	font-size: 100%;
}

/* paginazione: sostituzione con immagine del tasto paginazione */

.paginazione {
	background-image: url('immagini/paginazione.png');
	width:20px;
	height: 15px;
	border: 0px solid;
	position: absolute;
	margin-bottom: 0.2em;
	cursor: pointer;
}
