html,body{margin: 0; padding:0; background-color: #d5d2cd;}

body {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70%;
	color: #5c5748;
	background: url(immagini/sfondo-pag.jpg) top repeat-x #d5d2cd;
}

.sfondo_intro {
    background: url(immagini/intro/sfondo-pagina.jpg) top repeat-x #d5d2cd;
    width: 100%;
	}
/******************** stili specifici per i layout ***********************/

#container {
	width: 970px;
	\width: 970px;
	w\idth: 970px;
	margin: 0 auto;
	background:url(immagini/content/sfondo-content-marchio.jpg) top center no-repeat;
	height:100%;
	}

div#content_home{
	padding-left:5px; 
	padding-right:1em; 
	padding-bottom:10px;
	padding-top:10px; 
	background:url(immagini/home/sfondo-content.jpg) top left no-repeat; 
	text-align: left; 
	float:left; 
	width:100%;
	height:100%;
	min-height: 350px;
	}

div#content{
	margin-top:0;
	margin-left:4px;
	margin-right:0px;
	background-image: url(immagini/content/sf-content2.gif);
	background-repeat: repeat-y;
	background-color:#FFFFFF;
	text-align: left; 
	float:left; 
	width:925px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	min-height: 350px;
	height:100%;
	}

	div#content a{ color:#000099; text-decoration:underline;} /*blu*/
	div#content a:hover{ color:#da4437; text-decoration:none;} /*rosso*/
	div#content h1{
		font-size:210%;
		color:#0000b4; /*blu*/
		font-weight:bold;
		background-image: url(immagini/ico-h1-content.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-top:4px;
		padding-left:30px;
		}

	div#content h2{
		font-size:160%;
		color:#5c5752; /* marrone*/
		font-weight:bold;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		margin-top:10px;
		padding-left:30px;
		}

	div#content h3{
		font-size:130%;
		color:#000099; /* blu */
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		margin-top:10px;
		}

#path {
	margin-left:4px;
	margin-bottom:0;
	margin-right:0;
	margin-top:0px;
	padding-left:15px;
	padding-top:21px;
	padding-bottom:5px;
	background:url(immagini/content/sf-path.jpg) left top no-repeat #fefefe;
	text-align:left;
	float:left;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#646464;
	}
	#path a{ color:#000099; text-decoration:none;} /*blu*/
	#path a:hover{ color:#da4437;} /*rosso*/

div#footer{
	text-align:center; 
	padding: 0.5em;
	clear:both; 
	padding-top:20px;
	padding-bottom:20px;
	}
	div#footer a{ color:#000099; text-decoration:underline;} /*blu*/
	div#footer a:hover{ color:#da4437; text-decoration:none;} /*rosso*/

div#intro {
    position: relative;
	padding-top:50px;
	background: url(immagini/intro/sfondo-intro.jpg) top center no-repeat;
    width: 100%;
	vertical-align: top;
	text-align:center;
	}

div#wrapper{float:left;width:100%}

.box_filmato {
	width:635px;
	height:290px;
	padding-top:12px;
	padding-left:9px; 
	text-align:left;
	}

.box_filmato .img{
	float:left;
	width:400px;
	margin-left:0px
	}

.box_filmato p {
	background-image: url(immagini/home/ico-box-home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 25px;
	padding-top:4px;
	line-height: 16px;
	}

div#extra{
	float:left;
	width:215px;
	margin-left:0px;
	padding-left:10px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#6f6f69;
	padding-right:10px;
	}

div#extra ul { margin:0; list-style: square; border:0; padding:0; padding-left:15px; padding-right:5px; margin-top:-10px; }

