/* Copyright 2004 Italianistica OnLine di Luigi M. Reale - Tutti i diritti riservati
Questo foglio di stile è stato concepito e realizzato per il portale di studi italianistici Italianistica OnLine, URL www.italianisticaonline.it * /

/* elemento body */

.img {
	background-position: top;
	float: right; 
	height: 5em;	
	width: 100%;
	background-image: url(../images/quarto_stato.jpg);
	margin-bottom: 1em;
}

body {
	background : #FFFFFF;
	color : #FFFFFF;
	font : 12px verdana, arial, helvetica, geneva, sans-serif;
	margin : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	text-align : center;
}

/* benvenuto */

#benv {
	background: #ffff;
	margin: 25px;
	margin-left: 8%;
	border-bottom: #336699 1px dotted;
	border-left: #336699 1px dotted;
	border-right: #336699 1px dotted;
	border-top: #336699 1px dotted;
	text-align: left;
	color: #000000;
	float: left; 
	background-position: top;
	position: relative;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 150px;
}

/* link box-benvenuto */

#benv a {
	background : #ffff;
	text-decoration: none;	
	color :#336699;
}

#benv a:hover {
	background : white;	
	color : red;
}

#benv a:visited {
	background : white;
 	text-decoration: none;	
	color :#336699;
}

/* selettore contestuale elemento h1 box-navigazione */

#benv h1 {
	background : none;
	/* border-bottom : 1px dotted #808080;
	border-left : 1px dotted #808080;
	border-right : 1px dotted #808080;
	border-top : 1px dotted #808080; */
	color: #cc0000;
	font: bold 13px Tahoma, Verdana, Helvetica, sans-serif;
	/* margin-bottom : 3px;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 15px; */
	padding-bottom : 2px;
	text-align : center;
}

/* selettore contestuale elemento p box-benv */

#benv p {
	background : #ffff;
	color : 9900;
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin : 5px 5px;
	text-align: left;
}

/* sezione principale */

#sezprinc {
	background: #ffffff;
	/* border-bottom : 1px solid #006699;
	border-left : 1px solid #006699;
	border-right : 1px solid #006699;
	border-top : 1px solid #006699; */
	border: 1px solid #cc0000;
	margin : 25px auto;
	margin-left: 30%;
	text-align : left;
	width: 580px;
}

/* testata */

#testata {
	background: #ffffff;
	/* border-bottom : 1px solid #006699;
	border-left : 1px solid #006699;
	border-right : 1px solid #006699;
	border-top : 1px solid #006699; */
	border: 1px solid #cc0000;
	margin: 25px auto;
	margin-left: 30%;
	text-align : left;
	width: 580px;
}

/* testata */

#guida {
	margin-top: 1%;
	border-bottom: 1px dotted;
	border-right: none;
	padding-bottom: 1%;
	width: 95%; 
	text-align: right;
	font-family: verdana;
	font-size: 9px;
	color: #404040
}

#guida b {
	color: #cc0000;
}

#tit_01 {
	background: #ffffff;
	border-bottom : 1px #006699;
	height: 8%;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 0px;	
	width: 90%;
}

#tit_02 {
	background: #ffffff;
	/* background-image: url(../images/sfondo.jpg); */
	background-position: bottom;
	border-bottom: 1px #006699;
	height: 50%;
	margin: 0px;
	margin-bottom: 1px;
	padding-bottom: 0px;
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 0px;	
	text-align: left;
	vertical-align: middle;
}

#testata c1 {
  float:left; width:50%;
}

#testata c2 {
  float:left; width:49%;
}

#titolo { 
 	margin-top: 1%; 
	margin-bottom: 1%; 
	WIDTH: 100%; 
	TEXT-ALIGN: left; 
	vertical-align: text-bottom; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 20px; 
	font-style: normal;
	font-weight: bold; 
	color: #B0C5E6;
}	

#tit_01 h1 { 
	margin-top: 1%; 
	margin-bottom: 1%; 
	WIDTH: 100%; 
	TEXT-ALIGN: left; 
	vertical-align: text-bottom; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 20px; 
	font-style: normal;
	font-weight: bold; 
	color: #cc0000;
}	
#tit_01 h2 {
	margin-top: 1%; 
	margin-bottom: 1%; 
	WIDTH: 80%; 
	TEXT-ALIGN: left; 
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	font-size: 80%; 
	font-weight: bolder; 
	color: white; 
}

#tit_01 h3 {
	margin-top: 1%; 
	margin-bottom: 1%; 
	WIDTH: 80%; 
	TEXT-ALIGN: left; 
	font-style: normal;
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	font-size: 80%; 
	font-weight: normal; 
	color: white; 
}

#tit_01 h4 {
	margin-top: 1%; 
	margin-bottom: 1%; 
	FONT-WEIGHT: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 85%; 
	COLOR: #000000
}

#tit_02 h1 { 
	margin-top: 1%; 
	margin-bottom: 1%; 
	WIDTH: 100%; 
	TEXT-ALIGN: left; 
	vertical-align: text-bottom; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 20px; 
	font-style: normal;
	font-weight: lighter; 
	color: black;
}	
#tit_02 h2 {
	margin-top: 1%; 
	margin-bottom: 1%; 
   WIDTH: 80%; 
	text-align: left;
	vertical-align: middle;
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	font-size: 80%; 
	font-weight: lighter;
	letter-spacing: 0.5px;
	color: #003366; 
}

#tit_02 h3 {
	margin-top: 1%; 
	margin-bottom: 1%; 
	WIDTH: 80%; 
	TEXT-ALIGN: left; 
	font-style: normal;
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	font-size: 80%; 
	font-weight: normal; 
	color: white; 
}

