/* DEFAULT SETTINGS */

/* Below are  default settings are used when no other style has been defined.*/
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: "Trebuchet MS" Tahoma sans-serif;
	text-align: center;
	color: #000000;
	background: url(../images/water039.jpg);
}

h1, h2, h3, h4, h5, h6 {
	color: #00007f;
}

h1 {
	font-size: 140%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
}

table {
	font-size: 100%;
}

a:link, a:visited, a:hover {
	color: #007fbf;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #00007f;
}

hr {
	height: 1px;
	/*color: #E0C397;*/
	color: #0000bf;
} /* horizontal line in your template*/
hr.separator {
	height: 1px;
	/*color: #E0C397;*/
	color: #0000bf;
}

ul li {
	list-style: url(../images/arrow_nes.png);
	margin-top: 5px;
}
ul {
	padding-left: 22px;
	padding-top: -5px;
	padding-bottom: 10px;
	margin-left: 0px;
}

/*Style for the body tag of your website, controls font family page background, etc.*/

.mceContentBody, .contentpane, .contentpaneopen {
	background: #fff;
	font-size: 100%;
}

#page {
	background: url(../images/newecotecnica/bg.jpg);
	font-size: 100%;
}

#wrapper {
	background: #ffffff;
	width: 984px;
	height: 100%;
	margin: 0 auto;
	display: block;
}

/* header */

#headerbar {
	height: 100px;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 0;
}
#headercontent {
	float: left;
	display: inline;
	height: 100px;
	width: 100%;
	padding: 0;
	margin: 0;
}
#headerlogo {
	float: left;
	display: inline;
	height: 100px;
}
#headerlogo img {
	border: 0;
}
#headersitename {
	float: left;
	display: none;
	color: #FFFFFF;
	font-size: 140%;
	font-variant: small-caps;
}
#headersitename a:link, #headersitename a:visited, #headersitename a:hover {
	color: #FFFFFF;
	text-decoration: none
}
#headersitename a:hover {
	color: #007fbf;
}
#headerimages {
	float: right;
}

/* top */

#topbar {
	border-top: 2px solid #00007f;
	border-bottom: 2px solid #00007f;
	background: #007fbf;
	display: block;
	height: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#topcontent {}
#topmenu {
	float: left;
	display: inline;
	width: auto;
}

#topsearch {
	float: right; 
	display: inline;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	padding-right: 10px;
}

/* sections */

#maincontent {
	margin: 10px 0;
	padding: 0px 5px 10px 5px;
	overflow: hidden;
}
#leftcontent {
	width: 210px;
	margin: 0px;
	float: left;
}
#rightcontent {
	/*width: 744px;*/
	width: 744px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	float: right;
}
#centersection {
	width: 574px;
	margin: 0;
	float: left;
}
#centersection_all {
	width: 744px;
	margin: 0;
	padding: 0 5px;
	float: left;
}
#mainbody {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	width: 574px;
}
#rightsection {
	width: 150px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: right;
}

/* content areas */

#leftmodules {
	margin: 0;
	padding: 5px 10px 15px 10px;
	text-align: left;
}
#rightmodules {
	margin: 0px;
	padding: 5px 0px 15px 0px;
	text-align: left;
}

#headlines {
	float: left;
	display: block;
	margin: 10px 0px;
	padding: 2px 5px;
	background: #DBD7CD;
	border: solid 1px #B9B09D;
}
#bodylatest {
	float: left;
	display: block;
	margin-left: 5px;
	margin-right: 2px;
}
#bodypopular {
	float: right;
	display: block;
	margin-right: 5px;
	margin-left: 2px;
}

/* pathway */

#pathwaybar {
	background: transparent;
	height: 25px;
	padding: 5px 5px 0 15px;
}
#pathwaycontent {
	float: left;
	display: block;
	line-height: 25px;	height: 25px;
	vertical-align: middle;
	text-align: left;
}
.pathway {
	color: #007fbf;
	font-weight: bold;
	display: inline;
	line-height: 25px;
	padding-left: 4px;
	margin-bottom: 2px;
	clear: both;
}
.pathway img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}
.pathway a:link, .pathway a:visited, .pathway a:hover {
	font-size: 95%;
	color: #007fbf;
	font-weight: normal;
}
.pathway a:hover {
	color: #00007f;
	text-decoration: none;
}

/* footer */

#footerbar {
	font-size: 95%;
	/*background: #69BFDE url(../images/footer_bg.gif) repeat-x top;*/
	border-top: 2px solid #00007f;
	background-color: #007fbf;
	clear: both;
	height: 26px;
}
#footercontent {
	color: #fff;
	padding-top: 3px;
}
#footercontent a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/* adminlist */

table.adminlist td {
	padding-top: 6px;
}
table.adminlist td.sectiontableheader {
	padding-bottom: 3px;
	padding-top: 3px;
}

