/* 
    Document   : projekty.css
    Created on : 2011-08-09, 11:19:04
    Author     : grupszy
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#wrapper{position:relative}
.item{
    z-index:99;
    width:210px;
    height:270px;
    position:absolute;
    top:130px;

}
.item:hover{ background-position: 0 -270px;cursor:pointer; }




.item2{
    z-index:99;
    width:130px;
    height:180px;
    position:absolute;
    top:73px;
    display: block;

}


.p11{
    background:url(../../images/bg_box/bg_projekty1_box1.jpg) 0 0 no-repeat;
    left:110px;
}
.p12{
    background:url(../../images/bg_box/bg_projekty1_box2.jpg) 0 0 no-repeat;
left:390px;
}
.p13{
    width:225px;
    background:url(../../images/bg_box/bg_projekty1_box3.jpg) 0 0 no-repeat;
    left:640px;
    
}
.p21{
    background:url(../../images/bg_box/bg_box_projekt2_box1.jpg) 0 0 no-repeat;
    left:283px;
    top:71px
}
.p22{
    left:410px;
    background:url(../../images/bg_box/bg_box_projekt2_box2.jpg) 0 0 no-repeat;

}
.p23{
    left:580px;
    width:150px;
    background:url(../../images/bg_box/bg_box_projekt2_box3.jpg) 0 0 no-repeat;

}

.item2:hover{ background-position: 0 -180px; cursor:pointer;}


#projects-box{
    width:890px;
    top:60px;
    left:50px;
    display:block;
    z-index:9999;
    overflow: visible;
    position:absolute;
    
}

.div-buttons{}

#projects-box > div{
    display:none;
    overflow:hidden;
    
}
#projects-box > div > div{
    width:385px;
    height:380px;
    padding:20px;
    float:left;
    background:url(../../images/fade_box.png) 0 0 no-repeat;
    overflow: hidden;


}
#text{

    

}

.text-container{

    width:385px;
    height:380px;
    overflow: hidden;

}

.p-description{
    margin-right:40px;
    position:relative;
    overflow:hidden;
    color:#ccc;
    line-height: 170%;
}

.p-gallery{position:relative;}

.img-container IMG {
    position:relative;
   
    z-index:8;
}

.p-gallery div.img-container{
    overflow:hidden;
    width:385px;
    height:380px;
}


.p-gallery IMG.active {
    z-index:10;
}

.p-gallery  IMG.last-active {
    z-index:9;
}

.img-nav a:hover,.current{
    background-position: 0 -10px !important;

}
.img-nav a{
    display:block;
    width:10px;
    height:10px;
    float:left;
    margin:0 0 0 3px;
    background:url(../../images/points.png) 0 0 no-repeat;
}

.img-nav{
    height:10px;
    position:absolute;
    bottom:5px;
    right:20px;

}



.arrow:hover{ background-position: 0 -11px }
.arrow{
    position:absolute;
    right:10px;
    width:13px;
    height:11px;
    display:none;

}
.top{ background:url(../../images/arrow_up.png) 0 0 no-repeat;
    top:10px;
}
.bottom{
    background:url(../../images/arrow_down.png) 0 0 no-repeat;
    bottom:10px;
}



div.active{height:380px;overflow: hidden}


.img-list{

    
}

.img-list li{float:left;margin:0 20px 0 0}

.bt_close2{ background-position: 0 -40px }

.bt_close2{
    z-index:9999;
    position:absolute;
    top:30px;right:-15px;
    display: block;
    width:72px;
    height:40px;
    cursor:pointer;
    background:url(../../images/bt_close.png) 0 0 no-repeat;
}

.p-gallery-arch{
    width:850px !important;

    background:url(../../images/box_fade_big.png) 0 0 no-repeat !important;

}