@charset "UTF-8";
* {
	margin:0;
	padding:0;
	border:none;
}
body {
	font: 16px Garamond, serif;
	background: #666666;
	background: #666 url(../images/backnoise.png) repeat top left;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #3E8C1F;
	margin-top:-10px;
}
p.piccolo {
	font-size:80%;
	color:#999;
}
p#slogan {
	text-align:center;
	margin:1em;
	font-size:24px;
	color:#111;
	letter-spacing:1.2;
}
	p#slogan .green {
		color:#3E8C1F;
	}
p#tomtom {
	font-size: 80%;
	color: black;
	padding: 10px;
}
p#tomtom img {
	float:left;
}
a {
	color:#3E8C1F;
}
a:hover {
	color:#333;
}
em {
	font-variant:normal;
	font-style:normal;
	font-weight:800;
}
 #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 #header {
	background: #DDD url(../images/header_new_02.png) no-repeat top center;  /*old headersmalls170.png */
	padding: 0 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:168px;
	margin-top:0;
	margin-bottom:40px;
}
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: center;
}
 #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	min-height:200px;
}
.storia {
	font-size:120%;
	line-height:120%;
}
.dintorni {
	font-size:120%;
	line-height:120%;
}
	.dintorni h1 {
		margin:0.5em 0 0.5em 0;
		text-transform:uppercase;
		color:#CCC;
		font-size:140%;
	}
	.dintorni h2{
		clear:both;
		margin:0.5em 0 0.5em 0;
	}
	.dintorni p {
		display:block;
		padding-left:0.5em;
	}

 #footer {
	clear:both;
	margin-top:2em;
	padding: 1em 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#DDD url(../images/footerbg.png) no-repeat top center;*/
	background:#ECECDC url(../images/logonewsmall.png) no-repeat 5% center;
	height:120px;
	border-top:2px solid #3E8C1F;
	color:black;
}
	 #footer p {
		font-size:120%;
		margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
		margin-left:180px;
		text-align:left;
		padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
		line-height:1.2;
		font-weight:400;
	}
	#footer p:first-child {
		font-size:150%;
		padding-top:0em;
	}
	#footer p#small {
		font-size:12px;
	}
/* COLONNE PER DOVE SIAMO y CONTATTI */
.left {
	float:left;
	display:block;
	border-left:1px solid #3E8C1F;
	border-bottom:1px solid #3E8C1F;
	border-right:1px solid #3E8C1F;
	color:#3E8C1F;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:30px;
	
}
	#dove .left {
		width: 38%;
	}
	#contatti .left {
		width:30%;
	}
	.left h2 {
		color:white;
		text-align:center;
		background:white url(../images/gradientgreen.png) repeat-x;
		padding:0.3em 0 0.3em 0;
		font-variant:small-caps;
		border-bottom:1px solid #3E8C1F;
	}
	#dove .left h3 {
		text-transform:uppercase;
		padding:1.2em;
	}
	#contatti .left h3 {
		font-style:italic;
		padding:1.2em 0 0.3em 1em;
	}
	.left p {
		padding:0 1em 0.5em 1em;
	}
.right {
	float:left;
	display:block;
	margin:30px;
}
	.right img {
		border:1px solid #3E8C1F;
	}
#contatti .right {
	margin:42px 0 0 30px;
}
#dove .right {
	padding-top:12px;
	/*box-shadow:10px 10px 40px #333;
	-webkit-box-shadow:10px 10px 40px #333;
	-moz-box-shadow: 10px 10px 40px #333;*/
}
	.right#form {
		width:60%;
	}
/* COLONNE per STORIA */
.col {
	width:45%;
	float:left;
	display:block;
	position:relative;
	margin:0 1em 32px 1em;
}
	.col p {
		font-size:110%;
		text-indent:1em;
		padding-top:0.8em;
		line-height:1.2;
		text-align:justify;
	}
	
	.col blockquote {
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		margin: 13px 0px;
		font-size:140%;
		line-height:1.4;
		color:#333;
		font-style:italic;
		padding: 8px 16px 12px;
	}
	.col img {
		padding:3px;
		margin:1em 1em 1em 1em;
		border:thin solid #666;
	}
