ù* {
	margin: 0;
	padding: 0;
}

/*
	Foundation styles
*/
body {
	color: #AD3A3A;
	background:url(img/cream_pixels_@2X.png);
	padding:0;
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

}

a{color:#FFC;text-decoration:none;}
a:link.blog {
	color:#fff
}
a:hover.blog {
	color:#FFC;
	text-decoration: none;
}

p {
	
	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    */	
	
}
p.no_bordo {
	
	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    */	
	
}
p.blog{
	font-size:1.25em;			/* 20px  / 16px = 1.25em    */
	padding:6.25% 6.25%;		/* 20px  / 320px =6.25   */
	text-align:center;
	margin:0 6.25%;			/* 20px  / 320px =6.25   */
	border:0;
	background-color: #000000;
	}

/*
	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:#000000;
	padding:3.125% 0;				/* 10px  / 320px = 0.03125   */		
	margin: 0 auto;					
	position:relative;
	color:#fff
}
h3::before{
content:"";
position:absolute;
border-top:30px solid #000000;
border-left:20px solid transparent;
border-bottom:20px solid transparent;
border-right:20px solid transparent;
top:32px;
left:105px
}


li{list-style:none;}


#contenitore{
max-width:60em;				/*960px  / 16px = 60em    */	
margin:0 auto;
background:#000;

}


header{width:100%;margin:0px auto;height:60px;background:#000000;}
#logo{
	width:18.85%;						/*181px  / 960px = 0.1885    */		
	float:left;
	color:#fff;
	font-size:1.5625em;					/* 15px  / 960px =0.015625    */	
	font-family: 'Satisfy', cursive;
	margin-left:2.0833%;				/* 20px  / 960px = 0.020833em    */	
	margin-top:1.041%;					/* 10px  / 960px = 0.01041em    */	
	text-align:center;
	
}
nav{
float:right;
width:72.9166%;						/*700px  / 960px = 0.729166     */	
margin-top:0.5208%;					/* 5px  / 960px = 0.005208em    */	
margin-right:2.0833%;				/* 20px  / 960px = 0.020833em    */	

}		

nav li{
display:inline;
border-right:1px solid #fff;
padding: 0 2.0833%;				/* 20px  / 960px = 0.020833    */
text-align:center;
font-size:0.9376em;					/* 15px  / 16px = 0.9375em    */	
margin:0 auto;
}			
nav ul li a:link{color:#FFF;text-decoration:none;}
nav li a:hover{border-bottom:2px solid #fff;}

nav select {display:none}			



/* galleria fotografica */
.gallery{
	width: 100%;
	max-width:100%;
	height: 370px;
	float:left;
	margin: 0 auto;				
	overflow: hidden;
	background:#fff;
}



 #slides {
      display: none;
	  border:0px dashed #096;
	  margin: 2.0833% auto;				/* 20px  / 960px = 0.020833    */
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
	  
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
	  
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image:url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
	  
	  
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

  
  
    #slides {
      display: none
    }

    

  End SlidesJS Optional
   SlidesJS Required: These styles are required if you'd like a responsive slideshow   

#content{
	
width:100%;
float:left;
background:#fff;

	}


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

}

.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    */	
}


.cerchio{
width:200px;			
height:200px;
background:#DB214C;
border:12px solid #170364;
border-radius:200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
margin:12.5% auto;			/*   40px  / 320px = 0.125    */	

behavior: url('PIE.htc');
}

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

}

#blog{
	width:32.8125%;						/*   315px  / 960px = 0.328125    */	
	float:left;
	text-align:center;
	height:160px;
	border-right:0px;
	margin-top:	3.125%;					/* 30px  / 320px = 0.03125   */
	
}
#img_blog{
	width:93.75%;						/*   300px  / 32px = 0.9375    */	
	float:left;
	font-family: 'icomoon', cursive;
	font-size:3.75em;					/*   60px  / 16px = 3.75em   */			
	margin-top:4.6875%					/*  15px  / 320px = 0.046875   */		
}
#blog_post{
	width:33.333%;						/*   320px  / 960px = 0.33333    */	
	float:left;
	text-align:center;
	margin:	3.125% auto;					/* 30px  / 320px = 0.03125   */
	border-right:1px solid #DB214C;
	
	
}
#blog_post_2{
	width:33.333%;						/*   320px  / 960px = 0.33333    */	
	float:right;
	text-align:center;
	margin:3.125% auto;					/* 30px  / 320px = 0.03125   */

	
}
ul#articoli{padding:0;margin:0;}
ul#articoli li{
width:90.625%;						/*   290px  / 320px = 0.90625   */		
float:left;
font-size:0.875em;					/* 14px  / 16px = 0.875em    */	
text-align:left;
padding-left:6.125%;				/* 30px  / 320px = 0.03125   */
}

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


}


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



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


