* { margin: 0; padding: 0; border: none; }

body { font-family: Arial, Tahoma, Helvetica, sans-serif; 
	   font-size: 12px; font-weight: normal; color: #0e0e0e; background: url('../images/newbg.jpg') no-repeat center top;text-align: center; }

a { color: #1f2368; text-decoration: underline; }
a:hover { color: #19396d; text-decoration: none; }

h1 {font-size: 1em; text-align: center; padding-top: 10px; color:#FCFCFC;}

#bg-bottom { width: 100%; min-height: 1199px; height: auto !important; height: 1199px; background: url('../images/bg-bottom.jpg') no-repeat center bottom; text-align: center; }
#frame { width: 961px; margin: 0 auto; text-align: left; position: relative; }
#frame #top { width: 961px; height: 490px; position: relative; }
#frame #top #top-space { width: 961px; height: 137px; }
#frame #top #mainpage { width: 418px; height: 137px; margin-left: 30px; display: block; }
#frame #top #slider { width: 961px; height: 267px; position: relative; }
#frame #top #slide_1 { display: none; position: absolute; left: 0px; top: 0px; z-index: 1; width: 961px; height: 267px; background: url('../images/banner_artystyczne.jpg'); }
#frame #top #slide_2 { display: none; position: absolute; left: 0px; top: 0px; z-index: 1; width: 961px; height: 267px; background: url('../images/banner_tematyczne.jpg'); }
#frame #top #slide_3 { display: none; position: absolute; left: 0px; top: 0px; z-index: 1; width: 961px; height: 267px; background: url('../images/banner_integracyjne.jpg'); }

#frame #top #newsletter { position: absolute; right: 125px; bottom: 10px; width: 315px; height: 40px; z-index: 9; background: url('../images/newsletter.png'); }
#frame #top #newsletter #n-email { position: absolute; width: 147px; height: 19px; left: 125px; top: 11px; background: none; color: #00163c; }
#frame #top #newsletter #n-submit { position: absolute; width: 24px; height: 22px; right: 3px; top: 10px; background: none; cursor: pointer; }
#frame #top #slider-nav { position: absolute; right: 18px; bottom: 18px; z-index: 9; }
#frame #top #slider-nav a { width: 24px; height: 22px; float: left; margin-left: 6px; background: url('../images/przelacznik.png') no-repeat; display: block; line-height: 22px; text-align: center; color: #fff; font-weight: bold; text-decoration: none; font-size: 12px; }
#frame #top #slider-nav a:hover, #frame #top #slider-nav a.active { color: #00163c; background-position: 0px -22px; }

#frame #top #menu { width: 961px; height: 86px; position: relative; background: url('../images/menu-bg.jpg'); }   
#menu ol { list-style: none; width: 752px; height: 43px; position: absolute; right: 0px; top: 1px; }
#menu ol li { display: inline; }
#menu ol li a { display: block; float: left; height: 43px; }
#menu ol li#imp1 a { background: url('../images/menu-artystyczne.jpg') no-repeat 0px -43px; width: 256px; }
#menu ol li#imp2 a { background: url('../images/menu-tematyczne.jpg') no-repeat 0px -43px; width: 241px; }
#menu ol li#imp3 a { background: url('../images/menu-integracyjne.jpg') no-repeat 0px -43px; width: 255px; }
#frame #top #menu ol li a:hover, #frame #top #menu ol li a.active { background-position: 0px 0px; }

#menu ul { list-style: none; position: absolute; right: 0px; top: 51px; }
#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; font-size: 14px; font-weight: bold; color: #1f2368; text-decoration: none; margin-right: 16px; }
#menu ul li b { display: block; float: left; margin-right: 16px; }
#menu ul li a:hover { color: #df00d8; }

#subpage { width: 961px; background: url('../images/subpage-bg.jpg'); position: relative; }
#subpage .close-right { width: 961px; background: url('../images/subpage-bg-bottom.jpg') no-repeat right bottom; }
#subpage .close-right2 { width: 961px; background: url('../images/subpage-bg-bottom2.jpg') no-repeat right bottom; }
#subpage .close-left-integracyjne { width: 961px; background: url('../images/mbg-integracyjne.jpg') no-repeat left bottom; min-height: 516px; height: auto !important; height: 516px; }
#subpage .close-left-tematyczne { width: 961px; background: url('../images/mbg-tematyczne.jpg') no-repeat left bottom; min-height: 516px; height: auto !important; height: 516px; }
#subpage .close-left-artystyczne { width: 961px; background: url('../images/mbg-artystyczne.jpg') no-repeat left bottom; min-height: 516px; height: auto !important; height: 516px; }
#subpage .close-left-gall { width: 961px; background: url('../images/mbg-gall.jpg') no-repeat left bottom; min-height: 516px; height: auto !important; height: 516px; }

html>body #subpage .close-left-integracyjne,
html>body #subpage .close-left-tematyczne,
html>body #subpage .close-left-gall,
html>body #subpage .close-left-artystyczne { overflow: hidden; }

#left { float: left; width: 190px; position: relative; }
#right { float: right; width: 771px; position: relative; padding-bottom: 40px; }

#left #tag { width: 190px; height: 66px; }
#left #tag b { display: none; }
#left .header-integracyjne { background: url('../images/header-integracyjne.jpg'); }
#left .header-tematyczne { background: url('../images/header-tematyczne.jpg'); }
#left .header-artystyczne { background: url('../images/header-artystyczne.jpg'); }
#left .header-kategorie { background: url('../images/header-kategorie.jpg'); }

#left ul { list-style: none; margin-top: 16px; }
#left ul li { width: 190px; height: 23px; overflow: hidden;  }
#left ul li a { width: 190px; text-shadow: #572154 2px 2px 2px;
 display: block;height: 23px; text-decoration: none; color: #fff; line-height: 23px; padding-left: 16px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#left ul li a:hover, #left ul li a.active { background: url('../images/left-menu-hover.png'); }

#right p { margin: 16px 16px 0px 16px; }
#right p.bigger { font-size: 14px; }
#right span.imprezy { font-weight: bold; color: #1f2368; }
#right span.imprezy b { color: #c40082; }
#right #tag { width: 771px; height: 66px; background: url('../images/header-bg.jpg'); position: relative; margin-bottom: -10px; }
#right #tag strong { font-size: 20px; color: #1f2368; position: absolute; left: 30px; top: 4px; }

#right #tag img#aparat { position: absolute; top: 0px; left: 30px;  }
#right #tag strong#gall-z { left: 90px; }

#right ul, #right ol { list-style-position: inside; margin: 16px 16px 0px 24px; }

#right h2, #right h3, #right h4 { font-size: 20px; color: #1f2368; margin: 16px 16px -10px 16px; }
#right h5, #right h6 { font-size: 16px; color: #1f2368; margin: 16px 16px -10px 16px; }
#right em { font-style: normal; font-weight: bold; color: #1f2368; }

#right .tiny-contents { margin: 0px 16px 16px 16px; }
#right .tiny-contents p { margin: 16px 0px 0px 0px; }
#right .tiny-contents ul, #right .tiny-contents ol { margin: 16px 0px 0px 8px; }

#right .tiny-contents h2, #right .tiny-contents h3, #right .tiny-contents h4 { font-size: 20px; color: #1f2368; margin: 16px 0px -10px 0px; }
#right .tiny-contents h5, #right .tiny-contents h6 { font-size: 16px; color: #1f2368; margin: 16px 0px -10px 0px; }

#right .tiny-contents img.uploaded { float: left; padding-right: 8px; padding-top: 16px; padding-bottom: 4px; }

html>body #right .tiny-contents { overflow: hidden; }

#right #mapa { position: absolute; left: 336px; top: 317px; }
#right .person { width: 300px; height: 62px; position: relative; margin-top: 12px; margin-left: 16px; }
#right .person1 { margin-top: 20px; }
#right .person img { position: absolute; left: 0px; top: 0px; }
#right .person p { position: absolute; left: 94px; top: 0px; margin: 0px; }

#right #quick-contact { width: 399px; position: absolute; left: 344px; top: 68px; }
#right #quick-contact h5 { margin: 0px; }
#right #quick-contact #form-contact { width: 399px; height: 205px; margin-top: 10px; background: url('../images/contact-bg.jpg'); position: relative; } 
#form-contact input, #form-contact textarea { position: absolute; width: 252px; height: 17px; background: none; }
#form-contact textarea { width: 382px; height: 93px; }
#form-contact #imie { left: 8px; top: 7px; }
#form-contact #email { left: 8px; top: 41px; }
#form-contact #tresc { left: 8px; top: 75px; }
#form-contact #form-submit { right: 0px; bottom: 6px; background: url('../images/contact-send.jpg'); width: 56px; height: 22px; cursor: pointer; }


#frame #quick-gallery { width: 961px; height: 158px; overflow: hidden; }
#frame #quick-gallery div { display: none; }
#frame #quick-gallery div.elem { display: block; margin-top: 18px; margin-right: 34px; width: 165px; height: 124px; text-align: center; float: left; }
#frame #quick-gallery div.last { display: block; margin-top: 18px; width: 165px; height: 124px; text-align: center; float: left; margin-right: 0px; }

#right .news { width: 771px; margin-bottom: 10px; }
html>body #right .news, html>body #right .news p { overflow: hidden; }
#right .news span { font-size: 11px; color: #b9b9b9; margin-left: 16px; margin-top: 12px; margin-bottom: -10px; display: block;  }
#right .news p span { margin: 0; }

#right span.float-left { float: left; padding-right: 12px; padding-bottom: 4px; padding-top: 4px; }
#right span.float-right { float: right; padding-left: 12px; padding-bottom: 4px; padding-top: 4px; }
#right span img { border: 1px solid #1f2368; }


#right .pages-nav { position: relative; width: 730px; margin-left: 16px; height: 28px; margin-top: 6px; }
#right .pages-nav .prev { position: absolute; top: 12px; left: 10px; text-decoration: none; }
#right .pages-nav .next { position: absolute; top: 12px; right: 10px; text-decoration: none; }
#right .pages-nav p { position: absolute; top: 12px; left: 200px; margin: 0; }
 
#right .gallery { width: 730px; margin-left: 16px; margin-top: 24px; padding-bottom: 10px; } 
html>body #right .gallery { overflow: hidden; }
#right .gallery div { width: 169px; height: 128px; margin-left: 10px; margin-bottom: 6px; float: left; }
/* #right .gallery div img { border: 2px solid #9886d1; } */

#frame #footer { width: 961px; height: 35px; position: relative; background: url('../images/footer-bg.png'); }
#frame #footer p { color: #fff; font-size: 11px; position: absolute; }
#frame #footer p a { color: #fff; }
#frame #footer #copyrights { left: 21px; top: 13px; }
#frame #footer #realizacja { right: 21px; top: 13px; }