html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
img {border:none;}
body {font: 0.625em Arial, Tahoma, sans-serif; background-color:#23470b;}
h2 {font: bold 1.3em Verdana, Arial, sans-serif; margin:10px 10px;}
h3 {font: bold 1.1em Verdana, Arial, sans-serif; margin:15px 10px 10px;}
a {outline:none; text-decoration:none;}
.content {width:980px; margin: 0 auto;}
#header { background: #9e9a97 url(../img/header-bg-powielane.jpg) left repeat-x;}
#header .content {position:relative; height:200px; background: #9e9a97 url(../img/header-bg.jpg) no-repeat;}
#header #logo {position:absolute; width:280px; height:190px; bottom:0;}
#fb { width: 383px; height: 260px; right:40px; top: -230px; position: absolute; padding-left:7px; padding-top:8px; background:url(../img/fb.png) no-repeat; z-index:100; }
#header ul {position:absolute; bottom:0px; right:10px; overflow:hidden;}
#header ul li {float:left; margin-right:10px;}
#header ul li a{display:block; padding: 0px 3px 0px; color:#fff; font-size:1.6em; font-weight:bold; border-bottom: 1px #fff solid; background:url(../img/header-menu-bg.png) bottom no-repeat;}
#header ul li a:hover {border-bottom: 1px #ccc solid; color:#624230; background:url(../img/header-menu-bg-hover.png) bottom no-repeat;}
#main {background-color:#fff;}
#main .content {overflow:hidden; height:375px; background-color:#fff;}
#main ul.uslugi {float:left; width:185px; margin-top:30px; margin-left:20px;}
#main ul.uslugi li a {display:block; font-size:1.4em; color:#666; padding:5px 0; border-bottom:1px #ccc solid;}
#main ul.uslugi li a:hover {color:#660000; background: url(../img/strzalka.gif) 100% 50% no-repeat; }
#foto {float:left; width:300px; height:375px; margin-left:25px;}
#foto.index {}
#tlo {float:left; width:410px; height:375px; background:url(../img/onas-bg.jpg) no-repeat;}
#tresc {float:left; width:410px; height:250px; margin-top:45px; margin-left:15px; overflow:auto;}
#tresc p {font-size:1.2em; text-align:justify; color:#333; line-height:1.6em; margin:0 10px 10px;}
.wciecie {text-indent:5px;}
#footer {background: url(../img/footer-bg-powielane.jpg) left repeat-x;}
#footer .content {position:relative; height:145px; background: #23470b url(../img/footer-bg.jpg) no-repeat;}
#footer p {font: bold 1.22em Tahoma, Arial, sans-serif; color:#eaecee; text-align:center; line-height:1.8em; padding:20px 0 35px;}
#footer a {font-weight:normal; color:#eaecee; text-decoration:underline;}
#footer a.vision { position:absolute; top:18px; right:28px;}
#footer a.fzim { position:absolute; top:18px; left:20px;}
#footer-copyright .content {position:relative; font-weight:normal; color:#847f7b; text-align:left; border-top:1px #847f7b solid;}
#footer-copyright a {font-weight:normal; color:#847f7b;}
#footer-copyright a.xhtml {position:absolute; right:45px;}
#footer-copyright a.css {position:absolute; right:5px;}
/* PODSTRONY HEADER MENU */
#foto.galeria {width:750px; background:url(../img/galeria/galeria-bg.jpg) no-repeat; }
#gallery {width: 615px; height:350px; margin-left:105px; margin-top:15px; overflow:auto;}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; margin-right:20px;}
#gallery ul img {border: 3px solid #678056; margin-bottom:20px;}
#gallery ul a:hover img {border: 3px solid #fff;}
#gallery ul a:hover { color: #fff; }
#foto.nowosci {width:470px;}
#tresc.nowosci {width:455px; height:310px; margin-top:30px; margin-left:0;}
#nowosci.lista {float:left; width:260px; height:375px;  background: #86897d url(../img/nowosci/nowosci-lista-bg.jpg) no-repeat;}
#nowosci ul {margin-top:13px;}
#nowosci ul li {margin-bottom:13px;}
#nowosci ul li a {font: bold 1.2em Tahoma, Arial, sans-serif; color:#fff; margin-left:8px; padding-bottom:2px;}
#nowosci ul li a:hover {border-bottom:1px #624230 solid; color:#624230;}
#foto.certyfikat { width:750px; background:url(../img/certyfikaty/certyfikaty-bg.jpg) no-repeat;}
#certyfikaty { margin-left:30px;}
#foto.personel {width:470px; background:url(../img/personel/personel-bg.jpg) no-repeat;}
#foto.lekarze {width:470px; background:url(../img/personel/lekarze-bg.jpg) no-repeat;}
#tresc.personel { width:455px; height:290px; margin-top:40px; margin-left:0;}
#tresc.personel h2{margin-left:15px;}
#tresc.personel p {margin:0 15px 10px 10px;}
h2.lekarze {margin-top:54px; margin-bottom:70px;}
img.lekarze  {float:right; margin-right:30px;}
#personel.lista {float:left; width:260px; height:375px; background: #86897d url(../img/personel/lekarze-lista-bg.jpg); overflow:auto;}
#personel ul {margin-top:10px;}
#personel ul li {margin-bottom:12px;}
#personel ul li a {font: bold 1.2em Tahoma, Arial, sans-serif; color:#fff; margin-left:10px; padding-bottom:2px;}
#personel ul li a:hover {border-bottom:1px #624230 solid; color:#624230;}
#foto.aktualnosci {width:440px; background: url(../img/aktualnosci/aktualnosci-tlo.jpg) no-repeat;}
#tresc.aktualnosci { width:425px; height:290px; margin-top:40px; margin-left:0;}
#tresc.aktualnosci h2{margin-left:15px;}
#tresc.aktualnosci p {margin:0 15px 10px 10px;}
h2.aktualnosci {margin-top:54px; margin-bottom:70px;}
#aktualnosci.lista {float:left; width:290px; height:375px; background: #86897d url(../img/aktualnosci/aktualnosci-lista-tlo.jpg) no-repeat;}
#aktualnosci ul {margin-top:50px;}
#aktualnosci ul li {margin-bottom:12px;}
#aktualnosci ul li a {font: bold 1.2em Tahoma, Arial, sans-serif; color:#fff; margin-left:8px; padding-bottom:2px;}
#aktualnosci ul li a:hover {border-bottom:1px #624230 solid; color:#624230;}
#foto.cennik {width:470px; background:url(../img/cennik/cennik-bg.jpg) no-repeat;}
#tresc.cennik {width:455px; height:310px; margin-top:30px; margin-left:0;}
#tresc.cennik h2 { margin-bottom:20px;}
#tresc.cennik p { font-size:1.3em; color: #444; margin-bottom:20px;}
#foto.tabela {width:470px;}
#tresc.tabela {width:463px; height:293px; margin-top:30px; margin-left:0;}
#tresc.tabela h3 {letter-spacing:1px;}
table {background-color:#dfe1e2; font:1.1em Verdana, sans-serif; color: #333; line-height:1.7em; border-top:1px #777 solid; border-left:1px #777 solid;}
table .tr-szary {background-color:#cdcdcd;}
table tr td {width:330px; padding-left:5px; border-bottom:1px #777 solid; border-right:1px #777 solid;}
table .cena {width:95px; text-align:right; padding-right:3px; }
#cennik.lista {float:left; width:260px; height:375px; background: #86897d url(../img/cennik/cennik-lista-bg.jpg) no-repeat;}
#cennik ul {margin-top:50px;}
#cennik ul li {margin-bottom:15px;}
#cennik ul li a {font: bold 1.2em Tahoma, Arial, sans-serif; color:#fff; margin-left:5px; padding-bottom:2px;}
#cennik ul li a:hover {border-bottom:1px #624230 solid; color:#624230;}
#foto.kontakt {width:440px;}
#tresc.kontakt {width:280px; height:100%; margin-top:0;}
#tresc.kontakt p {font-size:1.3em; color: #660000; line-height:2.2em; margin:15px 0 0 10px; text-align:left;}
#tresc.kontakt a {text-decoration:underline;}
#footer .kontakt {font: bold 1.7em Arial, Verdana, sans-serif; color:#d2d2d3; padding-top:60px;}
/* PODSTRONY MAIN */
#foto.stomatologia-estetyczna {background-image: url(../img/uslugi/stomatologia-estetyczna.jpg);}
#foto.zachowawcza {background-image: url(../img/uslugi/stomatologia-zachowawcza.jpg);}
#foto.endodoncja {background-image: url(../img/uslugi/endodoncja.jpg);}
#foto.stomatologia-dziecieca {background-image: url(../img/uslugi/stomatologia-dziecieca.jpg);}
#foto.ortodoncja {background-image: url(../img/uslugi/ortodoncja.jpg);}
#foto.protetyka {background-image: url(../img/uslugi/protetyka.jpg);}
#tresc .lista {margin:0 0 10px 20px;}
#foto.implantologia { background-image: url(../img/uslugi/implantologia.jpg);}
img.usmiech {margin-left:40px;}
img.implant {float:right;}
img.szczeka {float: right; padding-top:5px; padding-left:8px;}
img.osteopland {margin-top:5px; margin-left:120px;}
#foto.chirurgia-stomatologiczna {background-image: url(../img/uslugi/chirurgia-stomatologiczna.jpg);}
#foto.profilaktyka {background-image: url(../img/uslugi/profilaktyka.jpg);}
#foto.pantomogram {background-image: url(../img/uslugi/pantomogram.jpg);}
#foto.medycyna-estetyczna {background-image: url(../img/uslugi/medycyna-estetyczna.jpg);}
#tresc .center {text-align:center;}
#tresc .prawa {float:right; padding-right:30px;}