@width:990px; @width_lewa:210px; @width_odst:40px; @width_prawa:740px; @blue:#203a79; @blue2:#35518d; @blue_jasny:#6888d6; @blue_head:#7e9ee3; @ramka_szara:#cacaca; @blue_news:#227ccf; @red:#e41d25; @admin:#ff0000; .naokraglo(@i: 5px) { -moz-border-radius:@i; -webkit-border-radius:@i; -o-border-radius:@i; border-radius:@i; } .naokraglo_top(@i: 5px) { -moz-border-radius:@i @i 0 0; -webkit-border-radius:@i @i 0 0; -o-border-radius:@i @i 0 0; border-radius:@i @i 0 0; } .naokraglo_bottom(@i: 5px) { -moz-border-radius:0 0 @i @i; -webkit-border-radius:0 0 @i @i; -o-border-radius:0 0 @i @i; border-radius:0 0 @i @i; } .linearGradient(@i: #fff, @j: #000) { background: -webkit-gradient(linear, left top, left bottom, from(@i), to(@j)); background: -moz-linear-gradient(top, @i, @j); background: -o-linear-gradient(top, @i, @j); background: linear-gradient(top, @i, @j); } body { background:@blue; margin:0; padding:0; font-family:Arial; font-weight:normal; font-size:14px; color:#696969; line-height:18px; } p, a, h1, h2, h3, h4 { margin:0; padding:0; } p.komunikat { padding:40px 0 0 0; } a.strzalka { background:url(img/strzalka.png) 100% 50% no-repeat; padding-right:8px; } h2 { font-size:30px; color:@blue; line-height:100px; } h3 { background:url(img/gradient.png) left -211px repeat-x; padding:0 0 0 10px; margin:0 0 10px 0; line-height:53px; font-weight:bold; font-size:24px; color:#fff; } h3.margin0 { margin:0; } h4 { font-weight:bold; font-size:14px; color:@blue; margin:10px 0; } a { color:@blue; } a:hover { color:#696969; } .bold_na_niebiesko { font-weight:bold; color:@blue; } img { border:none; } .left { float:left; } .right { float:right; } .clear { clear:both; } #container { width:100%; } #kol_100 { float:left; width:@width; } #kol_lewa { float:left; width:@width_lewa; } #kol_prawa { float:right; width:@width_prawa; margin-bottom:20px; } #o_firmie { float:left; width:@width_prawa; } .informacje_prawne { width:@width_prawa; } #praca { float:left; width:@width_prawa; } #pozyczka_gotowkowa { float:left; width:@width_prawa; } #pozyczka_wykaz { float:left; width:@width_prawa; } #pozyczka_zamow { float:left; width:@width_prawa; } #header_100 { float:left; background:url('img/head_bg.png') left top repeat-x; width:100%; height:138px; #header { width:@width; height:138px; margin:0 auto; p { color:@blue_head; margin:0; } span { color:#fff; } .logo { margin:15px 0 0 0; } p { font-weight:bold; font-size:15px; line-height:15px; } p.oplata { font-size:9px; line-height:12px; } .infolinia { margin:50px 0 0 67px; span { font-weight:bold; font-size:38px; line-height:38px; } } .sms { margin:64px 0 0 30px; span { font-weight:bold; font-size:18px; line-height:24px; } } .form { margin:72px 0 0 20px; a { display:inline-block; background:transparent url('img/wyslij_bg.png') 100% 8px no-repeat; padding:0 20px 0 0; font-weight:bold; font-size:15px; line-height:28px; color:#fff; text-decoration:none; } } } } #menu_100 { float:left; width:100%; background:url('img/gradient.png') left 0px repeat-x; #menu { width:@width; margin:0 auto; a.item { float:left; font-weight:bold; font-size:15px; line-height:53px; text-decoration:none; padding:0 20px; color:#fff; border-left:1px solid #ff5757; } a.item.last { border-right:1px solid #ff5757; } a.item:hover { background:@blue url('img/gradient.png') left -53px repeat-x; color:#000; border-left:1px solid #fff; } a.item.on { background:@blue url('img/gradient.png') left -53px repeat-x; color:#000; border-left:1px solid #fff; } } } #footer_100 { float:left; width:100%; #footer1 { width:@width; margin:10px auto 0 auto; .logo { margin:5px 0 0 0; } .menu { float:right; margin:40px 0 0 0; a.item { float:left; font-weight:normal; font-size:12px; line-height:22px; text-decoration:none; padding:0 20px; color:#fff; } a.item:hover { color:#aaa; } } } #footer2 { width:@width; margin:60px auto 90px auto; text-align:center; p { padding:0; color:@blue_jasny; font-size:10px; } } } #content_100 { float:left; padding:1px 0 0 0; width:100%; background:#fff; #content { width:@width; margin:0 auto 1px auto; min-height:650px; } } #bocian_kalkulator { float:left; width:198px; margin:40px 0 10px 0; text-align:center; .head { .naokraglo_top(); background:url(img/gradient.png) left -106px repeat-x; height:76px; padding:0 10px; p { padding:8px 0 0 0; font-weight:normal; font-size:26px; line-height:29px; color:#fff; } } .content { padding:8px; border-left:1px solid @ramka_szara; border-right:1px solid @ramka_szara; border-bottom:1px solid @ramka_szara; .naokraglo_bottom(); p.sprawdz { padding:5px 0; text-align:left; font-size:10px; line-height:14px; color:#203a79; } p.wybierz { font-weight:bold; color:#227ccf; text-align:left; } select { width:176px; } input.zamow { .naokraglo(); background:url(img/gradient.png) left -182px repeat-x; cursor:pointer; margin:10px 0 0 0; width:106px; height:29px; border:none; font-weight:bold; font-size:16px; color:#fff; } } } .home { #kol_prawa { background:url(img/home_bg.png) 100% 100% no-repeat; height:368px; margin:0; h3.home { background:none; margin:0; padding:32px 0 110px 0; font-weight:normal; font-size:50px; color:#227ccf; } .txt p { font-weight:bold; font-size:20px; color:#c22027; line-height:30px; padding:0 0 0 20px; background:url(img/punktor.png) left 50% no-repeat; } .txt { margin:-151px 0 0 -1px; } .txt_cien p { font-weight:bold; font-size:20px; color:#fff; line-height:30px; padding:0 0 0 20px; } } } #content.news { #kol_prawa { margin-top:40px; } } .news { p.head { text-decoration:none; font-size:22px; line-height:40px; color:@blue_news; } .item { margin:0 0 5px 0; .head { .tytul, .tytul a { float:left; font-weight:bold; color:@blue_news; text-decoration:none; } .data { float:right; color:@blue_news; } } .tresc { font-size:10px; color:#595959; line-height:13px; text-align:justify; } } } .news.news_jeden, .news.news_lista { p.head { text-decoration:none; font-size:22px; line-height:40px; color:@blue_news; } .item { margin:0 0 5px 0; .head { margin:0 0 10px 0; .tytul, .tytul a { float:left; font-weight:bold; color:@blue_news; text-decoration:none; } .data { float:right; color:@blue_news; } } .tresc { margin:0 0 10px 0; font-size:12px; color:#595959; line-height:18px; text-align:justify; } } } #home_trojka { border-top:1px solid #f6f6f6; margin:1px 0 10px 0; .news.news_home { float:left; width:380px; a.k3 { float:right; margin-top:10px; font-size:12px; line-height:20px; color:#8f8f8f; text-decoration:none; } } .konkurs, .kamera { float:right; border-left:1px solid #f6f6f6; padding:120px 0 0 130px; a { text-decoration:none; } } .konkurs { width:270px; padding:0 0 0 10px; background:url(img/konkurs_bg.png) 10px 20px no-repeat; a { float:left; text-decoration:none; padding-left:50px; } a.k1 { padding-top:31px; font-weight:bold; font-size:34px; color:#b80000; text-transform:uppercase; line-height:normal; } a.k2 { font-weight:bold; color:#000; text-transform:uppercase; line-height:normal; } a.k3 { padding-left:140px; margin-top:20px; font-size:12px; line-height:20px; color:#8f8f8f; } } .kamera { width:280px; padding:0 0 0 10px; background:url(img/kamera.png) 10px 26px no-repeat; a { float:left; text-decoration:none; padding-left:50px; } a.k1 { padding-top:35px; font-weight:bold; font-size:18px; color:#b80000; text-transform:uppercase; line-height:normal; } a.k2 { font-weight:bold; font-size:18px; color:#616161; text-transform:uppercase; line-height:normal; } a.k3 { margin-top:35px; padding-left:140px; font-size:12px; line-height:20px; color:#8f8f8f; } } } #content.konkurs { background:url(img/bocian_bg.png) 100% 100% no-repeat; } .oddzialy { width:100%; .oddzial { float:left; width:247px; padding:0; margin-bottom:50px; p { a { font-weight:bold; text-decoration:none; } a:hover { color:#696969; } } p.miasto { font-weight:bold; font-size:18px; color:@blue; } } } .kontakt { #dane_kontaktowe { background:url(img/kontakt_bg.png) 100% 0px no-repeat; width:100%; height:395px; p { font-size:18px; color:@blue; line-height:24px; margin:10px 0; } p.infolinia { margin:0; font-weight:bold; font-size:24px; color:#696969; span { font-size:38px; color:#e41d25; } } p.oplata { margin:0; font-size:11px; color:#696969; } p.sms { margin:0; font-weight:bold; font-size:24px; color:#696969; span { color:#e41d25; } } } p.napisz { font-weight:bold; font-size:24px; color:#696969; line-height:50px; } } #napisz_do_nas { margin:0 0 20px 0; } #dane_teleadresowe { float:right; width:315px; padding:20px; background-color:@blue; .naokraglo(); h4 { font-size:18px; font-weight:normal; color:#fff; } p, a { font-size:13px; color:#fff; margin:10px 0; line-height:16px; text-decoration:none; } a:hover { color:#aaa; } } .pozyczka_gotowkowa { #kol_prawa { p, a { margin:10px 0; } ul.niebieskie_kropki li { color:#0091d2; } ul.niebieskie_kropki li p { color:#ff0000; font-weight:bold; margin:0; padding:0; } } } .pozyczka_wykaz, .pozyczka_zamow, .tabela { .head { background:url(img/gradient.png) left -211px repeat-x; } .kolor { background-color:#eaf3ff; } } .pozyczka_wykaz { .tr, .td { float:left; text-align:center; } .tr { line-height:14px; text-align:center; } .td { line-height:47px; text-align:center; } .head { padding-top:5px; height:48px; font-weight:bold; font-size:12px; color:#fff; } .content { border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:20px; font-size:14px; color:#727272; .kwota, .okres, .rata { font-weight:bold; color:#bf0008; } } .kwota { width:100px; } .okres { width:70px; } .rata1 { width:100px; } .rata { width:100px; } .koszt { width:100px; } .oplata { width:100px; } .rrso { width:90px; } .calk { width:100px; } .zamow { width:78px; a { .naokraglo(); background:url(img/gradient.png) left -182px repeat-x; padding:5px 10px; font-weight:bold; color:#fff; } } } .pozyczka_zamow { .tr, .td { float:left; text-align:center; } .tr { line-height:14px; text-align:center; } .td { line-height:47px; text-align:center; } #kol_prawa { padding-top:40px; } .table { .head { padding:0 0 0 10px; margin:0 0 10px 0; line-height:53px; font-weight:bold; font-size:24px; color:#fff; } .content { border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:20px; font-size:14px; color:#727272; .item { clear:both; line-height:36px; height:36px; .opis { float:left; width:350px; text-align:right; font-weight:bold; font-size:14px; color:@blue; } .wartosc { float:left; padding:0 0 0 30px; font-weight:bold; font-size:14px; color:#e41d25; } } .kwota, .okres, .rata { font-weight:bold; font-size:14px; color:#bf0008; } } } p.txt1 { font-weight:bold; font-size:13px; color:#e41d25; margin:20px 0; } .kwota { width:100px; } .okres { width:70px; } .rata1 { width:100px; } .rata { width:100px; } .koszt { width:100px; } .oplata { width:100px; } .rrso { width:90px; } .calk { width:100px; } .zamow { width:78px; a { .naokraglo(); background:url(img/gradient.png) left -182px repeat-x; padding:5px 10px; font-weight:bold; color:#fff; } } } #xxxinformacje_prawne { #kol_prawa { p, a { font-size:14px; line-height:18px; margin:10px 0; } a { color:@blue_news; } a:hover { color:@blue; } } } .praca { #kol_prawa { p { font-size:14px; line-height:18px; margin:10px 0; } p.bold_na_niebiesko { font-weight:bold; color:@red; } } .dekoracja { background:url(img/praca_bg.jpg) left bottom no-repeat; width:100%; height:337px; } } #praca_wykaz_ofert { .item { line-height:22px; clear:both; .opis { width:220px; font-size:14px; font-weight:bold; color:#888; text-align:right; padding:0 10px 0 0; } .stan, .miejsce, .data { font-size:14px; font-weight:bold; } .stan { color:@red; } .miejsce, .data { color:#333; } } } .praca_oferta { #kol_prawa { padding:40px 0 0 0; p { font-size:14px; color:#888; margin:2px 0; span { font-weight:bold; color:@blue; } } .opis { margin:20px 0; } } } .formularz { .item { clear:both; margin-bottom:5px; label { width:200px; text-align:right; line-height:24px; margin:0; } input, textarea, select { width:350px; } .input { input, textarea, select { width:350px; } } .token { input { width:146px; } } .czerwona_gwiazdka { line-height:24px; text-align:center; width:20px; color:#ff0000; } .token_img { width:400px; margin:10px 0 5px 220px; img { display:inline-block; } } #token_input { width:150px; } } .item.checkbox { padding-left:200px; margin-top:10px; margin-bottom:0; input { width:auto; } } .item.uwaga { padding-left:200px; margin-bottom:10px; .txt { width:520px; font-size:10px; line-height:12px; } } .item.submit input { background:url(img/gradient.png) left -182px repeat-x; border:none; width:auto; padding:0 20px; margin:0 0 0 220px; height:29px; .naokraglo(); font-weight:bold; font-size:16px; color:#fff; } } .praca_oferta .formularz { margin:20px 0 0 0; } #admin { background-color:@admin; p { color:#fff; a { color:#fff; } } } .admin { padding:5px !important; color:@admin !important; xxfont-size:10px !important; xxline-height:12px !important; text-decoration:none !important; } .active_plus { color:green; } .active_minus { color:red; } /* START - stopka PROJEKTwww */ .copyright { float:right; margin-top:30px; width:100%; text-align:right; } .projekt, .projekt a { font-size:12px; color:#6888D6; color:lighten(@blue, 10%); text-decoration: none; } .projekt a span { color:#6888D6; color:@blue; color:lighten(@blue, 10%); font:bold 13px/17px arial,tahoma,verdana,sans-serif; } span.fPr {font-family:arial !important; letter-spacing:-1px;} span.fDot, a span.fDot {margin:0 -3px 0 -3px; z-index:10; font-size: 30px; font-weight: bold;} span.fWw {letter-spacing:-1px;} .projekt a:hover span.fPr, .projekt a:hover span.fDot{color:#ff4c00; text-decoration: none;} .projekt a:hover span.fPl{color:#3f6267; text-decoration: none;} .projekt a:hover span.fWw{color:#c4d4d6; text-decoration: none;} /* END - stopka PROJEKTwww */