.style111 {
	color: #666666;
}


/*
	Foundation styles*/
body {
	font: normal 100% Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
background: #A7C29A;
}
.h2 {
 color: #222F29; font-size:large; font-weight:bold;
}
.centra {
 text-align:center; margin:auto;
}
.par1 {
  font-size: 100%; line-height:1.5em;
 font-family:Georgia;
 font-weight:bold;
 }
.nonsottolineo {
	text-decoration:none;
	}
.inmezzo {
	vertical-align: middle;
}
.incima {
	vertical-align: top;
}
.inbasso {
	vertical-align: bottom;
}


p.pad {
	margin-top:0.15em;
	font-size:1em;		/* 16px  / 16px = 1em    */	
	padding:0 6.25%;		/* 20px  / 320px = 6.25    */	
	text-align:center;
	line-height:1.125em;		/* 18px  / 16px = 1.125em    */	
	border-right:0px solid #096
}
p {
	
	margin-top:0.15em;
	font-size:1em;		/* 16px  / 16px = 1em    */	
	padding:0;		/* 20px  / 320px = 6.25    */	
	text-align:center;
	line-height:1.125em;		/* 18px  / 16px = 1.125em    */	
	border-right:0px solid #096
}

p.bordo {
	margin-top:0.15em;
	font-size:1em;		/* 16px  / 16px = 1em    */	
	padding:0 6.25%;		/* 20px  / 320px = 6.25    */	
	text-align:center;
	line-height:1.125em;		/* 18px  / 16px = 1.125em    */	
	border-right:2px solid #096
}
p.bold {
	margin-top:0.15em;
	font-weight:bold;	
	font-size:1em;		/* 16px  / 16px = 1em    */	
	padding:0 6.25%;		/* 20px  / 320px = 6.25    */	
	text-align:center;
	line-height:1.125em;		/* 18px  / 16px = 1.125em    */	
	border-right:2px solid #096
}

/*
	Type
*/
h1 {
	font-size:3em;				/* 48px  / 16px = 3em    */	
	line-height:3.4375em;		/* 55px  / 16px = 3.4375em    */	
	text-transform: uppercase;
}

h3 {
	width: 90%;
	min-width: 230px;
	max-width: 250px;
	font-size: 1.25em; /* 20px  / 16px = 1.25em    */;
	text-align: center;
	background: #C0C0C0;
	padding: 3.125% 0;
/* 10px  / 320px = 0.03125   */	margin: 0 auto;
	color: #C2D6C2
}

.box {
	font-size:1.3em;font-weight:bold;
	text-decoration:none; background-color:#BAFED1;
	padding-left:0.2em;  padding-right:0.2em;		
	padding-top:0.2em;  padding-bottom:0.2em;		
 	border-right:2px solid navy;
	border-left:2px solid navy;
	border-top:2px solid navy;
	border-bottom:2px solid navy;
	white-space: nowrap; border-radius: 0.6em; 

}
.box:hover{
				color: orange;
				font-style: italic;
				background-color: #86E8E2;
}
.box:visited{
				 color: maroon; 
}

.box:li{list-style:none;}


#contenitore{
max-width:80em;				/*1280px  / 16px = 80em    */	
margin:1em auto;
background:#C2D6C2;
}


header{width:100%;margin:0px auto;height:60px;background:#096;
}


/* galleria fotografica */
.gallery{
	width: 100%;  padding-top:1em;
	max-width:100%;
	height: 310px;
	float:left;
	margin: 0 auto;				
	overflow: hidden;
	background:#C2D6C2;
}


#content{
	
width:100%;
float:left;
background:#C2D6C2;
	}


#inner_content{
width:100%;
float:left;
margin:0 auto;			
background:#C2D6C2;

}

.left{
float:left;
width:33.333%;			/*   320px  / 960px = 0.33333    */	
}				
.center{
float:left;
width:33.333%;			/*   320px  / 960px = 0.33333    */	
}
.right{
float:left;
width:33.333%;			/*   320px  / 960px = 0.33333    */	
}

.leftleft{
float:left;
width:25%;			/*   320px  / 960px = 0.33333    */	
}				
.leftcenter{
float:left;
width:25%;			/*   320px  / 960px = 0.33333    */	
}
.rightcenter{
float:left;
width:25%;			/*   320px  / 960px = 0.33333    */	
}
.rightright{
float:left;
width:25%;			/*   320px  / 960px = 0.33333    */	
}

#line{
width:100%;
float:left;
border-top:10px double #096;
margin-top:2.833%;						/* 20px  / 960px = 0.020833em    */
}	


footer{width:100%;
float:left;
color:#fff;
text-align:center;
padding-top:2.833%;					/* 20px  / 960px = 0.020833em    */
background:#096;
height:40px;}


/*********MEDIA QUERY *************/

@media only screen and (min-width: 230px) and (max-width:320px) {
	
/*******ELEMENTI DA NON VISUALIZZARE ******/
.gallery{
	display:none;
}
	

/*******ELEMENTI DELL'HEADER ******/
#contenitore{
width:100%;
max-width:20em;				/*320px  / 16px = 20em    */	
background:#C2D6C2;
margin:1em auto;


}

