@import url("reset.css");
div, p, span, img, ul, li, h1, h2 { behavior: url(css/iepngfix.htc); }

p {font-size: 12px; color:#333333; line-height:1.4em; text-align: left; padding:5px;}
a {color:#3575b7; text-decoration: none;}
a:hover {text-decoration: underline;}
span {font-weight:600; }
.redcolor {color:#dd241f;}

body {background:#afc8e2; margin:0; padding:0; font-family: Arial, sans-serif; font-size:12px; line-height: 1.4em; z-index:1;}

#container {text-align:center; width: 100%; height:100%; padding:0; margin:0; background: url(../images/bgcontainer.jpg) no-repeat center top;}

#wrapper {background:url(../images/bg_wrapper.jpg) no-repeat center top; width:963px; margin:0 auto; padding:0;}

/*header*/
#top {width:963px; margin:0; padding:0; height:190px;}

#lefttop {float:left; width:328px;height:190px; background: url(../images/bgtopleft.png) no-repeat left bottom; display: inline;}
#wspolpraca {text-align: left; padding:10px 0 0 0;}
#righttop {float:right; background: url(../images/bgtopright.png) no-repeat right bottom; width:635px;height:190px;}
#logo {text-align: left; width: 295px; float: left;}
#logo p {font-weight: 600; font-size: 12px; padding:0; margin:0; text-align: center; width:295px; color:#3575b7;}

#content {background:url(../images/bgcontent.png) repeat-y center top; margin:0; padding:0; width:963px; text-align: left;}	
#bgbottom {background:url(../images/bgbottom.png) no-repeat center bottom; width:963px; height:11px; margin:0; padding:0;}

/*lewa kolumna*/
.left {float:left; margin:0; padding:0; background:url(../images/bgleftpasek.jpg) repeat-y right top; width:328px; display: inline;}
#menuleft {background:url(../images/bgleft.jpg) no-repeat right top; width:328px; text-align: center;}
#menuleft ul {width:280px; margin:0 0 0 30px; padding:6px 0 0 0;}

#menuleft ul li {padding:0;}
#menuleft ul li p.red  {margin:0; text-align: center; padding:5px 0 0; color:#fff; font-weight: 600; background: url(../images/redbtn.png) no-repeat center top; width:280px; height:45px; display: block;}
#menuleft ul li a {padding:5px 0 0; color:#fff; font-weight: 600; background: url(../images/bluebtn.png) no-repeat center top; width:280px; height:40px; display: block;}
#menuleft ul li p {margin:0; text-align: center; padding:5px 0 0; color:#fff; font-weight: 600; background: url(../images/bluebtn.png) no-repeat center top; width:280px; height:45px; display: block;}
#menuleft ul li a span {font-weight: 600; text-decoration: underline; color:#3575B7;}
	
#menuleft ul li ul {margin:0; padding:0; text-align: left;}
#menuleft ul li ul li {padding:0 0 0 20px; background:url(../images/bullet.gif) no-repeat 2% 60%; margin:2px 0;}
#menuleft ul li ul li a {background: none; color: #3575b7; text-decoration: none; width: auto; height: auto; text-align: left; font-weight: 500; display: inline; padding:0;}
	
#register {background:url(../images/regbg.jpg) no-repeat right top; width:328px; text-align: center; padding:5px 0;}
#register h1.red {padding:0; color:#fff; font-weight: 600; background: url(../images/redbtn.png) no-repeat center top;padding:5px 0 0; width:280px; height:45px; display: block; margin:10px 0 0 30px;}
#register h1.red a {color:#fff; font-weight: 600;}
#register p {margin:0 0 0 30px; padding:10px 10px 5px 5px;}
.bottommenuleft {background: url(../images/bgleftmenubottom.jpg) no-repeat right top; width:328; height:14px;}

/*prawa kolumna*/
#right {float:right; margin:0; padding:0; width:635px;}
#right h3 {width:100%; text-align: center; color:#fff; background:#dd241f; width:610px; padding:2px 0;}
#menu {width:610px; margin:8px 0 0 0; padding:0; background: url(../images/mozesz.gif) no-repeat right center; height: 60px;}
#menu ul li {float:left; padding:0 6px 0 0; margin:0;}
#menu ul li a.konto {background: url(../images/konto.gif) no-repeat center bottom; display:block; text-indent:-1000px; width:142px; height:60px;}
#menu ul li a.konto_over {background: url(../images/konto_over.gif) no-repeat center bottom; display:block; text-indent: -1000px; width:142px; height:60px;}
#menu ul li a.umow {background: url(../images/umow.gif) no-repeat center bottom; display:block; text-indent: -1000px; width:142px; height:60px;}
#menu ul li a.umow_over {background: url(../images/umow_over.gif) no-repeat center bottom; display:block; text-indent: -1000px; width:142px; height:60px;}
#menu ul li a.zaloguj {background: url(../images/zaloguj.gif) no-repeat center bottom; display:block; text-indent: -1000px; width:142px; height:60px;}
#menu ul li a.zaloguj_over {background: url(../images/zaloguj_over.gif) no-repeat center bottom; display:block; text-indent: -1000px; width:142px; height:60px;}

#slider {width: 612px; height: 290px; margin:0; padding:0; background: url(/img/box_slider_background.png);}
#nav_slider {position: absolute; z-index: 999; float: right; text-align: right;width: 590px; margin-top: 10px;}
#nav_slider ul li {display: inline; padding: 0 4px; width: 7px; height: 16px; background: url(../img/navi_slider.png); margin-left: 3px; margin-right: 0px;}
#nav_slider ul li a {color: #3575b7; text-decoration: none; font-size: 12px;}
.nav_wybrany {background: #fff !important;}
.nav_wybrany a {color: #3575b7; font-weight: bold;}
.box_okragly {width: 612px; height: 290px; margin:0; padding:0; background: url(/img/box_slider_background.png);}

h1#gabinet {font-size:14px; float:left; color:#fff; text-align: center; width:425px; background: url(../images/wykrzyknik.png) no-repeat 1% center; padding:15px 0 15px 69px;}
h1#film {font-size:14px; float:left; color:#fff; text-align: center; width:425px; background: url(../images/kamera.png) no-repeat 1% center; padding:15px 0 15px 69px;}
h1#pytajnik {font-size:14px; float:left; color:#fff; text-align: center; width:425px; background: url(../images/pytajnik.png) no-repeat 1% center; padding:15px 0 15px 69px;}
span.smallico {background:url(../images/ap.png) no-repeat right center; height: 47px; width:30px; float:left;}
span.smallico2 {background:url(../images/kam.png) no-repeat right center; height: 47px; width:30px; float:left;}
span.archiwum {background:url(../images/archiwum.png) no-repeat right center; height: 47px; width:102px; float:left;}
a span.archiwum {text-indent: -1000px; overflow: hidden;}
#bluebelka {background: url(../images/bluebelka.jpg) no-repeat left top; width:614px; height: 47px; margin:0;padding:0; text-align: center;}
#redbelka {background: url(../images/redbelka.jpg) no-repeat left top; width:614px; height: 47px; margin:0;padding:0; text-align: center;}
.bluebelka_new {background: url(../images/bluebelka_new.jpg) no-repeat left top; width:605px; height: 37px; margin:0;padding:0; text-align: center;}
.redbelka_new {background: url(../images/redbelka_new.jpg) no-repeat left top; width:605px; height: 37px; margin:0;padding:0; text-align: center;}
#bluebelkabok {background: url(../images/bluebelkabok.jpg) no-repeat right top; height: 47px; margin:0; padding:0 15px 0 0; float:right; display: inline;}
#redbelkabok {background: url(../images/redbelkabok.jpg) no-repeat left top; height: 47px; margin:0; padding:0; width: 12px; float:right; display: inline;}
	
.box {width: 612px; clear: both; margin:10px 0 0 0;}
.boxmapa {width: 612px; clear: both; margin:10px 0 0 0;}
.box img {float:left; margin:10px 0 0 0;}
.ramka {padding:2px; border: 1px solid #CCCCCC}
.box p {padding:10px; float:left; width: 370px;}
.box p a.wiecej {display: inline-block; float:right; margin-top: 2px;}
.box p a img {padding:0; margin:0;}
.box ul li {float:left; display: inline; text-align:center; background: url(../images/bgfilmbox.jpg) no-repeat center top; width:150px;padding:0 1px}
.box ul li div { width:150px;background: url(../images/bgfilmboxbtn.jpg) no-repeat center bottom; height:14px;margin:0;padding:0;clear:both;}
.box ul li p {width: auto; text-align: center; padding:0 10px;}
.box ul li p a {font-size: 11px; color:#000; display:inherit;}
.box ul li img {padding:0; margin:10px 10px 5px 10px;}
.boxmapa li img {float:left;}
.boxmapa img {float:right;}
.boxmapa ul {width: 300px; float:left; text-align: center;margin-left:5px;}

/*podstrona news*/
.boxnews {width: 612px; clear: both; margin:10px 0 0 0;}
.boxnews ul {list-style-type: disc; margin:0 0 0 20px;}
h2#matfot {width:142px; height:36px; background: url(../images/matfot.gif) no-repeat left center; margin:0; padding:0;}
h2#matfilm {width:142px; height:36px; background: url(../images/matfilm.gif) no-repeat left center; margin:0; padding:0;}

.box .foto {float:left; margin:5px 10px 0 0; padding:0; border:1px solid #c9c9c9; width:190px; }
.box .foto p {padding:8px; margin:0; width:175px; text-align: center; font-size: 12px; color:#3575b7;}
.box .foto img {padding:0; margin:0;}	
	
#nav {width: 100%; text-align: center; clear: both; margin:15px 0;}
#nav a {margin:5px;}

/*podstrona godziny przyjec*/
#godziny {margin:10px 0;}
#godziny thead {color:#3575b7; font-weight: 600; font-size: 12px; text-align: center;}
#godziny th.headtab {padding:2px 0;}
#godziny tbody {color:#fff;}
#godziny td {border:2px solid #fff;}
#godziny td.przychodnia {background:#3575b7; padding:3px 0 3px 8px; font-weight: 600;}
#godziny td.czas {background:#afc8e2; font-size:11px; color:#053782; text-align: center}

/*podstrona video*/
#boxvideo {background: url(../images/bgvideo.jpg) no-repeat center top; width:617px; margin:0; padding:0;}
#boxvideo .player {padding:10px; float:left; display:inline; margin:0;}
#boxvideo .opisvideo {float:right; margin:0; padding:20px 5px 5px 5px; width:210px;}
#boxvideo .opisvideo h4 {text-align: left; border-bottom:1px solid #3575b7; padding:0 0 5px 0; margin:0 10px 0 0;}
#boxvideo .opisvideo p {color:#383838; font-size:12px; padding:5px 5px 5px 0;}
#boxvideobottom {background: url(../images/bgvideobottom.jpg) no-repeat center bottom; width:617px; height:14px; margin:0; padding:0; clear: both;}

#boxvideo .playerbig {padding:15px; margin:0; width:587px;}
.opisvideobig {margin:0; padding:20px 5px 5px 5px; width:580px;}
.opisvideobig h4 {text-align: left;padding:0 0 5px 5px; margin:0 10px 0 0;}
h2#arch {width:149px; height:36px; background: url(../images/archiwum.gif) no-repeat left center; margin:0; padding:0;}

/*footer*/
#footer {background:url(../images/bgfooter.jpg) no-repeat center top; margin:0 auto; width:963px; padding:10px; height: 54px;}
#footer p {padding:0 15px; color:#3575b7; font-size: 11px;}