@import url(caratteri-hp.css);

/*	DROP DOWN QUARTIERI */
@import url(drop.css);

.altext, .alt  /*testo alternativo */
{
	display: none;
}

.solotesto
{
	float:right;
	
}

/* box layout */

/*Here's the maths for the widths (important!):

boxbody = boxleft + boxcenter
boxwrap = boxbody + boxright  
(For safety: if you use %, keep boxbody and boxwrap at or below 99%)
*/

.boxwrap   { width: 750px; margin-left: auto; margin-right: auto;}	/* prova col padding-bottom:0 per eliminare lo spazio IE mac*/

.boxbody   { width: 562px; float: left; } /* It holds the content and left columns. It is floated 
           left, so this leaves room on the right for "boxright"
           to make the right hand column. */
.boxcenter { width: 374px; float: right; 	background-color: #fff;} /* This is the content box. It is floated right, inside the
           body box ("boxbody") which effectively puts it in the centre 
           of the page, between the two columns. */
.boxleft   { width: 188px; float: left; }  /* This is the content box. It is floated right, inside the
           body box ("boxbody") which effectively puts it in the centre 
           of the page, between the two columns. */
.boxright  { width: 188px; float: right; }  /* The right column, floated right for the same reason that the
           left column is floated: to stop its background colour spilling 
           out. */
.boxheader { width: 100%;  clear: both; }	/* prova col padding-bottom:0 per eliminare lo spazio IE mac*/
.boxfooter { width: 100%;  clear: both;  }  /* Holds the footer text, and is cleared on both sides. Puts it
           below all the columns above it. */


.boxclear  { clear: both; line-height: 0 }  /* This div helps out browsers who don't like the fact that boxbody
           has no non-floated content. */

/* ie hack: */
     .iehackwrap { text-align: center;  }
     .boxwrap    { text-align: justify; }   /* Width of the page and centring for modern browsers. */  
 
.boxheader h1
{
	background-image: url(../gfx/testata.gif);
	background-repeat: no-repeat;
	width:750px;
	height:74px;
/*	margin-top:-18px;*/	/* questa dichiarazione mi serve se nel codice utilizzo la lista #mappauno */
} 
     


div { margin: 0px; padding: 0; }

ul#mappa1	/*ie5 mac va in crisi (spazio bianco) se nel codice utilizzo questa lista*/
{
margin:auto;
padding:0;
list-style:none;
position:relative;
top:72px;
left:-280px;
width:184px;
height:20px;
}

ul#mappa1 li {
display:block;
position:absolute;
margin:0;padding:0
}
li#mappa1-link1 {
left:0;top:0;
width:96px;height:16px
}

li#mappa1-link2 {
left:97px;top:0;
width:78px;height:16px
}

 #mappa1 a {
display:block;
width:100%;
height:100%;
}



/* formattazione news */
.news
{
	padding:1px 5px;

}


.news h3
{
	/*width:330px;*/
	height:20px;
	padding-left: 13px;
	padding-top:2px;
	margin-top: 1px;
	font-weight: 700;
	font-size:1.3em;
	color:#666;
	/*background-image: url(../gfx/bullet_pp.gif);*/
	background-repeat: no-repeat;
	background-color: #eee;
}

h3.pp
{
	background-image: url(../gfx/sezioni/primopiano.gif);
	text-align:right;
}

h3.appuntamenti
{
	background-image: url(../gfx/sezioni/appuntamenti.gif);
	text-align:right;
}

h3.daiquartieri
{
	background-image: url(../gfx/sezioni/daiquartieri.gif);
	text-align:right;
}


h3.informacitta
{
	background-image: url(../gfx/sezioni/informacitta.gif);
	text-align:right;
}

h3.infomobilita
{
	background-image: url(../gfx/sezioni/infomobilita.gif);
	text-align:right;
}

h4.titolonews
{
	font-size:0.95em;
	margin-bottom:0;
	margin-top:20px;
}

.news .titolo, .titolo 
{
	
	font-weight:700;
	font-size:99%;
}

.news .testo, .testo
{
	font-weight:400;
	text-align: left;
	font-size:99%;
	line-height:1.1em;
	letter-spacing: 0.02em;


}

.small
{
	font-size:96%;
}

.testolink
{
	font-size:98%;
	text-align:left;
}

.image_pp
{
	float:left;
	width: 70px;
	height:70px;
	margin:10px 8px 0 2px; 	
	margin-right: 14px;	
}



.cerca
{
	/*width:196px;*/
	background-color:#ddd;
	
}



.cittadino, .comunichiamo, .iperboliani, .servizionline, .sportelli
{
	background-color: #cdd4dd;
	background-repeat: no-repeat;
	height:18px;
	font-weight:700;
	font-size:1.15em;
	padding-left:3px;
	padding-top:4px;
	padding-bottom:0;
	color:#036;
	width:/*196px*/188px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:/*188px*/181px;
}

.cittadino
{
	border-left: 4px solid #ab2525;
	background-image: url(../gfx/sezioni/cittadino.gif);

}

.comunichiamo
{
	border-left: 4px solid #55ad83;
	background-image: url(../gfx/sezioni/comunichiamo.gif);

}

.iperboliani
{
	border-left: 4px solid #628a55;
	background-image: url(../gfx/sezioni/iperboliani.gif);

}

.servizionline
{
	border-left: 4px solid #64819F;
	background-image: url(../gfx/sezioni/servizionline.gif);

}

.sportelli
{
	border-left: 4px solid #538787;
	background-image: url(../gfx/sezioni/bolognaper.gif);
}

