html, body {
height: 100%;
}
body {
font-size: 14px;
background: #222;
margin: 0;
color: #FFF;
font-family: 'Arial','Helvetica', sans-serif;
overflow: hidden;
}
#container {
	width: 100%;
	margin: 0;
	text-align: left;
	min-height: 100%;
}

.header {
	height:11%;
	width:100%;
	min-width:730px;
	position: relative;
}


.content  {
	height:66%;
	width:100%;
	background-size: cover;
	position:relative;
}

.content-slider  {
	height:100%;
	width:100%;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}

.content-slider-back  {
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}


.footer {
	color:#FFF;
	background-color:#222;
	height:22%;
	width:100%;
	overflow: hidden;
}

.container_footer {
	padding:30px;
	padding-top:15px;
	padding: 15px 30px 0 26px;
}

* html #container {
	height: 100%;
}

*{
	margin: 0;
	padding: 0;
}

.logo {
	float:left;
	margin:0;
	margin-left:26px;
	bottom:4px;
	position:absolute;
	a {
		color:#fff;
		font-size:19px;	
		text-decoration:none;
		strong {}
	}
}



h1 {
	font-weight:100;
	font-size:19px;
}

p {
	
}

sup {
	font-size:14px;
}


nav{
	float:right;
	position: absolute;
	bottom: 0px;
	right: 0px;
}


#trans-nav { list-style-type: none; height: 28px; padding: 0; margin: 0; text-transform: lowercase;}
#trans-nav li { float: left; position: relative; padding: 0; line-height: 28px; background: #222;}
#trans-nav li:hover { background-color: #222; }
#trans-nav li a { display: block; padding: 0 15px; color: #fff; text-decoration: none; }
#trans-nav li a:hover { color: #fff; }
//#trans-nav li ul { opacity: 0; position: absolute; right: -300000000px; text-align:right;  background: #222; list-style-type: none; padding: 0; margin: 0; z-index: 999; white-space: nowrap;}
#trans-nav li ul { opacity: 0; position: absolute; right: -3000px; text-align:right;  background: #222; list-style-type: none; padding: 0; margin: 0; z-index: 999; white-space: nowrap;}
#trans-nav li:hover ul { opacity: 1; right: 0;}
#trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none; }
#trans-nav li:hover ul li { height: 30px; line-height: 30px; }
#trans-nav li ul li a { background: #222; }
#trans-nav li ul li a:hover { background: #000; }


.content_extended {
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
	font-size: 13px;
	text-align: left;
	-ms-column-count: 3; /* ie 7,8,9*/
    -ms-column-gap: 55px; /* ie 7,8,9*/
	-moz-column-gap:55px; /* Firefox */
	-webkit-column-gap:55px; /* Safari and Chrome */
	column-gap:55px;
	padding-bottom:60px;
	
	a {
		color:#fff;
		
		&:hover {
			color:#ddd;
		}
	}
}

.attach {
	width: 100%;
	//background-color: #754ccd;
	margin-top: 0px;
	text-align: right;
	margin-top: 20px;
	
}

.attach a {
	font-size: 13px;
	padding: 2px 4px 3px 4px;
	text-decoration: none;
	background-color: #222;
	color: #FFF;
	text-align: right;
	height: 35px;
	font-size: 11px;
	
}
.attach a:hover {
	background-color: #ffffff;
	color: #000000;
}
.menu_lang {
	top:5px;
	right: 90px;
	position: absolute;
	z-index: 4;
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #6f6f6f;
}

.menu_lang a {
	color: #bdbdbd;
	text-decoration: none;
	padding: 1px 3px 0px 3px;
}

.menu_lang a.active {
	color:#ffffff;
	font-weight:bold;
}

.menu_lang a:hover {
	color:#ffffff;
}

.menu_icons {
	top:5px;
	right: 12px;
	position: absolute;
	z-index: 4;
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #6f6f6f;
}

.img_fancybox {
	width:150px;
	height:100px; 
	background-size: cover;
	background-position:center;
}

.content_project{
	/* border-top: 2px solid #222; */
	position:absolute;
	background-color:#3E3E3E;
	top:20px;
	width:100%;
	z-index:10;
}

.subcontent_pjt {
	overflow-y:visible;
	overflow-x:hidden; 
	padding-right: 12px;
	margin-top: 20px;
}

.container_footer_open {
	padding:15px 30px 0 26px;
}



.slide {
	padding-left:10px;
	background-color: #3E3E3E;
	margin-left: -10px;
}

.slider_content {
	margin-left:60px;
	margin-right:60px;
	margin-top: 40px;
}

div::-webkit-scrollbar {
    width: 5px;
    cursor: pointer;
    
}
 
div::-webkit-scrollbar-track {
    background-color: #222;
    
}
 
div::-webkit-scrollbar-thumb {
    background-color: #FFF;
}

.play_pause{
	z-index:5;
	//top:100px;
	//left:100px;
	width: 50px;
	height: 50px;
	//position: absolute;
	display: none;
	
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	
}

a.play{
	display: none;
}

a#open_close_project :hover{
	background-color: #000;
}

a#title {
	color: #FFF;
	text-decoration: none;
}

a#title:hover {
	background-color: #000;
}

h1.float_right{
	float:right;
	margin-right:-15px;
}
h1.float_right span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

h1.float_right a {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
text-decoration:none;
color:#fff;
	&#open_close_project {
		padding: 10px 5px 12px 5px;
	}


	&:hover {
		background-color:#000;
		text-decoration:none;
	}
}

.clear {
	clear: both;
}

.table {
	width: 100%;
}
.table_un_terzo {
	width: 34%;
	font-size: 13px;
	color: #999;
	vertical-align: top;
	padding-right: 12px;
}
.table_due_terzi {
	width: 66%;
	font-size:13px;
	line-height: normal;
	color: #ddd;
	text-align: left;
	padding-right: 10px;
	vertical-align: top;
}

.table_due_terzi a, .table_un_terzo a{
	color: #999;
	text-decoration: none;
}
.table_due_terzi a:hover, .table_un_terzo a:hover{
	color: #ddd;
}
.align_right {
	text-align: right;
}
.vert_middle {
	vertical-align: middle;
}
.butt_open{
	margin-right: 0;
	margin-left: 0;
	border:0;
}

.btnLeft {
	position:absolute;
	width:20px;
	height:20px;
	background-color:#f00;
	top:50%;
	margin-top:-10px;
	left:10px;
	cursor:pointer;	
	z-index: 3;
}

.btnLeftDisabled {
	position:absolute;
	width:20px;
	height:20px;
	background-color:#fe3;
	top:50%;
	margin-top:-10px;
	left:10px;
	z-index: 5;
	display:none;
}

.btnRight {
	position:absolute;
	width:20px;
	height:20px;
	background-color:#f00;
	top:50%;
	margin-top:-10px;
	right:10px;
	cursor:pointer;	
	z-index: 3;
}

.btnRightDisabled {
	position:absolute;
	width:20px;
	height:20px;
	background-color:#fe3;
	top:50%;
	margin-top:-10px;
	right:10px;
	display:none;
	z-index: 5;
}