/* * * Stylesheet for ^Direct ABC Contact * * @colordef black #0C0402 * @colordef dark red #591F08 * @colordef dark orange #FE7C00 * @colordef light orange #FD8D00 * @colordef creme #FAF7F2 * * @todo */ @import url("reset.css"); /* =Layout~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ body {background:#fff url('../images/bg.gif') center 70px repeat-x; font:normal .75em Arial, Tahoma, sans-serif; padding:20px 0 1em; } .wrapper {margin:0 auto; position:relative; width:980px; } .initial { font-size:1.09em } .hidden { display:none !important } a { color:#333 } a:hover { text-decoration:underline !important } button { cursor:pointer; } hr { display:none } strong{font-weight:bold;} /* =Header~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #header {height:140px; margin-bottom:22px; } /* Logo */ #header h1, #header h2 {height:150px; left:415px; position:absolute; top:0; } #header h1 a, #header h2 a {background:url('../images/logo.png') no-repeat; display:block; height:150px; overflow:hidden; text-indent:-999em; width:164px; } /* Search */ #search {left:0px; position:absolute; top:10px; width:270px; } #search legend, #search label { display:none } #search input {background:url('../images/search.input.gif') 0 0 no-repeat; border:0; color:#000; display:block; float:left; font:normal 11px Arial, Verdana, sans-serif; height:17px; margin-right:9px; padding:4px 7px 4px 7px; width:184px; } #search button { background:none; background-repeat:no-repeat; border:0; display:block; float:right; height:22px; overflow:hidden; text-indent:-9998em; padding-top:22px; width:62px; } body.pl #search button { background:url('../images/search.button.gif') left 3px no-repeat;} body.en #search button { background:url('../images/search.button_en.gif') left 3px no-repeat;} /* Quick links */ #quick-links {display:inline; font:normal .86em Arial, serif; position:absolute; right:15px; text-transform:uppercase; top:10px; } #quick-links li {display:inline; float:left; margin-left:10px; } #quick-links a {color:#333; text-decoration:none; } #quick-links #q-polish a, #quick-links #q-english a {display:block; float:left; height:34px; overflow:hidden; text-indent:-999em; width:34px; } #quick-links #q-polish a { background:url('../images/lang_navi.gif') right top;} #quick-links #q-english a { background:url('../images/lang_navi.gif') left top;} #quick-links #q-print a {display:block; float:left; height:34px; overflow:hidden; text-indent:-999em; width:88px; background:url('../images/top_navi.gif') left 7px no-repeat;} #quick-links #q-sitemap a {display:block; float:left; height:34px; overflow:hidden; text-indent:-999em; width:95px; background:url('../images/top_navi.gif') right 7px no-repeat;} body.en #quick-links #q-print a {background:url('../images/top_navi_en.gif') left 7px no-repeat;} body.en #quick-links #q-sitemap a{background:url('../images/top_navi_en.gif') right 7px no-repeat;} #menu-lewe {background:url('../images/menu_bg.gif') left top no-repeat; color:#FFF; font:normal 12px Arial, sans-serif; height:120px; padding:0 0px 0 23px; position:absolute; text-transform:uppercase; top:55px; width:360px; } #menu-prawe {background:url('../images/menu_bg.gif') right top no-repeat; color:#FFF; font:normal 12px Arial, sans-serif; height:120px; padding:0 4px 0 21px; position:absolute; text-transform:uppercase; top:55px; width:350px; } #menu-prawe {padding-left:30px; right:0; width:349px; } body.en #menu-lewe {padding-left:43px;width:340px; } body.en #menu-prawe {padding-left:22px; right:0; width:357px; } #menu-lewe li, #menu-prawe li {padding:0 0 40px 41px; height:30px; float:left; background:url('../images/menu.star.png') 10px top no-repeat;} #menu-lewe a, #menu-prawe a {display:block;line-height:30px; padding:0 10px 50px 0; font-weight:bold; color:#FFF; text-decoration:none; } #menu-lewe li.active, #menu-prawe li.active {padding-left:41px; background:url('../images/menu_bg_active_left.gif') 11px top no-repeat; } #menu-lewe li.active a, #menu-prawe li.active a{ background:url('../images/menu_bg_active_right.gif') right top no-repeat;} #menu-lewe .last a, #menu-prawe .last a {background:none; margin-right:0; padding-right:0; } #menu-lewe li.first, #menu-lewe li.first, #menu-prawe li.first, #menu-prawe li.first{background-image: none; padding-left:18px;} #menu-lewe li.first.active, #menu-lewe li.first.active, #menu-prawe li.first.active, #menu-prawe li.first.active{background:url('../images/menu_bg_active_left.gif') -12px top no-repeat; padding-left:18px;} #menu-prawe #q-small { background:none; font-size:10px; line-height:14px;padding:0; padding-left:30px } #menu-prawe #q-medium { background:none; font-size:12px; line-height:14px;padding:0; padding:0 0 0 4px } #menu-prawe #q-large { background:none; font-size:14px; line-height:14px;padding:0; padding:0 10px 0 4px } /* =Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #content {margin-bottom:1em; /* min-height:500px; */ width:980px; } #main #content {/* height:475px; */margin-bottom:0; width:980px; } /* Main no-flash */ #main #content #noflash, #main #content #flash {background-repeat: no-repeat; height:400px; position:relative; width:980px; } #main.pl #content #noflash { background-image:url('../images/pl/main.jpg') } #main.en #content #noflash { background-image:url('../images/en/main.jpg') } #main #content #noflash a {display:block; height:34px; overflow:hidden; position:absolute; text-indent:-99em; } #main #content #noflash #nf-services a {left:198px; top:298px; width:215px; } #main #content #noflash #nf-work a {left:637px; top:367px; width:92px; } #main #content #noflash #nf-correspondence a {left:588px; top:107px; width:274px; } /* Nav */ #nav {background:url('../images/submenu_bg.gif') center top repeat-x; color:#000; text-align:center; font:normal 11px Arial, serif; margin:0 0 1em; height:40px; text-transform:uppercase; clear:both;} #nav li {display:inline;padding:0 16px;} #nav a {color:#831f1f; font-weight:bold; /*display:block; float:left; height:37px;*/ text-decoration:none; padding-bottom:20px} #nav li.active a{background:url('../images/submenu_bg_active.gif') center top no-repeat; padding-bottom:20px } /* Flash */ #graphic-left {background:url('../images/loading.gif') center center no-repeat; height:385px; width:440px; float:left;} /* Breadcrumbs */ #breadcrumbs { color:#666; margin-bottom:18px !important; } #breadcrumbs strong { font-weight:bold } #breadcrumbs a { color:#666 } #breadcrumbs a:hover { color:#333 } /* Body */ #body {color:#333; float:right; /*margin-right:40px;*/ position:relative; width:490px; min-height:520px; z-index:5; } #body h1, #body h2 , #partnerzy h2 ,#content h3{color:#514934; font:normal 1.5em Arial, serif; margin-bottom:1em; padding-left:25px; background:url('../images/h2_star.png') left 3px no-repeat; } #body p {margin-bottom:1em; line-height:150%; text-align:justify;} #body li{line-height:150%; text-align:justify;} #main_menu{height:165px;} #main_menu li{ float:left;padding-left:42px;} #main_menu li a{text-indent:-9999px;} #main_menu #b_1{padding-left:0;} #main_menu #b_1 a{display:block; width:299px; height:165px; background:url('../images/main_baner1.png') left top no-repeat;} #main_menu #b_2 a{display:block; width:298px; height:165px; background:url('../images/main_baner2.png') left top no-repeat;} #main_menu #b_3 a{display:block; width:298px; height:165px; background:url('../images/main_baner3.png') left top no-repeat;} #main_menu #b_4{padding-left:0;} #main_menu #b_4 a{display:block; width:299px; height:165px; background:url('../images/main_baner1_en.png') left top no-repeat;} #main_menu #b_5 a{display:block; width:298px; height:165px; background:url('../images/main_baner2_en.png') left top no-repeat;} #main_menu #b_6 a{display:block; width:298px; height:165px; background:url('../images/main_baner3_en.png') left top no-repeat;} #main_baner{padding:0 0 20px 0; margin-top:38px; clear:both; height:158px; background:url('../images/baner3.gif') left 0 no-repeat;} #main_baner_en{padding:0 0 20px 0; margin-top:38px; clear:both; height:158px; background:url('../images/main_baner_en.png') left 0 no-repeat;} /* Form */ #content form {overflow:auto; padding-bottom:22px; position:relative; } #content form legend {color:#C33; font:normal 14px Georgia, serif; margin-bottom:5px; text-transform:uppercase; } #content form label {cursor:pointer; display:block; float:left; margin-bottom:2px; padding-left:7px; width:80px;} #content input {background:url('../images/form.input.gif') no-repeat; border:0; display:inline; font:normal 10px Arial, Verdana, sans-serif; height:17px; margin-right:9px; padding:4px 7px 4px 7px; width:156px;} #content input.radio{width:20px;} #content textarea {background:url('../images/form.textarea.gif') no-repeat; border:0; font:normal 10px Arial, Verdana, sans-serif; height:92px; padding:4px 7px; width:346px; overflow:auto; } #content button.submit { background:none; background-repeat:no-repeat; border:0; display:block; height:22px; overflow:hidden; text-indent:-9998em; width:62px; margin-left:380px;} .pl #content button.submit { background-image:url('../images/pl/form.submit.gif') } .en #content button.submit { background-image:url('../images/en/form.submit.gif') } #content form .formdiv {clear:both; padding:4px 0;} #content form .formdiv.inline {clear:none; float:left; margin-bottom:4px; overflow:auto; width:190px; } /*#content form .formdiv label{float:left; width:80px;} #content form .formdiv input, #content form .formdiv textarea{float:left; margin-left:20px;}*/ #partnerzy{background:url('../images/partnerzy_bg.gif') center top no-repeat;padding-top:20px;} #partnerzy_lista{width:978px; height:78px; background:url('../images/partnerzy.jpg') center top no-repeat;} /* =Footer~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #footer {color:#838383; font:normal 12px Arial, serif; height:30px; margin-bottom:1em; text-transform:uppercase; clear:both; border-top:solid 1px #ccc} #footer a {color:#838383; text-decoration:none; font-weight:bold;} #footer p {padding:8px 5px; width:450px; font-weight:bold;} #footer p.address {float:left; } #footer p.contact {float:right; text-align:right;} /* -design~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ h5 {color:#838383; font:normal .91em Arial, serif; margin-bottom:1em; text-align:right; text-transform:uppercase; } h5 a {color:#838383; padding-right:5px; text-decoration:none; } /* -misc~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .clear{display:block; visibility:hidden; clear:both; line-height:0px; height:0px; } /* -site-map~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #list-sitemap{list-style:circle; margin:0px 0px 10px 20px;} #list-sitemap li{padding:2px 0;} #oddzialy{padding-left:20px;} #oddzialy .oddzial{width:367px;padding:30px 40px 15px 40px; background:url('../images/oddzial_border.gif') left top no-repeat;} #oddzialy .oddzial h4{font-size:16px; font-weight:bold; margin-bottom:20px;font-style:italic;} #oddzialy .oddzial p{padding-left:30px;font-size:13px; font-style:italic;} #oddzialy .oddzial_bottom{height:10px; margin-bottom:30px; width:447px;background:url(../images/oddzial_border.gif) left bottom no-repeat} #main_kontakt{float:right; display:block; overflow:hidden; margin-top:15px; text-decoration:none; background:url('../images/main_mapa.png') 0 0 no-repeat; width:137px; height:100px; padding: 30px 10px 30px 170px;} #main_kontakt:hover{text-decoration:underline;} #slider_box{position:relative;float:left; width:510px; padding:15px 62px 35px 65px; overflow:hidden;} #slider_box h3{} #slider{} #slider ul, #slider li, #slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;} #slider li, #slider2 li{ width:510px;height:100px;overflow:hidden; font-size:13px;} p#controls, p#controls2{margin:0;position:relative;} #prevBtn, #nextBtn, #firstBtn, #lastBtn{ display:block;margin:0;overflow:hidden;text-indent:-8000px; width:17px;height:97px;position:absolute;left:-62px;top:-100px;} #nextBtn, #lastBtn{ left:555px;} #prevBtn a, #nextBtn a, #firstBtn a, #lastBtn a { display:block;width:17px;height:97px;background:url(../images/main_slider.png) no-repeat -34px 0;} #nextBtn a{ background:url(../images/main_slider.png) no-repeat -51px 0; } #firstBtn{ background:url(../images/main_slider.png) no-repeat 0 0; } #lastBtn{ background:url(../images/main_slider.png) no-repeat -17px 0;} ul.lista_wojewodztw{padding-left:35px;} ul.lista_wojewodztw li{list-style-type:disc; padding-left:2px;} ul.lista_wojewodztw li a:hover{text-decoration:none !important;}