/* Box login: sfondo, bordo, colore del testo ( User, Pass, Non sei ancora......?, Password........? ) */
.login {
	margin-bottom: 15px; 
	padding:0px;
	line-height: 15px;
	width: 100%;
}

/* Titolo del box login: sfondo, bordo, colore del titolo LOGIN  */
.login .title {
	background-color: #6F0F11 ;
	color: white;
	padding: 3px 0px 3px 18px;
	font-size: 12px;
	font-weight: bold;
}

/* User e Pass  */
.login label {
	font-weight: bold;
	margin-right: 3px;
}

/* User e Pass  */
.login .pwd {
	margin:0px;
	padding: 3px 16px 3px 16px;
	line-height: 18px;
}

/* Caselle di inserimento testo User e Pass e il pulsante accedi */
.login .pwd input {
	margin-top: 3px;
}

/* Scritte (Non sei ancora......?, Password........?)*/
.login .extra {
	margin: 5px 5px 5px 5px;
	border-top: 1px solid white;
	line-height: 18px;
}

/* Link (iscritto e dimenticata)*/
.login a {
	font-weight: bold;
	color: #0F2C68;
}

/* Illuminazione Link (iscritto e dimenticata)*/
.login a:hover {
	font-weight: bold;
	color: red;
}
.editabile {
	line-height: 18px;
	padding: 0px 5px 5px 5px;
	width: 785px;
	height: 380px;
	overflow: auto;
}

.editabile h1 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid black;
	display: none;
}

.editabile img {
	margin: 0px 10px 10px 0px;
} 

.editabile tr.bordo td {
	border-bottom: 1px solid black;
}

.editabile tbody {
	margin: 0px;
	padding: 0px;
}

.editabile tr.dispari {
	background-color: #CFDCE1;
}

.editabile tr.pari {
	background-color: #ACC3CC;
}
/* ---------------------------------------- */
/* News, calendario			 				*/
/* ---------------------------------------- */
	
	/* Titolo del blocco che contiene il calendario ( Appuntamenti ) */
	.newsCalendarHead {
		font: 16px Verdana, "Times New Roman", serif; letter-spacing: 1px;
		color: white;
		font-weight: bold;
		text-align: left; 
		padding-top: 3px;
		padding-left: 6px;
		height: 19px;
		width: 166px;
	}
	
	.newsCalendar {
		background-color: none;
		padding: 1px 1px 12px 15px;
	}

	.newsCalendar h1 {
		font-size: 10px;
		font-weight: bold;
		color: #314368;
		text-align: center;
		padding: 5px;
		display: block;
		background: url("/BackOffice/default/images/agenda/sfondo.gif");
		border: 1px solid white;
		border-bottom: 1px solid #6A81A5;
		width: 138px;
	}
	
	.newsCalendar h1 .left img {
		cursor: pointer;
		float: left;
	}
	
	.newsCalendar h1 .right img {
		cursor: pointer;
		float: right;
	}
	
	
	.newsCalendar table {
		border: 1px solid white;
		border-bottom: 1px solid #6A81A5;
		width: 150px;
		
	}
	
	.newsCalendar table th {
		font-size: 9px;
		font-weight: normal;
		color: #314368;
		padding: 2px;
		text-align: center;
		background: url("/BackOffice/default/images/agenda/sfondo.gif");
		height: 23px;
	}
	
	.newsCalendar table td {
		font-size: 9px;
		font-weight: bold;
		color: #314368;
		padding: 3px;
		text-align: right;
		background-color: white;
	}
	
	.newsCalendar table td.empty {
		
	}
	
	.newsCalendar table td.we { 
		color: #6A81A5;
		font-weight: bold;

	}
		
	.newsCalendar table a {
		display: block;
		border: 1px dotted red;
		color: #2266EE;
	}
	

	
	
/* ---------------------------------------- */
/* News, newsletter			 				*/
/* ---------------------------------------- */	
	.newsLetter span.subscribed {
		font-size: 10px;
		font-weight: normal;
	}

/* blocco principale, contiene tutte le categorie */
.categorie {
	margin: 10px 0px 10px 0px;
}

/* titolo del blocco */
.categorie h1 {
	background-color: #003466;
	font-size: 11px;
	color: white;
	padding: 3px;
}

/* singola categoria */
div.categorie div {
	padding: 3px;
}

/* separatore tra categorie */
div.categorie div.separator {
	color: #003466;
	
	background-color: #F0F0F0;
	margin-top: 10px;
	border-top: 1px solid #003466;
	border-bottom: 1px solid #003466; 
}

