/*  body and font definitions */
html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: #fff;
  background-image: url(../img/body.gif);
  background-position: top right;
  background-repeat: no-repeat;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color:#000;  
  padding:0px;
  margin:0px;
  line-height:1.5em;
}

/* Header styles */
	#header {
	margin:auto;
	text-align:center;
	max-width: 960px; 
	min-width: 560px; 
	}
	
#header .outer {
	border-left-width: 365px;  /* left column width */
	border-left-color: #fff;   /* left column colour */

	border-right-width: 257px; /* right column width */
	border-right-color: #ddd;  /* right column colour */

	background-color: #ddd; /* center column colour */
    width: auto;
    border-left-style: solid;
    border-right-style: solid;
}

#header .inner
{
	margin:0;
	width:100%
}	

#header #iperbolelogo
{
	width: 365px;              /* left column width */
	margin-left: -365px;       /* _negative_ left column width */
	height: 85px;
	float: left;
	position: relative;
	z-index: 10;
}



#header #sezione1, #header #sezione2, #header #sezione3, #header #sezione4, #header #sezione5
{
	width: 257px;              /* right column width */
	margin-right: -257px;      /* _negative_ right column width */
	height: 85px;
	float: left;
	position: relative;
	z-index: 11;
}

#header .background
{
float: left;
width: 100%;
position: relative;
z-index: 12;
height:85px;
background-color: #ddd;
}

/* horizontal menu */

	#menu-servizio {
		clear:both;
		background-repeat: no-repeat;
		margin:0;
		padding:9px 15px 5px 15px !important;
		text-align:left;
		height:23px;
		background-image: url(../img/menu-servizio-bck.gif);
	}
	
	#menu-servizio a
	{
	color: #333; 
	text-decoration:none;
	font-size:.85em;
	}	
	
/*	page wrapper	*/	

#page-wrap		    { max-width: 960px; min-width: 560px; margin: 0 auto; position: relative; zoom: 1; }	


/*	breadcrumbs	*/	

#percorso
{
	color: #666;
	font-size:.9em;
	text-align: left;
	margin: 10px 196px -20px 196px;	
	border-bottom: 1px solid #ddd;
	background-color: #eee;
	padding:0 0 0 2px;

}

#percorso a
{
	text-decoration:none;
}
	
	
/* menù di sezione */

#menu-sezione {
position: absolute;
left: 0px;
top:121px;
width: 188px;
margin-left:4px;
margin-top:3px;
padding: 8px 0; 
background: none; 
}

#menu-sezione .separator
{
	border-top:1px dashed #999;
	display:block;
}	

#menu-sezione ul{
padding: 0px;
margin:0;
background: #ddd;
background-position:bottom left;
background-repeat: no-repeat;
}

#menu-sezione li
{
list-style-type: none;
padding:2px 0 2px 4px;
border-bottom:1px solid #eee;
}

#menu-sezione li.active 
{
font-weight:bold;
display:block;
margin:0;
letter-spacing: -0.09em;
border:none;
background-color:#ff9c4c;
}

#menu-sezione li a
{color:#000;
text-decoration:none;
font-size:.95em;
display:block;
}

#menu-sezione li a:hover
{
	color: #000;
	background-color:#eee;

}

#menu-sezione ul ul
{
	background-image:none;
	padding:0;
	margin-left:-4px;
}

#menu-sezione ul ul a
{
	padding-left: 8px;
	font-weight:normal;
	display:block;
}

#menu-sezione ul ul li
{
	letter-spacing: normal;
	border:none;
}


/*		MAIN CONTENT	*/

#contenuti, #contenuti-full {

padding: 10px;
background-color: #ffffff;    
}

#contenuti
{
	margin: 0px 6px 0px 6px;	
	border-top: 0px solid #ddd;
/*	max-width: 960px;*/

}

#contenuti-full
{
	margin: 20px 0px 0px 196px;
/*	max-width:600px;*/

}

#contenuti ul li.listacategorie a, #contenuti-full ul li.listacategorie a
{
	font-weight:bold
}

