/* ============= */
/* ! CSS RESET   */
/* ============= */ 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr, acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike, strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,button{margin:0;padding:0;border:0;outline:0; font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
input.disabled { filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
	

body, html {   
	font-family:'Cabin','Molengo',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size:13px;
	line-height: 18px;
	color:#333;
	margin: 0;padding: 0;

	z-index: 0;
}

body {
	background: url(/immagini/backgrounsetc-starfield-4.jpg);
	background-size: auto;
}

body#home {
	margin: 0;
	padding: 0;
	background: #000;
	-moz-background-size: cover;
	background-size: cover;
	color: #000;
	height:768px;
}
@media only all and (max-width: 1024px) and (max-height: 768px) { /* Important: 1024x768px has the same ratio as 1280x960px */
	body#home {	
		-moz-background-size: 1024px 768px;
		background-size: 1024px 768px;
	}
}

header, section, footer,
aside, nav, article, figure {
	display: block;
}

h1, h1, h3, h4, form, input, table, td, img{
	font-family:Helvetica,Arial,Verdana,sans-serif;
	margin:0;padding:0;border:0;
	color:#333;
}

.hide{
	display:none !important;
}

.clear{
	clear:both;
}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }
.clearfix { zoom: 1; color:white;}

/* ========= */
/* ! Links   */
/* ========= */


a, a:visited {
	color:#454545;
	font-weight: bold;
	text-decoration:none;
	
	/* transition : property duration funtion (delay) */
	-webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
  }
  
a:hover {
	color:#555;
	text-decoration:underline;
	} 
	
a.freccia{
	background:transparent url(../immagini/freccia.gif) no-repeat scroll 100% 3px;
	padding-right:10px;
	text-decoration:none;
	}
	
header{
	background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
	font-size:24px;
	margin:0 auto;
	height:75px;
	padding:0;
	position:absolute;
	width:100%;
	z-index:100;
}
#home header nav{ 
	display:none;
}

#home header{
	background: none;
}

header div{
	width:980px;
	margin:0 auto;
	padding: 0;
	position: relative;
	height:75px;

	background: #EFECE8;
	background: -moz-linear-gradient(top, #e3e3e3, #EFECE8);
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#EFECE8));
	
	-webkit-box-shadow: 0 1px 3px #292929;
	   -moz-box-shadow: 0 1px 3px #292929;
	     -o-box-shadow: 0 1px 3px #292929;
	        box-shadow: 0 1px 3px #292929;
	
	z-index:1;
	
	
}
#home header div{
	background:none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}

#home header div h1{
	top: 100px;
}
#home header div h2{
	width:240px;
	height:52px;
	overflow:hidden;
	display: block;
	position: absolute;
	bottom:10px;
	left:40%;
	margin:0 !important;
	color: #ccc;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
	text-decoration:none;
	box-shadow: none;
	
	font-size:14px;
	vertical-align: baseline;
	padding:10px;
	line-height:1;

	/*-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	   -moz-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	     -o-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	        box-shadow: 0px 1px 1px rgba(255,255,255,03);
	*/
	margin-bottom:10px;
	background: transparent url(/immagini/white40.png); 
	background: rgba(0, 0, 0, 0.3);
	
	/* border-radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	
	/* box-shadow: horizontal vertical blur (-> 0 sharp) color */
	-moz-box-shadow:	0px 0px 0px #999;
	-webkit-box-shadow:	0px 0px 0px #999;
	box-shadow: 0px 0px 0px #999;
	
	/* transition : property duration funtion (delay) */
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
			
			position: absolute;
	top: 150px;
	left:3px;

	color: #e4e4e4;
	text-shadow: 1px -1px 1px #333;
	font-size: 13px;
	margin: 0;
	width: 268px;
	font-weight:normal;
	line-height: 1.3;
	
	font-family: 'Cabin','Molengo',Helvetica,Arial,Verdana,sans-serif;

		
}
header nav{
	position:absolute;
	right:10px;
	top:-13px;
	z-index:1;
}

header nav a.button {
	display:inline-block;
	margin:10px 0px 9px 0;
}

