/* CSS Document */

body, html { margin: 0px; padding: 0px; }
body { background: #081035; font-family: Arial, Helvetica, sans-serif } 

a{ outline:none; }

#title { position: absolute; width: 800px; top: 40px; }
#title h1 { margin: -3px 0px; font-size: 13px; padding: 3px 10px;
	background: url(../img/bk-men2.jpg) right repeat-y }
#title h1 a { text-decoration: none; color: gray; display: block; }

table { }
table td { vertical-align: top; }

#maintab { border: 1px solid #fff; background: url(../img/background_pg.jpg); 
	margin-top: 20px; margin-bottom: 20px; }
#menusup { font-size:12px }
#menusup a {color: #707070; text-decoration: none;}
#menusup a:hover {color: #B52D26}

#footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 10px; }
#footer a { color: #CC0000; text-decoration: none }
#footer a:hover { color: #000; text-decoration: underline }
#footer p { margin-top: 0px; margin-bottom: 0px }

#menusotto { font-size:12px; font-family:'Times New Roman', Times, serif; }
#menusotto a {color: #707070; text-decoration: none;}
#menusotto a:hover {color: #B52D26}

#contenuto { vertical-align: top; min-height: 350px; height: 350px; font-family: Arial, Helvetica, sans-serif;
	color: #666666; padding: 0px 15px; font-size: 12px; }
	
#contenuto a { color: #F49E39; text-decoration: underline }
#contenuto a:hover { color: #fff; text-decoration: none }

ul#menu { width: 175px; list-style-type: none; margin: 10px 0px 0px 0px;
  padding: 0; text-align: right; }

ul#menu ol { font-family: "Times New Roman", Times, serif; font-size: 15px;
  margin-top: 10px; text-align: left; list-style-type: none; margin: 0px; padding: 5px; }

ul#menu li, 
  ul#menu a { font-family: arial; font-size: 10px; color: #c20e1a; }

ul#menu li { line-height: 15px; font-family: "Times New Roman", Times, serif; font-size: 15px; color: #333; }

ul#menu ol li { border-bottom: none; text-align: right; font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; }

ul#menu ol li:before { }

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover { color: #666666; }

ul#menu a.active { color: #666666; }

.titolosup { font-size:30px; height:32px; color:#CC0000; font-family:'Times New Roman', Times, serif; 
	z-index:10px }

#sxcontent { margin-top: -25px; margin-left: -20px }
#sxcontentst { background: url(../img/bk_msx.jpg) top right no-repeat }

.menusx { margin: 0px; padding: 0px; }
.menusx ul { margin: 0px; padding: 0px; list-style: none; }
.menusx ul li { margin: 0px 0px 0px 10px; padding: 8px 0px 0px 0px; list-style: none; width: 190px; }

.menusx ul li a { font-size: 11px; color : #660000; text-decoration: none; line-height: 120% }
.menusx ul li a:hover { text-decoration: underline; }
.menusx img { border: none; }

#menuserv { padding-top: 15px; letter-spacing: 1px; min-height: 500px }

#topm {height: 145px}





/* menu chrome --------------------------------------------------------------------------------- */

#menutp { background: #EF9928; margin-left: 18px; margin-right: 24px; margin-top: 10px }
#menufoo { background: #EF9928; margin-left: 8px; margin-right: 14px; margin-top: 10px;
	text-align: center; padding-top: 3px; font-weight: bold; }

#submnu { position: absolute; margin-top: 25px; margin-left: 20px; border-bottom: 2px solid #F49E39 }
#submnu a { color: #fff; margin-right: 20px; padding-left: 10px; text-decoration: none }
#submnu a:hover { color: #F49E39; }

.chromestyle{ 
	width: 785px; font-weight: bold; margin-left: 10px; font-size: 11px;	font-family: Arial;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.chromestyle ul{
	width: 100%; /*THEME CHANGE HERE*/
	padding: 4px 10px; margin: 0; text-align: left; 
	/*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	display: inline; height: 20px;
}

.chromestyle ul li a{
	color: #000; padding: 0px 30px 0px 7px; margin: 0px 0px 0px -3px; font-size: 11px;
	text-decoration: none; height: 20px;
}

.chromestyle ul li a:hover{
	/*background: url(../img/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
	color: #fff;
}

#attivo a { color: #fff }

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
	position:absolute; top: 0; margin-top: 3px; border: 0px solid #DBDBDB;
	/*THEME CHANGE HERE*/
	font-size:11px; font-family: Arial, Helvetica, sans-serif; line-height:18px; 
	z-index:100; width: 200px; visibility: hidden; text-align: left;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#50B7FF,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
	width: auto; display: block; text-indent: 3px; letter-spacing:1px;
	border-top: 1px dotted #fff; /*THEME CHANGE HERE*/
	background: #EF9928; padding: 2px 4px; text-decoration: none;
	font-weight: bold; color: #000;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%; background: #213B8F;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	color: #fff; background: #213B8F;
}

/* menu chrome --------------------------------------------------------------------------------- */




.giallogr {
	font-size: 18px; color: #F49E39; margin-bottom: 10px;
}

.giallogr2 {
	font-size: 16px; color: #F49E39; margin-bottom: 10px;
}

.biancogr {
	font-size: 20px; color: #fff; margin-bottom: 10px;
}

#contenuto .biancoev { font-size: 18px; color: #fff; margin-bottom: 15px; }
#contenuto .biancoev a{ color: #fff; text-decoration:none }
#contenuto .biancoev a:hover { color: #F49E39; text-decoration:underline }

#contenuto .biancoev2 { font-size: 16px; color: #fff; margin-bottom: 15px; }
#contenuto .biancoev2 a{ color: #fff; text-decoration:none }
#contenuto .biancoev2 a:hover { color: #F49E39; text-decoration:underline }

#contenuto h1 { font-size: 22px; color: #F49E39; padding: 0px; margin: 0px 0px 10px 0px; font-weight: normal }

.myBoxFx { background: url(img/bk_bottom.png) bottom right no-repeat; padding-bottom: 8px;
	margin-left: 4px; padding-right: 8px; }

#myBox,#BoxNews,#BoxEvents,#BoxVideo  { 
	color: #fff; min-height: 150px;
	padding: 10px;
	text-align: left; background-color: #1D286A;
	border: 2px solid #F49E39; margin-left: 0px; margin-top: 15px
}

#myBox p,#BoxNews p,#BoxEvents p,#BoxVideo p {
	padding:0;
	margin:1ex 0;
}

#contenuto .paginazione { font-size: 13px; font-weight: bold; color: #fff; margin-top:20px; }
#contenuto .paginazione a { background: url(../img/paginaz1.gif) top no-repeat; padding: 3px 8px;
	text-decoration: none; color: #fff; margin-right: 4px; }
#contenuto .paginazione a:hover { background: url(../img/paginaz2.gif) top no-repeat; color: #1D286A; }
#contenuto .paginazione span { padding: 3px 8px; }

#contenuto .imgnews { position: absolute; width:320px; height:240px }

#contenuto .testovideo { position:absolute; width: 380px; height:250px; margin-left: 380px; font-size:14px; line-height: 18px; text-align:justify }

#contenuto .backto { margin-bottom: 10px; text-align:right; }

