html, body {
	margin: 0;
	padding: 0;
}

body {
	font: 87% "Arial", fantasy;
	color: #fc0;
	margin: 0 15px;
	background:#000  url(../widgets/menu_bg.gif) repeat-y 15px 0px;
	min-width: 745px;
	max-width: 1225px;
}


/* Struttura della pagina */
div#page {
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 98%;
}

div#menu {
	float: left;
	width: 216px;
	color: #000;
	background-color: #ff9;
	padding-bottom: 3em;
}

div#wrapper {
}

div#content {
	margin-left: 235px;
	text-align: left;
}

div#header {
	text-align: right;
	padding: 1em 0em 0.5em;
}

div#footer {
	clear: both;
	text-align: center;
	padding: 2.5em 0.5em 0.5em 0.5em;
	font-size: 75%;
}


.error {
	font-weight: bold;
	color: #f00;
	padding: 0.4em;
	border: 1px solid #f00;
	margin: 0.5em 0;
}


/* Paragrafi */
p {
	margin: 1em 0;
}
p.indent {
	margin: 1em 0;
	padding-left: 40px;
}
p.occhiello {
	margin: 1em 0 0.25em 0;
}

p.evidenza {
	font-weight: bold;
	color: #f00;
}
p.evidenza a {
	color: #f00;
	text-decoration: underline;
} 
p.warning {
	color: #f00;
}
p.warning a {
	color: #f00;
	text-decoration: underline;
} 

/* link */
a {
	color: #fc0;
	background-color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


.hidden {
	display: none;
}


/* Immagini */
img {
	display: block;
	border-style: none;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	font-weight: bold;
}
h1 { font-size: 160%; border: 2px solid #900; margin: 0 0 1em 0; padding: 0.25em; }
h2 { font-size: 125%; }
h3 { font-size: 120%; }
h4 { font-size: 115%; }
h5 { font-size: 110%; }
h6 { font-size: 105%; }





/* Stile dell'header */
#header a {
	white-space: nowrap;
	margin: 0 0.5em;
}

#ilMeteo {
	float:left;
	width:100px;
	text-align:left;
}

.menuCarrello {
	padding-left: 20px;
	background: #000 url(/widgets/carrello.gif) no-repeat left center;
}

/* Logo */
#logo img {
	margin: 10px auto;
}


/* Stile del Menu */
#menu a {
	color: #800000;
	background-color: #ff9;
}
#menu h3 a, #menu h3 {
	color: #800000;
	background-color: #ff9;
	margin-bottom: 0;
}

#menu .facili         { color: #0f0; font-weight: bold; }
#menu .medi           { color: #fc0; font-weight: bold; }
#menu .difficili      { color: #f00; font-weight: bold; }
#menu .difficilissimi { color: #000; font-weight: bold; }
#menu .impossibili    { color: #06f; font-weight: bold; }

#menu ul {
	margin-bottom: 0;
	margin-top: 0;
}
#menu #nsRompicapo {
	list-style-type: none;
	margin-left: -20px;
	padding-left: 0px;
}

/* Stile dei contenuti */

/* titoli */
div#content h1 {
	background: #fff url('../images/sfondoLegno.jpg') repeat left top;
	color: #900;
}
/*
div#content h1.d1 { color: #fff; background: #0c0; }
div#content h1.d2 { color: #000; background: #ff3; }
div#content h1.d3 { color: #fff; background: #c00; }
div#content h1.d4 { color: #fff; background: #000; }
div#content h1.d5 { color: #000; background: #69f; }
*/
div#content h2 { color: #f00; background-color: #000; margin-top: 0.25em; }


/* Sezione prodotti */

/* Lista prodotti */
div#content ul.prodotti {
	border: 2px solid #ff0;
	float: left;
}

div#content ul.prodotti, div#content ul.prodotti li {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#content ul.prodotti li {
	float: left;
	width: 160px;
	height: 160px;
	overflow: hidden;
	margin: 5px 5px;
}

div#content ul.prodotti li {
	border: 1px solid #800000;
	padding: 1px;
	margin: 2px;
}


/* gallery */
div#content ul.gallery, div#content ul.gallery li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#content ul.gallery li {
	float: left;
	padding: 1px;
	border: 1px solid #800000;
	margin: 5px 5px;
}


/* Dettaglio prodotto */
img#foto {
	border: 3px solid #fc0;
	float: left;
	padding: 1px;
	margin: 0 15px 15px 0;
}
table#dettaglioProdotto {
	float: left;
	width: 300px;
	border-collapse: separate;
	border-top:    3px solid #fc0;
	border-right:  3px solid #800000;
	border-bottom: 3px solid #800000;
	border-left:   3px solid #fc0;
}
table#dettaglioProdotto td, table#dettaglioProdotto th {
	border-top:    1px solid #800000;
	border-right:  1px solid #fc0;
	border-bottom: 1px solid #fc0;
	border-left:   1px solid #800000;
}
table#dettaglioProdotto th { 
	font-weight: normal;
}
table#dettaglioProdotto td.materiale      { color: #69f; background-color: #000; }

.bull {
	font-size: 3em;
	line-height: 0.3em;
	vertical-align: baseline;
}


/* Pagina come scegliere */
img.iconAdatto { display: inline; vertical-align: bottom; }
.classe {
	color: #fff;
	background-color: #000;
}
.ordina {
	font-weight: bold;
	font-size: 110%;
	padding-right: 2em;
}

ol li {
	margin: 1em;
	font-weight: bold;
}
ol li ol li {
	margin: 0.25em;
	font-weight: normal;
}




.facile         { color: #fff; background-color: #0c0; }
.medio          { color: #000; background-color: #ff3; }
.difficile      { color: #fff; background-color: #c00; }
.difficilissimo { color: #fff; background-color: #000; }
.impossibile    { color: #000; background-color: #69f; }



/* Form dei feedback */
form#feedback label.up {
	display: block;
	margin-top: 0.3em;
}
form#feedback .domanda {
	margin-top: 0.4em;
}
form#feedback label img, form#feedback .domanda img {
	display: inline;
	vertical-align: middle;
}
form#feedback fieldset {
	margin-bottom: 0.5em;
}


/* Tabella dei feedback */
#leftFeedback {
	clear: both;
	margin-top: 1.5em 0;
}
table#feedback {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #fc0;
}
table#feedback td {
	border: 1px solid #fc0;
	padding: 1px 3px;
	vertical-align: top;
}
table#feedback img {
	display: inline;
	vertical-align: middle;
}
.data { font-size: 90%; }
table#feedback caption {
	font-weight: bold;
	font-size: 110%;
	color: #06F;
	padding: 0.5em;
}


/* Tabella carrello */
table.carrello {
	border-collapse: collapse;
}
table.carrello td {
	border: 1px solid red;
}

table.carrello a.cestino {
	float: right;
	width: 16px;
}

table.carrello td.nome {
	width: 250px;
}

table.carrello th {
	text-align: left;
	font-weight: bold;
	color: #fff;
}

table.carrello .prezzo {
	width: 75px;
	text-align: right;
}

table.carrello td.quantita input {
	text-align: right;
}
table.carrello td.quantita {
	width: 75px;
	text-align: right;
}



td.label {
	text-align: right;
}

.errore {
	color: #f00;
	font-weight: bold;
}