/*************************************************************************************************** * reset **************************************************************************************************/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, hr, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } body { border:0; line-height:1; width:100%; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } del { text-decoration:line-through; } ins { text-decoration:none; } img { border: 0; } ol, ul { list-style:none; } table { border-collapse:collapse; border-spacing:0; } /*************************************************************************************************** * font **************************************************************************************************/ @font-face { font-family: 'AriNarRegular'; src: url('/css/font/arinar-wf.eot'); src: url('/css/font/arinar-wf.eot?#iefix') format('embedded-opentype'), url('/css/font/arinar-wf.woff') format('woff'), url('/css/font/arinar-wf.ttf') format('truetype'), url('/css/font/arinar-wf.svg#AriNarRegular') format('svg'); font-weight: normal; font-style: normal; } /*************************************************************************************************** * global **************************************************************************************************/ body { background:#fff url("../gfx/bg-body.jpg") repeat-x 0 0; font-family:Tahoma,Arial,Verdana,sans-serif; font-size:11px; text-align:center; } a { text-decoration:none; } h1,h2,h3,h4,h5 { margin:0; padding:0; font-family:Arial Narrow,'AriNarRegular',Arial,sans-serif; font-weight:normal; } input,select,textarea { font-family:inherit; font-size:inherit; } .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .italic { font-style:italic; } .strong { font-weight:bold; } .fl { float:left; } .fr { float:right; } .more { background:url("../gfx/more-red.gif") no-repeat 100% 2px; color:#e67067; padding-right:16px; text-decoration:underline; } .more:hover { color:#D52B1E; text-decoration:none; } /* .more { background:url("../gfx/more.gif") no-repeat 100% 3px; color:#e67067; padding-right:16px; text-decoration:underline; } */ #wrapper { margin:0 auto; text-align:left; width:990px; } /*************************************************************************************************** * header **************************************************************************************************/ #header { height:63px; position:relative; } #header #logo { background:url("../gfx/logo.gif") no-repeat 0 0; display:block; height:60px; width:209px; position:absolute; top:20px; left:4px; } #header #logo span { visibility:hidden; } #header #top_nav { color:#6066bf; position:absolute; top:0; right:-10px; } #header #top_nav li { border-left:1px dotted #5c60aa; float:left; height:21px; padding:20px 14px 0; } #header #top_nav a { color:#6066bf; } #header #top_nav a:hover { color:#d94b41; } #header #top_nav #sitemap { border:0; } #header #top_nav #sitemap a { background:url("../gfx/icon-sitemap.gif") no-repeat 0 2px; padding-left:28px; } #header #top_nav #rss a { background:url("../gfx/icon-rss.gif") no-repeat 0 0; display:inline-block; height:15px; padding-left:24px; } #header #top_nav #search { height:21px; } #header #top_nav #search form { background:#fff; border:1px solid #b9b9b9; color:#919191; height:20px; padding:1px 3px 1px 3px; width:150px; position:relative; top:-6px; } #header #top_nav #search form input { background:#fff; border:0; color:#919191; width:127px; } #header #top_nav #search form #searchSubmit { width:auto; position:relative; top:2px; left:2px; } #header #top_nav #lang a.current { color:#f28d85; font-weight:bold; } /*************************************************************************************************** * nav **************************************************************************************************/ #nav { height:37px; position:relative; font-family:Arial Narrow,'AriNarRegular',Arial,sans-serif; } #nav ul { position:absolute; top:10; right:4px; } #nav ul li { background:url("../gfx/nav.gif") no-repeat 100% 6px; float:left; margin-left:10px; padding-right:15px; } #nav ul li.last { background:transparent; padding:0; } #nav ul li a { color:#001c58; font-size:17px; } #nav ul li a:hover { color:#4c5399; } #nav ul li a.current { color:#d52b1e; } /*************************************************************************************************** * banner **************************************************************************************************/ #banner_wrapper { background:#fff; height:211px; padding:4px; } #banner { float:left; height:211px; overflow:hidden; width:671px; position:relative; } #banner #slide_nav { position:absolute; bottom:10px; left:10px; z-index:500; } #banner #slide_nav li { float:left; margin-right:4px; } #banner #slide_nav li a { background:#fff; display:block; height:5px; width:55px; } #banner #slide_nav li.current a { background:#d52b1e; } #banner_text { background:#1a206d url("../gfx/banner-bg.gif") no-repeat 0 0px; float:right; height:133px; padding:39px 22px 39px 22px; width:261px; position:relative; } #banner_text h1 { color:#fff; font-size:27px; } #banner_text h2 { color:#bec3ff; font-size:22px; margin-bottom:20px; } #banner_text p { color:#fff; height:50px; line-height:1.5; overflow:hidden; } #banner_text a.more{ background:url("../gfx/more.gif") no-repeat 100% 3px; color:#bec3ff; position:absolute; bottom:30px; right:22px; } #banner_text a.more:hover { color:#fff; } /*************************************************************************************************** * boksy **************************************************************************************************/ /*************************************************************************************************** * main **************************************************************************************************/ #main { margin:0 4px 35px; } /*************************************************************************************************** * aside **************************************************************************************************/ #aside { float:left; width:234px; } #aside .boks { margin-top:4px; } #aside .boks a { display:block; height:65px; width:234px; } #aside #nawozy-rolnicze-pl { background:url("../gfx/nawozy-rolnicze-pl.jpg") no-repeat 0 0; } #aside #nawozy-rolnicze-pl:hover { background-position:0 -65px; } #aside #produkty-chemiczne-pl { background:url("../gfx/produkty-chemiczne-pl.jpg") no-repeat 0 0; } #aside #produkty-chemiczne-pl:hover { background-position:0 -65px; } #aside #uslugi-przeladunkowe-pl { background:url("../gfx/uslugi-przeladunkowe-pl.jpg") no-repeat 0 0; } #aside #uslugi-przeladunkowe-pl:hover { background-position:0 -65px; } #aside #laboratorium-pl { background:url("../gfx/laboratorium-pl.jpg") no-repeat 0 0; } #aside #laboratorium-pl:hover { background-position:0 -65px; } #aside #nieruchomosci-pl { background:url("../gfx/nieruchomosci-1-pl.jpg") no-repeat 0 0; } #aside #nieruchomosci-pl:hover { background-position:0 -65px; } #asideNav h3 { color:#001c58; font-size:20px; } #asideNav { background:#e4e4e4; padding:15px 14px; } #asideNav ul { margin-top:20px; } #asideNav li { background:url("../gfx/asideNav-1.gif") no-repeat 3px 5px; line-height:1.5; padding:0 0 5px 18px; } #asideNav li a { color:#001c58; } #asideNav li a:hover { color:#d52f23; } #asideNav li a.current { color:#001c58; font-weight:bold; } #asideNav li ul { margin-top:10px; } #asideNav li li { background:url("../gfx/asideNav-2.gif") no-repeat 0 5px; padding-left:10px; } #asideNav li li a { color:#787dd2; } #asideNav li li a:hover { color:#d52f23; } #asideNav li li li { background:url("../gfx/asideNav-3.gif") no-repeat 0 6px; padding-left:10px; } #asideNav li li li a { color:#787dd2; } #asideNav li li li a:hover { color:#d52f23; } /*************************************************************************************************** * content **************************************************************************************************/ #content { float:left; margin:22px 0 0 34px; width:640px; } #content a { color:#e67067; } #content a:hover { text-decoration:none; color:#D52B1E; } #content h1 { color:#001c58; font-size:24px; margin-bottom:24px; } #content p { color:#777777; line-height:1.5; margin-bottom:15px; } #content p.title { color:#6066bf; font-weight:bold; margin-bottom:5px; } #content h3 { color:#e67067; font-size:14px; margin-bottom:20px; } #content h3 a { color:#e67067; } #content hr { border-top:1px dotted #8091be; margin-bottom:15px; } #content ul { color:#848484; line-height:1.5; margin:0 0 15px 15px; } #content ol { list-style:decimal inside; color:#848484; line-height:1.5; margin:0 0 15px 15px; } #content ul li { background:url("../gfx/li.gif") no-repeat 0 7px; padding-left:20px; } #content ul ul, #content ol ol, #content ul ol,#content ol ul { margin-bottom:0; } #content table { color:#777777; line-height:1.5; margin-bottom:15px; } #content .highlight { background:#fefd82; font-weight:bold; } #content .pogrubiony_zielony { font-weight:bold; color:#6066bf; } #content #breadcrumb { margin:0 0 30px 0; } #content #breadcrumb li { background:transparent; color:#848484; display:inline; font-weight:bold; padding:0; } #content #breadcrumb li a { background:url("../gfx/breadcrumb.gif") no-repeat 100% 5px; color:#848484; font-weight:normal; margin-left:5px; padding-right:12px; } #content #breadcrumb li a.last { background:transparent; padding:0; } .formularz { } .formularz label { display:block; float:left; padding:5px 15px 0 0; text-align:right; width:150px; } .formularz .text { border:1px solid #c6c6c6; padding:5px; } .formularz input.text { width:255px; } .formularz textarea.text { height:190px; width:400px; } .formularz .error { border-color:#f00; } .tabelka { border-bottom:1px solid #f4f4f4; margin-bottom:15px; width:100%; } .tabelka thead th, .tabelka thead td { background:#33bc85; border:1px solid #fff; color:#fff; padding:6px; text-align:left; vertical-align:middle; } .tabelka td { background:#f4f4f4; border:1px solid #fff; color:#5e5e5e; padding:8px 6px; vertical-align:middle; } .tabelka tr.odd td { background:#fff; } .gal { float:left; height:73px; margin:0 7px 8px 0; overflow:hidden; width:110px } .gal.last { margin-right:0; } /*************************************************************************************************** * footer **************************************************************************************************/ #footer { margin:0 4px 20px; } #footer #copy { background:#d52b1e; color:#fff; float:left; font-weight:bold; padding:9px 0; text-align:center; width:165px; } #footer ul { background:#1a206d; float:right; padding-left:45px; width:765px; } #footer ul li { background:url("../gfx/footer-li.gif") no-repeat 100% 13px; float:left; margin-right:20px; padding:9px 26px 9px 0; } #footer ul li.last { background:transparent; } #footer ul li a { color:#fff; font-weight:bold; } #footer ul li a:hover { color:#BEC3FF; } #footer p { color:#ababab; line-height:1.2; font-size:9px; margin-top:16px; margin-left:10px; margin-right:10px; } #footer p img { margin-right:10px; } #footer p a { color:#ababab; } /*************************************************************************************************** * home **************************************************************************************************/ #home #banner_wrapper { height:272px; } #home #banner { height:272px; width:672px; } #home #banner_text { height:194px; } #home #banner_text p { height:100px; } #home #main { margin-top:15px; } #home #boksy li { float:left; margin-right:4px; } #home #boksy li a { display:block; height:65px; } #home #boksy #home-nawozy-rolnicze-pl { background:url("../gfx/home-nawozy-rolnicze-pl.jpg") no-repeat 0 0; width:165px; } #home #boksy #home-nawozy-rolnicze-pl:hover { background-position:0 -65px; } #home #boksy #home-produkty-chemiczne-pl { background:url("../gfx/home-produkty-chemiczne-pl.jpg") no-repeat 0 0; width:178px; } #home #boksy #home-produkty-chemiczne-pl:hover { background-position:0 -65px; } #home #boksy #home-uslugi-przeladunkowe-pl { background:url("../gfx/home-uslugi-przeladunkowe-pl.jpg") no-repeat 0 0; width:207px; } #home #boksy #home-uslugi-przeladunkowe-pl:hover { background-position:0 -65px; } #home #boksy #home-laboratorium-pl { background:url("../gfx/home-laboratorium-pl.jpg") no-repeat 0 0; width:192px; } #home #boksy #home-laboratorium-pl:hover { background-position:0 -65px; } #home #boksy #home-nieruchomosci-pl { background:url("../gfx/home-nieruchomosci-1-pl.jpg") no-repeat 0 0; width:223px; } #home #boksy #home-nieruchomosci-pl:hover { background-position:0 -65px; } #home #boksy li.last { margin:0; } #home .box { float:left; margin-top:35px; } #home .box h3 { color:#011a58; font-size:17px; margin-bottom:25px; } #home .box .item { background:url("../gfx/grey-right.gif") no-repeat 6px 4px; border-left:1px dotted #8091be; float:left; height:116px; padding-left:20px; position:relative; } #home .box .item a.more { position:absolute; bottom:5px; left:20px; } #home .box .item p { color:#676767; height:65px; line-height:1.5; overflow:hidden; } #home .box .item p.title { color:#5c60aa; font-weight:bold; height:auto; margin-bottom:12px; } #home .item1 { width:105px; margin-right:43px; } #home .item2 { width:115px; margin-right:67px; } #home .item3 { width:120px; margin-right:51px; } #home .item4 { width:105px; margin-right:70px; } #home .item5 { background:transparent !important; border:0 !important; margin-right:24px; padding:0 !important; width:26px; } #home .item6 { width:115px; } /*************************************************************************************************** * clearfix **************************************************************************************************/ .clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; } .clearfix:after { clear:both; content:" "; display:block; height:0; font-size:0; visibility:hidden; } * html .clearfix { zoom:1; } *:first-child+html .clearfix { zoom:1; }