body{
	margin:0;
	padding:0;
	background:url(immagini/sfondobody.jpg) repeat-y center #6E0E2A;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}
/*** STILI VARI ***/

h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; padding:0; margin:0; }
h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#CC3300; font-weight:normal; }
.piccolotab{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#999999; }
.label{ border:1px solid #FF9900; background-color:#FFFFFF; font-size:11px; }

/*** STRUTTURA ***/

#centrato{
	margin-left:auto;
	margin-right:auto;
	width:800px;
}
#barralogo{
	height:120px;
	width:800px;
	background-image:url(immagini/barralogo.jpg);	
	float:left;
}
#barraslogan{
	height:20px;
	padding-top:20px;
	padding-bottom:0;
	width:800px;
	background-image:url(immagini/slogan.jpg);	
	float:left;
}
#barraimmagine{
	height:180px;
	width:800px;
	float:left;
	background-color:#FFFFFF;
}
#barratasti{
	height:40px;
	width:800px;
	float:left;
	background-image:url(immagini/sfondotasti.jpg);
}
#separatore{
	height:30px;
	width:800px;
	background-image:url(immagini/separatore.jpg);
	float:left;
}
#barrahome{
	width:800px;
	background-image:url(immagini/sfondo.jpg);
	float:left;
}
#menu{
	width:230px;
	padding:10px;
	float:left;
	text-align:justify;
}
#testo{
	width:530px;
	padding:10px;
	float:left;
	text-align:justify;
	line-height: 20px;
}
#barrachiusura{
	width:800px;
	height:20px;
	padding-top:20px;
	background-image:url(immagini/chiusura.jpg);
	font-size:9px;
	color:#666666;
	float:left;
}

/*** BOX NEWS ***/

.raised {background: transparent; width:200px; margin:0 auto;}
.raised h1, h3, .raised p {margin:0 10px;}
.raised h3 {font-size:14px; color:#fff; letter-spacing:1px;}
.raised .data {font-size:9px; color:#aaa; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#efefef; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#efefef; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#efefef; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#efefef; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#efefef; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#efefef; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#efefef; border-left:1px solid #fff; border-right:1px solid #999;}

/*** FOTO ***/

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:500px; 
height:400px; 
background:#eee;
border:1px solid #aaa;
margin:0;
text-align:center;
background: url(immagini/sfondogallery.jpg);
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:290px 10px 10px 10px; 
list-style-type:none; 
position:relative;
width:480px;
text-align:center;

}
/* remove the default image border */
.gallery img {
border:0;
/*width:480px;	
height:280px;*/
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
margin-top:30px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0;
visibility:hidden; 
border:0;
}
/* position the images using an absolute position and hide them from view */
.gallery li span {
position:absolute; 
top:-280px; 
left:0; 
visibility:hidden; 
border:1;
z-index:1;
width:480px;
color:#000000;
background-color:#fff;
font-size:10px;
text-align:left;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
margin:0;
padding:0;
line-height:11px;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:40px;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
.gallery li a:active span, .gallery li a:focus span {
visibility:visible;
}

/*** TASTI PRINCIPALI ***/
#navpr{
padding: 0;
margin: 0;
}
#tastipr ul{
margin-left:10px;
color: #FFF;
float: left;
width:762px;
padding-left:10px;
font-family: verdana, helvetica, sans-serif;
font-size:11px;
height:30px;
}
#tastipr ul li { display: inline; }
#tastipr ul li a, #tastipr ul li a:visited{
padding:14px 0px 13px 0px;
color: #FFF;
text-decoration: none;
float: left;
width:150px;
background:none;
}
#tastipr ul li a:hover{
color: #fff;
background-image:url(immagini/tastoh.jpg);
text-decoration:underline;
}
/*** TASTI LATERALI ***/
#navcontainer2{
background: #ffffff;
width: 230px;
padding: 1em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:left;
}
ul#navlist2{
text-align: left;
list-style: none;
padding: 0;
margin-left: 12px;
}
ul#navlist2 li{
display: block;
margin: 0;
padding: 0;
}
ul#navlist2 li a{
display: block;
width: 182px;
padding: 4px 0 4px 20px;
border-width: 1px;
border-color: #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #efefef;
margin-bottom:2px;

}
#navcontainer2>ul#navlist2 li a { width: 200px; }
ul#navlist2 li#active a{
background: #f0e7d7;
color: #800000;
}
ul#navlist2 li a:hover, ul#navlist2 li#active a:hover{
color:#000;
background: #fff;
border-color: #efefef;
}

/*** TASTI PRODOTTI ***/ 

#navcontainer { 
background: #ffffff;
width: 230px;
padding: 1em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:left;
}
#navcontainer ul{
text-align: left;
list-style: none;
padding: 0;
margin-left: 12px;
}
#navcontainer li { 
margin: 0 0 1px 0; 
}
#navcontainer a{
display: block;
width: 182px;
padding: 4px 0 4px 20px;
border-width: 1px;
border-color: #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #efefef;
margin-bottom:3px;
}
#navcontainer a:hover{
color:#000;
background:#fff;
border-color: #efefef;
}
#navcontainer ul ul li { margin: 0 0 0 0; }
#navcontainer ul ul a{
display: block;
padding: 2px 5px 2px 10px;
width: 175px;
color: #333;
background-color: #f9f9f9;
text-decoration: none;
border-color: #fff #fff #fff #fff;
font-size:10px;
}
#navcontainer ul ul a:hover{
color: #000;
background-color: #FFFFFF;
text-decoration: none;
border-color: f9f9f9;
}
/*** FILEDSET ***/

fieldset {
	width: 500px;
	padding:10px;
	text-align: left;
}
fieldset.nuovo{
	width: 500px;
	text-align: left;
	border:none;
	border-bottom:1px solid #ccc;
	font-size:9px;
	padding:3px;
	background-color:#fff;
}

fieldset textarea {
	padding:0;
	margin:0;
}
fieldset select, fieldset textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
fieldset label, fieldset input.text, fieldset input.radio {
	display: block;
	float: left;
}
fieldset label {
	text-align: right;
	white-space: nowrap;
	float:left; 
	width:150px;
}
.labelobbligatoria{
	font-size:11px;
	border:1px solid #999;
	background-color:#eeeeee;
	color:#000;
}
.labelnonobbligatoria{
	font-size:11px;
	border:1px solid #999;
}
fieldset legend {
	color:#CC0000;
	margin-left:380px;
	padding: 4px;
	border:1px solid #efefef;
}
fieldset #pieno {
	width:500px;
	float:left; /*none se li vuoi in lista verticale */
	margin-bottom: 0.5em;
	text-align:right;
	border-bottom:1px solid #f7f7f7;
}
fieldset input.text {
	width: 25em;
	border: none;
	border-bottom: 1px solid #000;
	background: #eee;
	color: #000;
}
fieldset label {
	text-align: right;
	white-space: nowrap;
	float:left;
	width: 50px;
	padding-right: 0.25em;
}
fieldset select {
	width: 25em;
}