body{
  background-color:#000000;
  color:#ffffff;
  margin:0;
  font: 12px/14px Arial, Helvetica, sans-serif;
  /*text-align:center;*/
  height: 100%;
}

div{/*border: 1px solid #aaa/**/}


/**********************    NEWS    *************************************/
#news_logo {float:left; border:0;}

#newsbar{
  position:absolute;
  text-align:left;

  z-index:2;
  width:100%;
  height:340px; 
  right:0; 
  background: url(img/sf_news.gif) repeat-x left top;

  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
}

#newsbox{
  position:relative;
  float:left;
  width:26%;
  height:200px;
  margin-left:5px;
  padding-right:15px;
  padding-top:5px;
  padding-bottom:3px;
  border-right:1px dotted #afaa9e;
}

#newsbox a{color: #EACB4F}
#newsbox a:hover{color: #F00}

#newsbox H1{
  display: inline;
  color:#adb489; font-size:1em; font-weight:bolder; font-family:verdana; 
}

#newsbox p{font-family: arial, verdana, sans-serif; font-size:1em; line-height:17px;}

#newsbox .image{
  display: none;
  position: absolute; 
  width:77px;
  height:86px;
  right:10px;
  top:125px;
  border:0px solid green;
  background-position: center center;
  background-repeat:no-repeat;
  font-size: 0;
}

#newsbox .didascalia{
  position: absolute; 
  left:10px;
  top:185px;
}

/************************ lista news *********************************************/

#newsbox_list{
  position:relative;
  width:90%;
  height: 200px;
  margin: 0 auto;
  padding: 5px 15px 3px 0;
  border-bottom:1px dotted #afaa9e;
}

#newsbox_list a{color: #EACB4F}
#newsbox_list a:hover{color: #F00}

#newsbox_list H1{
  display: inline;
  color:#adb489; font-size:1em; font-weight:bolder; font-family:verdana; 
}

#newsbox_list p{font-family: arial, verdana, sans-serif; font-size:1em; line-height:17px;}

#newsbox_list .image{
  position: absolute; 
  width:77px;
  height:86px;
  right:10px;
  top:110px;
  border:0px solid green;
  background-position: center center;
  background-repeat:no-repeat;
  font-size: 0;
}

#newsbox_list .didascalia{
  position: absolute; 
  left:10px;
  top:165px;
}


/***************************   calendario   *************************************/
#calendarbox{
  position:relative;
  float:left;
  width:25%;
  height:200px;
  margin-left:5px;
  padding: 5px 15px 3px 0;
}

#calendarbox A{
    color: #FFF;
    text-decoration: none;
}

#calendarbox H1{
  font-variant: small-caps;
  font-size:18px;
  margin-top:15px;
}

.calendata{
  color:#EA851D;
  font-weight:bold;
  font-size:1.3em;
  line-height: 1.3em;
  margin-bottom:10px;
}

/***************************     content box  ***********************************/

#content{
  position:absolute; z-index:2;
  width:230px; height:auto; 
  background-color:none /*#1D1D1D; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80*/;
  top:0px; left:15px;
  text-align:center;
  font-size: 1.3em;
}



#content a, a:link{color:#B7B06F;}
#content a:hover{color:#EDE8AD; text-decoration:none}

/**************************************************************************/

/*
#content_news{
  position:absolute;
  z-index:2;
  width:73%;
  top:0;
  right:0; 
  
  min-height: 600px;
  
  background:#1D1D1D;
  
  padding:15px;
  
  text-align:left;
  
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
}
*/


#content_news .date{line-height: 2em; color: #939292}
#content_news .text{line-height: 20px;}
#content_news .IMG{float: right; border: 1px solid #a182a1; margin: 0 0 20px 20px;}
#content_news .title{font-size:2em; color:#F4A03F; font-family:arial, sans-serif, verdana; font-variant: small-caps;}

#content_news a, a:link{color:#B7B06F;}
#content_news a:hover{color:#EDE8AD; text-decoration:none}

/*********************************************************************************/

