html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {background: #473C1C url('/i/back_top_repeat_x.jpg') repeat-x top left; font: 13px "Trebuchet MS", sans-serif; color: #333333;}

img {border: 0;}

h1 {margin: 0 0 15px 0; padding: 0; font-size: 22px; color: #cc3300; background: url('/i/h1_bottom.gif') repeat-x left bottom;}
h2, .h2_similar {margin: 30px 0 0 0; padding: 0; font-size: 18px; color: #cc3300; font-weight: normal; display: block;}
h3 {margin: 30px 0 0 0; padding: 0; font-size: 18px; font-weight: normal;}
#page ul {list-style-type: none; margin: 15px 0 0 38px; padding: 0; font-size: 13px;}
#page ul li {background: url('/i/li.gif') no-repeat left 7px; padding: 0 0 10px 10px;}


.h2 {margin: 0 0 15px 0; padding: 0; width: 650px; font-size: 18px; background: url('/i/h1_bottom.gif') repeat-x left bottom; display: block; text-align: center;}
.h2 a {color: #cc3300; float: left; text-decoration: none;}
.h2 span {font-size: 13px; margin: 0 0 0 -60px;}

a {color: #333333; outline: none;}
a:hover {text-decoration: none;}

#bg_center {background: url('/i/center_repeat_y.jpg') repeat-y top center; height: 100%; position: relative;}
body > #bg_center {height: auto; min-height: 100%;}
	#bg_top {height: 352px; width: 100%; background: url('/i/top_center.jpg') no-repeat top center; top: 0; left: 0; position: absolute;}
	#bg_bottom {height: 252px; width: 100%; background: url('/i/bottom_center.jpg') no-repeat 50% 0px; bottom: 185px; left: 0; position: absolute;}
	
	#bg_footer {height: 185px; width: 100%; position: relative; margin: -185px 0 0 0; z-index: 15; background: url('/i/footer_bg.jpg') repeat-x 0 -2px;}
		#bg_footer_center {width: 100%; background: url('/i/footer_bg_center.jpg') no-repeat 50% -2px; margin: 0 auto; height: 185px;}
		
#cont {width: 980px; margin: 0 auto; height: 500px; padding: 50px 9px 230px 9px; position: relative; z-index: 10;}
#bg_center > #cont {height: auto; min-height: 660px;}

#logo {width: 402px; height: 106px; margin: 0 auto; display: block; background: url('/i/logo.png');}

#x_overlay {background-color: #000; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 29000;}

.paint_text {width: 550px; margin: 0 0 0 -10px;}
.paint_text_inner {width: 450px; margin: 0 auto; padding: 20px 0 0 0;}
.paint_text_inner h2 {margin: 0 0 5px 0;}

/* Menu */

#menu {position: absolute; top: 190px; left: 40px; width: 155px;}
#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu ul li {display: block; margin: 0; padding: 0; position: relative; overflow: hidden;}
#menu ul li a {display: block; cursor: pointer; position: relative; z-index: 2; float: right;}

#menu ul li.menu_about {padding: 5px 0 0 5px;}
#menu ul li.menu_paints {padding: 5px 0 0 5px;}
#menu ul li.menu_expositions {padding: 12px 0 0 0;}
#menu ul li.menu_library {padding: 12px 0 0 4px;}
#menu ul li.menu_responses {padding: 12px 0 0 4px;}
#menu ul li.menu_order {padding: 2px 0 0 2px;}

#menu ul li.menu_about a {width: 115px; height: 41px; background: url('/i/menu/off/about.png');}
#menu ul li.menu_paints a {width: 116px; height: 38px; background: url('/i/menu/off/paints.png');}
#menu ul li.menu_expositions a {width: 121px; height: 37px; background: url('/i/menu/off/expositions.png');}
#menu ul li.menu_library a {width: 147px; height: 38px; background: url('/i/menu/off/library.png');}
#menu ul li.menu_responses a {width: 95px; height: 44px; background: url('/i/menu/off/responses.png');}
#menu ul li.menu_order a {width: 71px; height: 50px; background: url('/i/menu/off/order_left.png');}

#menu ul li.menu_about a:hover, #menu ul li.menu_about a.m_active  {background: url('/i/menu/on/about.png');}
#menu ul li.menu_paints a:hover, #menu ul li.menu_paints a.m_active {background: url('/i/menu/on/paints.png');}
#menu ul li.menu_expositions a:hover, #menu ul li.menu_expositions a.m_active {background: url('/i/menu/on/expositions.png');}
#menu ul li.menu_library a:hover, #menu ul li.menu_library a.m_active {background: url('/i/menu/on/library.png');}
#menu ul li.menu_responses a:hover, #menu ul li.menu_responses a.m_active {background: url('/i/menu/on/responses.png');}
#menu ul li.menu_order a:hover, #menu ul li.menu_order a.m_active { background: url('/i/menu/on/order_left.png');}


#menu_right {position: relative; margin: 20px 0 0 -2px;}
#menu_right ul {margin: 0; padding: 0; list-style-type: none;}
#menu_right ul li {display: block; margin: 0; padding: 0 0 10px 0; position: relative; background: none;}
#menu_right ul li a {display: block; cursor: pointer; position: relative; z-index: 2;}

#menu_right ul li.menu_order a {width: 103px; height: 59px;  background: url('/i/menu/off/order.png');}
#menu_right ul li.menu_buy a {width: 127px; height: 56px; background: url('/i/menu/off/buy.png');}

#menu_right ul li.menu_order a:hover {background: url('/i/menu/on/order.png');}
#menu_right ul li.menu_buy a:hover {background: url('/i/menu/on/buy.png');}

#page {padding: 35px 10px 0 230px; line-height: 1.5;}
#page.text_page {padding-right: 190px; text-align: justify;}

#moments_header {height: 30px; font-size: 16px; font-weight: bold; color: #cc3300; text-align: center; background: url(/i/moments_header.gif) no-repeat center 12px;}
#moments {margin: 0 auto; width: 540px; padding-top: 10px;}
#moments a {float: left;}
.moments_photo {margin: 0 0 0 9px; width: 86px; height: 118px; background: url(/i/about_icons/off/photo.png) no-repeat 0 0;}
.moments_video {margin: 0 0 0 64px; width: 87px; height: 135px; background: url(/i/about_icons/off/video.png) no-repeat 0 0;}
.moments_histories {margin: 0 0 0 43px; width: 89px; height: 134px; background: url(/i/about_icons/off/history.png) no-repeat 0 0;}
.moments_press {margin: 0 0 0 54px; width: 100px; height: 128px; background: url(/i/about_icons/off/pressa.png) no-repeat 0 0;}

.moments_photo:hover, .moments_photo_active {background-image: url(/i/about_icons/on/photo.png);}
.moments_video:hover, .moments_video_active {background-image: url(/i/about_icons/on/video.png);}
.moments_histories:hover, .moments_histories_active {background-image: url(/i/about_icons/on/history.png);}
.moments_press:hover, .moments_press_active {background-image: url(/i/about_icons/on/pressa.png);}

#about_photo {float: left; width:199px; height: 337px; position: relative; margin-top: 0px; margin: 0 0 0 15px; background: url(/i/about_photo.png);}
#about_text {margin-left: 240px; padding-right: 0px; text-align: left; font-size: 12px;}

.cl {clear: both; font: 0/0 sans-serif; height: 0px; overflow: hidden;}

.photos a {float: left; width: 120px; height: 112px; margin: 30px 16px 0 0px; background: url('/i/photo_border.png');}
.photos a img {display: block; margin: 9px 0 0 14px;}
.exposition a {background: url('/i/exposition_border.png'); height: 118px; margin-right: 20px; margin-top: 20px;}

.video {margin: 20px 0;}
.video_preview_line .video_preview {float: left; width: 130px; margin: 20px 20px 0 0;}
.video_preview_line .video_preview img {border: 5px solid #fff;}
.video_preview_line .video_preview p {margin: 0; padding: 0;}

.exposition_period {color: #996633; font-size: 12px;}

/* Bottom previews */
#bottom_preview {overflow: hidden; position: relative; width: 605px; margin: 0 auto; text-align: center; height: 95px; padding: 40px 0 0 0;}

#bottom_preview_arrows {position: relative; width: 805px; margin: 0 auto; height: 1px;}
#pl_left {position: absolute; display: block; top: -95px; left: 0;}
#pl_right {position: absolute; display: block; top: -95px; right: 0;}

a.bottom_paint {
	background: url('/i/bottom_paints_border.png') no-repeat 0 0; width: 91px; height: 95px; display: inline-block;
	margin: 0 10px; text-decoration: none; text-align: left;
}
a.bottom_paint:hover, a.bottom_paint_active {background: url('/i/bottom_paints_border_active.png') no-repeat 0 0;}
a.bottom_paint img {display: block; margin: 6px 0 0 6px;}

/* Bottom content */
#bottom_content {overflow: hidden; position: relative; width: 940px; margin: 0 auto; height: 95px; padding: 40px 0 0 0; color: #ccc;}
div.bc_block {
	float: left;
	font-size: 12px;
	width: 300px;
	margin: 0 20px 0 0;
}
#bottom_content a.bottom_paint {float: left; display: block; margin: 0 8px 0 0;}
.bottom_link {font-size: 18px; color: #DCAB08; display: block; margin: 0 0 5px 0;}

/* Big border common */
.paint_border {position: relative; cursor: pointer;}

.paint_border img {display: block;}
.paint_border .b_image {height: 100%; display: block; text-decoration: none;}
.paint_border .b_top div {height: 100%;}
.paint_border .b_bottom div {height: 100%;}
.paint_border .bl, .paint_border .br  {height: 100%; top: 0; position: absolute; overflow: hidden;}
.paint_border .btl, .paint_border .btr, .paint_border .bbl, .paint_border .bbr {position: absolute; top: 0;}
.brown .b_cont {position: relative; z-index: 5;}

.paint_border .b_top, .paint_border .b_bottom {overflow: hidden;}
.paint_border .b_top, .paint_border .b_bottom, .paint_border .b_cont {position: relative;}

.paint_border .bt, .paint_border .bb {overflow: hidden; position: relative;}

/* Brown border */
.brown .b_top {height: 59px;}
.brown .btl {background: url('/i/borders/brown_border/btl.png') no-repeat 0 0; width: 256px; left: 0; }
.brown .bt {background: url('/i/borders/brown_border/bt.png') repeat-x 0 0; margin: 0 263px 0 256px;}
.brown .btr {background: url('/i/borders/brown_border/btr.png') no-repeat 0 0; width: 263px; right: 0;}

.brown .bl {background: url('/i/borders/brown_border/bl.png') repeat-y 0 0; width: 62px; left: 10px;}
.brown .br {background: url('/i/borders/brown_border/br.png') repeat-y 0 0; width: 60px; right: 2px;}
.brown .b_cont {padding: 0 62px 0 72px;}

.brown .b_bottom {height: 80px;}
.brown .bbl {background: url('/i/borders/brown_border/bbl.png') no-repeat 0 0; width: 139px; left: 10px;}
.brown .bb {background: url('/i/borders/brown_border/bb.png') repeat-x 0 0; margin: 0 141px 0 149px;}
.brown .bbr {background: url('/i/borders/brown_border/bbr.png') no-repeat 0 0; width: 139px; right: 2px;}

/* Brown small border */
.brown_little .b_top {height: 16px;}
.brown_little .btl {background: url('/i/borders/brown_small_border/btl.png') no-repeat 0 0; width: 23px; left: 0; }
.brown_little .bt {background: url('/i/borders/brown_small_border/bt.png') repeat-x 0 0; margin: 0 23px 0 23px;}
.brown_little .btr {background: url('/i/borders/brown_small_border/btr.png') no-repeat 0 0; width: 23px; right: 0;}

.brown_little .bl {background: url('/i/borders/brown_small_border/bl.png') repeat-y 0 0; width: 24px; left: 0px;}
.brown_little .br {background: url('/i/borders/brown_small_border/br.png') repeat-y 0 0; width: 24px; right: 0px;}
.brown_little .b_cont {padding: 0 24px 0 24px;}

.brown_little .b_bottom {height: 27px;}
.brown_little .bbl {background: url('/i/borders/brown_small_border/bbl.png') no-repeat 0 0; width: 24px; left: 0px;}
.brown_little .bb {background: url('/i/borders/brown_small_border/bb.png') repeat-x 0 0; margin: 0 24px 0 24px;}
.brown_little .bbr {background: url('/i/borders/brown_small_border/bbr.png') no-repeat 0 0; width: 24px; right: 0px;}

/* Gold border */
.gold .b_top {height: 41px;}
.gold .btl {background: url('/i/borders/gold_border/btl.png') no-repeat 0 0; width: 123px; left: 0px;}
.gold .bt {background: url('/i/borders/gold_border/bt.png') repeat-x 0 0; margin: 0 123px 0 123px;}
.gold .btr {background: url('/i/borders/gold_border/btr.png') no-repeat 0 0; width: 123px; right: 0;}

.gold .bl {background: url('/i/borders/gold_border/bl.png') repeat-y 0 0; width: 42px; left: 0;}
.gold .br {background: url('/i/borders/gold_border/br.png') repeat-y 0 0; width: 41px; right: 1px;}
.gold .b_cont {padding: 0 42px 0 42px;}

.gold .b_bottom {height: 62px;}
.gold .bbl {background: url('/i/borders/gold_border/bbl.png') no-repeat 0 0; width: 123px; left: 0px;}
.gold .bb {background: url('/i/borders/gold_border/bb.png') repeat-x 0 0; margin: 0 123px 0 123px;}
.gold .bbr {background: url('/i/borders/gold_border/bbr.png') no-repeat 0 0; width: 123px; right: 0px;}

/* Gold small border */
.gold_little .b_top {height: 19px;}
.gold_little .btl {background: url('/i/borders/gold_small_border/btl.png') no-repeat 0 0; width: 20px; left: 1px; }
.gold_little .bt {background: url('/i/borders/gold_small_border/bt.png') repeat-x 0 0; margin: 0 19px 0 20px;}
.gold_little .btr {background: url('/i/borders/gold_small_border/btr.png') no-repeat 0 0; width: 19px; right: 2px;}

.gold_little .bl {background: url('/i/borders/gold_small_border/bl.png') repeat-y 0 0; width: 20px; left: 1px;}
.gold_little .br {background: url('/i/borders/gold_small_border/br.png') repeat-y 0 0; width: 19px; right: 2px;}
.gold_little .b_cont {padding: 0 19px 0 20px;}

.gold_little .b_bottom {height: 30px;}
.gold_little .bbl {background: url('/i/borders/gold_small_border/bbl.png') no-repeat 0 0; width: 21px; left: 1px;}
.gold_little .bb {background: url('/i/borders/gold_small_border/bb.png') repeat-x 0 0; margin: 0 21px 0 21px;}
.gold_little .bbr {background: url('/i/borders/gold_small_border/bbr.png') no-repeat 0 0; width: 21px; right: 0px;}

/* Gray border */
.gray .b_top {height: 56px;}
.gray .btl {background: url('/i/borders/gray_border/btl.png') no-repeat 0 0; width: 59px; left: 0px;}
.gray .bt {background: url('/i/borders/gray_border/bt.png') repeat-x 0 0; margin: 0 57px 0 59px;}
.gray .btr {background: url('/i/borders/gray_border/btr.png') no-repeat 0 0; width: 57px; right: 0;}

.gray .bl {background: url('/i/borders/gray_border/bl.png') repeat-y 0 0; width: 59px; left: 0;}
.gray .br {background: url('/i/borders/gray_border/br.png') repeat-y 0 0; width: 57px; right: 0;}
.gray .b_cont {padding: 0 57px 0 59px;}

.gray .b_bottom {height: 73px;}
.gray .bbl {background: url('/i/borders/gray_border/bbl.png') no-repeat 0 0; width: 59px; left: 0px;}
.gray .bb {background: url('/i/borders/gray_border/bb.png') repeat-x 0 0; margin: 0 57px 0 59px;}
.gray .bbr {background: url('/i/borders/gray_border/bbr.png') no-repeat 0 0; width: 56px; right: 1px;}

/* Gray small border */
.gray_little .b_top {height: 16px;}
.gray_little .btl {background: url('/i/borders/gray_small_border/btl.png') no-repeat 0 0; width: 20px; left: 0px; }
.gray_little .bt {background: url('/i/borders/gray_small_border/bt.png') repeat-x 0 0; margin: 0 20px 0 20px;}
.gray_little .btr {background: url('/i/borders/gray_small_border/btr.png') no-repeat 0 0; width: 20px; right: 1px;}

.gray_little .bl {background: url('/i/borders/gray_small_border/bl.png') repeat-y 0 0; width: 20px; left: 0px;}
.gray_little .br {background: url('/i/borders/gray_small_border/br.png') repeat-y 0 0; width: 21px; right: 0px;}
.gray_little .b_cont {padding: 0 21px 0 20px;}

.gray_little .b_bottom {height: 29px;}
.gray_little .bbl {background: url('/i/borders/gray_small_border/bbl.png') no-repeat 0 0; width: 20px; left: 0px;}
.gray_little .bb {background: url('/i/borders/gray_small_border/bb.png') repeat-x 0 0; margin: 0 21px 0 20px;}
.gray_little .bbr {background: url('/i/borders/gray_small_border/bbr.png') no-repeat 0 0; width: 21px; right: 0px;}

/* Paints nav */
#paint_nav_all {position: relative; margin: 0 0 0 -200px;}
#paint_nav_cont {position: relative; right: 50%; float: right;}
#paint_navig {position: relative; height: 84px; float: left; margin-top: 20px; z-index: 1; right: -50%;}
.nav_left, .nav_right {display: block; width: 56px; height: 22px; position: absolute; top: 30px;}
.nav_left {background: url('/i/left.png') no-repeat 0 0; left: 0;}
.nav_right {background: url('/i/right.png') no-repeat 0 0; right: 0;}

.nav_cont {position: relative; margin: 0 70px; height: 84px;}
.nav_bg {background: url('/i/table_repeat_400.png') no-repeat; height: 84px; margin: 0 126px 0 144px; position: relative; overflow: hidden;}
.nav_lbg {background: url('/i/table_left.png') no-repeat 0 0; height: 84px; width: 144px; position: absolute; top: 0; left: 0;}
.nav_rbg {background: url('/i/table_right.png') no-repeat 0 0; height: 84px; width: 126px; position: absolute; top: 0; right: 0;}

.nav_text {padding: 8px 40px; margin-top: -84px; position: relative; text-align: center;}
.nav_text h1, .nav_text .h1 {background: none; font-size: 14px; font-weight: bold; margin: 0; padding: 0; color: #333;}

#paints_right {
	position: absolute;
	left: 805px; top: 190px;
}

.sp_table {width: 680px;}
.sp_table td {width: 33%;}

.gold_block {position: fixed; top: 140px; left: 50%; z-index: 30000; height: 499px;}
.gb_left {background: url('/i/form/left.png') no-repeat 0 0; width: 145px; height: 499px; position: absolute; top: 0; left: 0;}
.gb_right {background: url('/i/form/right.png') no-repeat 0 0; width: 47px; height: 499px; position: absolute; top: 0; right: 0;}
.gb_cont {margin: 0 47px 0 145px; height: 459px; background: url('/i/form/repeat_x.png') repeat-x 0 0; padding: 20px 10px 20px 5px;}
.gb_header {padding: 0; font-size: 21px; color: #cc3300; font-weight: normal;}
.gb_close {position: absolute; width: 31px; height: 30px; background: url('/i/form/close.gif') no-repeat 0 0; cursor: pointer; top: 10px; right: 8px;}

#footer_line {margin: 10px auto 0 auto; width: 940px; position: relative; color: #999999;}
.about_pop_up {position: absolute; top: 0; left: 100px; color: #CC9900; background: url('/i/bottom_arrow.gif') no-repeat 100% 7px; padding: 0 9px 0 0;}
.copy {position: absolute; top: 0; right: 12px; }
.copy a {color: #CC9900;}

#order_form form {margin: 0; padding: 20px 0 0 0; font-size: 16px;}
#order_form form td {
	padding: 0 0 12px 0;
}
#order_form form input, #order_form form textarea {font-size: 16px; padding: 1px;}
#order_form form input {width: 250px;}
#order_form form textarea {width: 340px;}

#order_form form input.f_send {width: 121px; height: 30px; margin: 12px 0 0 0; padding: 0;}

#slide_cont {height: 300px; overflow: hidden; position: relative; background: url('/i/lightbox/loading.gif') no-repeat center center; background-color: #fff;}
#slide_cont img {position: absolute; top: 0px; left: 0px;}

.buy_paints td {vertical-align: top;}
.p_buy_name {font-size: 22px; color: #333; position: relative; left: -1px;}
.p_buy_tech {font-size: 12px;}
.p_buy_img {padding: 0 10px 0 0; text-align: center;}
.buy_button {width: 138px; height: 45px; background: url('/i/buy.png') no-repeat 0 0; cursor: pointer; margin: 10px 0 0 0;}

.resp {padding: 0 0 12px 0;}
.resp_button {width: 180px; height: 43px; background: url('/i/report.png') no-repeat 0 0; display: block; position: absolute; top: 178px; right: 195px;}
/* .resp_button:hover {background: url('/i/report_on.png') no-repeat 0 0;} */

#moments_txt {position: absolute; top: 196px; right: 200px;}
#moments_txt a {float: left; text-decoration: none; font-weight: normal; font-size: 18px; padding: 0 0 0 30px;}
#moments_txt a:hover {color: #cc3300;}

.b_close {position: absolute; width: 27px; height: 27px; background-repeat: none; background-position: center center; top: 5px; right: 5px;}
.bc_gray {background-image: url('/i/close/gray.gif'); top: 24px; right: 25px;}
.bc_brown {background-image: url('/i/close/brown.gif'); top: 20px; right: 20px;}
.bc_gold {background-image: url('/i/close/gold.gif'); top: 6px; right: 5px;}

#vb {width: 137px; height: 121px; overflow: hidden; position: relative; display: block; margin: 20px 0 0 0; left: 20px; border: none; text-decoration: none;}
#vb img {position: absolute; width: 137px; height: 121px; top: 0; left: 0; border: none;}