/* CSS Document */

html, body {
	text-align: center }
body {
	font: 11px tahoma, verdana, arial;
	background-color: #b9b9b9;
	padding: 0; margin: 0;
	color: #4d4d4d }

table {
	border-collapse: collapse;
	border: 0px }
table td {
	vertical-align: top;
	text-align: left;
	font: 11px tahoma, verdana, arial;
	padding: 0px; margin: 0px }

img { border: 0 }
img.png { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) }

img.content {
	margin: 6px; padding: 1px;
	border: 1px solid #3f4c5d }

/* ___ COMMON ___ */

div.main_width {
	width: 890px;
	margin: 0 auto }
div.main_width_border {
	width: 876px }

div.intro {
	background-color: #d5d5d5;
	margin-bottom: 1px;
	padding: 4px 0 }
div.intro h1 {
	text-align: center;
	font: 11px tahoma, verdana, arial;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0 }
div.outro {
	border-top: 1px solid #f3f3f3;
	font: 9px tahoma, verdana, arial;
	text-transform: uppercase;
/*	display: none;*/
	padding: 4px;
	color: # }
div.central {
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3 }
div.footer {
	background-color: #d5d5d5;
	padding: 3px 0;
	margin: 1px 0 }

div.main {
	background-color: #3f4c5d }
div.vert_borders {
	clear: both;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff }

.size5 { height: 5px; width: 5px }
.size7 { height: 7px; width: 7px }
.spacer {
	float: left;
	height: 5px }
.border_top { border-top: 2px solid #ffffff }
.border_bottom { border-bottom: 2px solid #ffffff }

div.hr {
	background: url(/.img/hr.gif) center repeat-x;
	margin: 4px;
	height: 1px }
hr {
	color: #c6c7c9;
	height: 2px }

/* ___ HEADER ___ */

div.line_menu {
	padding: 6px 32px;
	text-align: right }
div.line_menu img {
	height: px; width: px;
	margin: 0 4px 0 0 }
div.line_menu a, div.line_menu a:link, div.line_menu a:visited, div.line_menu a:active {
	margin-right: 12px;
	color: #606060 }
div.line_menu a:hover {
	color: #000000;
	text-decoration: none }

.logo {
	float: left;
	height: 54px; width: 39px;
	position: relative;
	top: -26px; left: 16px }
.name {
	float: left;
	height: 37px; width: 272px;
	position: relative;
	top: 18px; left: 5px }
#banner {
	text-align: right;
	padding: 4px 42px 0 0 }

.shadow1 {
	clear: both;
	float: left;
	padding-left: 17px }
.shadow2 {
	float: left;
	padding-left: 52px }

/* ___ TABLE ___ */

table.content {
	margin: 0px 5px }
td.image {
	background: url(/.img/right/door.jpg) center top no-repeat }
td.cell_left {
	border-right: 3px solid #3f4c5d;
	background-color: #eaebec }
td.cell_right {
	background-color: #c6c7c9 }
div.cell_left_border {
	width: 256px }
div.cell_right_border {
	width: 589px }

/* left panel */

.sklo {
	float: left;
	margin: 6px 0 0 4px }
.address {
	text-align: right;
	float: right;
	margin: 4px }

div.image {
	height: 440px; width: 266px }

div.clear {
	clear: both }

/* centre */

div.content {
	background-color: #f7f7f7;
	width: 562px;
	float: left }

div.paddings {
	padding: 0 2px 0 3px }

.shift_top {
	background-color: #f7f7f7;
	position: relative;
	top: -2px }

div.right_container {
	width: 594px }
div.content_width {
	width: 480px }

div.space {
	min-height: 790px }
div.space_IE {
	height: 790px }

div.thumbnail {
	text-align: center;
	margin-top: 12px }

div.thumbnail img, img.thumbnail {
	height: 150px; width: 150px;
	background: url(/.img/tumb_shadow.png) bottom right no-repeat;
	padding: 0 6px 7px 0;
	cursor: pointer;
	margin: 7px 4px 2px 8px; }

/* ___ MENU ___ */

div.menu {
	position: relative;
	top: -3px;
	width: 30px;
	float: right }

div.menu div {
	background-image: url(/.img/menu/button.png);
	text-align: center;
	height: 80px;
	margin-bottom: 2px }
div.menu div img {
	height: 80px; width: 10px;
	padding: 0 8px }

.inactive {
	filter: alpha(opacity=35); /* for IE only */
	opacity: 0.35 }

/* ___ ADVERT ___ */

div.design {
	margin-left: 24px;
	float: left }
div.line_menu div.design a {
	margin-right: 0px }

#adv1 {
	height: 90px; width: 120px;
	margin-left: 4px }
#adv2 {
	text-align: center;
	margin: 12px 0px }
#adv3 {
	text-align: center;
	padding-top: 24px;
	clear: both }

/* ----------------------------------------------- */

a:link, a:visited, a:active, a:hover {
	color: #0a729b;
	text-decoration: none }
a:hover {
	text-decoration: underline }

div.content h1, h2, h3 {
	background: url(/.img/h1.gif) center left no-repeat;
	text-align: left;
	padding-left: 32px;	
	margin: 3px 0 8px 0;
	color: #5b718e;
	font-size: 11px }
h2, h3 {
	margin-top: 16px }

p {
	margin: 3px 6px 0 6px;
	text-align: justify;
	text-indent: 12px }

ul li {
	list-style-image: url(/.img/ul.gif) }

.L { float: left }
.R { float: right }

/* alignment */

.left	{ text-align: left }
.right	{ text-align: right }
.center	{ text-align: center }
.bottom	{ vertical-align: bottom }
.middle	{ vertical-align: middle }
.float_l	{ float: left }
.float_r	{ float: right }

/* colours */

.red {
	color: #FF0000 }

img.counter {
	filter: alpha(opacity=50); /* for IE only */
	opacity: 0.5 }

.translucent {
	filter: alpha(opacity=50); /* for IE only */
	opacity: 0.5 }
.transparent {
	filter: alpha(opacity=0); /* for IE only */
	opacity: 0 }