/* contiene l'eventuale sottoelenco di links riferiti ad una singola categoria */
div.categorie div div {
	padding: 3px 3px 3px 20px;
	border: none;
}

/* 
	la classe indice è impostata quando la voce non fa riferimento ad una categoria
	ma ad un altro articolo della stessa categoria
*/
.categorie div.indice  {
	font-weight: normal;
}

/* link alla risorsa (categoria) */
.categorie div a {
	text-decoration: none;
}

/* link alla risorsa (articolo) */
.categorie div.indice a {
}

/* link contenuto nell'eventuale sottoelenco riferito ad una singola categoria */
.categorie div div a {
	display: block;
	padding-top: 3px;
}

/* link alla risorsa non pubblica */
.categorie div a.private {
	color: red;
} 


/* Hides from IE5-mac, corregge la "sparizione" degli elementi \*/
* html .categorie {height: 1%;}
/* End hide from IE5-mac */
/* 	---------------------------------------- 
 	Visualizzazione Lista
	---------------------------------------- */

/*	area che contiene il singolo commento (non approvato) 
	nota: i commenti non approvati vengono visualizzati solo dall'admin */
.lista #nonApprovato.singolo {
	border: 1px solid red;
}
	

/* 	---------------------------------------- 
 	Vari defaults
	---------------------------------------- */

/* colore di default per i link */
a { 
	color: #E68B2C;
	color: Navy;
}

/* colore di default per i link non pubblici */
a.private {
	color: Red;
}

/* disabilito il bordo per le immagini associate ad un link */
a img {
	border: none;
}

/* margine nullo di default per h1,h2 e h3 */
h1,h2,h3 {
	margin: 0px;
}

/* 	---------------------------------------- 
 	Messaggi del sistema, usati ad esempio 
	per comunicare l'esito di un pagamento
	---------------------------------------- */

/* contiene il messaggio */
.message { 
	text-align:center; 
	margin: 10px 0px 10px 0px; 
	padding: 10px; 
	border: 1px solid #0C4177; 
}

/* titolo del blocco (esito negativo ) */
.message h1 { 
	text-align:center; 
	font-size:17px; 
	font-weight: bold; 
	margin: 0px 0px 10px 0px; 
	padding: 3px; 
	border: 1px solid #0C4177; 
	color: red 
}

/* titolo del blocco (esito positivo ) */
.message h1.ok { 
	color: #0C4177; 
}

/* 	---------------------------------------- 
 	Home page, blocco news
	---------------------------------------- */
	
table.multiColumn {
	clear: both;
	width: 100%;
}

table.multiColumn td.left, table.multiColumn td.right  {
	width: 50%; 
	vertical-align: top; 
	border: 1px solid #374357;
	padding: 0px;
}

table.multiColumn td.right  {
}

/* 	---------------------------------------- 
 	Lascia così
	---------------------------------------- */

.barramenu 
	{ font-weight: bold; color: #fffcf3; line-height: 15px; background-color: #0C4177; }

.clear 
	{ display: block; margin: 0px; padding: 0px; height:0px; font-size:0px; line-height: 0px; float:none; clear:both; background: none; }
.column 
	{ float:none; clear:both; }	
	
.summary {
	display: none;
}

/* servono per l'editor */
.font1 {
	font-size: 9px;
}

.font2 {
}

.font3 {
	font-size: 16px;
	line-height: 18px;
}

.font4 {
	font-size: 20px;
	line-height: 22px;
}

/* 	---------------------------------------- 
 	Visualizzazione Dettaglio
	Usata per 
	News/show
	Contents/show
	Products/show
	---------------------------------------- */

/* contiene tutto l'articolo */
.articolo {
	border: 1px solid #F4F5F8;
}

/* titolo dell'articolo */
.articolo h1 {
	font: 17px Tahoma;
	font-weight: bold;
	background: #8C92AC;
	color: white;
	padding: 3px;
	margin: 0px 0px 5px 0px;	
}

/* informazioni aggiuntive (data/categoria) */
.articolo h2 {
	display: block;
	text-align: left;
	font-size: 11px;
	border-top: none;
	color: #999999;
	padding: 2px;
	margin-bottom: 5px;
}

/* sotto il titolo, contiene immagine e testo */
.articolo .contenuto {
	margin-bottom: 10px;
	line-height: 16px;
	padding: 3px;
}

/* blocco che contiene l'immagine */
.articolo .img  {
	display: block;
	float: left;
	border-right: 1px dotted gray;
	border-bottom: 1px dotted gray;
	margin: 0px 10px 10px 0px;
	padding: 5px;
}

/* 	---------------------------------------- 
	Campi specifici per i prodotti
 	---------------------------------------- */
	

/* 	---------------------------------------- 
 	Visualizzazione Galleria 
	---------------------------------------- */

/* dimensione della galleria */
#flashGallery {
	/* specificando 100% la galleria utilizza automaticamente tutto lo spazio disponibile */
	width: 100%; 
	height: 480px; 
	margin: auto;
}
body {
	margin:0px; 
	padding:0px;
	font:11px Verdana;
}

