/* foglio di stile per il sito cattedrale.reggiocalabria.it */

/* annullo gli stili predefiniti */
html, body, table, tr, td, div, h1, h2, h3, h4, h5, h6, p, ul, ol, form, fieldset, img {margin:0; padding:0; border:0;}

/* stili della struttura principale della pagina */
html, body {
	text-align:center;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

body {
	background: url(/img/bkg.jpg) 0 0 repeat-x;
	background-color:#000;
}

a {
	color: #d6ca8b;
}

a:hover {
	color: #ffcc00;
}

#container {
	width: 870px;
	margin: 0 auto;
	text-align:left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#logo {
	width: 870px;
	height: 288px;
	background-color: #1e2227;
	text-align:center;
	position: relative;	
	overflow: hidden;
}

#content {
	clear:both;
	background-color: #1e2227;
	border:1px solid #000;
	border-left:0;
/*	border-top:0; */
	height: auto;
	overflow: hidden;
}

#footer {
	padding: 0 10px;
}

	#footer p, #footer p a {
		height: 40px;
		line-height:40px;
		text-align:right;
		color: #d6ca8b;
		text-decoration:none;
	}
	
	#footer p a:hover{
		color: #decccb;
	}
	
	#footer span {
		float:left;
	}
	
	#footer img {
		vertical-align:middle;
	}

	/* stile del menu */
	#menu {
		list-style-type: none;
		border-top: 1px solid #000;
	}
	
	#menu li {
		text-align:center;
		float: left;
		text-transform:uppercase;
	}

	#menu li a {
		display:block;
		width: 144px;
		height: 38px;
		border-right: 1px solid #000;
		line-height:38px;
		text-decoration:none;
		color:#B8B8B6;
		font-weight:bold;
		background: url(/img/bkg_menu.jpg) repeat-x;
	}
		
	#menu li a:hover {
		color:#B8B8B6;
		background: url(/img/bkg_menu_attivo.jpg) repeat-x;
	}
	
		#voci {
			border-bottom: 1px solid #000;
			background-color: #62560a;
			height:auto;
			overflow:hidden;
		}
		
		#voci_vuoto {
			border-bottom: 1px solid #000;
			background-color: #62560a;
			height:10px;
			overflow:hidden;
		}

			#voci ul {
				list-style-type: none;
				margin: 0 10px;
			}
			
			#voci ul li {
				float: left;
				margin: 2px 0;
				/* border-bottom: 1px solid #c90; */
			}
			
			#voci ul li a {
				text-decoration: none;
				color: #ccc;
				padding: 0 10px;
				/* border-left: 1px solid #333; */
			}

			#voci ul li a:hover {
				color: #fff;
			}

		#voci_foto {
			background-color: #62560a;
			width:180px;
			height:auto;
			float:left;
			margin-top:-1px;
		}
		
			#voci_foto ul {
				list-style-type: none;
				margin: 0;
			}
			
			#voci_foto ul li {
				margin: 0;
				/* border-bottom: 1px solid #c90; */
			}
			
			#voci_foto ul li a {
				display:block;
				height: auto;
				line-height:24px;
				text-decoration: none;
				color: #99830B;
				padding-left: 20px;
				background: url(/img/circle.png) 5px 9px no-repeat;
			}

			#voci_foto ul li a:hover {
				color: #000;
				background: #99830B url(/img/circle_black.png) 5px 9px no-repeat;
			}


	/* div del corpo della home page */
	#benvenuti, #news {
		width:434px;
		float:left;
		text-align:center;
	}

	#photogallery {
		border: 0px solid #f00;
		width:868px;
		float:left;
		overflow:auto;
		text-align:center;
	}
	
	#photogallery-slide {
		width: 816px; 
		margin: 0 auto 30px; 
		border: 0px solid #f00; 
		height:auto; 
		overflow:hidden;
	}
	
	 #style-1 {
		float:left; 
		height:auto; 
		overflow:hidden; 
		border: 3px solid #807010;
		border-top: 6px solid #807010;
		border-bottom: 6px solid #807010;
		border-left: 6px solid #807010;
	}
	
	 #style-2 {
		float:left; 
		height:auto; 
		overflow:hidden; 
		border: 6px solid #807010;
		border-top: 6px solid #807010;
		border-bottom: 6px solid #807010;
	}
	
	 #style-3 {
		float:left; 
		height:auto; 
		overflow:hidden; 
		border: 3px solid #807010;
		border-top: 6px solid #807010;
		border-bottom: 6px solid #807010;
		border-right: 6px solid #807010;
	}
	
		#photogallery p {
			margin:0 20px 15px 20px;
			background-color:#807010;
			text-align:left;
		}
	
		#photogallery p img{
			margin: 5px 0 4px 6px;
		}
	
		#benvenuti h2, #news h2, #photogallery h2 {
			text-align:left;
			height: auto;
			margin: 15px 0 0 20px;
			padding: 18px 0 0 30px;
			background: url(/img/cavallino.png) no-repeat;
			vertical-align:bottom;
			color:#F2E49A;
			font-size: 30px;
			font-family: "arial narrow";
			font-weight:normal;
			text-transform:uppercase;
			border:0px solid #f00;
		}
	
		#benvenuti h2 a, #news h2 a, #photogallery h2 a {
			text-decoration:none;
		}
		
		#benvenuti img, #news img, #img img {
			margin:0;
			padding:1px;
			border:1px solid #c2a400;
		}

	#contenuto {
		width:868px;
		text-align:center;
		height: auto;
		overflow: hidden;
	}
	
		#img {
			border:0px solid #f00;
			float:left;
			width:430px;
		}
		
			#img img {
				margin:0 0 18px 0;
			}
			
			#img img.thumb {
				margin:0 0 18px 22px;
				float:left;
				vertical-align:top;
			}
	
		#contenuto h1 {
			text-align:left;
			height: 30px;
			margin: 15px 0 10px 20px;
			padding: 18px 0 0 30px;
			background: url(/img/cavallino.png) no-repeat;
			vertical-align:bottom;
			color:#F2E49A;
			font-size: 30px;
			font-family: "arial narrow";
			font-weight:normal;
			text-transform:uppercase;
			border:0px solid #f00;
		}

		#contenuto h2 {
			text-align:left;
			margin: 20px 0 10px 435px;
			font-size: 16px;
			color: #f2e49a;
			font-weight:normal;
			text-transform:uppercase;
		}

		#contenuto p {
			font-family: verdana;
			font-size:14px;
			margin:0 20px 15px 435px;
			color:#f2e49a;
			text-align:justify;
		}
	
		#contenuto p img{
			margin: 5px 0 4px 6px;
		}
	
	#last_news {
		width:300px;
		float:left;
		margin: 0 0 0 10px;
		color: #F2E49A;
	}

		#last_news h2 {
			text-align:left;
			height: 30px;
			margin: 15px 0 0 8px;
			padding: 18px 0 0 30px;
			background: url(/img/cavallino.png) no-repeat;
			vertical-align:bottom;
			color:#F2E49A;
			font-size: 30px;
			font-family: "arial narrow";
			font-weight:normal;
			text-transform:uppercase;
			border:0px solid #ff0;
		}
		
	.last_news {
		border: 0px solid #f00;
		height: auto;
		overflow: hidden;
		padding: 10px 0;
	}
	
		.last_news p, .last_news a {
			color: #F2E49A;
			text-decoration: none;
		}
		
		.last_news p strong {
			color: #FFE4CA;
		}
		
		.last_news img {
			margin: 3px 8px;
			padding: 1px;
			border: 1px solid #F2E49A;
			float:left;
		}
		
	#content-elenco, #contenuto-news {
		border: 0px solid #0f0;
		margin: 0 10px 15px 380px;
		color: #F2E49A;
	}
	
	#contenuto-errore  {
		border: 0px solid #0f0;
		margin: 0 10px 15px 380px;
		color: #F2E49A;
		min-height:300px;
	}
	
	#content-elenco div {
		border-bottom: 1px solid #444;
	}
	
		#content-elenco h1 {
			text-align:left;
			height: 30px;
			margin: 15px 0 10px 0;
			padding: 14px 0 0 30px;
			background: url(/img/cavallino.png) no-repeat;
			vertical-align:bottom;
			color:#F2E49A;
			font-size: 30px;
			font-family: "arial narrow";
			font-weight:normal;
			text-transform:uppercase;
			border:0px solid #f00;
		}
	
		#contenuto-news h1  {
			text-align:left;
			height: 30px;
			margin: 15px 0 10px 0;
			padding: 14px 0 0 30px;
			background: url(/img/cavallino.png) no-repeat;
			vertical-align:bottom;
			color:#F2E49A;
			font-size: 30px;
			font-family: "arial narrow";
			font-weight:normal;
			text-transform:uppercase;
			border:0px solid #f00;
			height:auto;
		}
		
		#contenuto-news p {
			font-family: verdana;
			font-size:14px;
			color:#f2e49a;
			text-align:justify;
		}
	
		#contenuto-news p.data {
			font-style: italic;
		}
	
	.news-elenco {
		margin: 10px 0;
	}
	
		.news-elenco h2, .news-elenco h2 a {
			color: #FFE4CA;
			text-decoration: none;
			font-size: 16px;
		}
	
		.news-elenco p.data-elenco {
			font-style: italic;
		}
	
		.news-elenco p.data-elenco {
			margin: 0 0 3px 0;
		}
	
		.news-elenco p {
			margin: 0 0 10px 0;
		}
	
	#contenuto-foto {
		border:0px solid #f00;
		margin: 20px 0 20px 20px;
	}
	
	#contenuto-cat {
		border:0px solid #f00;
		margin: 20px 0 20px 200px;
	}
	
	#contenuto-foto h1, #contenuto-cat h1 {
		text-align:left;
		height: 30px;
		margin: 15px 0 20px 0;
		padding: 14px 0 0 30px;
		background: url(/img/cavallino.png) no-repeat;
		vertical-align:bottom;
		color:#F2E49A;
		font-size: 30px;
		font-family: "arial narrow";
		font-weight:normal;
		text-transform:uppercase;
		border:0px solid #f00;
		height:auto;
	}

	div#foto {
		height:auto;
		overflow:hidden;
		padding: 0 0 10px 0;
		border:0px solid #f00;
	}
	
