@CHARSET "UTF-8";

html, body {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	background-color: #abb2bc;
	text-align: center;
	font-size: 12px;
	font-family: tahoma, verdana, sans-serif;
	color: #000000;
}

div {
	overflow: hidden;
}

li {
	margin: 5px 0px 5px 14px;
}

p {
	margin-top: 0px;
	padding-top: 0px;
	text-align: justify;
}

img { border: 0px; }

div#logo {
	clear: both;
	margin: auto;
	width: 740px;
	height: 58px;
	background: url("grafika/logo.jpg") top left no-repeat;
}

div#logo .link {
	float: left;
	padding: 16px 0px 0px 80px;
	font-size: 15px;
	font-weight: bold;
	color: #6f747a;
}

div#logo .menu {
	float: right;
	padding: 19px 40px 0px 0px;
	font-size: 12px;
	color: #6f747a;
}

div#logo a {
	text-decoration: none;
	color: #6f747a;
}

div#sciany-reklamowe {
	clear: both;
	margin: auto;
	width: 740px;
	height: 296px;
}

div#sciana1 {
	float: left;
	width: 213px;
	height: 296px;
	background: url("grafika/sciana1.jpg") top left no-repeat;
}

div#sciana2 {
	float: left;
	width: 318px;
	height: 296px;
	background: url("grafika/sciana2.jpg") top left no-repeat;
}

div#sciana3 {
	float: left;
	width: 238px;
	height: 296px;
	background: url("grafika/sciana3.jpg") top left no-repeat;
}

div#sciana1a {
	float: left;
	width: 213px;
	height: 296px;
	background: url("grafika/sciana1a.jpg") top left no-repeat;
}

div#sciana2a {
	float: left;
	width: 332px;
	height: 296px;
	background: url("grafika/sciana2a.jpg") top left no-repeat;
}

div#sciana3a {
	float: left;
	width: 195px;
	height: 296px;
	background: url("grafika/sciana3a.jpg") top left no-repeat;
}

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

div#middle-top {
	clear: both;
	width: 740px;
	height: 52px;
	background: url("grafika/mid_top.jpg") top left no-repeat;
}

div#middle-top .link1 {
	float: left;
	padding: 15px 25px 0px 34px;
}

div#middle-top .link2 {
	float: left;
	padding: 15px 45px 0px 30px;
}

div#middle-top .link3 {
	float: left;
	padding: 15px 40px 0px 38px;
}

div#middle-top .link4 {
	float: left;
	padding: 15px 10px 0px 30px;
}

div#middle-top a {
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}

div#middle-content {
	clear: both;
	width: 740px;
	background: url("grafika/mid_bg.jpg") top left repeat-y;
	overflow: hidden;
}

div#middle-bottom {
	clear: both;
	width: 740px;
	height: 22px;
	background: url("grafika/mid_bottom.jpg") top left no-repeat;
}

div#galeria {
	clear: both;
	margin: auto;
	width: 740px;
	text-align: center;
}

/* content */
div#content_without_menu {
	clear: both;
	margin: auto;
	margin: 10px 0px 0px 20px;
	width: 696px;
	text-align: left;
	overflow: hidden;
}

div#content {
	float: left; 
	margin: auto;
	margin: 10px 0px 0px 20px; 
	width: 696px; 
	overflow: hidden;
}

div#content table {
	border: 1px solid #000000;
	border-spacing: 0px;
}

div#content th {
	text-align: center;
	color: #ffffff;
	background-color: #000000;
	font-size: 10px;
	padding: 3px 10px 3px 10px;
}

div#content td {
	text-align: center;
	border-top: 1px solid #000000;
	background-color: #eeeeee;
	padding: 3px;
}

div#content .menu {
	float: left;
	margin: 10px 0px 0px 0px;
	overflow: hidden;
}

div#content .menu_top {
	width: 212px; 
	height: 14px; 
	background: url('grafika/menu_top.jpg') top left no-repeat;
}

