@CHARSET "UTF-8";

body, html {
	margin: 0px;
	padding: 0px;
	background-color: #fafafa;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
}

div {
	overflow: hidden;
}

img {
	border: 0px;
}

h1 {
		padding: 0px 0px 0px 10px;
    font-size: 19px;
}

h1.title {
	padding: 2px 0px 0px 30px;
	font-size: 20px;
	background: url("grafika/header-arrow.jpg") left center no-repeat;
	border-bottom: 1px solid #c5c5c5;
}

a {
	color: #fd8900;
	text-decoration: none;
}

span.orange {
	color: #fd8900;
	font-size: 16px;
}

span.silver {
	color: #a0a0a0;
	font-size: 16px;
}

span.fs18 {
	font-size: 18px;
}

span.fs24 {
	font-size: 24px;
}

div#global {
	clear: both;
	width: 100%;
	background: #ffffff url('grafika/background.jpg') top repeat-x;
}

div#pasektop {
	clear: both;
	margin: auto;
	width: 850px;
	height: 276px;
}

div#belka {
	float: left;
	width: 526px;
	height: 276px;
}

div#belka-top {
	clear: both;
	width: 526px;
	height: 20px;
	background: url('grafika/belka-top.jpg') top left;
}

div#belka-middle {
	clear: both;
	width: 526px;
	height: 256px;
}

/* tatoo flash */
div#tatoo-flash {
	float: left;
	width: 324px;
	height: 276px;
}

/* logo */
div#logo {
	float: left;
	width: 286px;
	height: 256px;
}

div#logo-top {
	clear: both;
	width: 286px;
	height: 126px;
}

div#logo1 {
	float: left;
	width: 144px;
	height: 126px;
}

div#logo2 {
	float: left;
	width: 142px;
	height: 126px;
}

div#logo-bottom {
	clear: both;
	width: 286px;
	height: 130px;
}

div#logo3 {
	float: left;
	width: 144px;
	height: 130px;
}

div#logo4 {
	float: left;
	width: 142px;
	height: 130px;
}

/* menu */
div#menu {
	float: left;
	padding: 40px 0px 0px 7px;
	width: 233px;
	height: 256px;
	background: url("grafika/background-menu.jpg") top left repeat-x;
}

div#menu a { display: block; }
div#menu a.onas { background: url('grafika/menu/o-nas-off.png') top left no-repeat; }
div#menu a.onas:hover { background: url('grafika/menu/o-nas.png') top left no-repeat; }
div#menu a.infodkl { background: url('grafika/menu/informacje-dla-klientow-off.png') top left no-repeat; }
div#menu a.infodkl:hover { background: url('grafika/menu/informacje-dla-klientow.png') top left no-repeat; }
div#menu a.galeria { background: url('grafika/menu/galeria-off.png') top left no-repeat; }
div#menu a.galeria:hover { background: url('grafika/menu/galeria.png') top left no-repeat; }
div#menu a.uslugi { background: url('grafika/menu/uslugi-off.png') top left no-repeat; }
div#menu a.uslugi:hover { background: url('grafika/menu/uslugi.png') top left no-repeat; }
div#menu a.cennik { background: url('grafika/menu/cennik-off.png') top left no-repeat; }
div#menu a.cennik:hover { background: url('grafika/menu/cennik.png') top left no-repeat; }
div#menu a.oferhan { background: url('grafika/menu/sprzet-kosmetyczny-off.png') top left no-repeat; }
div#menu a.oferhan:hover { background: url('grafika/menu/sprzet-kosmetyczny.png') top left no-repeat; }
div#menu a.kontakt { background: url('grafika/menu/kontakt-off.png') top left no-repeat; }
div#menu a.kontakt:hover { background: url('grafika/menu/kontakt.png') top left no-repeat; }

div.menu-button {
	clear: both;
	width: 230px;
	height: 39px;
}

div.menu-button a {
	width: 230px;
	height: 39px;
	cursor: pointer;
}

/* pasek shadow */
div#pasek_shadow {
	clear: both;
	margin: auto;
	width: 850px;
	height: 20px;
	background: url("grafika/pasek-shadow.jpg") top left;
}

/* middle */
div#mid {
	padding: 0px 0px 20px 0px;
	background: #f2f2f2 url("grafika/background-middle.jpg") top left repeat-x;
}

div#middle {
	clear: both;
	margin: auto;
	width: 850px;
}

/* middle main */

div#middle-left {
	float: left;
	width: 548px;
}

div#middle-right {
	float: right;
	width: 263px;
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	background-color: #ffffff;
}

div#middle-top-arrow {
	float: left;
	width: 36px;
	height: 48px;
	background: url("grafika/short-tekst-top-arrow.jpg") top left;
}

div#middle-top {
	float: left;
	padding: 13px 0px 13px 6px;
	width: 541px;
	color: #ffffff;
	text-align: left;
	background: #d42d2b url("grafika/short-tekst-top-corner.jpg") top right no-repeat;
}

div#middle-top h1 {
	margin: 0px;
	font-size: 18px;
}

div#middle-top-pasek {
	clear: both;
	width: 547px;
	height: 8px;
	background-color: #af2424;
}

div#middle-tekst {
	clear: both;
	padding: 10px 8px 0px 8px;
	width: 531px;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	background: #851b1d url("grafika/short-tekst-tlo.jpg") top left no-repeat;
}

div#middle-bottom {
	float: left;
	width: 482px;
	height: 23px;
	background: url("grafika/short-tekst-bottom-tlo.jpg") top left repeat-x;
	border-left: 2px solid #c33333;
}

