body {
background-image: url(sfondo.jpg);
background-attachment:fixed;
font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #ffffff;
}

#testata {
width: 870px;
height: 140px;
background-image: url(sfondo_titolo880_2.jpg);
border : 3px solid #ffffff;
padding : 2px;
}

#menu {
width: 870px;
height: 20px;
background: white;
border : 0px solid #3a2e2e;
padding : 5px;
}


#box1 {
font: italic small-caps 10px;
width: 880px;
background: white;
border : 0px solid #3a2e2e;
}

#box_sx {
font: italic small-caps 10px;
width: 280px;
height: 3000px;
background: white;
border : 0px solid #3a2e2e;
}

#trattoria {
font: italic small-caps 10px;
color : blue;
width: 880px;
background: white;
border : 0px solid #3a2e2e;
}
#box2 {
font: italic small-caps bold 14px;
color : blue;
background: white;
border : 0px solid #3a2e2e;
}

.pippo{
visibility:hidden;
left:75px;
top:25px;
z-index: 1;
position: absolute;
}

hover.pippo{
visibility:visible;
}

.gallerycontainer{
position: relative;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{
position: absolute;
background-color: #CCCCCC;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 0;
left: 220px;
z-index: 50;
}


.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 2px;
}
.rbcontent { height: 94px; margin: 0 7px; }
.rbroundbox { width: 230px; height: 94px; margin: 1em auto; }






/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background-color:#333333;
}
.header_table
{
margin-top:6px;
}
.logo
{
margin-left:10px;
}
.body_box
{
padding:9px;
color: #5C5C5C;
background-color:#FFFFFF;
}
.header_banner
{
background:url(../images/header_banner.jpg) center top no-repeat;
height:196px;
}
.services_bg
{
background:url(../images/services_bg.gif) left top no-repeat;
height:117px;
padding:10px;
}
.services_teable
{
margin-top:8px;
margin-bottom:12px;
}
.left_line
{
border-left:1px solid #E6E6E6;
}
.right_line
{
border-right:1px solid #E6E6E6;
}
.bottom_line
{
border-bottom:1px solid #E6E6E6;
}
.footer_table
{
margin-bottom:25px;
}




/* CSS Background Image Document */
.top_line
{
background:url(../images/line_bg.jpg) left top repeat-x;
height:4px;
}
.top_menu_bg
{
background:url(../images/top_menu_bg.jpg) left top repeat-x;
height:26px;
padding-right:12px;
}
.bottom_menu_bg
{
background:url(../images/bottom_nenu_bg.jpg) left top repeat-x;
height:22px;
padding-right:13px;
}
.box_top_bg
{
background:url(../images/box_top_bg.gif) left top repeat-x;
height:32px;
}
.footer_bg
{
background:url(../images/footer_bg.gif) left top no-repeat;
height:25px;
}




/* CSS Text Document */
.menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 26px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5C5C5C;
	background-color:inherit;
	text-decoration: none;
}
.menu_link:hover
{
color:#C70202;
text-decoration:none;
background-color:inherit;
}
.bottom_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color:inherit;
	text-decoration: none;
}

.bottom_link:hover
{
color:#C6C6C6;
text-decoration:underline;
background-color:inherit;
}
.white_text
{
color:#FFFFFF;
text-decoration:none;
background-color:inherit;
}
.body_link
{
color:#5C5C5C;
text-decoration:underline;
background-color:inherit;
}
.body_link:hover
{
text-decoration:none;
color:#212121;
background-color:inherit;
}




.rbroundbox2 { background: url(nt2.gif) repeat; }
.rbtop2 div { background: url(tl2.gif) no-repeat top left; }
.rbtop2 { background: url(tr2.gif) no-repeat top right; }
.rbbot2 div { background: url(bl2.gif) no-repeat bottom left; }
.rbbot2 { background: url(br2.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
.rbroundbox2 { width: 230px; margin: 1em auto; }