li ul li {} a img {border: 0;} .clear {clear:both;} body {background: #fff center 93px no-repeat;} em { font-style:italic; } ul.menu_h li {display: block; float: left;} ul.menu_h, ul.menu_v {padding: 0; margin: 0; list-style-type : none;} ul.menu_h li, ul.menu_v li {padding: 0; margin: 0;} ul.menu_h a, ul.menu_v a {text-decoration:none;} ul.menu_h_img li {display: block; float: left;} ul.menu_h_img, ul.menu_v {padding: 0; margin: 0; list-style-type : none;} ul.menu_h_img li, ul.menu_v li {padding: 0; margin: 0;} ul.menu_h_img a, ul.menu_v a {text-decoration:none;} #head, #main, #foot { margin:0; padding:0;} div.head, div.main, div.foot { width: 888px; clear: both; margin:0 auto; position:relative;} div.main { min-height: 550px;} /* INTRO */ .bd2 #main div.main div.lev1 {width:400px; margin:130px auto 0 auto;} .bd2 #main div.main div.lev1 h1 {text-indent:-5000px; background:url(jaki_komunikat.gif) no-repeat top; height:30px; width:400px;} .bd2 #main div.main div.lev1 h2 {font-weight:normal; text-align:center; margin:15px 0 7px 0;} .bd2 #main div.main div.lev1 h2 a {color:#c01218; text-decoration:underline; font-weight:bold; margin:0 2px 0 0;} .bd2 #main div.main div.lev1 p {text-align:center; font-size:0.8em;} /*-----------------NAGLOWKI BANNER-------------------*/ div.dobra_komunikacja {position: absolute; z-index:10; } div.lev1 h1.dobra_komunikacja {background:url(dobra_komunikacja.gif) no-repeat 2px 5px; height:43px; } div.lev1 h1.onas_lewa {background:url(onas_lewa.gif) no-repeat 2px 5px; height:77px;} div.lev1 h1.oferta_lewa {background:url(oferta_lewa.gif) no-repeat 2px 5px; height:95px;} div.lev1 h1.klienci_lewa {background:url(klienci_lewa.gif) no-repeat 2px 5px; height:130px;} div.lev1 h1.kontakt_lewa {background:url(kontakt_lewa.gif) no-repeat 2px 5px; height:150px;} div.lev1 h1.public_lewa {background:url(public_lewa.gif) no-repeat 2px 5px; height:42px;} div.lev1 h1.wizerunek_lewa {background:url(wizerunek_lewa.gif) no-repeat 2px 5px; height:59px;} div.lev1 h1.branding_lewa {background:url(branding_lewa.gif) no-repeat 2px 5px; height:80px;} div.lev1 h1.szkolenia_lewa {background:url(szkolenia_lewa.gif) no-repeat 2px 5px; height:82px;} div.lev1 h1.materialy { height:82px; } /*-----------------NAGLOWKI_MAIN---------------------*/ h2.oferta_topic {background:url(oferta_topic.gif) no-repeat;} h2.onas_topic {background:url(onas_topic.gif) no-repeat;} h2.public_topic {background:url(public_topic.gif) no-repeat;} h2.wizerunek_topic {background:url(wizerunek_topic.gif) no-repeat;} h2.branding_topic {background:url(branding_topic.gif) no-repeat;} h2.szkolenia_topic {background:url(szkolenia_topic.gif) no-repeat;} h2.klienci_topic {background:url(klienci_topic.gif) no-repeat;} h2.kontakt_topic {background:url(kontakt_topic.gif) no-repeat;} h2.wspolpraca_topic {background:url(wspolpraca_topic.gif) no-repeat;} h2.materialy_topic {background:url(materialy_topic.gif) no-repeat;} h2.news_topic {background:url(dobocom_news.gif) no-repeat;} h2.referencje_topic {background:url(referencje_topic.gif) no-repeat;} /*-----------------------HEAD------------------------*/ .bd0 #head, .bd1 #head { margin:0 0 41px 0; } .bd0 #head div.head, .bd1 #head div.head { padding:30px 0 0 0; background:url(pasek_top.gif) no-repeat top;} #head div.head div.lev1 { margin:0; text-indent: -5000px;} #head div.head div.lev1 a#logo { width:175px; height: 43px; background: url(logo.gif) no-repeat; display: block; float:left;} /*-----------------HEAD_MENU-----------------------*/ #head div.head div.lev1 div.menu_h {width: 412px; margin:3px 0 7px 0; float:right;} #head div.head div.lev1 div.menu_h li {position: relative; height: 33px;} li.menu_1, li.menu_1_active {width:106px;} li.menu_2, li.menu_2_active {width:100px;} li.menu_3, li.menu_3_active {width:113px;} li.menu_4, li.menu_4_active {width:93px;} li.menu_1 {background:url(onas_btn.gif) no-repeat;} li.menu_2 {background:url(oferta_btn.gif) no-repeat;} li.menu_3 {background:url(klienci_btn.gif) no-repeat;} li.menu_4 {background:url(kontakt_btn.gif) no-repeat;} li.menu_1_active {background:url(onas_hover.gif) no-repeat;} li.menu_2_active {background:url(oferta_hover.gif) no-repeat;} li.menu_3_active {background:url(klienci_hover.gif) no-repeat;} li.menu_4_active {background:url(kontakt_hover.gif) no-repeat;} /*----------------HEAD_KONIEC-----------------------*/ /*------------------------MAIN--------------------*/ #main div.main {margin:8px auto 0 auto;} /* .bd1 #main div.main div.lev1 {top: 0; left: 0; margin:0; height:289px; position:relative;} */ #main div.main div.lev1 div.banner_navi {position:absolute;top:190px;left:0;} #main div.main div.lev1 div.banner_navi ul {margin:0;padding:0;} #main div.main div.lev1 div.banner_navi ul li { list-style-type:none;float:left;} #main div.main div.lev1 div.banner_navi ul li a {display:block;width:17px;height:17px;background:url(banner_navi_link.gif) 0 0 no-repeat;} #main div.main div.lev1 div.banner_navi ul li a:hover, #main div.main div.lev1 div.banner_navi ul li a.active {background:url(banner_navi_link_a.gif) 0 0 no-repeat;} #main div.main div.lev1 {top: 0; left: 0; margin:0; } #main div.main div.lev2 {top: 0; left: 0; width: 165px; float: left;} #main div.main div.lev3 {top: 0; left: 0; width: 645px; float: left; margin:33px 0 20px 2px;} #main div.main div.lev4 {top: 0; left: 0; width: 216px; float: left; margin:6px 0 0 27px; } /*-------banner---------*/ #main div.main div.lev1 h1 {text-indent:-5000px; width:150px; margin: 0 0 1px 0; } #main div.main div.lev1 div.left {width:150px; float:left; margin: 0 12px 0 0; } #main div.main div.lev1 div.right { } #main div.main div.lev1 div.rotacja {width 724px; float:right;} .bd0 #main div.main div.lev1 div.rotacja {height: 184px;} .bd1 #main div.main div.lev1 div.rotacja {height: 283px;} #main div.main div.lev1 div.left p {margin:0 0 0 4px; line-height:1.2em; color:#686767; width:100px; } #main div.main div.lev1 div.left p a {color:#3c31b3; font-size:1em; text-decoration:underline;} #main div.main div.lev1 div.left p a:hover {color:#a51012;} /*-----------lewa-----*/ .bd0 #main div.main div.lev2 {margin:65px 0 0 0;} #main div.main div.lev2 p {width:110px; font-size:0.9em; margin:0 0 0 4px; line-height:1.5em;} #main div.main div.lev2 p.oferta {color:#3c31b3;} #main div.main div.lev2 p a {color:#3c31b3; font-size:1em; text-decoration:underline;} #main div.main div.lev2 p a:hover {color:#a51012;} #main div.main div.lev2 p.onas {color:#df1257;} /*-------------srodek------*/ .bd1 #main div.main div.lev3 { margin:18px 0 0 0; } .bd0 #main div.main div.lev3 {margin:33px 0 0 0; width:720px;} #main div.main div.lev3 h1 {margin:0 0 5px 0; font-weight:bold; font-size:1em; color:#666666;} #main div.main div.lev3 h1 strong{color:#c80000;} #main div.main div.lev3 h2 {text-indent:-5000px; height:20px; width:170px; margin:0 0 10px 0; } #main div.main div.lev3 .td0 {margin:0 0 20px 0;} #main div.main div.lev3 a {color:#3c31b3; font-size:1em; text-decoration:underline;} #main div.main div.lev3 a:hover {color:#a51012;} #main div.main div.lev3 p { margin:0 0 5px 0; } #main div.main div.lev3 ul { margin:0; padding:0; } #main div.main div.lev3 ul.lista li { background:url(arrow.gif) no-repeat left; list-style:none; padding:0 0 0 10px; margin:0; color:#666666; } #main div.main div.lev3 ul.menu_h_img li { background:none; } #main div.main div.lev3 ul.menu_h_img li { padding:0; height:120px; } #main div.main div.lev3 div.menu_galeria div.menu {float:left; width:110px; margin:0 17px 15px 17px; } #main div.main div.lev3 div.menu_galeria a { display:block; text-align:center; text-decoration:none; border:1px solid #cccccc; } #main div.main div.lev3 li.menu_public, #main div.main div.lev3 li.menu_public_active, #main div.main div.lev3 li.menu_branding, #main div.main div.lev3 li.menu_branding_active, #main div.main div.lev3 li.menu_wizerunek, #main div.main div.lev3 li.menu_wizerunek_active { margin:0 11px 0 0; } .menu_public, .menu_public_active {background:url(public_btn.gif) no-repeat;} .menu_branding, .menu_branding_active {background:url(branding_btn.gif) no-repeat;} .menu_wizerunek, .menu_wizerunek_active {background:url(wizerunek_btn.gif) no-repeat;} .menu_szkolenia, .menu_szkolenia_active {background:url(szkolenia_btn.gif) no-repeat;} ul.menu_h_img li span { font-size:0.8em; line-height:12px; display:block; margin:0 0 0 2px; color:#666666;} ul.menu_h_img li a { margin: 0 0 9px 0; } #form1 {margin:20px 0 0 0; } /*----------------MAIN O NAS-------------------*/ #main div.main div.lev3 .tabelka p {margin:0 0 16px 0; line-height:1.33em; letter-spacing:0em; } #main div.main .tabelka strong {color:#686767; font-weight:bold;} #main div.main .tabelka strong em{color:#cc2229; font-weight:bold; font-style:normal;} #main div.main .tabelka td {width:304px; vertical-align:top;} #main div.main .tabelka td.right {padding:0 0 0 38px;} /*-------prawa------*/ .bd1 #main div.main div.lev4 { background:#f0f0f1 url(news_bottom.jpg) no-repeat bottom; padding:0 0 10px 0;} .bd1 #main div.main div.lev4 h2 {background:url(news_top.jpg) no-repeat top; text-indent:-5000px; height:30px;} .bd1 #main div.main div.lev4 ul { margin:9px 0 0 0; } .bd1 #main div.main div.lev4 li a span { width:179px; display:block; color:#f6000a; font-size:0.9em;} .bd1 #main div.main div.lev4 li a {color:#666666; font-size:0.8em; line-height:13px; display:block; } .bd1 #main div.main div.lev4 li {margin:3px 0 9px 17px; width:185px;} .bd1 #main div.main div.lev4 strong {color:#c80000; font-size:0.9em;} /*-------------------------------STOPKA------------------------*/ #foot {margin:25px auto 0 auto;} #foot div.foot { background:url(pasek_bottom.gif) no-repeat; height:22px; } #foot div.foot div.lev2 .menu_h a { height:14px; display: inline-block; background:url(arrow_foot.gif) no-repeat left 7px; padding:5px 0 5px 15px; margin: 0 0 0 10px; font-size:0.8em; color:#7e7b7b; } #foot div.foot div.lev2 p { float:right; font-size:0.8em; color:#363636; margin:4px 17px 0 0; } #foot div.foot div.lev2 a.site_credits {font-size:1em; color:#363636; margin:0 0 0 5px; padding:0 0 0 15px; background:url(site_credits.gif) no-repeat left; } table.klienci {awidth: 724px; } table.klienci td {padding: 0 28px 28px 0;} table.klienci tr td:first-child {} table.klienci img {border: 1px solid #CCC; } .formularz .left { width:200px;} .menu_klienci { } .menu_klienci .menu { float: left; margin: 0 18px 18px 0;} .menu_klienci .menu img { width:100px; height: 100px; border:1px solid #CCCCCC; }