/* CSS Document - COMUNI ********************************************************************************************************************************************************************/

/***indice:****
FONT -> 36
STRUTTURA -> 137
HEADER -> 147
CORPO CENTRALE -> 293
PAGE LIST -> 425
PAGINAZIONE -> 464
DETTAGLIO -> 509
SPALLA_DX -> 543
FOOTER -> 596
FANCYBOX -> 618

/*****************************************************
	RESET CSS
*****************************************************/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, strong, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}


a{
	outline:none;
	text-decoration:none;
}

/***********************************************
		FONT
********************************************/
body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#525252;
}

ul#voci_menu li {
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
}

#menu ul.sottomenu li{
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525252;
	line-height:19px;
}


h1 {
	color:#433113;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
}

h2 {
	color:#990000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:12px;
}

a.titolo_evidenza{
	color:#433113;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	padding: 0 2px 0 10px;
}

div.testo_evidenza, div.testo, div.testo_contatti {
	font-size:14px;
	line-height:23px;
}

span.titoli_aree {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#433113;
}

a.titoli_lista {
	color:#990000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:12px;
}

span.sottotitolo, a.link_pagina, a.link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#919191;
}

.sottotitolo_testo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#919191;
	margin:3px 0 5px 0;
}

div#dati_footer {
	color:#525252;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:capitalize;
	line-height:19px;
}

div#dati_footer a {
	color:#525252;
	text-decoration:none;
}

div#dati_footer a:hover{
	text-decoration:underline;
}

div.riepilogo_comune {
	color:#525252;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/********************************************
		STRUTTURA
*********************************************/
div.centrato {
	width:960px;
	margin:0 auto;
	position:relative;
}



/**************HEADER*********************/
div#menu {
	height:47px;
	background-color:#990000;
	border-top:3px solid #6B0000;
	border-bottom:8px solid #FFFFFF;
	position: relative;
	z-index: 2;
}

ul#voci_menu {
	float:left;
	width:815px;
	margin: 20px 20px 5px 0;
	list-style:none;
	padding:0;
}

ul#voci_menu li {
	float:left;
	/*border-right:1px solid #C97878;*/
	margin: 0 9px 0 0;
	position:relative;
	color:#FFFFFF;
	cursor:pointer;
	height:27px;
}
ul#voci_menu li>span{
	width:100%;
	padding:0 12px 0 0;
}

ul#voci_menu li a{
	color:#FFFFFF;
	text-decoration:none;
}

#menu ul.sottomenu{
	background-color:#FFFFFF;
	border: 1px solid #EEEEEE;
	width:192px;
	padding:1px;
	top:27px !important;
	left:-13px !important;
	list-style:none;
	position:absolute !important;
	z-index:3;
	display:none;
}

#menu ul.sottomenu li{
	margin:0;
	padding:0;
	float:left;
	border:0;
	clear:both;
	width:192px;
	background-color:#EEEEEE;
	height:auto;
}

#menu .cont_pulsante {
	width:180px;
	margin:0 1px;
	padding:10px 5px;
	float:left;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #FFFFFF;
	border-left:0;
	border-right:0;
}


#menu ul.sottomenu li a{
	text-align:left;
	color:#525252;
	float:left;
	width:165px;
}

#menu ul.sottomenu .trattino {
	float:left; 
	width:15px;
}

#menu ul.sottomenu li a:hover{
	text-align:left;
	text-decoration:underline;
	color:#525252;
}


div#ricerca {
	float:left;
	width:125px;
	margin:20px 0 5px 0;
}

#area_riservata {
	position:absolute;
	right:135px;
	top:21px;
	width:22px;
}

.input_container { 
	width:123px; 
	border:solid 1px #6C0000; 
	background-color:#FFFFFF; 
	height:16px;  
}

.input_container img { margin: 2px 0 3px 0; }

div#ricerca input.search_image { 
	width:100px; 
	border:none; 
	margin-right:5px; 
	float:left;
	border:0;
	height:16px;
	padding:0 0 0 2px;
	font-size:11px;
}

div#header {
	background:url(images/bg-testata.png) repeat #EAEAEA;
	height:155px;
}

