/* Site name: 3E - odnawialne zrodla energi Graphic designer: Remigiusz Szwed XHTLM coder: Krzysztof Safjanowski Date: 13.08.2007 This css is released under Creative Commons Attribution 2.5 by-sa License. http://creativecommons.org/licenses/by-sa/2.5/pl/ */ html,body,h1,h2,h3,h4,h5,ul,li,p,blockquote {margin:0; padding:0;} body {background:#fff; font:62.5% tahoma,verdana,arial,sans-serif;} /* links */ a {text-decoration:none;} a:hover {text-decoration:underline;} a img {border:none;} /* accessibility */ #szybki-dostep, hr {display:none;} /* .container */ .container {margin:0 auto; width:734px; overflow:hidden; _height:1%;} /* header */ #header {background:#1C3670;} #header .container {height:75px; background:url('../images/header.container.jpg') 50% 0 no-repeat; overflow:hidden;} #header h1 {float:left; padding:21px 0 21px 22px; width:215px; height:33px;} #header h1 a {position:relative; float:left; width:215px; height:33px; overflow:hidden;} #header h1 a span {position:absolute; top:0; left:0; width:215px; height:33px; background:url('../images/header.h1.a.span.png') 0 0 no-repeat; cursor:pointer;} /* header-menu */ #header-menu {float:left; margin-left:44px; padding:31px 0 21px; width:449px; list-style:none; _display:inline; _margin-left:37px;} #header-menu li {float:left; padding:0 3px 0 4px; background:url('../images/header-menu-li.gif') 0 3px no-repeat;} #header-menu li:first-child,#header-menu li.first-child {background:none;} #header-menu li a {position:relative; float:left; height:23px; text-decoration:none; overflow:hidden;} #header-menu li a span {position:absolute; top:0; left:0; height:23px;} #header-menu li a:hover span, #header-menu li a.active span {background-position:0 -23px;} #header-menu-o-firmie a {width:58px;} #header-menu-o-firmie a span {width:58px; background:url('../images/header-menu-o-firmie.a.span.png') 0 0 no-repeat;} #header-menu-galeria a {width:118px;} #header-menu-galeria a span {width:118px; background:url('../images/header-menu-galeria.a.span.png') 0 0 no-repeat;} #header-menu-realizacje a {width:74px;} #header-menu-realizacje a span {width:74px; background:url('../images/header-menu-realizacje.a.span.png') 0 0 no-repeat;} #header-menu-kontakt a {width:62px;} #header-menu-kontakt a span {width:62px; background:url('../images/header-menu-kontakt.a.span.png') 0 0 no-repeat;} #header-menu-english-version a {width:102px;} #header-menu-english-version a span {width:102px; background:url('../images/header-menu-english-version.a.span.png') 0 0 no-repeat;} /* ie gilder/levin hack by krzysztof safjanowski */ #header-menu li a:hover {cursor:pointer;} /* #container-flash */ #container-flash img {display:block; margin:0 auto;} /* #container-content (kontener obejmujacy szpalte prawa i lewa) */ #container-content {background:url('../images/container-content.gif') 5px 0 repeat-y; overflow:hidden; _height:1%;} /* #container-main (prawa szpalta) */ #container-main {float:right; margin:0 32px 0 22px; width:352px; _display:inline;} #container-main h2 {font-size:1.8em; color:#898B8B;} #container-main blockquote {position:relative; right:-32px; margin-left:-32px; padding-top:12px; width:367px; background:url('../images/container-main.blockquote.gif') 0 0 no-repeat; zoom:1.0;} #container-main blockquote p {margin-right:-32px; padding:0 48px 12px 12px; width:307px; font-weight:bold; background:url('../images/container-main.blockquote.p.gif') 0 100% no-repeat; color:#898B8B;} #container-main p {margin-bottom:1.8em; font-size:1.1em; line-height:1.5em; color:#475658;} #container-main p.read-more {font-weight:bold;} #container-main p.read-more a {padding:4px 0 4px 23px; background:url('../images/container-main.p.read-more.a.gif') 0 50% no-repeat;} #container-main a {color:#F75B25; text-decoration:none;} #container-main a:hover {color:#F75B25; text-decoration:underline;} h3#czym-jest-energetyka-wiatrowa {position:relative; padding:10px 0; width:352px; height:38px; overflow:hidden;} h3#czym-jest-energetyka-wiatrowa span {position:absolute; top:10px; left:0; width:352px; height:38px; background:url('../images/h2.czym-jest-energetyka-wiatrowa.span.png') 0 0 no-repeat;} h2#o-firmie {position:relative; width:352px; height:38px; overflow:hidden;} h2#o-firmie span {position:absolute; top:0; left:0; width:352px; height:38px; background:url('../images/h2.o-firmie.span.png') 0 0 no-repeat;} h2#galeria {position:relative; width:352px; height:38px; overflow:hidden;} h2#galeria span {position:absolute; top:0; left:0; width:352px; height:38px; background:url('../images/h2.galeria.span.png') 0 0 no-repeat;} h2#realizacje {position:relative; padding-top:14px; width:216px; height:38px; overflow:hidden;} h2#realizacje span {position:absolute; top:14px; left:0; width:216px; height:38px; background:url('../images/h2.realizacje.span.png') 0 0 no-repeat;} h2#kontakt {position:relative; padding-top:14px; width:216px; height:38px; overflow:hidden;} h2#kontakt span { position:absolute; top:2px; left:0; width:216px; height:38px; background:url('../images/h2.kontakt.span.png') 0 0 no-repeat; } /* container-realization (szpalta na cala szerokosc) */ #container-realization {margin:0 auto; width:687px;} #container-realization h3 {margin-top:7px; margin-bottom:21px; padding-top:12px; font-size:1.1em; background:url('../images/container-realization.h3.gif') 0 0 no-repeat;} #container-realization h3 span {display:block; padding:0 0 12px 12px; font-size:1.1em; background:url('../images/container-realization.h3.span.gif') 0 100% no-repeat; color:#898B8B;} /* */ .container-realization-gallery {margin:0 -12px; _width:711px; text-align:center; list-style:none; overflow:hidden; _height:1%;} .container-realization-gallery li {float:left; margin:0 12px 16px; _display:inline;} /* container-sidebar (lewa szpalta) */ #container-sidebar {float:left; margin-left:5px; padding-top:12px; width:323px; background:url('../images/container-sidebar.gif') 100% 0 no-repeat; _display:inline;} h3#nasze-realizacje {position:relative; margin-bottom:14px; width:323px; height:38px; overflow:hidden;} h3#nasze-realizacje span {position:absolute; left:0; width:323px; height:38px; background:url('../images/h3.nasze-realizacje.span.png') 0 0 no-repeat;} #container-sidebar h4 {padding:12px 0 6px; font-size:1.1em; color:#898B8B;} #container-sidebar img {display:block; margin:12px 0 0 28px;} #container-sidebar p {margin-bottom:6px; font-size:1.1em; line-height:1.5em; color:#475658;} #container-sidebar p.read-more {font-weight:bold;} #container-sidebar p.read-more a {padding:4px 0 4px 23px; background:url('../images/container-sidebar.p.read-more.a.gif') 0 50% no-repeat;} #container-sidebar a {color:#F75B25; text-decoration:none;} #container-sidebar a:hover {color:#F75B25; text-decoration:underline;} /* nasze realizacje */ #container-sidebar-nasze-realizacje {} #container-sidebar-nasze-realizacje div {margin-left:13px; padding-top:107px; background:#F5F5F5 url('../images/container-sidebar-nasze-realizacje.div.png') 0 0 no-repeat;} #container-sidebar-nasze-realizacje div div {margin-left:0; padding:0 28px 18px 22px; background:url('../images/container-sidebar-nasze-realizacje.div.div.png') 0 100% no-repeat;;} /* adres */ #container-sidebar-adres {margin-left:13px;} #container-sidebar-adres div {background:url('../images/container-sidebar.adres.div.gif') 0 100% no-repeat;} h5#adres {position:relative; margin-top:15px; width:288px; height:12px; overflow:hidden;} h5#adres span {position:absolute; top:0; left:0; width:288px; height:12px; background:url('../images/h5.adres.span.gif') 0 0 no-repeat;} #container-sidebar address {display:block; padding:12px 0 18px 23px; width:270px; font-style:normal;} #container-sidebar address span {display:block; line-height:1.5em;} /* vcard */ .postal-code, .locality {display:inline !important;} .org, .street-address, .postal-code, .locality, .tel {font-size:1.1em; color:#475658;} .org {font-weight:bold; color:#898B8B;} /* footer */ #footer {padding:0 0 12px; background:#F75B25;} #footer .container {background:url('../images/footer.container.gif') 0 0 repeat-y;} #footer a {color:#fff;} #author {float:right; padding:20px 0 8px 168px; width:239px; font-size:1.1em; background:url('../images/author.gif') 0 100% no-repeat; color:#FDD6C8;} #copyright {float:left; padding:20px 0 8px 28px; font-size:1.1em; color:#FDD6C8;}