/* importo dall'editor gli stili per i contenuti delle pagine */ 
@import url("editor_css.css");

/* --  CSS Reset -- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ------------------------------- */
/* -- Stili GENERALI per il sito-- */
/* ------------------------------- */

body {
margin:0px auto;
background:url(../images/body.jpg) center top repeat-x; 
background-color:#2B2B2B;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-align:center;
}

p {}
td {}
tr {}
ul{}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#FFD200;
	}
h2 {}
	
h3, h4, h5, h6 {}

#vmMainPage h3 {	
	font-size:16px;
	font-weight:bold;
	color:#FFD200;
	margin-bottom:10px;
}

#vmMainPage h3.label {
	background:#FFD200;
	font-size:14px;
	color:#333;
	margin-bottom:4px;
	padding:1px;
	}


a:link {color:#FFD200;}
a:visited {color:#FFD200;}
a:hover {}
a:active {}

/* ========================= */
/* -- STRUTTURA DI LAYOUT -- */
/* ========================= */

div#container, div#header, div#topmenu {width:760px!important; width /**/: 760px;}

div#container {
	min-height:450px;
	height: auto !important;
	height: 450px;
	margin: 0 auto;
	padding:0;
	border: 0;
	background:url(../images/container.jpg) top repeat-x;   
	background-color:#2B2B2B;
	text-align:left;
}
div#header {
	height:195px;
	padding: 0px;
	margin: 0;
	background:url(../images/header.jpg) no-repeat; 
	background-color:;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	}

div.logo img { float:left; padding-left:10px; margin:0; border:0;}

div#top {
	height:30px;
	margin: 0 0 30px 0;
	padding:0;
	background:url(../images/top.gif) left top no-repeat; 
	background-color:#999;
	border:0;
	}
	
div#wrapper {
	float:left; 
	min-height:320px;
	height: auto !important;
	height: 320px;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	/*background:url(../images/wrapper.jpg) top no-repeat; */
	/*background-color:#fff; */
	}

	div#content {
		min-height:200px;
		height: auto !important;
		height: 200px;
		padding:0;
		margin: 0 35px 0 195px;
		font-size:12px;
		border:0;
		}
	div#content table { width:100%; border:0; border-collapse:collapse;} /* azzera tabelle, necessario in partic per IE6 */

	#wr_top { /* Area sopra ai contenuti */
		height:100px;
		width:auto;
		margin: 0 0 0 240px;
		padding:0;
		background:;
		}
		
	#wr_bottom { /* Area sotto ai contenuti */
		min-height:200px;
		height: auto !important;
		height: 200px;
		margin: 0 0 0 240px;
		padding:20px 0 20px 0px;
		background:#EAEAEA;
		}
		
	#inset 	{ /* Colonna interna al wrapper */
		float:right;
		height:400px;
		width:140px;
		background:#CCC;
		}
	
/* Classi per wrapper e div interni con extra e/o inset attivi */
.extra-on {}
div#content.extra-on {margin-right:195px !important;}
.nav-on {}
.inset-on {}
/**/

div#navigation {
	float:left;
	min-height:200px;
	height: auto !important;
	height: 200px;
	width: 170px !important;
	width /**/: 170px;
	margin:0px;
	margin-left:-760px!important;
	margin-left/**/:-760px;
	padding: 0px;
	border:0;
	/*background:url(../images/navigation.jpg) top no-repeat; */
	/*background-color:#00FF00;*/
	}

div#extra {
	float:left;
	min-height:150px;
	height: auto !important;
	height: 150px;
	width:180px;
	margin:0 ;
	margin-left:-180px;
	padding:0;
	/*background:url(../images/extra.gif) top no-repeat; */
	/*background-color:#990000;*/
	}

div#footer {
	clear: left;
	min-height:20px;
	height: auto !important;
	height: 20px;
	margin:0;
	padding:0;
	padding-top:3px;
	border-bottom:8px solid #FF4000;
	/*background:url(../images/footer.gif) top no-repeat; */
	/*background-color:#999;*/
	font-size:10px;
	color:#fff;
	text-align:center;
	}
	
	div#ft_top {
		min-height:100px;
		height: auto !important;
		height: 100px;
		margin: 10px;
		/*background:url(../images/ft_top.gif) top no-repeat; 
		background-color:#EAEAEA;*/
		}	
		
	div#ft_bottom {
		height:50px;
		margin: 10px;
		/*background:url(../images/ft_bottom.gif) top no-repeat; 
		background-color:#EAEAEA;*/
		}

div#bottom { margin-top:20px; font-size:10px;}


