/* prosa.com layout  */
	/* You may adapt certain elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2007 Prosa S.r.l. Italy-VAT:03344200260, and may not be reproduced. */ 
	/* Last updated July 3, 2008 */ 
	/* WARNING: this CSS has not been tested on IE 8 */


/*  Impostazioni base */

* {
	margin: 0;
	padding: 0;
}
html { 
	min-width: 788px;
}
body {
	background: #121212 url(sfondoBody.jpg) 0 194px repeat-x;
	font: small/18px "Lucida Sans", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #e5e6ff;
}
a:link, a:visited {
	color: white;
	text-decoration: none;
  border-bottom: 1px dotted #3cade9; 
}
* a:hover {
	color: #3cade9;
}
h1, h2, h3 {
	font-weight: normal;
	color: white;
	font-style: italic;
}
h1 {
	margin-bottom: 11px;
	padding: 0px 0 20px 0;
	font-size: 28px;
	line-height: 30px;
}
h2 {
	padding: 15px 0 8px 0;
	font-size: 20px;
	line-height: 20px;
}
h3 {
	padding: 10px 0 6px 0;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
}
h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {
	font-weight: normal;
	color: white;
}
h3 a:link, h3 a:visited {
	text-decoration: none;
}
ol {
  margin: 10px 30px 18px 40px;
}
ul {
  margin: 10px 30px 18px 40px;
}
li {
  margin: 0 0 5px 0;
}
blockquote {
	background: black url(articleHPanelGradient.jpg) bottom left repeat-x;
	border-top: 1px solid	#242424;
	border-bottom: 1px solid black;
  margin: 15px 15px 15px 15px;
  padding: 10px 10px;
	font-weight: bold;
  font-style: italic;
  color: #d1d3ff;
}
address {
  margin: 10px 25px 8px 25px;
	font-weight: bold;  
}



/*  Principali elementi di layout */

#fasciamenu {
	background-color: white;
	text-align: center;
	margin: 0 auto;
	width: 100%;	
}
#menu {
	text-align: right;
	margin: 0 auto;
	width: 788px;	
	height: 82px;
}
#contenitoreSottomenu {
	width: 459px;
	height: auto;
	left: 45%;
	position: absolute;
}
.sottomenu {
	width: 459px;
	height: 25px;
	position: relative;
	padding-top: 2px;
	text-align: center;
	background-color: #436697;	
	z-index: 2;
	filter: alpha(opacity=70);
	-moz-opacity: 70%;
	opacity: 0.7;
	min-height: 25px;
}
#intestazione {
	background: black;
	margin: 0 auto;
	height: 117px;
	text-align: center;
	width: 100%;
}
html > body #intestazione {
	height: auto;
	min-height: 117px;
}
#banner {
	background: transparent url(banner.jpg) top left no-repeat;
	margin: 0 auto;
	padding: 33px 0 0 4px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-align: left;
	height: 111px;
	width: 848px;
	width/**/:/**/ 784px;
	height/**/:/**/ 84px;
}
html > body #banner { 
	height: auto;
	min-height: 84px;
}
#pagina {
	background-color: transparent;
	margin: 0 auto;
	width: 788px;
	text-align: left;
}
#contenuto {
	float: left;
	background: black url(sfondoPrincipale.jpg) top left repeat-x;
	width: 788px;
	height: 500px;
}
html > body #contenuto {
	height: auto;
	min-height: 500px; 
}
#colonnaSinistra {
	float: left;
	padding: 0 34px 0px 24px;
	width: 521px;
	width/**/:/**/ 463px;
}
#colonnaDestra {
	float: right;
	padding: 70px 0 0 0;
	width: 267px;
	width/**/:/**/ 267px;
}
#monoColonna {
	float: left;
	padding: 0 24px 24px 24px;
	width: 788px;
	width/**/:/**/ 740px;
}
#ricerca {
	float: right;
	font-size: 11px;
	text-align: right;
	padding: 3px 20px 0px 30px;
	width: 267px;
	width/**/:/**/ 217px;
        margin-bottom: 15px;
        margin-top: -75px;
}
#ricerca p {
  float: right;
}
#piedipagina {
 	clear: both;
	background: black url(ombraSotto.jpg) bottom left no-repeat;
	text-align: center;
 	padding: 20px 110px 15px 110px;
 	margin: 0 0 20px 0;
	height: 60px;
	font-size: 11px;
	color: #959595;
	width: 788px;
	width/**/:/**/ 568px;	
}
#piedipagina p {
  border-top: 1px solid #474747;
}


/*  Microcomponenti di layout */

