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

/*inizio stile generico*/	

body, html {
	margin:0;
	padding:0;
	font-family: 'Cardo', serif;
	/*font-family: 'Raleway', sans-serif;*/
}


body {
	font-size:100%;
	background-color: #fff;	
}

p {
	font-size:0.95em;
	line-height:1.25em;
	color:#372B14;
}

.inizio{
	color:#372B14;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	}

#ancorauno {
	width:100%;
	height:auto;	
}


.maiuscole{
	text-transform: uppercase;
	font-weight:bold;
	}


 h2 {
	font-family: 'Gudea', sans-serif;
	font-weight:400;
	color:#226F26;
}


 h4 {
	font-family: 'Raleway', sans-serif;
	font-weight:600;
}


/*dichiarazione div principali*/

#container {
	max-width:950px;
	width:90%;
	background-image: url(../images/foglieolivo.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:3.8em 0 0 0;
	margin-top:1em;
	margin-bottom:1em;
}

#page {
	background-color:#FFF;
	width:100%;
	height:auto;
	}
	

#masthead {
	background-color:#fff;
	padding:0;
	margin:0 auto;
	background-color:#fff;
	position:relative;
	max-width:950px;
	width:100%;
	height:120px;
	float: right;

	}
	.logo {
	margin:0;
	padding:0 2em 0 0;
	float:left;
}

h1 {
	font-size:1.8em;
	color:#372B14;
	font-family: 'Petit Formal Script', cursive;
	
}
	
#head {
		clear:both;
		width:100%;
		height:auto;
}
	

#menu {
	margin:0 auto;
	width:100%;
	position:absolute;
	top:7.3em;
	
	}
	
#menu li {
	display:inline;
	font-family: 'Gudea', sans-serif;
	font-weight:400;
}


#menu li a{
	font-family: 'Gudea', sans-serif;
	display:inline-block;
	padding:0 35px 0 0;
	font-weight:400;
	height:10px;
	line-height:2px;
	text-decoration:none;
	color:#226F26;
}


a {
	text-decoration:none;
}


 #menu ul{
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
	
	
}
	
#menu a:link, .nav a:visited {
		text-decoration:none;
		color:#226F26;
		font-size:0.95em;
		}
		
#menu li a:hover, a:active{
	color:#382b14;
	background-color:trasparent;

	}
	
#menu a.current {
	border-bottom-style:solid;
	border-bottom-color:#eac91b;
	border-width:medium;
	color:#226F26;
}

#menu a:hover.current {
	color:#382b14;	
}
	
#main {
	margin:0;
	padding:0;
	width:64%;
	float:left;
	
}

#main img {
	max-width:100%;
	height: auto;

}	

.image {
	max-width:100%;
	margin-bottom:20px;
	
}

.image2{
	max-width:100%;
	height:auto;
	text-align:center;
	
}

#footer {
	clear:both;
	background-color:#372B14;
}

#footer p{
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size:1.5em;
	
}


#footer h1{
	margin:0;
	padding:1em;
	font-size:0.8em;
	color:#fff;
	line-height:1.9em;
	font-family: 'Gudea', sans-serif;
	font-weight:400;

	
}

#footer h3{
	margin:0;
	padding:1em;
	font-size:1em;
	color:#fff;
	line-height:1.9em;
	font-family: 'Gudea', sans-serif;
	font-weight:400;
	text-transform:uppercase;	
}

#footer a {
	color:#fff;
	
}

#footer img {
	margin:0;
	padding:1em;
	
}


#related {/*la barra laterale*/
background-color:#e9f3f6;
margin-left:65%;
margin-bottom:1.2em;
}

#relatedright {/*la barra laterale*/
background-color: #F3F3F3;
margin-left:65%;
margin-bottom:1.2em;
height:auto;
}

#relatedright img{/*la barra laterale*/
padding:5px 13px 15px 13px;
margin:0 auto;
}


#relatedgallery {
background-color: #fef9da;
margin-left:65%;
margin-bottom:1.2em;
height:auto;
}



/*fine stili per la navigazione*/


/*inizio class main*/



.intro {
	margin:0 35px 0 0;
	text-align:justify;
	padding:0 0 0.8em 0;
	}


.intro img {max-width: 100%;}


.intro h4 {
	font-size:1em;
	padding:0.5em 0 0 0;
	margin:0 auto;
	color:#372B14;
	font-family: 'Gudea', sans-serif;
	font-weight:600;
}

/*fine box*/


/*barra laterale destra*/

aside {
	margin:0;
	padding:0;
}

aside img{
	padding:0;
	margin:0 auto;
	max-width: 100%;
	}


aside h2 {
	font-size:1em;
	text-transform:capitalize;
	text-align:left;
}

.sidebar {
	padding:0.5em 1em 0.5em 1em;
}

.sidebar p{
	text-align:left;
}

.sidebaright {
	padding:0.5em 1em 0.5em 1em;
	height:auto;
}


