/* General section for all sites */
BODY, FORM, H1, H2, H3, H4, H5, H6, P {
	BORDER: none;
	MARGIN: 0px;
	PADDING: 0px;
}

A IMG {
	BORDER: 0px solid;
}

UL LI {
	MARGIN: 0;
}

TABLE {
	BORDER-COLLAPSE: collapse;
}

BODY, TABLE, INPUT, TEXTAREA, SELECT, BUTTON {
	FONT: 11px Tahoma; /* !!! */
	COLOR: #5e5b54; /* !!! */
}

BODY, INPUT, TEXTAREA, SELECT, BUTTON {
	BACKGROUND-COLOR: #ebe6dc; /* !!! */
}

A {
	COLOR: #0262a0; /* !!! */
	TEXT-DECORATION: underline; /* !!! */
}

A:hover {
	COLOR: #5d1f8c;
}

P {
	MARGIN-BOTTOM: 18px;
}

H1 {
/*	FONT: 18px Arial Narrow;*/
	FONT: bold 16px Arial;
	COLOR: #000;
}

H1 A {
	COLOR: #000;
}

H2 {
/*	FONT: bold 14px Arial;*/
/*	COLOR: #000;*/
/*	MARGIN-BOTTOM: 7px;*/

	FONT: 10px tahoma;
	COLOR: #000;
	PADDING: 4px 0;
/*	MARGIN: 4px 0 7px 0;*/
	MARGIN-BOTTOM: 7px;
	TEXT-TRANSFORM: uppercase;
}

H2 SPAN {
	BACKGROUND: #d2ccbd url("/images/w_arrow.gif") 4px 7px no-repeat;
	PADDING: 3px 5px 3px 13px;
}

H2 A {
	COLOR: #000;
}

H3 {
	FONT: bold 12px Arial;
	COLOR: #000;
	MARGIN-BOTTOM: 7px;
}

H3 A {
	COLOR: #000;
}

H4 {
	FONT: bold 12px Tahoma;
	COLOR: #5e5b54;
	MARGIN-BOTTOM: 7px;
}

H4 A {
	COLOR: #5e5b54;
}

H5 {
}

H6 {
}

/* Most useful classnames */
INPUT {
	BACKGROUND-COLOR: #FFF;
	FONT-SIZE: 11px;
	BORDER: 3px solid #FFF;
}

TEXTAREA {
	BACKGROUND-COLOR: #FFF;
	FONT-SIZE: 11px;
	BORDER: 1px solid #FFF;
	WIDTH: 300px;
	HEIGHT: 150px;
}

BUTTON {
	COLOR: #FFF;
	BORDER: none;
	TEXT-TRANSFORM: uppercase;
	PADDING: 2px 2px 1px 10px;
	BACKGROUND: #B8B2A4 url("/images/w_arrow.gif") 4px 7px no-repeat;
	CURSOR: pointer;
}

.noborder {
	BORDER: none !important;
}

small, .small {
	FONT-SIZE: 90%;
}

big, .big {
	FONT-SIZE: 140%;
}

.path {
	FONT-SIZE: 90%;
}

.error {
	COLOR: #FF0000;
}

.message {
	COLOR: #00FF00;
}

.dotted_line {
	BACKGROUND: transparent url("/images/header_bg.gif") left top repeat-x;
	HEIGHT: 1px;
	FONT-SIZE: 1px;
}

/* STYLE */

HTML, BODY {
	HEIGHT: 100%;
}

.wrap {
	HEIGHT: auto !important;
	HEIGHT: 100%;
	MIN-HEIGHT: 100%;

	WIDTH: expression(document.body.clientWidth > 990 ? "100%" : "990px");
	MIN-WIDTH: 1022px;
}

.roof {
	BACKGROUND: #c2bdaf;
	HEIGHT: 103px;
	TEXT-ALIGN: right;
}

