/*
ri:creare 2005
foglio di stile del Comune di Ligonchio, sviluppato da Ri:Creare www.ri-creare.it Carpi (MO) ITALY
le singole parti di questo documento possono essere utilizzate a fini di studio ma l'intero documento, il design del sito č di proprietā del comune di Ligonchio!

verde scuro:336600
verde chiaro:669933
menu vetro:#DFEFDE

*/

html {margin:0;padding:0;}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color:#999;
	background:#669933;
	font: 14px/18px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	}
		
div#testata img{display:block;margin:0;padding:0;border:0;}

div#testata {
		padding-top:0;
		width:100%;
		height:80px;
		border:0;
		border-top:1px solid #336600;/*indispensabile o mozilla scoppia!*/
		background: #336600 url(i/ligonchio.jpg) center top no-repeat;
		color: #fff;
		text-align:right;
		}		

		
div#bordo_vetro
	{
	text-align:center;
	font: 14px/18px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	width:610px;
	padding-top:10px;
	margin:auto;
	border:0;
    margin-top:52px; /*spazio tra menu e bordo top*/
    margin-bottom:0;
	background:#336600 url(i/menu-top.jpg) no-repeat center bottom;
	}		
		
/*menu verticale presente in tutte le pagine del sito*****************/		

ul#testa
{
	display:block;
	list-style-type: none;
    margin:auto;
    padding:0;
}

ul#testa li
{
	display: inline;
   	padding:0;
    margin:0 5px;
	border:0;
}

ul#testa li a
	{
	text-decoration:none;
	color: #fff;
	}

ul#testa li a:hover
	{
	text-decoration:underline;
	color: #fff;
	}

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

	
	
div#sfondo {
	background: url(i/b.jpg) no-repeat center top;
	border-top: 1px solid #ccc;
	
	}

	
div#main 
	{
	background: #DFEFDE url(i/vetro_azzurro.jpg) no-repeat center top;
	width:600px;	
	height:auto;	
	margin:auto;
	border-left:1px solid #fff;
	border-right: 3px solid #bbb;
	border-top:0;
	border-bottom:0;
	text-align:left;
	}	


h1	{
	font: 24px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-weight: bold;
	margin:10px 20px;
	color: #336600;
	}	
	
h2	{
	font: 20px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	margin:10px 15px;
	color: #336600;
	}	

	
h3	{ /*titoletto nero*/
	font: 16px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color: #000;
	}		

h4	{ /*titoletto nero*/
	font: 14px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-weight:bold;
	margin:12px;
	color: #000;
	}		

h5	{ /*titoletto nero*/
	font: 10px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	margin:10px;
	color: #000;
	}		
	
h6 {
	/*firma corsiva allineata a destra*/
	font: 14px/18px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-style:italic;
	margin:1em;
	text-align:right;
	color: #000;
}
	
	
	
.testo
	{
	padding:10px;
	font: 13px/18px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	color:#000;	
	text-align:left;
	}	

img {display:block;border:0;}	

