/* GENERAL */

body {
	margin: 0;
	padding: 0;
	color: #2D3542;
	background-color: #fff;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	overflow: auto;
}

h1, h2, h3, h4 {margin:0.5em 0 0;font-weight:bold;}
h1 {font-size:200%;}
h2,h3,h4 {font-size:120%;}

form {margin:0;padding:0;}
input {margin-bottom:-1px;font:11px Arial, sans-serif;}
img {border:none;}
p {margin:6px 0;}
select {font:11px Arial, sans-serif;}

ul {
	margin: 6px 12px;
	padding: 0;
	list-style: none;
}

ul li {
	padding-left: 12px;
	background: url(../images/buld.gif) no-repeat;
	line-height: 140%;
}

ol {margin:6px auto;}
.navigazione, .title, .nascosto, hr {display:none;}

/* LINKS */

a {
	color: #00c;
	text-decoration: none;
	background: url(../images/adot.gif) repeat-x bottom left;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
	border-bottom: none;
	background: #ff6;
}

/* SITE LAYOUT */

#container {
	width: 100%;
	text-align: left;
	min-width: 760px;
}

#header {
	width: 100%;
	position: relative;
}

#corpo {
	width: 100%;
	overflow: auto;
	vertical-align: top;
}

#nav {
	margin: 0;
	padding: 0;
	width: 15%;
	float: left;
	display: inline;
	overflow: hidden;
}

#contenuti {
	margin: 0;
	padding: 0;
	width: 84%;
	float: right;
	color: #000;
	background: #fff;
	height: auto !important;
	height: 0;
}

#colonna-centrale {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 0em;
}

#footer {
	padding: 12px 6px 6px 0;
	clear: both;
	margin-top: 12px;
	color: #ABABAB;
	background: #333333;
	font-size: 11px;
	text-align: left;
}

.pad {padding: 0 0.5em;}

#contenuti h2, #contenuti h3, #contenuti h4, caption {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #ff7c13;
}

#header h2 {
	color: #999;
}

/* HOVER BUTTONS */

#logo {
	margin: 0;
	padding: 5px;
	position: relative;
	z-index: 1;
}

#logo a {
    display: block;
    width: 208px;
    height: 53px;
    background: transparent url(../images/logo.gif) 0 0 no-repeat;
    text-decoration: none;
}

#logo a:hover, #logo a:focus, #logo a:active {
    background: transparent url(../images/logo.gif) 0 -53px no-repeat;
}

#company-data {
	margin:0;
	position:absolute;
	top:0.5em;
	left:220px;
	z-index: 1;
}

#w3c-button, #css-button {
	margin: 3px;
	position: relative;
	float: left;
	z-index: 1;
}

#w3c-button a {
    display: block;
    width: 80px;
    height: 15px;
    background: transparent url(../images/xhtml10.gif) 0 0 no-repeat;
    text-decoration: none;
}

#w3c-button a:hover, #w3c-button a:focus, #w3c-button a:active {
	background: transparent url(../images/xhtml10.gif) 0 -15px no-repeat;
}

#css-button a {
	display: block;
	width: 80px;
	height: 15px;
	background: transparent url(../images/css.gif) 0 0 no-repeat;
	text-decoration: none;
}

#css-button a:hover, #css-button a:focus, #css-button a:active {
	background: transparent url(../images/css.gif) 0 -15px no-repeat;
}

#logo span, #w3c-button span, #css-button span {display:none;}

/* NAVIGATION */

#topnav ul, #footer ul {margin:0;padding:0;}

#footer li {
	padding: 0;
	display: inline;
	background: none;
	line-height: normal;
}

ul#mainlevel li, ul#mainlevel-nav li {
	padding: 0;
	margin: 0;
	background: none;
}

#nav ul {padding:0;margin:0;}

/* TOPNAV */

#topnav {
	padding: 4px 0 14px 3px;
	margin-top: 6px;
