/* --------------- Basic HTML elemets --------------- */

img {border: 0; padding: 0;}
a {font-weight: normal; text-decoration: none}
a:link, a:visited, a:active {color: #e21f26;}
a:hover {color: #706A47}
body {
	padding: 0 0 0 0; 
	background: url(../i/bgall.jpg) #fffbab repeat-x 0 0; margin: 0 0 0; color: #60613f;  font:normal 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
	text-align: center; 
	voice-family: inherit
} 
form {margin: 0;}
p {line-height: 1.6em}

/* --------------- Header --------------- */

#logo {
	position:absolute;
	padding: 50px 0 0 30px;
	width: 246px;
	float:left;
	height: 90px
}
#header {
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header.jpg) no-repeat right top;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-lettini {
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-lettini.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-matusato{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-materiale-usato.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-accessori{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-accessori.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-contatti{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-contatti.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-legno{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-legno.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-sdraio{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-sdraio.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-marinella{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-marinella.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-regista{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-regista.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-ombrelloni-max{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-ombrelloni-max.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#header-ombrelloni{
	position:relative;
	padding: 0 0 0 0;
	background: url(../i/header-ombrelloni.jpg) no-repeat;
	margin: 0px auto 0;  
	width: 781px; 
	height: 327px;
	z-index:100;
}
#percorso {
	font-size: x-small;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
	width: 500px
}

/* --------------- Footer --------------- */

#footer {
	padding: 0px 0 0 0;
	clear: both; 
	background: url(../i/bottom.gif) no-repeat 0 0; 
	margin: 0px auto;
	height: 80px;
	width:781px;
	text-align: center
}
#footer p {
	font-size: x-small; 
	padding: 12px 0 0 0; 
	margin: 0; 
	color: #60613f;
	line-height: 10px;
	voice-family: inherit
}
a.bianco:link, a.bianco:visited {color: #fff}
a.bianco:hover, a.bianco:active {color: #ff0200}

/* --------------- Page Structure --------------- */

#container {
	padding: 0 0 0 0;
	background: url(../i/bg.gif) #fff repeat-y 0 0; 
	margin: 0px auto 0; 
	width: 781px; 
	z-index:100;
	text-align: left
}
#container h3 span {
	display:none;
	}
#top {
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
	width: 775px; 
	position: relative; 
	text-align: left
}

#content {
	padding: 20px 3px 20px 20px;
	margin: 0 10px;
 	width: 520px;
	float:left
}
#text_content {
	width: 100%;
	padding:0;
	margin:0
}

#home_head_content {
	width: 100%;
	height: 250px;
	padding:0;
	margin: 0 0 25px 0
}

#extraDiv2 {
	width:49%;
	position:absolute;
	top:0;
	left:3px;
	height:127px;
	background:url(../i/topLeft_bg.gif) repeat-x;
	z-index:10;
	}
#extraDiv3 {
	width:49%;
	position:absolute;
	top:0;
	right:0;
	height:141px;
	background:url(../i/topRight_bg.gif) repeat-x;
	z-index:10;
	}
/* --------------- Menu Content --------------- */

#linkList {
	width:196px;
	float:right;
	margin: 0 1px;
	padding: 46px 15px 20px 0;
	}
#linkList h3.select {
	width:196px;
	height:34px;
	background:url(../i/select.gif);
	}
#linkList h3.archives {
	width:196px;
	height:25px;
	background:url(../i/archives.gif);
	}
#linkList h3.resources {
	width:196px;
	height:12px;
	background:url(../i/resources.gif);
	margin-top:30px;
	}
#linkList ul {
	list-style-image:url(../i/blt_sm.gif);
	margin: 0;
	padding: 5px 0 20px 0;
	font:normal 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
	color:#bcbb93;
	}
#linkList ul li {
	margin-bottom:8px;
	}
#linkList ul a {
	color:#4e5248;
	font-weight:normal;
	font-style:italic;
	font-size:12px;
	text-transform:lowercase;
	}
#linkList ul a:hover {
	color:#e21f26;
	border:none;
	}
#linkList #lselect ul {
	list-style-image:url(../i/blt_lrg.gif);
	margin:5px 0 20px 23px;
	font:normal 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
	color:#bcbb93;
	}