.curriculum 	nav a.curriculum,
.fotografie 	nav a.fotografie,
.lavori 		nav a.lavori,
.pubblicazioni 	nav a.pubblicazioni{
	background: 	rgba(0,0,0,0.1);
	color:			#111;
	text-shadow: 	1px 1px 2px #fff;
	
	
	background: url(/immagini/white40.png); 
	background-image: -moz-linear-gradient(top, #ECECEC, #D1D4D6); /* FF3.6 */
	background-image: -o-linear-gradient(top, #ECECEC,#D1D4D6); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ECECEC),color-stop(1, #D1D4D6)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ECECEC,#D1D4D6); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #ECECEC, #D1D4D6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ECECEC', EndColorStr='#D1D4D6'); /* IE6ÐIE9 */
}

#contenitore {
	position:relative;
	width:960px;
	padding:100px 10px 10px 10px;
	margin:0 auto;
	text-align:left;

	z-index: 1;
	
	background: transparent url(/immagini/white40.png); 
	background: rgba(0, 0, 0, 0.3);

	
	color:#333;
	line-height: 18px;
	min-height:400px;
	
	border-bottom: 0;

	/* border-radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
  }
#home #contenitore{
	width:240px;
	background:none;
	padding-left:710px;
	
}
#home #contenitore a.foto,
#home #contenitore a.lab,
#home #contenitore a.lavori,
#home #contenitore a.about,
#home #contenitore a.book{
	font-family:'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
	
	height:20px;
	overflow:hidden;
	display: block;
	position: relative;
	
	color: #ccc;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
	text-decoration:none;
	border:1px solid rgba(255,255,255,0.2);
	
	font-size:24px;
	vertical-align: baseline;
	text-align:right;
	padding:10px;

	/*-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	   -moz-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	     -o-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	        box-shadow: 0px 1px 1px rgba(255,255,255,03);
	*/
	margin-bottom:10px;
	background: url(/immagini/white40.png); 
	background: rgba(0, 0, 0, 0.3);
	
	/* border-radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	
	/* transition : property duration funtion (delay) */
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
} 
#home #contenitore a:hover{
	padding-right:20px;
	color:#fff;
}
#home #contenitore a:hover img{
	opacity:1;
} 


#home #contenitore a span{

}
		
div.shadows {    
	margin: 45px auto; position: relative;
}  

article:before, article:after {
			-webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);
			-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
			box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
			position: absolute; 
			bottom: 15px;
			z-index: -1;
			width: 50%;
			height: 20%;
			content: "";
			background: url(/immagini/white40.png);
			background: rgba(0, 0, 0, 0.7);
			
		}
		   
	 article:after {
			-webkit-transform: rotate(3deg);
			-moz-transform: rotate(3deg);
			-o-transform: rotate(3deg);
			right: 10px; 
			left: auto;
			
		}
		
		article:before {
			-webkit-transform: rotate(-3deg);
			-moz-transform: rotate(-3deg);
			-o-transform: rotate(-3deg);
			right: auto;
			left: 10px;
			
		}		

article{
	position: relative;
	
	width: 900px;
	padding: 25px 30px;
	margin-bottom:35px;
	
	border: 1px solid #999;

	/* border-radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow:0 1px 3px #999;
	-webkit-box-shadow:0 1px 3px #999;
	box-shadow:0 1px 3px #999;
		
	background: #efece8;
	background: -moz-linear-gradient(top, #fff, #efece8 20%, #bbb);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(.2, #efece8), to(#bbb));
	-pie-background: linear-gradient(#fff, #bbb);
	
	
}

#contenitore .shadowBlock .pics{
	position:absolute;
	right:5px;
	top:5px;
	background:url("/immagini/circle.png") no-repeat scroll 0 0;
	color:#3C4756;
	font-size:12px;
	height:26px;
	line-height:1;
	margin:auto;
	padding:14px 3px;
	text-align:center;
	width:48px;
}

#contenitore .shadowBlock .pics:hover{
	background:url("/immagini/circle.png") no-repeat scroll 0 -54px;
}
.fotografie #contenitore .shadowBlock img{
	width:280px;
	height:210px;
	margin-right:19px;
	
	border:1px solid #999;
	padding: 1px;
}

#contenitore .shadowBlock img.last{
	margin-right:0;
}
#contenitore p,#contenitore time {
	font-family:'Cabin','Molengo',Helvetica,Arial,Verdana,sans-serif;
}
#contenitore p span{ 
	color: #999;
}
#contenitore p span.tag{
color: #333333}


#contenitore time{ 
	position:absolute;
	bottom:0px;
	right:30px;
	margin-bottom: 0.75em;
	padding:5px 5px 5px 20px;
	-webkit-transition:padding 0.1s linear;
}
#contenitore time:hover{ 
	padding:5px 5px 5px 30px;
}

.blog p{
font-size: 14px;
line-height: 21px;
}
/* h1 & h2 are just for header section */

h1{
	font-family: 'Droid Sans', Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 51px;
	/*line-height: 44px;*/
	letter-spacing: -2px;
	font-weight: normal;

	position: absolute;
	bottom:0;
	z-index: 1;
	
	text-shadow: 1px -1px 2px rgba(255,255,255,1);
	letter-spacing: -3px;
	min-width:500px;	
}
h1 a, h1 a:visited{
	text-decoration: none;
	color: #666;
	position: absolute;
	
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),  to(rgba(0,0,0,1)));
		
	text-shadow: 1px 0 2px #9a9a9a;  
	-webkit-transition: all .3s;  
	-moz-transition: all .3s;  
	transition: all .3s;  

}

