* {
	margin: 0;
	padding: 0;
}

/*
	Foundation styles
*/
body {
	background: #0A3055;
	color: #0A3055;
	font: normal 100% Helvetica, Arial, sans-serif;
	background: url(js/img/blue_pixels_@2X.png);
	margin: 0;
	padding: 0;

}

a {
	color: #8FDFFD;
}
a:link.blog {
	color:#fff
}
a:link{color:#333;text-decoration:none;}
a:hover.blog {
	color:#ffde18;
	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    */	
	border-right:2px solid #6699CC
}
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    */	
	border-right:0px solid #096
}
p.blog{
	font-size:1.25em;		/* 20px  / 16px = 1.25em    */	
	padding:6.25% 6.25%;		/* 20px  / 320px =6.25   */
	text-align:center;
	background:#0A3055;
	margin:0 20px;
	}

/*
	Type
*/
h1 {
	font-size:3em;				/* 48px  / 16px = 3em    */	
	line-height:3.4375em;		/* 55px  / 16px = 3.4375em    */	
	text-transform: uppercase;
}
h2 {
	font-size: 1.25em;			/* 20px  / 16px = 1.25em    */
	text-align: center;
	background: #333;
	padding: 3.125% 0;				/* 10px  / 320px = 0.03125   */
	margin: 0 6.25%;					/* 20px  / 320px = 0.0625   */
	position: relative;
	color: #fff;
	background-color: #6699CC;
}
h3 {
	font-size: 1.25em;			/* 20px  / 16px = 1.25em    */
	text-align: center;
	background: #333;
	padding: 3.125% 0;				/* 10px  / 320px = 0.03125   */
	margin: 0 6.25%;					/* 20px  / 320px = 0.0625   */
	position: relative;
	color: #fff;
	background-color: #0A3055;
}

h3::before{
content:"";
position:absolute;
border-top:30px solid #0A3055;
border-left:20px solid transparent;
border-bottom:20px solid transparent;
border-right:20px solid transparent;
top:32px;
left:120px
}

h4 {
	font-size: 1.25em;			/* 20px  / 16px = 1.25em    */
	text-align: center;
	background: #333;
	padding: 3.125% 0;				/* 10px  / 320px = 0.03125   */
	margin: 0 6.25%;					/* 20px  / 320px = 0.0625   */
	position: relative;
	color: #fff;
	background-color: #0A3055;
}


li{list-style:none;}

#contenitore3{
max-width:60em;				/*960px  / 16px = 60em    */	
margin:0 auto;
background:#fff;
height:1000px;
}

#contenitore2{
max-width:60em;				/*960px  / 16px = 60em    */	
margin:0 auto;
background:#fff;
height:4150px;
}


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


header{
	width: 100%;
	margin: 0px auto;
	height: 70px;
	background: #0A3055;
}
#logo{
	width: 35%;						/*181px  / 960px = 0.1885    */
	float: left;
	color: #fff;
	font-size: 1.5625em;					/* 25px  / 960px = 1.5625    */
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 2.0833%;				/* 20px  / 960px = 0.020833em    */
	margin-top: 1.041%;					/* 10px  / 960px = 0.01041em    */
}
nav{
	float: right;
	width: 50%;						/*735px  / 960px = 0.765625    */
	margin-top: 2.0833%;					/* 20px  / 960px = 0.020833em    */
	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    */	
float:right;
}			
nav li a:link{color:#ffde18}
nav li a:hover{border-bottom:2px solid #ffde18;}

.bkg{
    text-align: center;
	background: #333;
	padding: 3.125% 0;				/* 10px  / 320px = 0.03125   */
	margin: 0 6.25%;					/* 20px  / 320px = 0.0625   */
	position: relative;
	color: #fff;
	background-color: #6699CC;

}

/* galleria fotografica */
.gallery{
	width: 100%;
	max-width:100%;
	height: 360px;
	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;
	  margin-right: 5px;
	  background-image:url(js/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
    }

    .gallery {
      margin: 0 auto
    }

  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:4.1666% 0;			/*   40px  / 960px = 0.041666    */	
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{
	align: center;
	width: 200px;
	height: 200px;
	background: #FFCC33;
	border: 12px solid #0A3055;
	border-radius: 200px;
	margin: 12.5% auto;			/*   40px  / 320px = 0.125    */		

	
}
#clear{
width:100%;
float:left;
border-top:2px dashed #096;
}	

#line{
width:100%;
float:left;
border-top:10px double #0A3055;
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:280px;
	border-right:0px solid #096;
	margin-top:	3.125%;					/* 30px  / 320px = 0.03125   */
	
}
#img_blog{
	width:93.75%;						/*   300px  / 32px = 0.9375    */	
	float:left;
	font-size:3.75em;					/*   60px  / 16px = 3.75em   */			
	margin-top:9.375%					/*  30px  / 320px = 0.09375   */		
}
#blog_post{
	width:33.333%;						/*   320px  / 960px = 0.33333    */	
	float:left;
	text-align:center;
	border-right:1px solid#0A3055;
	margin-top:	3.125%;					/* 30px  / 320px = 0.03125   */
	
}
#blog_post_2{
	width:33.333%;						/*   320px  / 960px = 0.33333    */	
	float:left;
	text-align:center;
	margin-top:	3.125%;					/* 30px  / 320px = 0.03125   */
	
}
ul#articoli li{
width:90.625%;						/*   290px  / 320px = 0.90625   */		
float:left;
font-size:0.875em;					/* 14px  / 16px = 0.875em    */	
text-align:left;
margin-left:3.125%;					/* 10px  / 320px = 0.03125    */	
padding:1.5625% 4.6875%;			/* 10px  / 320px = 0.015625    */	              /* 15px  / 320px = 0.046875    */	
}

footer{width:100%;
float:left;
color:#fff;
text-align:center;
padding-top:2.833%;					/* 20px  / 960px = 0.020833em    */
background:#0A3055;
height:40px;}
#contenitore #content #inner_content .left .cerchio span {
	text-align: center;
}