#foto_fader {
	width: 654px;
	height: 522px;
	background-color: #1e2227;
	text-align:center;
	position: relative;
	float:right;
	overflow: hidden;
	border:0px solid #F2E49A;
	margin:16px;
}

#foto_fader img {
}

	

	.cat_index {
		width: 138px;
		float:left;
		margin: 20px 29px 0 0;
		border:0px solid #000;
		text-align:center;
	}
	
	.cat_index a {
		text-decoration:none;
		font-weight: bold;
	}
	
	#contenuto-foto .cat_index img, #contenuto-cat .cat_index img {
		padding: 3px;
		border: 1px solid #F2E49A;
	}
	
	#contenuto-foto p.paginazione, #contenuto-cat p.paginazione, #contenuto-cat p {
		color: #F2E49A;
		margin: 10px 0 0 0;
	}
	
	#contenuto-foto p.paginazione a, #contenuto-cat p.paginazione a {
		color: #F2E49A;
		text-transform:none;
	}
	
	#login p {
		font-size: 12px;
		margin: 10px 0 10px 0;
		color: #F2E49A;
		text-transform:none;
	}
	
	#login form {
		text-align: left;
		border:0px solid #fff;
		margin: 10px 0 10px 0;
		color: #F2E49A;
		text-transform:none;
	}
	
	#contenuto-errore h1	{
		text-align:left;
		height: 30px;
		margin: 15px 0 20px 0;
		padding: 14px 0 0 30px;
		background: url(/img/cavallino.png) no-repeat;
		vertical-align:bottom;
		color:#F2E49A;
		font-size: 30px;
		font-family: "arial narrow";
		font-weight:normal;
		text-transform:uppercase;
		border:0px solid #f00;
		height:auto;
	}

	.clearfix {
		clear:both;
		height:1px;
		font-size:1px;
		border-top:0px solid #ff0;
	}
	
	#content form#join {
		border: 0px solid #f00;
		width: 400px;
		margin: 20px 0 50px 0;
	}
	
		#content form ul {
			list-style-type:none;
		}
		
		#content form li {
			border: 0px solid #fff;
			height: 30px;
			line-height:30px;
		}
	
		#content form li label {
			float:left;
			border: 0px solid #ff0;
			font: normal 12px Verdana, sans-serif;
			color: #F2E49A;
			height: 30px;
			line-height:30px;
		}
		
		#content form#join li label.errore {
			color: #f00;
		}
		
		#content form#join li input {
			width: 300px;
			border: 1px solid #ccc;
			float:right;
			margin:5px 0 0 0;
		}
		
		#content form#join input {
			width: 150px;
			border: 1px solid #999;
		}
		
		#content form#join input {
			width: 90px;
			border: 1px solid #999;
			margin:5px 0 0 100px;
		}

	ul#errore_form {
		color: #f00;
		margin: 10px 0 0 30px; 
		line-height: 150%;
	}
		
		ul#errore_form li {
			list-style-type:disc;
		}