#tit_02 h4 {
	margin-top: 1%; 
	margin-bottom: 1%; 
	FONT-WEIGHT: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 85%; 
	COLOR: #000000
}


hr { 
	display: none;	
}

#no_css {
	DISPLAY: none;
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

#ghost {
	DISPLAY: none;
	TEXT-ALIGN: left;
	font-family: verdana;
	font-size: 9px
}

#data {
	background-color: #ffffff;
	font: bold 10px Tahoma, Verdana, Helvetica, sans-serif;
	color: #cc0000;	
	margin: 5px;
	width: 90%;
}

/* contenuto */

#contenuto {
	margin : 0px 27px;
	padding-bottom : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 6px;
	voice-family : inherit;
	width : 95%;	
}

/* box-navigazione */

#navigazione {
	background: #ffff;
	margin: 25px;
	margin-left: 8%;
	border: dotted #003366 1px;
	text-align: left;
	color: #000000;
	float: left; 
	background-position: top;
	position: fixed;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 150px;
}

/* link box-navigazione */

#navigazione a {
	background : #ffff;
	text-decoration: none;	
	color :#336699;
}

#navigazione a:hover {
	background : white;	
	color : red;
}

#navigazione a:visited {
	background : white;
 	text-decoration: none;	
	color :#336699;
}

/* selettore contestuale elemento h1 box-navigazione */

#navigazione h1 {
	background : none;
	border-bottom : 1px dotted #808080;
	border-left: none; /* 1px dotted #808080; */
	border-right: none; /*  1px dotted #808080; */ 
	border-top: 1px dotted #808080;
	color: #cc0000;
	font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
	margin-bottom : 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	padding-bottom : 2px;
	text-align : center;
}

/* selettore contestuale elemento p box-navigazione */

#navigazione p {
	background : #ffff;
	color : 9900;
	font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin : 5px 5px;
	text-align: left;
}

/* sezione menu */

#menu {
	text-align: left;
	vertical-align: top;
	font-size: 9px;
	border-bottom: thin dotted #336699;
	width: 100%;
	background: #ffff;	
}

/* link sezione menu */

#menu a {
	background : #ffff;
	text-decoration: none;	
	color : #336699;
}

#menu a:visited {
	background : #ffff;
	text-decoration: none;	
	color : #336699;
}

#menu a:hover {
	background : #ffff;
	text-decoration: none;	
	color : red;
}

/* sezione colophon */

#colophon {
	background-position: center; 	
	text-align: center;
	font-style: normal;
	color: #000000;	
	font-size: 9px;
	border-left :black 1px dotted;
	border-right : black 1px dotted;
	border-top: black 1px dotted;
	border-bottom: black 1px dotted;
	margin: 0px 26px 0px;
	margin-bottom: 5px;
	padding-bottom: 05px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 05px;
	width: 90%;
	background: #fffff;	
}

/* link colophon */

#colophon a {
	background : #ffff;
	color : #336699;
	text-decoration: none;
}

#colophon a:hover {
	background : #ffff;
	color : red;
	text-decoration: none;
}

#colophon a:visited {
	background : #ffff;
	color : #336699;
	text-decoration: none;
}

/* selettore contestuale elemento p colophon */

#colophon p {
   background: #ffff;
	color: black;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* selettore contestuale elemento p menu */

#menu p {
   background: #ffff;
	color: black;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* sezione articolo */

#articolo {
	voice-family : inherit;
	background-color : #FFFFFF;
	border: none;
	color : #000000;
	margin : 0px 0px 0px 0px;
	padding-bottom : 10px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
   vertical-align: top;
	background-position: top;
	line-height: normal;
	width : 90%;	
}

#articolo a {
	text-decoration: none;
}

#articolo a:hover {
	color: red;
}

/* selettore contestuale elemento h1 articolo  */

#articolo h1 {
	background : white;
	color : #003366;
	font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
	margin : 5px;
}

/* selettore contestuale elemento h2 articolo */

#articolo h2 {
	background-color : #FFFFFF;
	color : #CC0000;
	font : bold 11px Tahoma, Verdana, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 5px;
	border-bottom: #336699 thin dashed;	
}

#articolo h3 {
	TEXT-ALIGN: left; 
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	font-size: 80%; 
	font-weight: bold;
	padding-top: 2px;
	margin: 5px; 
	color: #000000; 
}

/* selettore contestuale elemento p articolo */

#articolo p {
	background-color : #FFFFFF;
	color : #000000;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 1.5em;
	text-decoration: none;
	margin : 5px;
	padding-bottom : 4px;
}

#articolo dl {
	background-color : #FFFFFF;
	color : #000000;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 1.5em;
	text-decoration: none;
	margin : 5px;
	padding-bottom : 4px;
}


#articolo ul {
	background-color : #FFFFFF;
	color : #000000;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 1.5em;
	text-decoration: none;
	margin : 5px;
	padding-bottom : 4px;
}

#articolo ol {
	background-color : #FFFFFF;
	color : #000000;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 1.5em;
	text-decoration: none;
	margin : 5px;
	padding-bottom : 4px;
}

/* statistiche */

#statistiche {
	background : #ffff;
	border-bottom: none;
	border-left: none; 
	border-right: none;
	border-top: none;
	color: #000000;
	position: relative; 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	width : 15%;
}

/* validazione */

#w3c {
	background: White;
	border: none;
	color: white;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-decoration: none;
	position: absolute; 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	vertical-align: bottom;	
	width : 15%;
}

#w3c a {
	background: #fffff;
	text-decoration: none;
	border: none;
}

#acronym:hover, abbrev:hover {
	cursor: help
}
#abbrev[title], acronym[title], span[title] {
  border-bottom: thin dotted;
  cursor: help;
}