/* CSS Document */

body{
	scrollbar-face-color:#3B322D;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#C0C0C0;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#808080;
	scrollbar-arrow-color:#FF8040;
	scrollbar-track-color:#7E776D;
	margin: 0;
	padding:0;
	background-image:   url(../images/sfondo-ampagraf.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left center;
}
html{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}


/*il tag hr serve per matenere i div orizzontali divisi tra loro. Con il display none facciamo sė che non si veda ma che ci sia*/
hr { display:none } 

/*eventualmente dovessi utilizzare delle immagini come link questo stile evita di farmi visualizzare il bordo*/
img {text-decoration: none; border: 0px;}

/*classi varie*/
p {margin:0px; padding:0px;}
h1 {font-size: 13px;font-weight: normal;margin: 0px;padding: 0px;	color: #FFFFFF;}
h2 {font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;	color: #003399;}
h3 {font-size: 11px;font-weight: bold;margin: 0px;padding: 0px;	color: #003399;}
a { text-decoration:none; color: #FF9900;}a:hover { text-decoration:underline; color: #FFFFFF;}
.corpo10 {font-size: 10px;}
.grassetto {font-weight:bold;}
.bianco { color:#FFFFFF;}
.corsivo {font-style: italic;}
.indirizzomail { padding:15px 50px 0 550px;}
.azzurrograsso {color: #99FFCC; font-weight:bold;}
.blugrasso {color: #000099; font-weight:bold;}
/*classi per il back*/
.back {color:#0000FF;font-size: 11px;text-decoration:underline;}
.back:hover {color:#333333;font-size: 11px;}

/*classi per il come raggiungerci*/
.comeraggiungerci {color:#0000FF;font-size: 11px;text-decoration:underline;text-align:left;font-weight: bold;padding:2px;}
.comeraggiungerci:hover {color:#333333;font-size: 11px;}


	
/*questi sono i div che contengono il corpo del sito*/
div#container{
	position: relative;
	width:1020px;
	height:750px;
	margin: 0 auto;
}
div#containermappa{
	position: relative;
	width:1020px;
	height:750px;
	margin: 0 auto;
	background-attachment: scroll;
	background-image: url(../images/massimo-tosco-mappa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto !important;  /*per i browser moderni */
	height: 400px;/*       per IE5.x e IE6 */
	min-height: 395px; /*  per i browser moderni */
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #FFFFFF;
}
div#containerlegali{
	position: relative;
	width:1020px;
	height:750px;
	margin: 0 auto;
	background-attachment: scroll;
	background-image: url(../images/massimo-tosco-legali.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: auto !important;  /*per i browser moderni */
	height: 400px;/*       per IE5.x e IE6 */
	min-height: 395px; /*  per i browser moderni */
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #FFFFFF;
}

/*questi sono i div che compongono il sito in orizzontale*/
div#testa {margin:0px;
width:1020px;
height:30px;
text-align:left;
background-attachment: scroll;background-image: url(../images/home-massimo-tosco/massimo-tosco-home_01.jpg);background-repeat: no-repeat;background-position: left top;
}
div#testanero {
	margin:0px;
	width:1020px;
	height:30px;
	text-align:left;
	background-image: none;
	background-color: #000000;
}
/*questi sono i div che compongono il sito in orizzontale*/
div#content {margin:0px;
width:1020px;
height:382px;
text-align:left;
}
/*questi sono i div basso*/
div#footer {margin:0px;
width:1020px;
height:348px;
text-align:right;
background-attachment: scroll;background-image: url(../images/home-massimo-tosco/massimo-tosco-home_03.jpg);background-repeat: no-repeat;background-position: left top;}

div#contesto1{position:absolute;top:460px; left:37px;text-align: justify;font-size:11px;font-weight:normal;color: #FFFFFF;text-decoration:none; width:210px;}
div#contesto2{position:absolute;top:460px; left:277px;text-align: justify;font-size:11px;font-weight:normal;color: #FFFFFF;text-decoration:none; width:210px;}
div#contesto3{position:absolute;top:460px; left:517px;text-align: justify;font-size:11px;font-weight:normal;color: #FFFFFF;text-decoration:none; width:210px;}
div#contesto1black{position:absolute;top:460px; left:37px;text-align: justify;font-size:11px;font-weight:normal;color: #000;text-decoration:none; width:210px;}
div#contesto2black{position:absolute;top:460px; left:277px;text-align: justify;font-size:11px;font-weight:normal;color: #000;text-decoration:none; width:210px;}
div#contesto3black{position:absolute;top:460px; left:517px;text-align: justify;font-size:11px;font-weight:normal;color: #000;text-decoration:none; width:210px;}
div#contesto1blackleft{position:absolute;top:460px; left:37px;text-align: left;font-size:11px;font-weight:normal;color: #000;text-decoration:none; width:210px;}
div#contesto2blackleft{position:absolute;top:460px; left:277px;text-align: left;font-size:11px;font-weight:normal;color: #000;text-decoration:none; width:210px;}
div#contesto3blackleft{position:absolute;top:460px; left:517px;text-align: left;font-size:11px;font-weight:normal;color: #000;text-decoration:none; width:210px;}
div#contestoeventi{position:absolute;top:460px;left:527px;text-align: center;font-size:11px;font-weight:normal;color: #FFFFFF;text-decoration:none;width:210px;border: 1px solid #FFFFFF;}

/*questo p serve le news in home page*/
p.eventihome{
	background-color:#FF9900;
	color: #fff;
	font-size:11px;
	font-weight:bold;
	padding:5px 0px 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: center;
	line-height:15px;
}
/*questi sono i div che compongono il sito in orizzontale*/
div#sinistra {
position:absolute;
left:0px;
top:30px;
width:1020px;
height:382px;
z-index:1;
}
div#sinistravideo {
	position:absolute;
	left:0px;
	top:30px;
	width:1020px;
	height:382px;
	z-index:1;
	text-align:center;
	background-color: #000000;

}
/*questi sono i div che compongono il sito in orizzontale*/
div#destra {
	position:absolute;
	left:475px;
	top:30px;
	width:545px;
	height:382px;
	text-align:left;
	background-attachment: scroll;
	background-image: url(../images/home-massimo-tosco/massimo-tosco-home_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#crediti a{
	position:absolute;
	top:641px;
	right:20px;
	font-size:10px;
	font-weight: normal;
	color: #99FFCC;
	height:20px;
	line-height:20px;
	text-decoration:none;
	left: 846px;
}
div#crediti a:hover{color: #00FFFF;text-decoration:underline;}

div#creditiblu a{
	position:absolute;
	top:641px;
	right:20px;
	font-size:10px;
	font-weight: normal;
	color: #003399;
	height:20px;
	line-height:20px;
	text-decoration:none;
	left: 846px;
}
div#creditiblu a:hover{color: #003399;text-decoration:underline;}

/*i div language e home mi servono per impaginare le voci nel div sottotitoli*/
div#menu{position:absolute;top:5px; left:10px;text-align:left;font-size:12px;font-weight:normal;color: #fff;height:20px; line-height:20px; text-decoration:none; width:700px; z-index:50;}

div#home a{ position:absolute;top:5px; left:950px;font-size:11px;font-weight: bold;color: #99FFCC;height:20px; line-height:20px;  text-decoration:none;}
div#home a:hover{color: #00FFFF;text-decoration:underline;}

div#ingresso{position:absolute;top:5px; right:10px;text-align:right;font-size:10px;font-weight:normal;color: #fff;height:20px; line-height:20px; text-decoration:none; width:280px;}

a.menuprincipale{color: #FF9900; padding:0 0 0 15px;}
a.menuprincipale:hover{color: #99FFCC;text-decoration:underline;}

a.menuprincipale2{color: #fff; padding:0 0 0 15px;}
a.menuprincipale2:hover{color: #99FFCC;text-decoration:underline;}

a.intervista{color: #000099; padding:0 0 0 15px;}
a.intervista:hover{color: #660000;text-decoration:underline;}

/*QUESTO E' LO STILE PER IL MENU A CADUTA*/
.anylinkcss{
position:absolute;
margin:3px;
visibility: hidden;
z-index: 100;
background-color: #CCCCCC;
/*filter: alpha(opacity=80);*/
width: 150px;
}

.anylinkcss a{
font:normal 10px Verdana;
line-height: 15px;
	width: 100%;
	display: block;
	text-indent: 3px;
padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	color: #000000;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #FF9900;
color: #333333;
text-decoration: none;
}

.anylinkcss2{
position:absolute;
margin:3px;
visibility: hidden;
z-index: 100;
background-color: #CCCCCC;
/*filter: alpha(opacity=80);*/
width: 150px;
}

.anylinkcss2 a{
font:normal 10px Verdana;
line-height: 15px;
	width: 100%;
	display: block;
	text-indent: 3px;
padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	color: #000000;
}

.anylinkcss2 a:hover{ /*hover background color*/
background-color: #FF9900;
color: #333333;
text-decoration: none;
}