#contenuti ul li.listacategorie, #contenuti-full ul li.listacategorie
{
		list-style-type: none;

}


#contenuti p.primopiano
{
	font-weight:bold;
	font-size:1.3em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000; 
	text-align:left;	
	margin-top:0;
}

p.primopiano:first-letter
{
	font-size:1.25em;	
}

#contenuti .titolonews
{
	font-weight:bold;
	font-size:1.15em;
	padding: 10px 0 2px 10px;
	margin-top:-3px;
	margin-bottom:-3px;	
	display: inline;
}

#contenuti ul.serviziosingolo, #contenuti-full ul.serviziosingolo
{
	padding:0;
	list-style: none;
	margin-left:2px;
	padding-left:2px;
}





#contenuti li.serviziosingolo, #contenuti-full li.serviziosingolo
{
	background:none;
	margin:0;
	font-size:.95em;
	border:none;
}

#contenuti li.serviziosingolo, #contenuti-full li.serviziosingolo
{
	padding-top:2px;	
}

#contenuti li.serviziosingolo a, #contenuti-full li.serviziosingolo a
{
		padding-left:15px;

}

#contenuti li.serviziosingolo a:hover, #contenuti-full li.serviziosingolo a:hover
{
	background-repeat: no-repeat;
}

#contenuti li.serviziosingolo a.active, #contenuti-full li.serviziosingolo a.active
{
	background-repeat: no-repeat;
	padding-top:0px;
	font-weight:bold;
}



#contenuti h1, #contenuti-full h1
{
position:relative;
font-size:1.9em;
/*font-size:1.7em;*/
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
/*letter-spacing: 0.05em;*/
letter-spacing: 0.04em;
background-position: left;
background-repeat: no-repeat;
height:26px;
padding: 12px 0 6px 50px;
/*padding: 14px 0 2px 50px;*/
margin:auto;
background-image: url(../img/h1_sezione.gif);
color: #d96e17;
}

#contenuti h1 span , #contenuti-full h1 span {
		
		background-color: #fff;
		padding: 0 6px;
		
	}

#contenuti h2, #contenuti-full h2
{
	font-size:1.75em;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0.15em;
	color: #999;
	font-style:italic; 
	/*text-align:right;	*/
	text-align:left;	
}

#contenuti h3, #contenuti-full h3
{
	font-size:1.25em;
	border-bottom: 1px dashed #999;
	letter-spacing: 0.06em;
	background-image: url(../img/plus2.gif);
	background-repeat: no-repeat;
	padding-left:18px;
	color: #666;
}

#contenuti h3.liste, #contenuti-full h3.liste
{
	font-size:1.1em;	
}


#contenuti h3:first-letter, #contenuti-full h3:first-letter, #contenuti h4:first-letter, #contenuti-full h4:first-letter

{
	font-size:1.2em;	
}

#contenuti h3.news
{
	border-bottom:1px solid #f8ebb4;
	padding-left:30px;
	background:none
}

#contenuti h3.news:first-letter
{
	color:#d96e17;
	font-size:1.2em;
}

#contenuti .wrap
{
	border:0px dashed #999;
	overflow:hidden;
	float:left;
	padding:4px;
	width:98%
}

.wrap img
{
	float:left; 
	margin-right:6px
}

#contenuti h4, #contenuti-full h4
{
	font-size:1.25em;
	letter-spacing: 0.06em;

}


#contenuti a, #contenuti a:link, #contenuti-full a, #contenuti-full a:link
{
text-decoration:none;
color: #151dc6;

}

#contenuti a:visited, #contenuti-full a:visited
{
/*	color: #666;*/
}

/*		COLONNA  DESTRA	*/

#menu-correlati {
position: absolute;
right: 0px;    
top:120px;    
width: 188px;
margin: 12px 0 0 0; 
padding: 0px;
padding-left:4px;
background-color:#fff;

}

#menu-correlati
{
	border: 1px solid #ddd
}

#menu-correlati h3, #contenuti h4, #contenuti-full h4
{
font-weight:bold;
border-bottom:1px dotted #999;
background-repeat:no-repeat;
padding-left:14px;
}

