/**
 * Perspektywa
 *
 * @author Pawe³ Przybyœ (pawel.przybys@gmail.com)
 * @version 1.00 2009/02/25
 */
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
html, body { height: 100%; }
body { font: normal 1em/1.2em Tahoma, Helvetica, sans-serif; color: #9fd4dc; background: url(../img/body.gif) repeat-x #006c8d; }
ul, ol { list-style-type: none; }
img { border: 0; }
table { border-collapse: collapse; }
table, td, th { vertical-align: middle; }
caption, th, td { text-align: left; font-weight: normal; }
.clear { clear: both; }
*:focus { outline: none; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a:link, a:focus, a:visited, a:active { color: #9fd4dc; text-decoration: none; }
a:hover { text-decoration: underline; }

/**
 * Layout
 */

#main { position: relative; min-width: 980px; }
#main .wrapper { margin: 0 auto; width: 910px; }
#footer { background: url(../img/footer.gif) repeat-x; }

/**
 * Header
 */

#header { position: relative; height: 114px; }
#header h1, #header h2, #nav { position: absolute; }
#header h1 { top: 20px; left: 40px; }
#header h1 a { display: block; width: 201px; height: 104px; background: url(../img/logo.png) no-repeat; text-indent: -2000em; }
#header h2 { top: 42px; left: 560px; width: 301px; height: 29px; background: url(../img/slogan.png) no-repeat; text-indent: -2000em; }

/**
 * Nav
 */

#nav { top: 98px; left: 279px; }
#nav ul { width: 607px; }
#nav ul li, #nav ul li a { float: left; }
#nav ul li a { height: 62px; background-image: url(../img/nav.png); background-repeat: no-repeat; text-indent: -2000em; }
#nav ul li #nav-strona-glowna { width: 135px; background-position: 0 0; }
#nav ul li #nav-o-perspektywie { width: 124px; background-position: -135px 0; }
#nav ul li #nav-sklep-internetowy { width: 148px; background-position: -259px 0; }
#nav ul li #nav-blog { width: 58px; background-position: -407px 0; }
#nav ul li #nav-kontakt-i-dojazd { width: 142px; background-position: -465px 0; }
#nav ul li #nav-strona-glowna:hover, #nav ul li #nav-strona-glowna.selected { background-position: 0 -62px; }
#nav ul li #nav-o-perspektywie:hover, #nav ul li #nav-o-perspektywie.selected { background-position: -135px -62px; }
#nav ul li #nav-sklep-internetowy:hover, #nav ul li #nav-sklep-internetowy.selected { background-position: -259px -62px; }
#nav ul li #nav-blog:hover, #nav ul li #nav-blog.selected { background-position: -407px -62px; }
#nav ul li #nav-kontakt-i-dojazd:hover, #nav ul li #nav-kontakt-i-dojazd.selected { background-position: -465px -62px; }

/**
 * Middle
 */

#middle { height: 314px; background: url(../img/middle.png) no-repeat; }

/**
 * Content
 */

#content { padding: 70px 52px 70px 300px; color: #005879; font-size: 0.688em; line-height: 1.2em; }
#content a { color: #e60142; }
#content p, #content ul, #content h4 { margin-bottom: 1.2em; }
#main-page #content { font-size: 0.813em; padding-top: 80px; }
#main-page #content h3 { width: 105px; height: 31px; margin-bottom: 15px; background: url(../img/witamy.png) no-repeat; text-indent: -2000em; }
#about { float: left; width: 348px; }
#about h3 { width: 130px; height: 21px; margin-bottom: 10px; background: url(../img/o-perspektywie.png) no-repeat; text-indent: -2000em; }
#about ul { margin-top: -1.2em; }
#about a { font-weight: bold; }
#invoice { float: right; width: 188px; }
#invoice h3 { width: 136px; height: 21px; margin-bottom: 10px; background: url(../img/dane-fakturowe.png) no-repeat; text-indent: -2000em; }
#contacts-and-seat { float: left; width: 198px; }
#contacts { padding-bottom: 15px; }
#contacts h3 { width: 151px; height: 21px; margin-bottom: 10px; background: url(../img/dane-kontaktowe.png) no-repeat; text-indent: -2000em; }
#seat h3 { width: 118px; height: 21px; margin-bottom: 10px; background: url(../img/siedziba-firmy.png) no-repeat; text-indent: -2000em; }
#seat address { font-style: normal; }
#map { float: right; width: 304px; }
#map h3 { width: 158px; height: 21px; margin-bottom: 10px; background: url(../img/mapka-dojazdowa.png) no-repeat; text-indent: -2000em; }
#map p a { display: block; width: 304px; height: 152px; background: url(../img/map.jpg) no-repeat; text-indent: -2000em; }

/**
 * Footer
 */

#footer { height: 191px; }
#footer .wrapper { position: relative; }
#contact, #shop, #copyright, #grzegorzbratek { position: absolute; }

/**
 * Contact
 */

#contact { top: 10px; left: 40px; width: 411px; padding: 10px 0; border-right: 1px solid #50a1b7; }
#contact h3 { width: 126px; height: 21px; margin-bottom: 6px; background: url(../img/szybki-kontakt.png) no-repeat; text-indent: -2000em; }
#contact h4 { width: 264px; height: 36px; background: url(../img/phone-number.png) no-repeat; text-indent: -2000em; }
#contact p { width: 264px; text-align: right; font-size: 0.688em; line-height: 1.2em; }
#contact h5 { position: absolute; top: -10px; left: 300px; }
#contact h5 a { display: block; width: 102px; height: 147px; background: url(../img/phone.png) no-repeat; text-indent: -2000em; }

/**
 * Shop
 */

#shop { top: 10px; left: 492px; padding: 10px 0; }
#shop h3 { width: 124px; height: 21px; margin-bottom: 6px; background: url(../img/zakupy-online.png) no-repeat; text-indent: -2000em; }
#shop h4 a { display: block; width: 205px; height: 54px; background: url(../img/zapraszamy-do-sklepu.png) no-repeat; text-indent: -2000em; }
#shop h4 a:hover { background-position: 0 -54px; }
#shop p { margin-top: -18px; width: 205px; font-size: 0.688em; line-height: 1.2em; }
#shop h5 { position: absolute; top: -23px; left: 208px; }
#shop h5 a { display: block; width: 213px; height: 178px; background: url(../img/takczysto.png) no-repeat; text-indent: -2000em; }

/**
 * Copyright
 */

#copyright { top: 131px; left: 40px; width: 775px; padding: 22px 45px 0 0; text-align: center; border-top: 1px solid #3999b3; font-size: 0.688em; line-height: 1.2em; }

/**
 * Grzegorz Bratek
 */

#grzegorzbratek {
	top: 148px;
	left: 830px;
}
#grzegorzbratek a { display: block; width: 24px; height: 29px; background: url(../img/grzegorzbratek.png) no-repeat; text-indent: -2000em; }