body { margin:0; padding:0px; font-family: Verdana; width: 100%; background: #ffffff; }
img { border: none; padding: 0; margin: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

#page { width: 940px; margin: 0 auto; }
    #logo { float: left; width: 130px; height: 92px; }
    #menu { text-align: right; margin: 0; padding: 0; float: left; width: 810px; height: 92px; display: block; list-style: none; }
        #menu li { padding: 20px 0 0 0; margin: 33px 60px 0 0; float: right; background: url('../img/bg-menu.png'); background-position: top center; background-repeat: no-repeat; }
        #menu a:first-child li { margin-right:0; }
        #menu li:hover, #menu li.act { background: url('../img/bg-menu-act.png');  background-position: top center; background-repeat: no-repeat; }
            #menu a { font-size: 16px; color: #231f20; }
            #menu a:hover { text-decoration: none; }
    div.pas { width: 100%; height: 5px; background: #f0f0f0; display: block; float: left;  }
    #top { height: 254px; width: 100%; display: block; float: left; margin-top: 13px; background: url('../img/bg-top.png'); }
        #top .box { width: 190px; height: 59px; float: left; margin: 178px 121px 0 0; }
        #top .box .title { padding-left: 15px; font-size: 16px; color: #ffffff; line-height: 39px; width: 175px; height: 39px; float: left; display: block; background: #145a8b; opacity:0.75; filter:alpha(opacity:75); }
        #top .box .more { padding-left: 15px; font-size: 12px; color: #ffffff; line-height: 19px; width: 175px; height: 20px; float: left; display: block; background: #f99f0d; }
            #top .box .more a { font-size: 12px; color: #ffffff;  }
    #haslo {  margin-top: 20px; line-height: 24px; text-align: center; float: left; width: 100%; font-size: 16px; font-style: italic; color: #474747; }
        #haslo span { color: #ff6c00; }
    .hr { width: 100%; height: 1px; display: block; float: left; background: #efefef; margin: 20px 0 12px 0;  }    
    #leftIndex { float: left; width: 455px; font-size: 12px; color: #231f20; margin-right: 25px; }
        #leftIndex h1 { font-size: 16px; color: #093246; font-weight: normal; width: 100%; float: left; }
        #leftIndex div img { float: left; margin: 2px 10px 0 0; }
        #leftIndex a.zew { color: #1d743d; font-weight: bold; }
        #leftIndex a.wiecej { color: #ff7611; font-weight: bold; }
    #rightIndex { float: left; width: 460px; font-size: 12px; color: #231f20; }
        #rightIndex h1, .subRight h1 { font-size: 16px; color: #093246; font-weight: normal; width: 100%; float: left; margin-bottom: 0; }
         .servic, .subRight .servic { width: 430px; margin-top: 16px; float: left; display: block; background: #97c8e8; font-size: 14px; color: #0c3144; line-height: 29px; padding: 0 15px 0 15px; }
            #rightIndex .servic a, .subRight .servic a { float: right; font-size: 12px; color: #ffffff; }
            #rightIndex .servic a:hover, .subRight .servic a:hover { text-decoration: none; color: #f99f0d; }
    #bottom { width: 938px; height: 105px; display: block; border: 1px solid #efefef; float: left; margin-top: 30px; background: url('../img/bg-bottom.png'); }
        #bottom h1 { color: #0b3144; padding: 0; margin: 0 0 0 23px; float: left; width: 200px; font-size: 18px; line-height: 105px; height: 100%; }
        #bottom .info { margin-top: 15px; margin-left: 83px; text-align: center; width: 300px; float: left; color: #231f20; font-size: 12px; line-height: 20px; }
            #bottom .info strong { color: #0d3043; }
        #bottom .info2 { margin-top: 15px; margin-left: 100px; text-align: center; width: 200px; float: left; color: #231f20; font-size: 12px; line-height: 20px; }
    #stopka { float: left; width: 100%; font-size: 11px; color: #5d5c5c; margin-top: 17px; padding-top: 10px; border-top: 1px solid #efefef; margin-bottom: 10px; }
        #stopka a { font-size: 11px; color: #5d5c5c; }
    img.subTop { float: left; border: 1px solid #efefef; margin: 18px 0 22px 0; }
    #subMenu { float: left; width: 260px; list-style: none; margin:0; padding:0; }
        #subMenu li { float: left; width: 100%; margin:0; padding:0; }
            #subMenu li a { color: #403d3e; font-size: 12px; line-height: 20px; float: left; }
            #subMenu li:hover a, #subMenu li a.act { text-decoration: none; font-weight: bold; }
                #subMenu li a span { width: 20px; float: left; font-size: 18px; color: #ffffff; }
                #subMenu li:hover a span, #subMenu li a.act span { color: #f3a20b; font-weight: normal; }
    .subLeft { width: 260px; margin-right: 17px; float: left; }
        .subLeft h1 { color: #0c3144; font-size: 16px; font-weight: bold; }
    .subRight { width: 663px; float: left; }
        .subRight .servic { width: 633px; }
        .subRight .text, .rightAbout .text { width: 100%; float: left; font-size: 12px; color: #231f20; line-height: 18px; }
            .subRight .text strong, .rightAbout .text strong { color: #f99f0d; }
    .rightAbout { width: 733px; margin-left: 0px; float: right; }
        .rightAbout h1 { width: 100%; float: left; color: #083145; font-size: 14px; font-weight: bold; margin-top: 30px; border-bottom: 1px solid #efefef; padding-bottom: 10px;}
    h1.leftAbout { float: left; width: 165px; color: #0c3144; font-size: 16px; line-height: 22px; margin-top: 0px;}
    .contactLeft { width: 460px; float: left; margin-right: 16px; }
        .contactLeft h1 { float: left; margin:0; width: 100%; color: #0c3144; font-size: 16px; font-weight: bold; }
        .contactLeft div.contactInfo { margin-left: 144px; float: left; text-align: center; width: 300px; color: #231f20; font-size: 12px; line-height: 18px;}
            .contactLeft div.contactInfo strong { color: #0d3043; }
    .contactRight { width: 464px; float: left; font-size: 12px; color: #231f20; }
        .contactRight h1 { float: left; margin:0; width: 100%; color: #093246; font-size: 16px; font-weight: normal; margin-bottom: 3px; }
        .contactRight dt, .contactRight dd, #text-label { float: left; width: 100%; padding: 0; margin: 0; font-size: 12px; }
        .contactRight .kolumna-lewa, .contactRight .kolumna-prawa { float: left; width: 232px; padding: 0; margin: 0; }
        .contactRight dt, #text-label { margin: 9px 0 5px 0; }
            .contactRight input[type="text"] { width: 190px; height: 25px; border: 1px solid #c0c0c0; padding: 0 5px 0 5px; }
            .contactRight textarea { width: 430px; border: 1px solid #c0c0c0; height: 132px; margin-bottom: 20px; } 
    .ops { height: 0px; overflow: hidden; float: left; padding-left: 20px; font-size: 12px; color: #231f20; line-height: 16px; margin-top: 10px; }
        .ops strong { color: #f3a20b; }
    ol.first { list-style-type: lower-alpha; color: #f3a20b; font-weight: bold; }
        ol.first li { margin-bottom: 7px; }
        ol.first li span { color: #231f20; font-weight: normal; }
        ol.sec { color: #231f20; font-weight: normal;  }


/***** POPUP **********/

#backgroundPopup {
    z-index:1;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}
#toPopup {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
    font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 20%;
    width: 800px;
    z-index: 2;
}
div.loader {
    background: url("../img/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 40%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}
div.close {
    background: url("../img/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -27px;
    top: -24px;
    width: 30px;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content {
    margin: 4px 7px;
    /* remove this comment if you want scroll bar
    overflow-y:scroll;
    height:200px
    */
}