.box_home .box {
		background: url(immagini/home/sfondo-box-servizi.jpg) left top repeat-x; 
		padding-left:10px; 
		padding-right:10px; 
		padding-top:20px; 
		margin-top:10px;
		height:160px;
		}

	.box_home h1{
		color: #0000c8;
		background-image: url(immagini/home/ico-h1-servizi.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding-top:4px;
		padding-left:8px;
		font: normal 1.9em Arial, sans-serif;
		letter-spacing: -1px;
		}
		.box_home h1 a{ color:#000099; text-decoration:none;} /*blu*/
		.box_home h1 a:hover{ color:#da4437; text-decoration: underline;} /*rosso*/

	.box_home h2{
		color: #464646;
		font: normal 1.6em Arial, sans-serif;
		/*letter-spacing: -1px;*/
		}
	
	.box_home p {
		line-height: 14px;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
		margin-top:10px;
		color:#5a5a5a;
		}


.box_commerciale {
	width:308px; 
	border-top:8px solid #33cfff; 
	margin-top:14px; 
	background:#FFFFFF; 
	margin-left:9px; 
	padding-top:10px;
	float:left;
	}

.box_monovendor {
	width:308px; 
	border-top:8px solid #0ba7e2; 
	margin-top:14px; 
	background:#FFFFFF; 
	margin-left:9px; 
	padding-top:10px;
	float:left;
	}

.box_multivendor {
	width:308px; 
	border-top:8px solid #007fba; 
	margin-top:14px; 
	background:#FFFFFF; 
	margin-left:9px; 
	padding-top:10px;
	float:left;
	}

.box_contatti {
	width:62%;
	background:#F0F0F0;
	border:4px solid #C8C8C8;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	}

div.hr {
	background:url(immagini/content/chiusura.gif) left top no-repeat #FFFFFF; 
	width:100%;
	height: 20px;
	clear:both;
	}
	div.hr hr { display: none; }

table { border:0;}
ul {margin:0; list-style: square; border:0; padding:0; padding-left:15px;}
input { 
	width:160px; 
	height:15px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%; 
	color: #505050;
	background: #F0F0F0;
	border:1px solid #666666;
	}

textarea {
	width:160px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #505050;
	background: #F0F0F0;
	border:1px solid #666666;
	}

input.largerCheckbox {
	width: 16px;
	height: 16px;
	border:1px solid #666666;
	vertical-align:middle;
	}

select {
	width:165px;
	height:19px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%; 
	color: #505050; 
	background: #F0F0F0; 
	border:1px solid #666666;
	}

/***************** stili generici, su HEADER e FOOTER ************************/

h1,h2,h3{margin: 0;padding:0}

/************************* HEADER **************************/

#header h1 span {
	display: none;
	}

#header h1 a {
	color: #ddd;
	background: transparent;
	}

#header h1 img {
	float:left;
	border:0;
	}

#logo {
	display: none;
	}

/***************************** MENU CONTESTUALE *************************************/
div#navigation{
	float:right;
	width:271px;
	padding-bottom:5px;
	margin-right:10px;
	/*background:url(immagini/menu/sf-menu.gif) repeat-y left;*/
	text-align:left;
	}

#nav {
	color: #FFFFFF;
	font-weight:bold;
	width:100%;
	}

	#nav h2 {
		margin: 0;
		padding-left:0px;
		padding-top:25px;
		padding-bottom:32px;
		font-size: 175%;
		font-weight:normal;
		color:#FFFFFF;
		background:url(immagini/menu/sfondo-titolo-pag.gif) left top no-repeat ; /* blu */
		text-align:left;
		}
		#nav h2 a {	
			color:#FFFFFF;
			text-decoration:none;
			font-weight:normal;
			}

ul, ol, dl {
	margin: 0;
	padding: 0;
	}

#nav ul {
	list-style: none;
	margin: 0 0 0px 0;
	padding: 0;
	font-size: 105%;
	font-family:Arial, Helvetica, sans-serif;
	}

