/*www.agrafnet.pl - projektowanie stron www */ span, div, a, h1, h2, h3, h4, p, html, form, body, dl, img, object {margin: 0; border: 0; padding: 0; text-decoration: none; color: #373737; list-style-type: none; font:14px verdana;} div {display:block;} h1 { font-size:17px; font-style:italic; margin:0 0 15px 0;} h2 { font-size:18px; font-weight:bold; color:#fff; margin: 0 0 15px 0;} .agrafnet_logo { position: fixed; bottom: 0; right: 0; z-index: 999999; background: url('img/agr_logo.png') no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:124px; width:34px;} /*lay*/ body {background:url(img/tlo.gif) repeat-x #fff; } #main { position:relative; margin:0 auto; width:950px; overflow:hidden;} #banerek {width:665px; height:395px; float:left; display:block; background:url(img/banerek.jpg) no-repeat;} #menu { width:260px; height:271px; display:block; float:left; margin:55px 0 0 0; } #m {margin:0; padding:0; height:271px; width:260px; float:left; overflow:hidden;} #m ul { margin:0; padding:0; overflow:hidden;} #m li { margin:0; padding:0; list-style:none; float:left; display:block; width:260px; text-indent:-9999px; overflow:hidden;} #m li a {margin:0; padding:0; display:block; background: no-repeat; width:260px; overflow:hidden;} #m li a.m1 {background:url(img/menu.png) 0 0; height:47px; } #m li a.m2 {background:url(img/menu.png) 0 -47px; height:45px; } #m li a.m3 {background:url(img/menu.png) 0 -92px; height:45px;} #m li a.m4 {background:url(img/menu.png) 0 -137px; height:45px; } #m li a.m5 {background:url(img/menu.png) 0 -182px; height:42px; } #m li a.m6 {background:url(img/menu.png) 0 -224px; height:45px; } #m li a.m1:hover {background:url(img/menu.png) -260px 0; height:47px;} #m li a.m2:hover {background:url(img/menu.png) -260px -47px; height:45px; } #m li a.m3:hover {background:url(img/menu.png) -260px -92px; height:45px; } #m li a.m4:hover {background:url(img/menu.png) -260px -137px; height:45px; } #m li a.m5:hover {background:url(img/menu.png) -260px -182px; height:42px; } #m li a.m6:hover {background:url(img/menu.png) -260px -224px; height:45px; } #lay { position:relative; width:900px; overflow:hidden; display:block; float:left; margin:0; padding:20px; } #lay ul { margin:10px 0 35px 0; } #lay li { margin:10px 0 5px 20px; list-style-type:circle; } #stopka {background:url(img/stopka_tlo.gif) repeat-x #fff; height:254px; width:100%;} #main_stopka { position:relative; margin:0 auto; width:950px; overflow:hidden;} #box_stopka { height:200px; overflow:hidden; float:left; display:block; margin:20px 0 0 0;} #box_stopka li {margin:5px 0 5px 0; } #box_stopka_linia { height:200px; width:3px; overflow:hidden; float:left; display:block; margin:10px 15px 0 15px; background:url(img/linia_box.png) no-repeat;} #foto_podklad { width:170px; height:120px; margin:10px; padding:5px; background:url(img/tlo_lay.png) repeat; color:#fff; display:block; overflow:hidden; float:left; text-align:center;} #galeria { width:100%; float:left; overflow:hidden; display:block;} .kontaktowy { width: 350px; float:left;} /* #tlo_gora { position:relative; width:100%; height:125px; margin:0 0 25px 0; z-index:2; } a.logo { margin:28px 0 0 23px; position:absolute; width:257px; height:125px; display:block; overflow:hidden; float:left; background:url(img/logo.gif) no-repeat; text-indent:-9999px} #listwa_gora { position:relative; margin:0 auto; width:900px; height:125px; overflow:hidden; display:block; overflow:hidden; z-index:3; } #pasek_adres {display:block; overflow:hidden; float:right; margin:45px 0 0 0;} #pasek_adres p {color:#fff; font-size:12px; font-weight:bold; text-shadow: 0 0 0.5em #000, 0 0 0.5em #8c8c8c;} #baner_gl { position:relative; margin:0 auto; width:895px; height:450px; z-index:1; box-shadow: 0 0 70px 15px #000; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; overflow:hidden; display:block; } #belka { position:relative; width:100%; height:20px; margin:0 0 15px 0; z-index:2; background:url(img/belka.gif) repeat-x; } -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; } #lay p { } #menu {width:900px; height:127px; display: block; overflow:hidden; float:left; margin:0; } #m {margin:0; padding:0; height:127px; width:900px; float:left; overflow:hidden;} #m ul { margin:0; padding:0; overflow:hidden;} #m li { margin:0; padding:0; list-style:none; float:left; display:block; height:127px; text-indent:-9999px;overflow:hidden;} #m li a {margin:0; padding:0; display:block; background: no-repeat; height:127px; overflow:hidden;} #m li a.m1 {background:url(img/menu.png) 0 0; width:187px;} #m li a.m2 {background:url(img/menu.png) -187px 0; width:177px;} #m li a.m3 {background:url(img/menu.png) -364px 0; width:177px;} #m li a.m4 {background:url(img/menu.png) -541px 0; width:176px;} #m li a.m5 {background:url(img/menu.png) -717px 0; width:183px;} #m li a.m1:hover {background:url(img/menu.png) 0px -127px; width:187px;} #m li a.m2:hover {background:url(img/menu.png) -187px -127px; width:177px;} #m li a.m3:hover {background:url(img/menu.png) -364px -127px; width:177px;} #m li a.m4:hover {background:url(img/menu.png) -541px -127px; width:176px;} #m li a.m5:hover {background:url(img/menu.png) -717px -127px; width:183px;} #menu1 {width:900px; height:127px; display: block; overflow:hidden; float:left; margin:0 0 15px 0; } #m1 {margin:0; padding:0; height:127px; width:900px; float:left; overflow:hidden;} #m1 ul { margin:0; padding:0; overflow:hidden;} #m1 li { margin:0; padding:0; list-style:none; float:left; display:block; height:127px; text-indent:-9999px;overflow:hidden;} #m1 li a {margin:0; padding:0; display:block; background: no-repeat; height:127px; overflow:hidden;} #m1 li a.m1 {background:url(img/menu1.png) 0 0; width:364px;} #m1 li a.m3 {background:url(img/menu1.png) -364px 0; width:177px;} #m1 li a.m4 {background:url(img/menu1.png) -541px 0; width:176px;} #m1 li a.m5 {background:url(img/menu1.png) -717px 0; width:183px;} #m1 li a.m1:hover {background:url(img/menu1.png) 0px -127px; width:364px;} #m1 li a.m3:hover {background:url(img/menu1.png) -364px -127px; width:177px;} #m1 li a.m4:hover {background:url(img/menu1.png) -541px -127px; width:176px;} #m1 li a.m5:hover {background:url(img/menu1.png) -717px -127px; width:183px;} .kontaktowy { width: 280px; float:left;} #lay ul { margin:10px 0 10px 25px;} #lay li { list-style-type:circle;}