.auth_link {
	PADDING: 18px 35px 0 0px;
}
.auth_link A.login {
	BACKGROUND: transparent url("/images/lock.gif") left top no-repeat;
	PADDING: 2px 0 5px 19px;
}
.auth_link A.cabinet {
	BACKGROUND: transparent url("/images/user.gif") left top no-repeat;
	PADDING: 2px 0 5px 25px;
}
.auth_link SPAN.cabinet {
	COLOR: #FFFFFF;
	PADDING: 2px 0 5px 25px;
	BACKGROUND: transparent url("/images/user.gif") left top no-repeat;
}

.logo {
	FLOAT: left;
	MARGIN: 0 0 0 33px;
}
 
.roof UL {
	MARGIN: 0 25px 0 300px;
	float: right;
	position: absolute;
	right: 0;
	z-index: 1000;
}

.roof .wrapul {
/*	position: relative; */
	width: 692px; 
	float: right;
}

.roof UL LI {
	BACKGROUND: url("/images/top_menu_bg.gif") left top repeat-x;
	DISPLAY: block;
	float: left;
	LIST-STYLE: none;
	FONT: 12px Arial;
	COLOR: #000;
	PADDING: 4px 15px 4px 8px;
	position: relative;
}

.roof UL LI.tm_sep {
	BACKGROUND: transparent url("/images/top_menu_separator.gif") left top no-repeat;
	PADDING: 4px 5px 0 6px;
}

.roof UL LI A {
	BACKGROUND: transparent url("/images/top_menu_link.gif") left 6px no-repeat;
	COLOR: #000;
	TEXT-DECORATION: none;
	PADDING-LEFT: 7px;
}

.roof UL LI A:hover, .roof UL LI A.active {
	BACKGROUND-IMAGE: url("/images/top_menu_hover.gif");
	COLOR: #fff;
}

.collage_index {
	BACKGROUND: #000 url("/images/headers/index.jpg") right top no-repeat;
	HEIGHT: 289px;
}

.collage_index .collage_right_block {
	FLOAT: right;
	WIDTH: 590px;
	position: absolute;
	right: 0;
}

.promo_word {
	BACKGROUND: transparent url("/images/promo_word_left.gif") left center no-repeat;
	POSITION: absolute;
/*	FONT: 18px Arial Narrow;*/
	FONT: 15px Arial;
	COLOR: #edd78a;

	WIDTH: 108px;
}

.promo_word A {
	COLOR: #edd78a;
	TEXT-DECORATION: none;
}

.promo_word A:hover {
	TEXT-DECORATION: underline;
}

.promo_word DIV {
	BACKGROUND: transparent url("/images/promo_word_right.gif") right center no-repeat;
}

.promo_word DIV DIV {
	BACKGROUND: transparent url("/images/promo_word_bg.gif") left top repeat-x;
	MARGIN: 0 5px;
/*	PADDING: 20px 0 20px 0;*/
	TEXT-ALIGN: center;
	height: 61px;
	line-height: 61px;
}

.promo_word DIV DIV span {
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
}

