@charset "utf-8";
/* -------------------------------------------------------------------
	Nanosoft - Foglio di stile
	
	Versione:			1.0 del 26.09.07
	Ultima revisione:	-
	Ultima validazione:	26.09.07
	Autore:				Alessandro Placidi
	Contatto:			a.placidi@mindgear.it
	© 2007 Nanosoft srl
------------------------------------------------------------------- */


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

[1.0] - layout
[2.0] - Menu principale
[3.0] - Menu secondario
[4.0] - Markup predefinito per il contenuto
[5.0] - Sezioni specifiche
[6.0] - Popup

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


/* LAYOUT
------------------------------------------------------------------------------------------------------ */
body {
	margin: 0;
	color: #FFF;
	background: #222 url(../img/sfondoBody.jpg) repeat-x 0 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /* Originariamente era 11px */
}

#contenitore {
	position: relative;
	width: 940px;
	margin: auto;
	/* Visti i problemi di IE6 nella gestione di .png con canale alfa, ho inserito due regole. La prima ha la precedenza per IE7 e Firefox, */ 
	/* la seconda è per IE6 e toglie lo sfondo, ma genera un avviso nella validazione del foglio di stile */
	background: url(../img/sfondoOmbraLaterale.png) repeat-y center 0 !important;
	background: none;
}

#subContenitore {
	width: 920px;
	margin: auto;
	border: 1px solid #222;
	background: url(../img/sfondoPagina.jpg) repeat-y 0 0;
}

#chiusuraPagina {
	width: 940px;
	height: 10px;
	margin: auto;
	/* Visti i problemi di IE6 nella gestione di .png con canale alfa, ho inserito due regole. La prima ha la precedenza per IE7 e Firefox, */ 
	/* la seconda è per IE6 e toglie lo sfondo, ma genera un avviso nella validazione del foglio di stile */
	background: url(../img/sfondoOmbraInferiore.png) no-repeat center 0 !important;
	background: none;
}

#testata {
	height: 215px;
	margin: 0;
	background: url(../img/logoNanosoft.jpg) no-repeat 0 0;
	text-indent: -3000px;
}

#navigazione {
	float: left;
	width: 285px;
}

#contenuto {
	float: right;
	width: 618px;
}




/* MENU PRINCIPALE
------------------------------------------------------------------------------------------------------ */
#menuPrincipale {
	width: 240px;
	margin: 0 auto 20px 43px;
	padding: 0;
	list-style: none;
}

#menuPrincipale li {
	height: 20px;
	line-height: 20px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

#menuPrincipale li.primoLivello {
	height: 28px;
	line-height: 28px;
	margin: 15px 0 3px 0;
	color: #8A8A8A;
	background: #000 url(../img/sfondoMenuLi.jpg) no-repeat left bottom;
}

#menuPrincipale a {
	display: block;
	padding-left: 50px;
	text-decoration: none;
	color: #FFF;
	background: inherit;
}

#menuPrincipale a:hover {
	color: inherit;
	background-color: #111;
}

#menuPrincipale li.primoLivello a {
	color: #8A8A8A;
	background: inherit;
	padding-left: 30px;
	font-size: 12px;
}

#menuPrincipale li.primoLivello a:hover {
	color: inherit;
	background: #111 url(../img/sfondoMenuLi.jpg) no-repeat left bottom; ;
}

#menuPrincipale a.rigaHaFigli {
	 background: url(../img/iconaFrecciaMenu.gif) no-repeat right center;
}

#menuPrincipale a.rigaHaFigli:hover {
	color: inherit;
	background-color: #111;
}

#menuPrincipale .menuItemSelected {
	color: inherit;
	background: #111 url(../img/iconaFrecciaMenu.gif) no-repeat right center;
}




/* MENU SECONDARIO
------------------------------------------------------------------------------------------------------ */
/* Classe inserita da Dirk per la gestione del menu */
.menuSubDiv{
	visibility: hidden;
	position: absolute;
	left: 295px;
	top: 420px;
	border: 1px solid #FFF;
	color: inherit;
	background-color: #000;
}

/* CLASSE PROVVISORIA, da sostituire con .menuSubDiv */
.divMenuSecondario {
	position: absolute;
	left: 295px;
	top: 420px;
	border: 1px solid #FFF;
	color: inherit;
	background-color: #000;
}

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

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

.menuSecondario a {
	display: block;
	width: 150px;
	padding: 0 15px;
	line-height: 20px;
	color: #FFF;
	background: #000;
	text-decoration: none;
}

.menuSecondario a:hover {
	color: #FFF;
	background-color: #111;
}