h1 a:hover {
	color: #9a9a9a;
	text-decoration: none;
}
	
h1.gentax:after {
	content : 'Paolo Genta';
	font-weight: normal;
	color: #9a9a9a;
	margin:0;padding: 0;
}

h2{
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:76px;
	color:#999;
	
	position: absolute;
	bottom:0;
	right:0;
	margin:0;padding:0;
	vertical-align: text-bottom;
}

h3{
	font-family: 'Droid Sans', Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;

	padding:15px 0 5px 5px;
	text-transform: uppercase;
	color:#3C4756;
	font-size: 15px;
	line-height: 1;
}

h3 a{
	text-shadow: 1px 0 2px #9a9a9a;  
	-webkit-transition: all .3s;  
	-moz-transition: all .3s;  
	transition: all .3s;  
}
h3 a:hover {
	color: #516074;
	text-decoration: none;
}

h6{
font-size:25px;text-align:right;
}
h6 a{
color:#e4e4e4 !important;
}
.colonnaDue .module{
	min-height: 100px;
	margin-bottom:15px;
}

#otherGalleries{
	padding-top:20px;
	margin-top:20px;
	border-top: 10px dotted white;
}

#galleries{
	padding-left:20px;
}

h4{
	font-size:1em;
	font-weight: normal;
  	margin:0 0 8px;
  	line-height:1.4em;
    text-transform:uppercase;
  	letter-spacing:.2em;
  	text-align:center;
  	color:#333;
}

#immagine{
	height:500px;
	width:951px;
	z-index:0;
	border-bottom:5px solid #E8E8E8;
}

body#home #immagine{
	border-bottom:none;
}



.box h3{
	color:#f60;
}

hr{
	width:100%;
	height:1px;
	margin:10px 0;
	text-indent:-10000px;
	/*background:url("../immagini/hr.gif") 50% top no-repeat;*/
	border-bottom: 1px dotted #e4e4e4;
	}

.altri{display:none;}

#bottomLine {
	width:931px;
	padding:0 10px;
	position:absolute;
	bottom:0px;
}

#bottomLine .box{
	width:289px;
	padding:0 10px;
	background:#444;
	float:left;
	border-right:1px solid white;
	min-height:120px;
  	height:auto !important!;
  	height:120px;
	position:relative;
}

#bottomLine .last{
	border-right:none;
}

#bottomLine .box .first{font-size:22px;font-weight:bold;}
#bottomLine .box .second{font-size:18px;margin-top:-18px;}
#bottomLine .box .third{font-size:15px;margin-top:-10px;}
#bottomLine .box .all{font-size:15px;position:absolute;bottom:0px;right:10px;}


hr.theend{
	background: url(../images/theEnd.gif) top middle no-repeat;
	clear:both;
	width:80px;
}

/* ========== */
/* ! LAVORI   */
/* ========== */


img {border: none;}

body.lavori ul.columns {
	list-style: none;
	margin: 0 auto; padding: 0;
}
body.lavori ul.columns li {
	width: 220px;
	float: left; display: inline;
	margin: 10px 80px 10px 10px; padding: 0;
	position: relative;
}
body.lavori ul.columns li:hover {z-index: 99;}

body.lavori ul.columns li img {
	position: relative;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
body.lavori ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

body.lavori ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 210px 10px 20px;
	width: 220px;
	display: none;
	background: #fff;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
body.lavori ul.columns li:hover .info {display: block;}

body.lavori ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
	position:relative;
}

body.lavori ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}

body.lavori .tags{font-weight: bold}
body.lavori .tags span{font-weight: normal}

