/* reset css */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}q:before,q:after{content:'';} /* ustawienia globalne*/ body, html {background-color:#252525; font-family:Verdana, Arial, Helvetica, sans-serif; color:#59533F; font-size:12px} textarea, input, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#59533F; float:left;} legend {display:none;} button {cursor:pointer;} label {cursor:pointer;} strong {font-weight:bold;} a, a:hover {font-size:12px; color:#fff;text-decoration:none; outline:none} a:hover {text-decoration:underline;} h3 {font-size:12px; color: #EFEFEF; background: url(../img/h3.gif) no-repeat; text-indent: 26px; font-weight: bold} #dp {width: 951px; margin: 0 auto; } /* top */ #top {width:100%; height: 155px} #top h1 {background: url(../img/logo.gif); width: 209px; height: 78px; margin-top: 50px; float: left} #top h1 a {display: block; width:100%; height: 100%} #top ul {float: right} #top li {width: 88px; height:71px; float:left;} #top li .home {background: url(../img/home.gif)} #top li .shome {background: #515151 url(../img/home.gif)} #top li .galery {background: url(../img/galery.gif)} #top li .sgalery {background: #515151 url(../img/galery.gif)} #top li .contact {background: url(../img/contact.gif)} #top li .scontact {background: #515151 url(../img/contact.gif)} #top ul li a, #top ul li a:hover {display: block; width: 100%; height:100%; text-indent: -20000px} #top ul li a:hover {background-color: #515151} /* menu */ #menu_pl {width:100%; height: 40px} #menu_pl li {width: 155px; height: 37px; float: left; margin-right:4px} #menu_pl li.no{margin-right:0px} #menu_pl ul li a {display: block; width: 155px; height: 100%; text-indent: -20000px} #menu_pl a.home {background: url(../img/menu/pl/home.gif)} #menu_pl a:hover.home, #menu_pl a.shome {background: url(../img/menu/pl/s_home.gif)} #menu_pl a.onas {background: url(../img/menu/pl/onas.gif)} #menu_pl a:hover.onas, #menu_pl a.sonas {background: url(../img/menu/pl/s_onas.gif)} #menu_pl a.jakdzialamy {background: url(../img/menu/pl/jakdzialamy.gif)} #menu_pl a:hover.jakdzialamy, #menu_pl a.sjakdzialamy {background: url(../img/menu/pl/s_jakdzialamy.gif)} #menu_pl a.oferta {background: url(../img/menu/pl/oferta.gif)} #menu_pl a:hover.oferta, #menu_pl a.soferta {background: url(../img/menu/pl/s_oferta.gif)} #menu_pl a.realizacje {background: url(../img/menu/pl/realizacje.gif)} #menu_pl a:hover.realizacje,#menu_pl a.srealizacje {background: url(../img/menu/pl/s_realizacje.gif)} #menu_pl a.kontakt {background: url(../img/menu/pl/kontakt.gif)} #menu_pl a:hover.kontakt, #menu_pl a.skontakt {background: url(../img/menu/pl/s_kontakt.gif)} #menu_eng {width:100%; height: 40px} #menu_eng li {width: 155px; height: 37px; float: left; margin-right:4px} #menu_eng li.no{margin-right:0px} #menu_eng ul li a {display: block; width: 155px; height: 100%; text-indent: -20000px} #menu_eng a.home {background: url(../img/menu/eng/home.gif)} #menu_eng a:hover.home, #menu_eng a.shome {background: url(../img/menu/eng/s_home.gif)} #menu_eng a.onas {background: url(../img/menu/eng/onas.gif)} #menu_eng a:hover.onas, #menu_eng a.sonas {background: url(../img/menu/eng/s_onas.gif)} #menu_eng a.jakdzialamy {background: url(../img/menu/eng/jakdzialamy.gif)} #menu_eng a:hover.jakdzialamy, #menu_eng a.sjakdzialamy {background: url(../img/menu/eng/s_jakdzialamy.gif)} #menu_eng a.oferta {background: url(../img/menu/eng/oferta.gif)} #menu_eng a:hover.oferta, #menu_eng a.soferta {background: url(../img/menu/eng/s_oferta.gif)} #menu_eng a.realizacje {background: url(../img/menu/eng/realizacje.gif)} #menu_eng a:hover.realizacje,#menu_eng a.srealizacje {background: url(../img/menu/eng/s_realizacje.gif)} #menu_eng a.kontakt {background: url(../img/menu/eng/kontakt.gif)} #menu_eng a:hover.kontakt, #menu_eng a.skontakt {background: url(../img/menu/eng/s_kontakt.gif)} #menu_de{width:100%; height: 40px} #menu_de li {width: 155px; height: 37px; float: left; margin-right:4px} #menu_de li.no{margin-right:0px} #menu_de ul li a {display: block; width: 155px; height: 100%; text-indent: -20000px} #menu_de a.home {background: url(../img/menu/de/home.gif)} #menu_de a:hover.home, #menu_de a.shome {background: url(../img/menu/de/s_home.gif)} #menu_de a.onas {background: url(../img/menu/de/onas.gif)} #menu_de a:hover.onas, #menu_de a.sonas {background: url(../img/menu/de/s_onas.gif)} #menu_de a.jakdzialamy {background: url(../img/menu/de/jakdzialamy.gif)} #menu_de a:hover.jakdzialamy, #menu_de a.sjakdzialamy {background: url(../img/menu/de/s_jakdzialamy.gif)} #menu_de a.oferta {background: url(../img/menu/de/oferta.gif)} #menu_de a:hover.oferta, #menu_de a.soferta {background: url(../img/menu/de/s_oferta.gif)} #menu_de a.realizacje {background: url(../img/menu/de/realizacje.gif)} #menu_de a:hover.realizacje,#menu_de a.srealizacje {background: url(../img/menu/de/s_realizacje.gif)} #menu_de a.kontakt {background: url(../img/menu/de/kontakt.gif)} #menu_de a:hover.kontakt, #menu_de a.skontakt {background: url(../img/menu/de/s_kontakt.gif)} /* baner */ #baner {width: 100%; height: 271px; margin-top:5px; text-indent: -20000px } .b1 {background: url(../img/banery/b1.jpg) no-repeat left top} .b2 {background: url(../img/banery/b2.jpg) no-repeat left top} .b3 {background: url(../img/banery/b3.jpg) no-repeat left top} .b4 {background: url(../img/banery/b4.jpg) no-repeat left top} .b5 {background: url(../img/banery/b5.jpg) no-repeat left top} .b6 {background: url(../img/banery/b6.jpg) no-repeat left top} /* lang */ #lang {width: 100%; height: 23px } #lang ul {float:right; margin-top:5px} #lang li {float: left; width: 15px; height: 13px; margin-left: 3px} #lang li a {width: 100%; height:100%; display: block; text-indent: -20000px} #eng {background: url(../img/eng.gif)} #de {background: url(../img/de.gif)} #pl {background: url(../img/pl.gif)} /* txt */ #txt {width: 100%; overflow: hidden} #txt .t { width:900px; margin-left:15px; } #txt .b {width: 420px; float: left; margin-left: 40px; margin-top: 40px; overflow: hidden; display: inline} #txt .b img {float: left; margin-right: 20px} #txt .b p {margin-top: 15px; color: #fff;} #txt .b p i { float: right; margin-top: 20px; font-style: italic} #txt #left {width:200px; float: left; padding-left: 15px } #left ul.re {} #left ul.re li {font-size: 12px; color: #fff; font-weight: bold; margin-top: 14px;} #left ul.re li a.s , #left ul.re li a:hover.s{background-color: #515151; display:block; width: 175px; height: 15px; border: solid 1px #363636;padding-top: 1px; padding-left: 25px; } #left ul.re li a:hover.s {text-decoration: none; color: #FEDC00} #left ul.re li ol li {margin-left:25px} #left ul.re li ol li a:hover{text-decoration: none; color: #FEDC00} #left ul.re li ol li ul.m {} #left ul.re li ol li ul.m li{ background: url(../img/li-point.gif) no-repeat left 4px; padding-left: 13px; font-size: 10px; margin-top:10px; margin-left: 17px} #left ul.re li ol li ul.m li a, #left ul.re li ol li ul.m li a:hover {font-size: 10px} #left ul.re li ol li ul.m li a:hover{text-decoration: none; color: #FEDC00} #left a.sel {color:#FEDC00} #left ul.ko {margin-top: 20px; width:200px} #left ul.ko li {padding-left: 10px; font-size: 12px; color: #fff; } #left ul.ko li.u {padding-left: 25px; font-size: 12px; color: #fff; } #left ul.ko li.t {font-size: 12px; color: #fff; margin-top: 25px; background: url(../img/li-point.gif) no-repeat left 4px; width: 170px} #left ul.ko li.j {margin-left: 15px; font-size: 12px; color: #fff; background: url(../img/li-point.gif) no-repeat left 4px; width: 170px} #left ul.ko li a {color:#fff } #left ul.ko li a.s , #left ul li a:hover.s{color:#FEDC00 } #left ul.ko li a:hover.s {text-decoration: none; color: #FEDC00} #txt #mid {width: 222px; height: 309px; float: left; margin-left: 37px; background-color: #4E4E4E} #mid ul {margin-top: 12px; overflow: hidden; display: block;} #mid ul li {float: left; margin-top: 7px; margin-left: 15px; display: inline; height:60px; width:90px; cursor: pointer} #mid ul li img.s {border:solid 1px #FEDC00; cursor: default } #mid p {font-size: 12px; color: #fff; margin-top: 25px; text-align: center; padding-bottom: 20px} #mid p a.s {color:#FEDC00 } #mid p.l {text-align: left; margin-left: 15px} #mid .separ {width: 100%; height: 10px; background-color: #252525; line-height: 10px; font-size:10px} #mid ol {width: 100%; } #mid ol li {padding-left: 9px; font-size:10px; color: #fff; display: block; height: 30px; padding-bottom:12px; width: 212px; } #mid ol li input {width: 200px; } #mid button.dojazdpl { background: url(../img/pokaz_dojazd_pl.gif) no-repeat; width: 111px; height: 12px; margin-top:12px; margin-right: 10px; float: right } #mid button.dojazdeng { background: url(../img/pokaz_dojazd_eng.gif) no-repeat; width: 111px; height: 12px; margin-top:12px; margin-right: 10px; float: right } #mid button.dojazdde { background: url(../img/pokaz_dojazd_de.gif) no-repeat; width: 111px; height: 12px; margin-top:12px; margin-right: 10px; float: right } #mid fieldset {padding-bottom: 18px} #mid .info {width: 202px; height: 258px; overflow: hidden; padding-top: 25px; padding-bottom: 25px; padding-left: 10px; padding-right: 10px; font-size:12px; color: #fff} #txt #right {width: 463px; float: right} #right #map {width:463px; height:310px} #txt #big {width: 685px; float: right; background-color: #4E4E4E; font-size: 12px; color: #fff;padding-top: 30px; padding-left: 15px; padding-right:15px; padding-bottom:30px} /* stopka */ #stopka { width: 100%; height: 35px; border-top: solid 2px #fff; margin-top: 25px; padding-top: 7px} #stopka ul {float: left;} #stopka ul li {float: left; width: 110px; border-right: solid 2px #fff; text-align: center} #stopka ul li a{font-size: 10px; } #stopka .link {font-size:10px; color: #575757; float: right; padding-top:5px; width:190px;} #stopka .link a,#stopka .link a:hover {font-size:10px; color: #575757; text-decoration:none} /* stronicowanie galeria */ .pag { clear:both; margin-left: 63px; padding-bottom: 18px; margin-top:12px } .pag .first {display: block; width:10px; height: 7px; background: url(../img/first.gif) no-repeat; float: left } .pag .prev {display: block; width:11px; height: 7px; background: url(../img/prev.gif) no-repeat; float: left; margin-left: 14px } .pag .next {display: block; width:11px; height: 7px; background: url(../img/next.gif) no-repeat; float: left; margin-right: 14px } .pag .last {display: block; width:10px; height: 7px; background: url(../img/last.gif) no-repeat; float: left; } .pag i {float: left; margin-left: 9px; margin-right: 9px; font-size:10px; color: #fff; line-height: 10px; margin-top:-2px} #logotypy {width: 950px; height:105px; margin-top: 20px; background:#fff; margin-bottom:50px} #logotypy ul {width:100%; height:100%;} /* liScroll style declarations */ /* the outer div with the black border */ .tickercontainer { background: #fff; width: 961px; height: 73px; margin: 0; padding: 0; overflow: hidden; } /* that serves as a mask. so you get a sort of padding both left and right */ .tickercontainer .mask { position: relative;left: 10px;top: 8px;width: 935px;height: 79px;overflow: hidden;} /* that's your list */ ul.newsticker { position: relative;left: 961px;font: bold 10px Verdana;list-style-type: none;margin: 0;padding: 0;} /* important: display inline gives incorrect results when you check for elem's width */ ul.newsticker li {float: left; margin: 0;padding: 0;background: #fff;} ul.newsticker a {white-space: nowrap;padding: 0;color: #ff0000;font: bold 10px Verdana;margin: 0 50px 0 0;} ul.newsticker span {margin: 0 10px 0 0;}