#linkList #lselect ul .sub {
	list-style-image:url(../i/blt_sm.gif);
	margin:0 0 0 7px;
	font:normal 11px/16px "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
	color:#bcbb93;
	}
#linkList #lselect ul li .sub {
	margin:0 0 8px 0px;
	}
#linkList #lselect ul a {
	display:block;
	color:#584A21;
	font-weight:normal;
	font-style:italic;
	font-size:12px;
	text-transform:none;
	line-height:14px;
	}
#linkList #lselect ul a.sub {
	display:block;
	color:#bcbb93;
	font-weight:normal;
	}
#linkList #lselect ul a.subR {
	color:#e21f26;
	}
#linkList #lselect ul a.c {
	font-size:12px;
	color:#e21f26;

	}

#linkList #lselect ul a:hover {
	color:#e21f26;
	border:none;
	}
#linkList #larchives ul,
#linkList #lresources ul {
	margin:10px 0 20px 24px;
	}

/* ------------- nav -------------------------- */
#nav{
	margin: 0 0 0 0;
	padding: 190px 0 0 0;
	height: 139px;
	width:781px;
	}
#nav li{
	float: left;
	height: 139px;
	margin-left: 0px;
	text-indent: -4444px;
	list-style-type:none
	}

#lettini{background: url(../i/lettini-on.png) no-repeat 0 0; width: 101px;}
#ombrelloni{background: url(../i/ombrelloni-on.png) no-repeat 0 0; width: 101px;}
#legno{background: url(../i/linea-legno-on.png) no-repeat 0 0; width: 131px;}
#galleria{background: url(../i/galleria-on.png) no-repeat 0 0; width: 99px;}
#ombrelloni-maxi{background: url(../i/tavola-colori-on.png) no-repeat 0 0; width: 123px;}
#usato{background: url(../i/contatti-on.png) no-repeat 0 0; width: 140px;}

#nav li a{
	display: block;
	text-decoration: none;
	height: 139px;
	}

#lettini a{background: url(../i/lettini.png) no-repeat 0 0; width: 101px;}
#ombrelloni a{background: url(../i/ombrelloni.png) no-repeat 0 0; width: 101px;}
#legno a{background: url(../i/linea-legno.png) no-repeat 0 0; width: 131px;}
#galleria a{background: url(../i/galleria.png) no-repeat 0 0; width: 99px;}
#ombrelloni-maxi a{background: url(../i/tavola-colori.png) no-repeat 0 0; width: 123px;}
#usato a{background: url(../i/contatti.png) no-repeat 0 0; width: 140px;}

#nav li a:hover, #nav li a#current{
	background-image: none;
	}
	

/* --------------- Percorso Content --------------- */

#percorso p {
	font-size: 10px; 
	padding: 0 0 0 0; 
	margin: 0 0 0 0
}

/* --------------- Body Content --------------- */

.box-prod {
	margin: 0 0 15px 0;
	padding: 0 10px 0 10px;
	width: 240px;
	height:270px;
	float:left;fl
	text-align:center
}
.box-prod-tavola {
	width: 500px;
	height:120px;
	float:left;
	text-align:center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#content h1, #content h2 {
	margin: 0 0 5px 0px;
	font-size: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode";
	font-weight:normal;
	border: 0;
	color:#e11e26;
	text-align: left;
	voice-family: inherit
}

#content h2.title-prod {
	margin: 15px 0 5px 10px;
	color: #e21f26;
	font-size: 12px
}
#content a.black {
	color: #706A47;
}
#content a.black:hover {
	color: #e21f26;
}
#risorse_correlate h1 {
	margin: 0 0 5px 20px;
	color: #f5ab62;  font: bold 12px/19px "Lucida Grande", "Lucida Sans Unicode" 
}