body.lavori h3{ color:#e4e4e4;margin-left:7px; }
/* ========== */
/* ! SOCIAL   */
/* ========== */

#socialNetworks a{
	width:32px;
	height:32px;
	display:inline-block;
	margin-left:3px;
	background: url(../immagini/social.png) no-repeat;
	text-indent: -9999px;
	opacity: 0.7;
}

#socialNetworks a:hover{
	opacity: 1;
}

#socialNetworks a.facebook{ background-position: 0px top; }
#socialNetworks a.flickr{ background-position: -32px top; }
#socialNetworks a.twitter{ background-position: -64px top; }
#socialNetworks a.linkedin{ background-position: -96px top; }

/* gallerie */

.gallery2 #gallery h1,.gallery2 #gallery .content h2{
	margin:30px 0;
	width:99%;
	border-bottom:1px solid #E0F3F3;
	font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	padding: 0px 0px 6px 10px;
	font-size: 40px;
	line-height: 44px;
	letter-spacing: -2px;
	font-weight: normal;
	color:#6A9CA7;
	text-transform:lowercase;
}

.gallery2 #immagine h2{
	position:absolute;
	top:5px;left:13px;;
}

.gallery2 .breadcrumb,.gallery2 .block-core-Navigator{
	color:#e4e4e4;
	margin-right:20px;}
	

.block-core-BreadCrumb, .block-albumselect-AlbumTree, .block-core-EmergencyEditItemLink{display:none;}


.primisei h2{margin-left:45px;}

.gbBlock h4{text-align:left;color:white;}

/*  COLONNE BLOG */
/* ------------------------------------------------------- */

.colonnaUno{
	float: left;
	width:659px;
	padding: 10px;
	text-align:left;
	line-height:18px;
	border-right:1px dotted #ccc;
	}

.colonnaDue{
	float: left;
	width:210px;
	text-align:left;
	margin: 0;
	padding:10px 10px 10px 30px;
}

.entry{
	clear:both;
	display:block;
	/*background: #252525 url(images/stripes_small.gif)repeat-x;*/
	text-align: left;
	}
.entry-content{
	margin-bottom:0px;
	padding:10px 5px 5px 10px;
	}
  
.entry abbr {
	margin-bottom:10px;
	margin-top:0px;
	padding:0 0 5px 10px;
	border:0;
	font-family: 'Cabin','Molengo', Helvetica, Arial, Verdana, sans-serif;
	position:absolute;
	top:30px;
	right:0;
}

.entry .meta {
	font-family: 'Cabin','Molengo', Helvetica, Arial, Verdana, sans-serif;
	position:absolute;
	top:53px;
	right:0;
  } 

.storytitle {
	font-size:30px;
	font-family: 'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
}


/* Headings */
/* ------------------------------------------------------- */


.module h3 {
	font-size:1em;
	font-weight: bold;
  	margin:0 0 8px;
  	padding:24px 0 0;
  	line-height:1.4em;
    text-transform:uppercase;
  	letter-spacing:.2em;
	font-family: 'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
  }

.FJ_Heading {text-indent:-30000px;height:15px;}
.pagine h2{
	text-align: left;
	padding-left:10px;
	}
  
.entry{
	clear:both;
	display:block;
	position: relative;
	text-align: left;
	}
.entry-content{
	/*background: #252525 url(immaginiNuove/blogBackground.png)repeat-x left bottom;;*/
	margin-bottom:0px;
	padding:10px 5px 5px 5px;
	}
  
#navigation{z-index:1000;}

#navigation ul {
	margin: 10px 0 0 0 ;
	padding: 0;
	position: absolute;
	right:0px;
	top:0px;
	display: inline;
}

#navigation ul li {
	display: block;
	float: left;
	/*width: 78px;
	height: 28px;*/
	overflow: hidden;
}
#navigation ul li a{
	color: white !important;
	/*display: block;
	width: 78px;
	height: 18px;
	padding-top: 10px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 11px;*/
	}


#blu a {
	background: #0086EE url(/images/blue.jpg) no-repeat;
}

#rosso a {
	background: #F41100 url(/images/red.jpg) no-repeat;
}

#arancione a {
	background: #ED700D url(/images/orange.jpg) no-repeat;
}

#verde a {
	background: #199B2C url(/images/green.jpg) no-repeat;
}

/********************************/
/* 	CSS3 pseudo buttons 		*/

