/* * author: studiofabryka.pl * theme: signdesign * * cd: 2010/05/21 */ #content { width:960px; margin:0 auto; position:relative; } #logobg { position:relative; top:0; left:0; width:345px; height:232px; z-index:-10; } #floral { position:absolute; z-index:10; left:-20px; } #logo1 { position:absolute; z-index:10; top:0; right:5px; } #logo2 { position:absolute; top:-3px; left:-14px; z-index:5; } #belka { height:43px; width:345px; background:#202020; position:absolute; top:43px; z-index:5; } a#logo { display:block; width:350px; height:120px; position:absolute; top:0; left:0; z-index:50; } #seo_box { position:absolute; top:28px; right:0; width:475px; text-align:right; } #seo_box h3 { color:#b2b2a1; font-size:20px; border-bottom:3px solid #7a7c6d; padding-bottom:10px; margin-bottom:10px; } #seo_box h3 strong { color:#fff; } #seo_box p { font-size:16px; color:#b2b2a1; } #nav { position:absolute; top:130px; right:0; } #nav li { float:left; } #nav a { text-transform:uppercase; text-decoration:none; color:#B2B2A1; font-size:25px; padding:0 0 0 30px; } #nav a.hit { color:#EFE43B; } #nav a:hover { color:#fff; } .main { width:960px; height:379px; background:#57564e; position:relative; top:-60px; left:0; z-index:30px; } .slider { float:left; width:960px; height:379px; overflow:hidden; position:relative; background:url(../images/slide-00.jpg) top no-repeat; } .slides { position:relative; } .slides div { position:absolute; height:379px; display:none; top:0; left:0; } .slidetabs, .navi { position:absolute; bottom:10px; left:10px; } .navi2 { position:absolute; bottom:10px; left:515px; } .slidetabs a, .navi a { background: url(../images/navigator.png) 0 0 no-repeat; width:15px; height:15px; display:block; float:left; margin:1px; } .slidetabs a:hover, .navi a:hover { background: url(../images/navigator.png) 0 -15px no-repeat; } .slidetabs a.selected, .navi a.active { background: url(../images/navigator.png) 0 -30px no-repeat; } .scrollable { width:960px; height:379px; position:relative; overflow:hidden; } .scrollable2 { width:505px; height:379px; position:relative; overflow:hidden; } .scrollable .items, .scrollable2 .items { width:20000em; position:absolute; clear:both; } .scrollable .items div { float:left; width:960px; height:379px; } .scrollable2 .items div { float:left; width:505px; height:379px; } .scrollable .items img { float:left; width:320px; height:379px; background:#fff; } .scrollable2 .items img { float:left; width:505px; height:379px; background:#fff; } .scrollable .items a { float:left; width:320px; height:379px; display:block; } .items a:hover { opacity:.8; filter:alpha(opacity=80); } a.prev { width:30px; height:30px; position:absolute; top:175px; left:-15px; background:url(../images/hori_large.png) 0 0 no-repeat; display:block; z-index:30; } a.prev:hover { background:url(../images/hori_large.png) -30px 0 no-repeat; } a.prev:active { background:url(../images/hori_large.png) -60px 0 no-repeat; } a.next { width:30px; height:30px; position:absolute; top:175px; right:-15px; background:url(../images/hori_large.png) 0 -30px no-repeat; display:block; z-index:30; } a.drugieprawo { width:30px; height:30px; position:absolute; top:175px; left:490px; background:url(../images/hori_large.png) 0 -30px no-repeat; display:block; z-index:30; } #lupa { position:absolute; bottom:5px; left:450px; z-index:20; } a.next:hover { background:url(../images/hori_large.png) -30px -30px no-repeat; } a.next:active { background:url(../images/hori_large.png) -60px -30px no-repeat; } #txt { position:absolute; bottom:35px; left:515px; width:435px; height:auto; } #txt p, .back { color:#b2b2a1; font-size:18px; } .back { position:absolute; top:10px; right:10px; text-decoration:none; } .back:hover { opacity:.7; filter:alpha(opacity=70); } #maintxt { float:left; overflow:auto; width:920px; height:339px; padding:10px 10px 10px 5px; } #maintxt p, #maintxt ul, #maintxt ol { margin-bottom:15px; line-height:1.5em; font-size:13px; } #maintxt h2 { font-size:20px; margin: 0 0 10px 0; text-transform:uppercase; } #maintxt a { color:#EFE43B; font-weight:bold; } #maintxt ul { margin-left:15px; } #maintxt ol { margin-left:25px; } #maintxt ul li { list-style:square; } #maintxt ol li { list-style:decimal; } #foot { position:absolute; top:560px; width:960px; } #foot p { float:right; text-align:right; color:#B2B2A1; font-size:15px; width:auto; } #foot strong { color:#fff; } #foot .madeby { float:left; text-align:left; width:auto; text-decoration:none; color:#B2B2A1; font-size:15px; } #foot .madeby strong { text-transform:capitalize; color:#fff; } /* * formularz kontaktowy */ .leftp { float:left; width:220px; } #kontakt { position:absolute; top:5px; right:0; width:460px; } #kontakt fieldset { padding:10px 0 10px 15px; background:#47473e; } label { float:left; width:50%; } #kontakt span { float:left; clear:left; margin:3px 0 3px 0; } #kontakt img { float:left; margin:3px 0 0 10px; } #kontakt input { float:left; clear:left; margin:3px 0 3px 0; width:200px; padding:2px; border:1px solid #47473d; } textarea { height:130px; float:left; clear:left; margin:3px 0 3px 0; width:420px; padding:2px; } #kontakt #k_kod { width:140px; } #kontakt label.clearall { clear:left; width:100%; } #kontakt .button { width:auto; padding: 4px 8px; float:right; clear:none; margin:5px 15px 0 0; } #kontakt .info { padding:0 0 5px 0; } /* * WALIDACJA jquery */ .error { float:left; width:80%; color:#fff; height:1.2em; margin:0; display:none; font-size:13px; font-weight:bold; padding:10px 0 0 0; text-align:right; font-family: Arial, Helvetica, sans-serif; } .error-input, .error-both, .error-same, .error-email, .error-string { background:#f9f6bb; } .targeo-map-lite { float:left; clear:left; } /* facebook plugin */ #facebookslider { position:fixed; right:-217px; top:25%; background: url('../images/facebook.png') 0 0 no-repeat; width:244px; height:380px; z-index:10000; } #facebookslider iframe { float:right; margin:8px 8px 0 0; background: #fff; } .clicktofb { display:block; width:32px; height:110px; margin-top:0; float:left; }