/* $Id: methodo.css,v 1.39 2007-01-31 10:47:07 gizzi Exp $ */

body { margin: 0; font-size: 12px; font-family: Verdana; color: #555; }

a { color: #555; font-weight: bold; }

a.button { padding: 4px 10px 5px 10px; line-height: 3em; font-size: 80%; color: #fff; font-weight: bold; text-decoration: none; background: #AD0001 }
	a.button:hover { background: #c00 }

input.button { padding: 2px ; font-size: 80%; color: #fff; font-weight: bold; text-decoration: none; background: #AD0001; border: 0;  }

p { margin-top: 0 }

img { border: 0 }

/* TITOLI */
h1 { font-size: 21px; border-bottom: 1px dotted #ccc }
h3 { padding: 15px; font-size: 16px; color: #666; background: #f4f4f4; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3em }

.link_a { color: #333; font-weight: bold; text-decoration: none }
	.link_a:hover { font-weight: bold; color: #c00; text-decoration: underline }
.link_b { color: #333; font-weight: none; text-decoration: none }
	.link_b:hover { font-weight: none; color: #c00; text-decoration: underline }

.testo { color: #000; font-size: 12px; font-family: Verdana }
.scarica,.scarica a:link,.scarica:visited,.scarica:hover,.scarica:active { color: #ad0001; font-size: 11px; font-family: Arial; font-weight: bold; text-decoration: none }

/* CMS (contenitore della maggior parte dei contenuti dei tpl) */
#cms { margin-bottom: 30px; padding: 0 5px; line-height: 1.3em }

/* MENU SX (ecommerce e multimedia) */
#categorie { padding: 0 20px; line-height: 1.3em; font-size: 90%}
	#categorie a { display: block; padding: 10px 5px; color: #555; text-decoration: none; border-bottom: 1px dotted #ccc }
		#categorie a:hover { color: #AD0001; text-decoration: underline }
	#categorie a.selected { display: block; padding: 10px 5px; color: #AD0001; text-decoration: none; border-bottom: 1px dotted #ccc } 
	#categorie a.level3 { padding: 5px 5px 5px 20px; font-size: 88% }
	#categorie a.level2-selected { padding: 10px 5px; color: #AD0001; text-decoration: underline } 
	#categorie a.level3-selected { padding: 5px 5px 5px 20px; font-size: 88%; color: #AD0001; text-decoration: underline }

/* PATH (briciole) */
#briciole { margin-bottom: 10px }

/* PAGINAZIONE */
#paginazione { margin-bottom: 10px; padding: 10px 0; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ad0001; text-align: left; }

/* ELENCO PRODOTTI */
#elenco-prodotti { padding: 0 5px; line-height: 1.3em }
	.prodotto-lista { float: left; width: 270px; margin-bottom: 25px; }
		.prodotto-lista .thumb { border: 1px solid #c8c8c8 }
		.prodotto-lista .nome { margin-bottom: 3px; color: #000; text-transform: uppercase; font-weight: bold; }
		.prodotto-lista .prezzo { margin-bottom: 3px; font-weight: bold; }
		.prodotto-lista .desc { width: 163px; line-height: 1.3em; font-size: 90%; }
			.prodotto-lista .dettagli { margin-top: 5px; }

/* SCHEDA PRODOTTO */
#prodotto { line-height: 1.3em; }
	#prodotto img.detail { display: block; float: left; margin-right: 20px }
	#dati { padding-top: 30px; }
		#dati .nome { line-height: 1em; font-size: 150%; font-weight: bold }
		#dati .sku { font-size: 80%; margin: 5px 0 10px 0; }
		#dati .descshort { margin: 20px 0 }
		#dati .prezzo { margin-bottom: 20px; font-size: 150%; }
		#dati .note { width: 180px; margin-bottom: 20px; padding: 10px; text-transform: uppercase; font-weight: bold; text-align: center; color: #AD0001; border: 3px double #AD0001 }
	#desclong { clear: both; margin: 15px 0 0 0; }

/* RISULTATI RICERCA (search) */
#search { text-align: left }
	#search ul { margin-left: 18px; list-style-type: circle }
		#search li { margin: 30px 0px 0 0; }
			#search .description { margin-bottom: 2px; font-style: italic }
			#search a {  }

/* CARRELLO */
#cart { width: 100%; margin-bottom: 20px; }
	#cart th { padding: 3px 10px; text-transform: uppercase; color: #666; background: #ddd; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc }
	#cart th.totale { text-align: right; vertical-align: top; font-size: 110%; text-transform: uppercase; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc }
	#cart td { padding: 10px; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc }
	#cart .cod { line-height: 4em; font-style: italic }
	#cart .nome { font-weight: bold }
	#cart .marca {  }
	#cart .attrs { font-style: italic }
	#cart #qta-modifica { width: 40px; text-align: center }
	#cart #qta-submit { width: 70px; margin-top: 5px; padding: 0 }

/* DOWNLOAD */
#download { width: 100%; border-width: 0 0 1px 1px; border-style: solid; border-color: #ccc }
	#download th { padding: 3px 5px; font-weight: normal; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc }
		#download th.path { text-transform: uppercase; text-align: left; }
	#download td { padding: 5px 3px; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc }
		#download td.tipo { text-align: center; }
		#download td.nome { white-space: nowrap; font-weight: bold }
		#download td.desc { width: 100%; }
		#download td.dimensione { width: 70px; text-align: right; }

/* LOGIN  */
#login { float: left; width: 215px; margin: 20px 20px 20px 5px; padding: 10px; }
	#login h4 { margin: 0 0 5px 0; padding: 10px; font-size: 120%; color: #fff; border-bottom: 1px solid #ccc; background: #000 }
	#login span.userid { vertical-align: middle; font-family: verdana; font-size: 11px; font-weight: bold; color: #333 }
	#login input.input { display: block; width: 210px; margin-bottom: 6px; border: 1px solid #ccc }
	#login span.password { vertical-align: middle; font-family: verdana; font-size: 11px; font-weight: bold; color: #333 }
#dimenticata { float: left; clear: right; width: 215px; margin: 20px 0px 20px 0px; padding: 10px; }
	#dimenticata h4 { margin: 0 0 5px 0; padding: 10px; font-size: 120%; color: #fff; border-bottom: 1px solid #ccc; background: #000 }
	#dimenticata span.userid { vertical-align: middle; font-family: verdana; font-size: 11px; font-weight: bold; color: #333 }
	#dimenticata input.input { display: block; width: 210px; margin-bottom: 6px; border: 1px solid #ccc }
	#dimenticata span.email { vertical-align: middle; font-family: verdana; font-size: 11px; font-weight: bold; color: #333 }

/* NEWS */
.notizia-elenco { height: 84px; margin: 15px 0; }
	.notizia-elenco .news-thumb { float: left; margin-right: 7px; }
	.notizia-elenco div.data { font-size: 85%; }
	.notizia-elenco a.titolo { display: block; margin-bottom: 3px }
	.notizia-elenco div.abstract { width: 480px; }
.notizia-dettaglio { margin-top: 15px; }
	.notizia-dettaglio .news-thumb { float: left; margin-top: 5px; margin-right: 7px; }
	.notizia-dettaglio div.data { font-size: 85%; margin-bottom: 5px; }
	.notizia-dettaglio div.titolo { display: block; margin-bottom: 7px; line-height: 1.2em; font-size: 140%; font-weight: bold; }
	.notizia-dettaglio div.contents { margin-bottom: 10px; }

/* NEWSLETTER (registrazione) */
#newsletter { width: 400px; margin: 0 auto; }
	#newsletter td { padding: 2px 0 }
	#newsletter .data input.long { width: 256px; border: 1px solid #999 }
	#newsletter .data input.short { width: 80px; border: 1px solid #999 }
	#newsletter .errore { color: #f00; font-weight: bold; font-variant: small-caps }

/* MODULO ORDINE - REGISTRAZIONE */
#ordine-registrazione { width: 650px; margin: 30px auto; border: 1px solid #ccc }
	#ordine-registrazione th { padding: 5px 10px; text-transform: uppercase; color: #666; background: #eee; border-bottom: 1px solid #ccc }
	#ordine-registrazione td.label { width: 120px; padding: 4px 5px 4px 5px; text-align: left; font-weight: bold; }
	#ordine-registrazione td.data { padding: 4px 10px 4px 0; text-align: left; }
	#ordine-registrazione td.label2 { padding: 4px 10px 4px 25px; font-weight: bold; text-align: right; }
	#ordine-registrazione td.data2 { padding: 4px 20px 4px 0; text-align: left; }
	#ordine-registrazione input.long { width: 100%; padding: 2px 4px; line-height: 15px; border: 1px solid #ccc }
	#ordine-registrazione input.short { width: 120px; padding: 2px 4px; line-height: 15px; border: 1px solid #ccc }
	#ordine-registrazione select { width: auto }
	#ordine-registrazione textarea { width: 100%; padding: 2px 4px; border: 1px solid #ccc; overflow: auto; }
	span.errore { text-transform: uppercase; color: #c00; font-size: 11px; line-height: 1em; font-weight: bold; }
	#ordine-registrazione .noinput { font-weight: bold; font-family: verdana; font-size: 12px; color: #AD0001; border: 0; background: none; }

/* CLUB */
#club { width: 500px }
	#club td { padding: 5px 10px; text-align: left; border-bottom: 1px solid #ddd }
		#club td.label { text-align: right; }
		#club td.data { font-weight: bold }
#punti-prodotti { width: 500px; }
	#punti-prodotti th { padding: 5px; }	
	#punti-prodotti td { padding: 5px; border-top: 1px solid #ddd }

/* MULTIMEDIA */
#multimedia { margin-bottom: 30px; padding: 0 5px; line-height: 1.3em }
	#livello1 { margin: 15px 0 20px 0; font-size: 110%; line-height: 2em }
		#livello1 a.selected { color: #c00 }
.multimedia-elemento { float: left; width: 120px; height: 210px; margin: 0 10px 20px 10px; text-align: center; }
	.multimedia-elemento img { margin-bottom: 5px }
	.multimedia-elemento a { line-height: 1.3em; font-size: 80%; text-decoration: none }