/* OGOLNE */
* { margin: 0; padding: 0; border: none; }
body { font-family: Tahoma, Verdana, sans-serif; 
	   font-size: 11px; font-weight: normal; 
	   background: #FFF; color: #f8ffe4; }

a { color: #f8ffe4; text-decoration: none; }
a:hover { color: #00684a; }
a.active { font-weight: bold; color: #00684a; }
#frame { width: 100%; position: relative; text-align: left; background-image: url('../images/background.jpg'); }

/* STOPKA */
#frame #footer { width: 100%; height: 54px; clear: both; display: block; background-color: #000; position: relative; } 
#frame #footer p { position: absolute; left: 32px; top: 6px; color: #6c6e67; }
#frame #footer p a { color: #6c6e67; text-decoration: none; }
#frame #footer p a:hover { color: #a0a0a0; }

/* GÓRNE MENU */
#frame ol { list-style: none; width: 141px; height: 27px; display: block; position: absolute; top: 25px; left: 809px; }
#frame ol li { display: inline; }
#frame ol li a { height: 27px; float: left; }
#frame ol li#strona_glowna a { background-image: url('../images/top-glowna.jpg'); width: 88px; }
#frame ol li#top_kontakt a { background-image: url('../images/top-kontakt.jpg'); width: 53px; }
#frame ol li a:hover, #frame ol a.active { background-position: 0% -27px; }

/* PODSTRONA I GŁÓWNE MENU */
#frame #page { width: 950px; height: 741px; display: block; float: left; position: relative; margin-top: 52px; background: url('../images/page-background.jpg') no-repeat left bottom; }
#frame #page #top { width: 950px; height: 202px; display: block; background-image: url('../images/top.jpg'); }
#frame #page ul { list-style: none; width: 950px; height: 45px; }
#frame #page ul li { display: inline; }
#frame #page ul li a { height: 45px; float: left; }
#frame #page ul li#menu-left { background-image: url('../images/menu-left.jpg'); width: 34px; float: left; height: 45px; } 
#frame #page ul li#omnie a { background-image: url('../images/menu-omnie.jpg'); width: 86px; }
#frame #page ul li#oferta_medyczna a { background-image: url('../images/menu-oferta.jpg'); width: 139px; }
#frame #page ul li#galeria a { background-image: url('../images/menu-galeria.jpg'); width: 80px; }
#frame #page ul li#aktualnosci a { background-image: url('../images/menu-aktualnosci.jpg'); width: 116px; }
#frame #page ul li#kontakt a { background-image: url('../images/menu-kontakt.jpg'); width: 103px; }
#frame #page ul li#menu-right { background-image: url('../images/menu-right.jpg'); width: 392px; float: left; height: 45px; } 
#frame #page ul li a:hover, #frame #page ul a.active { background-position: 0% -45px; }

#frame #page h1 { position: absolute; top: 304px; left: 60px; height: 23px; }
#frame #page h1 strong { display: none; }
#frame #page h1.omnie { width: 67px; background-image: url('../images/header-omnie.jpg'); }
#frame #page h1.oferta { width: 162px; background-image: url('../images/header-oferta.jpg'); }
#frame #page h1.galeria { width: 67px; background-image: url('../images/header-galeria.jpg'); }
#frame #page h1.aktualnosci { width: 111px; background-image: url('../images/header-aktualnosci.jpg'); }
#frame #page h1.kontakt { width: 74px; background-image: url('../images/header-kontakt.jpg'); }

/* NEWSY */
#frame #page #news { position: absolute; top: 497px; left: 654px; width: 258px; height: 178px; color: #fdfff8; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; }
#frame #page #news span { margin-top: 3px; display: block; margin-left: 10px; }
#frame #page #news span.second { margin-top: 7px; }
#frame #page #news h2, 
#frame #page #news h3 { padding: 3px 0px; margin: 0px 10px; font-weight: bold; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; text-transform: uppercase; color: #00684a; }
#frame #page #news h2 a, 
#frame #page #news h3 a { color: #00684a; } 
#frame #page #news h2 a:hover, 
#frame #page #news h3 a:hover { color: #027b58; } 
#frame #page #news p { margin: 0px 10px; display: block; width: 240px; height: 50px; }
#frame #page #news p a { color: #fdfff8; background: url('../images/bullet.gif') no-repeat 100% 75%; padding-right: 10px; }


/* TREŚĆ */
#frame #page #subpage { position: absolute; top: 343px; left: 42px; width: 550px; height: 333px; 
						background-image: url('../images/subpage-background.jpg');
						color: #f8ffe4; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; }					
#frame #page #subpage2 { position: absolute; top: 343px; left: 42px; width: 550px; height: 333px; 
						background-image: url('../images/subpage-background2.jpg');
						color: #f8ffe4; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; }
#frame #page #subpage3 { position: absolute; top: 343px; left: 42px; width: 550px; height: 333px; 
						background-image: url('../images/subpage-background3.jpg');
						color: #f8ffe4; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; }
#frame #page #subpage4 { position: absolute; top: 343px; left: 42px; width: 550px; height: 333px; 
						background-image: url('../images/subpage-background4.jpg');
						color: #f8ffe4; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; }						
#frame #page #subpage p a.arrow,
#frame #page #subpage2 p a.arrow,
#frame #page #subpage3 p a.arrow,
#frame #page #subpage4 p a.arrow { color: #f8ffe4; background: url('../images/bullet.gif') no-repeat 100% 75%; padding-right: 10px; }
#frame #page #subpage p a.arrow:hover,
#frame #page #subpage2 p a.arrow:hover,
#frame #page #subpage3 p a.arrow:hover,
#frame #page #subpage4 p a.arrow:hover { color: #fdfff8; }

#frame #page #subpage p,
#frame #page #subpage2 p,
#frame #page #subpage3 p,
#frame #page #subpage4 p { margin: 10px; }

#frame #page #subpage2 p.first { position: absolute; left: 10px; top: 4px; display: block; }
#frame #page #subpage2 p.second { position: absolute; left: 208px; top: 80px; width: 330px; display: block; }
#frame #page #subpage2 p.third { position: absolute; left: 8px; top: 210px; width: 350px; display: block; }

#frame #page #subpage p.first { position: absolute; left: 180px; top: 20px; display: block; }
#frame #page #subpage p.second { position: absolute; left: 10px; top: 125px; width: 500px; display: block; }
#frame #page #subpage p.third { position: absolute; left: 10px; top: 265px; width: 500px; display: block; }
#frame #page #subpage #gabinet-image { position: absolute; left: 10px; top: 10px; width: 164px; height: 110px; border: 1px solid #FFF; display: block; }

#frame #page #subpage p.kon1 { position: absolute; left: 16px; top: 0px; width: 150px; display: block; }
#frame #page #subpage p.kon2 { position: absolute; left: 200px; top: 0px; width: 150px; display: block; }
#frame #page #subpage p.kon3 { position: absolute; left: 340px; top: 0px; width: 220px; display: block; }

#frame #page #subpage p#higiena { line-height: 18px; position: absolute; left: 10px; top: 30px; width: 230px; display: block; }
#frame #page #subpage p#estetyczna { line-height: 18px; position: absolute; left: 10px; top: 149px; width: 230px; display: block; }
#frame #page #subpage p#endodoncja { line-height: 18px; position: absolute; left: 295px; top: 30px; width: 220px; display: block; }
#frame #page #subpage p#chirurgia { line-height: 18px; position: absolute; left: 295px; top: 90px; width: 220px; width: 220px; display: block; }
#frame #page #subpage p#protetyka { line-height: 18px; position: absolute; left: 295px; top: 170px; width: 220px; display: block; }
#frame #page #subpage.small { font-size: 11px; }
#frame #page #subpage p strong.big { font-size: 16px; }

#frame #page #subpage2 img#left-image { position: absolute; left: 12px; top: 86px; width: 163px; height: 109px; border: 1px solid #FFF; }
#frame #page #subpage2 img#right-image { position: absolute; left: 377px; top: 216px; width: 164px; height: 110px; border: 1px solid #FFF; }

#frame #page #mapka { width: 510px; height: 254px; display: block; border: 1px solid #FFF; position: absolute; top: 66px; left: 20px; }

#frame #page #subpage h3, #frame #page #subpage h4, #frame #page #subpage h5, #frame #page #subpage h6,
#frame #page #subpage2 h3, #frame #page #subpage2 h4, #frame #page #subpage2 h5, #frame #page #subpage2 h6,
#frame #page #subpage3 h3, #frame #page #subpage3 h4, #frame #page #subpage3 h5, #frame #page #subpage3 h6,
#frame #page #subpage4 h3, #frame #page #subpage4 h4, #frame #page #subpage4 h5, #frame #page #subpage4 h6
{ margin: 10px; font-size: 12px; color: #006145; font-family: Tahoma, Verdana, sans-serif; }

#frame #page #subpage h4 { font-size: 14px; color: #f8ffe4; }
#frame #page #subpage p.line-height { line-height: 18px; position: absolute; left: 20px; top: 80px;  }
#frame #page #subpage h4.big { font-size: 16px; position: absolute; left: 20px; top: 40px; }
#frame #page #subpage h4.bigSecond { top: 30px; }
#frame #page #subpage p.lineSecond { top: 65px; }

#frame #page #subpage4 h3 a, #frame #page #subpage4 h4 a, #frame #page #subpage4 h5 a, #frame #page #subpage4 h6 a
{ color: #00684a; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; }
#frame #page #subpage4 h3 a:hover, #frame #page #subpage4 h4 a:hover, #frame #page #subpage4 h5 a:hover, #frame #page #subpage4 h6 a:hover
{ color: #027b58; }

#frame #page #subpage h3 span, #frame #page #subpage h4 span, #frame #page #subpage h5 span, #frame #page #subpage h6 span,
#frame #page #subpage4 h3 span, #frame #page #subpage4 h4 span, #frame #page #subpage4 h5 span, #frame #page #subpage4 h6 span
{ color: #f8ffe4; font-weight: normal; font-size: 11px; }

#frame #page #subpage3 p#catName { position: absolute; top: 0px; right: 10px; font-weight: bold; }
#frame #page #subpage3 p#cats { position: absolute; top: 36px; left: 0px; width: 170px; }

#frame #page .pages-nav { position: absolute; top: 312px; left: 10px; width: 530px; height: 18px; }
#frame #page .pages-nav .prev { position: absolute; top: 0px; left: 0px; }
#frame #page .pages-nav .next { position: absolute; top: 0px; right: 0px; }
#frame #page .pages-nav p { position: absolute; top: 0px; left: 160px; }
#frame #page .pages-nav a.none { color: #00684a; }

#frame #page #subpage .pages-nav p,
#frame #page #subpage2 .pages-nav p,
#frame #page #subpage3 .pages-nav p,
#frame #page #subpage4 .pages-nav p { margin: 0; padding: 0; }

#frame #page .gallery { position: absolute; top: 42px; left: 206px; width: 350px; height: 254px; }
#frame #page .gallery img { border: 1px solid #e2dfc9; }
#frame #page .gallery div { width: 107px; height: 80px; float: left; padding: 2px 4px 3px 3px; }