div.allsite {
	width: 980px;
	margin: auto; 
}	

iframe {
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	oveflow: hidden;
}

.box {
	position: absolute;
	z-index: 200;
	top: 0px; 
	left: 0px;
	width: 1px;
	height: 1px;
	display: none; 

}

.window {
	background-color: white;
	height: 100%;
	padding: 3px;
}

#loader {
	position: absolute;
	z-index: 100;
	top: 180px;
	left: 0px;
	width: 100%;
}

#loader div {
	width: 150px;
	color: white;
	margin: auto;
	text-align: center;
}

/* 	---------------------------------------- 
 	Visualizzazione Lista
	Usata per 
	News/list
	Products/list		
	---------------------------------------- */

/* Area che contiene la lista  */
.lista {
	border: 1px solid #7B869C;
	margin-bottom: 5px;
}

/* 	titolo del blocco, ove previsto 
	es: news/prodotti/promozioni in home page
*/
.lista h1.blocco {
	font: 17px Tahoma;
	font-weight: bold;
	background: #8C92AC;
	color: white;
	padding: 3px;
	margin: 0px 0px 5px 0px;	
}

/* titolo dell'articolo/news/prodotto: il colore è definito nel blocco di codice .lista h1 a */
.lista h1 {
	display: block;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding: 2px;	
}

/* titolo in presenza d'immagine */
.lista h1.withImg {
	margin-left: 108px;	
}

/* link contenuto nel titolo */
.lista h1 a {
}
	
/* informazioni aggiuntive: data, categoria, etc */
.lista h2  {
	width: auto;
	color: #99AEC0;
	display: block;
	font-size: 10px;
	line-height: 11px;
	padding: 1px 1px 5px 3px;		
}
	
/* area che contiene il singolo articolo (news/prodotto/etc) */
.lista .singolo {
	margin: 0px 5px 5px 5px;
	line-height: 16px;
	border-bottom: 2px dotted #99AEC0;
	padding: 0px 0px 5px 0px; 
}
	
/* testo */
.lista .contenuto {
	margin: 0px;
	padding: 0px 0px 0px 2px;
	line-height: 16px;
	border: none;
}
	
/* immagine */
.lista .img  {
	display: block;
	float:left;
	border-right: 1px solid #7B869C;
	border-bottom: 1px solid #7B869C;
	margin: 5px 5px 5px 5px;
	padding: 2px;
	width: 95px;
	text-align: center;
}

/* Hides from IE5-mac, corregge la "sparizione" degli elementi \*/
* html .lista {height: 1%;}
* html .lista .singolo {height: 1%;}
/* End hide from IE5-mac */

/* ---------------------------------------- */
/* Rivista, lista							*/
/* ---------------------------------------- */

#magazine.lista {
	border: none;
}

/* area che contiene la singola rivista */
#magazine.lista div.singolo {
	width: 68px;
	border: none;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	background: none;
	float: left;
}

/* immagine */
#magazine.lista span.img {
	border: none;
	text-align: center;
	width: auto;
	margin: 3px 0px 3px 10px;
}

/* testo */
#magazine.lista div.contenuto {
	text-align: center;
}

/* non vado d'accapo ad ogni rivista */
#magazine.lista div.singolo br.clear {
	display: none;
}

/* ---------------------------------------- */
/* Rivista, dettaglio						*/
/* ---------------------------------------- */

#magazine.articolo {
	border: none;
}

#magazine.articolo .img {
	float: none;
	border: none;
	text-align: center;
}

/* ---------------------------------------- */
/* Rivista, articoli						*/
/* ---------------------------------------- */

#contenutoMagazine.lista {
	border: none;
}

#contenutoMagazine.lista .singolo {
	background: none;
	border-bottom: 1px solid #ADD2EC;
	padding: 0px;
	margin: 0px;
}

#contenutoMagazine.lista .singolo .contenuto {
	padding: 0px;
}

#contenutoMagazine.lista .singolo a {
	text-decoration: none;
}

#contenutoMagazine.lista .artID {
	color: #AED2E8;
	font-weight: bold;
	width: 26px;
	font-size: 10px;
	text-align: center;
	background-color: #04366B;
	margin: 0px 5px 0px 0px;
	display: block;
	float: left;	
}