/*******ELEMENTI DELL'HEADER ******/
#contenitore{
width:100%;
max-width:20em;				/*320px  / 16px = 20em    */	
background:#fff;
height:200px;		


}

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


#logo{
	width:100%;						
	border:0px solid;
	margin:10px auto;		
}

 nav ul     { display: none; }
 nav select { display: inline-block;position:relative;left:15%;}

nav li a:link{color:#333}
 nav a:active{}
 
/*******ELEMENTI DEL MENù SERVIZI ******/

#inner_content{
width:100%;
max-width:320px;
float:left;
background:#fff;
margin:6.25% auto;					

}

.left{
width:99%;	
float:left;
margin-top:6.25%;					/* 20px  / 320px = 0.0625    */	

}				
.center{
width:99%;
float:left;
margin-top:6.25%;					/* 20px  / 320px = 0.0625    */	

					
}
.right{
width:99%;	
float:left;
margin-top:6.25%;					/* 20px  / 320px = 0.0625    */	


			
}


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

h3::before{
top:30px;
left:105px
}

.cerchio{
margin:18.75% auto;			/*   60px  / 320px = 0.1875    */
margin-bottom:9.375%;			/*   30px  / 320px = 0.09375    */

}
section.testo{
width:100%;
max-width:320px;
float:left;
margin-top:2.833%;						/* 20px  / 960px = 0.020833em    */

}

#blog{
	width:100%;						/* 280px  / 320px = 0.875   */	
	float:left;
	margin: 0 auto;
	margin-top:	3.125%;					/* 30px  / 320px = 0.03125   */
	
	
}
p.blog{
	width:85%;
	margin:0 auto;
	font-size:1em;			/* 18px  / 16px = 1.125em    */	
	}

#img_blog{ 
	width:100%;					
	text-align:center;	
	margin:8.25% auto;
	
}

footer{
font-size:0.75em;					/* 12px  / 16px = 0.75em    */
height:30px; 
padding-top:4.1666%;					/* 20px  / 480px = 0.041666em    */
	
}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
	

/*******ELEMENTI DA NON VISUALIZZARE ******/
	
#blog_post{
	display:none;
}
#blog_post_2{
	display:none;	
}


/*******ELEMENTI DELL'HEADER ******/
#contenitore{
width:98%;
max-width:30em;						/*480px  / 16px = 30em    */	
background:#FFFFFF;
margin:0 auto;
overflow:hidden;
}
#content{
width:100%;
float:left

					
	}
p {
	width:100%;
	min-width:260px;
	max-width:320px;
	border:0px solid #333;
	margin:0 auto

}

#logo{
	width:100%;						
	border:0px solid;
	margin:10px auto;	
	
}
nav ul  { display: none; }
 nav select { 
 display: inline-block;
position:relative;left:20%;
 top: 2.08333% 0 2.08333%% 0;				/*10px  / 480px = 0,0208333   */	
 }
nav li a:link{color:#333}

#clear{
display:none;					
}

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

#inner_content{
width:100%;
max-width:480px;
float:left;
background:#fff;							
}

.left{

width:100%;	
margin-top:4.1666% auto;				/* 20px  / 480px = 0.041666   */	
	
}				
.center{

width:100%;
margin-top:4.1666% auto;						/* 20px  / 480px = 0.041666    */	

	
}
.right{

width:100%;	
margin-top:4.1666% auto;						/* 20px  / 480px = 0.041666    */
	


}


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


.cerchio{
margin:12.5% auto 5% auto;			/*   60px  / 480px = 0.125    */
		

}
section.testo{
width:100%;
max-width:480px;
float:left;
margin-top:2.833%;						/* 20px  / 960px = 0.020833em    */

}

#blog{
	width:100%;	
	min-width:321px;
	max-width:480px;						
	margin: 3.125% auto;					/* 30px  / 320px = 0.03125   */

	
}
p.blog{
	width:60%;
	margin:0 auto;
	font-size:1em;			/* 18px  / 16px = 1.125em    */	
	padding:3.125% 0;		/* 10px  / 320px =0.03125   */
	}

#img_blog{ 

	width:100%;					
	text-align:center;	
	margin:6.25% auto;
	
	
}

footer{
font-size:0.8125em;					/* 13px  / 16px = 0.8125em    */
padding-top:4.1666%;					/* 20px  / 480px = 0.041666em    */

}	
}

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

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