div#logo {
	margin:10px 27px 0 0;
	float:left;
	width:311px;
}

div#img_testata {
	float:left;
	width:622px;
	height:135px;
	margin:10px 0 0 0;
	position:relative;
}

div#img_testata img {
	border: 1px solid #FFFFFF;
	position:absolute;
	z-index:0;
}

div.grigio_trasparenza {
	width:620px;
	height:30px;
	position:absolute;
	top:103px;
	left:0;
	z-index:1;
	background:url(images/bg_trasparenza_grigia.png) repeat;
}

div.riga_grigia {
	background-color:#FBFBFB;
	height:5px;
}

/****************CORPO CENTRALE***********************/
div#centrale {
	float:left;
	margin:30px 30px 30px 0;
	width:690px;
}

div#centrale img {
	border: 1px solid #6C0000;
}


div#in_evidenza {
	border: 1px solid #DCDCDC;
	width:648px;
	position:relative;
	padding: 20px 19px 10px 19px;
	margin: 0 0 37px 0;
	float:left;
}

div.art {
	float:left;
	margin:0 0 20px 0;
}

span.titoli_aree {
	background-color:#FFFFFF;
	position:absolute;
	top:-10px;
	left:15px;
	padding: 0 5px;
}

div#in_evidenza img.sx {
	float:left;
	margin:0 8px 0 0;
}

div#in_evidenza .dx {
	float:right;
	margin:0 0 0 8px;
}

div#in_evidenza a.titolo_evidenza {
	float:left;
	padding: 0 0 0 10px;
	margin:0 0 0 0;
	font-weight:normal;
}

div.cont_testo_evidenza {
	width:413px;
	float:left;
	position:relative;
}

div.virgolette_top {
	position:absolute;
	background:url("images/virgolette_top.png") no-repeat 0 0;
	z-index:1;
	width:42px;
	height:31px;
}

div.virgolette_bottom {
	position:absolute;
	background:url("images/virgolette_bottom.png") no-repeat;
	bottom:8px;
	right:5px;
	z-index:1;
	width:42px;
	height:31px;
}

div.testo_evidenza {
	z-index:1;
	position:relative;
	padding:0 2px 0 10px;
}

div.col_sx {
	float:left;
	width:379px;
	margin: 0 21px 0 0;
	border-top: 1px solid #DCDCDC;
	position:relative;
}

ul.listone, ul.gallery  {
	width:100%;
	float:left;
	list-style:none;
	margin:10px 0;
}

ul.listone li {
	float:left;
	width:363px;
	clear:both;
	background:url(images/bg_list.png) top left no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

.listone span {
	float:left;
	width:363px;
}

div.col_dx {
	float:left;
	width:290px;
	margin: 0 0 0 0;
	border-top: 1px solid #DCDCDC;
	position:relative;
}

ul.gallery li {
	float:left;
	margin: 0 19px 20px 0;
	width:84px;
}

div.col_centrale {
	float:left;
	margin: 45px 0 0 0;
	position:relative;
	border-top: 1px solid #DCDCDC;
	width:100%;
}

/*************** PAGE LIST ****************************/
div.nav {
	width:100%;
	float:left;
	margin: 10px 0;
}

div.lista {
	float:left;
	position:relative;
	border-top: 1px solid #DCDCDC;
	padding: 20px 0 0 0;
	width:100%;
}

ul.lista_articoli {
	width:100%;
	float:left;
	margin:0 0 0 0;
	list-style:none;
	border:0;
}

a.titoli_lista {
	width:100%;
	float:left;
}

ul.lista_articoli li {
	float:left;
	width:100%;
	margin: 0 0 20px 0;
	list-style-position:inside;
	list-style-type:none;
}


ul.lista_articoli span {
	float:left;
	width:100%;
}

ul.lista_articoli img {
	float:left;
	margin:5px 8px 0 0;
}

a.titoli_lista {
	float:left;
}

a.link_pagina {
	float:left;
	margin:8px 0 0 0;
	position:relative;
	text-align:right;
	width:100%;
}

/* PAGINAZIONE ****/
div#paginazione{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:20px;
}
#paginationcont {
	width: 502px;
	margin: 50px 0 10px 0;
}