/* BOX */
dl {
	background-color:#03C;
	margin-left: auto;
	margin-right: auto;
}
dd {
	
	/*border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;*/
	display:block;
	position:relative;
	width:270px;
	float:left;
	margin:8px 18px 28px 22px;
	background-color:#f1f1e5;
	/*background:white url(../images/gradientgreen.png) repeat-x;*/
	/*box-shadow: 10px 10px 5px #333;
	-webkit-box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 10px 10px 5px #888;*/
}
	dd h2 {
		color:white;
		text-align:center;
		background:white url(../images/gradientgreen.png) repeat-x;
		padding:0.3em 0 0.3em 0;
		font-variant:small-caps;
		border-bottom:1px solid #3E8C1F;
	}
		dd h2 a {
			color:white;
			text-decoration:none;
		}
	#spazi dd .box {
		border-left:1px solid #3E8C1F;
		border-bottom:1px solid #3E8C1F;
		border-right:1px solid #3E8C1F;
		height:240px;
	}
	#servizi dd .box {
		border-left:1px solid #3E8C1F;
		border-bottom:1px solid #3E8C1F;
		border-right:1px solid #3E8C1F;
		height:140px;
	}
		
		dd .box p {
			padding:1em;
			font-size:100%;
		}
		dd .box .fotostrip {
			display:block;
			position:absolute;
			top:190px;
			width:240px;
			margin:0 auto;
		}
			dd .box p a img {
				border:1px solid black;
				margin:0 6px;
			}
			dd .box p a img:hover {
				border:1px solid white;
			}
			
	dd > img {
		margin-bottom:1em;
	}
/* MENU BELLINO */
.navwrap { 
	position:relative;
	top:112px;
	left:250px;
	/*background-color: rgba(0,0,0,0.6);*/ 
	/*border-bottom: 2px solid white; */
	width:700px;
}
	.navwrap #menudescription {
		color:white;
		padding-top:-40px;
		font-size:120%;
	}
.menu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .menu{ zoom: 1; } /* IE7 */
#bellino { margin: 5px auto; list-style: none; position: relative;  }
#bellino li { display: block; float: left; font-weight: bold; font-size: 18px;color: #346633; margin-bottom:4px; }
	
	
#bellino li a {    padding: 8px 13px 10px 13px; text-decoration: none; color:#346633;
	/*text-transform: uppercase; */
}
#dove li#dove a, #storia li#storia a, #spazi li#spazi a, #servizi li#servizi a, #contatti li#contatti a,  #home li#homeli a, 
#bellino li a:hover { 
	color: white;
	/*background:#3b6c3b url(../images/gradientgreen.png) repeat-x top left;*/
	color: white;
	background:#363 repeat-x top left;
	-webkit-border-radius:5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-top-left: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-top-right: 5px;
}
#bellino li#home {
		position:absolute;
		top:-120px;
		left:50px;
	}
		#bellino li#home a {
			display:block;
			height:100px;
			width:500px;
		}
		#bellino li#home a:hover {
			display:block;
			height:100px;
			width:500px;
			background:none;
		}
#bellino li#lang {
	width:100px;
	/*visibility:hidden;*/
	font-size:100%;
	font-weight:400;
	font-style:italic;
}
	#bellino li#lang a:hover {
		background: none !important;
		color:black;
	}
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }
.current_page_item a, .current_page_item_two a { color: white !important; }

/* Form Contatti */
fieldset {   
margin: 0 0 0 0;   
padding: 0;  
font-size:120%;
color:#3E8C1F;
border:1px solid #3E8C1F;
}  
	fieldset li {    
	float: left;    
	clear: left;    
	width: 100%;    
	margin: 0 0 1.0em 0;    
	padding: 0; 
	}
	fieldset.submit {    
	float: none;    
	width: auto;    
	border: 0 none #FFF;    
	padding-left: 25em;   
	}
label {    
float: left;    
width: 10em;    
margin-right: 1em;    
text-align: right;   
}
textarea,input {
	background-color:#f1f1e5;
	border:1px dashed black;
	width:300px;
}
input {
	height:3em;
}
	textarea:focus,input:focus {
	background-color:#DDD;
	}
	textarea:hover,input:hover {
		border:1px solid black;
	}
legend {   
margin-left: 1em;   
color: #3E8C1F;   
font-weight: bold;  
font-size:140%;
}  
fieldset ol {   
padding: 1em 1em 0 1em;   
list-style: none;  
}  
fieldset li {   
padding-bottom: 1em;  
}  
fieldset.submit {   
border-style: none;  
}
input.submit {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	border:1px solid black;
	width:100px;
	font-size:100%;
	height:50px;
}
input.submit:hover {
	color:#333;
}
/* Pagina Servizi */
#servizi #mainContent{
	font-size:140%;
}
	#servizi #mainContent p {
		margin:1em 0 0 3em;
	}
	#servizi #mainContent ul {
		margin:1em 0 0 3em;
		list-style-type:circle;
	}
	#servizi #mainContent ul li {
		text-indent:1em;
	}
	#servizi #mainContent ul li:nth-child(2n+1) {
		color:#333;
	}
/* Tooltip con tip tip */
.info {
	display:inline;
	vertical-align: middle;
}