body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #777777;

}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form {
	margin: 0px;
	padding: 0px;
}

	a {
		color: #000;
		text-decoration: none;
	}
	
	a:hover {
		color: #999;
		text-decoration: underline;
	}


h2 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	}


#testata {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
}

#barra-menu {
	height: 25px;
	line-height: 25px;
	float: right;
	width: 570px;
	font-size: 11px;
	margin-top: 6px;
}
	#barra-menu a {
		float: right;
		display: block;
		margin-right: 7px;
		padding: 0px 5px 0px 5px;
		font-weight: bold;
		text-decoration: none;
		background-color: #528cb1;
		color: #fff;
		height: 25px;
		line-height: 25px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius:5px;
	}
		#barra-menu a.gruppo1 {	/*---*/ }
		#barra-menu a.gruppo2 {	background-color: #986c90; color: #fff; }

	#barra-menu a:hover, 
	#barra-menu a.gruppo1:hover,
	#barra-menu a.gruppo2:hover { background-color: #4e6d35; color: #fff; }
	
		#barra-menu a.bt_facebook { width: 25px; text-decoration: none; background-image: url(images/bt_facebook.gif); background-repeat: no-repeat; background-position: top left; padding:0; }
			#barra-menu a.bt_facebook:hover { background-position: bottom left; text-decoration: none; background-color: #dfdfdf; }		
						#barra-menu a.bt_facebook span { display: none; }
	
#colonna_sx { width: 590px; padding: 5px; float: left; }
#colonna_dx { width: 360px; padding: 5px; float: left; }


#barra-ricerca {
	clear: both;
	border-top: 2px solid #cc8751;
	border-bottom: 2px solid #cc8751;
}
	#barra-grigia {
		background-color: #ffb400;
		margin: 1px 0;
		padding: 10px;
	}
#contenuto-html {
	width: 970px;
	margin: 0 auto;
	height: 37px;
}
	#contenuto-html .form-ricerca {
		float: left;
		height: 37px;
		line-height: 37px;
	}
	#contenuto-html .form-ricerca .inputCerca { width: 250px; }
	
	
.separatore {
	clear:both;
	height: 5px;
	font-size: 1px;
	overflow: hidden;
}
	
#contenuto {
	width: 970px;
	margin: 10px auto;
}

.invisibile {
	display: none;
}
.visibile {
	display: block;
}