.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover								{ background-color: #111; color: #fff; }
.awesome:active								{ top: 1px; }
.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover						{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover						{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover						{ background-color: #fc9200; }

/* 	END CSS3 pseudo buttons 	*/
/********************************/

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 350px;  overflow: none}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 5px solid #e4e4e4; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 850px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 350px;
	clear: both;
	background: #333;
}

.curriculum .stripViewer { /* This is the viewing window */
	background: #222 !important;
	height:1270px;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 850px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 0;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav ul li.special {
	color: #999;
	font-size:14px;
	margin-right:5px;
	padding: 0 15px;
	line-height: 32px;
	display: block;
	font-weight: bold;
}

.curriculum .stripNav ul li.special{display:none;}

.stripNav a { /* The nav links */
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	color: #6A9CA7;
	text-decoration: none;
	display: block;
	padding: 0 8px;
}

.stripNav li.tab1 a, .stripNav li.tab2 a, .stripNav li.tab3 a, .stripNav li.tab4 a, .stripNav li.tab5 a { }

.stripNav li a:hover {
	background:url("/immagini/frecciaSu.png") bottom no-repeat;
}

.stripNav li a.current {
	background:url("/immagini/frecciaSu.png") bottom no-repeat;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 200px;
	text-indent: -9000em;
	height: 30px;
	width: 30px;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 30px;
	width: 30px;
}
.stripNavL a:hover, .stripNavR a:hover {
	background:none;
}
.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("/immagini/scrollable/arrow/hori_large.png") no-repeat scroll 0 0;
	background-position:0 0;
}

.stripNavR {
	background: url("/immagini/scrollable/arrow/hori_large.png") no-repeat scroll 0 0;
	background-position:0 -30px;
}

 /* Forms */
/* ------------------------------------------------------- */
form {
  margin:0 0 .75em;
  }
input.text, textarea {
  border:1px solid;
  border-color:#999 #fff #fff #999;
  }
input.text:focus, textarea:focus {
  background:#ffc;
  }
#btn-preview, #btn-post {
  background:#888;
  padding:2px 5px;
  border:2px solid;
  border-color:#aaa #666 #666 #aaa;
  font:100% Verdana,Sans-serif;
  text-transform:uppercase;
  color:#fff;
  }
#btn-post {
  background:#354;
  border-color:#576 #243 #243 #576;
  }


/* Misc */
/* ------------------------------------------------------- */
p {
  margin:0 0 .75em 0;
  }
.buttons p {
  margin:0;
  }
.sub {
  font-size:85%;
  line-height:1.6em;
  }
.note, .error {
  color:#c33;
  }
.inset, .inset2 {
  float:left;
  margin:3px 10px 5px 0;
  }
.inset2 {
  float:right;
  margin:3px 0 5px 10px;
  }

.reset {
  clear:both;
  display:block;
  height:1px;
  font-size:1px;
  line-height:1px;
  }
hr.reset {
  overflow:hidden;
  visibility:hidden;
  }
th, td {
  text-align:left;
  vertical-align:top;
  }
input, textarea, select, code {
  margin:1px 0;
  font:117%/1.2em Monaco,Monospace;
  }
.mainbutton {
  margin:0;
  padding:5px 0 10px;
  font-size:85%;
  line-height:1.6em;
  text-align:center;
  }
#commentblock .mainbutton {
  padding-top:0;
  }

.gallerie {
	margin:10px 10px 10px 20px;
	}
	
.gallerie h1{
	border-bottom:1px solid #DDDDDD;
	font-size:180%;
	font-size-adjust:none;
	font-style:normal;
	font-weight:normal;
	letter-spacing:0.15em;
	margin:20px 0px;
	text-align:center;
	text-transform:uppercase;
	color:#333;
}

.gallerie div{
	float:left;
	margin-right:20px;
	width:440px;
	position: relative;
	min-height:345px;
}