#contenutoMagazine.lista .rivID {
	font-weight: bold;
	width: 63px;
	font-size: 10px;
	text-align: center;
	background-color: #04366B;
	margin-right: 5px;
	display: block;
	float: left;
}

#contenutoMagazine.lista .rivID a {
	color: #AED2E8;
}
	
/* menu block */
div.userMenu {
	padding:0px;
	margin-bottom: 5px;
	color: #0F2C68;
}

.header div.userMenu {
	padding: 0px;
	margin: 0px;
	width: auto;
	border: 0px;
	float: right;
}

/* title */
div.userMenu div.title {
	background-color: #003466;
	color: white;
	padding: 3px 0px 3px 18px;
	font-size: 12px;
	font-weight: bold;
}

.header div.userMenu div.title {
	display: none;
}

/* separator */
div.userMenu .separator {
	display: block;
	background-color: #567C85;
	color: white;
	padding: 3px 0px 3px 18px;
	margin-top: 1px;
	font-size: 12px;
	font-weight: bold;
}

.header div.userMenu .separator {
	display: none;
}

/* links */
div.userMenu a {
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 3px 0px 3px 18px;
	margin-top: 1px;
	height: 17px;
}

.rightColumn div.userMenu a {
}


.header div.userMenu a {
	color: white;
	padding: 5px 20px 0px 15px;
	margin: 0px;
	font-size: 10px;
	font-weight: bold;
	border: 0px;
	background: #003466;
	border-left: 1px solid white;
	float:left;
}

.header div.userMenu a:hover {
	background: #3285C1;
}

div.userMenu a:hover  {
	background-color: #DDE5E7;
}

/* personalizzazioni menu */

div.userMenu a.importante {
	color: crimson;
	font-weight: bold;
	
}


/* 	---------------------------------------- 
 	Moduli (form) e tabelle standard
	---------------------------------------- */

/* lascia così */
form { 
	padding: 0px; 
	margin: 0px; 
}

/* vari campi della form, essenzialmente qui definisci il font */
input,select,textarea { 
	font: 11px Verdana, Arial, "Comic Sans MS", sans-serif;
}

/* bottoni */
input.button { 
	font-weight: bold 
}

/* formattazione del messaggio di errore quando l'utente sbaglia ad inserire un valore */
.formerror { 
	padding: 2px; 
	width: 100%; 
	color: black; 
	background-color: red; 
}

/* 	---------------------------------------- 
 	tabelle standard
	---------------------------------------- */

/* tutta la tabella */
table.default {
	/* width: 100%; */
	margin-top: 10px;
	border-collapse: collapse;
}

/* Titolo della tabella */
table.default caption {
	font: 17px Tahoma;
	font-weight: bold;
	background: #55737E;
	color: white;
	padding: 3px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

/* formattazione di default delle celle */
table.default td {
	padding: 2px;
	border-bottom: 1px dotted gray;
}
	
/* intestazioni */
table.default th, table.default td.head  {
	background-color: #CFDCE1;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 3px;
	font-weight: bold;
}

/* bottoni form */
table.default .submit {
	font-weight: bold;
	padding: 5px;
	text-align: center;
	background-color: #55737E;
	border-bottom: 1px solid black;
}

/* 	---------------------------------------- 
 	tabelle standard, campi specifici per
	carrello acquisti e visualizzazione ordine
	---------------------------------------- */
	
/* colonna delle quantità */
table.default .qty {
	text-align: center;	
}
	
/* colonna dei prezzi */
table.default .price {
	text-align: right;
	white-space: nowrap;
}
	
/* colonna delle codice */
table.default .code {
	text-align: right;	
}
	
/* miniatura */
table.default .fixed {
	float: left;
	text-align: center;
	border: none;
	width: 80px;
	margin: 0px 5px 0px 0px;
}
	
/* nome prodotto */
table.default a {
	font-weight: bold;
}
	
/* elimina */
table.default a.delete {
	display: block;
	color: red;
	padding: 2px;
	margin: 1px;
	white-space: nowrap;
	font-weight: bold;
	width: 70px;
}
	
/* promozioni */
table.default .service {
	font-weight: bold;
	padding: 5px 10px 5px 165px;	
}

.navigator {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #003466;
	color: #003466;
}

.navigator a {
	font-weight: bold;
	color: #003466;
}


/* 	---------------------------------------- 
 	Visualizzazione Blocco
	Eredita .lista da lista.css
	Usata per Home/page				
	---------------------------------------- */


/*
	La formattazione #boxNews.lista si applica al blocco .lista quando
	viene visualizzato il box che contiene le news
	es: i blocchi in home page.
*/

/* Area che contiene la lista  */
#boxNews.lista {
	border: none;
}

