/******************************************************************************/
/*
/*	MAIN SETUPS
/*
/******************************************************************************/

a { outline: none }
a img { border: none }

a:link, a:visited, a:active { color: #3e77ae; text-decoration: underline }
a:hover { color: #5e97ce; text-decoration: none }

form, h1, h2, h3, h4, li, p, ul, table { margin: 0px; padding: 0px }

html, body { height: 100%; margin: 0px; padding: 0px; width: 100% }
body { background: #000; color: #dac897; cursor: default; min-width: 999px }

div.canvas { min-height: 100%; position: relative; z-index: 1 }

/*
SPECIAL MARKERS
*/

.db { display: block }
.dn { display: none }
.vn { top: -9999px; position: absolute }
.p { cursor: pointer }
.strip-l-r { margin: 5px 13% }
.nofl { clear: both; font-size: 1pt; height: 10px; width: 100% }

/******************************************************************************/
/*
/*	HEADER
/*
/******************************************************************************/

div.header {
	height: 177px;
	margin-left: 13%;
	margin-right: 13%;
	padding-top: 11px
}

table.header {
	border-collapse: collapse;
	width: 100%
}
table.header td.h-logo { width: 47% }
table.header td.h-sign { width: 70px }
table.header td.h-tel { font-size: 30pt; text-align: right }
td.h-tel span.t-code { color: #89735f; font: 30pt Times; letter-spacing: 0.7pt }
td.h-tel span.t-tel { color: #e0cc79; font: bold 30pt Times; letter-spacing: 0.7pt }

div.h-sign {
	background: url('./images/h-sign.jpg') 0px -54px no-repeat;
	height: 40px;
	width: 70px
}

p.h-title {
	color: #9c854f;
	font: 109%/18pt Arial;
	letter-spacing: 0.45pt;
	margin: 10px 0px;
	text-align: center
}

/******************************************************************************/
/*
/*	STRIP
/*
/******************************************************************************/

div.dline {
	background: url('./images/strip-lines.png') repeat-x 0px -30px;
	width: 100%
}
div.dline div {
	background: url('./images/strip-lines.png') no-repeat 0px 0px;
	height: 7px;
	margin: 0px auto;
	width: 721px
}
div.dline-bg {
	background: url('./images/strip-bg.gif') repeat-x 0px 0px;
	height: 45px;
	padding-top: 15px;
	position: relative;
	text-align: center;
	width: 100%
}
div.sline {
	background: url('./images/strip-lines.png') repeat-x 0px -50px;
	width: 100%
}
div.sline div {
	background: url('./images/strip-lines.png') no-repeat 0px -17px;
	height: 2px;
	margin: 0px auto;
	width: 721px
}

/* LINKS */
div.dline-bg a {
	color: #9a783c;
	font: bold 18pt Times;
	letter-spacing: 0.6pt;
	position: absolute;
	top: 15px;
	z-index: 2
}
div.dline-bg a.left { left: 5% }
div.dline-bg a.center { position: static !important }
div.dline-bg a.right { right: 5% }

div.dline-bg a:active,
div.dline-bg a:link,
div.dline-bg a:visited { text-decoration: underline }
div.dline-bg a:hover { text-decoration: none }

/******************************************************************************/
/*
/*	SLIDER
/*
/******************************************************************************/

div.slider-wrapper {
	background: url('./images/slider-div.jpg') 100% 0px no-repeat;
	margin: 10px 4%
}

div.slider {
	height: 300px;
	margin-right: 20px;
	position: relative;
	overflow: hidden
}

div.auto,
div.gruz,
div.nedvij,
div.plav,
div.spets,
div.chasi,
div.tel,
div.juvel,
div.moto,
div.raznoe {
	background: #000 url('./images/slider-titles.jpg') no-repeat;
	height: 300px;
	overflow: hidden;
	position: absolute;
	width: 420px
}

div.auto { background-position: 13px 0px }
div.gruz { background-position: 13px -300px; left: 10%; z-index: 3 }
div.nedvij { background-position: 13px -600px; left: 20%; z-index: 4 }
div.plav { background-position: 13px -900px; left: 30%; z-index: 5 }
div.spets { background-position: 13px -1200px; left: 40%; z-index: 6 }
div.chasi { background-position: 13px -1500px; left: 50%; z-index: 7 }
div.tel { background-position: 13px -1800px; left: 60%; z-index: 8 }
div.juvel { background-position: 13px -2100px; left: 70%; z-index: 9 }
div.moto { background-position: 13px -2400px; left: 80%; z-index: 10 }
div.raznoe { background-position: 13px -2700px; left: 90%; z-index: 11 }

#auto,
#gruz,
#nedvij,
#plav,
#spets,
#chasi,
#tel,
#juvel,
#moto,
#raznoe {
	background: url('./images/slider-div.jpg') 0px 0px no-repeat;
	cursor: pointer;
	height: 300px;
	width: 50px
}

div.slide-cover,
div.slide-cover-girls,
div.wrapper {
	background: url('./images/slider-images.jpg') 20px 10px no-repeat;
	height: 210px;
	position: absolute;
	right: 0px;
	top: 50px;
	width: 370px
}
div.slide-cover-girls {
	background: url('./images/slider-images-girls.jpg') 20px 10px no-repeat
}
div.wrapper {
	background: #000;
	height: 300px;
	opacity: 0.66;
	top: 0px;
	width: 370px
}

div.s-c-gruz { background-position: 20px -190px }
div.s-c-nedvij { background-position: 20px -390px }
div.s-c-plav { background-position: 20px -590px }
div.s-c-spets { background-position: 20px -790px }
div.s-c-chasi { background-position: 20px -990px }
div.s-c-tel { background-position: 20px -1190px }
div.s-c-juvel { background-position: 20px -1390px }
div.s-c-moto { background-position: 20px -1590px }
div.s-c-raznoe { background-position: 20px -1799px }

/* LINKS & TEXT */
strong.slide-title,
p.slide-title { left: 88px; position: absolute }

strong.slide-title { top: 20px }
p.slide-title { bottom: 20px; color: #c8c8c8; font: 11pt Arial; letter-spacing: 0.66pt }

strong.slide-title a { color: #9a773f; font: 14pt/16pt Times; letter-spacing: 0.66pt }

/******************************************************************************/
/*
/*	PREVIEW
/*
/******************************************************************************/

table.preview-table {
	border-collapse: collapse;
	margin: 20px auto;
	width: 95%
}

table.preview-table td {
	padding: 15px 1%;
	width: 17%;
	vertical-align: top
}

div.wrr {
	position: relative;
	z-index: 20
}

/* PREVIEW LAYER */
div.prev,
div.hov {
	background: #000 url('./images/preview-images.jpg') no-repeat;
	display: block;
	height: 150px;
	position: relative;
	width: 150px;
	z-index: 20
}
div.preview-auto { background-position: 0px 0px }
div.preview-gruz { background-position: 0px -150px }
div.preview-nedvij { background-position: 0px -300px }
div.preview-plav { background-position: 0px -450px }
div.preview-spets { background-position: 0px -600px }
div.preview-chasi { background-position: 0px -750px }
div.preview-tel { background-position: 0px -900px }
div.preview-juvel { background-position: 0px -1050px }
div.preview-moto { background-position: 0px -1200px }
div.preview-raznoe { background-position: 0px -1350px }

div.preview-auto-hv { background-position: -146px 0px }
div.preview-gruz-hv { background-position: -147px -150px }
div.preview-nedvij-hv { background-position: -148px -300px }
div.preview-plav-hv { background-position: -148px -450px }
div.preview-spets-hv { background-position: -150px -600px }
div.preview-chasi-hv { background-position: -151px -750px }
div.preview-tel-hv { background-position: -143px -900px }
div.preview-juvel-hv { background-position: -151px -1050px }
div.preview-moto-hv { background-position: -143px -1200px }
div.preview-raznoe-hv { background-position: -145px -1350px }

a.preview { color: #6f4620; font: bold 13pt/15pt Times; letter-spacing: 0.53pt; text-decoration: none }
a.preview:active, a.preview:link, a.preview:visited { border-bottom: 1px dashed #6f4620 }
a.preview:hover { border-bottom: none }

/* HOVER LAYER */
div.preview-hv {
	background: #000;
	border: 1px solid #6f4620;
	display: none;
	font: 10pt/13pt Arial;
	left: -11px;
	padding: 10px;
	position: absolute;
	top: -11px;
	width: 220px;
	z-index: 21
}
div.hov { z-index: 21 }

p.preview-hv { margin: 10px 0px }

a.preview-hv,
span.preview-hv {
	background: url('./images/button.jpg') no-repeat;
	color: #dac897;
	display: block;
	height: 26px;
	padding-top: 7px;
	text-align: center;
	text-decoration: none;
	width: 159px
}

/******************************************************************************/
/*
/*	SEO CONTENT
/*
/******************************************************************************/

/* CONTENT CANVAS */
div.content {
	margin-left: 11%;
	margin-right: 11%;
	padding: 0px 0px 255px 0px
}

br.clear { clear: both; font-size: 3pt }
strong.word { color: #fff }

/* ITALIZED PARAGRAPH */
p.italic {
	color: #fff7da;
	font: italic 14pt/18pt Times;
	letter-spacing: 0.7pt;
	margin: 15px 0px
}

/* MAIN HEADING */
h1.normal,
h2.normal {
	color: #9a783c;
	font: bold 25pt Times;
	letter-spacing: 0.9pt;
	margin: 25px 0px
}

/* CENTERED PARAGRAPH */
p.normal {
	color: #e5d4a7;
	font: 10pt/14pt Arial;
	letter-spacing: 0.52pt;
	padding: 13px 16% 10px 8%
}
p.hand { background: url('./images/p-bg.jpg') no-repeat -4px 13px }
p.normal a {
	color: #9a773f;
}
p.normal a:active, p.normal a:link, p.normal a:visited { text-decoration: underline }
p.normal a:hover { text-decoration: none }

/* HORIZONTAL LIST */
ul.normal {
	list-style: none outside;
	margin: 20px 13% 20px 8%
}
ul.normal li {
	color: #fff8c9;
	display: block;
	float: left;
	font: 10pt/14pt Arial;
	letter-spacing: 0.52pt;
	margin-right: 5%;
	width: 20%
}
li.x3 { width: 27% }
li.a, li.b, li.v, li.g { background: url('./images/p-bg.jpg') no-repeat 0px -203px; padding-top: 90px }
li.b { background-position: 0px -500px }
li.v { background-position: 0px -800px }
li.g { background-position: 0px -1120px }

/* VERTICAL LIST */
ul.vertical {
	list-style: none outside;
	margin: 10px 30% 20px 11%
}
ul.vertical li,
ol.vertical li {
	background: url('./images/p-bg.jpg') no-repeat 0px -1383px;
	color: #fff8c9;
	font: 10pt/14pt Arial;
	letter-spacing: 0.52pt;
	margin: 7px 0px;
	padding-left: 25px
}

ol.vertical { margin: 10px 30% 20px 9.5% }
ol.vertical li {
	background: none;
	color: #fff8c9;
	font: 10pt/14pt Arial;
	letter-spacing: 0.52pt;
	margin: 7px 0px;
	padding-left: 5px
}

/******************************************************************************/
/*
/*	ONLINE-FORMS
/*
/******************************************************************************/

/* HEADINGS */
h1.form,
h2.form,
h3.form {
	color: #9a783c;
	font: bold 25pt Times;
	letter-spacing: 0.9pt;
	margin: 25px 0px
}
h2.form { font-size: 17pt; margin-top: 44px; margin-bottom: 20px }
h3.form { font-size: 13pt }

/* TITLES */
div.form-ti-ttl,
div.form-ti-ttl-free {
	color: #8a682c;
	float: left;
	font: 11pt Arial;
	margin: 0px 15px 0px 0px;
	position: relative
}
div.form-ti-ttl-free { margin: 10px 15px 0px 0px }
div.pt { padding-top: 5px }
.w122 { width: 199px }
span.ttl-descr { font-size: 8pt }

div.form-ti-ttl sup {
	font: bold 17pt Arial;
	padding-left: 3px;
	position: relative;
	top: 4px
}
img.ques { cursor: help; margin-left: 10px; vertical-align: middle }
img.ques-help { background: #000; border: 1px solid #8a682c; display: none; padding: 2px; position: absolute; z-Index: 10000 }

/* DOUBLE & TRIPLE INPUTS */
table.form-2-3-ti { border-collapse: collapse }
table.form-2-3-ti td {
	background: url('./images/form-ti.gif') no-repeat 0px -40px;
	cursor:	text;
	height: 42px;
	overflow: hidden;
	vertical-align: top
}
td.w131 { width: 99px }
td.slash {
	background: none !important;
	color: #dac897;
	font: 11pt Arial;
	padding: 16px 5px 0px 5px
}

/* INPUT & TEXTAREA */
div.form-ti,
div.form-ta {
	background: url('./images/form-ti.gif') no-repeat 0px 5px;
	cursor:	text;
	height: 42px;
	overflow: hidden;
	padding-top: 5px;
	position: relative;
	width: 393px
}
div.captcha-result {
	font: 8pt Arial;
	left: 9px;
	position: absolute;
	top: 33px
}
div.form-ta {
 	background: url('./images/form-ta.gif') no-repeat 0px 5px;
 	height: 110px
}
.ml122 { margin-left: 214px }
div.form-ti input,
div.form-ta textarea,
table.form-2-3-ti td input {
	background: none;
	border: none;
	color: #dac897;
	font: 11pt Arial;
	letter-spacing: 0.66pt;
	margin: 0px;
	padding: 10px 0px 0px 8px;
	position: relative;
	width: 95%
}
table.form-2-3-ti td input { padding-top: 14px; width: 90% }
div.form-ta textarea { height: 88px; margin: 10px 0px 0px 8px; padding: 0px }

/* SELECT + INPUT */
div.form-si {
	color: #dac897;
	font: 11pt Arial;
	float: left;
	margin-top: 7px;
	margin-right: 20px
}

/******************************************************************************/
/*	FILE INPUT
/******************************************************************************/

div.form-fi { margin-left: 155px }

table.ct { border-collapse: collapse; margin-top: 5px }
table.ct td {
	padding: 5px 5px 5px 0px;
	vertical-align: middle
}

#file1, #file2, #file3, #file4, #file5 {
	overflow: hidden;
	position: relative;
	width: 202px
}
#file1 input, #file2 input, #file3 input, #file4 input, #file5 input {
	cursor: pointer;
	font-size: 1000pt;
	height: 100%;
	opacity: 0;
	position: absolute;
	right: 0px;
	z-index: 4
}

#file1 span, #file2 span, #file3 span, #file4 span, #file5 span {
	font: 11pt Arial;
	left: 10px;
	position: absolute;
	top: 3px;
	z-index: 3
}
td.file-descr span {
	color: #999;
	display: block;
	font: 10pt Arial;
	height: 16px;
	overflow: hidden;
	padding-left: 20px;
	white-space: nowrap
}

/* SEND BTN */
div.btn-wr { clear: both; position: relative; z-index: 10 }
#send { cursor: pointer; opacity: 0.44 }
#send-hv {
	background: #000;
	color: #9a783c;
	display: none;
	font: 10pt Arial;
	left: 177px;
	padding: 10px;
	position: absolute;
	top: 0px;
	width: 400px
}
/* CHECK'S RESULT */
#send-hv b { color: #dac897 }

/******************************************************************************/
/*	RADIOS & CHECKBOXES
/******************************************************************************/

/* RADIO 1/2  & RADIOS 1/3 */
div.form-cb span.radio,
div.form-cb span.radios,
div.nedvij-type span.nedvij-type {
	color: #dac897;
	display: block;
	border-bottom: 1px dotted #dac897;
	font: 11pt Arial;
	float: left;
	margin: 10px 20px 10px 5px;
	position: relative;
	z-index: 3
}
div.form-cb span.radios,
div.nedvij-type span.nedvij-type { margin: 10px 45px 10px 5px }

div.form-cb span.over,
div.nedvij-type span.over {	border-bottom: 1px dotted transparent }

div.form-cb span.radio span,
div.form-cb span.radios span,
div.nedvij-type span.nedvij-type span {
	display: block;
	padding: 5px 5px 3px 5px;
	position: relative;
	white-space: nowrap;
	z-index: 4
}

/* NEDVIJ SELECT TYPE WRAPPER */
div.nedvij-type { margin-bottom: 25px }

/******************************************************************************/
/*	CHECKBOX WRAPPER
/******************************************************************************/

div.cb { background: #271e13; height: 23px; left: 0px; overflow: hidden; position: absolute; top: 0px; z-index: 2 }
div.cb-m { background: #3c311d }
div.cb-p { background: #4a4527 }
div.cb i.l, div.cb i.r { background: url('./images/form-check-bl.gif') no-repeat; display: block; height: 23px; left: 0px; position: absolute; top: 0px; width: 4px }
div.cb i.r { background-position: 0px -25px; left: auto; right: 0px }
div.cb i.l-m { background-position: 0px -50px; width: 25px }
div.cb i.l-p { background-position: 0px -75px; width: 25px }
div.cb i.r-m { background-position: 0px -100px; width: 25px }
div.cb i.r-p { background-position: 0px -125px; width: 25px }

/******************************************************************************/
/*	SELECTBOXES
/******************************************************************************/

.s-s ul.newList { left: -9999px }

div.form-select { color: #dac897; font: 11pt Arial; margin-top: 5px }

ul.newList * { margin: 0; padding: 0 }
ul.newList span { color: #8a682c; display: block }
ul.newList {
	background: #000;
	border: 1px solid #222;
	color: #8a682c;
	left: 0;
	list-style: none;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: absolute;
	top: 22px;
	width: 99%;
	z-index: 9999
}
.newListSelected { float: left; padding-top: 3px }
.newListSelected span { display: block  }

ul.newList li { overflow: hidden }
ul.newList li span { padding: 3px 8px; display: block }

/* SELECTED TXT */
div.selectedTxt { height: 29px; overflow: hidden; position: relative; z-index: 10 }
div.selectedTxt span { overflow: hidden; padding: 6px 0 0 10px; position: relative; white-space: nowrap; z-index: 3 }

/* SELECTED TXT WRAPPER */
div.sb-ov, div.sb-ou,
div.sb-ov i.l, div.sb-ou i.l,
div.sb-ov i.r, div.sb-ou i.r { background: url('./images/form-select.gif') repeat-x; display: block; height: 29px; left: 0; position: absolute; top: 0; width: 100% }
div.sb-ov { background-position: 0px -116px; z-index: 2 }
div.sb-ou { background-position: 0px -29px; z-index: 2 }

div.sb-ov i.l, div.sb-ou i.l { background-repeat: no-repeat; width: 4px }
div.sb-ov i.r, div.sb-ou i.r { background-repeat: no-repeat; left: auto; right: 0; width: 31px }

div.sb-ov i.l { background-position: 0px -87px }
div.sb-ou i.l { background-position: 0px 0px }
div.sb-ov i.r { background-position: 0px -145px }
div.sb-ou i.r { background-position: 0px -58px }

/* LIST HILITE */
.hiLite { background: #373e33 !important; color: #aa884c !important }
.hiLite span { background: #373e33 !important; color: #aa884c !important }
.newListHover {
	background: #271e13 !important;
	color: #8a682c !important;
	cursor: default
}
.newListSelHover, .newListSelFocus { cursor: default; outline: none }

/* OPTIONS */
.newListOptionTitle { font-weight: bold }
.newListOptionTitle ul { margin: 3px 0 0 }
.newListOptionTitle li { border-left: 1px solid #ccc; font-weight: normal }

/******************************************************************************/
/*
/*	CONTACTS
/*
/******************************************************************************/

div.b-1 { border: 1px solid #948348; margin: 20px auto; width: 66% }
div.b-2 { border: 2px solid #222 }
div.ya-map { height: 350px; width: 100% }

/******************************************************************************/
/*
/*	FOOTER
/*
/******************************************************************************/

div.footer {
	bottom: 0px;
	font: 10pt/13pt Arial;
	height: 240px;
	letter-spacing: 0.62pt;
	left: 13%;
	right: 13%;
	overflow: hidden;
	position: absolute;
	z-index: 2
}

/* STRIP MARGIN-BOTTOM IN FOOTER */
div.fmb { margin-bottom: 20px }

span.f-copy,
strong.f-company { color: #dac897; font: 15pt/18pt Times }
strong.f-company { color: #f5ecd5 }

p.f-title { color: #6f4620; margin: 10px 0px; width: 50% }

/* LEFT */
p.f-left { color: #6f4620; width: 50% }
p.f-left a { color: #9a783c }
p.f-left a:active, p.f-left a:link, p.f-left a:visited { text-decoration: underline }
p.f-left a:hover { text-decoration: none }

/* MYSTECH */
div.mystech { bottom: 40px; color: #888681; position: absolute; right: 0px; text-align: right }
div.mystech p { margin: 10px 60px 0px 0px }
a.mystech { position: absolute; right: 0px; top: 0px; z-index: 3 }

div.mystech p a { text-decoration: none }
span.mi { color: #8cc63f; text-decoration: underline }
span.st { color: #30a4dc; text-decoration: underline }
span.ek { color: #6660ab; text-decoration: underline }

/* LIVEINTERNET */
a.livint { left: 44%; position: absolute; top: 166px }