#promo {
	float: left;
	padding: 70px 20px 10px 30px;
	width: 270px;
	width/**/:/**/ 220px;
}
#promo h1 {
	margin-bottom: 0px;
	padding: 0px 0 8px 0;
	font-size: 20px;
	line-height: 20px;
}
#promo h2 {
	padding: 0 0 6px 0;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
}
#pannellini {
  float: left;
  clear: left;
  margin: 0px 0 10px 0;
  padding: 0px 0px 0px 4px;
}
html > body #pannellini {
  padding: 0px 0px 0px 12px;
}
.pannellino {
        cursor: pointer;
	float: left;
	clear: right;
	background: black url(sfondoPannellino.png) top left repeat-x;
	border: 1px solid #404040;
	font-size: 12px;
	margin: 8px 8px;  
	padding: 6px 10px 10px 10px;
	height: 243px;
	width: 237px;
	width/**/:/**/ 217px;	
}
html > body .pannellino {
	height: auto;
  min-height: 243px;
}
#colonnaDestra .pannellino {
  margin: 0px 7px 0px 5px;
  clear: left;
}
html > body #colonnaDestra .pannellino {
  margin: 0px 2px 0px 10px;
}
.pannellino h1 {
	margin-bottom: 0px;
  padding: 0 0 6px 0;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
}
.pannellino img {
  width: 225px;
	margin: 0 -5px 9px -4px;  
}

a.pannellinoLink,
a.pannellinoLink img {
	text-decoration: none;
    border:none;
}

html > body  .pannellino img {
	margin: 0 0 9px -4px;  
}
.cappello {
  margin: 0 0 20px 0;
}
.panelOrizzontale {
	background: black url(articleHPanelGradient.jpg) bottom left repeat-x;
	border-top: 1px solid	#242424;
	border-bottom: 1px solid black;
	margin: 0 0 15px 0;  
	padding: 6px 10px 7px 15px;
	width: 740px;
	width/**/:/**/ 715px;
	overflow: hidden;
	height: 156px;
}

html > body .panelOrizzontale {
  height: auto;
	min-height: 156px;
}

.panelOrizzontale h1 {
	margin-bottom: 0px;
  padding: 4px 0 6px 0;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
}
.panelOrizzontale h3 {
  padding: 73px 0 6px 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}
.panelOrizzontale img {
  float: left;
  width: 225px;
	margin: 0 19px 0px -9px; 
}
.panelAbstract, .panelRicerca {
	float: left;
	clear: right;
	font-size: 14px;
	margin: 0;  
	padding: 0 10px 0 0;
	width: 300px;
	width/**/:/**/ 290px;
	overflow: normal;
}
.panelAbstract h2 {
  padding-top: 0;
	font-size: 14px;
  font-style: italic;
  margin: -4px 0 10px 0;  
}
.persona h2  {
  padding-top: 0;
	font-size: 16px;
  font-style: italic;
  margin: -30px 0 20px 0;  
}
.evento h2 {
  margin: 10px 0 2px 0;
  line-height: 12px;
	border-bottom: 1px solid #404040;
}
.panelRicerca {
	padding: 0px 25px 0 0;
	height: auto;
  min-height: 0px;  
	width: 265px;
	width/**/:/**/ 240px;
}
div.riquadroFiguraFlottante, div.riquadroFiguraFissa {
  text-align: center;
  margin: 5px 5px 5px 0px;
  padding: 0 0px 0 0;
}
div.riquadroFiguraFlottante {
  float: left;
  background-color: black;
  text-align: left;
}
html > body div.riquadroFiguraFlottante {
  margin: 5px 8px 5px 0px;
  padding: 0 20px 0 0;
}
html > body div.riquadroFiguraFissa {
  margin: 5px 8px 5px 0px;
  padding: 0 20px 0 0;
}
img.figuraFlottante {
  margin: 10px 10px 5px 10px;
}
.persona div.riquadroFiguraFlottante {
  margin: 0px 15px 5px 0px;
}
html > body img.figuraFlottante {
  margin: 10px 10px 2px 10px;
}
img.figuraFissa {
  margin: 10px 5px;
  max-width: 730px;
}
div.didascalia {
	font-style: italic;
	font-size: 12px;
  padding: 5px 5px 10px 10px;
}
#contenuto fieldset { 
	display: block;
	margin: 20px 0 20px 0;  
	padding: 8px 5px;
	background: black url(articleHPanelGradient.jpg) bottom left repeat-x;
	border: none;
	border-top: 1px solid	#242424;
	border-bottom: 1px solid black;
	text-align: left;
	width: 450px;  
} 
#contenuto legend {  
	margin-left: -3px;  
	color: #A4A486;
} 
#contenuto fieldset ol {  
	padding: 5px 0; 
  margin: 0; 
	list-style: none;
	text-align: left; 
}
#contenuto fieldset label {
	font-style: italic;
	float: left;  
	width: 11em;  
	margin-right: 1em; 
}
#contenuto fieldset li {  
	padding-bottom: 5px;
	float: left;  
	clear: left;  
	width: 100%;
	border-bottom: 1px solid black;
	margin: 0;
	margin-bottom: 3px;
}
#ricerca fieldset { 
	margin: 0;  
	padding: 0;
	border: none;
	background: none;
	width: auto;
} 
#ricerca input, #ricerca select {  
	color: #272727;
	background-color: #ececec;
	border: 1px solid #afafaf;
	font-size: 11px;
	margin-right: 1px;
	padding-left: 1px; 
}