.gallerie div h4{
	color:#e4e4e4;
	font-weight: bold;
	margin:0 10px 0.25em;
	padding:0;
	text-align:left;
}
.gallerie div a{
	font-family: 'Cabin','Molengo', Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size:16px;
	border:6px solid #fff;
	display:block;
	left:0;
	overflow:hidden;
	top:0;
	height:200px;
	padding:0;
	text-transform: none;
	letter-spacing: normal;
}
.gallerie div a:hover{
	border:6px solid #d4d4d4;
}
.gallerie div p{
	font-size: 14px;
	padding:0 11px;	
	color: white;
	/* text-shadow: top right blur color */
	text-shadow: 1px 1px 2px rgb(0,0,0);
}
.gallerie div h4 a{
	border:0;
	height:auto;
	color:#e4e4e4;
}
.gallerie div h4 a{
	border:0 !important;
}
.gallerie div a img{
	width:434px;
	margin-top:-40px;
}
.gallerie div span.pics{
	position:absolute;
	top:208px;
	left:6px;
	z-index:1;
	background: rgb(36, 36, 36); /* The Fallback */
	background: rgba(36, 36, 36, 0.7);


	color:white;
	font-size:10px;
	font-weight:bold;
	height:18px;
	min-width:40px;
	padding:3px 4px 1px;
	text-align:center;
}
.gallerie div .date{
clear:both;
color:#999999;
font-size:0.9em;
margin-bottom:-1px;
text-align:right;
display:block;
padding:0;
}

div.useslides ul li {
  background-position:64px 0;
  padding-top:130px;
  text-align:center;
  }

.useslides h3 {
  margin-right:0;
  }

.gallerie h3 a:hover, .gallerie a.img:hover {
	background:none;
  }
  .gallerie li .img {
  position:absolute;
  top:0;
  left:15px;
  }
.useslides li .img {
  left:65px;
  }
.gallerie ul p {
  margin:.35em 10px 0 4px;
  }
.useslides ul p {
  margin-right:0;
  }


#feeds {
  float:left;
  width:100%;
  margin:0 0 10px;
  }
#feeds ul {
  margin:15px 0 0;
  padding:9px 0;
  font-size:85%;
  line-height:1.6em;
  list-style:none;
  text-align:center;
  }
#feeds li {
  background-image:none;
  float:none;
  width:auto;
  display:inline;
  margin:0 2px;
  padding:0;
  text-align:center;
  }
#feeds li a {
  background-color:#eee;
  padding:8px 5px;
  border:1px solid #fff;
  }
#feeds li a:hover {
  background-color:#ddd;
  }


/* Flickr */
/* ------------------------------------------------------- */

#flickr_icon_td {padding:0 !important;margin:0;}
#flickr_www {display:block; padding:0 5px 0 5px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_wrapper {margin-top:0px;padding: 0px 0 5px 2px;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

.FJ_Heading{font-weight:normal !important;}

/* Footer */
/* ------------------------------------------------------- */
footer{
	width:960px;
	margin:50px auto -5px auto;
	
	color: #666;
	text-align: center;
	padding: 0px 10px 0 10px;
	font-family: 'Cabin','Molengo', Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size:12px;
	line-height: 2em;

	/*background: #EFECE8;
	background: -moz-linear-gradient(top, #FFFFFF, #EFECE8);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFECE8));
	border:1px solid #999;
	border-bottom: 0;
*/
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	
	background: url(/immagini/white40.png); 
	background: rgba(0, 0, 0, 0.7);

	/* box-shadow: horizontal vertical blur (-> 0 sharp) color */
	-moz-box-shadow:	-1px -1px 1px #999;
	-webkit-box-shadow:	-1px -1px 1px #999;
	box-shadow: -1px -1px 1px #999;


}

#home footer{	
	width:250px;
	height:20px;
	overflow:hidden;
	display: block;
	position: relative;


	margin:0 auto !important;
	color: #ccc;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
	text-decoration:none;
	box-shadow: none;
	
	font-size:14px;
	vertical-align: baseline;
	text-align:center;
	padding:10px;
	line-height:1;

	/*-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	   -moz-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	     -o-box-shadow: 0px 1px 1px rgba(255,255,255,03);
	        box-shadow: 0px 1px 1px rgba(255,255,255,03);
	*/
	margin-bottom:10px;
	/*background: transparent url(/immagini/white40.png); */
	background: rgba(0, 0, 0, 0.3);
	
	/* border-radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	
	/* box-shadow: horizontal vertical blur (-> 0 sharp) color */
	-moz-box-shadow:	0px 0px 0px #999;
	-webkit-box-shadow:	0px 0px 0px #999;
	box-shadow: 0px 0px 0px #999;
	
	/* transition : property duration funtion (delay) */
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;

}
footer a, footer a:visited{
	color: #666;
	font-weight: normal;
}

footer a:hover{
	color: #aaa;;
}
footer p{
	margin:0;
}





/* WORDPRESS */

#menu {}

