/* <default rules> */
/* it's recommended not to change them */
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 { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top; }
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear:both; height:1px; overflow:hidden; margin-bottom:-1px; font-size:1px; line-height:1px; }
.replacement { position:absolute; z-index:10; background-repeat:no-repeat; }
a:link, a:visited { text-decoration:underline;}
a:hover { text-decoration:none;}
a .replacement {	z-index:20; cursor:hand; }
/* </default rules> */

body { background:#fff url(../pix/body-bg.gif) repeat-x; font:12px Arial; color:#666; }
a:link, a:visited { color:#7c468d;}
a:hover { color:#541e65;}

h2 { color:#fff; font-size:16px; }
h2 span { display:block; padding:10px 0 0 45px; height:30px; }

strong { color:#000; } 

#wrapper { width:930px; margin:0 auto; }

/*    header  -------------------------------  */
#header { position:relative; height:241px; background:url(../pix/logo.jpg) no-repeat;}

/*    logo  ---------------------------------  */
#logo { position:absolute;  }
#logo a { display:block; width:276px; height:74px; }

/*    navi  ---------------------------------  */
#navi { position:absolute; top:88px; right:20px; color:#999;}
#navi li { float:left; padding:0 0 0 8px; margin-left:8px; border-left:1px solid #999; }
#navi li:first-child { border:none; padding:0; margin:0; }
#navi a { color:#999;}
#navi a:hover { color:#7e488f;}
#navi a.active { color:#000;}

/*    newsletter ----------------------------  */
#newsletter { position:absolute; top:114px; right:0; color:#999; height:127px; width:277px; background:url(../pix/newsletter.jpg) no-repeat; }
#newsletter .email {border:1px solid #a581b2; background:url(../pix/input-email.gif) repeat-x; padding:7px 7px 6px; font: bold 12px Arial; color:#541e65; position:absolute; top:79px; width:185px;}
#newsletter .zapisz { position:absolute; top:79px; left:206px;}

/*    menu  --------------------------------  */
#menu { width:930px; height:54px; background:url(../pix/menu-sprite.gif) no-repeat; color:#fff; font-weight:bold; font-size:16px; }
#menu ul {list-style:none; margin:0; padding:0; }
#menu li { margin:0; float:left; padding-left:2px; background:url(../pix/menu-sprite.gif) no-repeat -928px -108px; }

#menu a { display:block; height:35px; padding:19px 17px 0px 17px; color:#fff; text-decoration:none; }
#menu .first { background:none; padding-left:0;  }
#menu .last a { padding:19px 18px 0px 17px;  }

#menu a:hover { background:url(../pix/menu-sprite.gif) no-repeat 0 -162px; }
#menu .first.active a:hover { background:url(../pix/menu-sprite.gif) no-repeat 0 -162px; }
#menu .last.active a:hover { background:url(../pix/menu-sprite.gif) no-repeat 0 -162px; }
/*
#menu .first a:hover { background:url(../pix/menu-sprite.gif) no-repeat 0 -54px;  }
#menu .last   a:hover { background:url(../pix/menu-sprite.gif) no-repeat right -54px; }
*/
#menu .active a { background:url(../pix/menu-sprite.gif) no-repeat 0 -162px; }
#menu .first.active a { background:url(../pix/menu-sprite.gif) no-repeat 0 -54px; }
#menu .last.active a { background:url(../pix/menu-sprite.gif) no-repeat right -54px; }

.dropmenudiv{ position:absolute; top: 100px; border: 1px solid #7c478d; border-top-width:0; font:12px;
		  line-height:18px; z-index:100; background: #7c478d; width: 220px; visibility: hidden; }
.dropmenudiv a { display: block; padding: 5px 0 5px 22px; text-decoration: none; font-weight: bold; color: #fff; }
.dropmenudiv a:hover { background-color:#541e65; }

.scroll { height: 310px; overflow-y: scroll; }

/*    content-container  ----------------  */
#content-container { padding:0 0 0 0; }
.box { margin-top:20px; }
.box-inner { padding:15px 18px 0 18px; }

/*    sidebar  ---------------------------  */
#sidebar { width:250px; float:left; }
#sidebar h2 { background:url(../pix/h2-sprite.gif) no-repeat right -40px; }
#sidebar h2 span { background:url(../pix/h2-sprite.gif) no-repeat; }
#sidebar .active a { color:#000; }

/*    content ---------------------------  */
#content { width:670px; float:right; }
#content h2 { background:url(../pix/h2-sprite.gif) no-repeat right -120px; }
#content h2 span { background:url(../pix/h2-sprite.gif) no-repeat left -80px; }
#content .tresc {  }
#content .tresc p { margin-bottom:10px; }
#content .tresc ul { margin-bottom:15px; list-style:disc; }
#content .tresc ol { margin-bottom:15px; list-style:decimal; }
#content .tresc li { margin-left:25px; }

/*    footer  -----------------------------  */
#footer { margin:10px 0 20px 0; background:#a9a9a9 url(../pix/footer-bg.gif) no-repeat bottom left;}
#footer p { padding:10px 20px; color:#fff; font-size:11px; }

.showcase { border-bottom:1px solid #e2e2e2; padding-bottom:10px; margin-bottom:10px; }
.showcase .icon { width:40px; height:34px; background:url(../pix/icon.gif) no-repeat; float:left; margin-right:0px; }
.showcase .foto { width:205px; height:150px; background-position:center center; background-repeat:no-repeat; border:1px solid #c8c8c8; background-color:#eee; float:left; margin-right:20px; }
.showcase .info { margin-bottom:10px;}
.showcase h3 { font-size:18px; font-weight:bold; margin-bottom:10px;}
.showcase li { padding-bottom:1px;}
.showcase .intro { }

/*    pagination  -----------------------------  */
#content .pagination { text-align:left; }
#content .pagination .current { color:#fff; padding:1px 5px; border:1px solid #541e65; background:#541e65;}
#content .pagination p { padding:10px 0; font-weight:bold; margin:0;}
#content .pagination a:link {border:1px solid #bf89d0; text-decoration:none; padding:1px 5px; color:#bf89d0;}
#content .pagination a:visited {border:1px solid #bf89d0; text-decoration:none; padding:1px 5px; color:#bf89d0;}
#content .pagination a:hover { background:#bf89d0; color:#fff; }


/*    main  ------------------------------  
#main { width:665px; float:left; margin-left:1px; }
#main .tresc { padding:20px 30px; }
#main .tresc h2 { font-size:20px; color:#1473c7; font-weight:normal; margin-bottom:20px; }
#main .tresc p { margin-top:15px; }
#main .tresc ul { margin-top:15px; list-style:disc; }
#main .tresc ol { margin-top:15px; list-style:decimal; }
#main .tresc li { margin-left:25px; }
#main .tresc img { margin-top:15px; border:1px solid #c6dff5; }
#main .tresc img.foto { float:left; margin:0 15px 10px 0px; }

.section { background:#fff url(../pix/news-bg.gif) repeat-x; }

.pagination p { padding:4px 5px 3px 5px; }
.pagination .current { font-weight:bold; color:#1473c7; }

/*    news  ------------------------------  
.news { clear:both; width:605px; margin-top:-20px; }
.news dt { font-weight:bold; color:#1473c7; width:45px; float:left; margin-top:20px; }
.news dd { width:560px; float:left; margin-top:20px; }
.news dd .title { font-weight:bold; }

/*    katalog  ---------------------------- 
#katalog { margin-top:-24px;}
#katalog .foto { width:104px; height:104px; float:right; background-repeat:no-repeat; 
				 background-position:center center; border:1px solid #c6dff5;}
#katalog .opis { width:450px; float:left; }
#katalog .oferta { padding:0;}
#katalog .opis h3 { font-size:14px; padding-top:15px; }
#katalog h4 { font-size:12px; margin:20px 0 -15px 0; padding:0; }
#katalog .opis p { padding:0; margin:0; }
#katalog .opis p.more { }
#katalog .galery { padding:20px 0; float:left;}
#katalog .galery a { display:block; width:104px; height:104px; float:left; margin-right:3px; margin-bottom:3px;
					 background-repeat:no-repeat; background-position:center center;}

/*    support  ---------------------------  
#support { width:294px; float:right; margin-top:10px; }
#support .promobox { width:237px; margin:10px auto 0 auto; }

/*    ue  ---------------------------------  
#ue { height:80px; background-image:url(../pix/loga-ue.gif); margin:7px 0 0 0;}
#ue p { color:#999; padding:27px 0 0 410px; }

/*    test  ------------------------------- */ 
#formularz { margin-top:0px; text-align:left;}
#formularz td { padding:3px 0; }
#formularz .error td { padding:0; }
#formularz .required { color:#999; }
#formularz td.label { text-align:right; padding-right:10px; font-weight:bold; color:#666;}
#formularz input.formularz_tekst { width: 200px; border:1px solid #bf89d0; font:14px Arial; color:#541e65;
           padding:2px; background:url(../pix/input-bg.gif) repeat-x; }
#formularz select { padding:3px;}

#formularz .submit td { padding-top:15px;}
#formularz .error { color:#900;}

#formularz td p { padding:5px 20px 0 0;}
#formularz .current td { border-top:1px solid #ccc; background:url(../pix/input-bg.gif) repeat-x; color:#123f77;}
#formularz .goal td { border-bottom:1px solid #e2e2e2; color:#3f7712;}
#formularz .result td { border-bottom:1px solid #e2e2e2; padding:8px 0;}
#formularz h3 { padding-bottom:10px;}

#formtest { text-align:left;}
#formtest .submit td { padding-top:15px;}
#formtest td { font-weight:bold; }
#formtest .srodek { border-bottom:1px solid #eee; }
#formtest .srodek td { vertical-align:top; padding:10px 0 10px 0; font-weight:normal;}

#rejestracja { width:634px; }
#rejestracja th{ width:130px; padding:5px 10px; background:#9f59b5; text-align:right; border:1px solid #fff;
              color:#fff; }
#rejestracja td { padding:5px 10px; background:#e2bbef; border:1px solid #fff; color:#000;}

#poziomy p {margin:15px; padding-bottom:5px;}
#poziomy th { text-transform:uppercase; color:#fff; padding:8px; font-weight:bold; font-size:14px; border:1px solid #fff;}
#poziomy td { border:1px solid #fff;}
#poziomy .poziom { width:55px; text-align:center; font-weight:bold; font-size:16px; color:#000; }

#poziomy .a th { color:#3a9a0f; }
#poziomy .a1 { background:#d0f5bf; }
#poziomy .a2 { background:#a9e98c; }
#poziomy .b th { color:#0f5a9a; padding-top:25px;}
#poziomy .b1 { background:#d5e9fa; }
#poziomy .b2 { background:#afd5f6; }
#poziomy .c th { color:#541e65; padding-top:25px; }
#poziomy .c1 { background:#e1b6ef; }
#poziomy .c2 { background:#c888dc; }

.kontakt { background:url(../pix/box-bg-kontakt.jpg) no-repeat top right; }
.check { background:url(../pix/box-bg-check.jpg) no-repeat top right; padding-bottom:5px; }