/* $Id: optyfashion.css,v 1.31 2007-06-01 15:45:03 gizzi Exp $ */

body { margin: 5px 0; line-height: 1.3em; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #ccc; }
	
a { color: #666; font-weight: bold; text-decoration: none }
	a:hover { text-decoration: underline }
a.button { padding: 3px 5px; font-size: 11px; line-height: 2em; color: #fff; background: #a9c; border: 1px solid #fff; }
	a.button:hover { text-decoration: none; background: #87b; }
input.button { height: 22px; font-size: 11px; line-height: 1em; font-weight: bold; color: #fff; background: #a9c; border: 1px solid #fff; }
form { margin: 0; }
	.txt { height: 18px; padding: 0 3px; line-height: 1.6em; font-size: 11px; border: 1px solid #ddd; }
	select { font-size: 11px; }
img { border: 0 }
.thumb { margin-bottom: 7px }

h1, h2, h3, h4, h5, h6 { line-height: 1.3em }
h1 { text-align: center; font-size: 150%; }
h3 { width: 493px; margin-left: auto; margin-right: 20px; padding: 20px; text-align: center; font-family: georgia;  background: #ffb; border: 2px solid #ee0 }
.message { margin: 0 160px 0 30px; text-align: center; line-height: 1.4em; font-size: 150% } /* tpl di errore*/

/* TOP LINE */
#topline { width: 760px; margin: 0 auto 5px auto; text-align: center; color: #999; font-size: 10px; font-family: arial; }
	#topline h1 { margin: 0 auto 0px auto; font-weight: normal; font-size: 100% }

#container { width: 760px; margin: 0 auto; border: 1px solid #999; background: #fff }

/* HEADER */
#header { width: 100%; background: url(../images/bg_header.jpg) repeat-y top left }
	#header img { float: left; margin: 30px 0 30px 30px; }
	#header a { font-size: 10px; }
	#header form { float: right; width: 400px; height: 50px; margin: 10px 10px 5px 0; text-align: right; color: #666666; }
	#header .bentornato { float: right; width: 400px; height: 20px; margin: 30px 10px 5px 0; text-align: right; color: #666666; }
		
/* BARRA DI NAVIGAZIONE */
#barranav { width: 730px; height: 22px; padding: 5px 15px; text-align: right; background: #e6e6e6 }
	#barranav form { float: left; }
		#barranav .txt { font-weight: bold; color: #a9c }
	#barranav .link  { padding-top: 3px}

/* HOME - CATEGORIE */
#categorie-home { width: 760px; height: 211px; line-height: 1.5em; color: #fff; background: url(../images/bg_foto_home.jpg) repeat-x }
	#payoff { margin: 30px 0 0 23px }
	#foto { float: right; }
	#categorie-home hr { float: left; width: 545px; height: 1px; margin-top: 5px; color: #e6e6e6; border: 0; border-top: 1px solid #e6e6e6; }
	#categorie-home .gruppo { float: left; margin: 10px 10px 0 10px; }
	#categorie-home a { color: #fff }
#barretta { clear: both; width: 760px; height: 8px; line-height: .5em; margin-top: 1px; background: #A7B7D8; }

/* COLONNA SX */
#colsx { float: left; width: 188px; }
	.area { margin: 20px 10px; font-size: 10px; color: #6F89AE }
		.area .ttl { padding: 0 7px 2px 20px; font-weight: bold; color: #fff; background: url(../images/freccetta_bianca.gif) no-repeat left #A7B7D8 }
		.area a { color: #6F89AE }
		.area a.selected { color: #6F89AE; text-decoration: underline }
		.area .link { padding: 8px 5px; line-height: 1.7em; background: #eee }

/* LISTA PRODOTTI */
#prodotti { width: 555px; margin: 10px auto; font-size: 10px }
	#prodotti th { padding: 10px 10px 10px 10px; text-align: left; border-bottom: 1px solid #eee }
	#prodotti td { width: 33%; padding: 18px 11px; text-align: center; vertical-align: top }
	.barrato { font-weight: normal; text-decoration: line-through }
	.prezzo { font-size: 120%; color: #f00 }
	.prezzoListino { font-size: 120%; }

/* BRICIOLE */
#path { margin: 5px 15px 0px 200px; padding-bottom: 5px; font-size: 120%; border-bottom: 1px solid #a7b7d8 }
	
/* FILTRO DELLA LISTA E PAGINAZIONE */
#filtro-paginazione { width: 542px; height: 18px; margin: 20px 15px 0 200px; padding-bottom: 5px; border-bottom: 1px solid #a7b7d8 }
	#filtro { float: left }
	#paginazione { float: right; }

/* DETTAGLIO PRODOTTO */
#prodotto { width: 560px; line-height: 1.3em; }
	#prodotto th { padding: 15px 0 20px 0; line-height: 1.3em; font-size: 18px; text-align: center; color: #666 }
	#prodotto td { vertical-align: top }
	#prodotto .descrizione { width: 60%; padding: 0 20px 20px 10px; border-right: 1px dotted #ccc }
	#prodotto .varie { padding: 0 10px 20px 20px; }
		#prodotto .note { }
#prodotto-foto { width: 450px; margin: 20px auto 20px auto }
	#prodotto-foto td { padding: 3px 0; text-align: center; vertical-align: middle }
	#prodotto-foto .grande { height: 336px; padding-bottom: 15px; }
	#prodotto-foto .piccola img { border: 1px solid #fff }

/* CMS */
#cms { margin: 0 20px 0 200px; }

/* LOGIN */
#login { float: left; width: 230px; margin: 20px 0 20px 10px; padding-bottom: 10px; text-align: center; border: 2px solid #aaa; }
	#login h4 { margin: 0; padding: 3px; text-align: center; font-family: georgia; font-size: 13px; font-variant: small-caps; color: #fff; background: #aaa; }
	#login span { vertical-align: middle; font-family: verdana; font-size: 11px; font-weight: bold }
#reminder { float: right; width: 230px; margin: 20px 10px 20px 0; padding-bottom: 10px; text-align: center; border: 2px solid #aaa; }
	#reminder h4 { margin: 0; padding: 3px; text-align: center; font-family: georgia; font-size: 13px; font-variant: small-caps; color: #fff; background: #aaa; }
	#reminder span { vertical-align: middle; font-family: verdana; font-size: 11px; font-weight: bold }
#change { margin: 40px 0 20px 171px; width: 230px; padding-bottom: 10px; text-align: center; color: #fff; border: 1px outset #fff; background: #e81; }
	#change h4 { margin: 0 0 10px 0; padding: 3px; text-align: center; font-family: georgia; font-size: 13px; font-variant: small-caps; color: #fff; background: #fa3; }
#errori { width: 493px; padding: 20px; line-height: 1.3em; text-align: center; font-size: 130%; font-family: georgia;  background: #ffb; border: 2px solid #ee0 }
	#errori input { }

/* MODULI ORDINE - REGISTRAZIONE */
#ordine-registrazione { margin: 0 auto 0 auto; }
	#ordine-registrazione th { padding: 8px; 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: 434px; padding: 2px 4px; line-height: 15px; border: 1px solid #ccc }
	#ordine-registrazione input.short { width: 140px; padding: 2px 4px; line-height: 15px; border: 1px solid #ccc }
	#ordine-registrazione select { width: auto }
	#ordine-registrazione textarea { width: 434px; padding: 2px 4px; border: 1px solid #ccc; overflow: auto; }
	span.errore { text-transform: uppercase; color: #d00; font-size: 12px; font-weight: bold; }
	#ordine-registrazione .noinput { font-weight: bold; font-family: verdana; font-size: 12px; color: #c00; border: 0; background: none; }
	#coordinate { margin-top: 10px; padding: 10px; background: #ff9; }

/* CARRELLO */
#carrello { width: 90%; margin: 30px auto 20px auto; border-left: 1px solid #ccc }
	#carrello th { text-transform: uppercase; color: #666; background: #eee; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc }
	#carrello th.totale { text-align: right; vertical-align: top; font-size: 110%; text-transform: uppercase; color: #666; background: #eee; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc }
	#carrello td { border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc }
	#carrello .cod { line-height: 4em; font-style: italic }
	#carrello #qta-modifica { width: 40px; text-align: center }
	#carrello #qta-submit { width: 70px; margin-top: 5px; padding: 0 }

/* RISULTATI RICERCA (search) */
/* pagina risultati */
#search { margin: 0 20px 0 200px; font-size: 11px; }
	#search .description { margin-bottom: 5px; font-style: italic }
	#search a.searchlink { display: block; padding: 3px 5px 5px 5px; background: #f4f4f4; }

/* FOOTER */
#footer { margin-top: 15px; clear: both; line-height: .5em; background: url(../images/bg_footer.jpg)}

/* PRE FOOTER (anche se in questo caso viene dopo il footer...) */
#prefooter { width: 760px; margin: 5px auto; text-align: center; color: #999; font-size: 10px; font-family: arial; }
	#prefooter h1 { margin: 0 auto 0px auto; font-weight: normal; font-size: 100% } 
	#prefooter a { text-decoration: none; color: #999; font-size: 10px; font-family: arial; }
		#prefooter a:hover { text-decoration: none; color: #999; font-size: 10px; font-family: arial; }