/* $Id: lacicala.css,v 1.52 2009-03-18 14:49:43 gizzi Exp $ */

body { margin: 20px 0; color: #ddd; line-height: 1.4em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #000 }

img { border: 0 }
a { color: #f80; font-weight: bold; text-decoration: none }
	a:hover { text-decoration: underline }
	a.button { margin: 0; padding: 3px 6px; color: #000; font-family: trebuchet; font-size: 11px; font-weight: bold; background: #f80; border: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 24px;  line-height: normal }
h1 { margin: 0 0 10px 0; padding: 0 0 0 28px; background: url(../images/h1_bg.gif) no-repeat left center }
/* h2 = titolo delle aree */
h2 { margin: 4px 0 15px 0; padding: 0 0 5px 0px; line-height: 1em; color: #fff; font-size: 15px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px dotted #555 }
/* h3 = messaggi di sistema */
h3 { margin: 10px auto 30px auto; padding: 20px 30px; line-height: 1.5em; font-size: 15px; color: #ff6; background: #000; border: 1px solid #ff6 }
form { margin: 0 }
	.text { background: #ddd; border: 1px inset #fff }
	input.button { padding: 2px 0; font-size: 11px; color: #000; font-weight: bold; background: #f80; border: 0 }
	.blackselect { background: #111; color: #fff; font-weight: bold; font-size: 11px }
		.blackselect option { line-height: 2em }

#container { width: 960px; margin: 0 auto; }

/* AREA a tabella (fluida, per i contenuti in col centrale) */
.area { background: url(../images/area_bg.jpg) repeat-x #0D0D0D; }

/* AREA ColSx */
div.areaColSx {  }
	div.areaColSx div.header { float: left; clear: both; overflow: hidden; width: 215px; height: 9px; background: url(../images/area_sx_header.jpg) no-repeat; }
	div.areaColSx div.body { clear: both; width: 193px; padding: 0px 10px; background: #060606 url(../images/area_sx_body.jpg) repeat-x top center; border-width: 0 1px; border-style: solid; border-color: #303030; padding-bottom: 1px }
	div.areaColSx div.footer { overflow: hidden; height: 9px; width: 215px; background: url(../images/area_sx_footer.jpg) no-repeat; }

/* HEADER - BARRANAV */
#header { margin: 0 auto }
	#logo { float: left }
	form#searchField { text-align: right; padding-top: 5px }
	#barranav { float: right; padding-top: 10px; font-size: 13px }
		#barranav a.selected { color: #fff; text-decoration: underline }

/* CONTENT: colsx + centrale */
#content { width: 100%; }
	#content td { vertical-align: top }
	#colsx { width: 215px; color: #aaa }
		ul { margin: 0; padding: 0 0 0 15px; }
	#centrale { padding-left: 15px; }

/* MENU CATEGORIE */
#colsx ul li { line-height: 1.2em; }
	#colsx ul li a { color: #aaa }
		#colsx ul li a:hover { color: #fff; text-decoration: none }
		#colsx ul li a.selected { color: #f80 }
#colsx li.categoria1 { margin-top: 10px; font-size: 14px }
#colsx li.categoria2 { margin: 4px 0 4px 15px; text-transform: lowercase }
	#colsx li.categoria2 a { color: #f80 }
	#colsx .categoria2 a.selected { color: #fff }
#colsx li.categoria3 { margin: 4px 0 4px 40px; text-transform: lowercase }
	#colsx li.categoria3 a.selected { color: #fff }
#colsx li.collapsed { display: none }

/* MENU IN AREA COLSX GENERICO */
li.voce { margin: 0 0 5px 0; }
	li.voce a { font-size: 12px; color: #aaa }
		li.voce a:hover, { color: #f80; text-decoration: none }
		li.voce a.selected { color: #f80 }

/* LISTA PRODOTTI */
table.lista-prodotti { width: 100%; }
	table.lista-prodotti td { width: 33%; padding: 10px 10px 13px 10px; text-align: center }
	.thumb { display: block; margin: 0 auto 3px auto; border: 1px solid #ccc; filter:alpha(opacity=90); -moz-opacity: .75; opacity: .75; }

/* BRICIOLE */
#briciole { float: left; margin-bottom: 15px; }

/* FILTRI */
#filtri { float: right; margin: 2px; text-align: right }

/* PAGINAZIONE */
#paginazione { margin-top: 10px; padding: 17px 0 7px 0; text-align: center; color: #888; border-top: 1px dotted #888 }
	.paging_current { margin: 0 7px; padding: 3px 10px; color: #888; background: none; border: 1px solid #888 }
	.paging_links { margin: 0 7px; padding: 3px 10px; color: #000; background: #f80 }

/* GALLERY */
#gallery { text-align: center; }
	#paginazione-gallery { padding: 10px; color: #666; text-align: right; }

/* DETTAGLIO PRODOTTO */
.medium { float: left; margin: 0 20px 10px 0; border: 1px solid #ccc; }

/* CARRELLO */
#carrello { width: 100%; margin: 0 auto 20px auto; border-collapse: collapse }
	#carrello td, #carrello th { padding: 20px 10px; vertical-align: middle; border: 1px solid #444; }
	#carrello th { padding: 4px; color: #999; background: #222; }
	#carrello span.code { font-size: 10px; color: #777 }
	#carrello th.totale { padding: 10px; text-align: right; color: #fff; vertical-align: top; font-size: 110%; }

/* STORICO ORDINI */
#storico { width: 100%; margin: 0 auto 20px auto; border-collapse: collapse }
	#storico td, #storico th { padding: 20px 10px; vertical-align: middle; border: 1px solid #444; }
	#storico th { padding: 4px; color: #999; background: #222; }

/* MODULI ORDINE - REGISTRAZIONE */
#ordine-registrazione { width: 600px; margin: 0 auto 30px auto; border-collapse: collapse; }
	#ordine-registrazione th { padding: 4px; color: #999; background: #666; border: 1px solid #444; }
	#ordine-registrazione td.label { width: 110px; padding: 4px 5px 4px 0; text-align: left; font-weight: bold; }
	#ordine-registrazione td.data { padding: 4px 0; text-align: left; }
	#ordine-registrazione td.label2 { width: 140px; padding: 4px 5px; font-weight: bold; text-align: right; }
	#ordine-registrazione td.data2 { width: 146px; padding: 4px 0; text-align: right; }
	#ordine-registrazione input.short { width: 132px; padding: 2px 4px; background: #ddd; border: 1px inset #fff }
	#ordine-registrazione input.long { width: 451px; padding: 2px 4px; background: #ddd; border: 1px inset #fff }
	#ordine-registrazione select { width: auto }
	#ordine-registrazione textarea { overflow: auto; width: 451px; padding: 2px 4px; font-size: 11px; background: #ddd; border: 1px inset #fff }
	span.errore { text-transform: uppercase; color: #f22; font-size: 100%; font-weight: bold; }
	#ordine-registrazione .noinput { color: #777; }
	#coordinate { margin-top: 10px; padding: 10px; background: #ff9; }

/* LOGIN */
div.login { float: left; width: 230px; margin: 10px 25px 50px 25px; padding: 10px 20px; }
	div.login div.ttl { margin-bottom: 10px; padding-bottom: 5px; font-weight: bold; border-bottom: 1px dashed #666 }
	div.login span { display: block; float: left; width: 90px; margin-top: 8px; text-align: left; }
	div.login input.text { margin-top: 6px; width: 130px }

/* FOOTER */
#footer { clear: both; margin: 15px 0 0 0; text-align: center; color: #666; font-size: 11px }
	#footer a { color: #666 }

/* BOTTOM LINE */
#bottomline { margin: 0 auto 10px auto; padding: 0 20px; text-align: center; text-transform: lowercase; font-style: italic; font-size: 11px; color: #444 }