body {margin:0;padding:0;background:#fff url(../img/bg2.png) repeat-x;}
h1 {margin:0;padding:0;}

a {text-decoration:none;}
a:hover {text-decoration:none;}

img {border:0;}

#page{width:1000px;margin:0 auto 0 auto;}
#top {width:1000px;margin:0 auto 0 auto;height:110px;clear:both;border-bottom:10px solid #39d0f0;overflow:hidden;}
#top_tlo {background:url(../img/tlo_gora.png) no-repeat center top;position:relative;z-index:2;}

#logo {width:170px;height:93px;padding:27px 0 0 10px;float:left;outline:none;}

#blad_tlo {position:absolute;z-index:1000;width:100%;top:0px;}
#blad {font:normal 12px arial;color:#e7e7e7;border:1px solid #f3f3f3;background:#6b6b6b;width:1000px;margin:0 auto;}
#blad p {margin:8px 10px 8px 10px;}
#blad p strong {color:#ff6f6f;}
/*menu główne*/

#menu {width:615px;height:37px;padding:73px 0 0 0;margin:0 0 0 53px;float:left;background:url(../img/menu_akt.png) no-repeat 29px 103px;}
#menu a{text-align:center;display:block;height:24px;float:left;color:#595959;font:bold 16px arial;background-position: 0 -24px;outline:none;text-indent:-1000%;}
#menu a.akt {background-position:0 0;}


#m_glowna {width:80px;background:url(../img/m_glowna.png);}
#m_projekty {width:99px;background-image:url(../img/m_projekty.png);}
#m_oferta {width:68px;background-image:url(../img/m_oferta.png);}
#m_onas {width:66px;background:url(../img/m_onas.png);}
#m_klienci {width:72px;background:url(../img/m_klienci.png);}
#m_cms {width:100px;background:url(../img/m_cms.png);}
#m_kontakt {width:81px;background:url(../img/m_kontakt.png);}

#language {width:152px;padding:72px 0 0 0;float:left;}
#language a{padding:0 0 6px 32px;font:normal 11px tahoma;color:#9f9f9f;line-height:20px;}
#language a:hover {color:#656565;}
#language .eng {background:url(../img/eng.png) no-repeat 0 -24px;}


/*prezentacja*/

#show {width:1000px;height:445px;position:relative;background:url(../img/show_back.png) no-repeat 0 0;}

#show_pages {height:29px;position:absolute;top:16px;left:60px;z-index:10;}
#show_pages img {float:left;display:block;width:14px;height:29px;}
#show_pages a {float:left;display:block;width:20px;height:29px;background:url(../img/show_pages.png) no-repeat 0 0;outline:none;}
#show_pages a.akt {background-position:0 -29px;}

#show_left, #show_right {cursor:pointer;width:69px;height:69px;position:absolute;top:220px;z-index:10;}
#show_left  {background:url(../img/show_left.png) no-repeat 0 0;left:10px;}
#show_right {background:url(../img/show_right.png) no-repeat 0 0;right:10px;}

#texts {width:475px;height:445px;float:left;overflow:hidden;position:relative;}
#texts_move {position:relative;left:0;top:0;}
#texts_move div {padding:110px 54px 0 179px;width:242px;height:330px;float:left;}
#texts_move p {color:#8a8a8a;font:normal 12px arial;line-height:18px;}
#texts_move h1 {color:#d9d9d9;font:normal 20px tahoma;}

#blysk {width:223px;height:317px;position:absolute;top:57px;left:651px;z-index:10;background:url(../img/blysk.png) no-repeat 0 0}

#pictures {width:367px;height:305px;margin:0 0 140px 17px;float:left;overflow:hidden;position:relative;}
#pictures_ruch {margin:72px 0 0 0;position:relative;left:0;top:0;}
#pictures_ruch div {width:367px;height:231px;float:left;}



/*info boxy*/

#info {width:1000px;height:196px;border-bottom:21px solid #f8f8f8;background:url(../img/info_bg.png) no-repeat 0 0;}

#info_left, #info_right {width:500px;height:150px;float:left;}
#info_left div, #info_right div {width:320px;height:150px;padding:0 0 0 180px;}
#info_left:hover, #info_right:hover {background:url(../img/info_back.png) no-repeat -9px 0;}

#info_left div p, #info_right div p {font:normal 12px arial;color:#656565;line-height:18px;padding:0 45px 0 0;}
#info_left div h2, #info_right div h2 {font:normal 20px tahoma;color:#464646;line-height:18px;margin-bottom:1px;}
#info_left div .more, #info_right div .more {float:right;margin:10px 14px 0 0;}
#info_left div .more:hover, #info_right div .more:hover {opacity:0.5;filter: alpha(opacity=50);}


#pomoc {background:url(../img/pomoc.png) no-repeat ;background-position:30px -20px;}
#instalacja {background:url(../img/dysk.png) no-repeat 30px -20px;}
#ekipa {background:url(../img/dysk.png) no-repeat 30px -20px;}

/*tresc*/

#content {clear:both;padding:0 0 30px 0;position:relative;width:1000px;}
#content a{color:#00b8d2;}
#content a:hover{color:#000;}
#cont_left {width:415px;padding:20px 0 0 50px;float:left;}
#cont_right {width:465px;padding:20px 10px 0 60px;float:left;}
#cont_left div, #cont_right div {margin:0 0 30px 0;}

#content h2 {font:normal 22px tahoma;color:#484848;line-height:28px;padding:0;margin:15px 0 15px 0;border-bottom:1px solid #eee;}
#content p {font:normal 12px arial;color:#747474;line-height:18px;}
#content.oferta p {font:normal 16px arial;color:#747474;line-height:1.7em;}


#aktualnosci h2 {padding:10px 0 5px 50px;background:url(../img/h2_aktual.png) no-repeat 0px 0px;}
#aktualnosci h3 {margin:0 0 4px 0;padding:0;}
#aktualnosci h3, #aktualnosci h3 a{font:normal 13px arial;color:#0ea1c0;}
#aktualnosci h3 a:hover{color:#3a3a3a;border-bottom:1px dotted #888;}
#aktualnosci h3 a:visited {color:#787878;}
#aktualnosci span.data {font:normal 11px tahoma;color:#9a9a9a;margin:10px 0 5px 10px;}


#aktualnosci p{margin:4px 0 25px 10px;padding:0;}
#aktualnosci .ukryte {display:none;}
#aktualnosci a.wiecej {color:#0ea1c0;margin:0 6px 0 0;font:normal 12px arial;float:right;position:relative;top:-15px;cursor:pointer;}
#aktualnosci a.wiecej:hover {color:#3a3a3a;border-bottom:1px dotted #888;}

#dark_cms h2 {padding:10px 0 5px 50px;background:url(../img/h2_dark_cms.png) no-repeat 0px 0px;}


#porozmawiajmy h2 {padding:10px 0 5px 50px;background:url(../img/h2_poroz.png) no-repeat 0px 0px;}
#porozmawiajmy img {margin:0px 10px 6px 0;}
.skype {position:relative;top:6px;}   
.sposoby_kontaktu img{margin:0 10px 0 0;}

#na_czym_sie_znamy .more {float:right;margin:10px 4px 76px 0;clear:right;}

#na_czym_sie_znamy h2 {padding:10px 0 5px 50px;background:url(../img/h2_reali.png) no-repeat 0px 0px;}
#na_czym_sie_znamy ul {list-style:none;margin:0;padding:0;}
#na_czym_sie_znamy ul li{margin:0 0 6px 0;padding:0;}
#na_czym_sie_znamy ul li a{font:bold 14px tahoma;line-height: 26px;color:#0ea1c0;}
#na_czym_sie_znamy ul li ul li{font:normal 12px arial;line-height: 18px;color:#747474;margin:0 0 0 35px;padding:3px 0 2px 0;list-style: disc;}

/*stopka*/

#footer {height:85px;padding:15px 40px 0 0;background:#f8f8f8;border-top:1px solid #e9e9e9;clear:both;}
#footer div {margin: 0 auto;width:940px;padding:0 0 0 60px;}
#footer div a{font:normal 12px arial;color:#7f7f7f;margin:0 20px 0 0;padding:6px 0 6px 0;}
#footer div a:hover{color:#262626;}
#footer div p {font:normal 12px arial;color:#7f7f7f;float:right;margin:4px 0 0 0;}

#footer p.adres_stopka{color:#999;font:11px tahoma;margin-top:8px;}
#footer p.dol_teksty {clear:both;}

#content .formularz {}
#content .formularz.nieaktywny {opacity:0.5}
#content .formularz p {border-bottom:1px dotted #cccccc;padding:6px 0 6px 0;margin:0;}
#content .formularz p img {margin-right:5px}
#content .formularz label {font:14px tahoma;color:#0ea1c0;float:left;width:200px;line-height:36px;}
#content .formularz input.text {background:#fff url(../img/input.png) no-repeat 0 0;border:0;height:36px;width:400px;padding:0 0 0 10px;font:13px tahoma;color:#565656;}
#content .formularz input.submit {background:#fff url(../img/wyslij_wiad.png) no-repeat 0 0;border:0;width:186px;height:36px;cursor:pointer;float:right;margin:5px 16px 0 0;}
#content .formularz input.radio {position:relative;top:-12px;}
#content .formularz textarea{background:#fff url(../img/textarea.png) no-repeat 0 0;width:400px;height:176px;border:0;padding:10px 0 0 10px;font:13px tahoma;color:#565656;}





/*oferta*/

#przeslona {height:51px;background:url(../img/przeslona.png) repeat-x;position:fixed;top:0;left:0;width:100%;z-index:1;display:none;text-align:center;}
#przeslona a{margin:0;font:11px tahoma;text-decoration:none;color:#959595;padding:2px 2px 4px 2px;position:relative;left:480px;}
#przeslona a:hover{color:#666666;}

#ciemny_blok {width:1000px;height:100px;background:#262626;border-bottom:10px solid #888;position:relative;z-index:2;}
#dzialy_oferta {width:1000px;height:241px;border-bottom:21px solid #f8f8f8;background:url(../img/info_bg.png) no-repeat 0 bottom;}


#podstrona_lewa {width:308px;padding:0 0 0 12px;float:left;}
#podstrona_lewa h1 {font:normal 22px arial;color:#656565;line-height:18px;margin:46px 0 18px 0px;}
#podstrona_lewa ul {list-style:none;margin:0;padding:6px 0 0 0;}
#podstrona_lewa ul li{font:normal 12px arial;line-height: 18px;color:#747474;margin:0 20px 0 35px;padding:3px 0 2px 0;list-style: disc;border-bottom:1px solid #f0f0f0;}
#podstrona_lewa p.bezposredni{padding:5px 0 0 20px}
#podstrona_lewa p.bezposredni img.gg{position:relative;top:3px;}
#podstrona_lewa strong {font-size:14px;}
#podstrona_lewa a {color:#0ea1c0;}
#podstrona_lewa a:hover{color:#3a3a3a;border-bottom:1px dotted #888;}



#podstrona {margin:0 20px 0 330px;padding:40px 0 0 25px;text-align: justify;}
#podstrona h1{color:#0ea1c0;margin:25px 0 15px 0;font:normal 26px arial;}
#podstrona h1.first{margin-top:0px;}
#podstrona h2{color:#656565;margin:10px 0 15px 0;font:normal 21px arial;padding:10px 0 10px 0;}
#podstrona a.kotwica {border-bottom:1px dotted #ccc;display:block;height:25px;width:100%;margin:0 0 40px 0;}

#podstrona a {color:#00809b;}
#podstrona a:hover {color:#000;border-bottom:1px dotted #000;}
#podstrona a:visited {color:#888;border-bottom:1px dotted #888;}


#podstrona .zdjecie_oferta {float:right;margin:0 0 5px 8px;}

#podstrona .fancy img{border:0px solid #dedede;}
#podstrona .fancy img:first-child{margin-right:4px;}
#podstrona hr {border:0;border-bottom:1px solid #eee;margin:10px 0 15px 0;}

#podstrona ul li{font:normal 14px arial;line-height: 18px;color:#747474;margin:0 0 0 35px;padding:3px 0 2px 0;list-style: disc;}

#podstrona p.koszt_wykonania{color:#00809b;}
#podstrona p.koszt_wykonania strong {font-weight:normal;}

#podstrona table.ceny {width:500px;}

#podstrona table.ceny tr:hover {background-color:#f9f9f9;}
#podstrona table.ceny td{font:14px arial;color:#747474;padding:10px 15px 10px 15px;border-bottom:1px solid #eee;}
#podstrona table.ceny tr.naglowki td {font-weight:bold;}

#podmenu_ie {float:left}
#podmenu {width:308px;padding:0 0 0 12px;background:url(../img/podmenu_bg.png) repeat-y;position:absolute;z-index:2;float:left;}
#podmenu h2 {font:normal 20px tahoma;color:#484848;line-height:20px;margin:20px 0 18px 45px;border-bottom:0;}

#podmenu ul,#podmenu li {margin:0;padding:0;}
#podmenu li {list-style:none;background:url(../img/podmenu_li.png) no-repeat 15px 0;}
#podmenu li a{color:#484848;font:normal 13px arial;line-height:34px;padding:0 0 0 26px;margin:0 37px 0 15px;display:block;height:34px;outline:none;}
#podmenu li a:hover {color:#0ea1c0;/*background-color:#fcfcfc;*/}

#podmenu li.akt a {background:0;}
#podmenu li.akt a:hover {color:#0ea1c0;background:0;}

#podmenu ul.glowne {background:url(../img/podmenu_akt.png) no-repeat 0 0;padding:0 0 25px 14px;}
#podmenu li.akt > a{color:#484848;font-weight:bold;}

#podmenu li ul li a{padding-left:30px;}

#podmenu a.link_podmenu {margin:0 0 0 50px;color:#00809b;font:normal 13px arial;line-height:34px;}
#podmenu a.link_podmenu:hover {color:#000;border-bottom:1px dotted #000;}
#podmenu a.link_podmenu:visited {color:#888}


#rozmiar_tekstu {margin:40px 0 0 14px;padding:0 0 6px 45px;border-bottom:18px solid #e9e9e9;width:227px;font:11px tahoma;color:#959595;}
#rozmiar_tekstu a{font:11px tahoma;text-decoration:none;color:#959595;padding:4px 2px 4px 2px;}
#rozmiar_tekstu a:hover{color:#666666;}



#dzialy_oferta {position:relative;z-index:2;}
#dzialy_oferta h2 {text-align:left;}
#oferta_projektowanie p, #oferta_marketing p, #oferta_druk p {font:normal 13px arial;line-height:20px;color:#555555;margin:10px 0 0 0;}
#oferta_projektowanie h2, #oferta_marketing h2, #oferta_druk h2 {margin-top:40px;margin-bottom:10px;font:normal 20px tahoma;color:#383838;}
#oferta_projektowanie a, #oferta_marketing a, #oferta_druk a {display:block;position:absolute;width:100%;height:241px;left:0;top:0;z-index:2;opacity:0;filter: alpha(opacity=0);}


#oferta_projektowanie {float:left;height:241px;width:335px;background:url(../img/oferta_projektowanie.png) no-repeat 0 0;position:relative;}
#oferta_projektowanie.akt {background-image:url(../img/oferta_projektowanie_akt.png);}
#oferta_projektowanie a {background:url(../img/oferta_projektowanie_akt.png) no-repeat 0 0;}
#oferta_projektowanie p{margin-left:148px;}
#oferta_projektowanie h2 {margin-left:127px;}

#oferta_marketing {float:left;height:241px;width:310px;background:url(../img/oferta_marketing.png) no-repeat 0 0;position:relative;}
#oferta_marketing.akt {background-image:url(../img/oferta_marketing_akt.png);}
#oferta_marketing a {background:url(../img/oferta_marketing_akt.png) no-repeat 0 0;}
#oferta_marketing p{margin-left:133px;}
#oferta_marketing h2 {margin-left:112px;}

#oferta_druk {float:left;height:241px;width:335px;background:url(../img/oferta_druk.png) no-repeat 0 0;position:relative;}
#oferta_druk.akt {background-image:url(../img/oferta_druk_akt.png);}
#oferta_druk a {background:url(../img/oferta_druk_akt.png) no-repeat 0 0;}
#oferta_druk p{margin-left:164px;}
#oferta_druk h2 {margin-left:143px;}



#content .czlowiek {border-top:1px solid #eee;padding:10px 0 20px 0;}
#content .czlowiek h1 {margin-top:10px;}
#content .czlowiek img {float:left;margin:0 34px 0 0;}
#content .czlowiek .cytat {font:italic 12px tahoma;color:#6c6c6c;line-height:18px;background:url(../img/cytat.png) no-repeat 180px 3px;padding:5px 0 0 216px;}


/*projekty*/

#projekty {width:1000px;background:#fff;text-align:center;padding:20px 0 0 0;margin:20px 0 0 0;border-radius:20px;}
#projekty h1 {font: normal 19px arial;color: #bbb;line-height: 18px;margin: 26px 0 18px 0px;}