.sidebaright p{
	font-size:0.8em;
	text-align:left;

	}
	
.sidebaright img{
	margin:0 auto;
	padding:0;
	max-width:100%;

	}
	
	
.sidebargallery {
	padding:0.5em 1em 0.5em 1em;
	height:auto;
}


.sidebargallery p{
		text-align:left;


	}
	
	
/*fine barra laterale*/


/*modulo*/
#modulo { width:100%; border:1px solid #999; padding:0; margin:0 0 1.5em 0; font-family: 'Gudea', sans-serif;

	font-weight:400; font-size:0.5em; }
		
	#modulo fieldset{ line-height:2em; border:none;} 
	
	#modulo legend { color:#372B14; padding:5px 0 5px 5px; font-size:14px;
	text-align:left;}
		
	#modulo input, #modulo select, #modulo textarea {
		padding:3px;
		float:right;
		margin-bottom:4px;
		width:13em;}
		
	#modulo option{background:#fff; color:#999; }
	#modulo button{color:#372B14; cursor:pointer; padding:10px; text-transform:uppercase; background-color:#CCC; border:none; margin:5px 0 5px 5px;}
	#modulo button:hover{color:#fff; background-color:#226F26;}
	#modulo form label{width:20%; padding:6px 0 6px 0; color:#372B14;}
	#modulo label{clear:left; float:left; padding:0; font-size:13px;}
	
	.englishtitle {
		font-weight:600;
	}
	
	#modulo .message {height:45px;padding:6px 0 6px 0;color:#372B14;font-size:13px;}
	
	#modulo table {
		padding:0;
		margin:0;
		width:100%;
		height:auto;
	}
	
#modulo	table td {
		color:#000;
		font-size:1em;
		text-align:center;
	}

			
	
	
	/*fine modulo*/


.killer {clear:both;}


.clearfix:before, .clearfix:after {display:table; }
.clearfix:after {clear: both;}
.clearfix {clear:both;}




/* =Media queries
-------------------------------------------------------------- */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Tablet Layout: 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {	

#container {
	max-width:991px;
	width:90%;
	
}

#page {
	background-color:#FFF;
	width:100%;
	height:auto;
	}
	

#masthead {
	background-color:#fff;
	padding:0;
	margin:0 auto;
	background-color:#fff;
	position:relative;
	max-width:991px;
	width:100%;
	height:120px;
	float: right;

	}

h1 {
	font-size:1.8em;
	color:#372B14;
	font-family: 'Petit Formal Script', cursive;
	
}	

}

/*	Mobile Layout: 320px   */
@media only screen and (max-width: 767px) {	


#container {
	max-width:767px;
	width:90%;
	background-image: url(../images/foglieolivo.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:3.8em 0 0 0;
	margin-top:1em;
}

#page {
	background-color:#FFF;
	max-width:767px;
	width:100%;
	}
	

#masthead {
	background-color:#fff;
	padding:0;
	margin:0 auto;
	background-color:#fff;
	position:relative;
	max-width:767px;
	width:100%;
	height:120px;
	float:right;

	}
.logo {
	margin:0;
	padding:0 2em 0 0;
	float:left;
}

h1 {
	font-size:0.9em;
	color:#372B14;
	font-family: 'Petit Formal Script', cursive;
	
}
	
#head {
		width:100%;
		height:auto;
}
	
	
#main {
	margin:0 auto;
	padding:0;
	width:100%;
	float:left;
	
}

#main img {
	max-width:100%;
	margin:0 auto;
	height: auto;

}	

.image {
	max-width:100%;
	margin:0;
	padding:0;
	
}

.image2{
	max-width:100%;
	height:auto;
	
}



#related {/*la barra laterale*/
background-color:#e9f3f6;
margin:0;
margin-bottom:1.2em;
float:left;
}

#relatedright {/*la barra laterale*/
background-color: #F3F3F3;
margin:0 auto;
margin-bottom:1.2em;
max-width:767px;
width:90%;
height:auto;
float:left;
}

#relatedright img{/*la barra laterale*/
padding:5px 13px 15px 13px;
margin:0 auto;
}

#relatedgallery {
background-color: #fef9da;
max-width:767px;
width:90%;
margin:0 auto;
margin-bottom:1.2em;
height:auto;
float:left;
}


.intro {
	margin:0 auto;
	padding:0;
	float:left;
	}
	
	.intro p{
	text-align:justify;
	
	}


.intro img {max-width:100%;
width:100%;
padding:0;
margin:0;
}


	
		
}

/*	Wide Mobile Layout: 480px  */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

#container {
	min-width:480px;
	width:90%;
	
}

#page {
	min-width:480px;
	width:100%;
	}
	

#masthead {

	min-width:480px;
	width:100%;
	

	}
	
#relatedright {/*la barra laterale*/
min-width:480px;
width:90%;

}


}