*{
    margin:0;
    padding:0;
    border:0;
}
html, body {
    height: 100%;
}
#main{
    overflow:auto;
    padding-bottom: 150px;
}  
.menu_middle a,.menu_right a{
    color:#323335;
    font-size:18px;
    font-weight:bold;
    text-shadow: white 0.1em 0.1em 0.3em;
}
#top_menu a{
    color:#fcffff;
    font-size:18px;
}
.banner h2{
    font-size:38px;
    font-weight:bold;
    color:#4b92c6;
    padding-bottom:20px;
}
#left_box .t,#footer_in #left_box .t a{
    color:#bbbec3;
    font-size:13px;
}
#left_box .l a{
    color:#dadde2;
    font-size:13px;
}
#copy, #copy a{
    color:#54575e;
    font-size:13px;
}
.banner{
    color:#545557;
    font-size:18px;
}
.box{
    color:#000;
    font-size:11px;
    font-family:arial, serif;
    letter-spacing: 1px;
}
a,a:visited{
    text-decoration:none;
}
body{
    background:url(../img/bg.jpg);
    font-family: 'Cantarell', arial, serif;
}
#wrap{
    background:url(../img//bg_big.jpg) repeat-x; 
    margin-bottom: -175px;
    min-height: 100%;
}
#content,#footer_in{
    width:960px;
    margin:auto;
}
.cb,#top,#middle_wrap,#footer{
    clear:both;
    overflow:hidden;
}

/*top*/
#top{
    padding:20px 0 10px;
}
#top div{
    float:left;
}
#logo{
    background:url(../img//logo.png) no-repeat;
    width:225px;
    height:65px
}
#logo a{
    display:block;
    height:100%;
}
#top_menu{
    padding-left:19px;
}
#top_menu a{
    text-align:center;
    display:inline-block;
    background:url(../img//menu.png) no-repeat;
    height: 47px;
    padding-top: 14px;
}
.l_menu{
    width:144px;
}
#top_menu a.m_menu{
    background-position:-144px 0;
    width:143px;
}
#top_menu a.r_menu{
    background-position: -573px 0;
    width: 143px;
}
#top_menu a.l_menu:hover{
    background-position:0 -65px;
}
#top_menu a.m_menu:hover{
    background-position:-144px -65px;
}
#top_menu a.r_menu:hover{
    background-position: -573px -65px;
}
/*banner*/
#banner{
    height:230px;
    background:url(../img//banner.png) no-repeat;
    margin-bottom:15px;
    overflow:hidden;
    padding: 5px 0 0 5px;
}
.w{
    display:none;
}
#visible{
    display:block;
}
#h1 {
    background:url(../img/1.jpg) right 0 no-repeat;
}
#h2{
    background:url(../img/2.jpg) right 0 no-repeat;
}
#h3{
    background:url(../img//3.jpg) right 0 no-repeat;
}
#banner .banner{

    height: 195px;
    padding: 25px 0 0 30px;
    width: 920px;
}
/*menu middle*/
.menu_middle span{
    background:url(../img/frame.png) no-repeat;
    display: inline-block;
    height: 150px;
    margin-left: 20px;
    padding: 5px;
    width: 215px;
}
.menu_middle a{
    display:block;
    text-align:center;
    padding-top:10px;
    background:url(../img/categories.png) no-repeat;
    width:215px;
    height:120px;
}
.menu_oferta span{
    background:url(../img/frame.png) no-repeat;
    display: inline-block;
    height: 150px;
    margin-left: 20px;
    padding: 5px;
    width: 215px;
}
.menu_oferta a{
    color: #323335;
}
.menu_oferta a:hover{
    color: #4B92C6;;
}
.menu_oferta #bramy{
    background:url(../img/bramy.png) no-repeat;
    display:block;
    text-align:center;
    padding-top:10px;
    width:215px;
    height:120px;

    font-size: 18px;
    font-weight: bold;
    background-position:-5px -5px;
}
.menu_oferta #konstrukcje{
    background:url(../img/konstrukcje.png) no-repeat;
    display:block;
    text-align:center;
    padding-top:10px;
    width:215px;
    height:120px;

    font-size: 18px;
    font-weight: bold;
    background-position:-5px -5px;
}
.menu_middle a:hover{
    color: #4B92C6;
    text-shadow: black 0.1em 0.1em 0.1em;
}
#i1{background-position:0 0;}
#i2{background-position:-245px 0;}
#i3{background-position:-490px 0;}
#i4{background-position:-735px 0;}
#i5{background-position:0 -160px;}
#i6{background-position:-245px -160px;}
#i7{background-position:-490px -160px;}
#i8{background-position:-735px -160px;}

