/* 006600 verdescuro, 009900 verdebrillante, cccc00 verdepallido, 660000 rossoscuro, 990000 rossobrillante, aa0000 rossopiubrillante */
body { 
	font: 12px verdana, geneva, arial, helvetica, sans-serif; 
	margin:0; padding:0;
	text-align:center;
	background-color:#cccc00;
	scrollbar-face-color: #fff7d8; scrollbar-highlight-color: #990000; scrollbar-shadow-color: #990000; scrollbar-3dlight-color: #fff7d8; scrollbar-arrow-color: #990000; scrollbar-track-color: #fff7d8; scrollbar-darkshadow-color: #fff7d8;
}
#container{
	position:relative;
	width: 968px;
	margin: 0 auto;
}
#header{
	color: #ff0;
}
#navigation{ 
	position:absolute;
	left: 0;
	width:198px; 
	padding:0 0; 
	color:#006600;
visibility: hidden; /* per fluttuante */
z-index: 100; /* per fluttuante */
}
#content {
	margin-left: 198px;
	padding: 0em;
	overflow: visible;
}
#contenuto {
	margin-left: 14px;
	width:756px; 
	padding:0 0;
	overflow: visible;
}
#sub-contenuto {
	padding:1em 0;
	margin: 0;
	color:#000;
	line-height: 1.3em;
	background-color: #fff;
	overflow: visible;
	border-left:#990000 1px solid;
	border-right:#990000 1px solid;
}
#footer{
	text-align:center;
	color: #fff;
	float:right;
	width: 756px;
	font-size: 0.80em;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	background-color:#990000;
}
#footer a {
	color: #fff;
	font-style: normal;
	text-decoration: none
}
#footer a:hover, #footer a:active {
	background-color: #7f0000;
	color: #fff;
}


.kont {
	padding: 0;
	margin: 0;
}
.dentro {
	background-color:#990000;
	padding-top:4px;
}


/* titolo pagina */
#testata-sp { display:none; }
#logo { float:right; }
#titolopagina {
	font-weight:bold;
	display:block;
	font-size: 16px;
	background-color: #660000; 
	padding: 10px 10px  10px 10px;
	color:#fff;
	overflow: visible;
	margin-bottom:16px;
	margin-top: 8px;
	letter-spacing: 0.1em;
	border: 2px solid #990000;
}
.t-cic-p {
	float:right;
	font-size:0.8em;
	letter-spacing: 0em;
	text-indent: 0em;
	color: #fff;
}
.t-cic-g {
	text-align:left;
}
#autoriale {
	display:block;
	float: right;
	background:#990000 url(imago/angolo-autoriale.gif) 0% 100% no-repeat;
	color:#fff;
	padding:0px 5px 3px 18px;
	white-space: nowrap;
	margin-top:-16px;
}


/* titolo sezione */
.titoletto {
	display:block;
	text-align:left;
	font-weight:bold;
	background-color: #660000; 
	padding: 4px 10px  4px 16px;
	color:#fff;
	overflow: visible;
	margin-bottom:16px;
	margin-top: 38px;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #990000;
	border-top: 1px solid #990000;
}
.ristretto {
	display:block;
	text-align:left;
	background-color: #fff; 
	padding: 2px 10px  2px 10px;
	margin: 14px 30px 0px 30px;
	color:#660000;
	overflow: visible;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #990000;
	border-top: 1px solid #990000;
}
.ristretto img {
	border:0;
}
.ristretto a {
	text-decoration:none;
	color:#660000;
}
.ristretto a:hover, .ristretto a:active {
	color:#990000;
}
.ristretto-sotto {
	text-align:justify;
	padding: 2px 10px  2px 10px;
	margin: 0px 30px 0px 30px;
	color:#000;
	overflow: visible;
}
.ristretto a span.freccia{
	display:none;
}
.ristretto a:hover span.freccia{
	display:block;
	display:inline;
}

/* interno al contenitore */
.img-sx {
	float:left;
	padding:6px;
	margin: 10px 10px -10px 10px;
	clear:both;
	display:inline;
}
.img-sx-bordo {
	float:left;
	padding:6px;
	margin: 10px 10px 2px 10px;
	clear:both;
	display:inline;
	border:1px #990000 solid;
}
.img-dx {
	float:right;
	padding:6px;
	margin: 10px -10px -10px 10px;
	clear:both;
	display:inline;
}
.biro {
	text-decoration:none;
	white-space:nowrap;
	padding-bottom:4px;
	color:#660000;
	background: transparent url(imago/img-line.gif) repeat-x 100% 100%;
}
hr {
	background-color:#0084a5;
	color:#0084a5;
	margin: 5px 30px 5px 30px;
	height:1px;
	border:0px;
}