#blog_post_2{
	display:none;	
}


/*******ELEMENTI DELL'HEADER ******/
#contenitore{
max-width:42.5em;				/*680px  / 16px = 42.5em    */	
margin:0 auto;
background:#fff;
height:200px;
}
#content{
	
width:100%;
max-width:680px;
float:left;
background:#fff;
	
	}
p {
	width:100%;
	max-width:330px;
	margin:0 auto;

}


#logo{
	width:100%;						
	border:0px solid;
	margin:10px auto;	
	
}
nav{
	
width:100%;							
}		
nav select {display:none}			
nav ul{}
nav li{
width:19.791%;							/* 95px  / 480px = 0.19791   */	
border-right:1px solid #096;
font-size:0.6875em;						/* 11px  / 16px = 0.6875em    */	
float:left;
margin:2.0833% auto ; 						/* 10px  / 480px = 0.020833    */	
height:20px;
padding-top:2.0833%;
										/* 10px  / 480px = 0.020833    */	

}			
#clear{
display:none;					
}

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

#inner_content{
width:100%;
max-width:680px;
float:left;
background:#fff;

			

}

.left{

width:99%;	
margin-top:4.1666% auto;						/* 20px  / 480px = 0.041666   */	
float:left;
}				
.center{

width:99%;
margin-top:4.1666% auto;						/* 20px  / 480px = 0.041666    */	
float:left;
}
.right{

width:99%;	
margin-top:4.1666% auto;						/* 20px  / 480px = 0.041666    */	
float:left;
}


h3 {
	width:100%;
	max-width:350px;
	margin:4.1666% auto;
	text-align:center;
	border-right:0
	
	
}
h3::before{
top:49px;
left:160px
}


.cerchio{
margin:7.5% auto 5% auto;			/*   60px  / 480px = 0.125    */
		

}
section.testo{
width:100%;
max-width:680px;
float:left;
margin-top:2.833%;						/* 20px  / 960px = 0.020833em    */

}

#blog{
	width:50%;							/*   240px  / 480px = 0.05    */	
	margin:	3.125% auto;					/* 30px  / 320px = 0.03125   */
	border-right:0;
}

p.blog{
	width:80%;
	margin:0 auto;
	font-size:1em;			/* 18px  / 16px = 1.125em    */	
	}

#img_blog{ 

	width:100%;					
	text-align:center;	
	margin:6.25% auto;
	
}	
#blog_post{
	width:45%;
	text-align:center;
	margin-top:	3.125%;					/* 30px  / 480px = 0.03125   */
	border-left:1px solid #DB214C;
	border-right:0;
	
}
footer{
font-size:0.8125em;					/* 13px  / 16px = 0.8125em    */
}	
}

@media only screen and (min-width: 681px) and (max-width: 778px){
#contenitore{
max-width:48.625em;				/*778px  / 16px = 48.625em    */	
margin:0 auto;
background:#fff;

}
#inner_content{
width:100%;
max-width:778px;
margin:0 auto;
background:#fff;

}
#content{
	
width:100%;
max-width:778px;
float:left;
background:#fff;
	
	}
#inner_content{
width:100%;
max-width:778px;
float:left;
background:#fff;

			

}

h3 {
	width:90%;
	min-width:220px;
	max-width:250px;
	font-size:1.25em;			/* 20px  / 16px = 1.25em    */				
	text-align:center;
	background:#333;
	padding:3.125% 0;				/* 10px  / 320px = 0.03125   */		
	margin: 0 auto;					
	position:relative;
	color:#fff;
	font-size:1em;			/* 16px  / 16px = 1.em    */	
}
h3::before{
top:28px;
left:95px
}


.gallery{
	display:block;
	float:left;
	height:300px;
	margin-top:2.574%; 		/* 20px  / 777px = 0.02574em    */	
}
#logo{
	width:25.74%;						/*200px  / 777px = 0.2574    */		
	float:left;
	
	
}
nav{
float:right;
width:64.35%;						/*500px  / 777px = 0.6435    */	
margin-right:2.574%;				/* 20px  / 777px = 0.02574em    */	


}		
nav select {display:none}			

nav li{
display:inline;
border-right:1px solid #fff;
padding: 0 2.0833%;				/* 20px  / 960px = 0.020833    */
text-align:center;
font-size:0.9376em;					/* 15px  / 16px = 0.9375em    */	
margin:0 auto;
}	
.cerchio{
width:180px;	
height:180px;		
background:#333;
border:12px solid #333;
border-radius:180px;
margin:20.625% auto;			/*   70px  / 320px = 0.15625    */
		
}


}