@import url("yui/reset.css");

html, body {
	height: 100%;
        color: #665f4f;
        font-size: 11px;
        font-family: Tahoma;
        cursor: default;

        background: url(../images/bg/body.png) #edeae3;
}

h1, h2 {
        font-weight: normal;
}

h1.image, h2.image {
        color: #36332c;
        font-size: 18px;
        font-weight: normal;
        margin: 20px 0 7px 22px;
        text-indent: -5000em;
        background-repeat: no-repeat;
}

h1 {
        font-size: 24px;
}

h2 {
        font-size: 18px;        
        margin: 10px 10px 10px 20px;
        
}

h3 {
	font-size: 12px;
	margin-left: 20px;
	clear:both;
}

h3.art_title {
	font-size: 16px;
}

h1.home {
        background-image: url(../images/headers/home.png);
}

h1.bhp {
        background-image: url(../images/headers/bhp.png);
}

h1.ppoz {
        background-image: url(../images/headers/ppoz.png);
}

h1.kadry-place {
        background-image: url(../images/headers/kadry-place.png);
}

h1.pierwsza-pomoc {
        background-image: url(../images/headers/pierwsza-pomoc.png);
}

h1.oferta {
        background-image: url(../images/headers/oferta.png);
}

h1.kontakt {
        background-image: url(../images/headers/kontakt.png);
}

h2.image {
	background-position: 10px 0;
}

h2.news {
        background-image: url(../images/headers/news.png);
}

h2.news_blog {
        background-image: url(../images/headers/news_blog.png);
}

h2.kit {
        background-image: url(../images/headers/kit.png);
}

h2.cennik {
        background-image: url(../images/headers/cennik.png);
}

p {
        padding: 14px 10px 14px 23px;
}

p img {
        background: #ddd9ce;
        border: 1px #c7bfb4 solid;
        
        margin: 0 18px 5px 0; 
        padding: 15px;
        
        float: left;
}

b, strong {
        color: #99885a;
}

a {
        color: #99885a;
        font-weight: bold;

	-moz-focus-inner: none;
	-moz-outline-style: none;
}

a:hover {
        text-decoration: none;
}

div#content ul, div#content ol {
        margin: 10px 45px;
        padding: 0;
}

div#content ul li ul,
div#content ul li ol,
div#content ol li ul,
div#content ol li ol {
        margin-left: 15px;
}

.float-left {
        float: left;
}

.float-right {
        float: right;
}

div#top {
        background: url(../images/bg/top.jpg) repeat-x;
        width: 100%;
        height: 317px;
        float: left;
}

div#header {
        background: url(../images/bg/header.jpg) no-repeat;
        width: 737px;
        height: 338px;
        margin: 0 auto;
}

#logo {
        background: url(../images/bg/logo.jpg) no-repeat;
        text-indent: -5000em;
        width: 252px;
        height: 49px;
        margin: 18px 0 0 24px;
        display: block;
        float: left;
}

#logo a {
	width: 100%;
	height: 100%;
	display: block;
}

a#short-contact {
        background: url(../images/buttons/short_contact.png);
        text-indent: -5000em;
        width: 20px;
        height: 21px;
        margin: 27px 0 0 6px;
        float: left;
        clear: left;
}

div#foto {
        background: url(../images/bg/foto.jpg) no-repeat;
        width: 353px;
        height: 235px;
        margin: 19px 0 0 6px;
        float: left;
}

#slogan {
        background: url(../images/bg/slogan.jpg) no-repeat;
        width: 347px;
        height: 235px;
        margin: 19px 5px 0 0;
        float: right;
}

#slogan a {
        text-indent: -5000em;
        width: 100%;
        height: 100%;

        float: right;
}

div#page {
        width: 737px;
        margin: 0 auto;
}

div#main {
        width: 448px;
        float: left;
        margin-left: 32px;
}

div#content {
        border-top: 1px #c6c0b4 solid;
        width: 100%;
        padding-bottom: 20px;
        float: left;
}

#right {
        background: url(../images/bg/h.png) no-repeat 0 22px;
        width: 243px;
        float: right;
}

div.znacznik {
	background: url(../images/bg/h.png) no-repeat 0;
}

