* {
margin: 0;
padding: 0;
border: 0;
/* font-family: Geneva, Tahoma, Arial, sans-serif; */
font-family: Arial, sans-serif;
}

@font-face {
font-family: "Myriad Pro";
src: url('../fonts/MyriadPro-Regular.otf') format("opentype");
}

div.more {
width: 100%;
margin: 10px 0;
text-align: right;
float: right;
display:block;
}

h1 {
font-size: 2em;
font-weight: bold;
}

section.image {
float: left;
background: #EEE;
margin: 5px;
padding: 5px;
}

section.image figure {
width: 100%;
text-align: center;
margin: 0 auto;
}

section.image figure a img {
text-align: center;
margin: 0 auto;
}

section.image figcaption {
text-align: center;
margin: 0 auto;
}

article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}

body {
background: #688f12 url('../img/bg.jpg') repeat-x;
}

form.search {
float: right;
width: 294px;
height: 40px;
}

input.search {
color: #060;
border: #fff 1px solid;
background-color: #fff;
height: 16px;
width: 270px;
float: right;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 6px;
margin: 6px;
}

input.search_button {
background: url('../img/search-tools.png');
width: 21px;
height: 20px;
margin: -30px 0px 0px 262px;
float:left;
}

div.leaf_left {
background: url('../img/leaf_up_left.png') no-repeat;
width: 431px;
height: 374px;
position: relative;
left: -188px;
top: 110px;
}

div.leaf_right {
background: url('../img/leaf_up_right.png') no-repeat;
width: 384px;
height: 379px; /* 255 */
position: relative;
top: -228px;
left: 702px;

}

div.page {
width: 980px;
margin: 0 auto;
padding: 0 120px;
position: relative;
top: 0px;
/* height: 80%; */
overflow: hidden;
}

header {
width: 980px;
height: 205px;
background: url('../img/header_bg.png') repeat-y;
position: relative;
float: left;
top:-333px;
}

header div.logo {
float: left;
background: url('../img/logo.png') no-repeat;
width: 148px;
height: 128px;
margin: 40px 0px 40px 110px;
}

header div.banner {
float: left;
background: url('../img/banner.jpg') no-repeat;
width: 395px;
height: 177px;
margin: 15px 15px;
}

nav.main {
position: relative;
top: -504px;
margin: 0 auto;
width: 892px;
}

nav.main ul {
display: table;
overflow: hidden;
#position: relative;
}

nav.main li {
display: table-cell;
font-family: "Myriad Pro";
font-size: 10px; /* 10 */
letter-spacing: 1px;
font-weight: bold;
text-align: center;
vertical-align: middle;
list-style: none;
background: url('../img/main_menu.jpg') repeat-x;
width: 147px;
height: 30px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/* #position: absolute; 
#top: 50%; */
}

nav.main li:hover, nav.main li.aktywny {
background: url('../img/main_menu_hover.jpg') repeat-x;
}

nav.main li:hover a, nav.main li.aktywny a {
color: #000;
}

nav.main li.space {
width: 2px;
background: none;
}

nav.main a {
text-decoration: none;
color: #FFF;
font-weight: bold;
/* #position: relative; 
#top: -50%; */
}

nav.menu {
position: relative;
top: -502px;
margin: 0 auto;
width: 892px;
}

nav.menu li {
display: table-cell;
font-family: "Myriad Pro";
letter-spacing: 1px;
font-size: 12.5px;
text-align: center;
vertical-align: middle;
list-style: none;
background: url('../img/menu.png') no-repeat;
width: 147px; /* 147 */
height: 52px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/* #position: absolute; 
#top: 50%; */
}

nav.menu li:hover, nav.menu li.aktywny  {
background: url('../img/menu_hover.png') no-repeat;
}

nav.menu li:hover a, nav.menu li.aktywny a  {
color: #000;
font-size: 12.5px;
}

nav.menu li.space {
width: 2px;
background: none;
}