/*  Link, menu e bottoni */

#menu a:link, #menu a:visited {
	display: inline;
  border-bottom: none; 
	font-size: 12px;
	padding: 36px 0px 1px 0px;
	margin: 0;
	float: right;
	color: #b6b6b6;
  text-align: center;
	text-decoration: none;
	background: transparent url(bottoneMenu.png) 0px 0px no-repeat;
	height: 44px;
  width: 92px;
	width/**/:/**/ 92px;
}
html > body #menu a:link {
	height: auto;
	min-height: 44px;
}
#menu a:hover {
	color: #4e4e4e;
	background: transparent url(bottoneMenu.png) 0px -82px no-repeat;
}
#menu a:link.goHome, #menu a:visited.goHome {
	background: transparent url(logoProsa.png) 0px 0px no-repeat;
  position: relative;
  right: 100px;
	width: 233px;
}
#menu a:hover.goHome {
	background: transparent url(logoProsa.png) 0px -82px no-repeat;
}


.sottomenu a:link, .sottomenu a:visited {
	border-bottom: none; 
  height: 20px;
	color: white;
	font-size: 12px;
  margin: 0 10px;
	padding: 0 5px 0 5px;
	text-decoration: none;
}
html > body .sottomenu a:link {
	height: auto;
	min-height: 20px;
}
.sottomenu a:hover {
	background: #7EA8D0;
}
#piedipagina a:link, #piedipagina a:visited {
	border-bottom: none; 
  display: block;
	height: 46px;
	width: 120px;
	color: #CCDCCB;
	padding: 0 0 0 52px;
	text-decoration: none;
    background: transparent top left no-repeat;
	/*background: transparent url(logoProsa.gif) top left no-repeat;*/
}
html > body #piedipagina a:link {
	height: auto;
	min-height: 46px;
}
#piedipagina a:hover {
	color: white;
    background: transparent top left no-repeat;
	/*background: transparent url(logoProsaEmph.gif) top left no-repeat;*/
}
#contenuto a:link.bottone, #contenuto a:visited.bottone,
#dialogoModale a:link.bottone, #dialogoModale a:visited.bottone,
#contenuto input.bottone {
  cursor: pointer;
  border: none; 
	display: inline;
	font-size: 11px;
	padding: 4px 0px 1px 0px;
	margin: 4px 0 0 0;
	float: right;
	color: #c0c0c0;
  text-align: center;
	text-decoration: none;
	background: transparent url(bottone.gif) 0px 0px no-repeat;
	height: 23px;
  width: 98px;
	min-height: 23px;
  width/**/:/**/ 98px;
}
#contenuto a:hover.bottone, #dialogoModale a:hover.bottone,
#contenuto input.bottone:hover {
	background: transparent url(bottone.gif) 0px -29px no-repeat;
	color: white;
}
#contenuto input.bottone {
	padding: 0px 0px 0px 0px;
 	height: 29px;
	min-height: 29px;
}
#contenuto a:link.bottoneGo, #contenuto a:visited.bottoneGo,
#ricerca input.bottoneGo {
  cursor: pointer;
  border: none; 
	display: inline;
	font-size: 5px;
	padding: 0 0;
	margin: 0 0;
	float: right;
	color: #c0c0c0;
  text-align: center;
	text-decoration: none;
	background: transparent url(bottoneSmall.gif) 0px 0px no-repeat;
	height: 18px;
  width: 25px;
	min-height: 18px;
  width/**/:/**/ 25px;
}
#contenuto a:hover.bottoneGo,
#ricerca input.bottoneGo:hover {
	background: transparent url(bottoneSmall.gif) 0px -18px no-repeat;
	color: white;
}
#colonnaSinistra h6, #monoColonna h6 {
	font-size: 11px;
	line-height: 29px;
	background: transparent url(baseBottoneLinL.gif) left top no-repeat;
	margin: 15px 0px 0px;
	padding: 0px 0px 0px 11px;
	font-weight: normal;
	float: right;
	clear: left;
}
#colonnaSinistra h6 a, #monoColonna h6 a {
	background: transparent url(baseBottoneBack.gif) right 0px no-repeat;
	margin: 0px;
  text-align: left;
	text-decoration: none;
	border-bottom: none;
	font-weight: normal;
  display: block;
  min-height: 23px;
  padding: 0 50px 0 3px;
	color: #c0c0c0;
}
#colonnaSinistra h6 a:hover, #monoColonna h6 a:hover {
	background: transparent url(baseBottoneBack.gif) right -29px no-repeat;
	color: white;
}


