div#portfolio_opis {
width:20%;
height:100%;
right:0;
top:0;	
position:fixed;
z-index:13;
color:#fff;
background-color:rgba(0,21,30,0.9);
right:-20%;
}

div#port_opis_nagl {
width:80%;	
overflow:hidden;
padding:0 10%;
display:table;
}

div#port_opis_nagl > div {
width:50%;
display:table-cell;
vertical-align:middle;
}

div#port_opis_nagl > div:nth-child(1) {
background: url('/grafiki/str_prawo_biala.png') 80% center no-repeat;	
}

div#port_opis_nagl > div:nth-child(1) a {
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-size:14px;
font-weight:100;
}

div#port_opis_nagl > div:nth-child(2) {
text-align:right;
}

div#port_opis2 {
width:80%;
padding:10%;
text-align:right;	
}

div.port_logo {
width:100%;
height:0;
font-size:1px;
padding-bottom:40%;
background-size:contain;
background-position:center right;	
background-repeat:no-repeat;
}

div#port_opis2 h3 {
text-transform:lowercase;
font-size:20px;
font-weight:100;
padding:10% 0 0 0;	
}

div#port_opis2 h2 {
font-size:25px;
font-weight:600;
padding:2% 0 10% 0;	
text-transform:uppercase;
}

div#port_opis2 p {
color: #fff;
font-size: 14px;
font-weight: 100;
text-align: right;
line-height: 22px;	
}

div#port_opis2 .port_link {
text-align: right;
margin: 10% 0 0 0;
font-weight: 100;
padding: 0 15% 0 0;
background-size: 10% auto;
background: url('/grafiki/ico_str2.png') right center no-repeat;	
}

div#port_opis2 .port_link a {
text-decoration: none;
color: #fff;
font-size: 18px;
}

div#port_opis2 .port_link a span {
color: #c0dd00;
font-size: 18px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#portfolio_zdj {
position:absolute;	
z-index:12;
overflow:hidden;
width:100%;
opacity:0;
}

div#portfolio_zdj > ul {
position:relative;
width:600%;
height:100%;
float:left;
left:-50%;
}

div#portfolio_zdj > ul > li {
width:10%;
float:left;
height:100%;	
background-repeat:no-repat;
background-position:center center;
background-size:cover;
opacity:0;
}

div#portfolio_zdj > ul > li:nth-child(2) {
opacity:0;	
}

div#port_str_lewo {
position:absolute;
width:10%;
height:100%;
left:0;
top:0;	
z-index:13;
cursor:pointer;
}

div#port_str_prawo {
position:absolute;
width:10%;
height:100%;
left:70%;
top:0;	
z-index:13;
cursor:pointer;
}

div#portfolio_str {
position:fixed;
z-index:14;
bottom:3%;
left:65%;	
width:10%;
opacity:0;
}

div#portfolio_str img {
margin-right:10%;	
cursor:pointer;
}