/* titolo in presenza d'immagine */
#boxNews.lista h1.withImg {
	margin-left: 65px;
}	

/* immagine */
#boxNews.lista .img  {
	margin: 0px 2px 5px 0px;
	padding: 3px 0px 0px 0px;
	width: 70px;
}
/* 	---------------------------------------- 
 	Paginatore
	---------------------------------------- */

/* contiene il paginatore */
.pager {
	margin: 0px;
	color: #0F2C68;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #7B869C;
}

/* link all'interno del paginatore */
.pager a {
	text-decoration: none;
}	

/* 	---------------------------------------- 
 	Prezzo/sconto/aggiungi al carrello
	---------------------------------------- */
	
/* contiene tutto il blocco relativo a prezzo, sconto, etc */
.prezzo {
	float: right;
	border-left: 1px solid #7B869C;
	border-bottom: 1px solid #7B869C;
	margin: 5px 5px 5px 5px;
	padding: 2px;
	width: 100px;
	line-height: 16px;
	white-space: nowrap;
	text-align: right;
}
	
/* sconto  */
.prezzo .sconto {
	color: red;
}
	
/* acquista -> carrello  */
.prezzo a {
	display: block;
	padding: 2px;
	background-color: #DFE3EC;
	font-weight: bold;
	color: #7B869C;
	text-align: center;
}

/* 	---------------------------------------- 
 	Prodotti scelti e promozioni (home page)
	---------------------------------------- */

/* per ridefinire il box */
#prodottiScelti.lista,#promozioni.lista  {
}

/* area che contiene il singolo prodotto */	
#prodottiScelti.lista .singolo, #promozioni.lista .singolo {
	border: none;
	float: left;
	background-color: #F0F0F0;
	border: 1px solid #003466;
	padding: 0px;
	width: 175px;
	height: 100px;
}

/* titolo del prodotto */
#prodottiScelti.lista .singolo h1, #promozioni.lista .singolo h1 {
	margin: 0px;
	display: block;
	font-size: 11px;
	height: 15px;
	overflow: hidden;
	text-align: center;
	margin-top: -106px;
	background-color: #003466;
}

/* link */
#prodottiScelti.lista .singolo h1 a, #promozioni.lista .singolo h1 a {
	color: white;
	text-decoration: none;
}


/* immagine */
#prodottiScelti.lista .img, #promozioni.lista .img {
	border: none;
	float: none;
	width: auto;
	margin-top: 25px;
	height: 70px;
}

/* non visualizzo prezzo e contenuto  */
#prodottiScelti.lista .prezzo, #prodottiScelti.lista .contenuto, #promozioni.lista .contenuto {
	display: none;
}

/* 	---------------------------------------- 
 	Prodotti in arrivo (home page)
	---------------------------------------- */

/* per ridefinire il box prodotti in arrivo */
#prodottiInArrivo.lista {
}

/* informazioni aggiuntive: data, categoria, etc */
#prodottiInArrivo.lista h2 {
	float: left;
	padding-top: 3px;
	width: 80px;
}

/* 	---------------------------------------- 
 	Categorie e sottocategorie Prodotti
	marche/produttori relative alla ricerca corrente
	venogono visualizzati come categorie
	eredita .categorie
	---------------------------------------- */
	
#prodotti.categorie div, #prodottiSotto.categorie div, #marche.categorie div {
	width: 150px;
	overflow: hidden;
	float: left;
}

/* 	---------------------------------------- 
 	Ricerca
	---------------------------------------- */

/* contiene il blocco ricerca */
.search {
	margin-bottom: 15px;
	color: #0F2C68;
	text-align: center;
	background: #8C92AC;
	color: white;
	padding: 3px;
}

/* etichetta (es: cerca in) */
.search label {
	display: inline;
}

/* campo di ricerca (es: box categorie o input) */
.search .field {
	display: inline;
	height: 20px;
	text-align: left;
}

/* pulsante Vai */
.search .submit {
	display: inline;
	padding: 3px;
}

/* lascia così */
.search br {
	display: none;
}


/* rss nostre */
.rss a {
	display: block;
	padding: 3px 3px 3px 40px;
	text-decoration: none;
	border-top: 1px dotted #E5E5E5;
	border-bottom: 1px dotted #E5E5E5;
	margin-bottom: 5px;
	background: url('/BackOffice/icone/other/rss.gif') center left no-repeat; 
}

/* informazioni aggiuntive: data, categoria, etc */
#contenutiSpeciali.lista h2 {
	float: left;
	padding-top: 3px;
	width: 80px;
}