div#middle-bottom-arrow {
	float: left;
	width: 63px;
	height: 23px;
	background: url("grafika/short-tekst-bottom-arrow.jpg") top left no-repeat;
}

/* middle without submenu */
div#middle-ws {
	clear: both;
	width: 848px;
	border-left: 1px solid #d02b2b;
	text-align: left;	
}

div#middle-ws h1 {
	color: #ffffff;
}

div#middle-ws-top-arrow, div#middle-submenu-top-arrow {
	float: left;
	width: 40px;
	height: 47px;
	background: url("grafika/long-tekst-top-arrow.jpg") top left no-repeat;
}

div#middle-ws-title {
	float: left;
	width: 848px;
	height: 47px;
	background: #d02b2b url("grafika/long-tekst-top-corner.jpg") top right no-repeat;
}

div#middle-space-red {
	clear: both;
	width: 848px;
	height: 6px;
	background-color: #a32222;
}

div#middle-ws-tekst {
	clear: both;
	padding: 10px;
	font-size: 12px;
	color: #ffffff;
	background: #851b1b url("grafika/long-tekst-background.jpg") top left no-repeat;
}

div#middle-ws-bottom {
	clear: both;
	width: 848px;
	height: 14px;
	background: #db2d2d url("grafika/tekst-bottom-corner.jpg") top right no-repeat;
}

/* middle with submenu */
div#left-middle-sub {
	float: left;
	width: 268px;
	border-right: 1px solid #d4d2d2;
}

div#right-middle-sub {
	float: left;
	margin: 0px 0px 0px 17px;
	width: 563px;
}

div#submenu-top-arrow {
	float: left;
	width: 15px;
	height: 60px;
	background: url("grafika/submenu-arrow.jpg") top left no-repeat;
}

div#submenu-top-bg {
	float: left;
	width: 144px;
	height: 41px;
	background: url("grafika/submenu-top-bg.jpg") top left repeat-x;
	text-align: left;
	padding: 19px 0px 0px 5px;
	font-size: 18px;
	font-weight: bolder;
}

div#submenu-body {
	clear: both;
	padding: 0px 0px 90px 10px;
	width: 241px;
	background: #af1515 url("grafika/submenu-bottom.jpg") bottom left repeat-x;
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
}

div#submenu-body .border_btm {
	border-bottom: 1px solid #c94242;
	width: 220px;
}

div#submenu-body td {
	border-bottom: 1px solid #c94242;
}

div#submenu-body .arrow {
	display: block;
	padding: 5px 0px 5px 10px;
	color: #efe2e2;
	width: 10px;
}

div#submenu-body a {
	display: block;
	padding: 5px 0px 5px 6px;
	color: #efe2e2;
	width: 200px;
}

div#submenu-body a:hover {
	color: #ffffff;
}

div#submenu-top-corner {
	float: left;
	width: 87px;
	height: 60px;
	background: url("grafika/submenu-corner.jpg") top left no-repeat;
}

div#middle-submenu-title {
	float: left;
	width: 563px;
	height: 47px;
	text-align: left;
	background: #d02b2b url("grafika/long-tekst-top-corner.jpg") top right no-repeat;
}

div#middle-submenu-space-red {
	clear: both;
	width: 563px;
	height: 6px;
	background-color: #a32222;
}

div#middle-submenu-tekst {
	clear: both;
	padding: 10px;
	width: 543px;
	background: #851b1b url("grafika/submenu-tekst-bg.jpg") top right no-repeat;
	text-align: left;
}

div#middle-submenu-bottom {
	clear: both;
	width: 563px;
	height: 14px;
	background: #db2d2d url("grafika/tekst-bottom-corner.jpg") top right no-repeat;
}

/* right main info */
div#adres, div#czas, div#kontakt {
	clear: both;
	padding: 4px;
	border-bottom: 1px solid #c5c5c5;
}

div#wizyta {
	padding: 4px;
}

span#adres {
	font-size: 18px;
	font-weight: bolder;
	line-height: 24px;
}

div#zegarek {
	float: left;
	width: 63px;
	height: 94px;
	background: url("grafika/zegarek.jpg") center no-repeat;
}

div#godziny {
	padding: 7px 0px 0px 0px;
	text-align: center;
	line-height: 22px;
}

div#telefon {
	float: right;
	width: 68px;
	height: 120px;
	background: url("grafika/telefon-komorkowy.jpg") center no-repeat;
}

div#dane-kontaktowe {
	padding: 4px 0px 0px 0px;
}

div#dane-kontaktowe a {
	text-decoration: none;
	color: #fd8900;
	font-size: 18px;
}

/* bottom */
div#advertising {
	clear: both;
	padding: 5px;
	text-align: right;
}

div#bottom {
	clear: both;
	width: 100%;
	background: url('grafika/background-bottom.jpg') top repeat-x;
}

div#bottom-text {
	clear: both;
	margin: auto;
	width: 850px;
}

div#bottom-left {
	float: left;
}

div#bottom-right {
	float: right;
}

div#bottom-left div.link {
	float: left;
	padding: 10px 0px 10px 0px;
}

div#bottom-left a {
	padding: 15px;
	color: #000000;
	text-decoration: none;
}

div#bottom-left a:hover {
	color: #ffffff;
	background-color: #af1515;
}

div#bottom-right div.link {
	float: left;
	padding: 10px 0px 10px 0px;
}

div#bottom-right a {
	padding: 15px;
	color: #000000;
	text-decoration: none;
}

div#bottom-right a:hover {
	color: #ffffff;
	background-color: #af1515;
}

/* galeria zdjęć */
td.galimage {
	width: 150px;
	text-align: center;
}