﻿/* Layout CSS */

body{
margin-top:0px;
}

#masthead {
margin-left:auto;
margin-right:auto;
width:900px;
height:150px;
margin-top:0px;
border:1px #663300 solid;
}
/* Menù top */
#top_nav {
margin-top:5px;
margin-left:auto;
margin-right:auto;
background-image:url('../images/top_bg.jpg');
background-position:center top;
background-repeat:no-repeat;	
width:900px;
height:56px;
}
#menu {
background-image:url('../images/bottom_bg.jpg');
background-position:center bottom;
background-repeat:no-repeat;
width: 900px;
height: 56px;
margin: 0 auto;
}
#menu ul {
margin-left:50px;
padding: 0px 0px 0px 0px;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
margin-left: 5px;
height : 25px;
padding: 15px 10px 0px 10px;
border-bottom: 4px #330010 groove;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #713B0C;
border-bottom-color: #ffcd00;
}
#menu a:hover {
border-bottom-color: #ffcc00;
color: #F9A948;
}
#menu .active a {
border-bottom-color: #ffcd00;
color: #FBC682;
}
/* fine menù top */
#titolo{
color: #844200;
font-family:Monotype Corsiva, 'Times New Roman', Times, serif;
font-size: large;
}
#titolo0{
color: #844200;
font-family:Monotype Corsiva, 'Times New Roman', Times, serif;
font-size: large;
}

#top_content{
margin-left:auto;
margin-right:auto;
background-image: url('../images/top-content.jpg');
background-repeat:no-repeat;
background-position:center;
width:900px;
height:210px;
font-family:Monotype Corsiva, 'Times New Roman', Times, serif;
}
#page_content {
margin-left:auto;
margin-right:auto;
background-image: url('../images/center-content.jpg');
background-repeat: repeat-y;
background-position:center;
width:900px;
height: auto;
color: #844200;
font-family:Monotype Corsiva, 'Times New Roman', Times, serif;
font-size: large;
text-align:center;
}
#bottom_content{margin-left:auto;
margin-right:auto;
background-image: url('../images/bottom-content.jpg');
background-repeat:no-repeat;
background-position:center;
width:900px;
height:210px;
font-family:Monotype Corsiva, 'Times New Roman', Times, serif;
}

#footer {
text-align:center;
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:900px;
height:110px;
color:#934900;
font-size:small;
}
.footer a{
color:#934900;
}
.footer a:hover{
	color:#B75B00;
	text-decoration:none;
}
.footer a:active{
	color:#B75B00;
	text-decoration:none;
}
#divtop{ 
    margin-left:auto;
    margin-right:auto;
	background-image: url('../images/top_bg.jpg');
	background-position: center;
	background-repeat:no-repeat;
	width:902px;
	height:8px;
}
#divbot{
    margin-left:auto;
    margin-right:auto;
	background-image: url('../images/bottom_bg.jpg');
	background-position:center;
	background-repeat:no-repeat;
	width:902px;
	height:8px;
}
hr{
outline-color: #713B0C;
	font-size: 1px;
	width: 70%;
	height:1px;
}
a{
color:#934900;
}
a:hover{
	color:#B75B00;
	text-decoration:none;
}

/* CREAZIONE DEGLI ANGOLI SMUSSATI */

span.BOTTOM{display: Block;
background-color: #FBC682;}

span.TOP{display: Block;
background-color: #FBC682;}

span.BOTTOM span{display: Block;
overflow: Hidden;
background-color: #f6f1dd;
height: 1px;}

span.TOP span{display: Block;
overflow: Hidden;
background-color: #f6f1dd;
height: 1px;}

span.RIGA1{margin: 0 5px;}

span.RIGA2{margin: 0 3px;}

span.RIGA3{margin: 0 2px;}

span.BOTTOM span.RIGA4{margin: 0 1px;
height: 2px;}

span.TOP span.RIGA4{margin: 0 1px;
height: 2px;}





