/*----------------------------------*/
/*    STILI GENERALI PER IL SITO    */
/*----------------------------------*/

body {
margin:0 auto 0 auto;
padding:0;
background-color:#FFFFFF;
/*font:"Verdana";*/
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align: center;
}

ul, li {font-size:10px;}

#container {	
	width: 760px;
	\width: 760px;
	w\idth: 760px;
	min-height:400px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	border:0;
	background-image:url(../images/sfondo_container.jpg);
	background-position: 200px 0; 
	background-repeat:repeat-y;
	text-align:left;
}

#header {
	height:120px;
	padding:0;
	margin:0;
	background-image:url(../images/sfondo_header.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	text-align: right;
}

#left {
	float: left;
	width: 200px;
	height: 500px;
	margin: 0;
	padding:0;
	padding-top:20px;
	text-align:left;
}

#left_home {
	float: left;
	height:300px;
	width: 170px;
	\width: 170px;
	w\idth: 170px;
	margin: 0;
	padding-top:20px;
	background-image:url(../images/bg_menu.jpg) top repeat-x;
	background-position:top right;
	background-repeat:no-repeat;
	text-align:right;
}
#menu {
height: 250px;
margin-left: 0px;
}
#events {
margin-left: 40px;
}
#content {
	margin: 30px 30px 10px 220px;
	min-height:300px;
}


#footer {
	clear: both;
	height:35px;
	background-color:#133DB3;
	/*background-image:url(../images/footer_bg.jpg);*/
}


/* MENU */

#left ul {

}
#menulist_root ul {

}
#menulist_root li {
list-style: none;
}
ul#menulist_1 {
padding-left: 0;
margin-left: 13px;
}
ul#menulist_2 {
padding-left: 0;
margin-left: 13px;
}
ul#menulist_2_2 {
padding-left: 0;
margin-left: 13px;
}
ul#menulist_3 {
padding-left: 0;
margin-left: 13px;
}
ul#menulist_4 {
padding-left: 0;
margin-left: 13px;
}
ul#menulist_4_1 {
padding-left: 0;
margin-left: 13px;
}
ul#menulist_4_2 {
padding-left: 0;
margin-left: 13px;
}
#menulist_1 li {
list-style: disc;
color:#133DB3;
}
#menulist_2 li {
list-style: disc;
color:#133DB3;
}
#menulist_3 li {
list-style: disc;
color:#133DB3;
}
#menulist_4 li {
list-style: disc;
color:#133DB3;
}

#menulist_root a.mainlevel {
	margin:0px;
	text-transform: uppercase;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	text-decoration:none;
	color:#133DB3;
}
 a.sublevel{ /* this styling is for menu items that HAS A PARENT */
	margin:0px;
	font-size:11px;
	text-align:left;
	text-decoration:none;
	color:#133DB3;
	} 


.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
 
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
 
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
 
.componentheading {} /* Title of the component being used to display the content.*/
	
.contentheading { /* Title of the content, article, etc. being displayed.*/
	padding-bottom:10px;
	font-size:16px; 
	font-weight:bold;
	color:#0042AD;
	font-style:italic;
	line-height:20px;
	} 
.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen { /* Table that holds the actual text for an article.*/
	font-size:10px; 
	text-align:left;
	line-height:14px;
	} 
.contentpagetitle {} /*Title of articles*/

 
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {} 
a.toclink:hover {} 
 
 
/* MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.
  Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {} 
.sectiontableentry2 {}
 
 
/* MAMBO MODULES FORMATTING */
//table.moduletable {float:right; height:0; list-style-type:none;} /* Formatting the module table */
//table.moduletable th {} /* Formatting the module header, and the module titles */
//table.moduletable td { list-style-image:none;} /* Formatting the table cells of the module table */

.moduletable {
}
.moduletable-ev {
color: #133DB3;
}

.moduletable-ev th{
font-size: 11px;
text-align: left;
padding: 2px;
}

.moduletable-ev td{
padding: 2px;
border-top: 1px solid #133DB3;
border-bottom: 1px solid #133DB3;
text-align:justify;
color: #133DB3;
font-size: 10px;
}


/* ---------- */

img.left {float:left; margin:0 25px 10px 0px;}
img.right{float:right; margin:0 0 10px 25px;}

div.box_container { 
	min-height:160px;
	height: auto !important;
	height: 160px;
	padding:0px;
	padding-left:0;
	margin:0;
	margin-bottom:10px;
	background-color:#eeeeee;
	border:1px solid gray;
	background-image:url(../images/sfondo_box.gif);
	background-repeat:repeat-y;
	}
	
div.box_container { /*box per i certificati, + alto perchè l'immagine è + alta*/
	min-height:190px;
	height: auto !important;
	height: 160px;
	padding:0px;
	padding-left:0;
	margin:0;
	margin-bottom:10px;
	background-color:#eeeeee;
	border:1px solid gray;
	background-image:url(../images/sfondo_box.gif);
	background-repeat:repeat-y;
	}

div.box_container img, div.boxcontainer_certif img {
	float: left;
	margin:10px;
	margin-top:10px;
	border:0;
	}
	
div.box_content {
	padding:0px;
	padding-left:10px;
	margin:0;
	margin-left:140px;
	margin-top:10px;
	}

.box_title {
	font-weight:bold;
	color:#0042AD;
	}

.whereweare {
	height:550px;
	width:500px;
	background-image:url(../images/autostrade.gif);
	background-position: top right;
	background-repeat:no-repeat;
	}