@charset "UTF-8";

body  {
	background: #200D0C;
	margin: 0px 0 20px 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #454542;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

p { 

	margin-left:20px;
	margin-right:40px;
	
	}
	
img {
	border:0;
}

h1 {
	font-size:130%;
	font-weight:normal;
	margin-left:20px;
}

h2 {
	font-size:120%;
	font-weight:normal;
}

#container { 

	width: 940px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */

	background: #E8E6DD;

	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */

	/*border: 1px solid #000000;*/

	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */

} 

#header { 

	background: #E8E6DD; 
	
	/*margin-top:50px;*/

	padding: 55px 10px 0 60px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */

} 

#sidebar1 {

	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */

	width: 195px; /* la larghezza effettiva di questo div, nei browser conformi agli standard, o la modaltià standard di Internet Explorer includerà i valori padding e border in aggiunta alla larghezza */

	background: #E8E6DD; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */

	padding-left:55px;


}

#mainContent_home {
	margin: 0 0 0 260px; /* il margine sinistro di questo elemento div crea la colonna sul lato sinistro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
	padding: 0;

	background:url(../images/home_base.gif) no-repeat 0 0;	
	
	width:650px;
} 

#mainContent_prod {
	margin: 0 0 0 260px; /* il margine sinistro di questo elemento div crea la colonna sul lato sinistro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
	padding: 0;

	background:url(../images/products_base.gif) no-repeat 0 0;	
	
	width:650px;
		min-height: 550px;
} 

#mainContent {
	margin: 0 0 0 260px; /* il margine sinistro di questo elemento div crea la colonna sul lato sinistro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
	padding: 0;
	
	width:650px;
	min-height: 550px;
} 


#footer { 
	background:#E8E6DD;
	width:900px;
	margin:0 auto;
	

} 

.footer_p {

	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */

	padding: 15px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */

	border-top: 1px solid #CCCCCC;
	
	font-size:13px;
	
	color: #999999;

}

.footer_p a{
	text-decoration:none;
	color: #999999;

}

.footer_p a:hover{
	text-decoration:underline;
	color: #999999;

}

#footer p {

	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */

	padding: 15px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */

	border-top: 1px solid #CCCCCC;
	
	font-size:13px;
	
	color: #999999;

}

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/

	float: left;

	margin-right: 8px;

}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

#credits {

	width:940px;
	font-size: 12px;
	text-align: right;
	padding-top:5px;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */

} 

#credits a {

	text-decoration:none;
	color:#454542;

} 

/*Slider */

#slider{
	margin-left:19px;
	width:601px;
	height:483px;
	
}	

#slider img{ padding-top: 15px;}

/*#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:601px;
	height:483px;
	overflow:hidden; 
	}	*/

#easyslider{

	margin-left:19px;
	padding-top:15px;
	
}	
#easyslider ul, #easyslider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#easyslider li{ 
	width:601px;
	height:483px;
	overflow:hidden; 
	}		
#slider2{

	margin-left:19px;
	padding-top:5px;
	
}	
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2 li{ 
	width:636px;
	height:385px;
	overflow:hidden; 
	}	
	
#prevBtn, #nextBtn{ 
	display:block;
	width:25px;
	height:25px;
	text-align:left;
	}	
#nextBtn{ 
	padding-left:595px;
	margin-top:-10px;
	position:absolute;
	z-index:8000;
	}		
	
#prevBtn{ 
	margin-left:19px;
	margin-top:-10px;
	position:absolute;
	z-index:8200;
	}		 
													
#prevBtn a, #nextBtn a{  
	display:block;
	width:25px;
	height:25px;
	text-align:right;
	background:url(../images/prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../images/next.gif) no-repeat 0 0;	
	}					

/* // Easy Slider */


#thumbs {
	margin-bottom:10px;
	text-align:left;
}

#paginazione {
	margin-left:2px;
	margin-bottom:10px;
	font-weight:normal;	
	text-align:center;
	width:598px;	
	background-color:#F3F2ED;
}


div.img	
  {
  margin-right:33px;
/* margin-bottom:10px; */
/* border:1px solid #0000ff; */
  width:auto;
  float:left;
  text-align:center;
/* height:110px; */
  }
  
  
div.img img
  {
	width:90px;
	height:90px;
	display:inline;
	margin:0 0 0 0;
	border:2px solid #D9A39A;
  }
  
div.img a:hover img
  {
	border:2px solid #42322f;
  }
  
div.desc
  {
  color:#454542;
  text-align:left;
  font-weight:normal;
  font-size:12px;
  width:92px;
  margin:3px 0 10px 0;
  }

/* stile sheda prodotto */

h2 a{
	text-decoration:none;
	color:#454542;
}

#main_img {
	margin-left:17px;
	padding-top:17px;
}

#cont_prod {
	margin-left:17px;
	margin-top:20px;
	width:600px;
}

#particolari {
	float:left;
	display:inline;
	width:75px;
}

#descrizione {
	font-size:12px;
	margin: 0 0 0 85px;
	width:auto;
}

#misure {
	font-size:12px;
	margin: 15px 0 0 85px;
	width:auto;
}

#colori {
	width:500px;
	height:90px;
	font-size:12px;
	margin: 10px 0 0 85px;
}


#finitura {
	float:left;
	margin:5px 13px 0 0;
	width:auto;
	text-align:center;
}

.desc_finitura {
	margin-top:8px;
	font-size:10px;
	text-align:center;
}

#particolari img {
	margin:0 10px 10px 0;
	border: 2px solid #D8A399;	
}

#particolari a:hover img {
	margin:0 10px 10px 0;
	border: 2px solid #990033;	
}


/* NAVIGATOR products */

#navigator{
	width:600px;
	height:70px;
}

#nav_section{
	width:600px;
	text-align:center;
	vertical-align: bottom;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
}

#nav_bar{
	margin-top:7px;
	width:600px;
	height:30px;
}

#nav_prev{
	font-size:12px;
	float:right;
	text-align:right;
	width:200px;
	height:30px;
}

#navigator a:link{
	text-decoration:none;
	color: #96968F;
}

#navigator a:visited{
	text-decoration:none;
	color: #96968F;
}

#navigator a:hover{
	color: #454542;
	text-decoration:underline;
}


#nav_next{
	font-size:12px;
	float:right;
	text-align:left;
	width:200px;
	height:30px;
}

#nav_mod{
	font-size:18px;
	float:right;
	text-align:center;
	width:200px;
	height:30px;
}

/*FORM CONTATTI*/

#wrap{
float:left;
	z-index: 0;
	position:relative;
	left:0;
}
#wrap h1{
	padding: 10px;
	border: 1px solid #ccc;
	background: #f8f8f8;
}
.mail{
	width:300px;
}
#formail{
	width: 400px;
}
#formail label{
	display: block;
	margin: 10px 0;
}
#text{
	background: #f8f8f8;
}
#sendmail{
	margin-top: 20px;
	display: block;
}
#response{
	display: none;
	background: #D3D2C9;
	padding: 10px;
	width: 250px;
	float:right;
	font-size:small;
	color:E5E5E5;
	text-transform:lowercase;
	height: 150px;
	
}

#response hr { border-top: 1px solid #BDBDBD;}

#mappa{
	border: 1px solid #BDBDBD;
}