table.contentpane td {
	padding-top: 6px;
}

/* FORMS SETTINGS */

.button {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	/*border: 3px double #B9B09D;*/
	border: 3px double #00007f;
	background: #FFF url(../images/button_bg.gif) repeat-x bottom;
	padding: 0px 5px;
	height: 23px;
	color: #00007f;
	/*color: #595441;*/
	margin: 1px;
	vertical-align: middle;
	cursor: pointer;
}
input.inputbox, textarea {
	padding: 2px;
	border: 1px solid #007fbf;
	font-size: 90%;
	background: #ffffff url(../images/input_bg.gif) repeat-x bottom;
	color: #000;
}
input.inputbox:focus, input.inputbox:active, input:focus, input:active, textarea:focus, textarea:active {
	border: 1px solid #0000bf;
}
/* IE 6 non supporta gli attributi: 
il contenuto di queste regole deve essere identico a quello sopra */
input[type=text], input[type=password] { 
	padding: 2px;
	border: 1px solid #007fbf;
	font-size: 90%;
	background: #ffffff url(../images/input_bg.gif) repeat-x bottom;
	color: #000;
}

/* NAVIGATION/MENU SETTINGS */

/* Menu verticali */

a.mainlevel:link, a.mainlevel:visited, a.mainlevel:hover {
	font-size: 95%;
	display: block;
	vertical-align: middle;
	font-weight: bold;
	text-align: left;
	padding-left: 18px;
	line-height: 25px;
	text-decoration: none;
	border-bottom: solid 1px #DBD7CD;
	background: url(../images/newecotecnica/goccia1a_bg.png) no-repeat left center;
} /* this styling is for the MAIN items in the menu */
a.mainlevel:link, a.mainlevel:visited {
	/*background: url(../images/btn_mainlevel_normal.gif) no-repeat left;*/
	/*color: #007fbf;*/
	color: #007fbf;
}
a.mainlevel:hover {
	background: url(../images/newecotecnica/goccia2a_bg.png) no-repeat left center;
	/*background: url(../images/btn_mainlevel_hover.gif) no-repeat;*/
	color: #00007f; /*595441 666666*/
	text-decoration: none;
}

a.mainlevel-cart:link, a.mainlevel-cart:visited, a.mainlevel-cart:hover {
	background: url(../images/newecotecnica/cart.gif) no-repeat left center;
	line-height: 29px;
	display: block;
	padding-left: 35px;
	margin-top: 10px;
	font-size: 95%;
}
a.mainlevel#active_menu {
	background: url(../images/newecotecnica/goccia2a_bg.png) no-repeat left center;
	/*background: url(../images/btn_mainlevel_active.gif) no-repeat left;*/
	/*color: #B9B09D;*/
	color: #00007f;
	text-decoration: none;
} /* this styling is for the menu item when it is active, even in main/sub position*/
div.mainlevel-hidden {
	background: url(../images/newecotecnica/goccia2a_bg.png) no-repeat left center;
	display: none;
}

/* Sottomenu orizzontali */

a.sublevel:link, a.sublevel:visited, a.sublevel:hover {
	font-size: 95%;
	padding-left: 20px;
	line-height: 20px;
	background: url(../images/newecotecnica/goccia1b_bg.png) no-repeat left center;
} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link, a.sublevel:visited {
	color: #007fbf;
	text-decoration: none;
}
a.sublevel:hover {
	color: #00007f;
	background: url(../images/newecotecnica/goccia2b_bg.png) no-repeat left center;
}
a.sublevel#active_menu {
	color: #00007f;
	background: url(../images/newecotecnica/goccia2b_bg.png) no-repeat left center;
}
div.sublevel-hidden {
	background: url(../images/newecotecnica/goccia2b_bg.png) no-repeat left center;
	display: none;
}

/* Barra dei menu orizzontale */

ul#mainlevel-nav
{
	font-size: 95%;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#mainlevel-nav li
{
	background-image: none;
	padding: 0px;
	float: left;
	margin: 0;
	white-space: nowrap;
	display: inline;
}
ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited, ul#mainlevel-nav li a:hover {
	display: inline;
	float: left;
	padding: 6px 8px 6px 8px;
	margin: 0 10px;
	text-decoration: none;
	/*color: #595441;*/
	color: #ffffff;
	background: transparent;
}
ul#mainlevel-nav li a:hover {
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
}
ul#mainlevel-nav li a.mainlevel-nav#active_menu-nav {
	background-color: #ffffff;
	color: #00007f;
}
#buttons>ul#mainlevel-nav li a { width: auto; }


/* Navigazione delle pagine */

