div#portfolio {
position:relative;	
overflow:hidden;
height:100%;
width:100%;
}

div#portfolio > div:nth-child(1) {
position:absolute;	
}

div#portfolio > div:nth-child(1) > div {
z-index:2;
position:relative;
opacity:0;	
float:left;
}

div#portfolio > div:nth-child(1) > div > div {
width:100%;
height:100%;	
background-size:cover!important;
position:absolute;
left:0;
top:0;
opacity:0.5;
}


div#portfolio > div:nth-child(1) > div > div:nth-child(2) {
display:table;
width:101%;
height:100%;
opacity:0;
}

div#portfolio > div:nth-child(1) > div > div:nth-child(2) > div {
display:table-cell;
vertical-align:middle;	
width:101%;
height:100%;
}

div#portfolio > div:nth-child(1) > div > div:nth-child(2) > div > div {
background-color:rgba(0,21,30,0.9);
padding:15px 10%;
width:80%;
text-align:center;
color:#fff;
text-transform:uppercase;	
}

div#portfolio > div:nth-child(1) > div > a {
position:absolute;
width:100%;
height:100%;	
text-decoration:none;
}

div#portfolio_zaslepka {
position:absolute;
background-color:#001018;
z-index:3;
opacity:0;
}

div#portfolio_kat {
position:fixed!important;
top:0;
right:0;
width:15%;	
height:100%;
z-index:5;
padding: 0 2.5%;
background-color:rgba(0,21,30,0.9);
}

div#portfolio_kat .kat_zamknij {
position:absolute;
top:37px;
right:10%;	
}

div#portfolio_kat > div {
width:100%;
height:100%;
display:table;	
}

div#portfolio_kat > div > div {
width:100%;
height:100%;
display:table-cell;
vertical-align:middle;	
}

div#portfolio_kat h2 {
color: #fff;
font-size: 14px;
font-weight: 300;
padding: 0 0 5px 0;	
}

div#portfolio_kat h2 span {
font-size: 18px;
font-weight: 300;
color: #c0dd00;
text-transform: uppercase;
padding: 0 0 20px 0;	
}

div#portfolio_kat ul li {
padding:6% 0 6% 25%;
background-size:20% auto;
background-repeat:no-repeat;
background-position: left center;
color:#fff;
font-weight:100;
margin-top:10%;
position:relative;
}

div#portfolio_kat ul li a {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;	
text-decoration:none;
}

div#portfolio_kat_pow {
height:100px;
position:fixed;
top:0;
right:2%;
z-index:5;	
display:table;
background: url('/grafiki/port_str_lewo.png') left center no-repeat;
padding: 0 0 0 2%;
background-size:auto 20%;
display:none;
cursor:pointer;
}

div#portfolio_kat_pow > div {
display:table-cell;
width:100%;
height:100px;
text-align:center;
vertical-align:middle;
color:#fff;
font-weight:100;
font-size:18px;
}