/*	margin-bottom: 1px; */
	background: #3b6097 url(../images/nav-bg.gif) repeat-x bottom left;
	text-align: left;
}

#topnav li {
	padding: 0;
	display: inline;
	color: #fff;
	background: none;
}

#topnav a {
	margin-left: -4px;
	padding: 5px 18px 5px;
	border-right: 1px solid #fff;
	font-weight: bold;
	font-size: 12px;
	border-bottom: none;
	text-decoration: none;
	color: #fff;
	background: none;
}

#topnav a:hover, #topnav a:active {
	color: #000;
	text-decoration: none;
	background: #ffffd9;
}

#topnav #mainlevel li.default_active_menu a {
	padding-top: 10px;
	padding-bottom:6px!important;
	padding-bottom:5px;
	background: #e2001a url(../images/tr.gif) no-repeat top right;
}

/* JOOMLA STYLE */

#pathway {font-weight:bold;}
#pathway h2 {color:#999;text-align:left;}
#pathway a {font-weight:normal;}

.module {margin-bottom:1em;}

.module h2 {
	margin: 0 -6px 6px 0;
	border-top: 1px solid #D6E3F5;
	border-bottom: 1px solid #D6E3F5;
	padding: 2px 0;
	color: #999;
	background: url(../images/h3-bg.gif) repeat-y left #D6E3F5;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.article_seperator {
	display: block;
	height: 5px;
	margin: 0;
	background: url(../images/hdot.gif) repeat-x top left;
}

/* DATA TABLE */

#data {
	width: 100%;
	border: 1px solid #CCDDE7;
	border-collapse: collapse;
	background: #fff;
	font-size: 0.9em;
}

#data td, #data th {
	padding: 0.3em;
	border: 1px solid #CCDDE7;
}

#data th {
	text-align: center;
	background: #D6E3F5;
	font-weight: bold;
}

#data tbody tr:hover, .over {
	background: #ffffd9;
}

#data .hilite {
	font-weight: bold;
}

/* HOVER WIDGET */

.button {
	padding: 1px 4px 1px 4px;
	border: 1px solid #D3DDED;
	margin-bottom: 2px;
	background: #3B6097;
	color: #fff;
	font: 11px Arial, sans-serif;
	h: expression(this.onmouseover = new Function("this.className='button-hover';"));
}

.button:hover, .button-hover {
	padding: 1px 4px 1px 4px;
	border: 1px solid #D3DDED;
	margin-bottom: 2px;
	cursor: pointer;
    background: #e2001a;
    color: #fff;
    h: expression(this.onmouseout = new Function("this.className = 'button';"));
}

.inputbox {
	padding-left: 2px;
	margin-bottom: 1px;
	font: 11px Arial, sans-serif;
	border-top: 1px solid #999;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #999;
}

/* SEARCH */

#search {
	padding: 0px;
	right: 0;
	z-index: 1;
}

#search input {
	background: url(../images/search.gif) no-repeat center left #fff;
}

#search input {
	width: 10em;
	padding-left: 20px;
}

/* USER BAR */

#ja-user-bar {
	position: absolute;
	top: 4px;
	right: 15px;
	font-size: 11px;
	z-index: 1;
}

#ja-user-bar img {
	border: 1px solid #FFFFFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

#lingua {margin:0;}
#lingua h2 {margin:0;display:inline;}

/* LOGIN */

p.centrato {
	margin-left: auto;
	width: 100%;
	text-align: center;
}

form#loginbox, form#registerbox {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	width: 30em;
	background:url(../images/security.gif) no-repeat left center;
	text-align:right;
}

form#registerbox {
	width: 30em;
	background: none;
}

fieldset {
	margin:0;
	margin-left:6em;
	padding:0;
	border:none;
	border-top:1px solid #99A0FA;
	background:url(../images/gradient.png) repeat-x top #BDC1FA;
}

fieldset ol {
	margin: 0;
	padding: 0;
}

fieldset li {
	margin: 0;
	padding: 1em;
	list-style: none;
	text-align: left;
}

