/* CSS Document */

html {
	height: 100%;
	background-color: white;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10pt;
}

body {
	height: 100%; 
	margin: 0px; padding: 0px;
	background-color: #ffffff; 
	text-align: left;
	color: #000000; 
}

th {
	font-size: 10pt;
	font-weight: bold; 
	color: #000000; 
	background-color: #f8ddc0;
}
td {
	font-size: 10pt;
}

A:link          {text-decoration: none; color: #FFFFFF} 
A:visited       {text-decoration: none; color: #FFFFFF} 
A:hover         {color: #000000; background-color: #ffff66; text-decoration: none}

.subform {
	background : #f8ddc0;
	border: #000000 1px solid;
	color : #000000;
	padding: 2px;
	margin: 5px;
}

.item {
	background : #f8ddc0;
	border: #000000 0px solid;
	color : #000000;
	padding: 2px;
	margin: 5px;
}

.item A {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
.item A:hover {
	COLOR: #000000;
	BACKGROUND-COLOR: #ffff66;
	TEXT-DECORATION: none
}

.barretta {
	FONT-WEIGHT: normal;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #e52229;
	BORDER-TOP: #ffffff 1px solid;
	BORDER-RIGHT: #000000 0px solid;
	BORDER-BOTTOM: #000000 1px solid;
	BORDER-LEFT: #000000 0px solid;
	PADDING: 2px;
	TEXT-ALIGN: center;
}
.barretta A {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #e52229;
	TEXT-DECORATION: none;
}

.barretta A:hover {
	COLOR: #000000;
	BACKGROUND-COLOR: #ffff66;
	TEXT-DECORATION: none
}

.navigazione{
	position:absolute;
	left:10px;
	top:83px;
	z-index:1;
	background : #e52229;
	border: 0px;
	color : #000000;
	padding: 0px;
	width : 8em;
}

.navigazione a {
	color :#ffffff
}

.navigazione a:hover {
	color :#000000
}

.navigazione p {
	border-top    : 1px solid #ffffff;
	border-right  : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-left   : 1px solid #ffffff;
	margin : 0px;
	padding : 2px;
}

.nav2 {
background : #7d81be;
}


/* Stile della sezione "principale" */
#principale {
	background-color: #FFFFFF;
	border-left: #CCCCCC 1px dotted;
	color: #000000;
	margin-left: 0em;
	padding: 10px;
	text-align: left;
}


#principale img {
	border : 0px
}


#foto {
        float : left;
        width : 300px;
        text-align : center;
}

#foto img {
        border : 0px
}

address {
    background-color: #eee;
    background-image: url(images/footer.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right;
    height:45px;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 15px;
    clear: right;

}

address img {
   display: inline;
   float: left;
   vertical-align: middle;
   width: 88px;
}

a:link img, a:visited img {
    border-style: none;
}

a img {color: black} /* The only way to hide the border in NS 4.x */


.banner {
	background-color: white;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right;
	border: 0;
	color: #e52229;
	padding-top: 10px;
	height: 40px;
	margin: 5px 0px 0px 10px;
	text-align: center;
}

.banner h1, .banner h3 {
	display: inline;
	font-weight: bold; 
	padding: 5px;
}

.banner h1 {
	font-size: 24pt;
}

.banner h3 {
	font-size: 12pt;
}

.banner img{
	float: left;
}


/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; 
  visibility:hidden; 
  left:0; 
  top:0; 
  z-index:10000;
  background-color:#dee7f7; 
  border:1px solid #336; 
  width:250px;
  padding:4px;
  color:#000;
  font-size:11px;
  line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { 
  font-size:12px;
  color:#336;
  font-style:italic
}
div.tp2 {
  font-weight:bolder;
  color:#337;
  padding-top:4px
}

div#errormsg {
  z-index:10000;
  background-color:#ffff00; 
  border:1px solid #336; 
  padding:4px;
  color:#000;
  font-size:18px;
  line-height:1.2;
}