@charset "iso-8859-1";

/*stili per la home page*/

body {background: #FFFF9A url(../img/bg_hp.jpg) top left repeat-x; color: #000; margin: 0px;}
div#white {position: absolute; top: 0px; left: 50%; width: 780px; display: block; margin-left: -390px; z-index: 3; }
div#contenitore {position: relative; top: 0px; left: 0px; width: 780px; display: block; z-index: 5; }

div#white_album {position: absolute; top: 0; left: 50%; width: 708px; height: 100%; margin-left: -354px; z-index:1;}
/*il box che porta il riferimento assoluto alla zona centrale*/
div#contenitore_album {position: relative; top: 0px; left: 0px; width: 708px; z-index: 5; text-align: center}

div.puls_album {padding: 10px; position: relative; width: 335px; z-index: 5; text-align: center; background: #E2E2EE; font: normal 11px Verdana;}
html>body div.puls_album {
	padding: 10px;
	position: relative;
	width: 335px;
	z-index: 5;
	text-align: center;
	background: #E2E2EE;
	font: normal 11px Verdana;
	left: 50%;
	margin-left: -167px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#header {position: absolute; top: 0px; left: 0px; margin-left: -23px; height: 170px; z-index: 1; width: 826px; background: url(../img/header.png) top left no-repeat;}

span#menutop {position: absolute; top: 6px; right: 35px; text-align: right; z-index: 3; width: 550px; color: #02006D; font: normal 11px Verdana, Arial}

span#bassodx_hp {position: absolute; bottom: 0px; right: 0px; text-align: right; z-index: 3; width: 316px; height: 323px; }

span.testo {display: block; top: 0px; left: 0px; margin: 10px; width: 550px; font: 13px Arial, Verdana; text-align: left;}

span.immagini {top: 0px; left: 0px; border-left: 1px solid #FD9800; display: block;  height: 300px; width: 574px; text-align: left; color: #FFFFFF; }

span.immagini {top: 0px; left: 0px; border-left: 1px solid #FD9800; display: block;  height: 150px; width: 574px; text-align: left; color: #FFFFFF; }


div#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #FFFF9A url(../img/bg_footer.png) no-repeat;
	width: 780px;
	font: 10px verdana;
	text-align: center;
	padding: 13px 0px;
	color: #000000;
	z-index: 10;
	height: 50px;
}

span.titolo {color: #E68F11; font: normal 16px Trebuchet Ms, Arial; text-align: left; text-transform: uppercase;}

span.sfondo {display: block; background: #E4E4EF; padding: 2px 4px; border-right: 1px solid #fff; border-top: 1px solid #fff}
span.sfondo2 {background: #E4E4EF; padding: 4px 4px; border-right: 1px solid #fff; border-top: 1px solid #fff}


.bordo {border: 1px solid #B7B5D5;}

li.pagina {list-style-image:  url('../img/arrow2.gif')}

A.linkbianco:link {color: #ffffff; text-decoration: none;}
A.linkbianco:visited {color: #ffffff; text-decoration:none;}
A.linkbianco:hover {color: #ffffff; text-decoration: underline;}
A.linkbianco:active {color: #eeeeee; text-decoration: none;}

A.linknormale:link {color: #000; text-decoration: underline; }
A.linknormale:visited {color: #000; text-decoration:underline; }
A.linknormale:hover {color: #C87400; text-decoration: underline;}
A.linknormale:active {color: #000; text-decoration: underline;}

A.linkscurohome:link { color: #000; text-decoration: none;}
A.linkscurohome:visited { color: #000; text-decoration:none;}
A.linkscurohome:hover {color: #000; text-decoration: underline;}
A.linkscurohome:active {color: #000; text-decoration: none;}

A.titolo:link {font: bold 10px verdana; color: #333333; text-decoration: none;}
A.titolo:visited {font: bold 10px verdana; color: #333333; text-decoration:none;}
A.titolo:hover {font: bold 10px verdana; color: #333333; text-decoration: underline;}
A.titolo:active {font: bold 10px verdana; color: #333333; text-decoration: none;}

A.freccetterosse:link {color: #990033; text-decoration: none; font: bold 10px;}
A.freccetterosse:visited {color: #990033; text-decoration:none; font: bold 10px;}
A.freccetterosse:hover {color: #990033; text-decoration: underline; font: bold 10px;}
A.freccetterosse:active {color: #990033; text-decoration: none; font: bold 10px;}

A.linkscurofooter:link { color: #013366; text-decoration: none;}
A.linkscurofooter:visited { color: #013366; text-decoration:none;}
A.linkscurofooter:hover { color: #013366; text-decoration: underline;}
A.linkscurofooter:active { color: #013366; text-decoration: none;}

A.avanti:link { color: #C87400; text-decoration: none; padding: 3px; border: 1px solid #C87400; background: #FFF8D5;}
A.avanti:visited { color: #C87400; text-decoration:none; padding: 3px; border: 1px solid #C87400; background: #FFF8D5;}
A.avanti:hover { color: #C87400; text-decoration: none; padding: 3px; border: 1px solid #C87400; background: #FAE6BE;}
A.avanti:active { color: #C87400; text-decoration: none; padding: 3px; border: 1px solid #C87400; background: #FFF8D5;}



.testonormale {font: normal 13px Arial, Verdana;}
/******************* DROP DOWN MENU*********************************/
#sidebarhome
{
  position: absolute; top: 154px; left: 0px; z-index: 200;
  width: 168px;
	font-size: 11px;
	margin-top: 1px ;

	}
#loghi
{
  position: absolute-;
  top: 355px;
  left: 0px;
  z-index: 200;
  width: 206px;
  font-size: 11px;
  margin-top: 1px ;
  display: block;
	}

/************** Hack per IE7 e firefox***********/
html>body #sidebarhome {
  position: absolute; top: 154px; left: 0px; z-index: 200;
  width: 207px;
}
.narrowcolumn {
	float: left;
	padding: 0px;
	width: 207px;
	}

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
padding: 0;
margin: 0;

}

.mainitems a{
  text-decoration: none;
  display: block;
  padding: 3px 6px;
  width: 194px !important; width: 206px;
  background: #E68F11 url(../img/bg_footer.gif) top left repeat-x;
  color: #fff;
  text-decoration: none;
  font: normal 14px Trebuchet Ms, Arial;
  line-height: 20px;
  border-top: 1px solid #FD9800;
  border-bottom: 1px solid #FD9800;
  margin-top: -1px
}

.mainitems a:hover{
	text-decoration: none;
	color: #000066;
	width: 194px !important;
	width: 206px;
	background: #FFB44B url('../img/arrow.gif') top right no-repeat;
	font: normal 14px Trebuchet Ms, Arial;
	line-height: 20px;
}


.subuls{
display: none;
color: #FD9800;
position: absolute;
top: 0px;
left: 206px !important; width: 206px;
  margin-top: 1px !important; margin-top: 0px;
}

.subuls li{
width: 100%;

}

.subuls li a{
  text-decoration: none;
  background: #E68F11;
  color: #FFF;
  font-size: 12px;
  margin: 0px;
  padding: 3px 3px;
  border: 0px;
  border-left: 1px solid #FD9800;
  border-bottom: 1px solid #FD9800;
  width: 194px !important; width: 206px;

}

.subuls li a:hover{
	text-decoration: none;
	color: #000033;
	background: #E68F11 url('../img/arrow.gif') top right no-repeat;
	font-size: 12px;
	padding: 3px 3px;
	border: 0px;
	border-bottom: 1px solid #FD9800;
	border-left: 1px solid #FD9800;
	width: 194px !important;
	width: 206px;

}

.mainitems a:hover:.subuls li a{

  background: #f60;

}
/* to override */
.subuls li li a, .subuls li li a:hover{ /* Nasconde le pagine di 3 livello */
  display: none;
  line-height: 0px;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: -1px;
left: 155px;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;

}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
/******************* FINE DROP DOWN MENU*********************************/

