/* Copyright by www.motyl-pl.info */

* { margin: 0px; padding: 0; }
body { background: url(../img/tlo.jpg) repeat-x #e5e5e5; font-size: 11px; color: black; font-family: Verdana,Arial,Tahoma; text-align: center; }
a, img, input, textarea { border: none; text-decoration: none; }

.center { width: 826px; text-align: left; margin: 0 auto; }

/* Top */
.top { width: 731px; height: 30px; color: #6a6a6a; font-size: 11px; padding: 5px 50px 0px 45px; font-size: 10px; }

#jezyk { float: left; margin-top: 5px; }
#polski { background-image: url(../img/pl.jpg); }
#angielski { background-image: url(../img/en.jpg); }
#polski,#angielski { width: 16px; height: 11px; float: left; margin-left: 5px; border: 1px solid #6a6a6a; }

#wielkosc { float: right; }
#wielkosc img { margin-left: 4px; cursor: pointer; }

/* Logo */
.logo { width: 826px; height: 109px; background-image: url(../img/logo-bg.jpg); clear: both; }

/* Menu */
.menu { margin: 0px 12px 0px 291px; float: left; }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu li { display: inline; }

#strona-glowna { width: 113px; background-image: url(../menu/strona-glowna.jpg); }
#strona-glowna:hover { background-image: url(../menu/strona-glowna-active.jpg); }
#strona-glowna-active { width: 113px; background-image: url(../menu/strona-glowna-active.jpg); }
#oferta { width: 73px; background-image: url(../menu/oferta.jpg); }
#oferta:hover { background-image: url(../menu/oferta-active.jpg); }
#oferta-active { width: 73px; background-image: url(../menu/oferta-active.jpg); }
#portfolio { width: 84px; background-image: url(../menu/portfolio.jpg); }
#portfolio:hover { background-image: url(../menu/portfolio-active.jpg); }
#portfolio-active { width: 84px; background-image: url(../menu/portfolio-active.jpg); }
#kontakt { width: 79px; background-image: url(../menu/kontakt.jpg); }
#kontakt:hover { background-image: url(../menu/kontakt-active.jpg); }
#kontakt-active { width: 79px; background-image: url(../menu/kontakt-active.jpg); }

#strona-glowna,#strona-glowna-active,#oferta,#oferta-active,#portfolio,#portfolio-active,#kontakt,#kontakt-active { height: 40px; float: left; }

/* Zakres dzialalnosci */
.zakres-dzialalnosci-bg { width: 826px; height: 234px; background-image: url(../img/zakres-dzialalnosci-bg.jpg); clear: both; }

/* Treść */
.tresc { width: 826px; float: left; margin: 15px 0px 20px 0px; line-height: 16px; }
.tresc h1 { visibility: hidden; }
.tresc h2 { font-size: 15px; font-weight: bold; color: rgb(174, 1, 2); margin: 5px 0px 5px 0px; font-family: Arial,Verdana,Tahoma; }
.tresc p { margin-top: 5px; }

.napisy { width: 826px; float: left; margin-bottom: 7px; }
.napisy span { float: right; margin-top: 8px; font-size: 9px; }
.napisy span:hover { color: #2872b9; }
.napisy-lewa { width: 403px; border-bottom: 1px #b0b0b0 dashed; padding: 0px 5px 2px 5px; color: #9b9b9b; float: left; }
.napisy-prawa { width: 333px; margin: 0px 5px 0px 65px; border-bottom: 1px #b0b0b0 dashed; padding: 0px 5px 2px 5px; color: #9b9b9b; float: left; }
.napisy-prawa a { color: #9b9b9b; font-weight: bold; }
.napisy-prawa a:hover { color: #2872b9; }

#aktualnosci { width: 403px; float: left; }
.aktualnosci { width: 133px; height: 21px; background-image: url(../napisy/aktualnosci.png); float: left; }
.nowosci { float: left; width: 393px; margin-top: 35px; padding: 0px 5px 0px 5px; }
.nowosci h2 { font-size: 14px; color: #ae0102; text-shadow: 0px 0px 2px #e9f0b9; }
.data { font-size: 10px; color: #6a6a6a; margin-left: 5px; }
.nowosci-tresc { font-size: 11px; color: #6a6a6a; width: 403px; margin: 15px 0px 10px 0px; text-align: justify; }
.nowosci-tresc:first-letter { font-size: 13px; font-family: gothic; margin-left: 7px; }
.nowosci a { color: #027eda; font-weight: bold; float: right; margin-top: 8px; }

#ostatnie-realizacje { width: 304px; margin: 10px 0px 0px 100px; float: left; }
.ostatnie-realizacje { width: 194px; height: 23px; background-image: url(../napisy/ostatnie-realizacje.png); float: left; }
.ostatnia-praca { width: 304px; float: left; margin: 5px 0px 5px; }
.ostatnia-praca-obrazek { width: 304px; height: 110px; background-image: url(../img/ostatnie-realizacje-obrazek.jpg); float: left; }
.ostatnia-praca-obrazek img { width: 280px; margin: 7px 12px 0px 12px; }
.ostatnia-praca-technologie { width: 294px; height: 26px; background-image: url(../img/ostatnie-realizacje-tekst.jpg); float: left; padding: 5px 5px 5px 5px; font-size: 10px; color: white; line-height: 12px; }

#portfolio-tresc { width: 687px; float: left; margin: 10px 0px 0px 68px; }
.praca { width: 687px; float: left; margin-top: 15px; }
.praca-obrazek { width: 399px; height: 167px; float: left; background-color: white; padding: 9px 9px 9px 9px; }
.praca-obrazek strong { color: #aac400; }
.praca-obrazek img { width: 399px; height: 145px; margin-bottom: 5px; }
.praca-obrazek a { color: #262626; margin-right: 10px; }
.praca-opis { width: 217px; height: 133px; float: left; background-image: url(../img/praca-opis.jpg); margin-top: 10px; color: #262626; padding: 15px 22px 0px 22px; }
.portfolio { width: 101px; height: 23px; background-image: url(../napisy/portfolio.png); float: left; }
.strony { width: 687px; text-align: center; float: left; margin-top: 10px; }
.strony a { width: 28px; height: 17px; border: 1px solid #b8b8b8; background-color: #dcdcdc; color: #4a4a4a; font-weight: bold; font-size: 13px; float: left; margin-left: 5px; padding-top: 2px; }
.strony a:hover { background-color: white; outline-style: none; }
a.strony-active { width: 28px; height: 17px; border: 1px solid #b8b8b8; background-color: white; color: #4a4a4a; font-weight: bold; font-size: 13px; float: left; margin-left: 5px; padding-top: 2px }

.kontakt { width: 97px; height: 20px; background-image: url(../napisy/kontakt.png); float: left; }
.kontakt-lewa { width: 368px; float: left; margin-left: 75px; }
.kontakt-lewa strong { font-size: 12px; }
.kontakt-lewa a { color: black; margin-left: 5px; }
.kontakt-lewa a:hover { text-decoration: blink; }
.kontakt-lewa p { width: 368px; padding-top: 20px; clear: both; }
#dane { width: 52px; height: 48px; background-image: url(../img/kontakt/dane.jpg); float: left; margin-right: 8px; }
#gadu-gadu { width: 52px; height: 32px; background-image: url(../img/kontakt/gadu-gadu.jpg); float: left; margin-right: 8px; }
#skype { width: 52px; height: 27px; background-image: url(../img/kontakt/skype.jpg); float: left; margin-right: 8px; }
#email { width: 52px; height: 37px; background-image: url(../img/kontakt/email.jpg); float: left; margin-right: 8px; }
#telefon { width: 52px; height: 37px; background-image: url(../img/kontakt/telefon.jpg); float: left; margin-right: 8px; }
.kontakt-prawa { width: 263px; float: left; margin-top: 30px; }
.input-bg { width: 243px; height: 25px; background-image: url(../img/kontakt/input-bg.jpg); padding: 6px 5px 0px 15px; text-align: left; color: #515151; font-family: Verdana,Tahoma,Arial; margin-top: 5px; border: none; }
.textarea-bg { width: 255px; height: 98px; padding: 3px 4px 3px 4px; background-image: url(../img/kontakt/textarea-bg.jpg); float: left; margin: 5px 0px 10px 0px; color: #515151; font-family: Verdana,Tahoma; font-size: 10px; }
.reset { width: 92px; height: 27px; float: left; background-image: url(../img/kontakt/wyczysc.jpg); margin-left: 90px; }
.submit { float: left; }

.oferta { width: 80px; height: 23px; background-image: url(../napisy/oferta.png); float: left; }
.oferta-tresc { width: 620px; margin: 75px 0px 30px 83px; }
.oferta-tresc img { margin: 20px 16px 5px 0px; float: left; }

.serwisy-internetowe { width: 207px; height: 24px; float: left; background-image: url(../napisy/serwisy-internetowe.png); }
.pozycjonowanie { width: 166px; height: 24px; float: left; background-image: url(../napisy/pozycjonowanie.png); }
.ciecie-grafiki { width: 166px; height: 24px; float: left; background-image: url(../napisy/ciecie-grafiki.png); }
.hosting-domeny { width: 183px; height: 24px; float: left; background-image: url(../napisy/hosting-domeny.png); }

/* Stopka */
.stopka { width: 716px; height: 132px; clear: both; background-image: url(../img/stopka-bg.jpg); padding: 11px 60px 5px 60px; margin-bottom: 5px; }
.stopka h1 { visibility: hidden; }

.tagi { width: 230px; height: 132px; float: left; text-align: justify; }
.tagi a { color: #027eda; }
#tagi { width: 67px; height: 26px; background-image: url(../napisy/tagi.png); clear: both; margin: 0px 0px 5px 10px; }

.szybkie-menu { width: 240px; height: 132px; float: left; margin-left: 30px; }
.szybkie-menu ul { list-style: none; padding: 0; width: 110px; margin-left: 10px; float: left; }
.szybkie-menu a { color: #6a6a6a; }
.szybkie-menu a:hover { color: black; }
#szybkie-menu { width: 154px; height: 26px; background-image: url(../napisy/szybkie-menu.png); clear: both; margin: 0px 0px 5px 20px; }

.mapa-strony { width: 142px; height: 24px; float: left; background-image: url(../napisy/mapa-strony.png); }
#mapa-stron table { clear: both; margin: 20px 0px 0px 10px; }
#mapa-stron ul { list-style: square; }
#mapa-stron td { padding-left: 40px; text-align: left; width: 200px; }
#mapa-stron tr { margin-top: 4px; }
#mapa-stron a { color: #027eda; font-size: 12px; }
#mapa-stron a:hover { font-weight: bold; }

.zaufali-mi { width: 186px; margin-left: 20px; float: left; }
#zaufali-mi { width: 122px; height: 26px; background-image: url(../napisy/zaufali-mi.png); float: left; margin: 0px 0px 5px 10px; }

.podstopka { width: 666px; clear: both; text-align: right; font-size: 10px; padding: 3px 80px 7px 80px; }
.podstopka strong { color: #027eda; }

/* jQuery */
#tooltip { position: absolute; z-index: 3000; border: 1px solid #c2d643; background-color: white; padding: 5px; opacity: 0.85; text-align: left; }
#tooltip h3, #tooltip div { margin: 0; }
#slideshow { position:relative; margin-top: 25px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:20; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }