/* Struttura generale */
body
{ background-color: #4578D1; text-align: center; }
h4
{ font-size: 11pt; color:#FF6; margin-bottom:6px; font-weight:bold; font-variant:small-caps;}
h5
{ font-size: 8pt; color:#FF6; margin-top:-6px; margin-bottom:6px; font-style:italic; font-variant:small-caps;}
b
{ font-weight: bold; }
i
{ font-variant: italic; }
area
{ cursor: pointer; }

/* Stile del frame per i contenuti */
#container
{ width: 772px; margin: auto; position: relative; }
#navbar
{ width: 772px; height: 245px; border: 1px solid #FFF; border-bottom: none; display: block; background-color: #4F7DC9; }
#page
{ width: 772px; border: 1px solid #FFF; border-top: none; display: block; background-color: #4F7DC9;}
#footer
{ width: 772px; height: 16px; font-size: 8pt; text-align: center; display: block; color: #FFF; text-shadow: 1px 1px 2px #000; padding-top: 5px; }
#error
{ padding: 5px 15px; width: 500px; font-size: 12pt; font-weight: bold; vertical-align: middle; font-weight: bold; color: #CC0; background-color: #C00; border: 1px solid #CC0; display: inline; }
#title
{ height: 20px; line-height: 20px; vertical-align: middle; font-weight: bold; color: #009; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); background-image: url("../img/gcyan.gif"); background-repeat: repeat-x; }
#menu
{ width: 300px; height: 100px; text-align: center; }
#menu .smenu
{ width: 298px; height: 90px; text-align: center; display: none; }
#menu a.button
{ width: 200px; margin-top: 2px; font-size: 9pt; display:inline-block; height: 20px; line-height: 20px; vertical-align: middle; color: #555; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); background-image: url("../img/ggrey.gif"); background-repeat: repeat-x; background-position: top left; cursor:pointer}
#menu a.button:hover
{ background-position: bottom left; }
#menu a.sbutton
{ width: 10px; margin: 4px; font-size: 6pt; display:inline-block; height: 10px; line-height: 10px; vertical-align: middle; color: #FFF; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); cursor:pointer; background-color: #888; border: 1px solid #FFF; }
#menu a.sbutton:hover
{ background-color: #8DD; }

#frame
{ display: block; position: absolute; top: 275px; left:310px; width:460px; text-align:left; overflow: hidden; }
#frame a
{ color: #FF0; text-decoration: none; font-weight: bold; margin: 2px; }
#frame a:hover
{ color: #FA0; }
#slideshow
{ width: 300px; margin: 0px;}
.logo
{ background-color: #FFF; background-image: url("../img/photo/logo.png"); width: 200px; height: 65px; display: block; margin: 5px; position: absolute; left: 120px; top: 245px;}
.slogo
{ background-color: #FFF; background-image: url("../img/photo/logo.png"); width: 200px; height: 65px; display: block; margin: 25px; }
.pdf
{ background-image: url("../img/icon_pdf.gif"); height: 24px !important; padding-left: 25px; line-height: 24px; vertical-align: middle; display: block; width: 100%; border-radius: 2px; background-color: rgba(255,255,255,0.1);  }
.info
{ cursor: help; font-weight: normal !important; border-bottom: 1px dotted #CC0; }
a.linkdo
{ height: 45px; width: 55px; background-position: top left; cursor: pointer; display: inline-block; }
a.linkdo:hover
{ background-position: bottom left; }

/* Stile Barra di Scorrimento */
.scrollable .content
{ position: absolute; }
.scrollable .slider
{ position: absolute; width: 10px; overflow: hidden; background-color: #8CC; border-radius: 5px; }


/* CSS3 */
.rounded
{ border-radius: 10px; }
.trounded
{ border-top-right-radius: 10px; border-top-left-radius: 10px; }
.brounded
{ border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }