@charset "UTF-8";
/* CSS Document */

/*--------------------*/
/* STANDARD TAG RESET */
/*--------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {
	margin:0;
	padding:0;
	border:0;
}

/*-------------------------*/
/* STANDARD TAG DEFINITION */

body {
	background-color:#641415;
	height:100%;
}

body, form, input {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
}

h2, p {
	margin-bottom:10px
}

h2 {
	font-size:1.4em	
}


/*--------------------*/
/*    PAGE ELEMENTS   */
/*--------------------*/

#container {
	position:relative;
	clear: both;
	margin:0 auto;
	width:968px;
	height:556px;
	text-align:left;
}

	/*------------*/
	/* NAVIGATION */
	
	#menu {
		margin-bottom:5px;
		height:40px;
		text-align:center;
		color:#FFF;
	}
		#menu li {
			display:inline;
		}
		
		#menu img {
			vertical-align:middle;
			margin:0 15px 3px 15px;
		}
		
		div#menu a:link {
			color:#FFF;
			text-decoration:none
		}
		
		div#menu a:active {
			color:#FFF;
			text-decoration:none
		}
		
		div#menu a:visited {
			color:#FFF;
			text-decoration:none
		}
		
		div#menu a:hover {
			color:#ccc;
			text-decoration:none
		}
	
	/*---------*/
	/* CONTENT */
	
	#content {
		height:424px;
		border:9px solid #fff;
		position: relative;
		background:url(images/front.jpg) no-repeat;
		font-size:0.7em;
		line-height: 1.4em;
	}
	
		#content a:link, #content a:visited {
			color:#000;	
			text-decoration:none
		}
		
		#content a:hover {
			color:#660000	
		}
		
			#logo {
				width:178px;
				height:105px;
				
				position:absolute;
				z-index:100;
				left: 11px;
				top: 10px;
			}
			
				#logo h1 {
					
					background:url(images/logo.png) no-repeat;
				}
				
				#logo h1 a {
					display:block;
					height:105px;
					width:178px;
					text-indent:-9999px;
			}
				
			#leftcolumn {
				width:157px;
				height:385px;
				padding:10px;
				background:url(images/backg_bianco3.png) ;
				position:absolute;
				top:10px;
				left:199px;
				z-index:100
			}
			
				#leftcolumn ul {
					margin:50px 0 0 20px
				}
				
					#leftcolumn li {
						list-style-image:url(images/list.png);
						font-size:1.2em;
						margin-bottom:15px;
						font-weight:bold;
					}
			
			#rightcolumn {
				width:157px;
				height:385px;
				padding:10px;
				background:url(images/backg_bianco3.png);
				position:absolute;
				top:10px;
				left:760px;
				z-index:100;
			}
			
				#rightcolumn ul {
					margin:5px 0 0 20px
				}
				
			#contatti {
				width:157px;
				height:385px;
				text-align:justify;
				padding:10px;
				background:url(images/backg_bianco3.png) ;
				position:absolute;
				top:10px;
				left:386px;
				z-index:100;
			}
			
				#contatti address {
					padding-top:90px;	
				}
				
				#contatti a:link, #contatti a:visited {
					color:#000;	
					text-decoration:none;
					text-decoration:underline
				}
				
				#contatti a:hover {
					color:#660000;
					text-decoration:underline
				}
			
			#zoom {
				background:url(images/backg_bianco3.png);	
				height:393px;
				width:352px;
				position:absolute;
				top:10px;
				left:386px;
				padding:6px;
				
			}
				
				#zoom h3 {
					display:none;	
				}
			
			#textbox {
				background:url(images/backg_bianco3.png) ;
				height:385px;
				width:535px;
				position:relative;
				top:10px;
				left:385px;
				padding:10px;				
				
			}
			
				#scrollable {
					padding:0 5px 0 0;
					overflow:auto;
					/*height:385px;
					width:538px;*/
					height:385px;
					width:166px
				}
				
				#scrollable.notizie {
					padding:0 5px 0 0;
					overflow:auto;
					height:385px;
					width:538px;
				}
				
					.newstext img {
						width: 80px;
						float: left;
						margin: 0 5px 0 0;
					}
					
					p.clearleft {clear: left; margin-bottom: 15px;}
					
			
			#centerbig {
				width:722px;
				height:385px;
				padding:10px;
				background:url(images/backg_bianco3.png);
				position:absolute;
				top:10px;
				left:199px;
				z-index:100
			}
			
			#form {
				background:url(images/back_nero.png);
				height:385px;
				width:347px;
				position:relative;
				top:10px;
				left:573px;
				padding:10px;
				color:#000
			}
			
			#minipics {
				position:absolute;
				top:352px;
				padding:4px;
				width:345px;
				height:53px;
				left: 393px;
			}
		
			#minipics li {
				display:inline;
				list-style:none;
				
			}
					
	
	/*------------*/
	/* DOWNHEADER */
	
	#downheader {
	height:66px;
	float:left;
	}
			
		#logoagritur {
			width:115px;
			height:50px;
			margin:5px 0 0 10px;
			background:url(images/logo_agriturism.png) no-repeat;
			
			
		}
		
			#logoagritur h3 {
				display:none;	
			}
		
		
	/*--------*/
	/* FOOTER */
	
	#footer {
		font-family:Verdana, Geneva, sans-serif;
		color:#FFF;
		font-size:0.6em;
		margin:22px 0 0 150px;
		text-align:right
	}
	
	#footer a {
			color:#fff;
			text-decoration:none
		}
		
		#footer a:hover {
			color:#fdcc1a;
			text-decoration:none
		}
		

/*--------*/
/*CLASSES */

.title {
	padding:180px 0 0 0;
}

.nomenu {
	text-align:center	
}
.menu {
	padding:10px;
}

.numeri {
	font-family:Arial, Helvetica, sans-serif	
}

img.validation {
	margin:0 5px 0 10px;
}

/*------*/
/* FORM */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:95% verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	min-width: 400px;
	max-width: 500px;
	width: 400px;
}

	form fieldset {
		padding:0;
		border:none
	}
	
		form fieldset legend {
			font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left *//* be careful with padding, it'll shift the nice offset on top of border  */
		}
		
	form label {
		display: block;  /* block float the labels to left column, set a width */
		float: left;
		width: 80px;
		padding: 0;
		margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
	}
	
		form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
			text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter *//* pseudo-class on legend elements, but do support it on label elements */
											/* we instead underline first letter on each label element and accesskey */
											/* each input. doing only legends would  lessens cognitive load */
										   /* opera breaks after first letter underlined legends but not labels */
		}
		
	form input, form textarea, form select {
		/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
		width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
		margin:5px 0 5px 10px; /* set margin on left of form elements rather than right of
								  label aligns textarea better in IE */
	}
	
#oggetto {
	margin:5px 0 5px 10px
}

		form input#reset {
			margin-left: 0px;
		}
		
#check, #submit, #reset {
	margin-left: 250px;
}

textarea {
	overflow: auto;
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 78%;
}

	form .required {
		font-weight:bold;
	} /* uses class instead of div, more efficient */
	
	form br {
		clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	}
	
	form h3, form p {
		margin-bottom:1em	
	}

/*-------*/
/* TABLE */

table {
	width:722px;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:center;
	border-collapse:collapse;
	line-height: 1em
}

	caption {
		margin:5px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.4em;
		font-weight:bold;
	}

	th {
	padding:2px;
	border:1px solid #000000
	}
	
	tr {
		padding:2px;
		background-color:#ffffcc;
		border:1px solid #000000
	}
		td {
			padding:2px;
			border:1px solid #000000
			
		}
	
	.verdino {
		background-color:#cccc99;	
	}
	
	.verde {
		background-color:#999966;	
	}
	
	.piccolo {
		font-size:0.8em;	
	}
	
	.maiuscolo {
		text-transform:uppercase;
		font-size:9px
	}

div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: 1%;
float: left;
}

.whereUR {
	text-decoration:underline;	
}

address {
		
}
#vuoto {visibility: hidden}