.pagenavbar {
	color: #ffffff;
} /*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, .pagenavbar:visited {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	border: 3px double #B9B09D;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
}
.pagenavcounter {
	font-size: 90%;
	color: #0099FF;
	display: block;
}
a.readon:link, a.readon:visited {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	border: 3px double #B9B09D;
	background: #FFF url(../images/button_bg.gif) repeat-x bottom;
	padding: 0px 5px;
	height: 26px;
	line-height: 26px;
	margin: 1px;
	vertical-align: middle;
	color: #595441;
} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	border: 3px double #595441;
	background: #DBD7CD;
	/*color: #595441;*/
	color: #00007f;
	padding: 0px 5px;
	height: 26px;
	line-height: 26px;
	margin: 1px;
	vertical-align: middle;
	text-decoration: none;
}
/*Style for the "BACK" button*/
.back_button a:link, .back_button a:visited {
	float: left;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	border: 3px double #B9B09D;
	width: auto;
	background: #FFF url(../images/button_bg.gif) repeat-x bottom;
	color: #595441;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
	display: block;
} 
.back_button a:hover {
	float: left;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	border: 3px double #595441;
	width: auto;
	background: #DBD7CD;
	/*color: #595441;*/
	color: #00007f;	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
	display: block;
	text-decoration: none;
}
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
/*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {
	list-style: url(../images/mostread.gif);
}
/*Style for most popular list - by default, most popular is user2 module*/
.mostread li{
	list-style: url(../images/popular.gif);
}
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}

/* blog */

.blogsection {} /* Formatting the links in Blog section */
.blog_more {
	color: #333333;
} /*The "More" text in blog section*/
a.blogsection:link, a.blogsection:visited {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
} /* set the link format */
a.blogsection:hover {
	/*color: #666666;*/
	color: #00007f;
	text-decoration: none;
	font-weight: bold;
} /* same as above, but for links with mouse pointer over it */

/* component headers */

.contentheading, .componentheading {
	font-size: 135%;
	font-weight: bold;
	color: #00007f;
} /* Title of the content, article, etc. being displayed.*/
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {
	background: #EFEFEF;
	font-weight: bold;
} /* 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 {
	text-align: left;
	height: 25px;
	padding-left: 3px;
}
.sectiontableentry2 {
	background: #E7E4DD;
}
.sectiontableentry1 {
	background: #FFFFFF;
}
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable th, div.moduletable h3 {
	border-bottom: solid 1px #B9B09D;
	line-height: 25px;
	font-size: 100%;
	margin: 0 0 2px 0;
	margin-top: 2px;
	color: #00007f;
	vertical-align: middle;
	text-transform: uppercase;
} /* Formatting the module table */
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
div.moduletable {
	padding: 0;
	margin-bottom: 0px;
}

/* MISCELLANEOUS */

/* Dates , Authors*/
.createdate {
	font-size: 90%;
	font-style: italic;
	color: #929292;
} /* For styling the date the content/articles are created under contents title */
.modifydate {
	font-size: 90%;
	font-style: italic;
	color: #929292;
} /* Formating "Last updated on" text at the end of articles/contents */
.small {
	font-size: 90%;
	font-style: italic;
	color: #929292;
} /* Formating "Written by:...." text */
.smalldark {
	font-size: 90%;
	font-style: italic;
	color: #7B7B7B;
}/*Found in poll result page, for " Number of Voters".. text *//* Tabelle particolari */


/* Custom CSS */

table.ul {
	width: 100%;
	text-align: left;
}
table.ul td.main {
	padding-left: 30px;
	background: url(../images/arrow_nes.png) no-repeat scroll 10px 5px;
}
table.ul td.number {
	padding-right: 5px;
	text-align: right;
}
table.ul caption {
	font-weight: bold;
}

img { border: 0; }
div.message { font-size: 110%; font-weight: bold; }

/* HOME PAGE */
div#categorieHome {
	position: relative;
	font-size: 110%;
	height: 410px;
}
div#categorieHome div {
	width: 190px;
	height: 150px;
	position: absolute;
	background-image: url(../images/newecotecnica/categoria.gif);
	background-repeat: no-repeat;
}
div#categorieHome img{
	border: 0;
	padding-top: 5px;
}

div#categorieHome a {
	font-size: 100%;
	text-align: center;
	display: block;
	padding-top: 8px;
	height: 142px;
}

div#categorieHome a:link, div#categorieHome a:visited {
	color: #ffffff;
}
div#categorieHome a:hover {
	color: #00007f;
}

div#categorieHome div#addolcimento {
	left: 0px;
	top: 0px;
}
div#categorieHome div#osmosiInversa {
	left: 332px;
	top: 0px;
}
div#categorieHome div#filtrazione {
	left: 166px;
	top: 130px;
}
div#categorieHome div#trattamentoReflui {
	left: 0px;
	top: 260px;
}
div#categorieHome div#applicazioniSpeciali {
	left: 332px;
	top: 260px;
}