@charset "utf-8";
/* -------------------------------------------------------------------
	Sirius - CSS per layout generale
	
	Versione:			1.0 del 16.07.07
	Ultima revisione:	13.05.09
	Ultima validazione:	13.05.09
	Autore:				Alessandro Placidi
	Contatto:			a.placidi@mindgear.it
	© 2007-2009 Sirius srl
------------------------------------------------------------------- */


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

[1.0] - Body e contenitori di pagina
[2.0] - Testata
[3.0] - Corpo
[4.0] - Contenuto
  [4.1] - Componenti statici
[5.0] - Colonna destra
  [5.1] - Menu a tendina
  [5.2] - Gallery
[6.0] - Footer
[7.0] - Popup

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


/* [1.0] BODY E CONTENITORI DI PAGINA
------------------------------------------------------------------------------------------ */
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#contenitorePrincipale {
	position: relative; /* NOTA: il posizionamento è stato inserito per la gestione del menu a tendina e dei suoi div posizionati in assoluto, così da usare questo elemento come ancora */
	width: 920px;
	margin: auto;
}




/* [2.0] TESTATA
------------------------------------------------------------------------------------------ */
#testataPrincipale {
	height: 120px;
	color: #FFFFFF;
	background: #000000 url(../img/sfondoTestata.jpg) no-repeat 0 0;
}

#testataPrincipale h1 {
	display: none;
	margin: 0; /* NOTA: inserito a causa del margine superiore visualizzato con Firefox */
	/*text-indent: -3000px;*/
}

#testataPrincipale #divFlash {
	display: inline;
	float: right;
	margin-right: 120px;
	margin-top: 50px;
}




/* [3.0] CORPO
------------------------------------------------------------------------------------------ */
#corpo {
	margin-top: 36px;
	color: #000000;
	background: #FFFFFF url(../img/sfondoPagina.jpg) repeat-y 0 0;
}




/* [4.0] CONTENUTO
------------------------------------------------------------------------------------------ */
#contenuto {
	float: left;
	width: 613px;
}

#contenuto * {
	text-align: justify;
}

#contenuto div.titoloPagina {
	position: relative;
	height: 36px;
	color: inherit;
	background: #FFFFFF url(../img/sfondoBarraTitolo.jpg) repeat-x 0 0;
}

#contenuto div {
	margin-bottom: 24px;
}

#contenuto .titoloPagina h3 {
	position: relative; /* Specificato per il posizionamento assoluto dell'ombra */
	height: 36px;
	line-height: 36px;
	margin: 0;
	background: url(../img/sfondoBarraTitoloSinistro.jpg) no-repeat 0 0;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.06em;
	white-space: nowrap; /* Questa regola e quella sottostante fanno in modo che, in caso di titolo molto lungo, questo comunque non vada a capo */
	overflow: hidden;
}

#contenuto .titoloPagina h3 span{
	position: absolute;
	z-index: 2;
	padding: 0 8px;
	color: #FFFFFF;
	background: inherit;
}

#contenuto .titoloPagina h3 span.ombra{ /* NOTA: alcune di queste regole sono in aggiunta a quelle precedenti, altre ne sovrascrivono di analoghe, in virtù di una maggiore specificità */
	top: 1px;
	left: 1px;
	z-index: 1;
	color:#949494;
	background: inherit;
}

#contenuto p {
	margin-left: 8px;
	margin-right: 36px;
	margin-bottom: 24px; /* !!!!!!!! */
	line-height: 1.50em;
}

#contenuto .editomaticStyleTestoGrande {
	font-size: 12px;
}

#contenuto .editomaticStyleTestoRosso {
	color: #CC0000;
}

#contenuto .editomaticStyleTestoAzzurro {
	color: #00B0F0;
}

#contenuto .editomaticStyleTestoBlu {
	color: #0070C0;
}

#contenuto .editomaticStyleTestoVerde {
	color: #00B050;
}

#contenuto .editomaticStyleTestoGrigio {
	color: #808080;
}

#contenuto .editomaticStyleTestoArancio {
	color: #E36C0A;
}

#contenuto a {
	color: #666;
	background: inherit;
}

#contenuto a:hover {
	color: #aaa;
	background: inherit;
}

#contenuto blockquote {
	margin-left: 8px;
	margin-right: 36px;
	padding: 15px 12px;
	border: 1px solid #E0E0E0;
	color: #666666;
	background: #F7F7F7 url(../img/sfondoBlockquote.jpg) repeat-x 0 0;
	line-height: 1.50em;
}