#menu form {
	margin: 0;
}

#menu input#s {
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #333;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
	text-transform: lowercase;
}

#menu ul li {
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
color:#333333;
font-family:"Gill Sans","Trebuchet MS",Verdana,Sans-serif;
font-size:1em;
font-weight:normal;
letter-spacing:0.2em;
line-height:1.4em;
padding:24px 0pt 0pt;
text-transform:uppercase;
}

#menu ul ul {
text-align:left;
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
text-transform:lowercase;
font-size:12px;
}

#menu ul ul li a {}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

.feedback, #postcomment, #commentform, .track{padding:10px 5px 5px 5px;}

.navigazione{
padding:10px 5px 5px 5px;
margin-bottom:10px;
}

textarea{width:500px;}

input{font-size:12px;font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}



/* NICEJFORM */

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#454545;
	padding:5px;
	/* border-radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(images/default/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/default/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(images/default/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/default/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(images/default/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(images/default/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/default/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(images/default/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/default/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/default/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/default/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/default/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(images/default/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
	overflow:hidden;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/default/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/default/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/default/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/default/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}

@-webkit-keyframes bigAssButtonPulse {
  from { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
  50% { background-color: #91bd09; -webkit-box-shadow: 0 0 50px #91bd09; }
  to { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
}

@-webkit-keyframes greenPulse {
  from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
  to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes bluePulse {
  from { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #2daebf; -webkit-box-shadow: 0 0 18px #2daebf; }
  to { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes redPulse {
  from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
  to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes magentaPulse {
  from { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #a9014b; -webkit-box-shadow: 0 0 18px #a9014b; }
  to { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes orangePulse {
  from { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #ff5c00; -webkit-box-shadow: 0 0 18px #ff5c00; }
  to { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
}

@-webkit-keyframes orangellowPulse {
  from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
  to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
}

.button {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;

	
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
		
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);;
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);;
	     -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);;
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);;
        
	background:#222222 url(/immagini/overlay-button.png) repeat-x scroll 0 0;
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	color:	white;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	overflow:visible;
	padding:5px 15px 6px;
	position:relative;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	width:auto;
	
		/* transition : property duration funtion (delay) */
	  -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
	     -moz-transition: all 0.2s ease-out;  /* FF4+ */
	       -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
	          transition: all 0.2s ease-out;  
	}
button::-moz-focus-inner {
	border:0 none;
	padding:0;
}
.button:hover {
	background-color:#111111;
	color:#FFFFFF;
}
.button:active {
	top:1px;
}
.small.button {
	font-size:11px;
}
.large.button {
	font-size:14px;
padding:8px 19px 9px;
}
.green.button {
background-color:#91BD09;
}
.green.button:hover {
background-color:#749A02;
}
.blue.button {
background-color:#2DAEBF;
}
.blue.button:hover {
background-color:#007D9A;
}
.red.button {
background-color:#E33100;
}
.red.button:hover {
background-color:#872300;
}
.magenta.button {
background-color:#A9014B;
}
.magenta.button:hover {
background-color:#630030;
}
.orange.button {
background-color:#FF5C00;
}
.orange.button:hover {
background-color:#D45500;
}
.orangellow.button {
background-color:#FFB515;
}
.orangellow.button:hover {
background-color:#FC9200;
}
.white.button {
	border: 1px solid #9DA4A8;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 1px 1px #FFFFFF;
	background: url(/immagini/white40.png); 
	background-image: -moz-linear-gradient(top, #D0D3D5, #ECECEC); /* FF3.6 */
	background-image: -o-linear-gradient(top, #D0D3D5,#ECECEC); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #D0D3D5),color-stop(1, #ECECEC)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#D0D3D5, #ECECEC); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #D0D3D5, #ECECEC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D0D3D5', EndColorStr='#ECECEC'); /* IE6ÐIE9 */
}
.white:hover {
	background: url(/immagini/white40.png); 
	background-image: -moz-linear-gradient(top, #ECECEC, #D0D3D5); /* FF3.6 */
	background-image: -o-linear-gradient(top, #ECECEC,#D0D3D5); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ECECEC),color-stop(1, #D0D3D5)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ECECEC,#D0D3D5); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #ECECEC, #D0D3D5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ECECEC', EndColorStr='#D0D3D5'); /* IE6ÐIE9 */
}

.g-paginator .white.button{
	color: white;
	text-shadow:0 1px 1px #333;
}
.g-paginator .white:hover{
	background: rgba(255,255,255,0.5);
}

a.button {
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
}
		
.large.button {
	font-size:14px;
	padding:8px 19px 9px;
}

a#theButton {
	background-image: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.25)), to(transparent));
	display: block;
	width: 820px;
	height: 180px;
	margin: 0 auto 36px;
	padding: 0;
	text-align: center;
	font-size: 90px;
	line-height: 160px;
	letter-spacing: -4px;
	text-shadow: 0 -1px 5px rgba(0,0,0,.25);
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border: 10px solid rgba(0,0,0,.25);
	-webkit-animation-name: bigAssButtonPulse;
	-webkit-animation-duration: 3s;
}