.no_p{
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    margin-left:0 !important;
}
/*content*/
.box_wrap{
    width:715px;
    float:left;
}
.box_top{
    background:url(../img/big_frame_top.png) no-repeat;
    height:0;    
    padding:5px 15px;
    font-weight:bold;
}
.box{
    background:url(../img/big_frame_middle.png) repeat-y;
    padding:15px 15px;
}

.box p{
    padding:10px 5px;
}
.box img{
    margin-left:10px;
}
.box_bottom{
    background:url(../img/big_frame_bottom.png) no-repeat;
    height:69px;
}
.box input,textarea{
    border: 2px outset;
}
.box a{
    color:black;
}
.box a:hover{
    color: #4B92C6;;
}
.box ul{
    padding:0 15px;
}
.break{
    height:1px;
    width:20px;
    float:left;
}
/*menu boczne*/
.menu_right{
    float:left;
}
.rzetelna{
    background:url(../img/rzetelna.png) no-repeat;
    width:225px;
    height:117px;
    margin-top:10px;
}
.rzetelna a{
    display:block;
    height:100%;
}
.submenu{
    background:url(../img/small_categories.png) no-repeat;
    width:225px;
    height:149px;
}
.submenu a{
    display: block;
    height: 55px;
    line-height: 20px;
    padding: 20px 0 0 70px;
    text-align: center;
}
.submenu #m2{
    padding: 9px 0 0 75px;
}
#left_menu a{
    background:url(../img/left_menu.png) no-repeat;
    display: block;
    height: 50px;
    line-height: 23px;
    padding: 20px 0 0 105px;
    width: 120px;
}
#left_menu #l1{background-position:0px 0px;}
#left_menu #l1:hover{background-position:-225px 0px;}
#left_menu #l2{background-position:0px -68px;}
#left_menu #l2:hover{background-position:-225px -68px;}
#left_menu #l3{background-position:0px -136px;height: 62px;
               padding-top: 10px;}
#left_menu #l3:hover{background-position:-225px -136px;height: 62px;
                     padding-top: 10px;}
#left_menu #l3 div{width:117px;}
#left_menu #l4{background-position:0px -203px;}
#left_menu #l4:hover{background-position:-225px -203px;}
#left_menu #l5{background-position:0px -270px;}
#left_menu #l5:hover{background-position:-225px -270px;}
#left_menu #l6{background-position:0px -337px;height: 62px;
               padding-top: 10px;}
#left_menu #l6:hover{background-position:-225px -337px;height: 62px;
                     padding-top: 10px;}
/*stopka*/
#footer{
    position: relative;
    background:url(../img/footer_bg.jpg) repeat-x;
    height:175px;
    padding-top:25px;
    margin-top:20px;
    margin-top: -175px;
    clear:both;
}
#footer_in{
    background:url(../img/footer.png) no-repeat;
    height:155px;
}
#push{
    height:25px;
}
.l{
    float:left;
    width:215px;
    padding:20px 0 0 20px;
}
#right_box{
    float:left;
    width:225px;
    padding: 15px 0 0 30px;
}
#logo_bottom{
    height: 60px;
    width: 225px;
}
#logo_bottom a{
    display:block;
    height:100%;
}
#copy{
    padding-top:25px;
    text-align:center;
}

#map {
    width: 400px;
    height: 200px;
    float: right;
}

.box a {
    text-decoration: underline;
}

.gallery{
    text-align:center;
}
.gallery a{
    display:inline-block;
    margin:4px
}
.gallery img{
    width:100px;
    height:100px;
}

.ref-box img{
    border-style:ridge;
    width:200px;
}
/*#middle_wrap,#banner,.menu_middle{
    margin-right: 152px;
    margin-left: 152px;
}*/
.box.klient{
    list-style-type: none;
}
.box.klient li{
    font-weight: bolder;
    text-align: center;
}