/*  Microcomponenti di layout aggiunti dinamicamente */

#dialogoModale {
	display: none;
}
#velo {
	width: 0;
	position: absolute;
	background-color: #362f24;	
	z-index: 3;
	filter: alpha(opacity=50);
	-moz-opacity: 50%;
	opacity: 0.5;
}
#finestraDialogo {
	width: 320px;
	height: 150px;
	position: absolute;
	float: left;
	background-color: black;
	border: 1px solid #404040;
	padding: 4px 4px;
	z-index: 50;
	text-align: left;
}
html > body #finestraDialogo {
	max-width: 320px;
  height: auto;
	width: auto;
	position: fixed;
	min-width: 320px;
	min-height: 150px;
}
#titoloDialogo {
	background: #808080 url(dialogoBgGradient.gif) top left repeat-x;
	padding: 3px 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	height: 45px;
	color: #f5f9f9;
}
html > body #titoloDialogo {
	min-width: 310px;
}
#testoDialogo {
	position: relative;
	display: block;
	float: none;
	background: #808080 url(alertIcon.gif) 20px 10px no-repeat;
	padding: 10px 20px 20px 100px;
	text-align: left;
	font-size: 13px;
	color: white;
	height: 60px;
	width: 200px;
}
html > body #testoDialogo {
	height: auto;
	min-height: 60px;
}
#barraProgresso {
	display: none;
	top: 0px;
	width: 240px;
	height: 40px;
	padding: 42px 0px 0px 0px;
	position: absolute;
	background: #25263f url(progressBar.gif) 20px 20px no-repeat;
	border: 1px solid white;
	z-index: 30;
	text-align: center;
}
html > body #barraProgresso {
	position: fixed;  
}







.clear {
	clear: both;
}
.comandi {
	padding: 15px 100px 15px 10px;
}
.comandi p {
	margin: -5px 0 0 30px;
	width: auto;
	font-style: italic;
}
.comandi a:link, .comandi a:visited {
  border-bottom: none; 
  display: block;
	height: 23px;
	margin: 8px 0 0 0;
	padding: 0 0 0 30px;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(bulletOff.gif) top left no-repeat;
}
html > body .comandi a:link {
	height: auto;
	min-height: 23px;
}
.comandi a:hover {
	background: transparent url(bulletOn.gif) top left no-repeat;
}






#contenuto a:link.calendario, #contenuto a:visited.calendario {
  border-bottom: none; 
	display: inline;
	font-size: 15px;
	padding: 0px 0px 0px 27px;
	text-decoration: none;
	background: transparent url(calendarioOff.gif) 2px bottom no-repeat;
}
#contenuto a:hover.calendario {
	background: transparent url(calendarioOn.gif) 2px bottom no-repeat;
}

table {
	clear: both;
	border: 1px solid #D2E2F0;
	border-collapse: collapse;
}
thead th {
	padding: 2px 2px;
	background: #E8F1FA url(tableHead.gif) top left repeat;
	border-bottom: 2px solid white;
	text-align: left;
	font-size: 10px;
	line-height: 9px;
}
tbody tr {
	/*background: #E1ECF5 url(tableRowGradient.gif) top left repeat-x;*/
    background: #E1ECF5 top left repeat-x;
}

tbody th {
	font-style: italic;
	font-size: 11px;
	text-align:left;
	padding: 2px 15px 2px 2px;
}
tfoot td {
	font-weight:bold;
	background:#E1ECF5;
	font-size: 10px;
	border-top: 2px solid white;
	padding: 2px 10px 2px 2px;
	color: #4D8FA7;
}
.red {
	color: red;
}
.green {
	color:  #00C000;
}

.versione {
	float: right;
	padding-right: 30px;
	color: #AFCFDB;
}

.frameApplicazione {
  margin: 15px 5px 15px 5px;
  border: 5px solid black;
  background-color: black;
}