/*
	 * JL @2008
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }

html { height: 100%; background: #8c0c0d url(../images/bg-html.png) repeat-x 0 0; }
body
{
    background-position: 50% 50%;
    padding: 1px 0 0;
    background: url(../images/bg-body.png) no-repeat 50% 50%;
    font: 12px/17px Arial, Helvetica, sans-serif;
}


.aural { position: absolute; left: -100em; }

a { color: #eb0003; text-decoration: underline; position: relative;}
a:focus, a.focus, a:hover { color: #000; text-decoration: none; position: relative; }


/* main */
#page { position: relative; width: 902px; height: 529px; margin: 0 auto; padding: 23px 0 0; background: url(../images/bg-page.png) no-repeat 0 100%; }
#page #img { position: absolute; bottom: 0; left: 3px; width: 500px; height: 565px; z-index: 1; }

/* top */
#logo { width: 236px; height: 79px; float: right; }

#nav { width: 478px; float: right; clear: both; margin: 5px 15px 0 0; }
#nav li { float: left; padding: 0; }
#nav li a { display: block; height: 48px; text-indent: -100em; overflow: hidden; }
#nav li.item-1 a { width: 133px; background: url(../images/item-1.png) no-repeat 0 0; }
#nav li.item-2 a { width: 79px; background: url(../images/item-2.png) no-repeat 0 0; }
#nav li.item-3 a { width: 86px; background: url(../images/item-3.png) no-repeat 0 0; }
#nav li.item-4 a { width: 94px; background: url(../images/item-4.png) no-repeat 0 0; }
#nav li.item-5 a { width: 86px; background: url(../images/item-5.png) no-repeat 0 0; }
#nav li a.active,
#nav li a:hover { background-position: 0 100%; }

/* content */
#content { position: relative; width: 404px; height: 256px; float: right; clear: both; padding: 68px 60px 84px 80px; color: #000; background: url(../images/bg-page-1.png) no-repeat 0 0; z-index: 2; }
#content .header { text-indent: -100em; overflow: hidden; }


/* strona główna */
#page-1 #content ul {  }
#page-1 #content ul li { padding: 0 0 0 20px; background: url(../images/icon-raquo-2.png) no-repeat 0 9px; }
#page-1 #content ul li p { margin: 0 0 1em; }
#page-1 #content .signature { width: 129px; height: 42px; float: right; background: url(../images/icon-signature.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }



/* galeria */
#page-2 {}
#page-2 #content { width: 904px; height: 417px; padding: 0; float: none; background: url(../images/bg-page-2.png) no-repeat 0 100%; }
#page-2 .header { width: 140px; height: 65px; position: relative; top: -66px; margin: 0 10px -63px; background: url(../images/hd-item-2.png) no-repeat 0 0;  }
#page-2 #gal-menu { height: 55px; }
#page-2 #gal-menu li { width: 147px; height: 55px; float: left; }
#page-2 #gal-menu li a { display: block; width: 159px; height: 55px; line-height: 55px; color: #2b2b2b; background: url(../images/bg-gal-item-n.png) no-repeat -150px 0; text-decoration: none; text-transform: lowercase; }
#page-2 #gal-menu li:first-child a { background: url(../images/bg-gal-item-1.png) no-repeat -150px 0; } /* 6 */
#page-2 #gal-menu li a span { display: block; width: 119px; height: 55px; line-height: 55px; padding: 0 0 0 40px; background: url(../images/icon-raquo.png) no-repeat 20px 0; }
#page-2 #gal-menu li a.active,
#page-2 #gal-menu li a:hover { background-position: 0 100% !important; }
#page-2 #gal-menu li a.active span,
#page-2 #gal-menu li a:hover span { background-position: 20px 100%; }
#page-2 #me { display: block; }
#page-2 #mf ul { width: 900px; }
#page-2 #ms ul { width: 900px; }
#page-2 .galeria { display: none; padding: 0 12px; }
#page-2 .galeria h4 { display: none; }  
#page-2 .galeria li { float: left; padding: 11px; }
#page-2 .galeria li img { padding: 1px; border: 1px solid #81e7d3; }
#page-2 .galeria li a:hover img { border-color: #f00 }

/* oferta */
#page-3 #content { background: url(../images/bg-page-3.png) no-repeat 0 0; }
#page-3 .header { width: 108px; height: 72px; margin: -40px 0 0 -10px; background: url(../images/hd-item-3.png) no-repeat 0 0; }
#page-3 #content ul { margin: 0 0 0 75px; }
#page-3 #content ul li {padding: 0 0 0 20px; background: url(../images/icon-raquo-2.png) no-repeat 0 4px; }
#page-3 #content ul li p { margin: 0 0 10px; }



/* kontakt */
#page-4 #content { background: url(../images/bg-page-4.png) no-repeat 0 0; }
#page-4 .header { width: 191px; height: 67px; margin: 20px 0 0 130px; background: url(../images/hd-item-4.png) no-repeat 0 0; }
#page-4 #content ul { margin: 25px 0 0 98px; font-size: 1.5em; font-weight: bold; }
#page-4 #content ul li { line-height: 27px; clear: both; padding: 0 0 0 60px; }
#page-4 #content ul li .label { width: 60px; float: left; margin: 0 15px 0 -60px; text-align: right; }



/* linki */
#page-5 #content { background: url(../images/bg-page-3.png) no-repeat 0 0; }
#page-5 .header { width: 108px; height: 72px; background: url(../images/hd-item-5.png) no-repeat 0 0; }
#page-5 #content ul { margin: 0 0 0 98px; }
#page-5 #content ul li { line-height: 27px; padding: 0 0 0 20px; background: url(../images/icon-raquo-2.png) no-repeat 0 9px; }


/* oferta rozwinięcie */
#page-6 #content { width: 904px; height: 417px; padding: 0; float: none; background: url(../images/bg-page-2.png) no-repeat 0 100%; }
#page-6 #content p { margin: 10px 25px 0 25px; text-align: left; position: relative; top: 35px; }
#page-6 #content ul { margin: 0 0 0 75px; position: relative; top: 35px; }
#page-6 #content ul li {padding: 0 0 0 20px; background: url(../images/icon-raquo-2.png) no-repeat 0 4px; }

#page-7 #content { width: 904px; height: 1600px; padding: 0; float: none; background: url(../images/bg-page-5.png) no-repeat 0 100%; }
#page-7 #content h3
{
    margin: 10px 25px 0 25px;
    text-align: center;
    position: relative;
    top: 35px;
    font-weight: bold;
}
#page-7 #content h4
{
    margin: 25px 25px 0 25px;
    text-align: center;
    position: relative;
    top: 35px;
    font-weight: bold;
    text-decoration: underline;
}
#page-7 #content img
{
    float: right;
    padding-left: 12px
}
#page-7 #content p { margin: 9px 25px 0 25px; text-align: justify; position: relative; top: 35px; }
#page-7 #content ul
{
    margin: 0 0 0 75px;
    position: relative;
    top: 38px;
    text-align: left;
}
#page-7 #content ul li
{
    list-style-type: disc;
}