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

@import url("reset.css");
@import url("font.css");
 
body{
	background:url(_img/bodysf.png) repeat-y center center;
	background-color: #e2e2e2; min-height:1000px
}

#containerTopNews{
	width: 980px;
	margin: 0px auto; 
}


#top{
	height:175px;	background-image:url(_img/topSf.jpg); background-repeat:no-repeat;
}

#main  
{
    background-color: #00FF00;  margin-top:20px}


#colonna1{
	width:177px;	float:right; padding: 0px ;   padding-top: 6px;
}

#principale{
	width:565px; 	float:left; }

#colonna2{
	width:222px;	float:left; padding-top: 6px;
}

/*-------------------*/


#bannerDire{ 
	display:block;
	width: 170px;
	height:115px;
	text-indent:-9999px;
	float:left; 
}

h1 a{
	display:block;
	width: 590px;
	height: 115px;
	text-indent: -9999px;
	float:left;
}

#bannerRedattore{ 
	display:block;
	width: 220px;
	height:115px;
	text-indent:-9999px;
	float:left;  
}



#descrizione {
	width:970px; height: 50px; clear:both; padding-top:30px; }

#descrizione .data{
	float:left;		margin-left: 20px;  }

#descrizione .descrizione {
	float:left; color:#FFFFFF; width: 590px; margin: 0px; text-align:center }
	
#descrizione .aggiornato{
	float:right;	margin: 0px 20px 0px 0px;  }


a.nomeDire{
	color:#C72B16 }
	
a.nomeRedattore {
	color:#8EF773
}


/*-------------*/



/*-----ELEMENTI PRINCIPALE----*/


/*------- Notizia -------*/

#principale .notiziaGold{
	background-image:  url(_img/sfNotizia.jpg); background-repeat: no-repeat;  
	width: 551px; margin-bottom:10px; clear:both
}

#principale .notiziaGold .sezione { font-size:10px; text-transform:uppercase; color:#009933;padding:15px 0px 0px 15px; float:left; font-weight:bold}
#principale .notiziaGold .data { font-size:10px;	color:#e60002;	float:right; font-weight:bold;  padding: 15px 15px 0px 0px;  }
#principale .notiziaGold h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; 
	font-size: 32px; font-weight: normal; color:#444;	margin: 0px;  padding:0px 10px 8px 15px;  clear:both;
}
#principale .notiziaGold p { margin-bottom: 5px; line-height: 16px; padding:0px 4px 8px 9px; color: #444  }

#principale .notiziaGold img { float: left; margin:3px 10px 15px 15px;  }



/*------- Notizia -------*/

#principale .notizia{
	 background-image:  url(_img/sfNotizia.jpg); background-repeat: no-repeat;  
	width: 551px; margin-bottom:10px; clear:both
}

#principale .notizia .sezione { font-size:10px; text-transform:uppercase; color:#009933; padding:15px 0px 0px 15px; float:left; font-weight:bold}
#principale .notizia .data {
	font-size:10px;	color:#e60002;	float:right; font-weight:bold; padding: 15px 15px 0px 0px; 
}
#principale .notizia h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; 
	font-size:18px; color:#333333; 
	margin: 0px; padding: 0px 5px 8px 15px;  
	clear:both;
}
#principale .notizia p { margin-bottom: 5px; line-height: 16px; padding:0px 4px 8px 15px; color: #444  }

#principale .notizia img { float: left; margin:3px 10px 15px 15px;  }

      
/* ------ widget orizzontale ----*/

#principale .widgetOrizzontale {  background-image:  url(_img/sfWidOrizontale.jpg); background-repeat: no-repeat;  
	width: 551px; height:39px; margin-bottom:30px; clear:both }

#principale .widgetOrizzontale .link {
        font-size:11px;
        padding: 11px 0px 0px 18px ;
        float:left; width: 160px;
        }
#principale .widgetOrizzontale .link a { font-weight: normal; }

#principale .widgetOrizzontale .tool { float:left;  width:100px}
#principale .widgetOrizzontale .tool iframe { border-left: 1px solid #ccc; vertical-align:top; overflow:hidden;  height:21px; margin: 9px 0px 0px 18px ; padding: 0px 0 0 20px;

}

#principale .widgetOrizzontale .condividi {
        font-size:12px;
        padding: 8px 0px 0px 0px ; 
        float:left; 
}

#principale .widgetOrizzontale .condividi a {
  display: block;
  float : left;
  margin-right: 2px;
  padding-left: 0px;
  color: #666666;
        text-decoration:none;
}
#principale .widgetOrizzontale img {
  border:0px;
  padding:2px 0px 0px 0px ;
  margin:0 2px 0 0;
}


