@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0 }

html, body { width:100%; height:100% }

body  { font-family: Arial,Verdana, Helvetica, sans-serif; font-size:70%; background:#d5d4d4; text-align:center }

hr { height:2px; color:#666666 }

.titolo1 { font-size:12px; line-height:20px }
.titolo2 { font-size:18px; color:#3356aa; }
.bordImg { border:dotted 4px #ffdf4e }
.prefazione {  }
.bordBottom { border-bottom:dashed 1px #999999 }
.floatLeft { float:left }
.red { color:#f00 }

#container { width:946px;  margin:0 auto; background:url(imgs/bg_container.gif) repeat-y }

#wrapper { width:930px; height:100%; background:#fff; margin-bottom:20px;  margin:0 auto }

#col-sx { float:left; width:8px; height:100%; background:url(imgs/bg_col_sx.gif) repeat-y }
#col-dx { float:right; width:8px; height:100%; background:url(imgs/bg_col_dx.gif) repeat-y }

#header { width:930px; height:85px; margin:0 auto; background:url(imgs/bg_header.gif) repeat-x; text-align:left }
#header img { float:left }
#header #top-nav { position:relative; left:330px; top:25px;   }
#nav { margin:0 auto; background:#fff; text-align:center }
#nav img { margin:0; padding:0 }
#nav #flash-menu { position:relative; height:52px; z-index:10;}

#content { position:relative; width:930px; margin:0 auto; height:auto; min-height:400px;   background:#fff; z-index:40;  text-align:left  }
#content #panel-sx { float:left;  margin-left:25px; height:100% }
#content #panel-mid { float:left; width:22px; height:100%; margin-left:25px; background:url(imgs/scroll_bg.jpg) repeat-y }
#content #panel-dx { margin-left:290px; height:100% }
#content #panel-dx h2 { font-size:22px;}
#content #panel-dx ul { margin-left:20px; margin-bottom:5px }
#content #panel-dx p { margin-right:25px }
#content #panel-dx img.ico { float:left; margin-right:10px }
#content #panel-dx img.picture { float:right; margin-left:5px  }

#footer { clear:both; margin:0 auto; width:946px; height:50px; color:#000; line-height:30px; background:url(imgs/footer_bg.gif) no-repeat #d5d4d4 }
#footer a { color:#000; font-size:10px; text-decoration:none }
#footer a:hover { text-decoration:underline }

/* jQuery lightBox plugin - Gallery style */

.gallery { position:relative; display:block; background:#fff; width:584px; height:auto; z-index:20;}
.gallery ul { list-style: none; }
.gallery ul li { display: block; float:left;  width:160px; height:125px; border:solid 1px #D4D4D4; margin-right:20px; margin-bottom:20px; }
.gallery ul li img { border: 10px solid #fff; }
.gallery ul a:hover img { border: 10px solid #3356AA;}