#menu-correlati h3
{
	font-size:1.1em;	
}

#menu-correlati ul
{
padding-left:2px;
margin:0;
}

#menu-correlati li
{
/* 	display:block;*/
    margin-left:14px;
/*    list-style-type:none;*/
    list-style-position: outside;
	 list-style-type: disc;
	}

#menu-correlati li a
{color: #000;
font-size:.95em;
text-decoration:none;
}

#menu-correlati li.pdf, #menu-correlati li.doc
{
	background-repeat: no-repeat;
	padding-left: 24px;
	list-style-type: none;
}


#menu-correlati li.pdf
{
	background-image: url(../img/pdf-icon.gif);
	
}

#menu-correlati li.doc
{
	background-image: url(../img/doc-icon.gif);	
}

#menu-correlati p, #menu-correlati h3
{
	margin-left: 10px; 
	margin-right: 10px;
}

#search
{
	margin-left:4px;
	font-size:.9em;
}

#search p
{
	display: inline;
}

#search input.input
{
	height:12px;
	width:150px;
	border:1px solid #999;
	background-color: #eee;
	font-size:1em
}

fieldset {
	padding: 0;
	margin: 0;
	border: none;
}

legend {
	display: none;
}

#search label
{
	display:none;
}


.clearleft
{
	clear:left;
}

/* footer */


#footer {
	width:100%;
	background: #5b5b5b;
/*	background:#eee;*/
	clear: both;
}
#footer p {
	margin: 0; 
	font-size:.95em;
	font-style: italic;
	color:#fff;
}
#footer a           { color: #fff; border-bottom: 1px dotted white; text-decoration: none; }
#footer a:hover     { border-bottom-style: solid; }


table.eventi
{
	width:99%;
	border:1px solid #f8ebb4;
	border-bottom:none;
}

table.eventi td
{
	border-bottom:1px solid #f8ebb4;
	border-right:1px solid #f8ebb4;
	padding:3px;
}

table.eventi td.tipoevento
{
	text-align: right;
	border-right:none;
}

#menu-correlati-home {
position: absolute;
right: 0px;    
top:120px;    
width: 188px;
margin: 12px 0 0 0; 
padding: 0px;
padding-left:4px;
/*border-left:1px solid #ddd;*/
}

