/* Stili i portlet */

.PortletTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: x-small;
font-weight: bold;
text-align: center;
padding: 2px;
font-style: oblique;
}

.PortletCnt {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #8A4C27;
font-size: xx-small;
padding: 1px;
background-color: #FFFFFF;
text-align: left;
}
.PortletCntTransp {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: xx-small;
padding: 1px;
text-align: left;
}

.LightPortletCnt {
font-family: Veprdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
color: #000000;
font-size: xx-small;
padding: 1px;
text-align: left;
}

.PortletHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: xx-small;
padding: 3px;
font-weight: bold;
}

.PortletFooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #D5F7B9;
color: #000000;
font-size: xx-small;
text-align: left;
padding: 2px;
}

/* Stili per le legende */

.Legend {
color: #0F9616;
background-color: #0099FF;
border: 1px groove #66CCFF;
font-size: medium;
font-weight: bold;
font-family: Arial, Tahoma, Verdana, Helvetica;
padding: 2px;
}

.LegendBody {
border: 2px groove #0099FF;
padding: 2px;
width: 95%;
}

/* Stile per il contenuto del corpo generico della pagina */
.PageBODY{ font-family : Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; font-size: x-small}

/* Stile base per i form */
.FormTABLE{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : x-small; background-color: none;}

/* Stile per l'intestazione dei form */
.FormHeaderFont{ background-color: #8A4C27; color : #FFFFFF; font-size : 14px; font-weight : bold;  font-family : Verdana, Arial, Helvetica, sans-serif; }

/* Stile per il piede dei form */
.FormFooterFont{ color : #022030; text-align: center; font-size : xx-small; font-weight : bold;  font-family : Verdana, Arial, Helvetica, sans-serif; }

/* Stile per le celle delle tabelle background-color : #ABDBB6;*/
.ColumnTD { color : #000000;  font-size : 12px; font-weight : bold;  font-family : Verdana, Arial, Helvetica, sans-serif;}

/* Stile per le celle che contengono un titolo/descrizione background-color : #E0EFFE; */
.FieldCaptionTD { color : #8A4C27; font-size : 12px;  font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 1px; background-color: #FEFEF6;} 

/* Stile per le celle che contengono un titolo/descrizione */
.FieldCaptionTDLt { color : #8A4C27; background-color : #FEFEF6; font-size : 10px;  font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

.FieldCaptionTDNoCol { color : #8A4C27; font-size : 10px;  font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

/* Stile per le celle che contengono dei dati  background-color : #FFFFFF; */
.DataTD{ color : #000000; font-size : 12px;  font-family : Verdana, Arial, Helvetica, sans-serif; padding: 1px; background-color: none;}
.StrongDataTD{ color : #000000; font-size : 12px;  font-family : Verdana, Arial, Helvetica, sans-serif; padding: 1px; background-color: none; font-weight: bold;}

/* Stile per i messaggi di errore */
.Error { background-color : #FF0000; color : #FFFFFF; font-size : normal; text-align:center; font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border: 3px #000000 solid; padding: 5px;}

/* Stile per i messaggi di conferma */
.Confirm { background-color : #00C000; color : #FFFFFF; font-size : small; text-align:center; vertical-align: middle;  font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border: 1px #000000 solid; padding: 5px;}

/* Stile per i messaggi di redirezione automatica */
/*.Redirect { background-color : #EFE1E1; color : #800202; font-size : xx-small; text-align:center; font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border: 1px #000000 solid;}*/
.Redirect {width: 70%; margin: 110px; text-align: center; padding: 15px; border: #e0e0e0 1px solid; color: #666666; background-color: #f6f6f6;}
.Redirect a:link {color: #666666; text-decoration: none; font-weight: bold;}
.Redirect a:visited {color: #666666; text-decoration: none; font-weight: bold;}
.Redirect a:hover {color: #999999; text-decoration: underline; font-weight: bold;}

/* Stile per gli elenchi puntati/numerati*/
.List{ font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size : x-small; text-align: left; }

/* Stili per i link */
a.DataLink:link{ color : #808080; text-decoration : underline; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.DataLink:visited{ color : #808080 text-decoration : underline; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.DataLink:hover{ color : #87431E; text-decoration : none; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.DataLink:active{ color : #87431E; text-decoration : none; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}

a.DataLinkFooter:link{ color : #808080; text-decoration : underline; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.DataLinkFooter:visited{ color : #808080; text-decoration : underline; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.DataLinkFooter:hover{ color : #87431E; text-decoration : none; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.DataLinkFooter:active{ color : #87431E; text-decoration : none; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}

a.Link:link{ color : #808080; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.Link:visited{ color : #808080; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.Link:hover{ color : #87431E; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.Link:active{ color : #87431E; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}

a.PagePathLink:link{ color : #0F9616; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.PagePathLink:visited{ color : #0F9616; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.PagePathLink:hover{ color : #0F9616; text-decoration : underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
a.PagePathLink:active{ color : #0F9616; text-decoration : underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}

a.FlatLink:link{ color : #FFFFFF; text-decoration : none; }
a.FlatLink:visited{ color : #FFFFFF; text-decoration : none; }
a.FlatLink:hover{ color : #9DB1F9; text-decoration : none; }
a.FlatLink:active{ color : #9DB1F9; text-decoration : none; }

a.HeaderLink:link{ color : #8D3232; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : x-small;}
a.HeaderLink:visited{ color : #8D3232; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : x-small;}
a.HeaderLink:hover{ color : #9DB1F9; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : x-small;}
a.HeaderLink:active{ color : #9DB1F9; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : x-small;}

a.BigLink:link{ color : #FFFFFF; text-decoration : underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : large;}
a.BigLink:visited{ color : #FFFFFF; text-decoration : underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : large;}
a.BigLink:hover{ color : #9DB1F9; text-decoration : underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : large;}
a.BigLink:active{ color : #9DB1F9; text-decoration : underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : large;}

/* Stile per i pulsanti delle form */
.Button { border : 2px double #8A4C27; background-color : #FFFFEE; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;}

/* Stile per i link a 'pulsante' */
.LinkButton { padding: 3px; border : 1px double #000000; background-color : #FFFFEE; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; }

/* Stile per i pulsanti piccoli nei form */
.SmallButton { border-left : 1px solid #FFFFFF; border-right : 1px solid #000000; border-top : 1px solid #FFFFFF; border-bottom : 1px solid #000000; background-color : #FFFFEE; color : #000000; font-size : 10px; font-family : Tahoma, Verdana, Arial, Helvetica; font-weight : bolder; }

/* Stile per le caselle di testo nei form */
.Input { border : 1px double #8A4C27; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;}

.Radio { border: 1px none black; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;}

/* Stile per le textarea nei form */
.Textarea { border : 1px double #8A4C27; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;}

/* Stile per le combobox e listbox nei form */
.Select { border : 1px double #8A4C27; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; }

/* Stile pił luminoso */
.SomethingBright {background-color: #dfdf04; font-size : x-small; color:#0000ff; font-family : Tahoma, Verdana, Arial, Helvetica; }

/* Stile nuanco su nero*/
.WhiteOnBlack { font-family : Tahoma, Verdana, Arial, Helvetica; font-size : x-small; background-color : #000000; color : #ffffff;}

/* Stile per il testo CODE */
div.Code { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}

/* Stile per il testo QUOTE */
div.Quote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}

/* Stili per la barra di navigazione tra pagine */
.PagingCurrentPage { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small; font-weight: bold; color : #FF0000;}

.PagingLink { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small; color : #000000; }

.PageLink { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small; color : #000000; }

.Gallery { background-color: #DDDDDD; text-align: center; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small; }
.GalleryImage { background-color: #FFFFFF; text-align: center; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;}
.GalleryText { border-top: 2px solid #000000; vertical-align: text-top; width: 80%; padding: 3px; background-color: #EEEEEE; text-align: justify; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : x-small; }
.GalleryImageInfo {
overflow: auto;width: 300px;height: 300px;
scrollbar-face-color: #DBC9A5;
scrollbar-shadow-color: #C4A770;
scrollbar-highlight-color: #C4A770;
scrollbar-3dlight-color: #C4A770;
scrollbar-darkshadow-color: #C4A770;
scrollbar-track-color: #DBC9A5;
scrollbar-arrow-color: #C4A770;
background-color: #FBE5BB;
border: 1px solid #000000;
}

/* This is the background image */
#bg {
overflow: auto;width: 630px;height: 378px;
scrollbar-face-color: #DBC9A5;
scrollbar-shadow-color: #C4A770;
scrollbar-highlight-color: #C4A770;
scrollbar-3dlight-color: #C4A770;
scrollbar-darkshadow-color: #C4A770;
scrollbar-track-color: #DBC9A5;
scrollbar-arrow-color: #C4A770;
}
	
/* This is the transparent box */
#transbox {
width: 100%;
height: 100%;
background-color: #ffffff;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
#transbox div {
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
position: relative;
text-align: left;
}

.StoryContent{font-family : Verdana, Arial, Helvetica, sans-serif; text-align: justify; background-color: white; font-size: x-small;}
.StoryTitle{ color : #000000; font-size : small;  font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 1px; background-color: #9DB1F9; text-decoration: none;} 
.StoryHeader{ color : #000000; font-size : xx-small;  font-family : Verdana, Arial, Helvetica, sans-serif; padding: 1px; background-color: #EAE3CB;}
.StoryFooter{ color : #000000; font-size : xx-small;  font-family : Verdana, Arial, Helvetica, sans-serif; padding: 1px; background-color: #9DB1F9; text-decoration: none;} 
.TopicText{color : #000000; font-size : small;  font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 3px; text-decoration: none;}
.ItemOdd{ color : #000000; background-color : #DDDDDD; font-size : x-small;  font-family : Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.ItemEven{ color : #000000; background-color : #EEEEEE; font-size : x-small;  font-family : Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.Caption { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : small; color : #000000; font-weight: bold;}

.Title{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : large; color : #5C7DF6; font-weight: bold;}
hr { color: #B66E6E;}
.TableDotted {border: 1px dotted black; background-color: #EAF4EA;}

.TextContainer{background-color: white;border: 1px solid black;padding: 5px;}
.ProductContainer{background-color: white;border: 1px solid black;padding: 5px;  font-family : Verdana, Arial, Helvetica, sans-serif; font-size: normal; }

.Testo { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 16px; color : #87431E; font-weight: normal;}
.TestoPiccolo { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #87431E; font-weight: normal;}
.TestoMinuscolo { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #87431E; font-weight: normal;}
.TestoFooter { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #808080; font-weight: bold;}

a.LinkTestoPiccolo:link{ color : #87431E; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;}
a.LinkTestoPiccolo:visited{ color : #87431E; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;}
a.LinkTestoPiccolo:hover{ color : #0F9616; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;}
a.LinkTestoPiccolo:active{ color : #0F9616; text-decoration : none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;}

/*------------ Navmenu ------------*/
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background-color: white;
height: 2em;
line-height: 2em;
float: left;
width: 14em;
display: block;
border: 0.1em solid #dcdce9;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover {
background-color: black;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:80em
}

/*------------ 2 Colonne fluide ------------*/

#container
{
width: 100%;
margin: 0px auto;
background-color: #FEFEF6;
color: #FFFFFF;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 246px;
margin: 0;
padding: 0px;
}

#content
{
margin-left: 250px;
padding: 0px;
color: #FFFFFF;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#content { max-width: 36em; }

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
background-color:#fff;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
background-color:#fff;
}