/* ========================== */
/* --- Elementi di Layout --- */
/* ========================== */

/* == Moduli area WRAPPER == */

div#wr_bottom div.moduletable {
	float:left;
	width:150px;
	min-height:140px;
	height: auto !important;
	height: 140px;
	margin:10px;
	padding:5px;
	border:1px solid #FFFFFF;
	}
div#wr_bottom div.moduletable h3 {margin:0;}

div#inset div.moduletable {}

/* == Moduli colonna NAVIGATION e EXTRA== */

div#navigation div.moduletable, div#extra div.moduletable {  /* Stili generali per i moduli*/
	width:150px;
	border:0;
	margin: 0 0 20px 35px;
	padding:0 0 10px 0;
	background:url(../images/navigation_mod.gif) bottom no-repeat; 
	background-color:#212121;
	color:#FFF;
	}

div#navigation div.moduletable h3 + div, div#extra div.moduletable h3 + div {margin:5px} /*margine per i contenuti dei box - non va su IE6*/
div#navigation div.moduletable h3, div#extra div.moduletable h3 {  /* Stile per i titoli dei moduli*/
	height:25px;
	margin:0;
	padding: 5px 0 0 22px;
	background:url(../images/navigation_mod_title.gif) top right no-repeat; 
	background-color:#212121;
	font-weight:bold;
	color:#212121;
	}	

/* == Moduli colonna Extra == */

div#extra div.moduletable {  /* Stili generali per i moduli*/
	margin-left:0;
	} 
div#extra div.moduletable h3 {  /* Stile per i titoli dei moduli*/
	}

/* == Moduli Area Footer == */

div#ft_top div.moduletable {
	width:140px;
	height:120px;
	margin:0;
	}
div#ft_top div.moduletable h3 {margin:0;}

div#ft_bottom div.moduletable {}


/* == Menu di servizio == */

#footer div.moduletable-servizio {
	float:right;
	height:30px;
	width:160px;
	margin:3px 10px 0 10px;
	background:url(../images/servizio.gif) top no-repeat;  /*- eventuale immagine di sfondo */
	}

/* == Motore di Ricerca == */

.search {} /* Classe Std di J - formatting the <div> which holds search items: inputbox, search button...*/


/* == Menu Scelta Lingua == */

#jflanguageselection {
	margin:7px 35px 0 0;
	}


/* ========================= */
/* --- TOP MENU SETTINGS --- */
/* ========================= */

ul#mainlevel-top {
	width:370px;
	margin:0 0 0 190px;
	padding:4px 0 0 0;
	border:0;
	font-size:12px;
	}
	
ul#mainlevel-top li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
ul#mainlevel-top li a {
	display:block;
	height:20px;
	width:90px;
	margin:0;
	padding:5px 0 0 0;
	border-right:1px dotted #fff;
	background: url(../images/topmenu_tab.gif) top no-repeat; /* Img di sfondo per gli item del topmenu (es. tabs)*/
	background-color:;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
	}

ul#mainlevel-top li a:link {}
ul#mainlevel-top li a:visited{}
ul#mainlevel-top li a:hover {
	text-decoration:underline;
	}
	
a.mainlevel_current-top, a.mainlevel_active-top {  /* Styling the active parent - For ExtendedMenu Module */
	color:#FFF !important;
	font-weight:bold; 
	} 
	
a#active_menu-top { 	/* active menu item, even if sublevel  */
	font-weight:bold; 
	color:#008E90;
	text-decoration:none;
	}  


/* ========================== */
/* --- SIDE MENU SETTINGS --- */
/* ========================== */


#navigation table.moduletable {}

/* PRIMO LIVELLO */

ul#mainlevel { /* Stili generali della lista */
	margin:10px;
	padding:0px;
	}

ul#mainlevel li { /* Stili per tutti gli elementi della lista */
	margin:0; 
	padding:0;
	list-style-type:none;
	}
 
a.mainlevel, a.mainlevel_active, a.mainlevel_current { /* Stili comuni per tutti gli elementi di primo livello */
	display:block;
	margin:0;
	padding:0 0 0 13px;
	border-bottom:1px dotted #CCC;*/
	/*background: url(../images/navigation_li.png) 4px 5px no-repeat;
	/*background-color:#004080;*/
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	list-style-type:none;
	line-height:18px;
	color:#FFF;
	}
	
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover { 
	background-image : url(../images/navigation_li_hvr.png);
	background-color:;
	color:#FFD200;
	font-weight:bold;
	}
a.mainlevel:active {}