#contenuto #pseudoFooter {
	margin: 24px 0 0 0;
	height: 25px;
	padding-left: 17px; /* NOTA: il padding è stato inserito esatto al pixel per preservare il background, altrimenti sovrascritto da quello del paragrafo sottostante */ 
	background: url(../img/sfondoFooterGenericoSinistro.jpg) no-repeat 0 0;
}

#contenuto #pseudoFooter p {
	margin: 0 36px 0 0;
	padding-right: 10px;
	height: 25px;
	line-height: 25px;
	color: #FFFFFF;
	background: #000000 url(../img/sfondoFooterGenerico.jpg) repeat-x 0 0;
	font-size: 10px;
	text-align: right;
}

#contenuto fieldset {	
	margin-left: 8px;
	margin-right: 36px;
	margin-bottom: 24px;
	padding: 15px 12px;
	border: 1px solid #E0E0E0;
	color: #666666;
	background: #F7F7F7 url(../img/sfondoBlockquote.jpg) repeat-x 0 0;
	line-height: 1.50em;
}

#contenuto fieldset * {
	margin: 0;
}

#contenuto fieldset p {
	margin-bottom: 10px;
}

#contenuto fieldset label {
	display: block;
	font-size: 10px;
	font-weight: bold;
}

#contenuto fieldset input, #contenuto fieldset select {
	font-size: 10px;
}

#contenuto fieldset textarea {
	width: 490px;
	height: 100px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#contenuto fieldset span.avviso {
	display: block;
	color: #E2001A;
	background-color: inherit;
	font-size: 10px;
}

#contenuto fieldset .campoCorto {
	width: 50px;
}




/* [4.1] COMPONENTI STATICI
------------------------------------------------------------------------------------------ */
#contenuto #paginaPrincipaleFoto {
	float: left;
	display: inline; /* Inserito per risolvere il double floated margin bug di IE6 */
	width: 285px;
	height: 190px;
	margin-left: 8px;
	overflow: hidden;
}

#contenuto #paginaPrincipaleMotto {
	float: left;
	width: 284px; /* La larghezza è stata ridotta di un punto per evitare che IE6 spostasse in basso la colonna destra del menu */
	height: 190px;
	color: #FFF;
	background-color: #E2001A;
	overflow: hidden;
}

#contenuto #paginaPrincipaleMotto p {
	margin: 30px 25px;
	font-size: 12px;
}

#contenuto #caselle {
	height: 25px;
	margin-left: 8px;
	margin-right: 36px;
}

#contenuto #caselle div {
	float: right;
	width: 25px;
	height: 25px;
	margin-left: 10px;
}

#contenuto #caselle #sinistra {
	color: inherit;
	background-color: #E2001A;
}

#contenuto #caselle #centrale {
	color: inherit;
	background-color: #D2ECD5;
}

#contenuto #caselle #destra {
	color: inherit;
	background-color: #CCDBEB;
}

#contenuto .elencoServizi {
	margin: 0 36px 24px 8px;
	padding: 0;
	list-style: none;
}

#contenuto .elencoServizi li {
	margin-bottom: 10px;
	line-height: 12px;
	padding-left: 16px;
	background: url(../img/bulletElencoServizi.gif) no-repeat 0 2px;
}

#contenuto .elencoVendita {
	margin: 0 36px 24px 8px;
	padding: 0;
	list-style: none;
}

#contenuto .elencoVendita li {
	margin-bottom: 10px;
	height: 76px;
	line-height: 12px;
	padding-left: 76px;
}

#popup-offerta {
	position: absolute;
	left: 320px;
	top: 280px;
	width: 500px;
	height: 450px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
	background: url(../img/popup-offerta.jpg) no-repeat 0 0;
	z-index: 99;
}

#popup-offerta p, #popup-offerta h3 {
	display: none;
}

#popup-offerta a.chiudi {
	position: absolute;
	left: 448px;
	top: 5px;
	display: block;
	width: 45px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #666;
	color: #000;
	background-color: #FFF;
	background-image: none;
	text-decoration: none;
	font-size: 10px;
	text-align: center;
}





/* [5.0] COLONNA DESTRA
------------------------------------------------------------------------------------------ */
#navigazione {
	float: right;
	width: 307px;
}

#navigazione .titoloPagina {
	position: relative;
	height: 36px;
	background: url(../img/sfondoBarraGenerica.jpg) repeat-x 0 2px;
}

