@CHARSET "UTF-8";

@import url(overLayer.css);
	 



html,body{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
}





h1 { font-size: 24pt; }
a { color: #7B4010; text-decoration: none; font-weight: bold; }
a img { border: none; }
a:hover { color: #984F14; }
p { text-align: justify; }




#head, #bannerTop div, #middleBlock, #bannerBottomContainer, #footerContent { width: 960px; margin: 0 auto; }
.clearer { clear: both; }



#head {  }
#login { display: block; width: 500px; float: right; text-align: right; text-decoration: none;
	background: white url(../IMGS/loginButton.png) no-repeat 180px 2px; line-height: 80px; font-size: 16pt;
	padding-right: 25px; color: #202020;
	opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);
	}
#login:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }







#menuTop { text-align: center; margin: 5px 0 0 0; background: #404040 url(../IMGS/bgMenuTop.jpg) repeat-x; height: 40px;
	border-top: 1px solid #999; border-bottom: 1px solid #EEE; }
#menuTop ul { margin:0; padding:0; list-style-type: none; }
#menuTop ul li { display: inline; }
#menuTop ul li a { text-decoration:none; color: white; font-size:13pt; text-transform: uppercase; line-height: 40px; padding: 7px 20px; }
#menuTop ul li a:hover { background-color: #606060; }





#bannerTop { height: 280px; background: #F57F20 url(../IMGS/bgBannerTop.jpg) repeat-x; color: white; border-bottom: 1px solid #F57F20; }
#bannerTop div { padding: 20px; }
#bannerTop div h1 { margin: 0; }





middleBlock {  }





#right_bar { float: right; width: 300px; font-size: 10pt; }
#right_bar td { padding: 1px 5px; }
tr.bg1 { background-color: #DDD; }
tr.bg2 { background-color: #EEE; }
td.sx_col { }
td.dx_col { text-align: center; }
tr.totale td { border-top: 1px solid #111; background-color: #555; color: white; }
tr.totale td.sx_col { text-align: right;  }
.attiva_ora_button { text-align: center; height: 40px; line-height: 40px; margin: 10px 0; background: white url(../IMGS/attivaOraButton.png) no-repeat 50% 0; }
.attiva_ora_button a { text-decoration: none; font-size: 14pt; color: #202020;
	opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
.attiva_ora_button a:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }






#pageContent { width: 630px; }





#bannerBottom { background: #404040 url(../IMGS/bgBannerBottom.jpg) repeat-x; color: white; margin:20px 0 0 0; }
#bannerBottomContainer { height: 110px; }
#bannerBottom div div { width: 470px; text-align: center; line-height: 110px; }
#bannerBottom div div a { color: white; text-decoration: none; font-size: 16pt; }
#bannerBottomDiv1 { float: right; }
#bannerBottomDiv2 { border-right: 1px solid white; }
#bannerBottomDiv2 a span { position: relative; display: block; visibility: hidden; color: #303030;
	 top: -170px; background: url(../IMGS/fumettoTelefona.png) no-repeat 50% 33px;
}
#bannerBottomDiv2 a:hover span { visibility: visible; }


#footer { clear: both; }

#menuBottom { text-align: center; margin: 15px 0; height: 20px;  }
#menuBottom ul { margin:0; padding:0; list-style-type: none; }
#menuBottom ul li { display: inline; }
#menuBottom ul li a { text-decoration:none; color: #404040; font-size:13pt; text-transform: uppercase; line-height: 20px; padding: 2px 10px; }
#menuBottom ul li a:hover { text-decoration: underline; }


#footerContent { text-align: center; font-size: 10pt; }





.question, .answer { padding-left: 150px; background: no-repeat 0 -13px; }
.question { background-image: url(../IMGS/domanda.png); }
.answer { background-image: url(../IMGS/risposta.png); margin-bottom: 50px; font-style: italic; }