#content_show, #content_news{
  position:absolute;
  z-index:2;
  width:65%;
  /*height:85%;*/ 
  background:#1D1D1D;
  
  top: 0px;
  left:300px;
  padding:15px;
  
  text-align:justify;
  /*overflow: auto;*/
  
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
}

#content_show .text{line-height: 20px; text-align: justify;}
#content_show .mainimgbox{margin: 0 0 20px 20px; width: 180px; float: right; text-align: center}
#content_show .mainimgbox img{border: 1px solid #a182a1; margin:0}
#content_show .title{font-size:2.5em; line-height: 1em; color:#F4A03F; font-weight:bold; font-family:arial, sans-serif, verdana; font-variant: small-caps;}
#content_show .subtitle{margin-top:10px; margin-bottom:10px; font-size:1.3em; color:#D8C37D;  font-family:arial, sans-serif, verdana; font-variant: normal;}
#content_show .credit{display: block; text-align: right; color:#E2E0E0; font-family:arial, sans-serif, tahoma; font-size:13px; font-style:italic;}
#content_show .dettagli{color:#C3B072;}
#content_show .extra{float:left; width:25%; font-weight: normal; text-decoration:none; cursor: pointer; padding:5px; font-weight:bolder; color:#fff; border:0; border-right:1px solid #fff; text-align: left}
#content_show .gallery img{border: 1px solid #a182a1;}

#content_show a, a:link{color:#B7B06F; text-decoration:none}
#content_show a:hover{color:#EDE8AD; text-decoration: underline}

#videoBox{
    display: none;
}

/***************************     footer  ***********************************/

#footer{
  position:relative;
  width:100%;
  
  line-height: 20px;
  z-index:10;
  margin: 0;
  bottom: 0;
  
  background:#1D1D1D;
  

  text-align:center;
  font-family:verdana, arial, sans-serif;
  font-size: 9px;
  font-stretch: normal;
  color:#898989;
}
#footer A:link, A:visited{color:#898989; text-decoration:underline;}
#footer A:hover{color:#7d7d60;}

#footer A IMG {border: 1px solid #494949}

/******************* menu ***********************************/

ul#nav{
    position:absolute;
    z-index:50;
    padding-top: 40px;
    left:15px;
    top:110px;
    width:230px;
    height:100%;
    background: #000000 url(img/sf_menu.jpg) top repeat-x;
    font-family: 'Helvetica', Arial, sans-serif;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
}



/**************** speed class *****************************/

.didascalia, .didascalia a{font-style:italic; color:#849E3D; text-decoration:none; font-size:10px;}
.didascalia a:hover{font-style:italic; color:#FFCC00; text-decoration:underline;}
.line{
  clear:both;
  margin:11px 0;
  border: 0;
  border-bottom:1px solid #424040;
}


/*------- SPEED CLASS -----------*/                        
.italic{font-style:italic;}
.yellow {background: #F7D654}
.navy_yellow {background: #F79036}
.grey{color: #939292}
.small {font: normal 0.9em verdana, sans-serif}
.orange{color:#FF2D26}
.warn{color:#FF2D26; text-align: center;}
.clear{clear: both}
.green{color:#92BE0B;}
.blu{color:#18A2C9;}

.hor{width:100%;height:12px;border-top:1px #000000 solid;}
.spacer{clear:both;width:100%;height:8px;}
.spacer3{clear:both;width:100%;height:5px;}
.cornice{border: 1px solid #AAA;}
.noborder{border:0;}
.solid {border: 1px solid #ccc;}
.hilite{color: #BC2B14;}
.def{font-style: italic;font-size: 0.8em;}
.warning {font-weight: bold; color: #D83731; text-align: center}
.note{color: #7F7F7E; font-style: italic; }
.smallcaps{font-variant: small-caps;}
.incenter{margin: 0 auto}
.center{text-align: center;}
.pics{width: 100%; height: 1024px; overflow: hidden; z-index:0} /* cambiare valori anche in lib/templates/style_ff3_fix.tpl */
/*.pics{width: 100%; height: 100%; overflow: hidden; z-index:0;} /* per il video */ 
#bvideo{width: 300px; height: 800px;}