@charset "utf-8";
/* -------------------------------------------------------------------
	Officine Minelli - Foglio di stile per la homepage del sito
	
	Versione:			1.0 del 19.09.07
	Ultima revisione:	-
	Ultima validazione:	22.10.07
	Autore:				Alessandro Placidi
	Contatto:			a.placidi@mindgear.it
	© 2007 Officine Minelli srl
------------------------------------------------------------------- */


/* -- INDEX ----------------------------------------------------------

La homepage ha un layout particolare ed unico nel sito, quindi il CSS
è diviso nelle varie parti costitutive della pagina. 
[1.0] - Layout
[2.0] - Testata
[3.0] - Foto principale
[4.0] - Menu
[5.0] - Chiusura pagina

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


/* [1.0] - LAYOUT
------------------------------------------------------------------------------------------ */
body {
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body.homepage #contenuto {
	position: relative;
	width: 910px;
	margin: auto;
	background: url(../img/homeSfondoPagina.jpg) repeat-y 0 0;
}




/* [2.0] - TESTATA
------------------------------------------------------------------------------------------ */
body.homepage #testata {
	width: 449px;
	height: 140px;
	color: #FFF;
	background: #00447A url(../img/homeFotoTestata.jpg) no-repeat 0 0;
}

body.homepage #testata #logo {
	position: absolute;
	left: 528px;
	top: 15px;
	width: 293px;
	height: 145px;
	background: url(../img/homeLogoMinelli.jpg) no-repeat 0 0;
	text-indent: -3000px;
}




/* [3.0] - FOTO PRINCIPALE
------------------------------------------------------------------------------------------ */
body.homepage #fotoPrincipale {
	position: absolute;
	left: 214px;
	top: 163px;
	width: 528px;
	height: 353px;
}




/* [4.0] - MENU
------------------------------------------------------------------------------------------ */
body.homepage #menu {
	width: 160px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.homepage #menu li {
	margin: 0;
	padding: 0;
}

body.homepage #menu li a {
	display: block;
	width: 160px;
	height: 90px;
	line-height: 30px;
	padding: 0 10px;
	color: #00447A;
	background: #F9F9F9 url(../img/homeMenuSfondo.jpg) no-repeat 0 0;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap; /* Impedisco al testo di andare a capo, se più lungo della larghezza dell'elemento */
	overflow: hidden; /* Se il contenuto supera la larghezza dell'elemento, oltre a non andare a capo (vedi sopra), non lo ridimensiona */
}

body.homepage #menu li a:hover {
	background: url(../img/homeMenuSfondoHover.jpg) no-repeat 0 0;
}

body.homepage #menu li a.disattivo {
	background: url(../img/homeMenuSfondoHover.jpg) no-repeat 0 0;
	cursor: default; /* Cambio il cursore, in modo che l'elemento non sembri un link */ 
}




/* [5.0] - CHIUSURA PAGINA
------------------------------------------------------------------------------------------ */
body.homepage #chiusuraPagina {
	height: 39px;
	line-height: 39px;
	margin-right: 10px;
	color: #FFF;
	background: #00447A url(../img/homeSfondoBarra.jpg) repeat-x 0 0;
}

body.homepage #chiusuraPagina p {
	margin: 0 0 0 149px;
	padding-right: 10px;
	background: url(../img/homeSeparatoreVerticaleBarra.jpg) no-repeat left center;
	text-align: right;
}

body.homepage #chiusuraPagina a {
	padding-right: 20px;
	color: #FFF;
	background: inherit;
	text-decoration: none;
}

body.homepage #chiusuraPagina a:hover {
	color: #D8D8D8;
	background: inherit;
}

body.homepage #chiusuraPagina a.ita {
	background: url(../img/iconaBandieraItaliana.jpg) no-repeat right center;
}

body.homepage #chiusuraPagina a.eng {
	background: url(../img/iconaBandieraInglese.jpg) no-repeat right center;
}

body.homepage #chiusuraPagina a.fra {
	background: url(../img/iconaBandieraFrancese.jpg) no-repeat right center;
}

body.homepage #chiusuraPagina a.deu {
	background: url(../img/iconaBandieraTedesca.jpg) no-repeat right center;
}

