/** created by dada
  * contact: ----- at akabit dot it
  * http://www.akabit.it/
  
/*
** HTML elements
*/

/* azzeramento dei margini e padding */

html, body{margin: 0;padding: 0}
h1, h2 {margin: .5em 0 0.4em}
h3, h4 {margin: 0.7em 0 0.2em}
h5, h6 {margin: 0.5em 0 -0.2em}


address, blockquote, dl, form,
fieldset, table, p, pre {
    margin: 0.2em 0;}

ol, ul {
	margin: .1em 0 .2em .6em
}

/** generali**
*****************/

body {
  font-family: "trebuchet MS", Verdana, Geneva, helvetica, sans-serif;
  font-size: 100.01%;
}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}

h1 {
  font-size: 1.8em;  
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em; font-weight: normal;
}

h4 {
  font-size: 1.1em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}


img, img a:hover {
  border: none;
}

a, a:visited {color: #333;}
a:hover {background: #fc6;}

/*classe per siti accessibili*/
.off {
    position: absolute;
    top: -9999px;left:-9999px;
}
/*layout*/
body {text-align: center; 
background: #fff url(img/cucina-italiana.jpg) no-repeat fixed left 250px; }


#testata {background:#f70;}
#logo {text-align:left; 
background: #fff url(img/forchetta-sapermangiare.jpg) no-repeat top right;
margin: 0 1% 0 5%; 
width:93%;	
height: 150px;
}
img.logotipo {margin-top: 18px;}

#fascia { background: #fff url(img/bkg-fasce.png) repeat-x bottom;  height:20px;}


#testata h1 {margin:0; color: #fff;}

#testata p {font-weight: bold; font-size: 0.8em; color: #fff; text-align: right; padding-right: 4%; padding-top: 112px;}


#contenitore {width: 100%;
	float: left;
}


#corpo {	
	margin: 0 1% 0 5%; 
	border: 0px solid #000000;
	float: left;
	width:93%;	
	background: #fff;	
	text-align: right;
	padding:0;
	background: transparent;
	
}

#colonna1 { float: left;
	width: 60%;
	border: 0px solid red;
	background: transparent;
	text-align: left; 
}

#colonna2 {float: left;
	width: 40%;
	border: 0px solid #690;
	text-align: right;
}
	
.contenuto {margin: 0.6% 1% 20px 1%; border: 1px solid #ccc; padding: 0 10px;background: #FFFFFF;}
	
.box-menu {float: right;
border: 1px solid #ccc;
width: 47%;
margin: 1%;
text-align: left;
font-size: 0.8em;
background: #fff;
}

.box-menu img {float: left; margin-right: 3px;}
.box-menu p {margin:3px;}
.box-menu a {text-decoration: none;}

/*pagine interne*/

h1.title {margin-left: 10px;  padding-left: 60px;}

h1.ristoranti {background:#fff url(img/icona-ristoranti.png) no-repeat;}
h1.curiosity {background:#fff url(img/peperoni-mais.png) no-repeat;}
h1.cucina {background:#fff url(img/cucina-regionale.png) no-repeat;}

ul.indice {
	background: #fff;
	border: 1px solid #9ddd05;
	padding: 1%;
	font-size: 0.8em;
	margin: 0.6% 1% 20px 1%;
	padding: 10px;	
	
}

ul.indice li {
	display: inline;
	margin-right: 1em;
	border-left: 16px solid #f60;
	padding-left: 4px;
	line-height: 1.8em;
}

img.dx {float: right; margin-left: 6px;}
img.sx {float:left; margin-right: 6px;}

.citazione {margin: 0.3em 0.1em; background: #fff url(img/virgolette_ap.gif) no-repeat left top; padding: 0.6em 0.8em; font-size:0.9em;}

.fonte {
	margin:  0 0.1em;
	background: #fff url(img/virgolette_chius.gif) no-repeat right top;
	padding: 1em 0 0.5em;
	font-size:1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.fonte2 {
	text-align: right;
	margin:  0 0.1em;
	padding: 0.5em;
	font-size:1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.categoria {
	font-size: 0.8em; text-align: right;
}

.indirizzo  {
	border-top: 1px dotted #ccc;
	margin: 0.6em 0.1em 0.3em; 
	background: #fff url(img/pencil_32.gif) no-repeat right top; 
	padding: 0.3em 0.8em 0.6em; 
	font-size:0.9em;
}
p.ritorna {font-size:0.75em; text-align:center;margin-top:0; margin-bottom: 1em; padding: 0;}
p.ritorna a {border: 1px solid #f60; text-decoration: none; padding:0 2px;}

.ingredienti  {
	border-bottom: 1px dotted #ccc;
	margin: 0em 0em 0.3em 0.2em; 
	background: #fff url(img/ricette-ingredienti.jpg) no-repeat right 12px; 
	padding: 0 0em 0.4em 0.2em; 
	font-size:0.9em;
}
.ingredienti ul {
	list-style: square inside;
	margin: 0px 0px 10px;
	padding: 0px;
}
.ingredienti ul li span {background: #fff;}

.centra {text-align: center;}

#colonna1b { float: left;
	width: 69%;
	border: 0px solid red;
	background: transparent;
	text-align: left; 
}

#colonna2b {float: left;
	width: 30%;
	border: 0px solid #690;
	text-align: right;
}

#piede {
	clear: both;
	background: #555;
	color: #fff;
	font-size: 0.75em;
	
}