a.mainlevel_current, a.mainlevel_active { /* Items di primo livello Attivi (classi per ext menu) */
	background-color:#666!important;
	background-image : url(../images/navigation_li_act.png);
	color:#FFD200;
	font-weight:bold!important;
	font-style:normal!important;	
	text-decoration:none;
	} 

#active_menu { /* active menu item (even in main/sub position) - For Standard MainMenu Module*/
	} 

/* SECONDO LIVELLO (Primo Submenu)*/

ul#mainlevel li ul { 
	margin:0;
	margin-bottom:4px;
	padding:0;
	}
ul#mainlevel li ul li {}
	
a.sublevel, a.sublevel_active, a.sublevel_current {
	display:block;
	margin:0;
	padding:0;
	padding-left:5px;
	background: url(../images/list_symbol1.png) no-repeat;
	background-position: 20px 5px;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
	font-style:normal;
	color:#fff;
	}
	
a.sublevel:link {}	
a.sublevel:visited {}
a.sublevel:hover { text-decoration:underline; font-weight:normal!important;}
a.sublevel:active {}


/* Items Attivi per il Secondo Livello*/

ul#mainlevel li ul li a.sublevel_active, a.sublevel_current {background-image: url(../images/list_symbol1_hover.png);} 
ul#mainlevel li ul li ul li a.sublevel, ul#mainlevel li ul li ul li a.sublevel_active, ul#mainlevel li ul li ul li a.sublevel_current {}
ul#mainlevel li ul li ul li a.sublevel_current {}


/* =============================== */
/* --- FOOTER MENU DI SERVIZIO --- */
/* =============================== */

ul#mainlevel-servizio { 
	width:auto;
	font-size:11px;
	margin:0;
	margin-top:10px;
	margin-left:6px;
	padding:0;
	}
ul#mainlevel-servizio li { 
	float:left;
	height:14px;
	font-size:10px;
	margin-left:4px;
	list-style-type:none;
	}
	
ul#mainlevel-servizio li a {color:#FFF; text-decoration:none;}

/* =============================== */
/*  STILI PER L'AREA DEI CONTENUTI */
/* =============================== */

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 */
 
.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:11px;
	line-height:15px;
	margin-bottom:15px;
	}
table.contentpaneopen td.contentheading {}

.componentheading { /* Title of the component being used to display the content.*/
	}
	
.componentheading, .contentheading { /* Title of the content, article, etc. being displayed.*/
	padding:2px;
	margin:0;
	/*background:url(../images/title_img.jpg) right no-repeat; /* Img di sfondo per i titoli delle pagine */
	background-color:#666;
	border:0;
	font-size:16px; 
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	} 

.componentheading a, .contentheading a {color:#FFF; text-decoration:none;} /* Titoli linkati */

.contentpagetitle {} /*Title of articles*/
 
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* Formatting the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
table.contenttoc {} /* Formatting 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 table 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 {} 
	

a.linked_box {
float: left;
height: 120px; 
width: 45%;
margin: 5px;
border: 2px solid #999;
background-color:#FFFFFF;
text-align:center;
text-decoration:none;
}

a.linked_box p {margin-bottom:20px; background-color:#666; border-bottom:2px solid #999; font-weight:bold;}


/*--------------------*/
/*-- FORMS SETTINGS --*/ 
/*--------------------*/


.inputbox {
	height:14px !important;
	height /**/:16px;
	margin:0;
	margin-right:5px;
	padding:1px;
	font-size:10px;
	border:1px solid #CCC;
	}
	
.button {
	height:16px;
	width: 40px;
	padding:0;
	margin:0;
	font-size:10px;
	border:1px solid #CCC;
	}

textarea.inputbox {
	height:140px !important;
	height /**/:140px;
	}

/* Stili specifici per i campi del box di login */

input#mod_login_username, input#mod_login_password {
	display:block;
	height:14px !important;
	height /**/:16px;
	width:140px;
	margin:0;
	margin-right:5px;
	padding:1px;
	font-size:10px;
	border:1px solid #CCC;
	}	
	
/* ----------------------- */
/* ELEMENTI DI NAVIGAZIONE */
/* ----------------------- */

.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:visited {}
a.readon:hover {}

 
.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 {}

/*-----------------------------*/
/* -- ALTRI STILI PER JOOMLA --*/
/*-----------------------------*/

/* tendina template chooser */
select#mod_templatechooser_jos_change_template { width:100px!important;} 

/* Dates , Authors*/
.createdate {} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */
.small {} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
  
/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks" 
  section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */
 
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
 
/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box
  that appears after you have entered a search value. It appears on the mainbody
  with the search results */