legend {font-weight:bold;color:#333;background:#fff}

#nome, #cognome, #piva, #attivita, #telefono, #password, #username {
	width: 20em;
	padding-left: 20px;
}

#password {
	background: url(../images/authen.gif) no-repeat center left #fff;
}

#username {
	background: url(../images/user.gif) no-repeat center left #fff;
}

.required {
	font-size:90%;
}

.required strong, #errore {
	color:red;
}

/* Hides from IE-mac \*/
/*
* html .clearfix {
	height: 1%;
}
*/

/* End hide from IE-mac */

.imgleft {
	float: left;
	margin-right: 10px!important;
	margin-bottom: 10px!important;
}

.detail {
	float: left;
	width: 170px;
	border-left: 1px solid #C0D0E0;
	background: #F9FAF9;
	margin: 0 6px 0 10px;
	padding: 0 0 0 6px;
}

.detail ul li {
	list-style-image: url(../images/buld.gif);
	margin-left: 0px;
	padding-left: 0px;
	background: none;
}

.split3 {width:100%;overflow:auto;}
.split3 div {width:32%;float:left;display:inline;}
.split3 ul {margin:0 1em;}
.clearer {float:none;}

#submit {
	float: right;
}

dl.articolo {
	margin: .5em .5em 1em;
	line-height: 1.5;
}

dl.articolo dt {
	clear: both;
	width: 220px;
	color: #666;
	font-weight: bold;
	background: url(../images/hdot.gif) repeat-x bottom left;
	float: left;
}

dl.articolo dd {
	margin-left: 225px;
	background: url(../images/hdot.gif) repeat-x bottom left;
}

dl.productinfo dt.clear {
	clear: both;
	float: none;
	width: auto;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin-top: -1px;
}

.nota {
	background: #ffffd9;
	border: 1px solid #ee7;
	margin: 1em 0  0 0;
	padding: 10px;
	border-left:6px solid #ee7;
}

p.nota {padding:0.5em;}
.nota p {margin:0.5em 0;}

ul.hnav {margin:0;padding:0;}

ul.hnav li {
	margin: .5em;
	padding: 0;
	background: none;
	float: left;
}

ul.hnav li.destra {float:right;}

p#top {
    display: block;
	padding: .5em 25px;
    background: transparent url(../images/icon_go_up.gif) no-repeat 100% 0%;
    text-align: right;
}

#cart li, #login li {
	display: block;
	padding-left: 15px;
	background: transparent url(../images/dark_arrows.gif) no-repeat 2% 50%;
}

li#cart_empty {
	display: block;
	padding-left: 25px;
	background: transparent url(../images/cart_empty.gif) no-repeat 2% 50%;
}

li#cart_full {
	display: block;
	padding-left: 25px;
	background: transparent url(../images/cart_full.gif) no-repeat 2% 50%;
}

li#subtotal {
	display: block;
	padding-left: 25px;
	background: none;
	font-weight:bold;
}

li#user {
/*	display: block; */
	padding-left: 25px;
	background: transparent url(../images/user.gif) no-repeat 2% 50%;
}

div.info p {
	padding-left:3em;
	padding-right:3em;
}

#contenuti div.info h3 {
	text-align:left;
	padding-left:1em;
}

div.info li {
	margin-left: 3em;
}

dl.ordine {
	margin-right: .3em;
    text-align: right;
	line-height: 1.5;
	width: 200px;
}

dl.ordine dt {
	margin-right: 100px;
    text-align: right;
	color: #666;
	font-weight: bold;
	background: url(../images/hdot.gif) repeat-x bottom left;
	float: left;
}

dl.ordine dd {
	width: 100px;
	background: url(../images/hdot.gif) repeat-x bottom left;
	clear: both;
}

.codice {background:#D6E3F5;}

.senza_sconto {
	color: Red;
/*	text-decoration: line-through; */
}

.sconto {
	color: Green;
}
