body {
   width: 765px;   
   text-align: center;
   margin: 0px auto;
   font-family: Verdana, sans-serif, Tahoma;
   font-size: 11px;
   color: #1e4456;
   line-height: 140%;

}

#calosc {
   width: 765px;   
   text-align: left;
   margin: auto;
   }

table {
   font-family: Verdana, sans-serif, Tahoma;
   font-size: 11px;
   color: #1e4456;
   }

h1 {
   font-size: 14px;
   color: #379a07;
   margin-top: 0px;
   margin-bottom: 5px;
}

h2 {
   font-size: 13px;
   color: #4e4e4e;
   margin-top: 20px;
   margin-bottom: 0px;
}

h3 {
   font-size: 14px;
   margin-top: 20px;
   margin-bottom: 10px;
   text-decoration: bold;
   color: #FBAF2A;
}



#websol {
   background-image: url(images/websol.png);
   background-repeat: no-repeat;
   width: 320px;
   height: 132px;
   position: absolute;
   left: 120px;
   top: 100px;
   
}

#websol_podstrona {
   background-image: url(images/websol.png);
   background-repeat: no-repeat;
   width: 320px;
   height: 132px;
   position: absolute;
   left: 150px;
  }


#tekst-top {
   width: 395px;
   display: block;
   float: left;
   text-align: left;
   margin-top: 15px;
   margin-bottom: 5px;
   font-size: 10px;
}  

#linki-top {
   width: 370px;
   display: block;
   float: left;
   text-align: right;
   margin-top: 15px;
   margin-bottom: 5px;
   font-size: 10px;
}

#linki-top a {
   text-decoration: none;
   color: #FBAF2A;
   margin-left: 8px;
   margin-right: 8px;
   font-size: 10px;
}

#kontener {
   width: 745px;
   border: 1px solid #0c3144;
   border-bottom: none;
   padding: 10px 10px 20px 10px;
   display: block;
   float: left;
}

#top {
   width: 745px;
   height: 300px;
   background-image: url(images/top.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_kontakt {
   width: 745px;
   height: 300px;
   background-image: url(images/top_kontakt.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_design {
   width: 745px;
   height: 300px;
   background-image: url(images/top_design.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_faq {
   width: 745px;
   height: 300px;
   background-image: url(images/top_faq.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_optymalizacja {
   width: 745px;
   height: 300px;
   background-image: url(images/top_optymalizacja.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_pozycjonowanie {
   width: 745px;
   height: 300px;
   background-image: url(images/top_pozycjonowanie.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_newsy {
   width: 745px;
   height: 300px;
   background-image: url(images/top_newsy.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}


#top_tworzenie_wizerunku {
   width: 745px;
   height: 300px;
   background-image: url(images/top_tworzenie_wizerunku.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_pomozemy {
   width: 745px;
   height: 300px;
   background-image: url(images/top_pomozemy.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_oferta {
   width: 745px;
   height: 300px;
   background-image: url(images/top_oferta.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_projektowanie {
   width: 745px;
   height: 300px;
   background-image: url(images/top_projektowanie.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top_o_nas {
   width: 745px;
   height: 300px;
   background-image: url(images/top_o_nas.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}


#top_portfolio {
   width: 745px;
   height: 300px;
   background-image: url(images/top_portfolio.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   position: relative;
}

#top-menu {
   width: 200px;
   display: block;
   float: right;
   position: absolute;
   bottom: -15px;
   right: 100px;

}

#top-menu-podstrona {
   width: 200px;
   display: block;
   float: left;
   position: absolute;
   bottom: -15px;
   left: 10px;
}

#top-menu-linki {
   background-image: url(images/menu.png);
   background-repeat: repeat-y;
   width: 218px;
   padding-bottom: 10px;
   padding-left: 8px;
   display: block;
   float: left;
   }

#menu-gora {
   background-image: url(images/menu-gora1.png);
   background-repeat: no-repeat;
   width: 218px;
   height: 22px;
   display: block;
   float: left;
}

#menu-dol {
   background-image: url(images/menu-dol1.png);
   background-repeat: no-repeat;
   width: 218px;
   height: 12px;
   display: block;
   float: left;
}

#top-menu a, #top-menu-podstrona a {
   background-image: url(images/menu-a.jpg);
   background-repeat: no-repeat;
   background-position: center left;
   background-color: #e6eef9;
   margin-left: 15px;
   margin-right: 15px;
   padding-left: 50px;
   width: 120px;
   height: 30px;
   line-height: 30px;
   display: block;
   float: left;
   text-decoration: none;
   font-weight: bold;
   font-size: 13px;
   color: #2278d2;
}

#top-menu a:hover, #top-menu-podstrona a:hover {
   background-image: url(images/menu-a-hover3.jpg);
   background-color: #c4d6ec; 
   //color: #379a07;
}


#top-menu .hr1, #top-menu-podstrona .hr1 {
   background-color: #ffffff;
   border: 0;
   margin-left: 15px;
   margin-bottom: 0px;
   margin-top: 0px;
   width: 185px;
   height: 1px;
   display: block;
   float: left;
}

#top-menu .hr, #top-menu-podstrona .hr {
   background-image: url(images/menu-hr.jpg);
   background-repeat: no-repeat;
   border: 0;
   margin-left: 15px;
   margin-bottom: 0px;
   margin-top: 0px;
   width: 200px;
   height: 1px;
   display: block;
   float: left;
}

#top-menu .hr hr, #top-menu-podstrona .hr hr, #top-menu .hr1 hr, #top-menu-podstrona .hr1 hr {
   display: none;
}

#lewa {
   width: 420px;
   display: block;
   float: left;
   position: relative;
   margin-top: -25px;
}

#lewa-podstrona {
   width: 200px;
   display: block;
   float: left;
   margin-top: 30px;
}

#lewa-podstrona a {
   font-size: 14px;
   text-decoration: none;
   font-weight: bold;
   color: #2278d2;
   line-height: 160%;
}

#lewa-podstrona a:hover {
   color: #379a07;
}

#prawa {
   width: 300px;
   display: block;
   float: right;
   margin-top: 30px;
}

#prawa-podstrona {
   width: 520px;
   display: block;
   float: right;
   position: relative;
   margin-top: -25px;
   margin-right: -8px;
}

#prawa hr, #lewa-podstrona hr {
   background-image: url(images/prawa-hr.jpg);
   background-repeat: no-repeat;
   border: 0;
   margin-bottom: 10px;
   margin-top: 10px;
   width: 300px;
   height: 1px;
   display: block;
   float: left;
}

#boks-top, #boks-podstrona-top {
   width: 420px;
   height: 22px;
   margin-left: -10px;
   background-image: url(images/boks-top1.png);
   background-repeat: no-repeat;
   position: relative
}

#boks-podstrona-top {
   width: 520px;
   background-image: url(images/boks-podstrona-top11.png);
   position: relative
}

#boks, #boks-podstrona {
   width: 383px;
   margin-left: -10px;
   background-image: url(images/boks.png);
   background-repeat: repeat-y;
   padding: 15px 20px 10px 15px;
   position: relative
}

