/* Grazie per aver aperto questo css. Per maggiori informazioni, www.pevereweb.com */

html {
	margin: 					0;
	padding: 					0;
	background: 				transparent url(../img/sfondo.jpg) repeat-x;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				1.5em;
} 
p {
	text-align: 				justify;
}
a {
	color: 						#000;
}
body {
	padding: 					0;
	margin:						0;
}
.str {
	display: 					none;
}
.clr {
	clear: 						both;
}

/* impostazione del logo */
#logo { 
	position:					relative;
	font-size: 					6px;
	float: 						left;
	padding: 					0;
	margin:						0;
}
#logo h1 {
	font-size: 					6px;
}
#logo, #logo span {	
	display: 					block;
	width: 						600px;
	height: 					100px;
	font-size: 					6px;
}
#logo span {
	position: 					absolute;
	top:						0;
	left:						0;
	background: 				transparent url(../img/logo.jpg) left no-repeat;
}

#ricerca {
	float: 						right;
	width: 						300px;
	margin: 					50px 20px 0 0;
}

/* Box contenitore del sito */
#box {
	width: 						940px;
	position: 					relative;
	left: 						50%;
	margin: 					0 0 0 -470px;
	background: 				transparent url(../img/colonna.jpg) no-repeat;
}

/* Banner centrale */
#banner {
	width: 						940px;
	height: 					260px;
	float: 						left;
}

/* Formattazione menu */
#menu {
	width:						940px;
	height:						50px;
	padding: 					0;
	font-family:				"Lucida", verdana, arial, sans-serif;
	font-size:					14px;
	background: 				transparent url(../img/menu.jpg) left no-repeat;
	font-weight:				600;
}
#menu ul{
	margin: 					0;
	padding: 					0;
	list-style:					none;
	margin-left:				50px;
}
#menu li{
	margin: 					0;
	padding: 					0;
	text-align:					right;
	display:					inline;
}
#menu ul li a{
	float:						left;
	width: 						120px;
	text-decoration:			none;
	color: 						#538521;
	text-align:					left;		
}
#menu a:hover{
	color: 						#666;
}
#sotto_menu {
	float: 						left;
	padding-right:          	20px;
	font-family:				"Century Gothic", verdana, arial, sans-serif;
	font-size:					14px;
	background:					#5d4200 url(../img/sottomenu.jpg) left no-repeat;
}
#sotto_menu ul{
	margin: 					0;
	padding: 					0;
	list-style:					none;
}
#sotto_menu li{
	margin: 					0;
	padding: 					0;
	text-align:					right;
	display:					inline;
}
#sotto_menu li a{
	text-decoration:			none;
	color: 						#fff;
	margin-left:				30px;
}

/* Formattazione contenuto */
#contenuto {
	float:						left;
	margin-left:				10px;
	width:						930px;
	padding-bottom:				30px;
	background:					transparent url(../img/contenuto.jpg)  repeat-y;
}
#contenuto h2 {
	color:						#333;
	font-family:				Arial, Helvetica, sans-serif;
	margin-top:					10px;
}
#contenuto_sx {
	width:						470px;
	float:						left;
	padding-left:           	30px;
	padding-right:          	20px;
	border-right:				solid 1px #5d4200;
}
#contenuto_dx {
	width:						400px;
	float: 						right;
}
#contenuto_sx img {
	margin:						20px 20px 20px 0;
}

/* Formattazione footer del sito */
#footer {
	width: 						918px;
	border-left: 				solid 1px #cacaca;
	border-right: 				solid 1px #cacaca;
	border-bottom: 				solid 1px #cacaca;
	margin: 					0px 0 0 10px;
	background-color: 			#ddd;
	padding-top: 				10px;
	text-align:					center;
}
#footer a {
	text-decoration:			none;
	color:						#990000;
	font-weight:				bold;
}

/* Formattazione area notizie */
#news {
	margin-bottom:				50px;
}
#news h2 a{
	color: 						#333;
	text-decoration:			none;
}

/* Formattazione link per navigazione a catalogo */
#link {
	background: 				transparent url(../img/base_link.jpg) no-repeat;
}
#link a {
	text-decoration: 			none;
	display:					block;
	margin:						0;
	height:						77px;
	padding-top: 				20px;
	height:						57px;
	padding-left:               100px;
	color:						#fff;
	font-weight:				bold;
	font-size:					24px;
	line-height:				1em;
	font-family:				"Century Gothic", Times, serif;
}

/* Formattazione immagine*/
#immagine {
	margin-top: 				50px;
	width:						380px; 
	border-top: 				solid 1px #5d4200;
	padding-top: 20px;
}

/* formattazione form invio ordini */
form input.text, form textarea.text {
	width: 						200px;
	border: 					solid 1px #999;
}
form fieldset {
	border:						none;
}

form p,input,select,legend{ 
	font-size:					0.9em; 
	margin:						2px; 
}
form form.eform{ 
	width:						200px; 
	margin:						0;
}
form legend{ 
	font-weight:				bold;
}
#contenuto_sx form label{ 
	display:					block; 
	clear:						left; 
	float:						left; 
	width:						200px; 
}
form p.explain{ 
	margin-left:				10em; 
	color:						#339; 
}
form input.field,textarea.field{ 
	width:						10em;
}
form .button {
	margin-top:					50px;
	font-weight:				bold;
}
form .privacy {
	width: 						20px;
}

/* Formattazione area contatto con foto nome e recapiti degli uffici di Giesse Srl. */
.contatto {
	width:  					360px;
}
.contatto .foto {
	width: 						75px;
	float: 						left;
}
.contatto .foto img {
	width: 						75px;
}
.contatto .recapiti {
	width: 						275px;
	float: 						right;
}

/* Newsletter*/
#newsletter {
	margin-top: 				30px;
}
#newsletter a {
	text-decoration: 			none;
	font-weight:				bold;
	color: 						#538521;
	font-size:					14px;
}
/* Fine */