/*

colori base (rgb):
244,240,229 - body
136,0,0 - link
163,146,120 - marrone chiaro
80,70,55 - marrone scuro

*/

body {
color: rgb(80,70,55);
background: rgb(244,240,229) ;
font-family: georgia, serif;
font-size: 13px;
}

.date {
color: green;
}

hr {
text-align: center;
border: 0;
display: block;
width: 300px;
height: 13px;
background: url(/static/img/hr.png);
}

blockquote {
text-align: left;
margin: .5em .5em;
padding: .5em .5em;
border-left: 5px solid #000000;
background-color: #F4F0E5;
}

#container {
width: 960px;
background: url("/static/img/back.png") 0 0 repeat-y;
/*margin-left: 0;*/
}

#ribbon {
padding: 0.5em 1.5em 0.5em 1.5em;
margin: 0;
}

#aux {
padding: 1.5em 2em 1.5em 0.5em;
margin: 0;
}

#page {
padding: 1.5em 0.5em 1.5em 2.5em;
margin: 0;
text-align: justify;
}

#page p {
margin-bottom: 0;
text-align: justify;
}

/* if you want a paragraph not indented */
#page p.noindent {
text-indent: 0;
}

#ribbon {
text-align: center;
font-size: 17px;
}


/* footer ================================================================ */

#footer {
clear: both;
background: url("/static/img/bottom.png") center bottom no-repeat;
padding-bottom: 1em;
text-align: center;
}

#footer p {
padding-left: 2em;
margin-right: 25%;
padding-right: 2em;
margin-left: 50%;
}

#footer a:link, #footer a:visited {
text-decoration: none;
}

#footer a:hover {
color: #fff;
}


/* nav menu ============================================================== */

#ribbon ul#menu li {
display: block;
font-size: 1.3em;
line-height: 1.5;
border-bottom: 2px solid rgb(163,146,120);
}

#ribbon a:link, #ribbon a:visited {
text-decoration: none;
}

#ribbon a:hover {
color: #fff;
}


/* standards ============================================================= */

a:link, a:visited {
color: #800;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: none;
}

h1 {
color: rgb(163,146,120);
font-size: 34px;
margin-top: 10px;
margin-bottom: 20px;
}

h2 {
font-size: 28px;
margin-top: 7px;
margin-bottom: 10px;
}

h3 {
font-size: 18px;
margin-top: 10px;
margin-bottom: 5px;
font-weight: bold;
}

h4 {
font-size: 18px;
text-decoration: underline;
font-weight: bold;
text-align: center;
margin-top: 20px;
margin-bottom: 5px;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

strong, b, em, i {
color: #000;
}

/* lists ================================================================= */

#page dt {
font-weight: bold;
}

#page dd {
margin-left: 1em;
}

#page ol {
list-style-type: decimal;
}

#page ul {
list-style: square;
}

#page ul, #page ol {
margin-left: 1em;
padding-left: 1em;
}

/* nested list: no vertical margin */
ul ul, ol ol, ul ol, ol ul {
margin-top: 0;
margin-bottom: 0;
}

/* image floating ======================================================== */

#page img.imgright {
float: right;
margin-left: 1em;
}

#page img.imgleft {
float: left;
margin-right: 1em;
}


/* table ================================================================= */

table, dl, ul, ol {
margin-top: 1.5em;
}

th, table caption {
font-weight: bold;
}

th {
background: rgb(163,146,120);
color: #fff;
font-weight: bold;
}

td {
background: #fff;
}

td, th {
border-left:  1px solid rgb(163,146,120);
border-right: 1px solid rgb(163,146,120);
padding: 0 0.5em;
text-align: center;
}

tfoot th, tfoot td {
background: rgb(80,70,55);
color: #fff;
}

a.tip {
position: relative;
}

a.tip span {
display: none;
position: absolute;
top: 20px;
left: -10px;
width: 125px;
padding: 5px;
z-index: 100;
background: #000;
color: #fff;
-moz-border-radius: 5px; /* this works only in camino/firefox */
-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
display: block;
}

.makhfi{display: none;}

.justCenter {text-align: center;}

.justCenter img {border: 2px solid #000000; padding: 1px 1px 1px 1px;}

.listTable {width: 25%; font-size : 12px; font-family : tahoma, arial; padding: 3px; border: solid 1px #666666;}

.listTableBig {width: 70%; font-size : 12px; font-family : tahoma, arial; padding: 3px; border: solid 1px #666666;}

.listTableSmall {width: 30%; font-size : 12px; font-family : tahoma, arial; padding: 3px; border: solid 1px #666666;}

.indented {padding-left: 20px;}

.prod {float: left; width: 105px; padding: 0px 5px 0px 0px;}

.prod img {border: 2px solid #000000; padding: 1px 1px 1px 1px;}

.prodListing {float: left; width: 105px; height: 200px; padding: 0px 5px 0px 0px;}

.prodListing img {border: 2px solid #000000; padding: 1px 1px 1px 1px;}

.clear {height: 0; font-size: 1px; margin: 0; padding: 0; line-height: 0; clear: both;}

.red {color: red;}

.price {font-size: 1.5em;}