/* Selettore contestuale per nav */
#nav li a {
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	height: 14px;
  	height/**/: 1.1em; /* hack per IE5/Win */
	}
	#nav li a:link, #nav li a:visited {
		display: block;
		margin-left: 0px;
		margin-right:0px;
		padding: 7px;
		padding-left:30px;
		background-color: #c0beb4; /* grigio */
		color: #FFF;
		}
	#nav li a:hover {
		margin-left: 0px;
		padding: 7px;
		padding-left:30px;
		background-color: #0000b4; /* blu */
		color: #FFF;
		}
	#nav ul li a.active{    
		color:#FFF;
		background: #0000b4; /* rosso eliconia */
		border-bottom:1px solid #FFF;
		}

/*************************** FINE MENU CONTESTUALE ***********************************/

/***************************** SHORT CONTENT *************************************/

div#content .short_content {
	width:600px;
	padding-top:10px;
	}
	div#content .short_content h3{color: #97a09a;
		font-size: 1.6em;
		margin:0px;
		padding:0px;
		font-weight:normal;
		border-bottom:1px solid #97a09a;
		margin-bottom:10px;
		}
		div#content .short_content h3 a{color: #97a09a; text-decoration:none;}
		div#content .short_content h3 a:hover{color: #0000b4;}
	
	div#content .short_content a{ color:#da4437; text-decoration:underline;} /*blu*/
	div#content .short_content a:hover{ color:#000099; text-decoration:none;} /*rosso*/

/***************************** IMMAGINI *************************************/
.box_catalogo {
	float: left; 
	width:115px;
	margin-right:3px;
	text-align: left;
	border:0px;
	}

.img_box{margin:0 0 0px 0; padding:0; text-align:left; border:0px;}

/***************************** FINE IMMAGINI *************************************/


.box_catalogo .immagine dd {
	margin: 0px;
  	padding: 0;
  	}
.box_catalogo .immagine dl {
  	margin: 0px;
  	padding: 0;
	border:0; /* giallino */
  	}
	.box_catalogo .immagine dd a:link {
		text-decoration: none;
		}
		
	.box_catalogo .immagine dd a:hover {
		background-color:#0000b4; /* blu */
		}

.box_catalogo .immagine a img, .box_catalogo .immagine img {
	display:block;
	margin: 0px;
	padding: 0px;
  	border: 2px solid  #d5d2cd; /* grigio */
	background: #d5d2cd; /* grigio */
  	background: #FFFFFF;
	width:100px;
	height:100px;
	}	
	
.box_catalogo .immagine a:hover img {
	border: 2px solid  #0000b4; /* blu */
	background: #FFFFFF;
  	padding:0;
	}




/***************************** MENU MAPPA *************************************/
div#mappa{
	float:left;
	width:500px;
	margin-left:20px;
	padding-bottom:5px;
	margin-top:17px;
	margin-right:10px;
	text-align:left;
	}

#mappa_nav {
	color: #FFFFFF;
	font-weight:bold;
	/*border:1px solid #009900;*/
	}

#mappa_nav ul, ol, dl {
	margin: 1em 0;
	padding: 0;
	}

#mappa_nav ul {
	list-style: none;
	margin: 0 0 0px 0;
	padding: 0;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	}

/* Selettore contestuale per nav */
#mappa_nav li a {
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	height: 14px;
  	height/**/: 1.1em; /* hack per IE5/Win */
	display: block;
	margin-right:3px;
	padding: 5px;
	padding-left:25px;
	color: #000;
	background:url(immagini/folder.png) left center no-repeat #e7e7e5;
	}

	#mappa_nav li a:hover {
		padding: 5px;
		padding-left:25px;
		background-color: #0000b4; /* blu */
		color: #FFF;
		}

#mappa_nav .secondo_liv li a {
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	height: 14px;
  	height/**/: 1.1em; /* hack per IE5/Win */
	display: block;
	margin-right:3px;
	padding: 5px;
	padding-left:25px;
	color: #000;
	background:url(immagini/page.png) left center no-repeat #e7e7e5;
	}

	#mappa_nav .secondo_liv li a:hover {
		padding: 5px;
		padding-left:25px;
		background-color: #0000b4; /* blu */
		color: #FFF;
		}

/*************************** FINE MAPPA ***********************************/