html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}

input, textarea {
	padding: 0;
	margin: 0;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*MY STYLES*/


body{
	background-color: #fff;
	background-image: url(../img/home-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
	text-align: center;
	
	font-family: Arial;
	font-size: 12px;
	color: #333;
}

a, a:active, a:link, a:visited{
	color: #6299d2;
	text-decoration: underline;
}

a:hover {
	color:#d4d4d4;
}

img {
	border-style: none;
	border: 0px;
}

.hide {
	display: none;
}

#top, #nav {
	width: 970px;
	position: static;
	float: none;
	margin-left: auto;
	margin-right: auto;
}


#top {
	height: 120px;
	margin-bottom: 350px;
}

#logo {
	height: 120px;
	width: 485px;
	
	background-image: url(../img/logo.gif);	
	background-position: center left;
	background-repeat: no-repeat;
	float: left;
}

#logo a {
	height: 120px;
	width:200px;
	float: left;
	display: block;
}

#lang{
	height: 120px;
	width: 485px;
	float: left;
	
	text-align: right;
}

#lang p {
	padding-top: 45px;
}
#lang a {
	display: block;
	height: 20px;
	width: 44px;
	float: right;
	
	background-image: url(../img/lang-it.gif);
	background-position: top left;
}

#lang a:hover, #lang a.selected {
	background-position: bottom left;
}

#lang a.lang-it {
	background-image: url(../img/lang-it.gif);	
}
#lang a.lang-en {
	background-image: url(../img/lang-en.gif);	
}

/*NAVIGATION*/
#nav {
	text-align: center;
	width: 970px;
	height: 35px;
	
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -485px;
	z-index: 200;
}

#nav ul {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#nav li {
	height: 35px;
	float: right;
}

#nav li.left, #nav li.right {
	width: 4px;
	background-image: url(../img/nav-left.gif);
}
#nav li.right {
	background-image: url(../img/nav-right.gif);
}

#nav p {
	display: block;
	min-width: 35px;
	height: 35px;
	
	background-image: url(../img/nav-separator.gif);
	background-position: top left;
	padding-left: 1px;
	background-repeat: repeat-x;
	overflow: hidden;
}
#nav p.nopadd{
	padding-left: 0px;
}

#nav a {
	display: block;
	min-width: 35px;
	height: 35px;
	background-image: url(../img/nav-btn-hover.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 14px;
	
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
#nav a:hover, #nav a.selected {
	background-position: bottom left;
	color: #6299d2;
}
#nav .prodotti {
	width: 190px;
	height: 35px;
	float: left;
	background-image: url(../img/prodotti.gif);
}

#nav .prodotti p, #nav .prodotti a {
	background-image: none;
	color: #6299d2;
}

#nav .prodotti a:hover {
	background-image: none;
	background-position: top left;
	text-decoration: underline;
} 
/*PROMO*/
#promo {
	width: 970px;
	height: 350px;
	margin-left: auto;
	margin-right: auto;	
	background-color: #ccc;
	
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -485px;
	z-index: 190;
}

#promo-testo {
	width: 460px;
	height: 200px;
	position: absolute;
	z-index: 194;
	
	top:100px;
	right: 20px;
		
	text-align: left;
}

#promo-testo-bg {
	width: 500px;
	height: 240px;
	background-color: #000;
	position: absolute;
	z-index: 193;
	
	top:80px;
	right: 0px;
}

#promo-foto {
	width: 970px;
	height: 350px;
	background-image: url(../flash.jpg);
	
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 192;
	
}

#promo-testo h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6299d2;
	margin-bottom: 20px;
}

#promo-testo p {
	font-size: 14px;
	line-height: 18px;
	color: #ccc;
}

#sotester {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 191;
}

/*GAMMA*/

#gamma-prodotto{
	width: 970px;
	height: 165px;
	
	background-image: url(../img/gamma-prodotti-bg.gif); 
	
	margin-left: auto;
	margin-right: auto;
	
	overflow: hidden;
	text-align: center;
}

#gamma-prodotto ul{
	width: 804px;
	height: 27px;
	
	margin-left: auto;
	margin-right: auto;
}

#gamma-prodotto li {
	float: left;
}

#gamma-prodotto li a{
	display: block;
	width: 120px;
	height: 27px;
	background-image: url(../img/linea-btn.gif); 
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 8px;
	
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	
	height: 19px;
}

