html
{
    height:100%;
}

body
{
    margin : 0px;
    padding : 0px;
    background-color:  #404040;
    font : normal normal 11px tahoma, helvetica, sans-serif;
    height:100%;


}
p
{margin:0;
 padding:0;
}

form
{
    padding : 0px;
    margin : 0px;
}
a:active
{
         outline:none;
}

a:focus
{
         -moz-outline-style:none;
}
a img
{
    border:none;
}
a {
color: #bbb;
text-decoration:none;
}
a:hover {
    text-decoration: underline;
}

#absbg1
{
    position : absolute;
    top : 0px;
    left : 0px;
    width : 50%;
    height : 735px;
    background : transparent url('../images/absbg1.jpg') 0px 0px repeat-x;
     background-color:  #404040;
     z-index:1;
}

#absbg2
{
    position : absolute;
    top : 0px;
    right : 0px;
    width : 50%;
    height : 735px;
    background : transparent url('../images/absbg2.jpg') 0px 0px repeat-x;
     background-color:  #404040;
     z-index:1;
}

#all
{
     min-height:100%;
    
     position : relative;
     padding:0;
     margin:0;
     background-color: #4E4E4E;
     z-index:1;
    
}

#page
{
    
    width : 900px;
    margin : 0px auto;
    position : relative;
   z-index: 3;
    overflow : hidden;
    padding-bottom : 91px;
    
}

#top
{

    overflow : hidden;
    height : 70px;
    overflow : hidden;
}

#top img
{
    float : left;
    border : none;
}

#top1
{
    width :469px;
    float: left;
    position : relative;
    overflow : hidden;
    height : 232px;
    overflow : hidden;
}

#top1 img
{
    float : left;
    border : none;
    position : relative;
    z-index : 1;
}

#top2
{
    float: right;
    width : 431px;
    height: 232px;
    overflow : hidden;

}

#top2 img
{
    float: right;
    position : relative;
    z-index : 1;
}

#onas
{
    position : absolute;
    width : 83px;
    height : 30px;
    left  :60px;
    top : 12px;
    z-index : 3;
}

#onas img
{
    padding-top  : 2px;
    border : none;
    position : relative;
    z-index : 1;
}


#imprezy
{

    position : absolute;
    left  :40px;
    z-index : 3;
    top : 314px;
    width : 100%;
    height : 83px;
}


#imprezy div
{
    margin-left : 18px;
    text-decoration:none;
    width:179px;
    height:141px;
    float:left;
}

#menu
{

    width : 900px;
    height  : 155px;
    clear : both;
    margin : 0px auto;
    z-index : 2;

}

#left
{
    width : 142px;
    float : left;
    clear : both;
    overflow : hidden;
    background : transparent url('../images/bg1kompas.jpg') 69px 0px repeat-y;
    padding-left : 69px;
    margin-top : 20px !important;
    /* margin-top : 7px;*/
    border-right : 1px #616161 solid;

}

#left_bel
{
    width : 122px;
    height : 28px;
    overflow : hidden;
    background : transparent url('../images/belkompas.jpg') 0px 0px no-repeat;
    font-weight : bold;
    line-height : 28px;
    padding-left : 20px;
    color : #fff;
}


#left_menu
{
    overflow : hidden;
    width : 142px;
    background : transparent url('../images/bg2kompas.jpg') 0px 100% no-repeat;
}


#left_menu ul, #left_menu li
{
    list-style-type : none;
    padding : 0px;
    margin : 0px;
}

#left_menu li
{
    background : transparent url('../images/arrow.jpg') 8px 11px no-repeat;
    padding : 7px 10px 7px 24px;
    border-bottom : 1px #616161 solid;
}

#left_menu a, #left_menu span
{
    color : #d4d4d4;
    text-decoration : none;
	display: block;
}

#left_menu a:hover, #left_menu a#selected
{
   
    color : #ff7b00;
}


#right
{
    width : 591px;
    float : left;
    overflow : hidden;
    position : relative;
    background : #404040 url('../images/rightbg2.jpg') 0px 0px repeat-y;

    margin-top : 10px !important;
    /* margin-top : 0px;*/
    margin-left : -1px;
    padding : 10px 20px;;
    color : #939393;
    line-height : 18px;
}

#rightbg1
{
    position : absolute;
    top : 0px;
    left : 0px;
}

#rightbg3
{
    position : absolute;
    bottom : 0px;
    left : 0px;
}

#quad
{
    float : right;
    margin : 0px 0px 0px 12px;
}

#arow
{
    position : absolute;
    top : 17px;
    right : 58px;
    z-index:100;
}

#arow img
{
    border : none;
}

#evenest
{
    position : absolute;
    top : 80px;
    right : 64px;
    z-index : 2;
}

#evenest img
{
    border : none;
}

#bott
{
    clear:both;
    position:absolute;
    bottom:0;
    height : 61px;
    width:100%;
    z-index:10;
}
#bottom 
{
  
     width : 780px;
    padding : 15px 15px 0px 15px;
    color : #a4a4a4;
    /*background : transparent  url("../images/bottom.jpg") 0px 0px no-repeat;*/
    border-top  : 1px solid #656565;
    margin : 0px auto;
}

#bottom a
{
    color : #a4a4a4;
    text-decoration : none;
}

#bottom a:hover
{
    text-decoration : underline;
}

#bulding
{
    font-size:14px;
    font-weight:bold;
    margin:30px 0;
    text-align:center
}

.mykens
{
    padding:12px;
    
}
.photo
{
    background-repeat: no-repeat !important;
    margin: 0 auto;
}
.first
{
  display: block;
}
.other
{
    display: none;
}
.photo a
{
    display: block;
    text-decoration: none;
 
}
.gallery
{
    float:right;
     margin:0 0 0 12px;
     width:287px; height:213px;
     overflow: hidden;
}