.menuSecondario a.rigaHaFigli {
	 background: url(../img/iconaFrecciaMenu.gif) no-repeat right center;
}

.menuSecondario a.rigaHaFigli:hover {
	color: inherit;
	 background-color: #111;;
}

.menuSecondario a.selected {
	color: inherit;
	background: #111 url(../img/iconaFrecciaMenu.gif) no-repeat right center;
}




/* MARKUP PREDEFINITO PER IL CONTENUTO
------------------------------------------------------------------------------------------------------ */
#contenuto * {
	margin: 0 65px 15px 0;
}

#contenuto * * {
	margin: 0 0 15px 0;
}

#contenuto h2 {
	color: #8A8A8A;
	background: inherit;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.03em;
}

#contenuto h1, #contenuto h3, #contenuto h4, #contenuto h5, #contenuto h6 {
	color: #8A8A8A;
	background: inherit;
	letter-spacing: 0.03em;
}

#contenuto h1 {
	font-size: 16px;
}

#contenuto h3 {
	font-size: 14px;
}

#contenuto h4 {
	font-size: 13px;
}

#contenuto h5 {
	font-size: 13px;
}

#contenuto h6 {
	font-size: 13px;
}

#contenuto p {
	line-height: 160%;
	text-align: justify;
}

#contenuto .allineatoSinistra {
	text-align: left;
}

#contenuto .allineatoDestra {
	text-align: right;
}

#contenuto .allineatoCentro {
	text-align: center;
}

#contenuto blockquote {
	margin-left: 15px;
	margin-right: 80px;
	padding: 15px;
	border: 1px solid #444;
	color: #CCC;
	background-color: #333;
	text-align: justify;
}

#contenuto ul, #contenuto ol {
	padding: 0 0 0 10px; /* NOTA: imposto a 0 il padding superiore, inferiore e destro per evitare che venga impostato automaticamente da Firefox */
	list-style: inside;
	text-align: justify;
}

/* Prevedo che, nel caso di liste annidate, ci sia un margine superiore di 10px. Includo tutte le possibilità di liste annidate */
#contenuto ul ul, #contenuto ul ol, #contenuto ol ul, #contenuto ol ol {
	margin-top: 10px;
}

#contenuto li {
	line-height: 100%;
}

#contenuto dl {
	text-align: justify;
}

#contenuto dl dd {
	margin-left: 20px;
}

#contenuto address {
	line-height: 160%;
	text-align: justify;
}

#contenuto a {
	color: #AAA;
	background: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#contenuto a:hover {
	color: #EEE;
	background: inherit;
	border-bottom-color: #AAA;
}




/* GALLERIA IMMAGINI
------------------------------------------------------------------------------------------------------ */
#galleria {
	width: 550px;
	margin-bottom: 0;
}

#galleria a {
	border-bottom: none; /* Evito il bordo inferiore applicato alle immagini con un link */
}

#galleria img {
	margin: 0 10px 15px 0;
	border: 0;
}

#galleria.galleriaSinistra {
	float: left;
	width: 133px;
	margin-right: 7px;
	border-right: 1px solid #222;
}

#galleria.galleriaDestra {
	float: right;
	width: 133px;
	margin-left: 7px;
	border-left: 1px solid #222;
}

#galleria.galleriaDestra img {
	margin: 0 0 15px 10px;
}




/* SEZIONI SPECIFICHE
------------------------------------------------------------------------------------------------------ */
#contenuto #footer {
	height: 40px;
	line-height: 40px;
	color: #8A8A8A;
	background: inherit;
	border-top: 1px solid #222;
	font-size: 10px;
	text-align: right;
}




/* FORM
------------------------------------------------------------------------------------------------------ */
#contenuto fieldset {
	padding: 0;
	border: 1px solid #444;
	color: #FFF;
	background-color: #333;
}

#contenuto fieldset p {
	text-align: justify;
}

#contenuto fieldset * {
	margin: 15px;
}

#contenuto fieldset * * {
	margin: 0;
}

#contenuto fieldset .avviso {
	display: block;
	color: #CC0000;
	background: inherit;
	line-height: 1.2em;
	font-size: 10px;
	font-weight: bold;
}

#contenuto label {
	display: block;
	font-weight: bold;
	padding-bottom: 3px;
}

#contenuto textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contenuto textarea {
	width: 99%;
	height: 100px;
	margin: 0;
}

.campoLungo {
	width: 300px;
}




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

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

#imgContenitore a {
	color: #AAA;
	background: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#imgContenitore a:hover {
	color: #EEE;
	background: inherit;
	border-bottom-color: #AAA;
}