#gamma-prodotto li a:hover, #gamma-prodotto li a.selected{
	color: #6299d2;
	background-position: bottom left;
}

.scroll {

	overflow: auto;
    overflow-x: hidden;
    
    position: relative;
    clear: left;
	margin-left: auto;
	margin-right: auto;
	
	width: 804px;
	height: 138px;
	
}

.scrollContainer {
}

.panel {
	float: left;
}

.panel p {
	display: block;
	width: 200px;
	height: 138px;
	margin-right: 1px;
	
	/*float: left;*/
}

.panel p img {
	margin-top: 7px;
	margin-bottom: 12px;
	display: block;
}

.panel p a {
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
}

.panel p a:hover {
	color: #fff;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
    z-index: 200;
}

.scrollButtons.left {
	left: 50%;
	margin-left: -485px;
	top: 540px;
}

.scrollButtons.right {
	left: 50%;
	margin-left: 458px;
	top: 540px;
}

/*FOKUS*/

#focus {
	width: 970px;
	height: 340px;
	
	background-image: url(../img/box-bg.jpg); 
	background-position: top center;
	background-color: #fff;
	background-repeat: no-repeat;
	
	margin-left: auto;
	margin-right: auto;
}

#focus div {
	width: 300px;
	height: 240px;
	
	float: left;
}

#focus h3 {
	width: 300px;
	height: 50px;
	
	font-size: 18px;
	font-weight: bold;
	line-height: 23px;
	
	text-align: left;
	margin-bottom: 15px;
}

#focus h3 a, #box3 h3 {
	color: #6299d2;
	text-decoration: none;
}

#focus h3 a:hover {
	text-decoration: underline;
}

#focus .focus-spacer{
	width: 970px;
	height: 50px;
	
	background-color: transparent;
}

#focus .focus-v-spacer{
	width: 35px;
	height: 240px;
	
	background-color: transparent;
}

#focus .box-img, #focus .box-img a{
	width: 300px;
	height: 150px;
}

#focus .box-img a{
	display: block;
}

#focus .box-btn a{
	display: block;
	width: 300px;
	height: 30px;
	
	background-image: url(../img/box-btn.gif);
	background-position: top left;
	
	text-align: left;
	color: #fff;	
	text-decoration: none;
	
	padding-left: 10px;
	padding-top: 7px;
	
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 290px;
	height: 23px;
}

#focus .box-btn span {
	padding-left: 10px;
	padding-top: 10px;
}

#focus .box-btn a:hover{
	background-position: bottom left;
	color: #fff;
}

#box3 p.box-img {
	
	display: block;
	width: 300px;
	height: 150px;
	
	background-image: url(../img/newsletter_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	
	text-align: center; 
}

#box3 .box-btn a{
	text-align: center;
	padding-left: 0px;	
	background-image: url(../img/send-btn.gif); 
}

#box3 input {
	position: static;
	text-align: left;
	font-size: 12px;
	color: #666;
 	font-family: Arial;
 	width: 220px;
 	height: 14px;
 	
 	border: none 0px #fff;
 	
 	margin-top: 30px;
}

#box3 input#MERGE0 { 	
 	margin-top: 60px;
}

#foot {
	width: 100%;
	height: 50px;
	background-color: #e5e5e5;
	float: none;
	position: static;
	text-align: center;
	
	font-size: 11px;
	color: #b2b2b2;
}

#foot-box {
	width: 970px;
	height: 50px;
	float: none;
	position: static;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#foot-link{
	width: 300px;
	height: 50px;
	background-color: #f2f2f2;
	float: left;
}
#foot-link p {
	display: block;
	width: 300px;
	height: 50px;
	float: none;
}

#foot-link a {
	display: block;
	width: 100px;
	height: 15px;
	padding-top: 20px;
	float: left;
	text-align: center;
}

#foot-link a:hover,  .foot-copy a:hover{
	color: #333;
}

#foot-box .foot-copy{
	padding-top: 20px;
}

#foot-box .foot-copy span{
	margin-right: 20px;
}

#foot-box .foot-copy span:first-child {
	margin-left: 35px;
}

#foot-box .foot-copy span:last-child {
	float: right;
}

/*FORM ACTIONS*/

.onErrore {
	color:#f00;
}
.onCorrige {
	color:#666;
}
/**/