/*
NOTE GENERALI:
- i tag HTML sono tutti indicati con lettere MAIUSCOLE classi e pseudoclassi dei selettori in minuscolo
- le immagini che definiscono stili sono contenute nella cartella img nella stessa root del file .css

stili per il layout fisso larghezza 920px

*/

html, body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* selettori per HTML base -- per formattare il body e tutti gli elementi inseriti con CMS */
body{
	background: #FFF url(img/body_bg.gif) repeat-x left top;
	font: 12px/150% Georgia, "Times New Roman", Times, serif;
	color: #333;
}
/* selettori di impaginazione*/

/*imposta il contenitore generale dell'interfaccia*/
div#container{
	width: 920px;
	margin: 0 auto;
	text-align: left;
}

/*parametri header*/
div#service{
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	height: 30px;
	width: 920px;
	text-align: center;
}

div#header{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: transparent url(img/header_bg.png) no-repeat center bottom;
	height: 232px;
	width: 920px;
	text-align: center;
}


/*imposta i margini per le aree di contenuto*/
div#content{
	width: 727px;
	float: left;
	margin: 20px 0 0 13px;
	padding: 0 0 0 0;
}

div#content_small{
	width: 534px;
	float: left;
	margin: 30px 13px 0 13px;
	padding: 0 0 0 0;
}

div#content_home{
	width: 534px;
	float: left;
	margin: 30px 13px 0 13px;
	padding: 0 0 0 0;
}

/*posiziona il logo nell'interfaccia*/
div#logo{
	float: left;
	width: 152px;
	height: 113px;
	margin: 0 0 0 14px;
	padding: 0 0 0 0;
}

div#login{
	float: right;
	width: 463px;
	height: 90px;
	margin: 0 0 0 0;
	padding: 10px 10px 0 10px;
	text-align: right;
}

div#find{
	float: right;
	margin: 0 0 0 0;
	text-align: right;
}

div#language{
	float: right;
	margin: 0 0 0 0;
	text-align: right;
}
/*imposta le caratteristiche della navigazione principale*/
div#navigation{
	width: 650px;
	height: 34px;
	margin: 40px 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	float: right;
}
div#breadcrumbs{
	background: #FFF;
	
	margin: 20px 0 20px 13px;
	padding: 0 0 0 0;
	float: left;
}

/*classe per settare lo stato della tab attiva nei menu window*/

div#menutabwindow{
	border-bottom: 8px solid #AF0B4B;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	width: 100%;
}

/*fine selettori navigazione*/

/*selettori scheda prodotto*/
div#anteprima{

	width: 200px;
	height: 243px;
	text-align: center;
	padding: 10px 0 10px 0;
	float: left;
}

div#anteprima_small{
	width: 150px;
	height: 120px;
	text-align: center;
	padding: 10px 0 10px 0;
	float: left;
}
div#dettaglio{
	float: left;
	width: 400px;
	margin-left: 20px;
}


/*selettori per la spalla sinistra per l'occasione elenco news :) */
div#menusx{
	margin: 30px 0 0 0;
	float: left;
	width: 180px;
	background: transparent url(img/menusx_bg.gif) repeat-y center top;
}

.menusx_win{

}

/*classe per settare i parametri della spalla destra*/
div#context{
	float: right;
	width: 180px;
	margin: 30px 0 0 0;
	background: transparent;
}

div#extras{
	float: right;
	width: 180px;
	margin: 30px 0 0 0;
	background: transparent url(img/extras_bg.gif) repeat-y center top;
}

.extras_win{
	width: 160px;
	margin: 0 8px 0 8px;
	
	
}

.subcontent{
	margin: 0 0 0 0;
	float: left;
	width: 532px;
	background: transparent;
	background: transparent url(img/content_bg.gif) repeat-y center top;
}

.subcontent_small{
	margin: 0 14px 0 13px;
	float: left;
	width: 532px;
	background: transparent;
}

.subcontent_ext{
	margin: 10px 0 10px 14px;
	float: left;
	width: 725px;
}

div#modulo{
	margin: 10px 0 30px 13px;
}
/*formatta evidenze nella home page*/
.home_headline{
	border-bottom: 1px solid #4EA028;
	margin: 10px 0 0 10px;
	width: 510px;
	float: left;
}

.box_headline{
	margin: 0 0 0 10px;
	padding-bottom: 10px;
	width: 170px;
	float: right;
}

.box_headline_ext{
	margin: 0 0 0 2;
	padding-bottom: 10px;
	width: 360px;
	height: 170px;
	float: left;
}

.home_news{
	border-bottom: 1px dotted #036;
	margin: 10px 0 10px 0;
	width: 100%;
	float: left;
}

div.elenco{
	border-bottom: 1px dotted #036;
	margin: 10px 0 10px 0;
}

div.paginazione{
	float: left;
	margin: 10px 0 10px 10px;
}

/*imposta il contenitore per il footer se è all'esterno del div container*/
div#footercontainer{
	width: 100%;
	margin-top: 20px;
	clear: both;
	float: left;
	background: #333 url(img/footer_bg.gif) repeat-x center top;
}

div#footer{
	margin: 0 auto;
	height: 120px;
	padding: 40px 10px 0 10px;
	width: 920px;
}

div#footer .window{
	float: left;
	width: 250px;
	height: 200px;
	margin: 30px 10px 30px 0;
	padding: 0 10px 0 0;
	border-right: 1px dotted #666;
}
DIV#credit{
	float: right;
	margin-top: 30px;
}