.green.button { -webkit-animation-name: greenPulse; -webkit-animation-duration: 3s; }
.blue.button { -webkit-animation-name: bluePulse; -webkit-animation-duration: 4s; }
.red.button { -webkit-animation-name: redPulse; -webkit-animation-duration: 1s; }
.magenta.button { -webkit-animation-name: magentaPulse; -webkit-animation-duration: 2s; }
.orange.button { -webkit-animation-name: orangePulse; -webkit-animation-duration: 3s; }
.orangellow.button { -webkit-animation-name: orangellowPulse; -webkit-animation-duration: 5s; }

.wrapper img{
	border:0;
}

.wrapper h3{
	font-family: 'Droid Sans',Helvetica,Arial,Verdana,sans-serif;
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	color: rgb(60, 71, 86);
	font-size: 24px;
	font-style: italic;
	letter-spacing: -1px;
	float: left;
	width: 280px;
	position:relative;
	text-transform: none;
	margin:0;
	padding:5px 0 0 0;
}

.wrapper h4{
	padding: 0;
	color:#475261;
	font-family: 'Cabin','Molengo',Helvetica,Arial,Verdana,sans-serif;
	font-size:22px;
	letter-spacing:-1px;
	text-transform: none;
	text-align: left;

}
.wrapper h5{
	padding: 0;margin:0;
	color:#262625;
	font-family:Georgia,serif;
	font-size:15px;
	font-style:italic;
	font-weight:400;
}
.wrapper p{
	text-align:justify;
	line-height: 22px;
	color:#333;
	font-size:14px;
}
p.noMargin{
	margin:10px 0 0 0;padding:0;
}
.wrapper ul{
	line-height: 22px;
	font-size: 14px;
	margin-top: 0;
	}

.date_duration{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#eee;
	color:#333;
	position:absolute;
	top:0;
	right:0;
	width:200px;
	font-size:10px;
	margin:0 0 1em;
	padding:2px 10px;
	text-transform:uppercase;
	text-align:right;

}

.areaExploded{
	float: right;
	width: 610px;
}

.wrapper .block{
	position: relative;
}

.wrapper .last{
	border-bottom: none;
}

#commentlist{
background: #e4e4e4;
border-top:1px solid #3C4756;
list-style:none outside none;
margin-top:20px;
padding:20px;
}

/* PUBBLICAZIONI */
.pubblicazione{	position:relative;border-bottom:1px solid #ccc;}

.pubblicazione div{width:600px;padding: 10px;}

.pubblicazione img{position:absolute;right:20px; top:15px;border:1px double #516074;padding:3px;}

.bassa{min-height:220px;height:220px;height:auto !important;}

.articolo{ width:297px;min-height:130px;height:130px;height:auto !important;padding:5px 10px;float:left;}

@media screen and (max-device-width: 480px) {

	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }


	#home header{
		margin:auto;
		width:400px;height:auto;
		padding:0 40px;
		-webkit-box-shadow:none;
	}
	#home header div{
	position:relative;
	text-align:center;
	width:400px;
	text-align: center;
	}
	#home header div h1{
		position: relative;
		top: 20px;
	}
	#home header div h1 a{
	position:relative;
	-webkit-mask-image: none !important;
	margin:0;
	}
	#home header div h1.gentax:after {
	display:none;
	}
	#home header div h2{
	position: relative;
	width:380px;
	top:40px;
	left:0;
	font-size: 15px;
	}
	#home #contenitore {
		background: none repeat scroll 0 0 transparent;
		width: 400px;
		margin:0 auto;
		text-align:center;
		padding: 180px 40px;
	}	
	#home footer{
		width:400px;
		left:40px;
		bottom:-140px;
		padding: 10px 0;
		position:absolute;
	}
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}