table.calendar {width:180px; border:1px solid #d96e17;padding:6px;margin-left:3px;}
table.calendar caption {font-weight:bold;}
table.calendar td
{
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:2px;
}

table.calendar a
{
	text-decoration: none;
}

/* contenuti bologna in tour */

SELECT, INPUT {font-family: Verdana, Arial, Helvetica, sans-serif;}
INPUT {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}
SELECT {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* SCROLLING */
#scrollFoto {width:922px; height:80px; overflow:hidden; border:1px solid #FFAA56; position:relative; margin:0px auto 10px auto;}
#big {/*width:903px;*/ position:absolute; top:0px; left:0px; white-space: nowrap; padding:2px; }
#big img {height:75px; margin-left:10px; border:0px;}

#changeLang {width:922px; margin:0px auto 10px auto; text-align:left;}
.scroller {width:16px; height:80px; background-image:url(../img/scroller.jpg); background-repeat:no-repeat;  position:absolute; background-color:#FFDCA9; cursor:pointer}
.scroller#bigup { background-position:left center; top:0px; left:0px;}
.scroller#bigdown { background-position:right center; top:0px; right:-1px;}

/*#colSX {width:350px; height:430px; margin-right:10px; float:left; position:relative;}
#main {width:205px; margin-right:10px; float:left;}
#colDX {width:350px; float:left; position:relative;}*/

#mainWide {width:920px; height:435px; text-align:center; position:relative; padding-left:2px; margin:0px auto;}

.clear {clear:both;}

#eventi, #sagreefeste, #bologna-natura, #bologna-artistica, #ricercaBologna, #mia-agenda  {border:1px solid #A0A0A0; margin-bottom:10px; text-align:left;}
#eventi, #sagreefeste, #bologna-natura, #bologna-artistica {width:350px; position:absolute; z-index:1;}
#eventi {top:0px; left:0px;}
#sagreefeste {top:222px; left:0px;}
#bologna-natura {top:0px; left:573px;}
#bologna-artistica {top:222px; left:573px;}

#ricercaBologna {width:198px; position:relative; margin:0px auto;}
#mia-agenda {width:922px; position:relative; margin:10px auto 0px auto;}
.box {height: 180px; overflow:auto;}
#topAgenda {width:922px; margin:0px auto 5px auto;}

/* ricerca */
#ricercaBologna label {width:30px; text-align:left; display:block; float:left; margin-right:5px;}
.ricercaData {margin:5px;}
.ricercaData img {vertical-align:middle;}
.ricercaPref {margin:5px;}
.pulsantiera {height: 30px; overflow:auto; text-align:left; margin-top:10px; padding-left:5px;}

#eventi .box { background-color:#fbb766;}
#sagreefeste .box {background-color:#fcdb81;}
#ricercaBologna .box { background-color:#F4F4F4; height: 325px; overflow:auto;}
#mia-agenda .box { background-color:#e8cfde; height: 90px;}
#bologna-natura .box { background-color:#c1d56f;}
#bologna-artistica .box { background-color:#d1e9fd;}

#moreOn {width:168px; background-color:#E87A20; padding:15px; font-weight:bold; border:1px solid #666; margin:0px auto 10px auto;}
#moreOn a, #moreOn a:link, #moreOn a:hover {font-size:1.3em; color:#FFF; /*background-image:url(../img/icona_infoBol.gif); background-repeat:no-repeat; background-position:left;*/ background-color:inherit; /*padding-left:20px;*/ display:block; text-align:center;}

#eventi h1, #sagreefeste h1, #bologna-natura h1, #bologna-artistica h1, #ricercaBologna h1, #mia-agenda h1 {color:#000; background-image: none; font-size:1.2em; height:auto; padding:5px; background-color:#E8E8E8; margin:0px; border-bottom:1px solid #A0A0A0; text-transform: none}
.dettagli {display:none; padding:3px; border-bottom:1px solid #A0A0A0;  font-style:italic}
a.linkDettagli, a.linkDettagli:hover {color:#333!important; background-color:inherit; display:block; border-bottom:1px solid #A0A0A0; padding:3px;}

#eventi h1 span, #sagreefeste h1 span, #bologna-natura h1 span, #bologna-artistica h1 span {color:inherit; background-color:#E8E8E8; padding:0px;}

#eventi h1.titoloSel {color:#FFF; background-color: #A0A0A0;}
#sagreefeste h1.titoloSel {color:#FFF; background-color: #A0A0A0;}
#bologna-natura h1.titoloSel {color:#FFF; background-color: #A0A0A0;}
#bologna-artistica h1.titoloSel {color:#FFF; background-color: #A0A0A0;}

#eventi h1.titoloSel span, #sagreefeste h1.titoloSel span, #bologna-natura h1.titoloSel span, #bologna-artistica h1.titoloSel span {color:#D96E17; background-color: #FFF; padding:0px 6px;}

a.linkVedi, a.linkVedi:hover {color:#333!important; background-color:inherit; text-align:left; display:block; padding-right:5px; text-decoration:underline!important; font-weight:bold; float:left; width:55px;}
span.linkVedi {color:#333!important; background-color:inherit; text-align:right; display:block; padding-right:5px; text-decoration:none!important; font-weight:normal; float:left;}
a.linkGoogle, a.linkGoogle:hover {color:#333!important; background-color:inherit; text-align:left; display:block; padding-right:5px; text-decoration:underline!important; font-weight:bold; float:left; width:130px;}

#eventi a.linkDettagliSel, #eventi a.linkDettagliSel:hover {color:#333!important; background-color:#FDCA8C; display:block; border-bottom:none; padding:5px; }
#sagreefeste a.linkDettagliSel, #sagreefeste a.linkDettagliSel:hover {color:#333!important; background-color:#FEE9AF; display:block; border-bottom:none; padding:5px;}
#mia-agenda a.linkDettagliSel, #mia-agenda a.linkDettagliSel:hover {color:#333!important; background-color:#F0E1EA; display:block; border-bottom:none; padding:5px;}
#bologna-natura a.linkDettagliSel, #bologna-natura a.linkDettagliSel:hover {color:#333!important; background-color:#D1E094; display:block; border-bottom:none; padding:5px;}
#bologna-artistica a.linkDettagliSel, #bologna-artistica a.linkDettagliSel:hover {color:#333!important; background-color:#E9F4FE; display:block; border-bottom:none; padding:5px;}

#eventi a.linkDettagli p, #sagreefeste a.linkDettagli p, #bologna-natura a.linkDettagli p, #bologna-artistica a.linkDettagli p, #mia-agenda a.linkDettagli p {margin:0px; padding:0px; display:inline;}
#eventi a.linkDettagli p br, #sagreefeste a.linkDettagli p br, #bologna-natura a.linkDettagli p br, #bologna-artistica a.linkDettagli p br, #mia-agenda a.linkDettagli p br {margin:0px; padding:0px; display:none;}

.plus {font-weight:bold;}

#eventi .dettagli {color:inherit; background-color:#FDCA8C;}
#sagreefeste .dettagli {color:inherit; background-color:#FEE9AF;}
#mia-agenda .dettagli {color:inherit; background-color:#F0E1EA;}
#bologna-natura .dettagli {color:inherit; background-color:#D1E094;}
#bologna-artistica .dettagli {color:inherit; background-color:#E9F4FE;}

a.zoomIn, a.zoomOut {width:16px; height:16px; display:block; position:absolute; right:5px; top:7px; background-repeat:no-repeat; background-color:inherit;}
a.zoomIn {background-image: url(../img/icona_espandi.gif);}
a.zoomOut { background-image: url(../img/icona_chiudi.gif);}
a.zoomIn span, a.zoomOut span {display:none;}

A.linkAddAgenda, A.linkRemoveAgenda, A.printAgenda {width:16px; background-position: 0px 0px;  background-repeat: no-repeat; display: block; height: 18px; padding-left:20px; margin: 3px; font-size:1em; float:left;}
A.linkAddAgenda span, A.linkRemoveAgenda span, A.printAgenda span {display:none;}
A.linkAddAgenda {background-image: url(../img/agendain.gif);}
A.linkRemoveAgenda {background-image: url(../img/agendaout.gif);}
A.printAgenda { background-image: url(../img/print.gif); background-color:#E8E8E8; position: absolute; top:2px; left: 830px;  font-weight:normal;}

.infoAgenda {vertical-align:middle;}

/* presentazione */
#presentazioneLoghi {text-align:center; white-space:nowrap}
.logoProvincia {}
.logoComune {margin-left:13%;}
.logoBolognaintour {margin-left:23%;}

#titPresentazione {font-size:1.8em; border-bottom:none; text-align:center; margin-top:40px; font-weight:normal;}
#titBolognaintour {font-size:2.5em; border-bottom:none; text-align:center; margin-bottom:40px; color:#D96E17; background-color:inherit;}
.infoPresentazione {text-align:right;}

/* div google maps */

#mapsContainer { width: 100%; height: 100%; position: absolute; background-color: #000; z-index: 1000; opacity: .5;	filter: alpha(opacity=50); display: none; left: 0; top: 0;}
#mapInner { position: absolute; left: 50%; top: 200px; margin-left: -222px; width: 430px; height: 400px; background-color: #fff; padding: 10px; z-index: 2000; display: none;}
#mapClose {float:left; width: 70px; margin-top: 370px;}
#mapTesto {float:left; width: 355px; margin-top: 370px;}
#map_canvas {width: 425px; height: 350px; position: absolute; top: -410px; left: -50%; margin-left: -212px; z-index: 3000;}


/* more on bologna su due colonne */
.mobBox {float: left; width: 415px; margin-right: 40px;}

.iframefake
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width: 100%;/*must have for any big value*/
	height: 100%;/*must have for any big value*/
}