html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 12px;text-align: center; background: url(img/sf_sotto.png) top center; background-color:#C6C6C6;}

/*COCCARDA 10 ANNI*/
div.coccarda{position: absolute; left:890px; top:-5px;border-top: 0px dotted #999 } /*risolve il peek-a-boo bug di IE6*/5
div.coccarda img{float:left; margin: 110px}

/*PLAY*/
div.play{position: absolute; left:560px; top:200px;border-top: 0px dotted #999} /*risolve il peek-a-boo bug di IE6*/5
div.play img{float:left; margin: 110px}


div#container{position: relative; width: 950px;margin: 0px auto;
    border-left: 1px solid #000; border-right: 1px solid #000;border-top: 0px solid #000; background-color: #eee;color: #000;text-align: left}

/*stili generici, su header e footer*/
div#header{height:75px;background-color:#000;color: #fff;background: url(img/sf_header.png);}
div#header a{color: #eee;text-decoration:none}
div.logoimage{border-top: 0px dotted #999; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.logoimage img{float:left; margin: 0px}

h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em}
h3{font-size: 1.2em}
div#footer a{color:#ffffff; font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 95px; left: 0; width: 110px;\width:110px;w\idth:100px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 95px; right: 0; width: 180px;\width:190px;w\idth:180px;padding: 1em 5px}
div#content{margin: 0 190px 0 110px;padding: 1em 10px;background-color: #fff}
div#footer{text-align:center; padding: 5px 20px; background-color: #3f3f3f; color: #fff; border-top: 1px solid #000}

div#barra{height: 15px; background-color:#f0f0f0; color: #fff; background: url(img/sf_barra1.png); border-left: 0px solid #000;border-right: 0px solid #000;border-top: 1px solid #000;border-bottom: 1px solid  #000}

/*stili per la navigazione*/
div#navigation ul{margin: 0 0 20px;padding: 0; list-style-type: none}
div#navigation ul a{display:block; width: 90px;border-bottom: 1px solid #fff;color:#000;font-weight:bold; text-decoration: none}
div#navigation ul a:hover{background-color: #fff;color: #f00}
div#navigation ul a#activelink{color: #f00;text-decoration: none}
div#minilink a{margin: 20px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px;
background-color: #fff;color: #000;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc}

/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}

/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999}
div.textimage{border-top: 1px dotted #999; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 2px}
div.textimage h2{margin-top: 2px}




div.wide,div.split2,div.split3{clear:left}

div.wide{margin: 0 1%; border-top: 1px dotted #ccc}

div.split2 div{float: left; width: 308px; \width: 318px; w\idth: 308px;padding: 0 5px; border-bottom: 0px dotted #ccc}

div.split3 div{float: left; width: 200px; \width: 205px; w\idth: 200px;padding: 0 5px; border-top: 1px dotted #ccc; font-size: 10px}

div.split5 div{float: left; width: 135px; \width: 145px; w\idth: 135px;padding: 0 5px; border-top: 1px dotted #ccc} /*testi*/

a.arancio:hover {color: orange}
a.arancio {text-decoration: none; font-family: arial,verdana,helvetica,geneva; font-size: 12px; color: orange}


div.imgcontainer{ float: left;padding:0 6px 6px 0;
    background: url(dropshadow.jpg) no-repeat bottom right}

div.imgcontainer img{ display:block;
    position: relative;top: -5px;left: -5px;
    border:1px solid #ccc;border-color: #ccc #666 #666 #ccc;
    padding:5px} 

.gcalendar {font-family: arial,verdana,helvetica,geneva; font-size: 28px; color: black}

.ds {
	border: #000000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 0px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
		}
.sx {
	border: #000000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
		}



.cella_sx {
	border: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
		}

.bordino_sx {
	border: #4d4d4d;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
	background-image: url(bordino_sx.png);
		}

.bordino_dx {
	border: #4d4d4d;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
	background-image: url(bordino_dx.png);
		}


.link_menu_a {font-size: 11px; font-family:  Arial, Helvetica, sans-serif; font-style: normal; color:white; background: #A0A0A0; font-weight: bold;}

.div1 {
	font-family: arial,verdana,helvetica,geneva ;
	font-size: 11px;
	width: 100%; 
	background: #f2f2f2;
	PADDING-top: 5px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 5px;
        border:0px solid #ff8000;
	
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	}
.div2 {
	font-family: arial,verdana,helvetica,geneva ;
	font-size: 11px;
	width: 100%; 
	background: #ffffff;
	PADDING-top: 5px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 5px;
	}
.link_titolo {text-decoration: none; font-family: arial,verdana,helvetica,geneva; font-size: 11px; font-weight: normal; color: #000000;}
.link_altri {text-decoration: underline; font-family: arial,verdana,helvetica,geneva; font-size: 12px; color: #ff8000; font-weight: bold;}

.admin {text-decoration: underline; font-family: arial,verdana,helvetica,geneva; font-size: 11px; font-weight: normal; color: #c0c0c0}

.table_top {
	width: 100%; 
	border: #c0c0c0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
		}
.table_canali {
	width: 100%; 
	border: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	color: #000000;
	background: #c0c0c0;
	border-style: solid; 
		}
.td_barra {font-family: arial,verdana,helvetica,geneva; font-size: 11px; color: #ffffff}
.table_almanacco {
	width: 100%; 
	border: #000000;
	border-top-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	background: #f2f2f2;
	border-style: solid; 
		}
.td_menu {background-image: url("images_menu/sfondo_menu.jpg");
        border: #000000;
	border-top-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	border-style: solid; 
}
.td_dx_1 {background-image: url("images_menu/sfondo_menu.jpg");
        border: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	border-style: solid; 
}
.td_dx_2 {
        border: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	border-style: solid; 
}
.td_alma {background-image: url("images_menu/sfondo_menu.jpg");
border: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	border-style: solid; 
}
.td1_menu {
	border: #000000;
	border-top-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	color: #000000;
	background: #A0A0A0;
	border-style: solid; 
		}
.td2_menu {background-image: url("images_menu/sfondo_menu.png");}
.td3_menu {background-image: url("images_menu/sfondo_menu.png");}
.td4_menu {background-image: url("images_menu/sfondo_menu.png");}
.link_menu {text-decoration: none; font-family: arial,helvetica,verdana,geneva; font-size: 11px; font-weight: bold; color: #191919;}
.messaggi_dx {text-decoration: none; font-family: arial,helvetica,verdana,geneva; font-size: 10px; font-weight: bold; color: #000000;}


.table_inizio {
	width: 100%; 
	border: #c0c0c0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	color: #000000;
	background: #f0f0f0;
	border-style: solid; 
        font-family: arial,verdana,helvetica,geneva; 
	font-size: 15px; 
}



.ricerca {FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: arial,Helvetica;}
.ricerca1 {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial,Helvetica; font-weight: bold;}
.ricerca2 {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial,Helvetica;}
.canali {background-color:#ffffff; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial,Helvetica; font-weight: bold;}
.submit {background-color:#ff8000; font-size:12; color:#ffffff; font-family:arial,Helvetica; font-weight: bold; align:absmiddle; border:1px solid black; margin-bottom:2px; margin-top:2px;}
		
.links1 {font-family: arial,verdana,helvetica,geneva; font-weight: bold; font-size: 10px; color: black} 
.titolo_art {font-family: arial,verdana,helvetica,geneva; font-size: 15px; color: #000000}
.testonormale {font-family: arial,helvetica,geneva; font-size:12px; color:black}
.testo_flavia {font-family: verdana,arial,helvetica,geneva; font-size:11px; color:black}
A {text-decoration: none; font-family: arial,verdana,helvetica,geneva; font-size: 11px; color: black}
A:hover {text-decoration: underline}
TD {font-family: arial,verdana,helvetica,geneva; font-size: 11px; color: #000000}
.menufinale {font-family: arial,verdana,helvetica,geneva; font-size:11px; color: black}
A.menufinale:hover {color: black}

.titolo_mess {font-family: arial,verdana,helvetica,geneva; font-size: 15px; color: #ffffff}
.titolo_multimedia {text-decoration: none; font-family: arial,verdana,helvetica,geneva; font-size: 18px; font-weight: bold; color: #000000;}


.table_multimedia {width: 750; 
		border: #000000; 
		border-top-width: 0px; 
		border-right-width: 1px; 
		border-left-width: 1px; 
		border-bottom-width: 0px; 
		color: #000000;
		border-style: solid;	
		}

.table_multimedia1 {
	border: #000000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
	}

.table_multimedia2 {
	border: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
	}
.table_multimedia3 {
	border: #000000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
	}
.table_corpo_multimedia {
	width: 750; 
	border: #000000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	color: #000000;
	background: #c0c0c0;
	border-style: solid; 
	}
.td_elenco_multimedia {
	border: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	color: #000000;
	background: #ffffff;
	border-style: dotted;  
	}

.messaggeria {
	border: #c0c0c0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
		}
.graffette {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.graffette A:hover {
	TEXT-DECORATION: none; COLOR: orange;
}

.inputbox {
  border           : 1px solid #999999;
  background-color : #ffffff;
  margin-bottom    : 2px;
  margin-top       : 2px;
  color		   : #333333;
  font-size        : 11px;
}


.messaggeriah{
	border: #c0c0c0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	color: #000000;
	background: #ffffff;
	border-style: solid; 
	font-size: 18px;
		}

.big {font-family: arial,helvetica,geneva; font-size:13px; color:black}


/*Calendar */
.calendar{color:black; font-size: 25px; font-weight: bold} 


.calendar_mese{color:white; font-size: 10px; font-weight: bold} 


.calendar_gg{color:black; font-size: 9px; font-weight: bold} 

a.external { padding-right: 12px; background: url(http://www.tarantoincartolina.com/img/link.gif) 100% 50% no-repeat; height: 0; vertical-align: bottom; } 

.smallbox {font-family: arial; font-size:8px; color:black; background-color:#ff8000}
.primabox{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.4em}