#content{
	
width:100%;
max-width:320px;
min-width:230px;
float:left;
background:#C2D6C2;
margin:0 auto;					
	
	}
p {
	width:89.0625%;					/*285px  / 320px = 0.890625   */	
	border-right:0px solid #096;
	font-size:0.9375em;				/* 15px  / 16px = 0.9375em    */
	line-height:1.25em;				/* 20px  / 16px = 1.25em    */
	margin:0 auto;		
}


/*******ELEMENTI DEL MENù SERVIZI ******/

#inner_content{
width:100%;
max-width:320px;
float:left;
background:#C2D6C2;

}

.left{
float:left;
width:100%;	
margin: 0 auto;
}				
.center{
float:left;
width:100%;
margin: 0 auto;
					
}
.right{
float:left;
width:100%;	
margin: 0 auto;
			
}

.leftleft{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}				
.leftcenter{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}
.rightcenter{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}
.rightright{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}

h3 {
	width:100%;
	font-size:0.9375em;			/* 15px  / 16px = 1.25em    */				
	text-align:center;
	border-right:0
	
}




footer{
font-size:0.8125em;					/* 13px  / 16px = 0.8125em    */
height:25px;
}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
	

/*******ELEMENTI DA NON VISUALIZZARE ******/
	


/*******ELEMENTI DELL'HEADER ******/
#contenitore{
min-width:	20.0625em;				/*321px  / 16px = 20.0625em    */	
max-width:30em;				/*480px  / 16px = 30em    */	
margin:1em auto;
background:#C2D6C2;
height:100px;
}
#content{
	
width:100%;
min-width:321px;
max-width:480px;
float:left;
background:#C2D6C2;
margin:0 auto;					
	
	}
p {
	width:100%;
	min-width:260px;
	max-width:300px;
	border:0px solid #096;
	margin:0 auto

}

#clear{
display:none;					
}

.gallery{
	display:block;
	float:left;
	height:180px;
}
/*******ELEMENTI DEL MENù SERVIZI ******/

#inner_content{
width:100%;
min-width:321px;
max-width:480px;
float:left;
background:#C2D6C2;
			

}

.left{

width:100%;	
}				
.center{

width:100%;
}
.right{

width:100%;	
}

.leftleft{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}				
.leftcenter{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}
.rightcenter{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}
.rightright{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}

h3 {
	width:100%;
	max-width:350px;
	margin:4.1666% auto;
	font-size:1.25em;			/* 20px  / 16px = 1.25em    */				
	text-align:center;
	border-right:0
	
}



footer{
font-size:0.8125em;					/* 13px  / 16px = 0.8125em    */
height:25px;
}	
}

@media only screen and (min-width: 481px) and (max-width: 680px){
	

/*******ELEMENTI DA NON VISUALIZZARE ******/
	


/*******ELEMENTI DELL'HEADER ******/
#contenitore{
max-width:42.5em;				/*680px  / 16px = 42.5em    */	
margin:1em auto;
background:#C2D6C2;
height:200px;
}
#content{
	
width:100%;
max-width:680px;
min-width:481px;
float:left;
background:#C2D6C2;
	
	}
p {
	width:100%;
	max-width:350px;
	border-right:0px solid #096;
	margin:0 auto;

}


#clear{
display:none;					
}

.gallery{
	display:block;
	float:left;	height:220px;
}
/*******ELEMENTI DEL MENù SERVIZI ******/

#inner_content{
width:100%;
max-width:680px;
min-width:481px;
float:left;
background:#C2D6C2;

			

}

.left{

width:100%;	
}				
.center{

width:100%;
}
.right{

width:100%;	
}

.leftleft{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}				
.leftcenter{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}
.rightcenter{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}
.rightright{
float:left;
width:100%;			/*   320px  / 960px = 0.33333    */	
}

h3 {
	width:100%;
	max-width:350px;
	margin:4.1666% auto;
	font-size:1.25em;			/* 20px  / 16px = 1.25em    */				
	text-align:center;
	border-right:0
	
}


footer{
font-size:0.8125em;					/* 13px  / 16px = 0.8125em    */
height:25px;
}	
}

@media only screen and (min-width: 681px) and (max-width: 777px){
#inner_content{
width:100%;
max-width:777px;
min-width:681px;
float:left;
background:#C2D6C2;

}
#content{
	
width:100%;
float:left;
background:#C2D6C2;
	
	}

.gallery{
	display:block;
	float:left;
	margin-top:2.574%; 		/* 20px  / 777px = 0.02574em    */	
}	
h3 {
	width:100%;
	min-width:130px;
	max-width:170px;
	margin:4.1666% auto;
	font-size:0.9375em;			/* 15px  / 16px = 0.9375em    */				
	text-align:center;
	border-right:0;
	height:20px;
	padding:10px;
	
}
	
        /* fine type.css */