/*******************************************************************************
		Coded by Att on 15.12.2009, True Vision
*******************************************************************************/

div.body {
	background: url(../images/i/bg/top.gif) top no-repeat;
	height: 100%;
}
div.box { margin: 0 auto; width: 1000px; }
div.block { padding: 0 50px 20px 30px; float: right; width: 600px; }
div.block-s { padding: 0 50px; }

#wrapper {
	height: 100%;
	margin: 0 auto;
	width: 100%;
}

span.exc {
	background: url(../images/i/ico/exc.gif) no-repeat;
	width: 19px; height: 17px;
	vertical-align: top;
	position: relative;
	top: -8px;
	left: 4px;
}

h4.error { margin: 50px 0; }
div.txt { margin-bottom: 20px; }

/*=======================*/

a.js { border-bottom: 1px dotted #FFFFFF; text-decoration: none; }
a.js:hover { border-color: #FF6D2C; }

/*=======================*/

#footer { vertical-align: bottom; }
#footer div.footer { background: url(../images/i/bg/footer.gif) #2d2d2f top repeat-x; }
#footer div.footer div.box { padding: 35px 50px 45px; width: 900px; }
#footer ul { padding: 0; margin: 0; float: left; font-size: 1.077em; font-style: italic; }
#footer ul li { margin: 0; padding: 0 0 0 75px; float: left; background: none; }
#footer div.copyright { float: right; font-size: 0.923em; }
#footer div.tv { margin-top: 10px; font-size:0.917em; color: #636363; font-family: tahoma; }
#footer div.tv a { color: #00c6dd; text-decoration: none; }
#footer div.tv a:hover { color: #fff !important; }

/*=======================*/

#header { padding-bottom: 45px; font-size: 0.846em; font-family: tahoma; }
#header div.logo { padding: 45px 0 0 125px; }
#header a { color: #b1b1b1; }
#header a:hover { color: #fff !important; }
#header div.global {
	position:absolute; top:0; z-index:5;
	width:1000px;
}
#header ul.langs { padding: 15px 30px 0 50px; float: right; color:#717171; }
#header ul.langs li { padding-left: 13px; background: none; float: left; }
#header ul.country { margin: 12px 0 0 0; padding: 3px 10px 4px; float: right; min-width: 75px; }
* html #header ul.country { width: 75px; }
#header ul.country li { background: none; padding: 5px 0; margin: 0; display:none; }
#header ul.country li.active { display: block; }
#header ul.country li a { text-decoration: none; }
#header ul.country li.active a { background: url(../images/i/mrk/2.gif) right no-repeat; padding-right: 10px; }
#header ul.country li a img { vertical-align: middle; margin-right: 5px; }
#header ul.country li a:hover span { text-decoration: underline; }
#header ul.country-active { background: #2a2a2b; border: 1px solid #444444; padding: 2px 9px 3px; }
#header ul.country-active li {  }

/*=======================*/

#menu { padding: 0 0 30px 80px; float: left; width: 240px; position: relative; z-index: 10; }
#menu ul { padding: 20px 0 0 8px; margin: 0; font-size: 1.230em; font-style: italic; color: #717171; }
#menu ul li { background: url(../images/i/mrk/m1.png) top left no-repeat; padding: 0 0 0 38px; margin: 0 0 1.1em 0; zoom: 1; line-height: 1em; }
#menu ul li ul { margin-top: 1em; padding: 0; font-size: 0.875em; }
#menu ul li ul li { background: url(../images/i/mrk/m2.png) top left no-repeat; padding-left: 22px; }

/*=======================*/

table.b1 {}
table.b1 td.b1-tl div {
	background: url(../images/i/block/b1-tl.png) no-repeat;
	width: 7px; height: 7px;
	font-size: 0;
}
table.b1 td.b1-tr div {
	background: url(../images/i/block/b1-tr.png) no-repeat;
	width: 7px; height: 7px;
	font-size: 0;
}
table.b1 td.b1-br div {
	background: url(../images/i/block/b1-br.png) no-repeat;
	width: 7px; height: 7px;
	font-size: 0;
}
table.b1 td.b1-bl div {
	background: url(../images/i/block/b1-bl.png) no-repeat;
	width: 7px; height: 7px;
	font-size: 0;
}
table.b1 td.b1-t { background: url(../images/i/block/b1-t.png) repeat-x; }
table.b1 td.b1-r { background: url(../images/i/block/b1-r.png) repeat-y; }
table.b1 td.b1-b { background: url(../images/i/block/b1-b.png) repeat-x; }
table.b1 td.b1-l { background: url(../images/i/block/b1-l.png) repeat-y; }
table.b1 td.b1-i {
	background: #e35d24;
	padding:  10px 18px 10px 10px;
	color: #fec6a6;
	width: 99%;
}

/*=======================*/

table.f1 {}
table.f1 td.f1-tl div,
table.f1 td.f1-tr div,
table.f1 td.f1-bl div,
table.f1 td.f1-br div {
	width: 32px; height: 32px;
	font-size: 0;
}
table.f1 td.f1-tl div { background: url(../images/i/block/f1-tl.png) no-repeat; }
table.f1 td.f1-tr div { background: url(../images/i/block/f1-tr.png) no-repeat; }
table.f1 td.f1-br div { background: url(../images/i/block/f1-br.png) no-repeat; }
table.f1 td.f1-bl div { background: url(../images/i/block/f1-bl.png) no-repeat; }
table.f1 td.f1-t { background: url(../images/i/block/f1-t.png) repeat-x; }
table.f1 td.f1-r { background: url(../images/i/block/f1-r.png) repeat-y; }
table.f1 td.f1-b { background: url(../images/i/block/f1-b.png) repeat-x; }
table.f1 td.f1-l { background: url(../images/i/block/f1-l.png) repeat-y; }
table.f1 td.f1-i {
	background: #E9E9E7;
	color: #3a3a3a;
	width: 99%;
}
table.f1 td.f1-i a { color: #363638; }
table.f1 td.f1-i a.js { border-color: #363638; }
table.f1 td.f1-i a:hover { color: #FF6D2C; }
table.f1 td.f1-i a.js:hover { border-color: #FF6D2C; }

/*=======================*/

table.f2 {}
table.f2 td.f2-tl div,
table.f2 td.f2-tr div,
table.f2 td.f2-bl div,
table.f2 td.f2-br div {
	width: 30px; height: 30px;
	font-size: 0;
}
table.f2 td.f2-tl div { background: url(../images/i/block/f2-tl.png) no-repeat; }
table.f2 td.f2-tr div { background: url(../images/i/block/f2-tr.png) no-repeat; }
table.f2 td.f2-br div { background: url(../images/i/block/f2-br.png) no-repeat; }
table.f2 td.f2-bl div { background: url(../images/i/block/f2-bl.png) no-repeat; }
table.f2 td.f2-t { background: url(../images/i/block/f2-t.png) repeat-x; }
table.f2 td.f2-r { background: url(../images/i/block/f2-r.png) repeat-y; }
table.f2 td.f2-b { background: url(../images/i/block/f2-b.png) repeat-x; }
table.f2 td.f2-l { background: url(../images/i/block/f2-l.png) repeat-y; }
table.f2 td.f2-i {
	background: #e9e9e7;
	padding: 10px;
	color: #000;
	width: 99%;
}
table.f2 td.f2-i a { color: #363638; }
table.f2 td.f2-i a.js { border-color: #363638; }
table.f2 td.f2-i a:hover { color: #FF6D2C; }
table.f2 td.f2-i a.js:hover { border-color: #FF6D2C; }

/*=======================*/

div.menu-tabs { margin-bottom: 20px; }
div.menu-tabs ul { margin: 0; padding: 0; }
div.menu-tabs ul li {
	background: none;
	padding: 0;
	margin: 0 38px 0 0;
	float: left;
	font-style: italic;
	color: #fff;
}
div.menu-tabs ul li.active { color: #717171; }

/*=======================*/

ul.tabs { margin-bottom: 20px; }
ul.tabs li {
	background: none;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
ul.tabs li a.toggle-active {
	text-decoration: none;
	border: none;
	color: #888;
	cursor: default;
}
ul.tabs li a.toggle-active:hover {
	color: #888;
}

/*=======================*/

div.menu-tabs2 ul { margin: 0; padding: 0; height: 40px; }
div.menu-tabs2 ul li {
	background: #474749;
	padding: 0;
	margin: 0 6px 0 0;
	float: left;
	font-style: italic;
	color: #fff;
	height: 40px;
	white-space: nowrap;
	line-height: 40px;
}
* html div.menu-tabs2 ul li { width: 1em; }
div.menu-tabs2 ul li.active { background-color: #e9e9e7; padding: 0 10px; color: #e9e9e7; }
div.menu-tabs2 ul li a {
	padding: 0 10px;
	height: 40px;
	display: block;
	text-decoration: none;
	line-height: 40px;
}
div.menu-tabs2 ul li img { vertical-align: middle; }
* html div.menu-tabs2 ul li img { margin-top: expression(20 - Math.round(this.height / 2)); }

/*=======================*/

div.menu-tabs3 { background: #d9d9d8; padding: 10px; }
div.menu-tabs3 ul { margin: 0; padding: 0; }
div.menu-tabs3 ul li {
	background: none;
	padding: 0;
	margin: 0 6px 0 0;
	float: left;
	font-style: italic;
	color: #a3a3a3;
	height: 20px;
	white-space: nowrap;
	line-height: 20px;
}
* html div.menu-tabs3 ul li { width: 1em; }
div.menu-tabs3 ul li.active { padding: 0 10px;}
div.menu-tabs3 ul li a {
	padding: 0 10px;
	height: 20px;
	display: block;
	text-decoration: none;
	line-height: 20px;
	color: #1e1e1e;
}

div.menu-materials { background: #cbcbc9; }

/*=======================*/

div.float-layer div.x {
	float: right;
}
div.float-layer a.x {
	background:url(../images/i/ico/x.gif) right no-repeat;
	padding-right: 30px;
	display: block;
	cursor:pointer;
	color: #363638;
	text-decoration: none;
	font-style: italic;
}
div.float-layer div.relative { position:relative; zoom:1; }

.float-layer-bg {
	background: #373739;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: Alpha(opacity=80);
	z-index: 100;
}

div.float-layer {
	/*position: fixed;*/
	position: absolute;
	z-index: 101;
	width: 100%;
	height: 100%;
}
table.float-layer { margin: 0 auto; height: 100%; }
.float-layer-inner { vertical-align: middle; }

/*=======================*/

div.preloader {
	height: 0px !important;
	width: auto;
	position: relative;
	background: none;
	padding: 0;
	margin: 0;
	display: none;
}
div.preloader div {
	padding: 0;
	position: absolute;
	background-color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	width: 100%;
	height: 300px;
	text-align: center;
	z-index: 1001;
}
div.preloader span {
	background: url(../images/i/icons/ajax.gif) left no-repeat;
	padding: 17px 0 20px 40px;
	font-size: 1.167em;
	line-height: 2.5em;
}

/*=======================*/

div.form div.label { margin-bottom: 2px; }
div.form div.label label { color: #292929; }
div.form div.form-h { margin-bottom: 10px; }
div.form div.form-h label { margin-right: 20px; color: #292929; }
div.form div.form-h label:hover { margin-right: 20px; color: #888; }
div.form img.captcha { vertical-align: middle; }
div.form table.form-v td { padding-right: 20px; }
div.form table.form-e td { padding-right: 10px; }

/*=======================*/

div.gallery div.image { position: relative; zoom: 1; }
div.gallery a.prev,
div.gallery a.next { display: block; position: absolute; width: 50%; top: 0; text-decoration: none; background: url(../images/i/px.gif); }
div.gallery a.prev span,
div.gallery a.next span { display: none; background: #888889; padding: 0px 10px 3px; margin-top: 80px; color: #fff; font-size: 2.5em; font-family: Tahoma; line-height: normal; }
div.gallery a.prev:hover span,
div.gallery a.next:hover span { display: block; }
div.gallery a.prev span { position: absolute; left: 0; }
div.gallery a.next span { position: absolute; right: 0; }
div.gallery a.next { left: 50%; text-align: right; }

/*=======================*/