.testo img {float:right;margin:10px;border:1px solid #669933;}
	
a {color:#336600;text-decoration:underline;}
a:hover {color:#669933;text-decoration:none;}
	
hr {color:#ccc;margin:10px 0;}


table.ligo      {width:100%;text-align:center;border:1px solid #669933;color:#000;background:#DFEFDE}
table.ligo td     {text-align:center;width:50%;border:1px solid #669933;}
table.ligo td img {text-align:center;margin:auto;width:100px; height:100px;}

td.prima {background:#336600;color:#fff;}



ul.news	{
	text-align:left;
	list-style:none;margin-left:1em;padding:0;
	font: 12px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	}
ul.news h6 {display:inline;margin:5px;font-weight:normal;font: 10px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;}
.news li {margin:5px 0;padding:0;}



div#bordobasso
	{
	margin:auto;
	width:604px;
	height:46px;
	background: #669933 url(i/vetro-bottom.jpg) no-repeat center;
	}	
	
div#footer 
	{
	height:50px;
	margin:auto;
	margin-top:10px;
	background: #336600;
	color: #fff;
	border-top: 1px solid #ccc;
	text-align:center;
	}

div#footer img {display:inline;margin:10px auto;border:1px solid #669933;}	
	


ul.mv
{
	display:block;
	list-style-type: none;
    margin:20px auto;
    text-align:center;
	padding:auto;
}


ul.mv img
{
	display:inline;border:0;
}


ul.mv li
{
	display: inline;
   	padding:0;
   	margin:auto;
}

ul.mv li a
{
	text-decoration:none;
	color: #000;
	font-weight:bold;
	}

ul.mv li a:hover
	{
	text-decoration:none;
	color: #669933;
	}



/**************************** CLASSI ECCEZIONALI *************/

/*MAPPA INTERATTIVA */


#mappa { 
  background: url(i/mappa.gif) no-repeat center;
  width: 550px;
  height:650px;
  margin:auto;
  }

#mappa img {border:0;}
	
#frazioni a {
  position:absolute;
  text-decoration: none;
  font-size:16px;
  font-weight:bold;
  }
  
#cinquecerri{margin-left:90px;margin-top:60px;}
#caprile{margin-left:160px;margin-top:160px;}
#piolo{margin-left:220px;margin-top:190px;}
#montecagno{margin-left:260px;margin-top:160px;}
#casalino{margin-left:290px;margin-top:220px;}
#levaglie{margin-left:100px;margin-top:230px;}
#ligonchio{margin-left:170px;margin-top:270px;color:#cc0000;}
#ospitaletto{margin-left:120px;margin-top:350px;}
#busana{margin-left:250px;margin-top:30px;color:#0000cc;}
#villaminozzo{margin-left:420px;margin-top:180px;color:#0000cc;}
#collagna{margin-left:5px;margin-top:180px;color:#0000cc;}
#sillano{margin-left:130px;margin-top:520px;color:#0000cc;}



#giarola {margin-left:80px;margin-top:50px;}
#giardino {margin-left:70px;margin-top:75px;}
#comunaglie {margin-left:90px;margin-top:110px;}
#casenove{margin-left:90px;margin-top:280px;}
#loggia{margin-left:240px;margin-top:205px;}
#casabracchi{margin-left:230px;margin-top:225px;}
#presalta{margin-left:300px;margin-top:430px;}
#bargetana{margin-left:400px;margin-top:550px;}
#battisti{margin-left:420px;margin-top:500px;}
#pradarena{margin-left:50px;margin-top:400px;}

/*FINE MAPPA INTERATTIVA */


/******************************************* SEZIONE FORUM CITTADINO ***************************************/

.domanda {margin:3px;margin-top:20px;border:1px solid #663300;border-top-width:3px;border-left-width:3px;padding:1px:}
.risposta {margin:3px;margin-left:20px;border:1px solid #336600;border-bottom-width:3px;border-right-width:3px;padding:1px;}

.domanda p {margin:3px;}
.risposta p {margin:3px;}

/******************************************* FINE SEZIONE FORUM CITTADINO **********************************/

/******************************************* SEZIONE NEWS ***************************************/

.notizia {  border:1px solid #336600;margin:3px 10px;
			font: 13px/18px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
			color:#000;	
			text-align:left;
			background:url(i/data_news.gif) no-repeat top left;
		}

.notizia p {margin:5px;margin-left:10px;}

.notizia img {margin:auto;text-align:center;border:1px solid #336600;}

.notizia h3 {				
				font: 14px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
				margin:15px;
				color: #336600;
				font-weight:bold;
			}	

/******************************************* FINE SEZIONE NEWS **********************************/

/******************************************* SEZIONE CASE ***************************************/

.casa 	{   border:1px solid #339900;margin:3px 10px;
			padding:10px;
			font: 13px/18px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
			color:#000;	
			text-align:left;
		}

.casa p {margin:5px;}

.carta {background:url(i/carta.gif) no-repeat top center;padding-top:68px;text-align:center;margin:0;}
.ritaglio {width:300px;margin:auto;background:#fff;border-bottom:10px solid #fff;}
.casa img {display:block;margin:auto;border:1px dotted #000;width:250px;height:auto;}
a.vai {display:block;padding-top:10px;height:30px;padding-left:30px;background:url(i/vai.gif) no-repeat left;}
a.vai:hover {display:block;padding-top:10px;height:30px;padding-left:30px;background:url(i/vai_2.gif) no-repeat left;}


/*********scheda casa***********/
#schedacasa {
			padding:10px;
			color:#000;	
			text-align:left;
			}
#schedacasa img{border:1px solid #000;}
a.torna {display:block;padding-top:10px;height:30px;padding-left:30px;background:url(i/torna.gif) no-repeat left;}
a.torna:hover {display:block;padding-top:10px;height:30px;padding-left:30px;background:url(i/torna_2.gif) no-repeat left;}


/******************************************* FINE SEZIONE CASE **********************************/

/********* attivitā produttive ***********/
#ap { //tabella
			
			padding:0;
			border:0;
			margin:1em auto;
			color:#000;	
			text-align:center;
			}
			
			

			
#ap a { 	display:block;
			background:#fff;
			border:1px solid #DFEFDE;			
			border-left:3px solid #669933;
			border-bottom:3px solid #669933;
			padding:5px;
			text-decoration:none;
			width:120px;
			text-aling:center;
		}
#ap img {
			height:100px;
			margin:auto;
			}		

#ap a:hover 
		{ 	
			border-color:#A30000;
			color:#A30000;			
		}
		
/******************************************* FINE SEZIONE CASE **********************************/

/*sottomenu per sezioni speciali: turismo, il comune*/


ul#sottomenu
{
	display:block;
	list-style-type: none;
    margin:auto;
    padding:0;
    text-align:center;
}

ul#sottomenu li
{
	display: inline;
   	padding:0;
    margin:0 5px;
	border:0;
}

ul#sottomenu li a
	{
	text-decoration:none;
	color: #336600;
	}

ul#sottomenu li a:hover
	{
	text-decoration:underline;
	color: #669933;
	}

	
#conta img {display:inline;}