﻿body {
	font-family: Trebuchet MS, Arial;
	background-color: #000000;
	color: #FFFFFF;
	scrollbar-arrow-color: #DDDDDD;
	scrollbar-3dlight-color: #000000;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #DDDDDDD;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #222222;
}

p.corpo {
	padding-left: 15px;
	padding-right: 15px;
}
p.home {
	padding-left: 35px;
	padding-right: 35px;
}
p.citazione {
	font-family: Times New Roman, Times;	
	text-align: center;
}
p.footer {
    font-size: 12px;	
	text-align: center;    
}

p.corponews {
	padding-left: 5px;
	padding-right: 5px;
	text-justify: justify;
	font-size: 14px;
}

h2           { font-size: 16px; color: #FFFFFF; font-weight: bold; 
               border-left-width: 1px; border-right-width: 1px; 
               border-top-width: 1px; border-bottom: 1px dotted #C0C0C0; 
               padding-top: 0 }
               
h3           { font-size: 14px; color: #FFFFFF; font-weight: bold; 
               border-left-width: 1px; border-right-width: 1px; 
               border-top-width: 1px; border-bottom: 1px dotted #C0C0C0; 
               padding-top: 0; padding-left: 15px; margin-bottom: 10px; margin-top: 30px;}
               
a:link       { color: #FFFF96 }
a:visited    { color: #FF9966 }


/* -- Gestione del menu a scomparsa -- */
div.popupDetails0 {width: 80px; padding: 0px 0px 0px 0px;}
div.popupDetails1 {width: 178px; padding: 40px 1px 1px 1px;}
div.popupDetails2 {width: 148px; padding: 40px 1px 1px 1px;}
div.popupDetails3 {width: 148px; padding: 40px 1px 1px 1px;}
div.popupDetails4 {width: 180px; padding: 0px 0px 0px 0px;}
div.popupDetails5 {width: 148px; padding: 40px 1px 1px 1px;}
.infoboxstyle0 {position: relative; z-index: 30; width:80px; height: 30px; background: url('images/menu_blu_home.gif') no-repeat} 
.infoboxstyle0 * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle1 {position: relative; z-index: 30; width:180px; height: 330px; background: url('images/frame_blu_progetto.gif')} 
.infoboxstyle1 * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle2 {position: relative; z-index: 30; width:150px; height: 160px; background: url('images/frame_blu_news.gif')} 
.infoboxstyle2 * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle3 {position: relative; z-index: 30; width:150px; height: 160px; background: url('images/frame_blu_contatti.gif')} 
.infoboxstyle3 * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle4 {position: relative;	z-index: 30; width: 180px; height: 30px; background: url('images/menu_blu_umanesimo.gif') no-repeat} 
.infoboxstyle4 * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle5 {position: relative;	z-index: 30; width: 150px; height: 100px; background: url('images/frame_blu_sostienici.gif') no-repeat} 
.infoboxstyle5 * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle0_red {position: relative; z-index: 30; width:80px; height: 30px; background: url('images/menu_red_home.gif') no-repeat} 
.infoboxstyle0_red * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle1_red {position: relative; z-index: 30; width:180px; height: 330px; background: url('images/frame_red_progetto.gif')} 
.infoboxstyle1_red * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle2_red {position: relative; z-index: 30; width:150px; height: 160px; background: url('images/frame_red_news.gif')} 
.infoboxstyle2_red * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle3_red {position: relative; z-index: 30; width:150px; height: 160px; background: url('images/frame_red_contatti.gif')} 
.infoboxstyle3_red * {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle4_red {position: relative;	z-index: 30; width: 180px; height: 30px; background: url('images/menu_red_umanesimo.gif') no-repeat} 
.infoboxstyle4_red* {visibility: "visible"; position: relative; z-index: 31;}
.infoboxstyle5_red {position: relative;	z-index: 30; width: 150px; height: 100px; background: url('images/frame_red_sostienici.gif') no-repeat} 
.infoboxstyle5_red* {visibility: "visible"; position: relative; z-index: 31;}

#categories {
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	list-style: none;
	width: 100%;
	background: url(/i/dl/global/bg_categories_div.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
#categories li {position: relative; font-weight: bold; padding-bottom: 1px; background: url(/i/dl/global/bg_categories_div.gif) repeat-x left bottom;}
#categories li a {
	display: block;
	text-decoration: none; /* IE6 Bug */;
	padding: 4px 0 4px 20px;
	background: url(/i/dl/global/bullet_categories_right.gif) no-repeat 12px 7px;
	background-color: #1A667F;
	color: #FFFFFF;
}
#categories li a.ont-selected:hover {
	background: url(/i/dl/global/bullet_categories_right_on.gif) no-repeat 12px 7px;
	background-color: #6699FF;
	color: #fff;
}

#categories li a:hover {
	background: url(/i/dl/global/bullet_categories_right_on.gif) no-repeat 12px 7px;
	background-color: #36CDFF;
	color: #fff;
}

#categories a.ont-selected {background-image: url(/i/dl/global/bullet_categories_green.gif); background-color: #fff; color: #2E5500;}

li.over #categories { display: block; } 

li:hover #categories { display: block; } /* The magic */

#categories_red {
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	list-style: none;
	width: 100%;
	background: url(/i/dl/global/bg_categories_red_div.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
#categories_red li {position: relative; font-weight: bold; padding-bottom: 1px; background: url(/i/dl/global/bg_categories_red_div.gif) repeat-x left bottom;}
#categories_red li a {
	display: block;
	text-decoration: none; /* IE6 Bug */;
	padding: 4px 0 4px 20px;
	background: url(/i/dl/global/bullet_categories_red_right.gif) no-repeat 12px 7px;
	background-color: #3C1C10;
	color: #FFFFFF;
}
#categories_red li a.ont-selected:hover {
	background: url(/i/dl/global/bullet_categories_red_right_on.gif) no-repeat 12px 7px;
	background-color: #6699FF;
	color: #fff;
}

#categories_red li a:hover {
	background: url(/i/dl/global/bullet_categories_red_right_on.gif) no-repeat 12px 7px;
	background-color: #AC5230;
	color: #fff;
}

#categories_red a.ont-selected {background-image: url(/i/dl/global/bullet_categories_red_green.gif); background-color: #fff; color: #2E5500;}

li.over #categories_red { display: block; } 

li:hover #categories_red { display: block; } /* The magic */