/* @override http://www.trattoria-ala.it/css/style.css */

/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset { margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif; }
/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em; }
/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none;}
/* Form field text-scaling */
input, select, textarea { font-size: 100%; }

body {margin: 0;
padding: 0;
font-family: serif;
line-height: 1.2em;
font-size: 0.8em;
background: #5a0e01 url(../images/sfondo-sito-sotto.jpg) repeat-x 0 +16px;
color: #fff3e1;
height: 90%;
}
div#container {
width: 1242px;
height: 90%;
line-height: 1.2em;
min-height: 750px;
min-width: 1242px;
margin-right: auto;
margin-left: auto; 
color: #fff3e1;
background: url(../images/sfondo-sito.jpg) repeat-y 0px +278px;
font: 1em Times, "Times New Roman", serif;
text-align: center;
}
div#header {padding: 0%;
text-align: center;
color: #ffffff;
margin-bottom: 0px;
height: 278px;
background: url(../images/header.jpg) no-repeat;
vertical-align: bottom;
}
div#hnav {text-align: center;
color: #5a0e01;
height: 61px;
position: relative;
top: -61px;
background: url(../images/nav.png) repeat-x;
font: 1.2em Courier, "Courier New", monospace;
}
#hnav ul{
height: 61px;
width: 100%;
min-width: 700px;
text-align: center;
list-style-type: none;
color: #5a0e01;
font: 1.1em/1.2em Courier, "Courier New", monospace;
}
#hnav ul li{
display: inline;
text-align: center;
height: 61px;
padding-top: 0px;
vertical-align: middle;
position: relative;
top: 20px;
margin: 10px 10px;
}
#hnav ul li a{
text-decoration: none;
color: #5a0e01;
}
#hnav ul li a:hover{
text-decoration: none;
color: #d00211;
}
div#leftcolumn {
float: left;
clear: left;
position: relative;
top: -30px;
text-align: center;
color: #fff3e1;
width: 280px;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#maincontent {
text-align: justify;
color: #5a0e01;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 280px;
min-height: 350px;
position: relative;
top: -60px;
width: 662px;
font: 1em Times, "Times New Roman", serif;
}
div#maincontent>h1 {
height: 34px;
font: 1.5em/1.8em Courier, "Courier New", monospace;
color: #fc9917;
background: url(../images/h1.jpg) repeat-x;
padding: 0px 5px 0px 5px;
}
div#maincontent>h2 {
height: 34px;
font: 1.3em/1.8em Courier, "Courier New", monospace;
color: #fc9917;
background: url(../images/h1.jpg) no-repeat;
padding: 0px 5px 0px 5px;
}
div#footer {text-align: center;
position: relative;
clear: both;
color: #fff3e1;
height: 66px;
width: 100%;
padding: 4px 0px 0px 0px;
background: url(../images/footer.jpg) no-repeat;
}

div#mainmenucontent {
text-align: justify;
color: #5a0e01;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 210px;
min-height: 350px;
position: relative;
top: -60px;
width: 800px;
font: 1em Times, "Times New Roman", serif;
	background-color: #fff3e1;
}
#footer a{
text-decoration: none;
color: #fc9917;
}
#footer a:hover{
text-decoration: none;
color: #d00211;
}
img#floatright
{
padding: 0px 0px 10px 10px;
right: 15px;
	clear: right;
	float: right;
}
a{
text-decoration: none;
padding-left: 0.5em;
padding-right: 0.5em;
color: #d00211;
}
a:hover{
text-decoration: none;
padding-left: 0.5em;
padding-right: 0.5em;
color: #fc9917;
}