@charset "utf-8";
/* CSS Document */

body {background:#f9f9f9; margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#7b7b7b; line-height:15px; text-align:center;}

a {font-weight:bold; color:#7b7b7b; text-decoration:none;}
a:hover {text-decoration:underline;}

#spacer {width:980px; height:20px;}

#bg {background:#f7fafe url(bg_chmury.jpg) center top repeat-x;}

#box {width:980px; background:#FFFFFF url(bg_y.jpg) left top repeat-y; margin:auto; text-align:left;}

#flash {width:980px; height:250px; background:url(flash_bg_glowna.jpg) left top no-repeat;}
#flash_protetyka {width:980px; height:250px; background:url(flash_bg_protetyka.jpg) left top no-repeat;}
#flash_implantologia {width:980px; height:250px; background:url(flash_bg_implantologia.jpg) left top no-repeat;}
#flash_ortodoncja {width:980px; height:250px; background:url(flash_bg_ortodoncja.jpg) left top no-repeat;}

#blank {width:980px; height:110px; background:url(blank_home.jpg) left top no-repeat;}

.clear {clear:both;}

.sciezka {display:none;}

.head {font-weight:bold; clear:both; font-size:12px;}

.podmenu ul{padding:0; list-style:none; float:right; margin:0 0 10px 0;}
.podmenu li{margin:0; padding:0; list-style:none; float:left;}
.podmenu a {font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif; display:block; padding:0 10px; margin:0; border-left:1px solid #ffffff; color:#FFFFFF; margin:0 0 1px 0;}
.podmenu a:hover {text-decoration:none;}

#top {height:30px; width:900px; position:absolute;}

#menupom ul{margin:0; padding:0; float:right;}
#menupom li {list-style:none; float:left; margin:0; pading:0;}
#menupom li a {display:block; color:#FFFFFF; text-decoration:none; font-weight:bold; height:20px; line-height:20px; padding:0 15px; margin:0 0 0 1px;}

#menupom li #pierwszy {background:#f19393;}
#menupom li #pierwszy:hover {}
#menupom li #drugi {background:#001024;}
#menupom li #drugi:hover {}
#menupom li #trzeci {background:#3f84da;}
#menupom li #trzeci:hover {}

#top ul{margin:0; padding:0; float:right;}
#top li {list-style:none; float:left; margin:0; pading:0;}
#top li a {display:block; background:#e6e5e5; color:#ffffff; text-decoration:none; font-weight:bold; height:20px; line-height:20px; padding:0 15px; margin:0 0 0 1px;}
#top li a:hover {background:#696969; color:#e6e5e5;}

#menuflat ul{margin:0; padding:0; float:right;}
#menuflat li {list-style:none; float:left; margin:0; pading:0;}
#menuflat li a {display:block; background:#e6e5e5; color:#696969; text-decoration:none; font-weight:bold; height:20px; line-height:20px; padding:0 15px; margin:0 0 0 1px;}
#menuflat li a:hover {background:#696969; color:#e6e5e5;}

#top li a#protetyka {background:#2b73ec; width:65px;}
#top li a#implantologia {background:#010101;  width:90px;}
#top li a#ortodoncja {background:#302db0;  width:70px;}

#menu  {clear: both; float: right; margin: 0; padding: 0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu ul {padding-left: 0px; cursor: hand; margin: 0px; }
#menu li { list-style-type: none; margin: 0px; position: relative; padding: 0;}
#menu li > ul { display: none; position: absolute; top: -1px;}
#menu li:hover, div#menunav li.CSStoHighlight {}

#menu .protetyka ul.CSStoShow {display: block; background:url(protetyka.jpg) left top no-repeat; top:-43px; padding:28px 0 0 0;}
#menu .implantologia ul.CSStoShow {display: block; background:url(implantologia.jpg) left top no-repeat; top:-43px; padding:28px 0 0 0;}
#menu .ortodoncja ul.CSStoShow {display: block; background:url(ortodoncja.jpg) left top no-repeat; top:-43px; padding:28px 0 0 0;}

#menu li:hover > ul {display: block;}

#menu {width:970px; height:140px; position:absolute; left:50%; margin-left:-480px; top:230px; z-index:2;}
#menu .level1{list-style:none; margin:0; padding:0;}
#menu .level1 li{float:left;}
#menu .level1 li a{width:255px; height:140px; margin:0 0 0 25px; display:block; font-weight:normal;}

#menu .level1 li #protetyka {background:url(protetyka.png) left top no-repeat;}
#menu .level1 li #implantologia {background:url(inplantologia.png) left top no-repeat;}
#menu .level1 li #ortodoncja {background:url(ortodoncja.png) left top no-repeat;}

#menu .level1 li:hover #protetyka {background:url(protetyka.png) right top no-repeat;}
#menu .level1 li:hover #implantologia {background:url(inplantologia.png) right top no-repeat;}
#menu .level1 li:hover #ortodoncja {background:url(ortodoncja.png) right top no-repeat;}

#menu .level2 {list-style:none; margin:0 0 0 30px; padding:0; height:auto; position:relative; display:none; width:110px; top:-15px;}
#menu .level1 li:hover > ul {display: block;}

#menu .level2 li{width:110px; margin:0; clear:both;}

#menu .protetyka .level2 li {background:#2b73ec url(bg_protetyka.jpg) left top no-repeat; padding:10px 0;}
#menu .implantologia .level2 li {background:#010101 url(bg_implantologia.jpg) left top no-repeat; padding:10px 0;}
#menu .ortodoncja .level2 li {background:#302db0 url(bg_ortodoncja.jpg) left top no-repeat; padding:10px 0;}

#menu .level2 li a{display:block; color:#ffffff; text-decoration:none; width:80px; height:auto; margin:0 10px; background:url(li.png) left top no-repeat; padding:3px 0 3px 10px; line-height:normal;}
#menu .level2 li a:hover {background:url(li.png) left top no-repeat #035dcd;}

#menu_2  {clear: both; float: right; margin: 0; padding: 0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#menu_2 ul {padding-left: 0px; cursor: hand; margin: 0px; }
#menu_2 li { list-style-type: none; margin: 0px; position: relative; padding: 0;}
#menu_2 li > ul { display:block; position: absolute; top: -1px;}
#menu_2 li:hover, div#menunav li.CSStoHighlight {}

#menu_2 .protetyka ul.CSStoShow {display: block; background:url(protetyka.jpg) left top no-repeat; top:-43px; padding:30px 0 0 0;}
#menu_2 .implantologia ul.CSStoShow {display: block; background:url(implantologia.jpg) left top no-repeat; top:-43px; padding:30px 0 0 0;}
#menu_2 .ortodoncja ul.CSStoShow {display: block; background:url(ortodoncja.jpg) left top no-repeat; top:-43px; padding:30px 0 0 0;}

#menu_2 li:hover > ul {display: block;}

#menu_2 {width:130px; height:140px; position:absolute; left:50%; margin-left:-480px; top:230px; z-index:2;}
#menu_2 .level1{list-style:none; margin:0; padding:0;}
#menu_2 .level1 li{float:left;}
#menu_2 .level1 li a{width:120px; height:140px; margin:0 0 0 25px; display:block; font-weight:normal;}

#menu_2 .level1 li #protetyka {background:url(protetyka.png) -255px top no-repeat;}
#menu_2 .level1 li #implantologia {background:url(inplantologia.png) -255px top no-repeat;}
#menu_2 .level1 li #ortodoncja {background:url(ortodoncja.png) -255px top no-repeat;}

#menu_2 .level2 {list-style:none; margin:0 0 0 30px; padding:0; height:auto; position:relative; display:block; width:110px; top:-15px;}
#menu_2 .level1 li:hover > ul {display: block;}

#menu_2 .level2 li{width:110px; margin:0; clear:both;}

#menu_2 .protetyka .level2 li {background:#2b73ec url(bg_protetyka.jpg) left top no-repeat; padding:10px 0;}
#menu_2 .implantologia .level2 li {background:#010101 url(bg_implantologia.jpg) left top no-repeat; padding:10px 0;}
#menu_2 .ortodoncja .level2 li {background:#302db0 url(bg_ortodoncja.jpg) left top no-repeat; padding:10px 0;}

#menu_2 .level2 li a{display:block; color:#ffffff; text-decoration:none; width:80px; height:auto; margin:0 10px; background:url(li.png) left top no-repeat; padding:3px 0 3px 10px; line-height:normal;}
#menu_2 .level2 li a:hover {background:url(li.png) left top no-repeat #035dcd;}

#contener {width:980px; overflow:hidden; background:url(bg_content.jpg) left top no-repeat;}
#contener_2 {width:980px; overflow:hidden; background:url(bg_content_2.jpg) left top no-repeat;}

#kolum1 {float:left; width:240px; margin:0 30px 20px 100px; display:inline;}
#kolum2 {float:left; width:240px; margin:0 0 20px 0; display:inline;}
#kolum3 {float:left; width:240px; margin:0 100px 20px 30px; display:inline;}

#kolum4 {float:left; width:720px; margin:10px 0 20px 170px; display:inline;}

#kolum5 {float:left; width:200px; margin:0 20px 20px 20px; display:inline;}
#kolum6 {float:left; width:660px; margin:0 0 20px 0; display:inline;}

#kolum7 {float:left; width:780px; margin:10px 0 20px 100px; display:inline;}

#stopka {width:980px; height:30px; line-height:30px; color:#b5b4b4;}
#stopka a{color:#b5b4b4; text-decoration:none; font-weight:normal;}
#stopka a:hover {text-decoration:underline;}
#stopka .lewa {float:left; margin:0 0 0 35px;}
#stopka .prawa {float:right; margin:0 35px 0 0;}
#dol {width:980px; height:67px; background:url(bottom.jpg) left bottom no-repeat;  margin:0 0 20px 0;}

.kategoria {display:none;}
.newsy .tytul {font-weight:bold; left:-100px; clear:both; margin:0 0 5px 0;}
.newsy .data {font-size: 9px; margin:0 0 5px 0; display:block; position:relative; z-index:1; display:none;}
.news_obrazek {float:left; margin:5px 10px 10px 0; border:1px #b6b6b6 solid; padding:2px; background:#FFFFFF; width:134px; height:74px; overflow:hidden;}
.wiecej {background:url(szczegoly.gif) left 3px no-repeat; padding:0 0 0 15px; font-weight:normal; margin:5px 0 10px 5px; float:left; font-size:10px; width: 140px;}

#kolum1 .wiecej {width: 180px; margin:0px 0 10px 5px;}
.stronicowanie .nowsze {padding:10px 10px 0 0;  color:#3f84da; float:left; clear:both;}
.stronicowanie .starsze {padding:10px 0 0 0;  color:#3f84da; float:left;}