div#content .menu_mid {
	width: 192px; 
	padding: 0px 10px 0px 10px; 
	background: url('grafika/menu_background.jpg') top left repeat-y; 
	text-align: left;
	line-height: 18px;
}

div#content .menu_btm {
	width: 212px; 
	height: 14px; 
	background: url('grafika/menu_bottom.jpg') top left no-repeat;
}

div#content .materialy {
	width: 192px;
	padding: 0px 10px 0px 10px;
	text-align: left;
	line-height: 18px;
}

div#content .materialy a {
	font-weight: normal;
}

div#content .content_text {
	float: right;
	padding: 5px 0px 0px 0px; 
	width: 470px; 
	text-align: left;
}

div#content a {
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}

div#content a:hover {
	text-decoration: underline;
}

/* images */
.pointer { cursor: pointer; }

div#imagebg {
	position: absolute;
	z-index: 1002;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=75);
	opacity: 0.75;
	overflow: hidden;
}

div#moviebg {
	position: absolute;
	z-index: 1002;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=75);
	opacity: 0.75;
	overflow: hidden;
}

div#image {
	position: absolute;
	z-index: 1003;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	filter: alpha(opacity=100);
	opacity: 1.00;
	overflow-y: scroll;
}

div#movie {
	position: absolute;
	z-index: 1003;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	filter: alpha(opacity=100);
	opacity: 1.00;
	overflow-y: scroll;
}

img#imagesrc {
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #afafaf;
	cursor: pointer;
}

div.visible {
	display: block;
	visibility: visible;
}

div.nonvisible {
	display: none;
	visibility: hidden;
	overflow: hidden;
}

.hideoverflow {
	overflow: hidden;
}

.showoverflow {
	overflow-x: hidden;
	overflow-y: scroll;
}

span.hide {
	font-size: 11px;
	font-weight: bolder;
	color: #ffffff;
	cursor: pointer;
}

/* kontakt */
div.kontakt_ramka_midtop {
	clear: both;
	padding: 4px 4px 4px 8px;
	border-bottom: 1px dashed #a0a0a0;
	overflow: hidden;	
}

div.kontakt_ramka_midtop input, select {
	width: 155px;
	font-size: 12px;
	background-color: #eaeaea;
	border: 1px solid #3e3e3e;
}

div.kontakt_ramka_midtop table {
	font-size: 11px;
	line-height: 23px;
}

div.kontakt_ramka_midask {
	clear: both;
	font-size: 11px;
	padding: 4px 4px 4px 8px;
	border-bottom: 1px dashed #a0a0a0;
	text-align: center;
	overflow: hidden;
}

div.kontakt_ramka_midask textarea {
	width: 515px;
	height: 100px;
	font-size: 12px;
	background-color: #eaeaea;
	border: 1px solid #3e3e3e;
}

div.kontakt_ramka_midbottom {
	clear: both;
	font-size: 11px;
	padding: 4px 4px 4px 8px;
	overflow: hidden;
}

div.kontakt_ramka_midsubmit {
	clear: both;
	padding: 4px 4px 4px 8px;
	text-align: center;
	overflow: hidden;
}

div.submit {
	float: left;
	margin: 0px;
	width: 250px;
	text-align: right;
}

div.reset {
	float: right;
	margin: 0px;
	width: 250px;
	text-align: left;
}

div.reset input, div.submit input {
	width: 100px;
	font-size: 12px;
	background-color: #eaeaea;
	border: 1px solid #3e3e3e;
}

.bbdashed {
	border-bottom: 1px dashed #a0a0a0;
}

div#footer {
	font-size: 11px;
	color: #404040;
}

div#footer a {
	font-size: 11px;
	color: #404040;
	text-decoration: none;
}

td.w90 		{ width: 90px; }
td.w165 	{ width: 180px; }
.f9 			{ font-size: 9px; }
.lh12	   	{ line-height: 12px; }