* {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
}

div, p, h1, h2, h3 {overflow: hidden}

a {color: #6e8417}
a:hover {color: #272727}


html, body {
	min-height: 100%;
	overflow-x: hidden;
}

html {
	overflow-y: scroll;
}

body {
	text-align: center;
	font-size: 11px; 
	background: url('images/bottom.png') no-repeat center bottom #272727;
}

.btn {
	display: block;
	cursor: pointer;
}

.hidden {display: none}

.btn:hover, .active {
	background-position: 0px 100% !important;
}

img {
	border: 0px;
}

input, select, textarea {
	border: 0px; 
	background: none;
	color: #1a1b14;
}

.clear {
	clear: both;
}

.fright {float: right}
.right {text-align: right}


a {text-decoration: none; outline: none}


p, div {color: #1a1b14}

#logo img {margin-top: 20px}
.width {margin: 0px auto; text-align: left; width: 980px}
#header {width: 980px; background: url('images/header.png') no-repeat; height: 120px; text-align: center}

#head_left {position: absolute; background: url('images/head_left.png') no-repeat; width: 460px; height: 120px; margin-left: -950px; left: 50%}
#head_right {position: absolute; background: url('images/head_right.png') no-repeat; width: 460px; height: 120px; left: 50%; margin-left: 490px}

#menu {width: 980px; margin: 10px auto 0px; min-height: 40px}
#menu a {display: block; height: 40px; float: left}
#menu a.menu_home {background: url('images/menu.png'); width: 145px}
#menu a.menu_home:hover, #menu .static a.menu_home {background-position: 0px 100%}
#menu a.menu_o_klinice {background: url('images/menu.png'); width: 115px; background-position: -145px 0px}
#menu a.menu_o_klinice:hover, #menu .o_klinice a.menu_o_klinice {background-position: -145px 100%}
#menu a.menu_uslugi {background: url('images/menu.png'); width: 95px; background-position: -260px 0px}
#menu a.menu_uslugi:hover, #menu .uslugi a.menu_uslugi {background-position: -260px 100%}
#menu a.menu_pacjenci {background: url('images/menu.png'); width: 105px; background-position: -355px 0px}
#menu a.menu_pacjenci:hover, #menu .pacjenci a.menu_pacjenci {background-position: -355px 100%}
#menu a.menu_kontakt {background: url('images/menu.png'); width: 91px; background-position: -460px 0px}
#menu a.menu_kontakt:hover, #menu .kontakt a.menu_kontakt {background-position: -460px 100%}
#menu .main {margin-left: 200px; width: 551px; position: absolute;}
#menu .sub {background: url('images/submenu_bg.png') no-repeat; height: 43px; padding-top: 45px; margin-top: 0px}
#menu .sub .container {margin: 0px auto;}

#menu .o_klinice .container {width: 312px}
#menu .o_klinice .container a.informacje {width: 165px; height: 24px; background: url('images/menu_oklinice.png');}
#menu .o_klinice .container a.informacje:hover, #menu .o_klinice .informacje a.informacje {background-position: 0px 100%}
#menu .o_klinice .container a.galeria {width: 67px; height: 24px; background: url('images/menu_oklinice.png'); background-position: -165px 0px}
#menu .o_klinice .container a.galeria:hover, #menu .o_klinice .galeria a.galeria {background-position: -165px 100%}
#menu .o_klinice .container a.personel {width: 80px; height: 24px; background: url('images/menu_oklinice.png'); background-position: -232px 0px}
#menu .o_klinice .container a.personel:hover, #menu .o_klinice .personel a.personel {background-position: -232px 100%}

#menu .uslugi .container {width: 788px}
#menu .uslugi .container a.implanty {width: 80px; height: 24px; background: url('images/menu_uslugi.png'); background-position: 0px 0px}
#menu .uslugi .container a.implanty:hover, #menu .uslugi .implanty a.implanty {background-position: 0px 100%}
#menu .uslugi .container a.protetyka {width: 84px; height: 24px; background: url('images/menu_uslugi.png'); background-position: -80px 0px}
#menu .uslugi .container a.protetyka:hover, #menu .uslugi .protetyka a.protetyka {background-position: -80px 100%}
#menu .uslugi .container a.leczenie_zebow {width: 118px; height: 24px; background: url('images/menu_uslugi.png'); background-position: -164px 0px}
#menu .uslugi .container a.leczenie_zebow:hover, #menu .uslugi .stomatologia a.leczenie_zebow {background-position: -164px 100%}
#menu .uslugi .container a.estetyka {width: 75px; height: 24px; background: url('images/menu_uslugi.png'); background-position: -282px 0px}
#menu .uslugi .container a.estetyka:hover, #menu .uslugi .estetyka a.estetyka {background-position: -282px 100%}
#menu .uslugi .container a.ortodoncja {width: 99px; height: 24px; background: url('images/menu_uslugi.png'); background-position: -357px 0px}
#menu .uslugi .container a.ortodoncja:hover, #menu .uslugi .ortodoncja a.ortodoncja {background-position: -357px 100%}
#menu .uslugi .container a.higiena {width: 67px; height: 24px; background: url('images/menu_uslugi.png'); background-position: -456px 0px}
#menu .uslugi .container a.higiena:hover, #menu .uslugi .higiena a.higiena {background-position: -456px 100%}
#menu .uslugi .container a.chirurgia {width: 85px; height: 24px; background: url('images/menu_uslugi.png'); background-position: -523px 0px}
#menu .uslugi .container a.chirurgia:hover, #menu .uslugi .chirurgia a.chirurgia {background-position: -523px 100%}
#menu .uslugi .container a.rtg {width: 42px; height: 24px; background: url('images/menu_uslugi.png'); background-position: -608px 0px}
#menu .uslugi .container a.rtg:hover, #menu .uslugi .rtg a.rtg {background-position: -608px 100%}
#menu .uslugi .container a.periodontologia {width: 138px; height: 24px; background: url('images/menu_uslugi.png'); background-position: -650px 0px}
#menu .uslugi .container a.periodontologia:hover, #menu .uslugi .periodontologia a.periodontologia {background-position: -650px 100%}

#menu .sub2 {background: url('images/submenu2_bg.png') no-repeat; height: 43px; padding-top: 50px; margin-top: -45px}
#menu .sub2 .container {margin: 0px auto; height: 24px}
#menu .implanty .container {width: 484px}
#menu .implanty .container a.pojedynczego_zeba {width: 204px; height: 24px; background: url('images/menu_implanty.png'); background-position: 0px 0px}
#menu .implanty .container a.pojedynczego_zeba:hover, #menu .sub2 .pojedynczegozeba a.pojedynczego_zeba {background-position: 0px 100%}
#menu .implanty .container a.mosty {width: 131px; height: 24px; background: url('images/menu_implanty.png'); background-position: -204px 0px}
#menu .implanty .container a.mosty:hover, #menu .sub2 .mosty a.mosty {background-position: -204px 100%}
#menu .implanty .container a.protezy {width: 149px; height: 24px; background: url('images/menu_implanty.png'); background-position: -335px 0px}
#menu .implanty .container a.protezy:hover, #menu .sub2 .protezy a.protezy {background-position: -335px 100%}

#menu .protetyka .container {width: 485px}
#menu .protetyka .container a.mosty_porcelanowe {width: 155px; height: 24px; background: url('images/menu_protetyka.png'); background-position: 0px 0px}
#menu .protetyka .container a.mosty_porcelanowe:hover, #menu .sub2 .mostyporcelanowe a.mosty_porcelanowe {background-position: 0px 100%}
#menu .protetyka .container a.protezy_ruchome {width: 135px; height: 24px; background: url('images/menu_protetyka.png'); background-position: -155px 0px}
#menu .protetyka .container a.protezy_ruchome:hover, #menu .sub2 .protezyruchome a.protezy_ruchome {background-position: -155px 100%}
#menu .protetyka .container a.protezy_natychmiastowe {width: 195px; height: 24px; background: url('images/menu_protetyka.png'); background-position: -290px 0px}
#menu .protetyka .container a.protezy_natychmiastowe:hover, #menu .sub2 .protezynatychmiastowe a.protezy_natychmiastowe {background-position: -290px 100%}

#menu .leczenie_zebow .container {width: 437px}
#menu .leczenie_zebow .container a.leczenie_kanalowe {width: 150px; height: 24px; background: url('images/menu_leczeniezebow.png'); background-position: 0px 0px}
#menu .leczenie_zebow .container a.leczenie_kanalowe:hover, #menu .sub2 .leczeniekanalowe a.leczenie_kanalowe {background-position: 0px 100%}
#menu .leczenie_zebow .container a.leczenie_zachowawcze {width: 170px; height: 24px; background: url('images/menu_leczeniezebow.png'); background-position: -150px 0px}
#menu .leczenie_zebow .container a.leczenie_zachowawcze:hover, #menu .sub2 .leczeniezachowawcze a.leczenie_zachowawcze {background-position: -150px 100%}
#menu .leczenie_zebow .container a.leczenie_dzieci {width: 117px; height: 24px; background: url('images/menu_leczeniezebow.png'); background-position: -320px 0px}
#menu .leczenie_zebow .container a.leczenie_dzieci:hover, #menu .sub2 .leczeniedzieci a.leczenie_dzieci {background-position: -320px 100%}

#menu .estetyka .container {width: 542px}
#menu .estetyka .container a.licowki_porcelanowe {width: 168px; height: 24px; background: url('images/menu_estetyka.png'); background-position: 0px 0px}
#menu .estetyka .container a.licowki_porcelanowe:hover, #menu .sub2 .licowkiporcelanowe a.licowki_porcelanowe {background-position: 0px 100%}
#menu .estetyka .container a.przebarwienia_zebow {width: 159px; height: 24px; background: url('images/menu_estetyka.png'); background-position: -168px 0px}
#menu .estetyka .container a.przebarwienia_zebow:hover, #menu .sub2 .przebarwieniazebow a.przebarwienia_zebow {background-position: -168px 100%}
#menu .estetyka .container a.odbudowa_martwych_zebow {width: 215px; height: 24px; background: url('images/menu_estetyka.png'); background-position: -327px 0px}
#menu .estetyka .container a.odbudowa_martwych_zebow:hover, #menu .sub2 .odbudowamartwychzebow a.odbudowa_martwych_zebow {background-position: -327px 100%}

#menu .higiena .container {width: 542px}
#menu .higiena .container a.czyszczenie_zebow {width: 143px; height: 24px; background: url('images/menu_higiena.png'); background-position: 0px 0px}
#menu .higiena .container a.czyszczenie_zebow:hover, #menu .sub2 .czyszczeniezebow a.czyszczenie_zebow {background-position: 0px 100%}
#menu .higiena .container a.lakowanie_zebow {width: 135px; height: 24px; background: url('images/menu_higiena.png'); background-position: -143px 0px}
#menu .higiena .container a.lakowanie_zebow:hover, #menu .sub2 .lakowaniezebow a.lakowanie_zebow {background-position: -143px 100%}
#menu .higiena .container a.lakierowanie_zebow {width: 153px; height: 24px; background: url('images/menu_higiena.png'); background-position: -277px 0px}
#menu .higiena .container a.lakierowanie_zebow:hover, #menu .sub2 .lakierowaniezebow a.lakierowanie_zebow {background-position: -277px 100%}
#menu .higiena .container a.wybielanie {width: 96px; height: 24px; background: url('images/menu_higiena.png'); background-position: -429px 0px}
#menu .higiena .container a.wybielanie:hover, #menu .sub2 .wybielanie a.wybielanie {background-position: -429px 100%}

#menu .chirurgia .container {width: 276px}
#menu .chirurgia .container a.usuniecie_zebow {width: 127px; height: 24px; background: url('images/menu_chirurgia.png'); background-position: 0px 0px}
#menu .chirurgia .container a.usuniecie_zebow:hover, #menu .sub2 .usunieciezebow a.usuniecie_zebow {background-position: 0px 100%}
#menu .chirurgia .container a.resekcje {width: 72px; height: 24px; background: url('images/menu_chirurgia.png'); background-position: -127px 0px}
#menu .chirurgia .container a.resekcje:hover, #menu .sub2 .resekcje a.resekcje {background-position: -127px 100%}
#menu .chirurgia .container a.kiretaze {width: 77px; height: 24px; background: url('images/menu_chirurgia.png'); background-position: -199px 0px}
#menu .chirurgia .container a.kiretaze:hover, #menu .sub2 .kiretaze a.kiretaze {background-position: -199px 100%}

#menu .periodontologia .container {width: 690px}
#menu .periodontologia .container a.leczenie_paradontozy_zachowawcze {width: 268px; height: 24px; background: url('images/menu_periodontologia.png'); background-position: 0px 0px}
#menu .periodontologia .container a.leczenie_paradontozy_zachowawcze:hover, #menu .sub2 .leczenieparadontozyzachowawcze a.leczenie_paradontozy_zachowawcze {background-position: 0px 100%}
#menu .periodontologia .container a.leczenie_paradontozy_chirurgiczne {width: 264px; height: 24px; background: url('images/menu_periodontologia.png'); background-position: -268px 0px}
#menu .periodontologia .container a.leczenie_paradontozy_chirurgiczne:hover, #menu .sub2 .leczenieparadontozychirurgiczne a.leczenie_paradontozy_chirurgiczne {background-position: -268px 100%}
#menu .periodontologia .container a.regeneracja_tkanek {width: 158px; height: 24px; background: url('images/menu_periodontologia.png'); background-position: -532px 0px}
#menu .periodontologia .container a.regeneracja_tkanek:hover, #menu .sub2 .regeneracjatkanek a.regeneracja_tkanek {background-position: -532px 100%}



#photo {margin: 15px auto 0px; background: url('images/photo_bg.png'); width: 980px; text-align: left}
#photo .top {position: absolute; background: url('images/photo_top.png'); width: 980px; height: 22px}
#photo .big {background: url('images/photo.jpg'); width: 960px; height: 470px}
#photo .content {padding: 0px 10px; }
#photo .thumbs {margin-top: 346px; position: absolute; width: 960px; height: 75px; overflow: hidden}
#photo .thumbs .container {float: left; width: 1110px;}
#photo .thumbs .thumb {margin-left: 25px; width: 160px; height: 75px; float: left }
#photo .thumbs .thumb .border {position: absolute; width: 160px; height: 75px; background: url('images/thumb_bg.png'); }
#photo .thumbs .thumb img {margin-top: 5px; margin-left: 5px}
#photo .thumbs .load {width: 3000px; height: 100px; }
#photo .btn_roll {position: absolute; z-index: 3px; margin-left: 900px; margin-top: -19px; width: 51px; height: 21px; background: url('images/btn_roll.png'); }
#photo .btn_rollup {position: absolute; z-index: 3px; margin-left: 890px; margin-top: -19px; width: 61px; height: 21px; background: url('images/btn_rollup.png'); }

#arc {margin: auto; margin-top: -127px; padding-top: 150px; background: url('images/arc.png') no-repeat center top; max-width: 1300px; }

.news_box {background: url('images/news_bg.png') no-repeat; width: 290px; height: 75px; margin-bottom: 20px}
.news_box h1 {color: #111111; font-size: 11px; padding: 15px 5px 10px 50px}
.news_box .btn_more {float: right; margin-right: 20px}
.news_box .btn_more:hover {font-weight: bold; color: #6e8417}
.news_box p {color: #6e8417; margin-left: 20px}

#box_home_1 {position: absolute; margin-left: 340px; width: 640px; height: 178px; background: url('images/box_home_1.png'); }
#box_home_1 p {line-height: 22px; margin: 55px 30px; font-size: 12px }

#box_contact {position: absolute; margin-left: 340px; margin-top: 198px; width: 320px; height: 160px; background: url('images/box_contact.png'); }
#box_contact table {border-collapse: collapse; margin: 50px 30px}
#box_contact td {font-size: 11px; padding: 4px 0px}
#box_contact td.value {font-weight: bold; text-align: left; padding-left: 35px; width: 180px;}
#box_contact td.name {text-align: right; width: 60px;}

#box_hours {position: absolute; margin-left: 680px; margin-top: 193px; width: 300px; height: 75px; background: url('images/box_hours.png'); }
#box_hours p {margin: 47px 0px 0px 15px; }
#box_hours span {margin: 0px 5px}

#box_map {position: absolute; margin-left: 680px; margin-top: 282px; width: 300px; height: 75px; background: url('images/box_map.png'); }
#box_map p {margin: 47px 0px 0px 15px; }
#box_map a {color: #000000; font-weight: bold}
#box_map a:hover {color: #272727;}

#footer {width: 980px; margin: 0px auto; clear: both; height: 140px;}
#footer a {color: #fff;}
#footer a:hover {color: #566e2e}
#footer p {margin-top: 50px; text-align: left; color: #686965}
#footer p.realizacja {float: right;}
#footer div {margin-top: 20px; text-align: left; color: #686965; text-align: justify}

#content_head {background: url('images/content_head.png'); height: 55px; margin-top: 10px;}
#content_head img {margin: 18px 0px 0px 60px}
#content {background: url('images/content_bg.png'); padding: 0px 30px; min-height: 290px; font-size: 12px; line-height: 22px; color: #1a1b14; text-align: justify }
#content_bottom {background: url('images/content_bottom.png'); height: 22px }

div.response {position: absolute; margin-left: 340px; margin-top: 85px;}

form {position: absolute; margin-left: 340px; margin-top: 75px;}
form p {line-height: 30px; font-weight: bold; font-size: 12px}
.input {width: 280px; height: 31px; background: url('images/input.png');}
.input input {width: 270px; height: 21px; margin: 5px; color: #1a1b14}
.input_email {position: absolute; margin-left: 300px}
.textarea {margin-top: 10px; width: 580px; height: 111px; background: url('images/textarea.png');}
.textarea textarea {width: 570px; height: 101px; margin: 5px; color: #1a1b14; font-size: 12px; font-family: Arial}
.error {background-position: 0px 100% !important; color: #7e0404 !important}
.btn_send {margin-top: 10px; width: 120px; height: 30px; background: url('images/btn_send.png');}

#message {position: absolute; margin-left: 130px; margin-top: 15px; color: #7e0404; font-weight: bold}

.map {width: 310px; height: 225px; background: url('images/map.gif');}
.map_info {color: #9b9d91; margin-top: 10px}

.address_1 {position: absolute; margin-left: 340px}
.address_2 {position: absolute; margin-left: 540px}
.address_3 {position: absolute; margin-left: 740px}
.address {line-height: 24px; font-size: 12px}
.address sup {font-size: 10px}

#content .img {float: left; margin-right: 20px;}
#content .img .container {margin: 5px; width: 242px; height: 138px;}
#content .img .container2 {margin: 5px; width: 409px; height: 233px;}

#content .img p {color: #9b9d91; font-size: 11px; line-height: 20px}
#content .img .border {position: absolute; width: 242px; height: 138px; background: url('images/border_img.png'); }
#content .img .border2 {position: absolute; width: 409px; height: 233px; background: url('images/img_border2.png'); }
.height25 {height: 25px}

#gallery {margin-left: 55px}
#gallery .img {cursor: pointer; margin-right: 35px; margin-bottom: 30px}
#gallery .img img {margin: 5px}

.orange {color: #ff6600 !important;}
.green {color: #566e2e !important;}

#map * {
	overflow: visible ;
}

#map {
	width: 600px; 
	height: 400px;
	
}

.map_handler {
	width: 600px; 
	padding: 3px;
	background: #000;
	text-align: center;
	position: absolute;
	margin-top: -200px;
	margin-left: -300px;
	left: -50%;
	top: 50%;
	z-index: 10000;
}

.map_link {
	cursor: pointer;
}

.map_close {
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: white;
	font-weight: bold;
	text-align: center;
	margin: 0px auto;
	text-decoration: none;
	background: black;
	display: block;
}

.overlay {
	width: 100%;
	height: 200px;
	background: black;
	display: none;
	position: absolute;
	z-index: 999;
}

#overlay_loader {display: none; z-index: 200; padding: 50px 100px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -50px}
#overlay_loader img {}

#photo_container {display: none; padding: 4px; background: #fff; z-index: 101; position: absolute; left: 50%; top: 50%}
#photo_container .click {display: none; z-index: 5000; position: absolute; padding: 5px; color: #fff; line-height: 20px; margin: 1px;}
#photo_container img {cursor: pointer; clear: both; display: block; border: 1px solid #d2d9e2}
#overlay {position: absolute; z-index: 100; width: 100%; top: 0px; left: 0px; background: black}
#overlay_close {margin-bottom: 4px; cursor: pointer; color: #000; font-size: 12px; font-weight: bold; float: right}
.bg_black_07 {background: url('images/bg_black_07.png');}
.img .click {position: absolute; z-index: 3; margin: 5px; width: 232px; color: #fff; text-align: center; padding: 5px 0px; line-height: 15px; margin-top: 55px}