#principale .widgetOrizzontale .condividi span {float:left; font-size:11px; padding: 4px 15px; color: #666; border-left: 1px solid #ccc;}






/* calendario*/

#colonna1 .boxCalendarioSecondaColonna { width:170px;}
#colonna2 .boxCalendarioSecondaColonna { width:222px; }

.boxCalendarioSecondaColonna{	
	border:#bbb solid 1px;
	background-color:#f4f4f4; margin-bottom:20px;
}

.boxCalendarioSecondaColonna h1{
	background-color:#fdca31;
	border: 3px solid #fff;
	padding:2px 0 2px 5px;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold; }

.boxCalendarioSecondaColonna .postCalendario{
	/*width:198px;*/
	margin: 10px 9px 20px 10px;}

.boxCalendarioSecondaColonna .data {
	float:none;
	background-color:#060;
	font-size:10px;
	color:#FFF;
	display:block;
	width:75px;
	text-align:center;
	margin-bottom:5px;
}


.boxCalendarioSecondaColonna h2 a{
	color:#000; 	font-size:12px;
	font-weight:bold;
	margin-bottom: 3px;}

.boxCalendarioSecondaColonna h2 a:hover{
	color:#bf1a00; 	
}

.boxCalendarioSecondaColonna p a{
	font-size:12px;
	font-weight: normal;
	color:#060 }
	
.boxCalendarioSecondaColonna p a:hover{
	color:#bf1a00; 	}

.boxCalendarioSecondaColonna ul {
	background-color:#FFF;
	display:block;
	margin:10px 8px;
	padding: 5px;
}

.boxCalendarioSecondaColonna ul a { font-weight:normal } 
.boxCalendarioSecondaColonna ul a:hover{
	color:#bf1a00; 	
}

/*-------------------------------------*/


/* boxCol3  */

#colonna1 .boxCol3 { width:170px;}
#colonna2 .boxCol3 { width:220px;}




/*--------BANNER---------*/
.banner {  border:1px solid #aaa  }
#colonna1 .banner  { margin: 0px 0px 20px 0px; padding:0px; width:170px;   }
#colonna1 .banner img {  width:170px;   }

#colonna2 .banner  {  margin: 0px 0px 20px 0px; padding:0px; width:222px;   }
#colonna2 .banner img {  width:222px ; }


#colonna1 .imgWidget img {width:164px; margin-left:3px }
#colonna2 .imgWidget img {width:214px; margin-left:3px }

#colonna1 .divBannerFlash2 {margin: 0px 0px 12px 0px;   width:170px; height:76px; background-color:#ddd; border:1px solid #aaa  }
#colonna2 .divBannerFlash {margin: 0px 0px 12px 0px; width:222px; height:99px;  background-color:#ddd ; border:1px solid #aaa  }


.borderNone { border:none}


/*---------FLASH VIDEO---------------*/
#colonna1 .divPlayerVideo { width:165px; height:141px; padding-left:3px   }
#colonna2 .divPlayerVideo { width:214px; height:185px; padding-left:3px   }

#colonna1 .divPlayerAudio { width:165px;   height:23px;  padding-left:3px  }
#colonna2 .divPlayerAudio {  width:214px; height:30px; padding-left:3px   }



.boxCol3{	
	border:#bbb solid 1px;
	background-color:#f4f4f4; margin-bottom:20px;
}

.boxCol3 h1{
	color: #fff; border:3px solid #fff; 
	padding:2px 0 2px 5px;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold; }
	
.boxCol3 .post { margin: 10px 8px 5px 8px; clear:both;    }
.boxCol3 .post a { color:#555; text-decoration:none; }
.boxCol3 .post a:hover { color: #CC0000;  }
.boxCol3 .post h2 { margin:2px 0px 0px 0px; padding:0px 0px 0px 3px; font-size:9px; color:#555; font-weight:bold; line-height: 10px }
.boxCol3 .post img { float:left; margin-right: 3px; margin-bottom:10px; width:55px ; height:55px ;   }

.boxCol3 .post .categoria {   font-weight:bold; font-size:10px;  padding: 0px 3px 0px 3px ; font-weight:normal; margin: 0px 0px 2px 0px;     }

.boxCol3 .post2 { padding: 6px 4px 6px 6px; margin:0px;  background-color:#f2f2f2  }
.boxCol3 .post2 a { color:#027649; text-decoration:none}
.boxCol3 .post2 a:hover { color: #CC0000;  }
.boxCol3 .post2 h2 { margin: 0px 0px 0px 0px ; padding:0px; font-size:11px;   font-weight:bold;  font-family: Georgia, "Times New Roman", Times, serif; }

.boxCol3  .Notizie { color:#5e670a;}	
.boxCol3  .Mondo { color:#387558; }
.boxCol3  .Libri { color:#c57320; }
.boxCol3  .Servizi { color:#7e873e; }
.boxCol3  .Multimedia { color:#98391c; }
.boxCol3  .Eventi { color:#b27420; }


/* Box MILLEBATTUTE */
.boxCol3 .postMillebattute { margin: 10px 8px 10px 8px; clear:both;  }
.boxCol3 .postMillebattute a { color:#555; text-decoration:none}
.boxCol3 .postMillebattute a:hover { color: #CC0000;  }
.boxCol3 .postMillebattute p.data { display:inline; color:#5e670a; font-weight:bold; font-size:10px; background-color: #ddd; padding: 0px 3px 0px 3px ; font-weight: normal; margin: 0px;    }
.boxCol3 .postMillebattute h2 { margin:0px; padding:2px 0px; font-size:10px; color:#000000; font-weight:normal; }


.boxCol3 .barraLink { clear:both; padding: 2px 0px 2px  8px; border-top: 1px solid  #d7d7d7; background-color:#e7e7e7 }
.boxCol3 .barraLink a { text-decoration:none; color:#850707; font-size:10px }
.boxCol3 .barraLink a:hover { color:#CC0000}


/*-------------------------------------*/




#bannerSpot{
	 
	background-color:#D4D4D4;
	margin: 0px; text-align:center; padding: 15px
}


/*-----BOX CERCA-----*/
.boxCerca {   border: 1px solid #bbb; margin:0px 0px 20px 0px; width:170px }
.boxCerca  .etichetta{ color:#fff; border: 3px solid #fff;	background-color:#e60002;	padding:2px 0 2px 10px;	font-size:13px;	text-transform:uppercase;	font-weight:bold; display:block }

.boxCerca h2 { font-size:10px; font-weight:bold; color:#000; margin: 0px; }

.boxCerca .boxCampo2 { margin: 10px 0px 10px 10px;  }
.boxCerca .boxCampo2 input { width:128px }

.boxCerca .boxCampo { margin: 10px 0px 10px 10px;  }

.boxCerca div.boxSelect { border-bottom: 1px solid #ccc; font-size:10px; margin:5px 8px 3px 0px; width:130px; padding:3px }
.boxCerca div.boxSelect input { margin-right:3px; width:auto} 
.boxCerca div.boxSelect .p6 { margin:0px}


.boxCerca .inviaBoxCerca {  margin: 18px 0px 8px 10px;  }
.boxCerca .inviaBoxCerca .invia { border:1px solid #e60002; background-color:#fff; font-weight:bold; width:130px; margin:0px; cursor: pointer; color:#e60002; font-size:12px;  }


.topBanner { width:980px; background-color:#ddd; text-align:center; padding:8px 0px}
#bannerFlashBox3 { width:960px; height: 90px}

.divClear { clear:both}

/* PAGING */
.paging {  margin: 5px 0px 10px 15px;  width:520px; font-size:10px ;font-weight:bold; clear:both }
.paging a { color:#000000;}
.paging a:hover { color:#bf1a00}
.paging .pagine { margin: 0px 0px 3px 0px; text-align:center; color:#007547;  }
.paging .numeri {  text-align:center;  width:520px; border-top:1px solid #007547; margin: 0px;  }
.paging .numeri div { display: inline; }
.paging .numeri div a { margin: 1px 3px 1px 3px; padding: 1px 3px 1px 3px; }
.paging .numeri .Selezionato { background-color:#007547; color:#FFFFFF; margin:1px; padding: 1px 3px 1px 3px;  }
.paging .successiva { float:right; margin: 0px; width:90px; text-align:right; }
.paging .precedente { float:left; margin: 0px; width:90px;   }
.paging .menoPiu{ color:Green; margin:0px 15px 0px 15px}

/*----------------------------------------*/
div.superTop { background-color: #060 ; padding:4px 0px 0px 0px ;  height:20px; width:980px; margin:0px auto; }

/*stili per la navigazione top*/
div.topNav { float:left;  }
div.topNav ul { margin:0px; padding: 0; list-style: none; color:#FFFFFF;     }
div.topNav li {	font-weight:bold; margin: 0px 0px 0px 40px;	padding: 0px 0px 0px 12px; display: inline;	background-image: url(img/squareVChiaro.png);
	background-repeat: no-repeat; background-position: left center; font-size:10px }
div.topNav a{ color:#b9ddb3; text-decoration: none }
div.topNav a:hover{ color: #fff;text-decoration: none }
div.topNav a#activelink{ color: #033;text-decoration: none }

/*--------------------------------------------------------STILI PER IL LAYOUT DI BASE-------------------------------------------------------*/

.TopRedazione .div2 { margin:2px ; padding:6px 35px 6px 35px; float:right;  border-left:1px solid #d3e991; min-height:18px; }
.TopRedazione .div1 { float:left; padding:3px 35px 3px 35px; border:none; }
.TopRedazione img,input { vertical-align:middle; margin:0px; padding:0px}
.TopRedazione a {  font-weight:bold; font-size:11px; color:#2a4a35 }
.TopRedazione a:hover { color:#FF0000 }
.TopRedazione { margin:0px auto;  padding:5px;  font-size:10px; text-align:right; width:970px; border:1px solid #ccc; background-color:#99CC00 }


.LinkGestione { background-color:#99CC00; padding:0px 4px 0px 4px; margin:2px 2px 2px 0px; font-size:10px; border:1px solid #027649 }







/*------------ DragAndDrop Test -------------------*/
.widget_holder { min-height: 400px; height:auto !important; height: 400px; }
.widget_dropcue { border: dashed 2px gray; display:none; margin-bottom:20px; }
.ombraBoxRightHeader {}



/* Status Abbonato o ospite*/
.status {
	float:right;	font-weight:bold;	font-size:9px;	color:#FFFFFF;	margin: 0px 2px 0px 0px;	 padding:2px 5px 3px 5px ;   vertical-align:middle }
.editStatus {
	float:right;	font-weight:bold;	font-size:9px;	color:#FFFFFF;	margin: 0px 2px 0px 0px;	 padding:2px 5px 3px 5px ;   vertical-align:middle }
.editStatus a{ color:#fdca31;}
.editStatus a:hover{ color:Yellow;}


/**/
.divMetaTags { background-color: #027649 ; width:980px; margin:0px auto }
.divMetaTags fieldset {}
.divMetaTags div { margin:0px; padding:5px 10px 5px 18px;  text-align:right}
.divMetaTags div.titolo { text-align:left; color:#fff; font-weight:bold;  }
.divMetaTags div strong { float:left; font-weight:normal  }
.divMetaTags div input { width:850px;  }
.divMetaTags div.submit { text-align:center}
.divMetaTags div.submit input{ width:100px; background-color:#fdca31}

/**/
.selectBanner { background-color:#99CC00; padding:5px; width:970px; margin: 0px auto}

/**/
.divAddWidg { background-color:#027649; margin:20px 0px 20px 0px; padding: 8px 0px 8px 9px; width:144px }
.divAddWidg input { width:130px; border:1px solid #ccc; background-color: #99CC00; cursor: pointer; font-size:12px; margin-top:4px}
.divAddWidg select { width:130px; border:1px solid #ccc}

/**/
/* --------------------------------------------------------------------WIDGET CONTAINER--------------------------------------------------- */
.widgetContainer { margin-top:10px }
.widgetContainer_hover { }
.widgetContainer_header {min-height: 10px; background-color:#99CC00; border:1px solid #027649; border-bottom:none; height:15px; margin:0px;  font-size:10px; padding-left:3px; color:#666666; cursor:move; width:80px}
.widgetContainer_header .ico { float:right; margin:2px; cursor: pointer;  }
.widgetContainer_body {  }
.widget_edit { background-color: #027649; padding:3px 0px 2px 4px ; border:1px solid #cca42a; border-bottom:none; margin:0px 3px 0px 0px ; width:150px }
.widget_edit input { font-size:11px; border:1px solid #cca42a;   }
.widget_edit select { font-size:11px; border:1px solid #cca42a;   }


/**/
.sfNotizie { background-color:#7e8b0b; }
.sfMondo { background-color:#529c79; }
.sfLibri { background-color:#ff972e}
.sfServizi { background-color:#969d67 }
.sfMultimedia { background-color:#b44e2f; }
.sfEventi { background-color:#dc9e4b;}
.sfArchivio { background-color:#838383;}
.sfGrigio {  background-color:#888;}


.link2 { font-weight: bold; font-size:12px; padding: 0px 0px 0px 12px }

/* BANNER GOOGLE */
.bannerProvaGoogle
{
    margin: 15px auto;
    width: 468px;
}