.promo_red { MARGIN: 26px 0 0 60px }
.promo_red, .promo_red A { COLOR: #cf2434 }
.promo_yellow { MARGIN: 106px 0 0 22px }
.promo_purple { MARGIN: 133px 0 0 444px }
.promo_purple, .promo_purple A { COLOR: #a55cdb }
.promo_green { MARGIN: 208px 0 0 389px }
.promo_green, .promo_green A { COLOR: #5fcb54 }

.collage_index .collage_phone {
	FLOAT: right;
	MARGIN: 29px 36px 0;
	COLOR: #ebe6dc;
/*	FONT: 24px Arial Narrow;*/
	FONT: 20px Arial;
}

.collage_index .collage_text_block {
	COLOR: #aea897;
}

.collage_index .collage_text_block H1 {
	COLOR: #ebe5d7;
	MARGIN-BOTTOM: 7px;
}

.collage_index .collage_text_block A {
	COLOR: #aea897;
}

.collage_text {
	BACKGROUND: #000;
	HEIGHT: 129px;
	width: 100%;
}

.collage_text .right_block {
	FLOAT: right;
	MARGIN: 29px 36px 0;
	COLOR: #ebe6dc;
/*	FONT: 24px Arial Narrow;*/
	FONT: 20px Arial;
	position: absolute;
	right: 0;
	text-align: right;
}

.collage_text .right_block H1  {
	MARGIN-TOP: 8px;
	FONT: 18px Arial;
	COLOR: #ebe6dc;
}

.collage_1 { BACKGROUND: #000 url("/images/headers/1.jpg") right top no-repeat }
.collage_2 { BACKGROUND: #000 url("/images/headers/2.jpg") right top no-repeat }
.collage_3 { BACKGROUND: #000 url("/images/headers/3.jpg") right top no-repeat }
.collage_4 { BACKGROUND: #000 url("/images/headers/4.jpg") right top no-repeat }
.collage_5 { BACKGROUND: #000 url("/images/headers/5.jpg") right top no-repeat }
.collage_6 { BACKGROUND: #000 url("/images/headers/6.jpg") right top no-repeat }
.collage_7 { BACKGROUND: #000 url("/images/headers/7.jpg") right top no-repeat }
.collage_8 { BACKGROUND: #000 url("/images/headers/8.jpg") right top no-repeat }


.content {
	MARGIN: 16px 25px 20px 36px;
	MARGIN: 16px 0 20px 0;
}

.header {
	MARGIN-BOTTOM: 16px;
	BACKGROUND: #d2ccbd url("/images/header_bg.gif") left top repeat-x;
	PADDING: 3px 0 4px 0;
}

.header TABLE {
	HEIGHT: 39px;
}

.header H1 {
	PADDING-LEFT: 42px;
	LINE-HEIGHT: 18px;
}

.ico_1 { BACKGROUND: transparent url("/images/ico_1.png") left top no-repeat }
.ico_2 { BACKGROUND: transparent url("/images/ico_2.png") left top no-repeat }
.ico_3 { BACKGROUND: transparent url("/images/ico_3.png") left top no-repeat }
.ico_4 { BACKGROUND: transparent url("/images/ico_4.png") left top no-repeat }
.ico_5 { BACKGROUND: transparent url("/images/ico_5.png") left top no-repeat }
.ico_6 { BACKGROUND: transparent url("/images/ico_6.png") left top no-repeat }
.ico_7 { BACKGROUND: transparent url("/images/ico_7.png") left top no-repeat }
.ico_8 { BACKGROUND: transparent url("/images/ico_8.png") left top no-repeat }
.ico_9 { BACKGROUND: transparent url("/images/ico_9.png") left top no-repeat }
.ico_10 { BACKGROUND: transparent url("/images/ico_10.png") left top no-repeat }
.ico_11 { BACKGROUND: transparent url("/images/ico_11.png") left top no-repeat }
.ico_12 { BACKGROUND: transparent url("/images/ico_12.png") left top no-repeat }
.ico_13 { BACKGROUND: transparent url("/images/ico_13.png") left top no-repeat }
.ico_14 { BACKGROUND: transparent url("/images/ico_14.png") left top no-repeat }
.ico_15 { BACKGROUND: transparent url("/images/ico_15.png") left top no-repeat }
.ico_16 { BACKGROUND: transparent url("/images/ico_16.png") left top no-repeat }
.ico_17 { BACKGROUND: transparent url("/images/ico_17.png") left top no-repeat }
.ico_18 { BACKGROUND: transparent url("/images/ico_18.png") left top no-repeat }


.sub_ico_1 { BACKGROUND: transparent url("/images/sub_ico_1.png") left top no-repeat }
.sub_ico_2 { BACKGROUND: transparent url("/images/sub_ico_2.png") left top no-repeat }
.sub_ico_3 { BACKGROUND: transparent url("/images/sub_ico_3.png") left top no-repeat }
.sub_ico_4 { BACKGROUND: transparent url("/images/sub_ico_4.png") left top no-repeat }


.content TD.text {
	PADDING: 0 20px 40px 36px;
}

.content OL {
	list-style-position: inside;
	padding: 0;
	margin-bottom: 15px;
}

.content UL {
	LIST-STYLE: none;
	PADDING: 0;
	MARGIN: 5px 0 18px 0;
}

.content UL LI {
	BACKGROUND: url("/images/li.gif") left top no-repeat;
	MARGIN: 0px 0 7px 0;
	PADDING-LEFT: 18px;
}

.content UL.errors {
}

.content UL.errors LI {
	COLOR: #E11122;
	FONT-WEIGHT: bold;
}


.content TD.text TABLE.colored TD, .content TD.text TABLE.colored TH { BORDER: 1px dotted #8e897e }
/* только для «умных» */
.content TD.text TABLE.colored TD:first-child, .content TD.text TABLE.colored TH:first-child { BORDER-LEFT: none }
.content TD.text TABLE.colored TD:last-child, .content TD.text TABLE.colored TH:last-child  { BORDER-RIGHT: none }
.content TD.text TABLE.colored TR:last-child TD, .content TD.text TABLE.colored TR:last-child TH { BORDER-BOTTOM: none }
.content TD.text TABLE.colored { BACKGROUND: #ebe6dc }

.content TD.text TABLE.colored TH {
	BACKGROUND: #c2bdaf;
	FONT: bold 10px tahoma;
	COLOR: #fff;
	PADDING: 5px 10px;
}

.content TD.text TABLE.colored TD {
	BACKGROUND: #f4f0e9;
	FONT: 11px tahoma;
	COLOR: #5e5b54;
	PADDING: 7px 10px;
}

.content TD.text TABLE.colored TR.dark TD {
	BACKGROUND: #e2dcd0;
}

.content TD.text .promo_item TABLE, .content TD.text .promo_item TD, .content TD.text .promo_item TH, .content TD.text .catalog_item TD.item_images, .content TD.text .catalog_item TD.item_text {
	BORDER: none;
	BACKGROUND: none;
	PADDING: 0;
}

.content TD.text .catalog_item TD.item_images {
	PADDING-RIGHT: 20px;
}

.item_images IMG {
	B1ORDER: 1px solid #fff;
}

#clients TD { 
	BORDER: 1px dotted #8e897e;
	PADDING: 5px;
	TEXT-ALIGN: center;
}
/* только для «умных» */
#clients TD:first-child { BORDER-LEFT: none; PADDING-LEFT: 0 }
#clients TD:last-child { BORDER-RIGHT: none; PADDING-RIGHT: 0 }
#clients TR:first-child TD { BORDER-TOP: none; PADDING-TOP: 0 }
#clients TR:last-child TD { BORDER-BOTTOM: none; PADDING-BOTTOM: 0 }

/*
.content TD.text .promo_item {
	BACKGROUND: #d2ccbd;
	PADDING: 15px 4px;
}

#promo_item_text {
	PADDING: 0 7px;
}

#promo_item_text DIV {
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap;
}

#promo_item_text DIV A {
	MARGIN: 0 5px;
}
*/
.content .news {
	PADDING: 0 15px 0 5px;
}

.content .news .date, .content .news_one .date {
	BACKGROUND: transparent url("/images/date_bg.gif") left 5px no-repeat;
/*	FONT: 14px Arial Narrow;*/
	FONT: bold 12px Arial;
	COLOR: #000;
	PADDING-LEFT: 8px;
	MARGIN-BOTTOM: 3px;
}

.content .news .text, .content .news_one .text {
	MARGIN-BOTTOM: 20px;
}

.content .ext {
	PADDING: 8px 25px 0 5px;
}

.content .clients {
	PADDING-TOP: 10px;
}


.content .clients .text {
	PADDING: 0 25px 0 5px;
}

.empty_footer {
	HEIGHT: 73px;
}

.footer {
	BACKGROUND: transparent url("/images/dotted_bg.gif") left top repeat-x;
	POSITION: relative;
	HEIGHT: 73px;
	MARGIN-TOP: -73px;
	WIDTH: 100%;
	COLOR: #817e77;

	WIDTH: expression(document.body.clientWidth > 990 ? "100%" : "990px");
	MIN-WIDTH: 1020px;
}

.footer A {
	COLOR: #817e77;
}

.adress {
	FLOAT: left;
	PADDING: 10px 0 0 36px;
	WIDTH: 40%;
}

.adress H1 {
	POSITION: absolute;
	MARGIN: -38px 0 16px;
}

.copy {
	FLOAT: left;
	MARGIN: 10px -36px;
}

.euro {
	FLOAT: right;
	MARGIN: 7px 36px 0 0;
}


.arrow {
	BACKGROUND: transparent url("/images/date_bg.gif") left 5px no-repeat;
	PADDING-LEFT: 10px;
}

.dotted {
	BACKGROUND: transparent url("/images/dotted_bg.gif") left center repeat-x;
	FONT-SIZE: 1px;
	LINE-HEIGHT: 1px;
	PADDING: 10px 0;
}

/* scrollable */

/*     
	root element for the scrollable.     
	when scrolling occurs this element stays still. 
*/ 
div.scrollable {
	/* required settings */     
	position:relative;     
	overflow:hidden;     
	width: 165px;
	height: 110px; 
	float: left;
}
/*     
	root element for scrollable items. Must be absolutely positioned     
	and it should have a super large width to accomodate scrollable items.     
	it's enough that you set width and height for the root element and     
	not for this element. 
*/ 
div.scrollable div.items {
	/* this cannot be too large */     
	width:20000em;     
	position:absolute; 
}
/*     
	a single item. must be floated on horizontal scrolling     
	typically this element is the one that *you* will style     
	the most. 
*/ 
div.scrollable div.items div {     
	float:left; 
	width: 165px;
}  
div.scrollable div.items div img {
	margin: 10px 0;
}  
/* you may want to setup some decorations to active item */ 
div.items div.active {     
}					

a.prev {
	display: block;
	width: 19px;
	height: 9px;
	float: left;
	cursor: pointer;
	cursor: hand;
	margin: 65px 14px 0 0;
	text-align: center;
}

a.next {
	display: block;
	width: 19px;
	height: 9px;
	clear: right;
	float: left;
	cursor: pointer;
	cursor: hand;
	margin: 65px 0 0 14px;
	text-align: center;
}

a.disabled {
	visibility: hidden;
}

#scrollable_text {
	color: #000;
}

#scrollable_text p {
	margin: 0 0 10px 0;
	padding: 0;
}

.submenu {
	position: absolute;
	background-color: #C2BDAF;
	padding-top: 10px;
	margin-left: -10px;
	display: none;
}

.submenu a {
	display: block;
	text-align: left;
	margin: 0 10px 8px 10px;
	white-space: nowrap;
}

/********************/

.right-header {
	line-height: 39px;
	margin-left: -5px;
	margin-bottom: 20px;
	padding-left: 44px;
}

.right-header h1 {
	vertical-align: middle;
	display: inline-block;
	line-height: 16px;
}

.right-link {
	line-height: 39px;
	margin-left: -5px;
	margin-bottom: 10px;
	padding-left: 44px;
}

.right-link a {
	font: bold 16px arial, sans-serif;
	color: #000;
	vertical-align: middle;
	display: inline-block;
	line-height: 16px;
}

.right-link a:hover {
	color: #5d1f8c;
}