* {
	padding: 0;
	margin: 0;
}

fieldset {
	border: 0;
}

html {
	background: #1261ae url('../images/bg-body3.gif') repeat-x top center;
}

body {
	height: 100%;
	margin: 0;
	text-align: center;
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	color: #000000;
}

a {
	color: #238dbf;
}

#container {
	padding: 15px 0;
	width: 990px;
	margin: 0 auto;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
}	

#header, #footer {
	height: 40px;
	clear: both;
	display: block;
}


#header {
	padding: 8px 0 0 0;
}

.clear {
	clear: both;
	display: block;
	font-size: .1em;
}

#header {
	background: url('../images/bg-header.png') no-repeat top;
	height: 20px;
}

#footer {
	height: 20px;
	background: url('../images/bg-footer.png') no-repeat bottom;
	margin: 0 0 15px 0;
}

#main {
	text-align: left;
	min-height: 350px;
	background: url('../images/bg-main.png') repeat-y;
}

/* Menu Principale in Alto ... */
#menu {
	margin: 0 10px;
	line-height: 50px;
	height: 50px;
	text-align: center
}

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

#menu ul li {
	float: left;
	width: 190px;
	text-align: center;
	list-style-type: none;
}

#menu ul li a {
	color: #000;
	display: block;	
	text-transform: uppercase;
	font-family: "Times New Roman", "Georgia", Arial, sans-serif;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
}

#menu ul li.last a {
	background: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}

/* Introduzione */
#introduzione {
	clear: both;
	display: block;
	background: url('../images/intro1.png') no-repeat;
	margin: 0 10px;
	height: 280px;
}

#introduzione .fader { /* sono livelli che consentono la sovrapposizione delle immagini / link */
	width: 575px;
	height: 252px;
	overflow: hidden;
	float: left;
	margin: 0 0 0 36px;
}

#introduzione .logo {
	width: 262px;
	height: 200px;
	margin: 40px 0 0 0;
	overflow: hidden;
	float: left;
}

#introduzione .logo a {
	padding: 500px;
	display: block;
}

/* Italy */
#italy {
	width: 970px;
	margin: 0 0 0 10px;
	clear: both;
	display: block;
	background: url('../images/italy.gif') repeat-y center;
	height: 50px;
}


/* Contenuti */
#contenuti {
	padding: 10px 0;
	margin: 0 10px;
	clear: both;
	display: block;
	min-height: 450px;
}

#contenuti #colonna-sx, #contenuti #colonna-dx {
	margin: 0 0 0 5px;
	width: 180px;
	float: left;
}

#contenuti #colonna-dx {
	margin: 0 5px 0 0;
	width: 180px;
	float: left;
}

#contenuti #colonna-dx .middle {
	width: 170px;
	padding: 4px 4px;
}


#contenuti #principale {
	width: 580px;
	min-height: 125px;
	margin: 0 10px;
	float: left;
}


span.clear {
	display: block; clear: both;
	font-size: .1em;
}

#colonna-sx .clear, #colonna-dx .clear {
	height: 10px;
}

#colonna-sx ul, #colonna-dx ul, #colonna-sx p, #colonna-dx p,
#colonna-sx form, #colonna-dx form {
	list-style-type: none;
	padding: 3px 5px;
}

#colonna-sx ul li, #colonna-dx ul li {
	border-bottom: 1px dashed #dedede;
	padding: 5px 2px;
}

#colonna-sx a {
color:#7dcc4d;
}
#colonna-sx li a {
color:green;
}
.box {
	clear: both;
	display: block;
}

/* Slo a destra, ampliare lo spazio... */
#colonna-db .box {
 
}



.box .top {
	overflow: hidden;
	font-weight: bold;
	padding: 0 7px;
	font-size: 15px;
	line-height: 37px;
	height: 37px;
}

.box .bottom {
	height: 19px;
}

.box .middle {
	padding: 4px;
	min-height: 50px;
}


/* Box colore verde */
.green a {
	display: block;
	color: green;
}

