/* CSS by Giovanni Corti // www.gizstyle.com 2008 */

body {
margin:0px 0px; padding:0px;
text-align:center;
background: url(skin/bg.jpg) repeat-x #e9e6e0;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
list-style: 12px;
color: #666;
}

img {
border:none;
}

a {
color: #666;
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
}

h1 {
font-size: 14px;
margin: 5px 0px;
padding: 0px;
font-style:bold;
}

#Content {
position:relative;
width:820px;
height:615px;
margin:0px auto;
text-align:left;
}
	
#animazione {
position: relative;
float: left;
width:790px;
height:235px;
padding: 10px 15px;
background: url(skin/cornice.gif) center no-repeat;
}

#top {
position: relative;
float: left;
width:820px;
height:5px;
background: url(skin/top.gif)center bottom no-repeat;
overflow: hidden;
}

#header {
position: relative;
float: left;
width:820px;
height:115px;
background: url(skin/header.jpg) center no-repeat;
text-align:center;
}

a.back-home {
text-indent:-9999px;
height:115px;
width:200px;
display:block;
margin:0 auto;
}

#box-out {
margin-top: 15px;
position: relative;
float: left;
width:800px;
padding: 0px 10px;
}

#box, #box-auto {
position: relative;
float: left;
width:770px;
height:250px;
padding: 15px 15px 35px 15px;
background: #e4e0d9 url(skin/box.jpg) no-repeat;
}

#indirizzo {
position: absolute;
bottom:0px;
left:0px;
padding:0 5px;
width:760px;
height:25px;
line-height:25px;
text-align:center;
color:#888;
}

#footer {
position: relative;
float: left;
width:820px;
height:34px;
margin-top: 5px;
margin-bottom: 20px;
background: url(skin/footer.gif) center top no-repeat;
}

#menu-out {
position: relative;
float:left;
width:780px;
}

#menu {
position: relative;
float:left;
height: 25px;
padding-left: 10px;
margin-top: -25px;
background: url(skin/menu.png) left no-repeat;
font-family: Arial, sans-serif;
}

#menu div {
position: relative;
float:left;
height: 25px;
padding-right: 10px;
background: url(skin/menu.png) right no-repeat;
}

#menu ul {
margin: 0px;
padding: 0px;
}


#menu li {
margin: 0px;
padding: 0px;
list-style: none;
display: inline;
}

#menu a {
text-shadow: 0px 0px 4px black;
text-transform: uppercase;
position: relative;
float: left;
padding: 0 10px;
background: url(skin/menu.png) -10px no-repeat;
line-height: 25px;
text-align: center;
color: #999;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

#menu a:hover {
color: #fff;
}

#menu a.sel {
color:#fff;
}

div.p1 {
position: relative;
float: left;
width: 580px;
padding: 20px 0px 0px 5px;
margin-right: 15px;
line-height: 17px
}

div.p2 {
position: relative;
float: left;
padding: 28px 0px 0px 40px;
}

#box1 {
position: absolute;
right: 10px;
top:30px;
width: 130px;
height: 160px;
padding: 10px;
background: url(skin/box1.png) no-repeat;
font-family: Arial, sans-serif;
}

#box2 {
position: absolute;
right: 10px;
top:30px;
width: 130px;
height: 130px;
padding: 10px;
background: url(skin/box2.png) no-repeat;
font-family: Arial, sans-serif;
}

#box2 img {
height: 51px;
width: 51px;
padding: 3px;
border: 1px solid #66635d;
margin: 2px;
background: #86837b;
}

#box1 ul {
margin:0px;
padding:0px;
}

#box1 li {
list-style:none;
height: 25px;
line-height: 25px;
font-weight: bold;
background:#b5aea2;
text-align:left;
margin: 5px 0px;
border:1px solid #857f74;
}

#box1 li a {
display:block;
height: 25px;
width: 124px;
padding-left:4px;
}

#box1 li a:hover {
color:#fff;
text-decoration:none;
}

#box1 li a.a {
background:#b5aea2 url(skin/section-01.jpg) no-repeat;
}

#box1 li a.b {
background:#b5aea2 url(skin/section-02.jpg) no-repeat;
}

#box1 li a.c {
background:#b5aea2 url(skin/section-03.jpg) no-repeat;
}

#box1 li a.d {
background:#b5aea2 url(skin/section-04.jpg) no-repeat;
}

#box1 li a.e {
background:#b5aea2 url(skin/section-05.jpg) no-repeat;
}

div.p1 ul,div.p2 ul{
margin:0px;
padding:0px;
list-style:none;
}

div.p1 li,div.p2 li {
position: relative;
width: 285px;
padding-top: 5px;
}

div.p1 li span,div.p2 li span {
position: absolute;
right: 0px;
}

#categorie {
padding-top:10px;
}

#categorie a {
position:relative;
width:475px;
height:30px;
line-height:30px;
margin-top:2px;
padding:5px;
display:block;
font-size: 20px;
background: url(skin/categoria.gif) top no-repeat;
}

#categorie a:hover {
background: url(skin/categoria.gif) bottom no-repeat;
}

#photo-naver div{
position:relative;
float:right;
text-align:center;
height:16px;
width:16px;
font-weight:bold;
margin:1px;
background:url(skin/photo-naver.gif) no-repeat;
cursor:pointer;
}

a.sel {
color: #fff;
}

#mapclic{
position:absolute;
height:220px;
width:180px;
top:20px;
right: 0px;
text-align:center;
line-height:20px;
padding: 10px;
}

iframe {
padding:10px;
background: #fff;
}

.img-home {
float:left;
margin-right:10px;
padding:5px;
background: url(skin/boximg.png) no-repeat;
height:133px;
width:200px;
margin-bottom:80px;
}

.linea {
line-height:17px;
}

.colonna1 {
position:relative;
float:left;
width:240px;
margin-right:20px;
margin-top:10px;
}

.colonna2 {
position:relative;
float:left;
width:240px;
padding-left:10px;
margin-top:10px;
margin-top:10px;
border-left:1px solid #9d9b95;
}

.speciali {
position:absolute;
right:0px;
top:-10px;
}

.speciali img {
border:none;
}

.tasto-scheda {
position:absolute;
top:170px;
left:6px;
}

a.itaflag {
position:absolute;
right:10px;
bottom:0px;
background:url(skin/ita.gif) no-repeat;
width:14px;
height:11px;
text-indent:-9999px;
}

a.engflag {
position:absolute;
right:10px;
bottom:0px;
background:url(skin/eng.gif) no-repeat;
width:14px;
height:11px;
text-indent:-9999px;
}

a.ristorante {
position:absolute;
left:10px;
bottom:0px;
background:url(skin/ristorante.png) no-repeat;
width:160px;
height:9px;
text-indent:-9999px;
}

a.voce {
position:absolute;
height:12px;
width:99px;
right:10px;
bottom:0px;
background:url(skin/la-voce-del-posta.png) no-repeat;
text-indent:-9999px;
}

.ant1, .ant2, .ant3, .ant4, .ant5 {
height:132px;
}
