/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	height: 100%;
}

a:link, a:visited, a:hover {
	color: #005B88;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


A.attuale:link {
color: #A40000;
	text-decoration: none;
}
A.attuale:visited {
	color: #A40000;
	text-decoration: none;
}
A.attuale:active {
color: #A40000;
	text-decoration: none;
}
A.attuale:hover {
	text-decoration: underline;
}




/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #005B88;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#intestazione{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	background-image: url(../images/images.jpg);
	height: 132px;
	position: relative;
	
}

#sotto_intestazione{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font: Souvenir;
	font-weight: bold;
	color: #200062;
	margin-right: 0px; 
	/*width: 450px; */
	
}

.link_in_evidenza{
	position: absolute;
	float: right;
	margin-top: 0;     /* Assicura che non scenda */
	font-size: 25px; 
	color: red;
  top: 0;
  right: 20px;
	width: 45vw;           /* 50% della larghezza della finestra */
	height: auto;          /* oppure metti un'altezza fissa come 100vh per tutta l'altezza */
	max-width: 100%;         /* evita di uscire dalla pagina */
  overflow-wrap: break-word; /* forza l'andata a capo */
  padding: 10px;
  padding-left: 20px;
  box-sizing: border-box;  /* include padding nella larghezza */
	 z-index: 1000;
}

.link_in_evidenza img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.link_in_evidenza {
  color: red;
  text-decoration: none; /* opzionale: rimuove il sottolineato */
}

.link_in_evidenza:hover {
  color: red;
}

.link_in_evidenza:visited {
  color: red;
}

.link_in_evidenza:active {
  color: red;
}

.icona {
  margin-right: 20px; /* Spazio a destra dell'immagine */
  vertical-align: middle; /* Allinea meglio il testo */
}

#monza_26_09_2019{

	font-size: 100%;
	padding-left: 13px;
	color: #005B88;
}


#avvisi_in_evidenza{
	font-size: 14px;
	position: absolute;
	top: 55px;
	color: #960000;
	background-image: url(../images/manoscritto.jpg);
	right:5px;
}

#avvisi_in_evidenza img{
}

#contenuti{
	margin: 0 0 0 150px;
	padding: 0 3% 0 0;
	position: absolute;
	width: 80%;
	left: -1px;
}

/************** .testo e sottotesto styles ***************/

.principale{
	padding: 10px 20px 10px 20px;
	
}

.principale_saggi{
	padding: 10px 0px 10px 40px;
	
}

.testo{
	color: #200062;
	font-size: 13pt;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	text-align: justify;
	color: #200062;
	padding-top: 25px;
}

.testoimg{
	padding: 46px 20px 0px 20px;
}

.testoimg_altre_lingue{
	padding: 30px 20px 0px 20px;
}
.sotto_testo{
	padding: 0px 40px 10px 20px;
	font-weight: normal;
	color: #B13E3E;
	text-align: justify;
	font-size: 12pt;
}


.testo_collaboratori{
	padding: 0px 40px 10px 20px;
	font-weight: normal;
	color: #B13E3E;
	text-align: justify;
	font-size: 14pt;
}

.testo_saggi_osc{
	padding: 0px 40px 10px 20px;
	font-weight: normal;
	color: #200062;
	text-align: justify;
	font-size: 14pt;
	text-indent: 40px;
}

.testo_opere_online_osc{
	padding: 0px 40px 10px 0px;
	font-weight: normal;
	color: #200062;
	text-align: justify;
	font-size: 14pt;
	text-indent: 40px;
}
.area_riservata_elenco{
	font-weight: normal;
	color: #200062;
	font-size: 14pt;
	padding-top: 30px;
}

.area_riservata_dettaglio_elenco{
	font-weight: normal;
	color: #B13E3E;
	font-size: 12pt;
	padding-top: 30px;
}

.note_moduli {

	FONT-SIZE: 12px;
	COLOR: #666666;
	font-weight: bold;
}

.dati_editoriali_saggi {

	FONT-SIZE: 18px;
	font-weight: normal;
}

.titolo_saggi {

	FONT-SIZE: 18px;
	font-weight: bold;
}

.titolo_recensioni_elenco {
	padding-left: 20px;

	
}

.titolo_opere_in_bibliografia {

	FONT-SIZE: 22pt;
	font-weight: bold;
}

/************** #advert eventi styles **************/

#advert{
	text-align: center;
	FONT-SIZE: 12pt;
	color: #200062;
}

#advert img{
}

.titolo_eventi {
	FONT-SIZE: 12pt;
	font-weight: bold;
}



A.eventi:link {
color: #A40000;
	text-decoration: none;
}
A.eventi:visited {
	color: #A40000;
	text-decoration: none;
}
A.eventi:active {
color: #A40000;
	text-decoration: none;
}
A.eventi:hover {
	text-decoration: underline;
}
/***********************************************/
/*Component Divs                               */
/***********************************************/

#Nomesito{
	margin: 0px;
	padding: 0px 0px 2px 10px;
	font: Times New Roman;
	color: #800000;
	font-size: 16pt;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #breadCrumb styles *************/

#sezione_sito{
	font-size: 80%;
	margin: 0 0 0 20px;
}





/************* #siteInfo styles ***************/

#siteInfo{
	font-size: 65%;
	color: #cccccc;
	position: absolute;
	width: 45%;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 0px 4px 4px 0px;
}



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #indice_sx styles ***********/

#indice_sx{
	font-size: 90%;
	background-image: url(../images/images.jpg);
	width: 150px;
	top: 112px;
	left: 0px;
	height: 100%;
}

#indice_sx h3{
	padding: 10px 0px 2px 10px;
}

#indice_sx a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#indice_sx a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#indice_sx a:hover{
	border-top: 1px solid #cccccc;
	background-color: #F7EFE6;
	padding: 2px 0px 2px 10px;
}

#indice_sx_att a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#indice_sx_att a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#indice_sx_att a:hover{
	border-top: 1px solid #cccccc;
	background-color: #00FF00;
	padding: 2px 0px 2px 10px;
}

.copyright{
	padding: 2px 0px 2px 5px;
	color: #999999;
	bottom: 0px;
	font-size: 12px;
}


.titolo_recensioni{
	color: #960000;
	text-align: justify;
	font-size: 18px;
	
}

.testo_recensioni{
	font-size: 18px;
	color: #200062;
	text-align: justify;
	font-weight: normal;
	font-style: normal;
	
}

.testo_recensioni_corsivo{
	font-size: 18px;
	color: #200062;
	text-align: justify;
	font-style: italic;
	font-weight: normal;
	
}



.testo_recensioni_nota{
	font-size: 10px;
	color: #200062;
	text-align: justify;
	vertical-align: top;
	padding-bottom: 2px;
	position: relative;
	
}

.note_recensioni{
	font-size: 13px;
	color: #200062;
	text-align: justify;
}

.testo_commenti{
	font-size: 16px;
	color: #200062;
	text-align: justify;
	font-weight: normal;
}

.nome_commenti{
	font-size: 16px;
	color: #200062;
	text-align: justify;
	font-weight: normal;
	font-style: italic;
}
/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}





/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}