﻿body {
	margin:0;
	padding:0;
	background:#fbfadc;
	}
#body-top-line {
	background:url('data/body-top-line.gif') repeat-x top;
	height:122px;
	xpadding:20px 0 0 0;
	}	
#intro-logo{
	display:block;
	width:558px;
	height:240px;
	margin:0 auto 0 auto;
	background:url('data/intro-laderla.jpg') top center;
	}
#intro-logo a {
	display:block;
	width:558px;
	height:240px;
	text-decoration:none;
	}
#intro-logo span {
	visibility:hidden;
	}
#intro-mid-line {
	background:url('data/intro-mid-line.gif') top;
	height:240px;
	}
#header {
	margin:0 auto 0 auto;
	padding:0;
	width:988px;
	height:122px;
	background:url('data/head-logo.jpg') no-repeat left bottom;
	}
#menu {
	float:right;
	width:510px;
	height:40px;
	padding:62px 0 0 0;
	}
.menu-ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.menu-ul li {
	display:inline;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	margin-right:32px;
	}
.menu-ul li a {
	padding-bottom:4px;
	text-decoration:none;
	color:#666;
	border-bottom:3px solid #FFD88C;
	}
.menu-ul li a:hover {
	color:#000;
	border-bottom:3px solid #FE8100;
	}	
#content-top-line {
	width:100%;
	overflow:hidden;
	}
#content-top-line-draw {
	margin:0 auto;
	width:988px;
	height:209px;
	background:url('data/background-draw.jpg') no-repeat ;
	}
#content-line {
	margin:0;
	float:right;
	width:489px;
	height:209px;
	}
#container {
	margin:0 auto;
	width:890px;
	clear:both;
	}
#container-colsx {
	float:left;
	width:280px;
	background:url('data/container-colonne.png') no-repeat top left;
	padding:30px 0;
	}
#container-colbody {
	float:right;
	width:610px;
	background:url('data/container-colonne.png') no-repeat top right;
	padding:30px 0;
	}
#footer {
	background:url('data/body-foot-line.gif') repeat-x bottom;
	clear:both;
	position:;
	}
#foot {
	height:162px;
	width:890px;
	margin:0 auto;
	background:url('data/bg-foot.jpg') no-repeat;
	}	


	
/* ### CONTENUTI */	
#container a {
	color:#FF0080;
	text-decoration:underline;
	}
#container a:hover {
	color:#FF8500;
	}

/* # COLONNA SINISTRA */
.colsx-block {
	padding:0 16px 18px 16px;
	}
.colsx-block p.indent {
	font:0.82em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#3a3429;	
	text-indent:54px;
	margin:0;
	padding:40px 0 0 0;
	}
.colsx-block .ico-idee {
	background:url('data/ico-vostre-idee.gif') no-repeat top left;
	}	
.colsx-block .ico-novita {
	background:url('data/ico-novita.gif') no-repeat top left;
	}		
.colsx-block .ico-dove {
	background:url('data/ico-dove-siamo.gif') no-repeat top left;
	}			
.colsx-block p.alert {
	font:0.82em Georgia, "Times New Roman", Times, serif;
	color:#3a3429;	
	font-style:italic;
	margin:12px 0;
	padding:2px;
	text-align:center;
	background:#f4f190;
	border:1px dashed #8B764E;
	}
.colsx-block p {
	font:0.82em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#3a3429;	
	margin:0;
	padding:0;
	}

/* # BLOCCO CENTRALE */
.colbody-block {
	padding:0 21px 0 21px;
	}
.colbody-block h2 {
	font:1.2em Georgia, "Times New Roman",  Times, serif;
	margin:0 0 6px 5px;
	padding:15px 0;
	}
.colbody-block h3 {
	font:1.0em Georgia, "Times New Roman",  Times, serif;
	margin:0 0 6px 23px;
	padding:3px 0;
	color:#5B7D00;
	}	
.colbody-block p {
	font:0.82em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#3a3429;
	margin:8px 0;
	padding:0 0 0 32px;
	}
/* # footer */
#foot p {
	margin:0 0 0 320px;
	padding:75px 0 0 0;
	font:0.75em Georgia, "Times New Roman",  Times, serif;
	color:#D87100;
	}

/* # elementi */

img.toleft {
	float:left;
	
	}

img.center {
	margin:0 auto;
	display:block;
	}

#s3slider {
   width: 489px; /* important to be same as image width */
   height: 209px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */ 
}

#s3sliderContent {
   width: 489px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

ul#s3sliderContent {
	margin:0;
	padding:0;
	}
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 1.4em Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-style:italic;
   text-shadow:2px 2px #ccc;
   padding: 16px 13px;
   width: 463px;
   background-color: #fbfadc;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #A74748;
   display: none; /* important */
   bottom: 0;
   text-align:right;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#deco-fiori {
	width:270px;
	height:290px;
	background:url('data/deco-fiori.jpg') no-repeat;
	}
#goimg {
	width:348px;
	height:210px;
	margin:0 auto;
	background:url('data/home-go-cat.jpg') no-repeat;	
	}
#goimg a {
	display:block;
	width:348px;
	height:210px;
	text-decoration:none !important;
	}
#goimg span {
	visibility:hidden;
	}	
#naviga {
	font-size:92%;
	background:#edff9c;
	}
.clear {
   clear: both;
	} 
.form {
	margin:0 0 0 32px;
	font:0.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
.form form {
	margin:0;
	padding:0;
	}
.form input {
	margin:2px 0;
	font:0.8em Arial, Helvetica, sans-serif;
	}
.form textarea {
	font:0.8em Arial, Helvetica, sans-serif;
	width:420px;
	height:190px;
	}	
.form input.tasto {
	width:100px;
	height:40px;
	font:1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

/* # catalogo */

#cat {
	width:400px;
	margin:15px auto 0 auto;
	}

ul.cat {
	margin:0;
	padding:0;
	}

ul.cat li {
	list-style-type:none;
	height:160px;
	width:140px;
	float:left;
	margin:19px 18px;
	padding:4px 6px;
	border-right:2px dashed #7dac00;
	border-bottom:2px dashed #7dac00;
	background:url('data/sfondo-sunshine.jpg');
	}
ul.cat li a {
	display:block;
	font:110% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#64ac0f;
	text-decoration:none !important;
	text-shadow:#a1c874 1px 1px;
	height:126px;
	width:140px;
	}
ul.cat li a img { 
	display:block;
	width:95px;
	margin:0 auto;
	border-color:#64ac0f;
	}
ul#catalogo {
	margin:0 auto;
	padding:0;
	width:520px;
	font:1.0em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
ul#catalogo img {
	border:6px solid #A74748;
	width:120px;
	height:120px;
	}
ul#catalogo li.fimg {
	float:left;
	}
ul#catalogo li ul {
	margin:0;
	padding:0;	
	margin:8px 0;
	}	
ul#catalogo li {
	list-style-type:none;
	width:160px;
	margin:0 5px;
	}
ul#catalogo li.code, li.price {
	background:#F3F19C;
	font-weight:normal;
	}	

/* # galleria */
ul#galleria {
	margin:0 auto;
	padding:0;
	width:515px;
	}
ul#galleria li {
	list-style-type:none;
	float:left;
	margin:3px;
	}
ul#galleria img {
	border:0;
	}	