*,
*:after,
*:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.clearfix:before,.clearfix:after { content: " "; display: table;}

.clearfix:after { clear: both;}

.clearfix {*zoom: 1;}

a {color: #555; text-decoration: none;}

.container {width: 100%; position: relative;}

.clr {clear: both; float: none;}

.main {width: 95%; max-width: 960px; padding: 0px 0px; margin: 0 auto; position: relative;}

.main > header {padding: 40px 0;}

.main > header h1 {font-size: 34px; line-height: 38px; margin: 0; font-weight: 700; color: #333; float: left;}

.main > header h1 span {display: block; font-size: 20px; font-weight: 300;}

.main p {padding: 30px 0 0; text-align: center; font-weight: 400; line-height: 22px;}

.codrops-top {line-height: 24px; font-size: 11px; background: #fff; background: rgba(255, 255, 255, 0.5); text-transform: uppercase; z-index: 9999; position: relative;
	           font-family: Cambria, Georgia, serif; box-shadow: 1px 0px 2px rgba(0,0,0,0.2);}

.codrops-top a {padding: 0px 10px; letter-spacing: 1px; color: #333; text-shadow: 0 -1px 0 #fff; display: inline-block;}

.codrops-top a:hover {background: rgba(255,255,255,0.8);	color: #000;}

.codrops-top span.right {float: right;}

.codrops-top span.right a {float: left; display: block;}

.codrops-demos {float: right; clear: none; padding-top: 10px;}

.codrops-demos a {display: inline-block; margin: 0px 0px 0px 0; color: #666; font-weight: 700; line-height: 30px; border-bottom: 4px solid transparent;}

.codrops-demos a:hover {color: #000; border-color: #000;}

.codrops-demos a.current-demo, .codrops-demos a.current-demo:hover {color: #aaa;	border-color: #aaa;}

.column {width: 50%;	float: left; padding: 20px; min-height: 300px;}

.column p {text-align: left;}

.column-20 {width: 20%;}

.column-80 {width: 80%;}

.js .fixed-bar {position: fixed;	width: 100%; left: 0; bottom: 0;}

.js .gallery {width: 100%;	max-width: 1000px; height: 705px; margin: 7px; border-radius: 20px; position: relative; background: #000000 ; box-shadow: 0 2px 1px rgba(255,255,255,0.9), 0 -2px 1px rgba(255,255,255,0.9);}

.lt-ie8 .elastislide-list {display: none;}



.Archivio .elastislide-horizontal {background-color: transparent; border-radius: 20px 20px 0 0;}

.Archivio .elastislide-carousel ul li a{padding: 2px;}

.Archivio .elastislide-carousel ul li a img {border-radius: 10px; border: none; box-shadow: 0 1px 2px #000;}

.Archivio .elastislide-wrapper nav span {background-color: #666; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);}

.Archivio .image-preview img {height: 564px; width: 1194px; border-radius: 0 0 20px 20px; max-width: 100%; display: block;}

.Archivio .elastislide-carousel ul li.current-img a img {box-shadow: 0 0 3px 2px rgba(62,235,255,0.8);}



.elastislide-list {list-style-type: none;	display: none;}

.no-js .elastislide-list {display: block;}

.elastislide-carousel ul li {	min-width: 20px;}

.elastislide-wrapper {position: relative;	background-color: #fff; margin: 0 auto; min-height: 60px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}

.elastislide-wrapper.elastislide-loading {background-repeat: no-repeat; background-position: center center;}

.elastislide-horizontal {padding: 10px 94px;}

.elastislide-vertical {	padding: 94px 10px;}

.elastislide-carousel {	overflow: hidden;	position: relative;}

.elastislide-carousel ul {	position: relative;	display: block; list-style-type: none; padding: 0; margin: 0; -webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);	-moz-transform: translateX(0px);	-ms-transform: translateX(0px);	-o-transform: translateX(0px); transform: translateX(0px);}

.elastislide-horizontal ul {	white-space: nowrap;}

.elastislide-carousel ul li {	margin: 0;	-webkit-backface-visibility: hidden;}

.elastislide-horizontal ul li {	height: 100%;	display: inline-block;}

.elastislide-vertical ul li {	display: block;}

.elastislide-carousel ul li a {	display: inline-block;	width: 100%;}

.elastislide-carousel ul li a img {	display: block;	border: 2px solid white;	max-width: 100%;}

.elastislide-wrapper nav span {	position: absolute;	background: #ddd url(../images/nav.png) no-repeat 4px 3px;	width: 23px; height: 23px; border-radius: 50%;
	                              text-indent: -9000px;	cursor: pointer;	opacity: 0.8;}

.elastislide-wrapper nav span:hover {	opacity: 1.0}

.elastislide-horizontal nav span {	top: 50%; left: 10px; margin-top: -11px;}

.elastislide-vertical nav span {	top: 10px;	left: 50%;	margin-left: -11px;	background-position: -17px 5px;}

.elastislide-horizontal nav span.elastislide-next {	right: 10px;	left: auto;	background-position: 4px -17px;}

.elastislide-vertical nav span.elastislide-next {	bottom: 10px;	top: auto;	background-position: -17px -18px;}