div.pagination {
	line-height: 2em;
	text-align: left;
}

div.pagination a {
	padding: 2px 11px 5px 11px;
	margin-right: 4px;
	border: 1px solid #990000;
	text-decoration: none;
	color: #585858;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #585858;
	color: #585858;
	background-color: #FFFFFF;
	text-decoration: none;
	margin-right: 4px;
}
div.pagination span.current {
	padding: 2px 11px 5px 11px;
	margin-right: 7px;
	border: 1px solid #585858;
	background-color: #990000;
	color: #FFF;
	margin-left: 3px;
}
div.pagination span.disabled {
	padding: 2px 11px 5px 11px;
	margin-right: 4px;
	border: 1px solid #999999;
	color: #999999;
}

/*** PAGINA DI DETTAGLIO ************/
div.testo img {
	float:right;
	margin:0 0 0 8px;
}

h1.titolo_testo {
	/*float:left;*/
	padding:0;
	margin:0;
	font-weight:normal;
}

div.testo {
	float:left;
	width:100%;
}

div.testo a {
	color:#525252;
	text-decoration:underline;
}
div.testo ul {
	width: 680px;
	float:left;
	padding-left:10px;
}
div.testo ul li {
	list-style-type:circle;
	list-style-position:inside;
}

div.allegato {
	float:left;
	width:100%;
	margin: 15px 0 0 0;
}

div.allegato a {
	color:#525252;
	text-decoration:underline;
}
/****************CONTATTI ****************************/
div#mappa_contatti {
	border:3px solid #990000;
	float:left;
	height:325px;
	margin:10px 15px 0 0;
	overflow:hidden;
	width:325px;
}

div.testo_contatti {
	float:none;
}

/***************SPALLA DX *******************************/

div#spalla_dx {
	width:240px;
	float:left;
	margin:30px 0 0 0;
}

div#cartina {
	float:left;
	width:240px;
	margin: 0 0 0 0;
	border-top: 1px solid #DCDCDC;
	position:relative;
}

div#cartina img {
	margin:20px;
}

div.riepilogo_comune {
	width:240px;
	float:left;
	padding:0 10px;
}

div#prossimi_eventi {
	float:left;
	width:240px;
	margin: 40px 0 0 0;
	border-top: 1px solid #DCDCDC;
	position:relative;
}

div#banner {
	float:left;
	width:240px;
	margin: 40px 0 0 0;
}

#banner ul {
	float:left;
	width:180px;
	list-style:none;
	padding:0;
	margin:0 30px;
}

#banner li {
	float:left;
	margin: 0 0 20px 0;
}

/**********************************************************************
				TABELLE
************************************************************************/
table#tabella_albo  {
	border-collapse: collapse; 
	margin: 0; 
	width: 688px;
	border: 1px solid #CCCCCC; 
	border-right: none; 
	font-size:13px;
}
table#tabella_albo thead {
	border-bottom: 1px solid #CCCCCC;
}
table#tabella_albo thead th{
	color:#333333;
	text-align:left; 
	font-weight:normal;
	text-transform:uppercase; 
	padding:10px 10px 10px 10px; 
	border-right: 1px solid #CCCCCC;
	font-weight:bold;
}


table#tabella_albo  td { 
	padding: 5px 10px;
	line-height: 120%; 
	vertical-align: middle; 
	background: #f7f7f7; 
	border-right: 1px solid #CCCCCC;
}
table#tabella_albo  td a { 
	color:#333333;
	text-decoration:none;
}
table#tabella_albo  td a:hover { 
	text-decoration:underline;
}
table#tabella_albo tr.odd td { background-color:#FFF;}


/***************FOOTER*******************************/
div#footer {
	height:136px;
	background:url(images/bg-footer.png) repeat #EAEAEA;
	clear:both;
	padding: 50px 0 0 0;
	margin: 50px 0 0 0;
}

div#dati_footer {
	margin:10px 0 0 0;
}

div#valid {
	position:absolute;
	right:0;
	width:80px;
	top:40px;
}

div#valid img{
	float:left;
	margin-bottom:5px;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('images/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('images/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('images/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('images/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('images/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('images/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}