div#bottom {
        background: #e4e0d7;
        width: 100%;
        height: 50px;
        clear: both;
}

div#footer {
        background: url(../images/bg/footer.png) repeat-y;
        width: 737px;
        height: 50px;
        margin: 0 auto;
}

#top-menu {
        float: right;
        width: 430px;
        height: 19px;
        margin-top: 34px;
        margin-right: 17px;
        display: block;
}

#top-menu li {
        background: url(../images/bg/li.png) no-repeat left center;
        padding-left: 11px;
        margin-left: 25px;
        list-style-type: none;
        height: 19px;
        display: block;
        float: left;
		position:relative;
}

#top-menu li a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        text-indent: -5000em;
        background-repeat: no-repeat;
        background-position: 0 100%;
        height: 100%;
        display: block;
}

#top-menu li ul {
	display:none;
	padding:0;
	position:relative;
	width:170px;
	float:left;
	clear:both;
	padding:0;
	background-color:#736b5d;
	padding-left:4px;
	margin-left:-6px;
}
#top-menu li ul li {
	background-color:#736b5d;
	display:block;
	position:relative;
	margin-left:0;
}
#top-menu li ul li ul {
	width:160px;
}
#top-menu li ul li a {
	text-indent:0 !important;
	display:block;
}
#top-menu li ul li {
	float:none;
}
#top-menu li:hover ul {
	display:block;
}

#top-menu a:hover, #top-menu .active {
        background-position: 0 0;
}

#top-menu .bhp {
        background-image: url(../images/buttons/bhp.png);
        width: 23px;
}

#top-menu .press-room {
        background-image: url(../images/buttons/press-room.png);
        width: 61px;
}

#top-menu .niezbednik {
        background-image: url(../images/buttons/niezbednik.png);
        width: 124px;
}

#top-menu .ppoz {
        background-image: url(../images/buttons/ppoz.png);
        width: 59px;
}

#top-menu .kadry-place {
        background-image: url(../images/buttons/kadry_place.png);
        width: 72px;
}

#top-menu .pierwsza-pomoc {
        background-image: url(../images/buttons/pierwsza_pomoc.png);
        width: 51px;
}

#top-menu .oferta {
        background-image: url(../images/buttons/oferta.png);
        width: 36px;
}

ul#top-menu li a.kontakt {
        background-image: url(../images/buttons/kontakt.png);
        width: 44px;
}

dl {
        border-top: 1px #c6c0b4 solid;
        width: 241px;
        display: block;
        padding: 14px 0 14px 2px;
}

dl dt {
	background: url(../images/bg/li2.png) no-repeat 0 5px;
        font-weight: bold;
        padding: 0 5px 7px 15px;
}

dl dt a, dl dd a {
        color: #675f51;
        text-decoration: none;
}

dl a:hover, dl .active {
        color: #988858;
}

div#footer dl {
        border: 0;
        margin-left: 50px;
}

div#footer dl dt, div#footer dl dd {
        float: left;
        padding: 0 5px 0 0;
}

/* */

table.price-list {
        border-right: 3px #eab000 solid;
        width: 410px;
        margin: 18px 0 0 20px;
        float: left;
}

table.price-list td,
table.price-list th {
        padding: 4px 8px;
}

table.price-list td {
        background: #fff;
        border-bottom: 1px #ded9ce solid;
}

table.price-list th {
        color: #fff;
        text-align: center;
        font-weight: bold;
        background: #686052;
}

/* */

fieldset {
        border: 0;
        background: #fff;
        border-right: 3px #e7b000 solid;
        margin: 10px 20px 0 20px;
        padding: 0 5px 10px 25px;
}

legend {
        color: #fafbf5;
        font-weight: bold;
        background: #686052;
        padding: 3px 10px;
}

fieldset div {
        margin-top: 16px;
}

form#contact label {
        width: 190px;
        clear: both;
        display: block;
}

form#contact input, form#contact textarea {
        background: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #c6c0b4;
        border-top-color: #686052;
        margin: 2px 0 6px 0;
        padding: 2px 5px;
}

form#contact input {
        width: 250px;
}

/* tweaks */

* html a#logo {
        margin-left: 17px;
}

* html div#main {
        margin-left: 16px;
}

.color1 {
	color:#eab000 !important;
}