nav.menu a {
text-decoration: none;
color: #FFF;
text-shadow: #444 2px 2px 3px;
padding: 0px 0px;
font-weight: bold;
/* #position: relative; 
#top: -50%; */
} 

div.container {
display: table;
position: relative;
top: -496px;
background: url('../img/white_shadow.png') repeat-x 0 100%;
margin-bottom: -475px;
}

div.bottom {
background: url('../img/container_bottom.png') no-repeat;
width: 979px;
height: 23px;
position: relative;
top: -21px;
/* margin-bottom: -450px; */
margin: 0 auto;
}

div.container div.space {
width: 7px;
display: table-cell; vertical-align: top;
}

div.container aside.menu {
display: table-cell; vertical-align: top;
background-color: #F0F6EB;
width: 226px;
border: 1px solid #FFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

div.container aside.buttons {
display: table-cell; vertical-align: top;
background-color: #F0F6EB;
width: 226px;
border: 1px solid #FFF;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 0;
border-radius: 3px;
border-top-left-radius: 0;
}

div.container aside.menu hgroup, div.container aside.buttons hgroup {
width: 214px;
height: 36px;
background: url('../img/aside_header.png') no-repeat;
margin: 6px auto;
}

div.container aside.menu hgroup, div.container aside.buttons hgroup {
color: #FFF;
font-size: 9px;
font-weight: bold;
padding-top: 6px;
text-align: center;
text-shadow: #333 2px 2px 3px;
}

div.container aside.menu ul {
width: 204px;
margin: 0 auto;
}

div.container aside.menu li {
list-style: none;
line-height: 1.5em;
background: url('../img/arrow.png') no-repeat 0px 9px;
margin: 5px 0;
padding-left: 13px;
}


div.container aside.menu li a {
color: #060;
text-decoration: none;
background: url('../img/aside_line.png') repeat-x 0 100%;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: bold;
}

div.container aside.menu li:hover a {
color: #9FB400;
}

div.container figure.frame {
background: -webkit-gradient(linear, left bottom, right top, 
                             from(#87ac0f), to(#87ac0f), 
                             color-stop(0.5, white), color-stop(0.5, white));
background: url('../img/image_bg.png') 2px 1px no-repeat;
padding: 7px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 207px; /* 173px */
height: 217px; /* 182px */
margin: 10px auto;
}

div.container figure.frame .img {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 207px;  /*173px*/
height: 217px; /* 182px */
}

div.container figure.frame figcaption {
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
background: url('../img/shadow.png');
color: #617d19;
font-size: 20px;
line-height: 80%;
padding: 7px 0 0 7px;
width: 90%;
height: 2.1em;
margin-top: -60px;
}

div.container figure.frame figcaption span {
color: #379a47;
font-size: 10px;
line-height: 80%;
font-weight: bold;
}

div.container div.content {
display: table-cell; 
vertical-align: top;
width: 466px;
background-color: #FFF;
-webkit-border-radius: 7px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 7px;
-moz-border-radius-topright: 0;
border-radius: 7px;
border-top-right-radius: 0;
border: 1px solid #CCC;
padding: 10px 20px;
font-size: 12px;
}

div.container div.content li {
list-style: none;
line-height: 2em;
background: url('../img/aside_line.png') repeat-x 0 100%;
margin: 5px 0;
}

div.container div.content li a {
color: #060;
text-decoration: none;
background: url('../img/arrow.png') no-repeat 0px 2px;
padding-left: 13px;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: bold;
}

div.container div.content li:hover a {
color: #9FB400;
}

div.container aside.buttons li {
list-style: none;
line-height: 1.5em;
margin: 5px 0;
padding-left: 13px;
background: url('../img/arrow.png') no-repeat 0px 9px;
}

div.container aside.buttons li a {
color: #060;
text-decoration: none;
background: url('../img/aside_line.png') repeat-x 0 100%;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: bold;
}

div.container aside.buttons li:hover a {
color: #9FB400;
}

div.container div.content hgroup {
border-bottom: 1px solid #DDD;
margin-bottom: 10px;
background: url('../img/aside_line.png') repeat-x 0 100%;
}

div.container div.content hgroup.black {
border: 0;
margin-bottom: 0px;
background: none;
margin-top: 10px;
float: left;
width: 100%;
clear: both;
}

div.container div.content hgroup h1 {
color: #060;
font-size: 22px;
font-weight: normal;
padding-bottom: 10px;
text-transform: uppercase; 
}

div.container div.content hgroup h1.black {
color: #000;
font-size: 18px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none; 
}

div.container div.content hgroup.personnel {
border: 0;
margin-bottom: 10px;
background: none;
}

div.container div.content hgroup h1.personnel {
color: #060;
text-transform: uppercase; 
font-size: 15px;
font-weight: bold;
padding: 5px 0px 0px 0px;
text-transform: uppercase; 
}

div.container div.content hgroup h2 {
color: #060;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}

div.container div.content span {
font-weight: bold;
color: #060;
}

div.container div.content dl
{
width: 446px;
line-height: 25px;
}

div.container div.content dt {
width: 200px;
float: left;
text-align: right;
min-height: 25px;
clear: both;
}

option {
color: #000;
}

div.container div.content dd {
margin-left: 10px;
width: 236px;
float: left;
min-height: 25px;
}

div.container div.content dd input, div.container div.content dd select, div.container div.content dd input select option {
width: 230px;
height: 20px;
float: right;
border: 1px solid;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: #000;
}

div.container div.content dd input.else {
width: 200px;
}

div.container div.content dd input[type='submit'] {
height: 30px;
font-family: "Myriad Pro";
background: #060 none;
padding: 5px 3px;
float: right;
color: #FFF;
margin-top: 10px;
-webkit-box-shadow: 0px 0px 5px #222;
-moz-box-shadow: 0px 0px 5px #222;
box-shadow: 0px 0px 5px #222;
}

div.container div.content dd textarea {
width: 216px;
min-height: 300px;
padding: 5px;
float: right;
border: 1px solid;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: #000;
}

div.container div.content dd input[type='radio'] {
width: auto;
float: none;
}

div.container div.content section.doctor {
clear: both;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: #9FB400 2px solid;
float: left;
width: 100%;
}

div.container div.content section.contact input {
border: 1px solid;
}

div.container div.content section.doctor a {
float: left;
color: #9FB400;
padding: 5px 0px;
width: 100%;
clear:both;
text-align: right;
}

div.container div.content section.doctor figure {
width: 40%;
float: left;
}

div.container div.content section.doctor hgroup {
width: 60%;
float: left;
background: none;
border: 0;
margin: 5px 0px;
}

div.container div.content section.doctor hgroup h1 {
font-size: 15px;
color: #060;
font-weight: bold;
padding-bottom: 5px;
text-transform: none;
}

div.container div.content section.doctor section.about {
float: left;
padding: 0px 10px;
}

div.container div.content section.text {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: #9FB400 2px solid;
float: left;
width: 100%;
}

div.container div.content section.text figure {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.clear {
clear: both;
width: 10px;
height: 0px;
}

footer {
background: #688f12 url('../img/footer_bg.jpg') repeat-x 100% 0;
margin: 0px 0;
}

footer div.footer {
width: 980px;
margin: 0 auto;
color: #5F8E9D;
/* min-height: 395px; */
background: #182428 url('../img/footer_bg.png') repeat-x 0px 0px;
padding: 40px 20px;
}

footer div.footer div.text {
width: 490px;
float: left;
}

footer div.footer div.rights {
clear: both;
padding-top: 140px;
text-align: center;
margin-top: -140px;
}

a {
color: #9FB400;
text-decoration: none;
}

a:hover, li .acitve {
color: #9FB400;
text-decoration: none;
text-shadow: #9FB400 0px 0px 5px;
}

section.spec {
padding: 6px;
}

ol, ul {
list-style-position: outside;
}


