/* CSS RESET */
body { color: black; background: white; }
a {color: #ee9a69; text-decoration: underline;}
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, td { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, var { color: #a471e2; font-style: normal; font-weight: normal;}
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }


.pics {  
    height:  410px;  
    width:   450px;  
    padding: 0;  
    margin:  0;  
}


h1.dev-seph {background: #000000 !important; color: #ffffff; font-size: 11px; padding: 3px 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
/* #b783cb  #9168a1 #9168a1*/
body {color: #a471e2; background: #f8f2ff; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 15px;} /* url('header-bg.gif') repeat-x */
/* url('backgr.png') no-repeat 50% -1px */
#wrap {background: #f8f2ff; border-bottom: 0px solid #d8b8ff; margin-bottom: 60px; border-top: 0px solid #fcc82d; margin-top: 64px;}
#menu_top {background: url('fade_orange_top.png'); margin: 0px auto 0px auto; height: 9px; width: 1000px; position: relative;}
#menu_left {background: url('fade_orange_left.png'); margin: -9px 0px auto -9px; height: 61px; width: 9px; position: relative; float: left;}
#menu_right {background: url('fade_orange_right.png'); margin: -52px -9px 0 auto; height: 61px; width: 9px; position: relative; float: right}
#menu_bkg {background: url('menu_bkg.png'); margin:  0 auto; height: 43px; width: 1000px; position: relative;}
#menu_bottom {background: url('fade_orange_bottom.png'); margin: 0px auto 0px auto; height: 9px; width: 1000px; position: relative;}
#footer_bkg {height: 72px; width: 1000px; margin: 0px auto -72px auto; background: url('footer_bkg.png') repeat-x;}
#footer_left {background: url('fade_violet_left.png'); margin: 0px 0px auto -9px; height: 61px; width: 9px; position: relative; float: left;}
#footer_right {background: url('fade_violet_right.png'); margin: -61px -9px 0 auto; height: 61px; width: 9px; position: relative; float: right}
#footer {width: 980px; height: 29px; margin: 0px auto 0px auto; padding: 19px 10px 19px 10px;}
#footer p a {font-weight: normal; color: #ffffff; text-decoration: none;}
#footer p.copyright {color: #ffffff; float: left;}
#footer p.stat4u {color: #ffffff; float: right;}
#footer p.created {float: right; text-align: right;}
#footer address {display: none;}
#header {margin: -64px auto 0 auto; width: 1000px; height: 64px; position: relative;}
#header h1 a {font-weight: normal; font-size: 21px; color: #a471e2; float: left; padding-left: 143px; padding-top: 8px; padding-right: 20px; text-decoration: none;}
#header p.address {font-weight: normal; font-size: 21px; color: #a471e2; float: left; padding-left: 143px; padding-top: 8px; padding-right: 20px;}
#header p.address strong {display: none;}
#header p.address em {font-style: normal;}
#header address {float: right; text-align: right; padding: 9px 10px 6px 0px; font-size: 14px;}
#header ul.langs {position: absolute; right: 20px; top: 20px;}
#header ul.langs li {width: 20px; height: 15px; float: left; margin-left: 8px}
#header ul.langs li a {width: 20px; height: 15px; display: block}
#header ul.langs li a span {display: none}
#header ul.langs li.polish {background: url('flag_pl.gif') no-repeat 0 0}
#header ul.langs li.english {background: url('flag_en.gif') no-repeat 0 0}
#menu {width: 1000px; margin: 0px auto; height: 43px; position: relative; font-size: 14px;}
#menu h1 {width: 123px; height: 90px; background: url('logo.png') no-repeat 0 0; position: absolute; left: 10px; top: -64px;}
#menu ul {position: absolute; left: 110px;}
#menu ul li {float: left; height: 43px; top: 0px;}
#menu ul li a {font-weight: bold; color: #ffffff; text-decoration: none; display: block; padding: 0px 13px 0px 13px; height: 43px; display: table-cell; vertical-align: middle; white-space: nowrap;}
#menu ul li a:hover {background: url('menu_bkg_hover.png');} /* color: #a471e2; */
#menu ul li a span {display: none;}
#menu ul li.glowna a {}
#menu ul li.lekarze a {}
#menu ul li.uslugi a {}
#menu ul li.protetyka a {}
#menu ul li.wyposazenie a {}
#menu ul li.galeria a {}
#menu ul li.kontakt a {}
#menu ul li.glowna {}
#menu ul li.lekarze {}
#menu ul li.uslugi {}
#menu ul li.protetyka {}
#menu ul li.wyposazenie {}
#menu ul li.galeria {}
#menu ul li.kontakt {}

#container {width: 968px; background: white; margin: 0px auto 0px auto; min-height: 440px; padding: 16px;}
#container #banner {background: #ffffff; min-height: 189px; border-style: solid; border-color: #20314f #040919 #040919 #20314f; border-width: 1px 2px 2px 1px; padding: 4px;}
#container #banner img {display: block;}

#container div.mypage img {display: block; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px}
#container div.mypage table {float: left}
#container div.mypage .kom_a {
    padding: 8px;
    background: #a471e2;
    color: #ffffff;
    border:1px solid #a471e2;
}
#container div.mypage .kom_b {
    padding:4px;
    border:1px solid #a471e2;   
}
tr:nth-child(odd) { background-color: #d8b8ff;}
#container div.mypage ul { margin: 0px 14px 10px; list-style-type: disc; float: left}

#container div.owner-sign {font-style:italic; text-align:right}
#container div.owner-intro {font-style:italic; text-align:left}

#container h2.title {border-bottom: 1px solid #ee9a69; padding: 0px 8px 8px 8px; margin-bottom: 0; font-weight: bold;}
#container h2.title span {}
#container h2.title img {display: block}
#container div.home {padding: 25px 16px 20px 16px;}
#container div.home div.surgery {width: 350px; float: left; }
#container div.home div.surgery p {margin: 10px 8px; text-align: justify;line-height: 16px;}
#container div.home div.strengths {width: 350px; float: right;}
#container div.home div.strengths h2.title {margin: 0 !important;}
#container div.home div.strengths ul {}
#container div.home div.strengths ul li {padding-left: 17px; background: url('arrow.gif') no-repeat 8px 50%; height: 35px; border-bottom: 1px solid #324c71;  line-height: 35px;}
#container div.home div.strengths ul li a {color: #47c5ff; font-weight: bold; text-decoration: underline;}
#container div.home div.strengths ul li.last {border: none}


#container div.pagewide {padding: 0px 10px 10px 10px; width: 948px; float: left;}


#container div.gallery {width: 100%; margin: 0px 0px; float: left}
#container div.gallery div.photo {}
#container div.gallery div.photo img {display: block}
#container div.gallery ul.photos {width: 700px; height: 100%;}
#container div.gallery ul.photos li {float: left; background: none; padding: 0 8px; margin: 8px 0;}
#container div.gallery ul.photos li a {display: block;}
#container div.gallery ul.photos li a img {display: block;}

#container div.single-photo {margin: 0px 0px; float: right}
#container div.single-photo p {margin: 0;}
#container div.single-photo img {display: block; margin: 0 auto; float: right}

#container div.two-photos {height: 100%; overflow: hidden; margin: 0px;}
#container div.left-photo {margin: 0px 15px 0px 0px; float: left}
#container div.left-photo p {margin: 0;}
#container div.left-photo img {display: block; margin: 0; float: left}
#container div.right-photo {margin: 0px 0px; float: right}
#container div.right-photo p {margin: 0;}
#container div.right-photo img {display: block; margin: 0; float: right}

#container div.titlepage {width: 50%; margin: 0px 0px; float: left}

#container div.leftmenu {width: 20%; margin: 0px 0px; float: left}
#container div.leftmenu li.menuitem {width: 80%; margin: 0px 14px 8px; list-style-type: square; float: left}
#container div.leftmenu li.menuitemsel {width: 80%; margin: 0px 14px 8px; list-style-type: square; float: left; font-weight: bold}

#container a {text-decoration: underline;}

#container div.mypagefull {width: 100%; margin: 0px 0px; float: left}
#container div.mypage {left: 20%; width: 80%; float: left}
#container div.mypagewithphoto {left: 20%; width: 50%; margin: 0px 0px; float: left}
#container div.photointext {left: 70%; width: 30%; margin: 0px 0px; float: right}
#container div.photointext img {width: 100%; float: right}
#container div.contactpage {width: 40%; margin: 0px 0px 10px; float: left}

#container div.map {height: 500px; width: 60%; float: left}

#container div.page {padding-top: 24px; padding-bottom: 10px; padding-right: 16px; width: 500px; float: right;}
#container div#sidebar {padding-top: 24px; padding-bottom: 24px; padding-left: 16px; width: 240px; float: left;}
#container div#sidebarul {}
#container div#sidebar ul li {padding-left: 17px; background: url('arrow.gif') no-repeat 8px 50%; height: 35px; border-bottom: 1px solid #324c71;  line-height: 35px;}
#container div#sidebar ul li a {color: #47c5ff; font-weight: bold; text-decoration: underline;}
#container div#sidebar ul li.last {border: none}
#container div.page p {margin: 10px 8px;text-align: justify; line-height: 16px;}
#container div.page p.intro {font-size: 12px;}
#container div.page h3 {font-weight: bold; clear: both; font-size: 16px;border-bottom: 1px solid #324c71; line-height: 22px; margin: 10px 8px;}
#container div.page a {font-weight: bold; color: #ffffff; text-decoration: underline;}
#container div.page h4 {font-weight: bold; clear: both; font-size: 12px; padding-left: 14px;background: url('arrow.gif') no-repeat 5px 50%; margin: 10px 8px; line-height: 20px; border-bottom: 1px solid #324c71;}
#container div.page ul {margin: 10px 0 10px 15px; color: #ffffff;}
#container div.page ul li {color: #ffffff; margin: 5px 8px 5px 0; background: url('list-dot.gif') no-repeat 3px 6px; padding-left: 15px; text-align: justify;line-height: 16px; }
#container div.page li p {margin: 5px 0; }
#container div.page ol {list-style: decimal;margin: 10px 0 10px 35px; color: #46c4ff;}
#container div.page ol li {text-align: justify;margin: 5px 0; line-height: 16px;}
#container div.page ol li span {color: #ffffff;}

#container div.page table {width: 439px; margin: 8px; border-collapse: collapse; border: 1px solid #324c71;}
#container div.page table td, #container div.page table th {padding: 4px; border: 1px solid #324c71; text-align: center; white-space: nowrap; }
#container div.page table td.long, #container div.page table th.long {text-align: left; white-space: normal;}

#container div.page div.under-article {border-top: 1px solid #324c71; margin-top: 20px; height: 20px;}
#container div.page div.under-article p {height: 20px; line-height: 20px;}
#container div.page div.under-article p a {display: block;  text-decoration: underline; }
#container div.page div.under-article p.up a {float: left; padding-left: 12px; background: url('icon_up.gif') no-repeat 0 50%;}
#container div.page div.under-article p.print a {float: right; padding-left: 17px; background: url('icon_print.gif') no-repeat 0 50%;}
#container div.page div.under-article p.up {float: left; padding-left: 0;width: 100px;}
#container div.page div.under-article p.print {float: right; text-align: right; padding-right: 0;width: 200px;}

#container div.page div.two-photos {height: 100%; overflow: hidden; margin: 20px 0;}
#container div.page div.two-photos div.block {width: 225px; text-align: center;}
#container div.page div.two-photos div.left {float: left;}
#container div.page div.two-photos div.right {float: right}
#container div.page div.two-photos div.block div.photo {width: 170px;  margin: 0 auto;}
#container div.page div.two-photos div.block div.photo img {display: block;}
#container div.page div.two-photos p {text-align: center;}
#container div.page div.two-photos p strong {display: block;}
#container div.page div.two-photos-wide div.block div.photo {width: 210px;}
#container div.page div.two-photos-wide div.left {padding-left: 2px;}
#container div.page div.two-photos-wide div.right {padding-right: 2px;}

#container div.page div.single-photo {margin: 10px 8px;}
#container div.page div.single-photo p {margin: 0;}
#container div.page div.single-photo img {display: block; margin: 0 auto;}
#container div.page div.photo-left {float: left;}
#container div.page div.photo-right {float: right;}

#container div.page p.error {color:#ffffff; font-weight: bold;}
#container div.page p.success {color:#85ff71; font-weight: bold}

#container div.page form {margin: 10px 0;}
#container div.page form fieldset {margin: 10px 0;}
#container div.page form fieldset legend {display: none}
#container div.page form fieldset div {margin: 5px 0;}
#container div.page form fieldset div label {width: 130px; float: left; text-align: right; line-height: 20px; padding-right: 5px;}
#container div.page form fieldset div input.inputText,
#container div.page form fieldset div textarea {}
#container div.page form fieldset div.submit {padding-left: 135px; height: 25px;}
#container div.page form fieldset div.submit input {background: #33a5dc; color: #ffffff; font-size: 14px; font-weight: bold;margin-right: 5px; float: left; border: 1px solid #142035; padding: 3px 5px;}
#container div.page form fieldset div.submit img {float: left; margin-right: 5px; cursor: pointer; display: none;}
#container div.page form input.inputText,
#container div.page form textarea {background: #ffffff; border: 1px solid #324c71; color: #142035; padding: 4px; font-size: 11px; font-family: Tahoma, Arial, Verdana, sans-serif;}
#container div.page form input.inputText {width: 150px;}
#container div.page form textarea {width: 300px; overflow: auto;}

#container div.page div.gallery {margin: 16px 8px;}
#container div.page div.gallery div.photo {}
#container div.page div.gallery div.photo img {display: block}
#container div.page div.gallery ul.photos {margin: 0 auto; width: 438px;height: 100%; overflow: hidden;}
#container div.page div.gallery ul.photos li {float: left; background: none; padding: 0 8px; margin: 8px 0;}
#container div.page div.gallery ul.photos li a {display: block;}
#container div.page div.gallery ul.photos li a img {display: block;}
#container div.page div.gallery ul.navi {margin: 0; height: 50px; background: url('gallery-navi-separator.gif') no-repeat 50% 50%;}
#container div.page div.gallery ul.navi li {background: none; float: left; width: 50%; padding: 0; margin: 0; height: 50px;}
#container div.page div.gallery ul.navi li.previous {width: 219px; padding-right: 1px;}
#container div.page div.gallery ul.navi li.previous a {float: right; margin-right: 8px; background: url('arrow-left.gif') no-repeat 0 50%;  padding-left: 16px;}
#container div.page div.gallery ul.navi li.next {width: 219px;}
#container div.page div.gallery ul.navi li.next a {float: left; margin-left: 8px; background: url('arrow-right.gif') no-repeat 100% 50%; padding-right: 16px;}
#container div.page div.gallery ul.navi li a {margin-top: 16px;}

#container #content {}

div.clear {clear: both; }
div.clear hr {display: none; }

#map {color: #000000; margin: 0 auto;}
div.map-frame {margin: 10px 0; padding: 5px; background: url('../img/mapa.jpg') no-repeat 50% 0;}