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;
}