/* caratteri */
p {
	padding: 1em;
	margin: 0 1em; 
	text-align: justify;
}
p.primo-paragrafo {
	text-align:justify;
}
p.primo-paragrafo:first-letter { 
	font-size: 3em; 
  	font-style: italic;
  	float: left;
	background: #c6eff6 url(imago/coloresfondo.jpg) top repeat-x;
	color: #000;
	margin:0 5px 5px -10px;
	padding: 5px 5px 5px 10px;
	line-height:1em;
}
p.p-ju { 
	text-indent: 2em;
	text-align: justify;
}
p.p-sx { 
	text-align: left;
}
p.p-ce { 
	text-align: center;
}
p.p-dx { 
	text-align: right;
}
p.p-it { 
	text-align: center;
	font-style:italic;
}
p.p-cic {
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing: 0.05em;
	text-indent: 0em;
	line-height: 1.3em;
	color: #c00264;
	padding-top: 3em;
}
p.p-tit {
	text-align:center;
	font-size:1.3em;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-indent: 0em;
	word-spacing: 0.1em;
	line-height: 1.3em;
	color: #2e2eff;
	font-variant:small-caps;
}
p.p-cit {
	text-align: center;
	font: italic 1em/2.4em verdana, san-serif;
	word-spacing: 0.1em;
}
p.p-cit span.spquote {
	color: #0084a5;
	font: italic 900 2.2em/1em georgia, serif;
}
p span.lingua, td span.lingua {
	color: #0084a5;
}


/* ingredienti */
.durata {
	text-align:right;
	font-size:11px;
	margin-top:30px;
	margin-bottom:10px;
	margin-right:10px;
	color:#006600;
} 
ul.ingr {
	text-align:left;
	font-size:11px;
	margin: 0px 0px 20px 30px;
	list-style-image: url(imago/pom2.gif);
	line-height:1.40em;
	list-style-position:inside;
} 
ul.ingr li{
	margin: 0px 5px 5px 0px;
	color:#006600;
} 


/* articoli */
.art-sx {
	position:absolute;
	left: 212px;
	width:320px; 
	padding:0 0; 
	color:#006600;
}
.art-dx {
	margin-left: 320px;
	padding: 0em;
	margin-top:50px;
	overflow: visible;
	line-height: 1.6em;
}


/* tavoletta di carta a sx */
ul.tak {
	text-align:left;
	font-size:11px;
	padding:0px 2px 0px 28px;
	margin:0;
	list-style: url(imago/pom.gif);
	line-height:1.40em;
} 
ul.tak li{
	margin-bottom: 5px;
} 
.tak-inside {
width: 198px;
height: 400px;
overflow: auto;
padding: 0px;
background-image:url(imago/tak-med.gif);
}
.tak-inside a {
	text-decoration:none;
	color:#660000;
}
.tak-inside a:hover, .tak-inside a:active {
	color:#fbf0d0;
	background-color:#660000;
}


/* menu a tab */
ul#nav{float: left;width: 100%;list-style: none;
     margin: 0;padding: 0;border-bottom: 1px solid #aa0000}
ul#nav li{float: left;margin: 0 0.2em 0;padding: 0}
ul#nav a{float: left;padding: 0 0 0 0.4em;
    background: url(imago/tab.png) no-repeat top left;
    text-decoration: none;color: #fff}
ul#nav span{float: left;padding: 0.4em 0.4em 0.4em 0;
    background: url(imago/tab.png) no-repeat top right;cursor: pointer}
ul#nav li#active a{
    background: url(imago/tab2.png) no-repeat top left; margin-bottom:-1px; border-bottom: 1px #990000 solid;}
ul#nav li#active a:hover{
    margin-bottom:0;}
ul#nav a:hover{
    background: url(imago/tab3.png) no-repeat top left; margin-top:-1px; border-bottom:1px #990000 solid;}
ul#nav li#active span{
    background: url(imago/tab2.png) no-repeat top right;color: #fff}
ul#nav a:hover span{
    background: url(imago/tab3.png) no-repeat top right;color: #fff}


/* sotto menu in orizzontale */
#describe {
	background-color:#990000;
	width:746px;
	height:18px;
	padding-top:5px;
	padding-left:8px;
	text-align:left;
	color:#550000;
	border-left: 1px #aa0000 solid;
	border-right: 1px #aa0000 solid;
	clear:both;
}
#describe a {
	text-decoration:none;
	color:#ffffff;
}
#describe a:hover, #describe a:active {
	background-color:#7f0000;
}