body{ font-family:Verdana, sans;font-size:12pt;background:#fff;margin:0;padding:0;border:0; }
/* contenitore principale */
div#wrapper{ margin:0 auto;width:960px; }

/* testata */
div#header{ position:relative;background:transparent url(../images/head.gif) center center no-repeat;width:980px;height:50px; }
.menulist{color:#000000;font-weight:bolder;font-size:12px;float:left;padding:0 5px 0 5px;}
.menulist2{color:#ff0000;font-weight:bolder;font-size:12px;float:left;padding:0 5px 0 5px;}
a.menulist:link,a.menulist:active,a.menulist:visited{text-decoration:none;color:#000000;}
a.menulist:hover{text-decoration:none;color:#ff0000;}
a.menulist2:link,a.menulist2:active,a.menulist2:visited{text-decoration:none;color:#ff0000;}
a.menulist2:hover{text-decoration:none;color:#ff0000;}

div#sub-header{width:960px;height:25px;padding:5px 0 0 5px;position:relative;}
div#sub-header-content{position:absolute;min-height:200px;top:20px;left:145px;font-size:10px;width:200px;z-index:100;}

div#ssub-header{width:960px;height:90px;padding:5px 0 0 0;position:relative;}

/* corpo centrale */
div#bodies{ position:relative;width:957px;height:495px; }
div#bodyshow{ position:absolute;top:0px;left:0px;width:778px;height:486px;background:transparent url(../images/bodyshow.gif) top left no-repeat; }
div#pictmagnify{position:absolute;top:312px;left:490px;width:208px;height:22px;background:transparent;border:0px solid red;z-index:33}
div#bodyshow #lastitem{ height:355px;width:668px; }
div#bodymenu{ position:absolute;top:0px;left:780px; }
div#bodymenu #bodysearch{ width:172px; height:105px;margin:0;border:0;}
div#bodymenu .linebreak { border-color:#e7b848;color:#e7b848; }
.backbox { background:transparent url(../images/small-box.gif) center center no-repeat;width:88px;height:57px; }
.backboxtext { width:80px;height:30px;line-height:60%;border:0px solid red;text-align:center; }

/* footer */
div#foot{ position:relative;width:957px;height:154px;text-align:center; }
div#foot p{ font-family:Arial;font-size:8pt;font-weight:bold;margin:2px 0px 0px 0px;padding-left:2px;padding-right:2px; }
div#foot a:link,a:visited,a:active{ text-decoration:none;color:#000 }
div#foot a:hover{ text-decoration:underline;color:#000 }
div#foot-01{ position:absolute;width:87px;height:92px;top:0px;left:10px;background: transparent url('../images/01_foot.gif') top left no-repeat;}
div#foot-02{ position:absolute;width:87px;height:92px;top:0px;left:97px;background: transparent url('../images/02_foot.gif') top left no-repeat;}
div#foot-03{ position:absolute;width:87px;height:92px;top:0px;left:184px;background: transparent url('../images/03_foot.gif') top left no-repeat;}
div#foot-04{ position:absolute;width:87px;height:92px;top:0px;left:271px;background: transparent url('../images/04_foot.gif') top left no-repeat;}
div#foot-05{ position:absolute;width:87px;height:92px;top:0px;left:358px;background: transparent url('../images/05_foot.gif') top left no-repeat;}
div#foot-06{ position:absolute;width:87px;height:92px;top:0px;left:445px;background: transparent url('../images/06_foot.gif') top left no-repeat;}
div#foot-07{ position:absolute;width:87px;height:92px;top:0px;left:532px;background: transparent url('../images/07_foot.gif') top left no-repeat;}
div#foot-08{ position:absolute;width:87px;height:92px;top:0px;left:619px;background: transparent url('../images/08_foot.gif') top left no-repeat;}
div#foot-09{ position:absolute;width:87px;height:92px;top:0px;left:706px;background: transparent url('../images/09_foot.gif') top left no-repeat;}
div#foot-10{ position:absolute;width:87px;height:92px;top:0px;left:793px;background: transparent url('../images/10_foot.gif') top left no-repeat;}
div#foot-11{ position:absolute;width:87px;height:92px;top:0px;left:880px;background: transparent url('../images/11_foot.gif') top left no-repeat;}


/* Carattere generale */
.text-black{ color:#000 }
.text-grey{color:#939598;}
.text-yellow{color:#e7b848;}
.breaker{ float:none;clear:both; }
a.link-yellow:link,a.link-yellow:visited,a.link-yellow:active{ text-decoration:none;color:#fff; }
a.link-yellow:hover{ text-decoration:none;color:#e7b848; }
a.link-yellow2:link,a.link-yellow2:visited,a.link-yellow2:active{ text-decoration:none;color:#000; }
a.link-yellow2:hover{ text-decoration:none;color:#e7b848; }
.input-flat{ border:1px solid grey; background:transparent; }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('../images/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


#container { position: absolute;top:20px;left:0px; width: 300px; height: 200px; overflow: hidden; border: 1px solid #EFEFEF;}
#scroller { width: 928px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */}
.content {  width: 150px; height: 150px; float: left; margin-left: 10px; margin-right: 10px; padding: 5px; border: 1px solid #EFEFEF; font-size: .8em;}
.scrollNav, .scrollNav a:link, .scrollNav a:visited  { font-size: .8em; color:#00009C; font-weight: bold;}
#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}
.menmareb{border:1px solid #fff;color:#888;background:#E7B848;height:30px;}
a.menlink:link,a.menlink:active,a.menlink:visited{color:#888;text-decoration:none;font-size:11px;}
a.menlink:hover{color:#000;text-decoration:underline;font-weight:bold;}