ul.newsinfo
{
	list-style-type: none;	
	background-color: #fff;
	padding-left:0;
	margin-left:0;
	text-align:left;
}

ul.newsinfo li
{
	background-image: url(..//interf/list-image-news.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	line-height:1.8em;
}

ul.newsinfo a, ul.newsinfo a:link
{
	font-size:1.2em;
	display:block;	
	text-decoration:none;
	width:100%;

}



ul.contenuti
{
	background-color: #f0f5fa;
	margin-top:0;
	text-align: left;
	padding: 3px 0;
	line-height: 1.6em;
	list-style-type: none;	
	margin-left:0;
}

ul.contenuti li
{
	background-image: url(..//interf/list-image.gif);
	background-repeat: no-repeat;
	padding-left:10px;
}


ul.contenuti a, ul.contenuti a:link
{
	font-size:1.2em;
	display:block;	
	text-decoration:none;
	width:100%;
}

ul.contenuti a, ul.contenuti a:link
{
	color:#000;
}


ul.contenuti a:hover, ul.newsinfo a:hover
{
	text-decoration: none;
	color:#F58517
}

.boxfooter a , .boxfooter a:link
{
	text-align:center;
	font-size:0.93em;
	color:#000;
	text-decoration:none;
}

.contenuti a:hover, .boxfooter a:hover 
{
	text-decoration: none;
	color:#F58517
}

.comune, .conoscere, .servizi
{
	background-color: #cdd4dd;
	background-repeat: no-repeat;
	height:18px;
	padding-top:4px;
	font-weight:700;
	font-size:1.15em;
	padding-left:3px;
	color:#036;
	width:/*185px*/188px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:/*178px*/181px;
}

.comune
{
	border-left:4px solid #0964A8;
	background-image: url(../gfx/sezioni/comune.gif);
}
.conoscere
{
	border-left:4px solid #F58634;
	background-image: url(../gfx/sezioni/conoscere.gif);
}
.servizi
{
	border-left:4px solid #db3c33;
	background-image: url(../gfx/sezioni/servizi.gif);
}



.line
{
	line-height:1.5em;
}

.clearleft
{
	clear:left;
	margin-bottom:-4px;
	/*border-bottom:1px dashed #ddd*/
}


/* formatting */
body
{
	background-color: #fff;
	background-image: url(../interf/IperboleIcona.gif);
	font: 84% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}
.boxwrap { text-align: justify;  }

h1 { padding: 2px 10px; margin: 0;}
p  { padding: 5px 10px; margin: 0;}

/* style */


h1 { font-size: 1.3em; }
p, li  { font-size: 0.8em; }
.boxfooter p { font-size: 0.7em; text-align: center; }
.boxfooter .note
{
	font-style:italic;
	text-align:justify;
	font-size:0.93em;
}


.comment { border: 1px solid red; margin: 1em; padding: 0.5em; background: #fff; }
h1 span  { font-weight: 400; }

#scrolling div.boxleft, #scrolling div.boxright
   { overflow: auto; height: 4em;}
	
	
	
input.home
{
	background-color: #eee;
	border: 1px solid #325b84;
	height: 11px;
	width: 100px;
	font-size: 0.9em;
	margin-bottom:2px;
}	
	
	
	
a.central, A.centraldue, A.newspp
				{
				font-weight:700;
				text-decoration: none;
				color:#0960B8;		
				}						
				
				
a.central:hover, A.centraldue:hover, A.newspp:hover
				{
				font-weight:700;
				text-decoration: none;
				color:#F58517
				}

A.newspp
{
	line-height:1.1em;
}		
A.centraldue
{
	line-height:1.5em;
}			

a img
{
	border:none;
}

hr
{
	color:#ddd;
	background-color:#ddd;
	height:1px;
}

/* RSS scroller */

#pscroller1{
/*width: 170px;*/
height: 100px;
border-left: 1px solid #c40f39;
border-right: 1px solid #c40f39;
padding: 5px;
padding-top:0;
background-color: #eee;
text-align: left;
}

#pscroller2{
width: 170px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #fff;
}

.rssclass .rsstitle{
font-weight: bold;
/*text-align: left;*/
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a, .rssclass a:visited{
text-decoration: none;
color:#0960B8;	
}

.rssclass a:hover
{
	color:#F58517;
}

/* IMMAGINI CIVETTA  */

#civetta-titolo
{
	background-repeat: no-repeat;
	width:188px;
	height:29px;
}

#civetta-piede
{
	background-repeat: no-repeat;
	width:188px;
	height:29px;
}

#civetta-titolo
{
	background-image: url(../gfx/civetta-head188.gif);
}

#civetta-piede
{
	background-image: url(../gfx/civetta-foot188.gif);
}

a.audiocivetta
{
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}

a.audiocivetta:hover
{
	color: #000;
}


/* prova scroller due */

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1{ /*Demo 1 main container*/
width: 450px;
height: 30px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
}

#example2{ /*Demo 2 main container*/
width: 600px;
height: 180px;
border: 1px dashed black;
padding: 4px;
background-color: #EEEEEE;
}

#example2 div ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}

#example2 div ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}

#example3{ /*Demo 3 main container*/
width: 186px;
height: 80px;
border-left: 1px solid #c40f39;
border-right: 1px solid #c40f39;
padding: 0;
background-color: #fff;
text-align:left;
}

#example3 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
font-size:0.85em;
}

code{ /*CSS for insructions*/
color: red;
}

#example3 a, #example3 a:visited{
text-decoration: none;
color:#0960B8;	
font-weight:bold;
}

#example3 a:hover
{
	color:#F58517;
}