.space_img {
	margin: 20px 0 0 0;
	padding: 0 0 2px
}
.space_img_subsection {
	margin: 0 5px 0 5px;
	padding: 0 0 0
}
.imgalign {
	vertical-align:middle;
}
.flLeft {float: left; margin: 10px 8px 0 8px}
.flRight {float: right; margin: 0 0 0 15px}
.flCenter {border: hidden 1px #D0D99D ; margin: 0 25px 0 25px}
.flCenter2 {border: hidden 1px #D0D99D ; margin: 0 5px 0 5px}
.flGallery {border: dotted 1px #000; background-color:#fff; margin: 7px}

/* --------------- Paragraph --------------- */
.pline {
	border-bottom: 1px dashed #e21f26;
}
#content p {
	padding: 10px 0 0 0;
	margin: 0;
	line-height:20px
}
#content p.right {
	text-align: right
}
#content p.center {
	text-align: center
}
#content p.maxheight {
	padding: 30px 0 0 6px;
	margin: 0;
	line-height:20px
}
#content p.medheight {
	padding: 5px 0 0px 6px;
	margin: 0;
	line-height:20px
}
#content p.minheight {
	padding: 0;
	margin: 0;
	line-height:20px
}

/* --------------- Color object --------------- */

.color-arancio {
	color: #e53652
}

/* --------------- Links --------------- */

a.arancio:link, a.arancio:visited  {color: #e53652; font-weight:bold}
a.arancio:hover, a.arancio:active  {color: #706A47; font-weight:bold}
a.red:link, a.red:visited {color: #D50867; font-weight:bold}
a.red:hover, a.red:active  {color: #706A47; font-weight:bold; background-color:#fff}
a.blue:link, a.blue:visited {color: #BAD8E9; font-weight:bold}
a.blue:hover, a.blue:active  {color: #706A47; font-weight:bold; background-color:#fff}
a.greenF:link, a.greenF:visited {color: #CBFF7E; font-weight:bold}
a.greenF:hover, a.greenF:active  {color: #706A47; font-weight:bold; background-color:#fff}
a.valid:link, a.valid:visited  {color: #706A47; font-size:9px}
a.valid:hover, a.valid:active  {color: #a1a547; font-size:9px; background-color:#fff}

.space-top {
	margin: 15px 0 15px 0;
	padding: 0 0 0 0
}
.cella_contenitore{
	width: 452px;
	padding: 0 0 0 0 ;
	margin: 0;
	clear:left;
	/*background-color:#f0f7fc;*/
}
.cella_cliente_header{
	text-align:left;
	float:left;
	margin:3px 3px 3px 3px; 
	padding:2px 0px 2px 0;
	width:60px;
	color:#60613f;
}
.cella_legenda{
	float:left;
	margin:3px 3px 3px 3px; 
	padding:2px 0px 2px 0;
	width:120px;
	height:19px
}
.data_header {
	float:left;
	text-align: left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:80px;
	color:#60613f;
}
.data_port {
	float:left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:80px;
	height:19px;
	color:#706A47;
}
.sm{
	float:left;
	text-align:center;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:90px;
	height:19px;
	font-weight:bold;
	color:#F2CC31;
}
.dm{
	float:left;
	text-align:center;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:90px;
	height:19px;
	font-weight:bold;
	color:#39A8E9;
}
.im {
	float:left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:21px;
	height:19px;
	text-align:center;
	font-weight:bold;
	color:#FCE14B;
}
.fc {
	float:left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width: 21px;
	height:19px;
	text-align:center;
	font-weight:bold;
	color:#89C120;
}
.ho{
	float:left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width: 21px;
	height:19px;
	text-align:center;
	font-weight:bold;
	color:#EA0006;
}

/* --------------------- Form object -------------------------- */
.texfield_login {
	color: #000;
	background-color: #fff;
	font: 10px/19px "Lucida Grande", "Lucida Sans Unicode"
}

.button {	
	background-color : #FFFFFF;
	border-color : #777777;
	color : #000000;
	border-style : solid;
	border-width : 0.1em;
	font: 10px/19px "Lucida Grande", "Lucida Sans Unicode"
}
.contenitore_form {
	text-align:center;
	width:inherit
}
.cella_contenitore {
	width: inherit;
	padding: 0;
	margin:0;
	clear:left;
	text-align:center;	
}

.etichetta_form {
	float:left;
	margin:0;
	padding:2px 0px 2px 0;
	width:40%;
	text-align:right;
	min-height:23px;	
}

.input_form {
	float:right;
	margin:0;
	padding:2px 0 2px 0;
	width:59%;
	text-align:left;
	min-height:23px;
}
.etichetta_textarea {
	float:left;
	margin:0;
	padding:2px 0px 70px 0;	
	width:40%;
	text-align:right;		
}