@import "General.css";
@import "Header.css";
@import "Footer.css";

#firm #sidebar {
    float : left;
    width : 250px;
    margin-top : 17px;
}   

#firm #sidebar div.banner {
    width : 240px;
    border : 1px solid #808080;
    margin-bottom : 15px;
    background-color: #f1f1f1;
    text-align : center;
    color : #bbb;
    margin-left : 3px;
    float : left;
}

#firm #sidebar div.banner a img{
    border : 0;
}

#firm #content {
    width : 689px;
    float : right;
    margin-top : 10px;
    margin-bottom : 15px;
}

#firm #content div.top {
    background-image : url('../../Layout/Boxes/ContentTop.gif');
    height : 16px;
    clear : both;
    line-height : 16px;
    overflow : hidden;
    color : #4d391d;
}

#firm #content div.top h2 {
    font-weight : bold;
    background-color : #fff;
    float : left;
    margin : 0;
    padding : 0;
    font-size : 12px;
    padding-left : 15px;
    padding-right : 15px;
    margin-left : 15px;
}

#firm #content div.mid {
    background-image : url('../../Layout/Boxes/ContentMid.gif');
    padding-left : 19px;
    padding-right : 19px;
    padding-top : 0px;
    padding-bottom : 11px;
    height : 100%;
    overflow : auto;
}

#firm #content div.mid div.header {
    height : 100%;
    overflow : auto;
    padding-top : 5px;
    margin-bottom : 20px;
    margin-left : 10px;
    width : 600px;
    clear : both;
}

#firm #content div.mid div.header h1{
    float : left;
    color : #666;
    margin : 0;
    padding : 0;
    font-size : 14px;
    margin-bottom : 0px;
    display  : inline;
    padding-top : 15px;
    padding-bottom : 20px;
    margin-left : 10px;
}

#firm #content div.mid div.header img.logo{
    float : left;
    width : 100px;
    height: 50px;
}

#firm #content div.bot {
    background-image : url('../../Layout/Boxes/ContentBot.gif');
    height : 9px;
    overflow : hidden;
    clear : both;
}

#firm  #navigation {
    float : right;
    width : auto;
    background-color : #fff;
    margin-right : 0px;
    margin-top : 5px;
    padding-right : 5px;
    padding-left : 15px;
    line-height : 12px;
}

#firm  #navigation a, #firm  #navigation span{
    font-size : 11px;
}

#firm #navigation a.next, #firm #navigation span.next {
    padding-right : 15px;
    background-image : url('../../Layout/Icons/NextArrow.gif');
    background-repeat : no-repeat;
    background-position : right 3px;
    float : left;
    display : inline;
    margin-left : 10px;
}

#firm #navigation span.next {
    background-image : url('../../Layout/Icons/NextArrowDisabled.gif');
    cursor : default;
}

#firm #navigation a.prev, #firm #navigation span.prev {
    padding-left : 15px;
    background-image : url('../../Layout/Icons/PrevArrow.gif');
    background-repeat : no-repeat;
    background-position : left 3px;
    float : left;
    display : inline;
}

#firm #navigation span.prev {
    background-image : url('../../Layout/Icons/PrevArrowDisabled.gif');
    cursor : default;
}

#firm #navigation a.back {
    padding-left : 15px;
    background-image : url('../../Layout/Icons/BackArrow.gif');
    background-repeat : no-repeat;
    background-position : left 3px;
    float : left;
    display : inline;
    margin-left : 10px;
}

#firm #sidebar #menuBox {
    width : 243px;
    margin-bottom : 32px;
}

#firm #sidebar #menuBox ul {
    margin : 0;
    padding : 0px;
    margin-left : 20px;
    padding-top : 10px;
    padding-bottom : 5px;
}

#firm #sidebar #menuBox ul li a{
    height : 20px;
    line-height : 20px;
}

#menuBox div.top {
    background-image : url('../../Layout/Boxes/MenuTop.gif');
    height : 34px;  
    line-height : 34px;
    font-weight : bold;
    font-size : 12px;
    color : #fff;
    padding-left : 20px;
}

#menuBox div.mid {
    background-image : url('../../Layout/Boxes/MenuMid.gif');
}

#menuBox div.bot {
    background-image : url('../../Layout/Boxes/MenuBot.gif');
    height : 9px;
    overflow : hidden;
    clear : both;
}

#firm #ofirmie, #firm #oferta  , #firm #contact  {
   padding : 30px;
   height : 100%;
   overflow : auto;
}

#firm #ofirmie  div.tiny, #firm #oferta  div.tiny , #firm #contact  div.tiny {
    border-right : 1px solid #ccc;
    width : 350px;
    min-height : 364px;
    padding-right : 20px;
    float : left;
    display : inline;
    font-size : 13px;
    line-height : 25px;
}

#firm #ofirmie  div.tiny ul, #firm #oferta  div.tiny ul{
    padding-left : 0px;
    list-style : none;
}

#firm #ofirmie  div.tiny ul li, #firm #oferta  div.tiny ul li{
    background-image : url('../../Layout/SubmenuBullet.gif');
    background-repeat : no-repeat;
    background-position : 0px 10px;
    padding-left : 15px;
}

#firm #ofirmie div.miniatureContainer, #firm #oferta div.miniatureContainer , #firm #contact div.miniatureContainer {
    width : 180px;
    height : 170px;
    border : 1px solid #ccc;
    float : right;
    display : inline;
    background-color : #fff;
    clear : right;
    margin-bottom : 20px;
}

#firm #ofirmie img.miniature, #firm #oferta img.miniature , #firm #contact img.miniature {
    width : 150px;
    height : 140px;
    border : 1px solid #808080;
    float : left;
    margin-top : 14px;
    margin-left : 14px;
    display : inline;
    background-color : #f1f1f1;
    clear : right;
}

#firm #realizacje {
    height : 100%;
    overflow : auto;
    padding-top : 10px;
    padding-bottom : 15px;
}

#firm #realizacje div.realization {
    padding : 14px;
    border : 1px solid #ccc;
    float : left;
    display : inline;
    margin-left : 29px;
    margin-top : 20px;
    margin-right : 1px;
    width : 250px;
    height : 150px;
    background-color : #fff;
}

#firm #realizacje img.realization {
    width : 250px;
    height : 150px;
    border : 1px solid #808080;
    background-color : #f1f1f1;
    background-color : #fff;
}

#firm #contact  div.tiny table tr td{
    font-size : 13px;
    line-height : 19px;
}

#firm #realizacje #wiecejRealizacji {
    margin : 10px 30px 0px 30px;
    padding-bottom : 10px;
    border-bottom : 1px solid #ccc;
}