article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html { font-size:100.01%; overflow: hidden;}
body { background:#222; height:100%; margin:0; padding:0; color:#fff; font-family:"Open Sans", Helvetica, Arial, Lucida Grande, sans-serif; font-size:87.5%; line-height:1.1; overflow:hidden;}

img { border:none; }
small { font-size:.8em;}
h1 {font-size:1.8em; font-weight:400; font-family:"Open Sans Condensed", Helvetica, Arial, Lucida Grande, sans-serif; margin:0; margin:0}
a { outline: none; }
.clear{clear:both; }
.none{display:none;}
.formblock{position:relative}
.error{position: absolute;top: 26px;background:#c0003f;padding: 5px;right: 5px;font-size: .9em;}
#contactform{padding:30px; background:#111;}
	#contact-us {}
	#contact-us label {display:block;font-size:.9em; margin:5px 0 3px 0;}
	#contact-us input, #contact-us textarea {width:100%; font-family:"Open Sans", Helvetica, Arial, Lucida Grande, sans-serif; padding:10px 0; background:#f8f8f8; border:0; font-size:1em; }
	#contact-us textarea {height:70px;}
	.subbutton { width:100%; text-align:center; background:#e2521e; color:#fff; border:0; margin-top:10px; padding:10px 0; cursor:pointer; border-radius:5px;
				moz-border-radius:5px;
			 webkit-border-radius:5px;}
	.subbutton:hover {background:#d0400c;}

#buttons {z-index:100; position:absolute; bottom:10px; right:10px;}
	.button{position:relative; float:right; height:50px; width:50px; margin:1px 1px 0 0; background:transparent url('img/bg.png') repeat 0 0;}
	.inline {position:relative; float:right;}
	.x5{width:254px; max-width:95%; }
		.x5 div{ padding:2px 5px; text-align:right; }
	.nowidth {width:auto; max-width:95%; height:auto; min-height:50px;}
		.nowidth  h1 {padding:12px 25px 10px 25px; text-align:right;}
			.nowidth  h1 span{white-space: nowrap;}
	.ico{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7}
	.ico:hover, .ico:hover .tooltip{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1}
		.ico:hover .tooltip{display:block}
		.tooltip {position:absolute; top:-40px; left:-70px; width:180px;background:black; text-align:center;padding:10px;font-size:.9em; display:none;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: alpha(opacity=0);
				-moz-opacity: 0;
				-khtml-opacity: 0;
				opacity: 0}
			a {text-decoration:none;color:#fff;}
		
#pattern{z-index:10; position:absolute; height:100%; width:100%; background:transparent url('img/pattern.png') repeat center center;}

#contain_work{height:550px;overflow-y: scroll;}

#controls  {z-index:25; position:absolute; top:10px; right:10px; height:50px;}

#flickr{ margin:1px 1px 0 0; float:left; background:transparent url('img/bg.png') repeat 0 0; height:45px; width:90px; }
	#flickr a{display:block; width:100%; height:100%; background:transparent url('img/flickr.png') no-repeat center center;}
	#flickr a:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
					  filter: alpha(opacity=60);
					  -moz-opacity: 0.6;
					  -khtml-opacity: 0.6;
					  opacity: 0.6;}
	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:5; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url('img/progress.gif') no-repeat center center;}
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:1; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		#supersized li { display:block; list-style:none; z-index:2; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:3; }
			#supersized li.activeslide { z-index:4; }
			#supersized li.image-loading { background:#111 url('img/progress.gif') no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
	#slidecaption { margin:1px 1px 0 0; float:left; background:transparent url('img/bg.png') repeat 0 0; font-size:.85em; padding:16px; z-index:15;}
		
	#prevslide, #nextslide{height:45px; width:45px; float:left; margin:1px 1px 0 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;}
		#prevslide{ background:url('img/back.png'); }
		#nextslide{ background:url('img/forward.png'); }
			#prevslide:active, #nextslide:active{  }
			#prevslide:hover, #nextslide:hover{ cursor:pointer; 
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				-khtml-opacity: 1;
				opacity: 1;}
				
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative;}
	#cboxLoadedContent{overflow:auto;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	.cboxPhoto{float:left; margin:auto; border:0; display:block;}
	.cboxIframe{width:100%; height:100%; display:block; border:0;}

	#cboxOverlay{background:#000;}
	#colorbox{}
		#cboxContent{margin-top:20px;}
        .cboxIframe{background:#111;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#111;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url('img/controls.png') no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url('img/controls.png') no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url('img/progress.gif') no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url('img/controls.png') no-repeat top center; width:38px; height:19px; text-indent:-9999px;} 
        #cboxClose:hover{background-position:bottom center;}

.elenco{margin-left:15px;}

@media only screen and (max-width: 1144px){
	.last {left:-135px; }
	.last2 {left:-100px; }
}
		
@media only screen and (max-width: 479px){
	body { background:#fff;}
	#controls{display:none;}
	#supersized{opacity:.8;}
	#buttons {right:0;}
}

@media only screen and (max-width: 350px){
	.first {left:-20px; }
	.second {left:-60px; }
}
@media only screen and (max-width: 305px){
	.first {left:-135px; }
	.second {left:-50px; }
}
