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

/* -- NORMALIZZAZIONE CSS -- */
/* -- Reset -- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,img,input,textarea,p,blockquote,th,td,address,caption,cite,code,dfn,var,abbr,acronym { 
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style:normal;
	font-weight:normal;
	vertical-align: baseline;
}
table {width:100%; border-collapse:collapse;border-spacing:0;
}

/*-- Normalizzazione */
ol,ul {list-style:disc;margin-left:18px;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
cite, em, dfn { font-style: italic; }
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }



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

body {
	margin:0px auto;
	/*background:url(../images/body.jpg) center top no-repeat; /**/
	background-color:#FFF;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

h1 {
	font-size:14px;
	font-weight:bold;
	color:#660000;
	}
h2 {
	font-size:12px;
	font-weight:bold;
	color:#660000;
	}
	
h3, h4, h5, h6 {
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#666;
}

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

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

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

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

	div.logo img { float:left; width:170px; height:70px; padding:0px; margin:60px 0 0 60px; border:0;}
	
	div#hd_menu {float:right; height:20px; margin:0; padding:0;}

div#top {
	height:25px;
	margin: 0;
	padding:0;
	background:url(../images/top.jpg) 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:180px;
		height: auto !important;
		height: 180px;
		padding:30px 0 0 0;
		margin: 0;
		font-size:12px;
		border:0;
		}
	div#content table {width:100%;} /* allarga la tabella al 100% del div che la contiene */
	
	
	#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 200px;
		padding:0;
		background:#fff;
		}
		
	#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 { margin-right:180px!important;}
.nav-on {margin-left: 210px!important;}
.inset-on {}
/**/

div#navigation {
	float:left;
	min-height:200px;
	height: auto !important;
	height: 200px;
	width: 180px !important;
	width /**/: 180px;
	margin:0px;
	margin-top:30px;
	margin-left:-960px !important;
	margin-left/**/:-960px;
	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:150px;
	margin:30px 0 0 -150px;
	padding:0;
	background:url(../images/extra.gif) top no-repeat; 
	/*background-color:#990000;*/
	}
	
/* Stili per colonne affiancate sullo stesso lato*/
/**/
div#navigation {
	margin-left:-360px !important;
	margin-left/**/:-960px;
}
div#extra {	margin:30px 0 0 -150px;}

.extra-on  { 
	margin-left:0 !important;
	margin-right: 380px !important;
}
/**/

div#footer {
	clear: left;
	min-height:23px;
	height: auto !important;
	height: 23px;
	margin:70px 0 0 0;
	padding:2px 0 0 0;
	/*background:url(../images/footer.jpg) top no-repeat; /**/
	background-color:#FFF;
	font-size:10px;
	color:#666;
	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:180px;
	min-height:170px;
	height: auto !important;
	height: 170px;
	margin-right:20px;
	padding:0;
	border:0;
	}
div#wr_bottom div.moduletable h3 {
	height:20px;
	margin:0;
	padding:10px 0 0 10px;
	/*background:url(../images/navigation_mod_title.jpg) top right no-repeat; */
	background-color:#CCC;
	border-bottom:2px solid #990000;
	color:#666;
}

div#inset div.moduletable {}

/* == Moduli colonna NAVIGATION == */

div#navigation div.moduletable {  /* Stili generali per i moduli*/
	margin:0;
	margin-bottom:20px;
	padding:0 0 20px 0;
	border:0;
	/*background:#3F3F3F url(../images/navigation_mod.jpg) bottom no-repeat;*/
	color:#333;
	} 
div#navigation div.moduletable h3 {  /* Stile per i titoli dei moduli*/
	height:20px;
	margin:0 0 3px 0;
	padding:5px;
	/*background:url(../images/navigation_mod_title.jpg) top right no-repeat; */
	background-color:#666;
	border-right:10px solid #990000;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	}

div#navigation div.moduletable a {color:#333;}	

/* == Moduli colonna EXTRA == */

div#extra div.moduletable {  /* Stili generali per i moduli*/
	width: 150px !important;
	width /**/: 140px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	border:1px solid #CCC;
	font-size:10px;
	color:#333;
	} 
div#extra div.moduletable h3 {  /* Stile per i titoli dei moduli*/
	height:20px;
	margin:0 0 3px 0;
	padding:5px;
	background-color:#666;
	color:#fff;
	}

div#extra div.moduletable div.modulecontent {padding:4px;}

/* == Moduli Area FOOTER == */

div#footer div.moduletable {
	}
div#footer div.moduletable h3 {}


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

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

ul#mainlevel-top {
	height:25px;
	margin:0 0 0 10px;
	padding:0px;
	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:auto!important;
	width:95px;
	margin:0;
	padding:5px 0 0 5px;
	/* 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;
	}  

/* HEADER MENU */

div#hd_menu ul {width:370px; font-size:14px;}
div#hd_menu ul {float:right;}
div#hd_menu ul li {
	float:left;
	display:block;
	height:20px;
	width:auto!important;
	width:95px;
	margin:0;
	padding:5px 0 0 10px;
	/* background: url(../images/topmenu_tab.gif) top no-repeat; /* Img di sfondo per gli item del topmenu (es. tabs) */
	background-color:;
	text-align:center;
	text-transform:uppercase;
	list-style-type:none;
	font-family: "Helvetica",Arial, sans-serif;
	font-weight:bold;
	color:#FF0000;
	white-space:nowrap;
}
div#hd_menu ul li a {text-decoration:none;color:#004080;}

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


#navigation table.moduletable {}

/* PRIMO LIVELLO */

ul#mainlevel { /* Stili generali della lista */
	margin:0px;
	padding:3px;
	padding-bottom:10px;
	border:1px solid #999;
	background-color:#fff;
	}

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:2px;
	border-bottom:1px solid #999;
	background: url(../images/navigation_li.png) 4px 5px no-repeat;
	/*background-color:#004080;*/
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	list-style-type:none;
	line-height:18px;
	color:;
	}
	
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover { 
	background-image : url(../images/navigation_li_hvr.png);
	/*background-color:#999;*/
	color:#999;
	font-weight:bold;
	}
a.mainlevel:active {}

a.mainlevel_current, a.mainlevel_active { /* Items di primo livello Attivi (classi per ext menu) */
	background-color:#999;
	background-image : url(../images/navigation_li_act.png);
	color:#fff!important;
	font-weight:bold;	
	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:32px;
	background: url(../images/list_symbol1.png) no-repeat;
	background-position: 20px 5px;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
	font-style:italic;
	color:#fff;
	}
	
a.sublevel:link {}	
a.sublevel:visited {}
a.sublevel:hover {font-weight:bold;}
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:4px 0 0 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 */
/* =============================== */

.articleinfo {} /* Info su atore e data */
.buttonheading {float:right;} /* Icone articolo */

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.*/
	}
	
table.contentpaneopen td.contentheading {}

.componentheading, .contentheading { /* Stili generali per i Titoli*/
	padding:0 0 4px 0;
	margin:0;
	/*background:url(../images/title_img.jpg) right no-repeat; /* Img di sfondo per i titoli delle pagine */
	background-color:;
	border-bottom:1px solid #DDD;
	font-weight:bold;
	color:#660000;
	} 

.componentheading { /* Titoli di componente o blog */
	text-transform:uppercase;
	font-size:20px; 
}

.contentheading { font-size:18px;} /* Titoli di pagina, anche in blog */

.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 */

.article_column {padding:4px;}

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

 
/*--------------------*/
/*-- 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:100%;
	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 */