/* body */
body {
  margin: 0px;
  padding: 0px;
}

/* contenitore master */
div#master {
	position: relative;
	width: 955px;
	margin-left: auto;
    margin-right: auto;
/*
min-height non funziona con iexplorer
*/
	min-height: 300px; 
}


/* ----------------------*/
/* prima riga: top */
/* la prima riga contiene 3 div: country, sfera, search */
div#top {
/*	height: 215px; */
	height: 195px; 
}

div#country {
	width: 308px;
	float: left;
	/** NOTA BENE il padding si deve sommare al width per ottenere la reale dimensione del DIV **/
	padding-top: 20px;
	padding-left: 10px;
}

div#country ul {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#country li {
	border : 0px;
	margin: 0px;
	padding: 0px;
    height: 15px;
}

div#sfera {
	width: 319px;
/*	width: 254px; */
	float: left;
}
div#search {
	width: 308px;
/*	width: 243px; */
	float: left;
	/** NOTA BENE il padding si deve sommare al width per ottenere la reale dimensione del DIV **/
	padding-top: 20px;
	padding-right: 10px;
}

.searchField {
  border-style:  none;
  background: #fff; 
  height: 13px;
  margin-left: 10px;
  margin-bottom: 3px; 
}

.tdSearch {
  background: url(../images/barra-ricerca.jpg) 0px 0px no-repeat;
}

/* ----------------------*/
/* seconda riga: center */
/* la seconda riga non contiene ulteriori div*/
div#center {
	height: 219px;
	margin: 0px;
}

div#banner_titolo {
}

div#banner_contenuto {
    background: url(../images/banner1.jpg) 0px 0px no-repeat;
/*	height: 219px;*/
	height: 198px;

}

/* ----------------------*/
/* terza riga: riga1 */
/* la terza riga contiene 2 div: menu, ultimeNotizie*/


/* 
ho utilizzato il "box model hack" per risolvere un problema di spazi che si verifica su IE6 dopo il div:

inserendo la clausola !important si obbliga il browser ad utilizzare questo parametro (nel caso ce ne siano 2 di uguali).
IE6 (o IE5) per questa clausola non la interpreta quindi questo mi permette di inserire 2 valori per lo stesso parametro
uno per IE6 e l'altro per IE7 e Mozilla e Safari.

	margin-top: 0px !important;   <-- IE7 Firefox Safari
	margin-top: -20px;            <-- IE6 IE5

Nel caso si dovesse differenziare anche tra IE6 e IE5 c' un'altro trucco:
width: 100px !important;
width: 140px;
width\**\:\**\100px; (ho sostituito le barre diritte con le rovescie altrimenti non riuscivo a scrivere qui)

IE7 usa il primo perch c' la clausola !important
IE6 usa il terzo perch  l'ultimo dei tre parametri.
IE5 usa il secondo perch il terzo non lo capisce per la presenza dei commenti.
*/

div#riga1 {
	height: 106px;
	margin-top: 0px !important;
	margin-top: -20px;
}

div#menu {
	width: 315px;
	float: left;
	padding-top: 4px;
}

/*
div#menu ul {
	margin: 1px;
	padding: 1px;
	list-style: none;
}
*/

div#ultimeNotizie {
	width: 632px;
	float: left;
	margin-top: 4px;
}

div#ultimeNotizie_titolo {
}

div#ultimeNotizie1 {
    background:  url("../images/Notizie_contenuto.jpg") 0px 0px no-repeat;
    height: 55px;
}

div#ultimeNotizie_contenuto {
	padding-top: 1px;
	padding-right: 5px;
	padding-left:70px !important;
	padding-left:20px;
	height: 52px;
}

div#ultimeNotizie_immagine {
    background:  url("../../../images/stories/Notizia_homepage.gif") 4px 4px no-repeat;
	height: 52px;
	width: 52px;
	float: left;

}

/* ----------------------*/
/* quarta riga: riga2 */
/* la quarta riga contiene 3 div: prodotti, assistenza, formazione*/
div#riga2 {
	height: 92px;
	margin-top: 0px !important;
/*	margin-top: -15px;*/
}

div#assistenza {
	margin-top: 4px;
	width: 323px;
	float: left;
}

div#assistenza_titolo {
}

div#assistenza_contenuto {
  background: url(../images/Assistenza-commerciale_contenuto.jpg) 0px 0px no-repeat;
  padding-left: 120px;
  padding-top: 3px;
  height: 55px;
}


div#prodotti {
	width: 632px;
	margin-top: 4px;
	float: left;
	margin-left: 8px;
	height: 102px; 
}

div#prodotti_titolo {
}

div#prodotti_contenuto {
  background:  url("../images/Prodotti_contenuto.jpg") 0px 0px no-repeat;
  padding-left: 120px;
  padding-top: 3px;
  height: 76px;
}

div#prodotti_menu1 {
  float:left;
  width: 200px;

}

div#prodotti_menu2 {
  float:left;
  margin-left: 123px;
  width: 180px;
}

/* ----------------------*/

/* quinta riga: riga3 */
/* la quinta riga contiene 1 div per indicare la partita iva */
div#riga3 {
	margin-left: 15px;
        font-family: arial;
        font-size: 9px;
        color: #9C9C9C;
        margin-top: 0px !important;
        margin-top: -10px;
}