/* INIZIO --- BANNER */
.banner-leaderboard {
	width: 728px;
	height: 90px;
	margin: 2px;
	padding: 11px;
	background-image: url(/images/pubblicita.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

.google-ads-bottom {
	width: 336px;
	height: 280px;
	margin: 2px;
	margin-bottom: 15px;
	padding: 11px;
	background-image: url(/images/pubblicita-bottom.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
/* FINE --- BANNER */


.box-barra {
	margin: 0 auto 15px auto;
	width: 338px;
	background-color: #ffecc2;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #dfdfdf;
}
	.box-barra a,
	a.link_azzurro { color: #2f5eb1; text-decoration: none; }
	.box-barra a:hover,
	a.link_azzurro:hover { color: #999999; text-decoration: underline; }
	

	a.pulsante_mappa {
		display: block;
		color: #153e88;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		background-image: url(images/pulsante.gif);
		background-repeat: no-repeat;
		background-position: top center;
		width: 243px;
		height: 51px;
		padding: 15px 10px 0 85px;
	}
	a.pulsante_mappa:hover { color: #333; text-decoration: none;	}



.barra-provincia {
	width: 100%;
}
	.barra-provincia a {
		display: block;		
		float: left;
		width: 34%;
		padding-left: 13%;
		padding-right: 3%;
		background-repeat: no-repeat;
		background-position: 10px 0;
		height: 26px;
		line-height: 26px;
	}
		/* modificatori */
		.ico-pa { background-image: url(http://www.siciliano.it/images/PA.png); }
		.ico-ag { background-image: url(http://www.siciliano.it/images/AG.png); }
		.ico-rg { background-image: url(http://www.siciliano.it/images/RG.png); }
		.ico-ct { background-image: url(http://www.siciliano.it/images/CT.png); }
		.ico-cl { background-image: url(http://www.siciliano.it/images/CL.png); }
		.ico-me { background-image: url(http://www.siciliano.it/images/ME.png); }
		.ico-en { background-image: url(http://www.siciliano.it/images/EN.png); }
		.ico-tp { background-image: url(http://www.siciliano.it/images/TP.png); }
		.ico-sr { background-image: url(http://www.siciliano.it/images/SR.png); }
		.ico-sicilia { background-image: url(http://www.siciliano.it/images/sicilia.png); }


.titolo {
	font-size: 20px;
	border-bottom:1px solid #cccccc;
	padding:5px;
	margin-bottom:10px;

}
	.titolo .testo-piccolo {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

.paginazione {
	padding: 10px 10px 0px 10px;
	border-top: 1px solid #cccccc;
	margin-top: 10px;
/*	height: 30px; 
	line-height: 20px; */
}
	.paginazione a,
	.paginazione .attivo{
		display: block;
		height: 18px;
		padding: 0px 5px 0px 5px;
		text-align: center;
		line-height: 18px;
		border: 1px solid #cccccc;
		text-decoration: none;
		color: #999999;
		font-weight: bold;
		margin-right: 5px;
		margin-bottom: 5px; 
		float: left;
	}
		.paginazione .attivo {
			background-color: #cccccc;
			color: #666666;
			border: 1px solid #cccccc;
		}
	.paginazione a:hover {
		border: 1px solid #ff6600;
		text-decoration: none;
		background-color: #ffcc00;
		color: #ff6600;
	}
	

/* elenchi */
.elenco_italia { 
	position: relative;
	margin-top: 5px;
	float: left; 
	width: 215px; 
	height: 20px; 
	line-height: 20px; 
	padding: 15px 15px 15px 65px;
	font-weight: bold;
}
	.elenco_italia div { position: absolute; top: 5px; left: 15px; width: 40px; height: 40px; overflow: hidden; }					


ul.elenco_regione,
ul.elenco_citta { 
	display: block; 
	list-style: none;
	padding: 0;
	margin: 0;	
}
	ul.elenco_regione li,
	ul.elenco_citta li { 
		display: block; 
		margin-top: 5px;
		float: left; 
		width: 277px; 
		padding: 0 3px 0 15px;
		/* font-weight: bold; */
		line-height: 15px;
		height: 15px;
		
		background-image: url(images/square.gif);
		background-repeat: no-repeat;
		background-position: 5px 5px;
	}
					
					
					
/* --- classi per le gallerie immagini - sezione foto --- */
.img_thumb {
	width: 186px;
	height: 200px;
	float: left;
	margin: 5px;
	padding: 0px;
	position: relative;
}

	.img_thumb .fumetto { 
		position: absolute; 
		top: 0px; 
		left: 5px; 
		z-index: 999;

		display: none;
	}
		.img_thumb .testo { 
			background-color: #f2f2f2; 
			border: 1px solid #ccc; 	
			text-align: center;
			padding: 3px;
			font-size: 11px;
			width: 220px;
			height: 28px;
			line-height: 14px;
			
			overflow: hidden;
	
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		.img_thumb .fumetto .freccina { 
			display: block; 
			background-image: url(images/freccina.gif);
			background-position: 0 0;
			background-repeat: no-repeat;
			width: 13px; 
			height: 7px;
			margin-left: 44px;
		}

	.img_thumb a {
		display: block;
		width: 176px;
		height: 190px;
		text-align: center;
		overflow: hidden;
		margin: 5px;
		text-decoration: none;
		background-position: center center;
		background-repeat: no-repeat;
	 }
	
	.img_thumb a img { border: 0; }
	.img_thumb a .img_info { display: block; height: 15px; line-height: 15px; font-size: 10px; color: #999; text-align: center; overflow: hidden; }
	.img_thumb a:hover .img_info { color: #333; }






/* --- classi per le gallerie immagini - sezione fotografi --- */
.img_thumb_fotografi {
	width: 135px;
	height: 135px;
	float: left;
	margin: 5px;
	padding: 0px;
	border: 1px solid #ccc;
}
	.img_thumb_fotografi .img_ico {
		width: 125px;
		height: 125px;
		overflow: hidden;
		text-align: center;
		margin: 5px;

}
		.img_thumbfotografi .img_ico img { border: 0px; }	
		
		

/* ---pagina fotografi---*/
.fotografo {
	border: 1px solid #ccc;
	padding: 20px 20px 15px 20px;
	background-color: #f2f2f2;
	margin-bottom: 15px; 	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
 }
	.fotografo_img {float: left; }
		.fotografo_img img { margin: 0; padding: 0; width: 150px; }
	.fotografo_img_small {float: left; }
		.fotografo_img_small img { margin: 0; padding: 0; width: 75px; }
	.fotografo .fotografo_testo h1 { padding: 0px; margin: 0 0 15px 0;  }
	.fotografo_testo { margin-left: 20px;}
		/* modificatori*/
		.misura_fissa { width: 377px; float: left; }


.box-fotografo-mini { border: 1px solid #ccc; background-color: #f2f2f2; padding: 5px; margin-bottom: 7px; }
	.box-fotografo-mini .ico-fotografo {
		float: left; width: 60px;padding-right: 10px;
 }
		.box-fotografo-mini .ico-fotografo img { width: 60px; border: 0; }
	.box-fotografo-mini h2 { width: 256px; float: left; padding: 0; margin: 0; }
	
	.box-fotografo-mini .mini-bar { height: 23px; }

.box-fotografo-mini .separatore { margin-bottom: 5px; border-bottom: 1px solid #ccc; }

		


.img_big {
	margin-bottom: 10px;
/*	margin-right: 10px;*/
	padding: 5px;
	text-align: center;
	border: 1px solid #ccc;
}
	.img_big  .img_ico img { border: 0px; margin-bottom: 5px; }	
	.img_big  .img_info {
		font-size: 12px;
		background-color: #f2f2f2;
		padding: 5px;
	}
	
.img_extra_info {
	text-align: center;
	font-weight: bold;
}

.titolo_fototop { height: 30px; }
	.titolo_fototop h2 { text-align: left; float: left; height: 30px;  line-height:30px; padding: 0; margin: 0; }
	.titolo_fototop .nome_fotografo { float: right; height: 30px; line-height: 30px; }	

.box-foto-generica {
	text-align: center;
}
	.box-foto-generica .foto { clear: both}
		.box-foto-generica .foto img { border: 20px solid #f2f2f2; }
		.box-foto-generica .mappa-foto { padding:3px; font-size: 11px; }
		.box-foto-generica .info-foto { padding: 20px; }
	
	.box-foto-generica .foto-info { border-top: 1px solid #fff;height: 25px; line-height: 25px; margin:auto; }
			.box-foto-generica .foto-info-sx { overflow: hidden; height: 25px; line-height: 25px; text-align: left; float: left; }
				.box-foto-generica .foto-info-sx div { float: left; margin-top: 3px; margin-right: 10px; }
				.box-foto-generica .foto-info-sx div a.facebook_share {
						display:block;
						border-radius:3px;
						-moz-border-radius:3px;
						padding: 0 5px 0 21px;
						border: 1px solid #cad4e7;
						background-color: #eceef5;
						color: #3b5998;
						height: 18px;
						line-height: 18px;
						font-size: 11px;
						text-decoration: none;
						background-image: url(images/facebook.gif);
						background-position: 4px 2px;;
						background-repeat: no-repeat;
				}
					.box-foto-generica .foto-info-sx div a.facebook_share:hover { border-color: #9dacce; }
			.box-foto-generica .foto-info-dx { height: 25px; line-height: 25px; text-align: right; float: right; }
						.box-foto-generica .foto-info-dx a.mappa,
						.box-foto-generica .foto-info-dx a.avanti,
						.box-foto-generica .foto-info-dx a.indietro {
							display: block;
							float: left;
							margin-left: 1px;
							padding: 0 5px;
						}
						.box-foto-generica .foto-info-dx a.mappa,
						.box-foto-generica .foto-info-dx a.avanti,
						.box-foto-generica .foto-info-dx a.indietro { background-color: #f2f2f2; background-repeat: no-repeat; }
								.box-foto-generica .foto-info-dx a.avanti { background-image: url(images/ang03.gif); background-position: bottom right; }
								.box-foto-generica .foto-info-dx a.indietro { background-image: url(images/ang04.gif); background-position: bottom left; }


.box-generico {
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #999999;
}

.testo_evidenziato {
	color: #000000;
	background-color: #FFFF00;
	text-decoration: none;	
	padding: 2px;	
}

.testo_descrizione {
	color: #000000;
	background-color: #f2f2f2;
	text-decoration: none;
	text-align: justify;	
	padding: 0px 20px 20px 20px;
}


a.bt_commenti:link, a.bt_commenti:visited {
	color: #990000;
}
a.bt_commenti:hover, a.bt_commenti:active {
	color: #ff0000;
}

.cittaprovincia {
	width: 100%;
}
	.cittaprovincia div {
		float: left;
		width: 44%;
		padding-left: 3%;
		padding-right: 3%;
	}

.briciole { padding: 0px 10px 10px 10px; font-weight: bold; font-size: 11px; }

.foto_struttura { text-align: center; }
	.foto_struttura img { border: 5px solid #ccc; margin: 10px; } 
	

a.evidenzia,
a.evidenzia-ico,
a.evidenzia-like,
a.evidenzia-ft,
.evidenzia-disattivato { background-color: #e2e6f0; border: 1px solid #9daccc; padding: 2px; color: #000; text-decoration: none;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display:block; margin:2px; }
	a.evidenzia { float:left; }
	a.evidenzia-ico { 
		position: absolute; 
		top: 5px; right: 5px; 
		background-image: url(images/icon_like.gif);
		background-repeat: no-repeat;
		background-position: 3px 6px;
		padding-left: 13px;	
		height: 15px;
		line-height: 15px;
	}
	a.evidenzia-like { float: left; height: 15px; line-height: 15px; }
	a.evidenzia-ft { float: right; height: 15px; line-height: 15px;  }
	.evidenzia-disattivato { float: left; height: 15px; line-height: 15px; border-color: #ccc; background-color: #f2f2f2; color: #ccc;  }	

	a.evidenzia:hover,
	a.evidenzia-ico:hover,
	a.evidenzia-like:hover,
	a.evidenzia-ft:hover { color: #9daccc; border-color: #000066; }