#boks-podstrona {
   width: 483px;
   background-image: url(images/boks-podstrona.png);
   position: relative
}

#boks h1, #boks-podstrona h1 {
   margin-top: -10px;
   color: #2278D2
}

#boks-podstrona .oferta {
   background-image: url(images/oferta_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .portfolionapis {
   background-image: url(images/portfolio_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .onas {
   background-image: url(images/onas_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .kontakt {
   background-image: url(images/kontakt_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .web_design_projektowanie {
   background-image: url(images/web_design_projektowanie_napis.gif);
   background-repeat: no-repeat;
   width: 330px;
   height: 20px;
}

#boks-podstrona .optymalizacja {
   background-image: url(images/optymalizacja_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .projektowanie {
   background-image: url(images/projektowanie_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .pozycjonowanie {
   background-image: url(images/pozycjonowanie_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .tworzenie_wizerunku {
   background-image: url(images/tworzenie_wizerunku_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .pomozemy {
   background-image: url(images/pomozemy_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .newsy {
   background-image: url(images/newsy_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-podstrona .faq {
   background-image: url(images/faq_napis.gif);
   background-repeat: no-repeat;
   width: 300px;
   height: 20px;
}

#boks-tekst, #boks-podstrona-tekst {
   width: 377px;
   background-color: #eeeeee;
   padding: 3px 3px 3px 3px;
}

#boks-podstrona-tekst {
   width: 477px;
   }

#boks-podstrona-tekst a {
   text-decoration: none;
   font-weight: normal;
   font-size: 11px;
   color: #BE0F2B;
 }


#boks-footer, #boks-podstrona-footer {
   width: 420px;
   height: 12px;
   margin-left: -10px;
   background-image: url(images/boks-dol.png);
   background-repeat: no-repeat;
   position: relative
}

#boks-podstrona-footer {
   width: 520px;
   background-image: url(images/boks-podstrona-dol.png);
   position: relative
}

#obrazki {
   width: 412px;
   display: block;
   float: left;
   margin-top: 15px;
   margin-bottom: 15px;
}

#obrazki-tekst1 {
   width: 130px;
   margin-right: 11px;
   display: block;
   float: left;
   font-size: 13px;
   color: #BE0F2B;
   font-weight: bold;
   text-align: center;
}

#obrazki-tekst2 {
   width: 130px;
   margin-right: 11px;
   display: block;
   float: left;
   font-size: 13px;
   color: #2E7729;
   font-weight: bold;
   text-align: center;
}

#obrazki-tekst3 {
   width: 130px;
   margin-right: 0px;
   display: block;
   float: left;
   font-size: 13px;
   color: #FBAF2A;
   font-weight: bold;
   text-align: center;
}

a#design {
   width: 130px;
   height: 93px;
   background-image: url(images/kredki.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   margin-right: 11px;
}

a#pozycjonowanie {
   width: 130px;
   height: 93px;
   background-image: url(images/index_pozycjonowanie.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   margin-right: 11px;
}

a#promocja {
   width: 130px;
   height: 93px;
   background-image: url(images/promocja.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
}

#footer {
   width: 760px;
   height: 20px;
   background-color: #EEEEEE;
   line-height: 20px;
   padding-left: 5px;
   display: block;
   float: left;
   border-left: 1px solid #0c3144;
   border-right: 1px solid #0c3144;
   text-align: center;
   color: #FBAF2A;
   }

#footer a {
   text-decoration: none;
   color: #FBAF2A;
   //margin-left: 8px;
   //margin-right: 8px;
   font-size: 9px;
}

#footer1 {
   width: 760px;
   height: 35px;
   background-color: #FBAF2A;
   padding-left: 5px;
   margin-bottom: 5px;
   color: #000000;
   display: block;
   float: left;
   border-left: 1px solid #0c3144;
   border-right: 1px solid #0c3144;
   border-bottom: 1px solid #0c3144;
   font-size: 10px;
  // font-weight: bold;
   
}

#copyright {
   width: 760px;
   height: 15px;
   background-color: #FFFFFF;
   padding-left: 5px;
   margin-bottom: 5px;
   color: #000000;
   display: block;
   float: left;
   font-size: 10px;
   text-align: right;
   }

.miniaturka {
   width: 135px;
   height: 90px;
   display: block;
   float: left;
   margin-right: 5px;
   border: 0px;
}

#opis {
   width: 160px;
   height: 90px;
   display: block;
   float: right;
}


.portfolio {
    BORDER-RIGHT: #666666 1px dotted;
    BORDER-TOP: #666666 1px dotted;
    BORDER-LEFT: #666666 1px dotted;
    BORDER-BOTTOM: #666666 1px dotted;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif, Tahoma;
    font-size: 9px;
    color: #333333;
    width: 430px;
    height: 116px;
    valign: top;
}



.portfolio I { font-style: normal; font-weight: bold; color: #FF9900}

.portfolio a:active { text-decoration: none; color: #333333}

.portfolio a:link { text-decoration: none; color: #333333}

.portfolio a:visited { text-decoration: none; color: #333333}

.portfolio a:hover { text-decoration: none; color: #333333}

.portfolio_nazwa { font-size: 11px; color: #666666}

.portfolio_img {
    display:block;
    float:right;
    }
    
ul#wiadomosci {
    margin: 0;
    padding-left: 20;
    list-style-image: url('images/kropka.gif');
    list-style-position:outside;
         }

a#wiadomosci {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   color: #000000;
   text-decoration: none;
   line-height: 150%;
   }

a#wiadomosci_index {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   color: #000000;
   text-decoration: none;
 //  line-height: 150%;
   margin-right: 20;
   
   }
   
.rss_wiadomosci {
   display: block;
   float: right;
   margin-top: -14;
   padding-right: 10;
   padding-top: -14;
   }

.wiadomosci_img {
   display: block;
   float: left;
   margin-right: 20;
   margin-left: 5;
   margin-top: 5;
}         

ul#wiadomosci_lista {
    margin: 0;
    padding-left: 20;
    list-style-image: url('images/kropka_lista.gif');
    list-style-position:outside;
    line-height: 170%;
    color: #000000;
             }

a#wiadomosci_lista {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: normal;
   color: #000000;
   text-decoration: none;
   line-height: 150%;
   }
   
a#numerki_newsy {
   font-size: 11px;
   font-family: Verdana, sans-serif;
   font-weight: bold;
   color: #888888;
   text-decoration: none;
      }

.wiadomosci_lista_data {
    color: #888888;
    text-decoration: none;
             }

.wiadomosci_lista_tytul {
    color: #000000;
    text-decoration: underline;
             }
    
.wiadomosci_lista_head {
    color: #888888;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;  }