/*stili per il layout fluido*/
html,body{margin: 0;padding:0}

body{font-family: arial,sans-serif;font-size: 76%}
div#container{/*nessuna regola necessaria*/}
a:active {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-style: normal; text-decoration: none; color: #FF0000;}
a:link {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-style: normal; text-decoration: none; color: #993300;}
a:visited {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-style: normal; text-decoration: none; color: #666666;}
a:hover {  font-family: Verdana, Arial, Helvetica; font-size: 8pt; font-style: normal; text-decoration: none; color: #CC3300;}
a img { border: 0; }



/*stili generici, su header e footer*/
div#header{text-align:center;}
h1,h2{margin: 0;padding:0}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h1#logo{ margin: 0; padding: 0; position: relative; width: 950px; height: 80px;
    font: bold 12px Arial,sans-serif;color:#000000}
h1#logo span{ left: 0px; position: absolute;width: 100%;height: 100%;
    background:url(/interfaccia/Top.gif)}
h2{color: #69f;font-size: 1.5em}
h4{color: #69f;font-size: 0.8em}

div#content{margin: 0 170px;padding: 1em 10px;
    }
	
div#footer a{color:#fff;font-weight: bold;text-decoration: underline;}

div#navigationTop{background-color:#0066FF;color: #ff0; text-align:center;}
div#image{border: 0px;}

/*stili specifici per il layout*/
div#navigation{float: left;width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 10px; }
div#extra{margin: 50px 0px;float: right; width: 140px;\width:150px;w\idth:140px;padding: 1em 5px; }
.TestoVersTest{font-family: arial,sans-serif;font-size: 76%}



h4#titoloMenu{ margin: 0; padding: 0; position: relative;width: 120px;height: 25px ;
    font: bold 12px Arial,sans-serif;color:#000000}
h4#titoloMenu span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_menu.jpg); margin: 0}


/*servizi*/
div#extraServizi{margin: 50px 0px;float: right; width: 250px;\width:260px;w\idth:250px;padding: 1em 5px;border: 0;}

div#extraServiziIntDx{float: right; width: 120px;\width:130px;w\idth:120px }

div#extraServiziIntSx{float: left; width: 120px;\width:130px;w\idth:120px}
div#contentServizi{margin: 0 250px;padding: 1em 10px;
    border-width: 0 1px; border-style:hidden; border-color: #ccc;width: 400px}

.ImgCentrPgServ{width: 400px;\width:410px;w\idth:400px; border: 0 }
h4#titoloMenuServizi{ margin: 0 55px; padding: 0; position: relative;width: 120px;height: 40px ;
    font: bold 12px Arial,sans-serif;color:#000000}

h4#titoloMenuServizi span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_servizi.jpg)}
/*fine servizi*/

/*come arrivare*/
h2#titoloMenuArriv{ margin: 0; padding: 0; position: relative;width: 120px;height: 25px ;
    font: bold 12px Arial,sans-serif;color:#000000}

h2#titoloMenuArriv span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_come_arrivare.jpg)}

.ImgProdTip{width: 300px;\width:310px;w\idth:300px; border: 0}
.TestoSx{ text-align:left}

/*fine come arrivare*/

/*come storia*/
div#contentStoria{margin: 0 170px;padding: 1em 10px;
    border: 0; border-style:solid; border-color: #ccc;}
h2#titoloMenuLaStoria{ margin: 0 0; padding: 0; position: relative;width: 120px;height: 25px ;
    font: bold 12px Arial,sans-serif;color:#000000}

h2#titoloMenuLaStoria span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_storia.jpg)}
	

/*fine come storia*/

/*le vie*/
h2#titoloMenuLeVie{ margin: 0; padding: 0; position: relative;width: 120px;height: 25px ;
    font: bold 12px Arial,sans-serif;color:#000000}

h2#titoloMenuLeVie span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_vie.jpg)}
/*fine le vie*/

/*amm comunale*/
.ImgAmmComPrinc{border: 0; display: block; margin-left: auto;  margin-right: auto}

div#DettGColSx{float:left; width: 270px;\width:280px;w\idth:270px;padding: 1em 0px; 
border-width: 0 0px; border-bottom: 0 0px; border-top: 0 0px; border-style:solid; border-color: #ccc; margin-left: 0 2px;  margin-right: auto}


div#DettGColDx{float: right; width: 270px;\width:280px;w\idth:270px;padding: 1em 0px; 
border-width: 0 0px; border-bottom: 0 0px; border-top: 0 0px; border-style:solid; border-color: #ccc; margin-left: auto;  margin-right: auto}

.ImgDettG{width: 270px;\width:280px;w\idth:270px; border: 0}
.TestoDescrDettG{ text-align:justify; margin: 1 ; padding: 1em 5px}

	/*giunta*/
	.ImgGiuntaDx{width: 295px;\width:305px;w\idth:295px; border: 0; margin-left:auto; margin-right:auto; margin-top: 100px; margin-bottom:auto}
	.ImgGiuntaSx{width: 295px;\width:305px;w\idth:295px; border: 0; margin-left:auto; margin-right:auto; margin-top: 100px; margin-bottom:auto}

	div#GiuntaSxA{float:left; width: 300px;\width:310px;w\idth:300px; height: 700px }

	div#GiuntaDxA{float: right; width: 300px;\width:310px;w\idth:300px; height: 700px}


	div#GiuntaSxB{float:left; width: 300px;\width:310px;w\idth:300px;height: 900px}




	div#GiuntaDxB{float: right; width: 300px;\width:310px;w\idth:300px; height:965px}
	/*fine giunta*/
	
	/*consiglio */
	
	.ImgConsDx{width: 295px;\width:305px;w\idth:295px; border: 0; margin-left:auto; margin-right:auto; margin-top: 50px; margin-bottom:auto }
	.ImgConsSx{width: 295px;\width:305px;w\idth:295px; border: 0; margin-left:auto; margin-right:auto; margin-top: 50px; margin-bottom:auto }

	div#ConsSxA{float:left; width: 300px;\width:310px;w\idth:300px; height:350px }

	div#ConsDxA{float: right; width: 300px;\width:310px;w\idth:300px; height:350px;margin-left: auto;  margin-right: auto }


	div#ConsSxB{float:left; width: 300px;\width:310px;w\idth:300px;  margin-left: auto;  margin-right: auto}




	div#ConsDxB{float: right; width: 300px;\width:310px;w\idth:300px }
	/* fine consiglio */
	
	/*allapti*/
	div#contentAppalti{margin: 0 170px;padding: 1em 10px;
    border: 0; border-style:solid; border-color: #ccc;}
	
	div#contentAppalti table{ border: solid 2px #000000; width: 630px; padding: 0px; border-color: #CCCCCC; text-align:center}
	div#contentAppalti td  { border: solid 1px #000000; color: Black; padding: 1px}
	div#contentAppalti th  { border: solid 1px #000000; color: Black; padding: 1px; background-color:#66CCFF}
	
	/*fine appalti*/

/* fine amm comunale*/

/* scuola */
h2#titoloMenuScuole{ margin: 0; padding: 0; position: relative;width: 120px;height: 25px ;
    font: bold 12px Arial,sans-serif;color:#000000}

h2#titoloMenuScuole span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_scuole.jpg)}
/*fine scuola*/

/* attivitą */
h2#titoloMenuAttivita{ margin: 0; padding: 0; position: relative;width: 120px;height: 25px ;
    font: bold 12px Arial,sans-serif;color:#000000}

h2#titoloMenuAttivita span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_attivita.jpg)}
/* fine attivitą */	

/* servizi */
h2#titoloMenuServizi{ margin: 0; padding: 0; position: relative;width: 120px;height: 25px ;
    font: bold 12px Arial,sans-serif;color:#000000}

h2#titoloMenuServizi span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_servizi.jpg)}
/* fine servizi */

/* sport */
h2#titoloMenuSport{ margin: 0; padding: 0; position: relative;width: 120px;height: 25px ;
    font: bold 12px Arial,sans-serif;color:#000000}

h2#titoloMenuSport span{position: absolute; width: 100%;height: 22px;
    background:url(/interfaccia/head_sport.jpg)}
/* fine sport */	

/*mappa sito */


div#contentMappaSito{margin: 0px 170px;
    border: 0; border-style:solid; border-color: #ccc;width: 650px;\width:660px;w\idth:650px}

/*fine mappa sito */
	

div#newsbox{float: left; width: 80px;\width:90px;w\idth:80px;padding: 1em 5px}
.imgNews { width: 80px; border:1;}


	
.ImgConterCentr{width: 600px;\width:610px;w\idth:600px; border: 0}
div#footer{clear:both; text-align:center; padding: 5px 0;
    background-color: #0066FF; color: #000}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{ color:#FFFFFF; font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}

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

/*news*/
div#contentNews{margin: 0 170px;padding: 1em 10px;
    border: 0; border-style:solid; border-color: #ccc;}
div#contentNews table{  border: solid 2px #000000; width: 630px; padding: 0px; border-color: #CCCCCC; text-align:center}
div#contentNews td  { border: solid 1px #000000; color: Black; padding: 1px}
div#contentNews th  { border: solid 1px #000000; color: Black; padding: 1px; background-color:#66CCFF}
/* fine news */

/*news*/
div#contentMan{margin: 0 170px;padding: 1em 10px;
    border: 0; border-style:solid; border-color: #ccc;}
div#contentMan table{  border: solid 2px #000000; width: 630px; padding: 0px; border-color: #CCCCCC; text-align:center}
div#contentMan td  { border: solid 1px #000000; color: Black; padding: 1px}
div#contentMan th  { border: solid 1px #000000; color: Black; padding: 1px; background-color:#66CCFF}
/* fine news */

/*Dettaglio evento*/
div#contentDettEvento{margin: 0 170px;padding: 1em 10px;
    border: 0; border-style:solid; border-color: #ccc;}
div#contentDettEvento table{  border: solid 2px #000000; width: 630px; padding: 0px; border-color: #CCCCCC; text-align:center}
div#contentDettEvento td  { border: solid 1px #000000; color: Black; padding: 1px}
div#contentDettEvento th  { border: solid 1px #000000; color: Black; padding: 1px; background-color:#66CCFF}
/* Dettaglio evento */

/*table*/

/* fine table*/

/*MENU*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 9px Verdana;

width: 130px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;

}
 
.sidebarmenu ul li{
position: relative;

}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
border-left: 4px solid #778;
border-top: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:#6699CC; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color:#41545F;
border-left: 6px solid #0000CC;
color:#FFFFFF;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

/*MENU BAR*/
#menu04o {
width: 100%;
font: 80% Arial, Helvetica, sans-serif;
}
#menu04o ul {
list-style: none;
margin: 0;
padding-left: 0;

}
#menu04o li {
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;

}
#menu04o a:link, #menu04o a:visited {
float:left;
padding: 0.3em 1.5em 0.3em 1.5em;
margin: 0em;
border-left: 10px solid #41545F;
background-color:#6699CC;
color: #FFFFFF;
text-decoration: none;
}
#menu04o a:hover, #menu04o a:focus, #menu04o a:active{
background-color: #41545F;

border-left: 10px solid #EAD100;
}

/*MENU BAR*/


/*MENU*/