#navigazione .titoloPagina h3 {
	position: relative; /* Specificato per il posizionamento assoluto dell'ombra */
	height: 36px;
	line-height: 36px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.06em;
	white-space: nowrap; /* Questa regola e quella sottostante fanno in modo che, in caso di titolo molto lungo, questo comunque non vada a capo */
	overflow: hidden;
}

#navigazione .titoloPagina h3 span{
	position: absolute;
	z-index: 2;
	padding: 0 8px;
	color: #FFFFFF;
	background: inherit;
}

#navigazione .titoloPagina h3 span.ombra{ /* NOTA: alcune di queste regole sono in aggiunta a quelle precedenti, altre ne sovrascrivono di analoghe, in virtù di una maggiore specificità */
	top: 1px;
	left: 1px;
	z-index: 1;
	color:#666666;
	background: inherit;
}




/* [5.1] MENU A TENDINA
------------------------------------------------------------------------------------------ */
.menu {
	margin-bottom: 30px;
}

#menuPrincipale {
	position: relative;
	margin: 10px 6px 0 6px;
	padding: 0;
	list-style: none;
}

#menuPrincipale li {
	margin: 0 0 2px 0;
	border-top: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
	font-size: 10px;
	font-weight: bold;
}

#menuPrincipale li:hover {
	border-top: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8;
	border-right: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	background: url(../img/sfondoMenuPrincipaleSelezionato.jpg) repeat-y 0 0;
}

#menuPrincipale li.menuItemSelected{ /* NOTA: questa classe, identica allo stato hover del <li>, serve per tenere il pulsante "premuto" quando il cursore si sposta sui menu secondari */
	border-top: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8;
	border-right: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	background: url(../img/sfondoMenuPrincipaleSelezionato.jpg) repeat-y 0 0;
}

#menuPrincipale li a {
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	color: #000000;
	background-color: inherit;
	text-decoration: none;
}

#menuPrincipale li a.menuRigaHaFigli {
	padding-left: 25px;
	background: url(../img/bulletMenuPrincipaleGenerico.jpg) no-repeat 5px center;
}

#menuPrincipale li a.menuRigaHaFigli:hover {
}

/* Classe inserita da Dirk per la gestione del menu */
.menuSubDiv{
	visibility: hidden;
	position: absolute;
	left: 414px;
	top: 196px;
	padding: 4px 10px;
	border: 1px solid #ADADAD;
	color: inherit;
	background: #C5C5C5 url(../img/sfondoMenuSecondario.jpg) repeat-x 0 0;
}

/* CLASSE PROVVISORIA, da sostituire con .menuSubDiv */
.divMenuSecondario {
	position: absolute;
	left: 414px;
	top: 196px;
	padding: 4px 10px;
	border: 1px solid #ADADAD;
	color: inherit;
	background: #C5C5C5 url(../img/sfondoMenuSecondario.jpg) repeat-x 0 0;
}

.menuSecondario {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menuSecondario li {
	margin: 0;
	padding: 0;
}

.menuSecondario a {
	display: block;
	width: 150px;
	line-height: 23px;
	padding: 0 8px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	color: #000000;
	background: #FFFFFF url(../img/pulsanteMenuSecondario.jpg) repeat-x 0 0;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.menuSecondario a:hover {
	color: #FFFFFF;
	background: #000000 url(../img/pulsanteMenuSecondarioSelezionato.jpg) repeat-x 0 0;
}




/* [5.2] GALLERY
------------------------------------------------------------------------------------------ */
.gallery {
	margin-bottom: 30px;
}

#navigazione .gallery img {
	margin-top: 8px;
	margin-left: 8px;
	padding: 5px;
	border: 1px solid #CACACA;
	color: inherit;
	background-color: #FFFFFF;
}




/* [6.0] FOOTER
------------------------------------------------------------------------------------------ */
#footer {
	clear: both;
	display: inline-block; /* NOTA: inserito per prevenire un bizzarro comportamento di IE 6/7 legato al clearing ed un altrettanto bizzarro comportamento di Firefox in caso di soluzioni più corrette al problema del clearing */
	color: inherit;
	background-color: #FFFFFF; /* NOTA: idem */
}




/* [7.0] POPUP
------------------------------------------------------------------------------------------ */
#imgContenitore img {
	margin-bottom: 10px;
}

#imgContenitore p{
	margin: 0;
	padding: 0 10px;
	line-height: 18px;
}

#imgContenitore a {
	color: #666;
	background: inherit;
}

#imgContenitore a:hover {
	color: #aaa;
	background: inherit;
}