.green .top {
	color: #fff;
	background: url('../images/box-green-top.png') no-repeat;
}
.green .bottom {
	background: url('../images/box-green-bottom.png') no-repeat;
}
.green .middle {
	border: 1px solid #7dcc4d;
	border-top: 0;
	border-bottom: 0;
}

/*box colore rosso*/
.red a {
	display: block;
	color: red;
}

.red .top {
	color: #fff;
	background: url('../images/box-red-top.png') no-repeat;
}
.red .bottom {
	background: url('../images/box-red-bottom.png') no-repeat;
}
.red .middle {
	border: 1px solid #d21712;
	border-top: 0;
	border-bottom: 0;
}

/*box generale*/
.centered {
	text-align: center;
}

.middle img {
	border: 0;
	margin: 2px 0;
	max-width: 178px;
}

.middle a.strong {
	font-weight: bold;
	font-size: 14px;
}

.price {
	font-weight: bold;
	font-size: 14px;
	color: #ff7200;
}



/* vetrina */
#vetrina {
	clear: both;
	display: block;
	padding: 20px 0; 
	border-bottom: 1px solid #dedede;
	margin: 0 0 10px 0;
}

#vetrina .prodotto {
	float: left;
	width: 180px;
	text-align: center;
	padding:6px;
	min-height: 200px;
}

#vetrina .prodotto img {
	border: 0;
	vertical-align:baseline;
}

#vetrina .prodotto span {
	clear: both;
	display: block;
}

#vetrina .prodotto a {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#vetrina .prodotto .price {
	font-size: 16px;
}

#vetrina .prodotto .cart {
	font-size: 12px;
	text-decoration: underline;
	color: #ff0000;
}

/* bottom (menu vari) */
#bottom {
	margin: 0 20px;
	background: url('../images/bottom.gif') no-repeat;
	clear: both;
	display: block;
	height: 75px;
	overflow: hidden;
}

#bottom .area {
	float: left;
	padding: 5px;
	width: 100%;
}

#bottom .area ul {
	list-style-type: square;
}

#bottom .area ul li a {
	color: #000;
}

.slogan {
	font-size:36px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#663300;
	font-weight:bold;
	padding-top:10px;
	font-style:italic;
}


#copyright {
	color: #fff;
	width: 990px;
	margin: 0 auto;
	height: 40px;
	overflow: hidden;
	text-align: left;
}

#copyright a {
	color: #fff;
}

#copyright .left-copy {
	padding: 5px 0 0 0;
	width: 495px;
	float: left;
}

#copyright .right-copy {
	padding: 5px 0;
	width: 495px;
	float: left;
	text-align:right;
}

#copyright .right-copy img {
	margin: 0 0 0 40px;
}

#copyright .left-copy p {
	padding: 0 0 0 0;
	margin: 0;
}

#copyright .left-copy p.strong {
	font-weight: bold;
}

.image-centered {
	clear: both;
	display: block;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}

#css-login-area label {
	padding: 3px 0;
	tent-align: center;
	display: block;
	clear: both;	
}

#css-login-area input#col_dx_username, #css-login-area input#col_dx_passwd  {
	margin: 0 10px;
	width: 180px;
}

.input{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}


/*OFFERTE COLONNA DX*/

#colonna-dx .prodotto {
	float: left;
	width: 180px;
	text-align: center;
	padding-bottom:15px;
}

#colonna-dx .prodotto img {
	border: 0;
}

#colonna-dx .prodotto span {
	clear: both;
	display: block;
}

#colonna-dx .prodotto a {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#colonna-dx .prodotto .price {
	font-size: 16px;
}

#colonna-dx .prodotto .cart {
	font-size: 12px;
	text-decoration: underline;
	color: #ff0000;
}

/*MENU OK */

.arrowlistmenu{
width: 170px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	padding: 2px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #7dcc4d;
	vertical-align: middle;
	border-bottom: 1px dashed #CCCCCC;

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}


.arrowlistmenu ul li a:visited{
color: #7dcc4d;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #CCCCCC;
}

.noscat{
	margin-bottom: 2px; /*bottom spacing between header and rest of content*/
	padding: 2px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #7dcc4d;
	vertical-align: middle;
	border-bottom: 1px dashed #CCCCCC;
	text-decoration:none;

}