@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; outline:none; border:none;}
BODY {font-family:Arial, Helvetica, sans-serif; background:#FFF;}
.icons {background:url('/img/icons.png') no-repeat transparent;}
.clear {clear:both; font-size:0; overflow:hidden;}

#tophat {width:1000px; height:264px; margin:0 auto; background:url('/img/tophat.jpg') no-repeat top; position:relative;}
A.logo {display: block; position: absolute; top:18px; left: 38px; text-decoration: none; width: 90px; height: 90px;}

/*.word1, .word2 {display:block; position:absolute; background:url('/img/hatwords/rus_top.png') no-repeat;}
#tophat .eng {background:url('/img/hatwords/eng_top.png') no-repeat;}
SPAN.word1 {width:220px; height:113px; background-position: -121px 0; top:20px; left:260px;}
SPAN.word2 {width:340px; height:123px; background-position: 0 -118px; top:60px; right:40px;}
*/
.word1, .word2 {display:block; position:absolute;}

SPAN.word1, SPAN.word1 IMG {width:220px; height:113px; top:20px; left:260px;}
SPAN.word2, SPAN.word2 IMG {width:340px; height:123px; top:60px; right:40px;}

#tophat .topform {width:285px; height:25px; background-position: 0 -58px; position:absolute; top:0; right:40px;}
#tophat .topform INPUT {width:81px; height:10px; padding:2px 0 0 17px; margin:6px 0 0 10px; background-position: -274px 0; font-size:8px; color:#707070; font-weight:bold; float:left;}
.vert_line {display:block; font-size:0; overflow:hidden; width:2px; height:12px; background:#FFF; float:left; margin:6px 5px 0 5px;}
.lang {font-size:10px; color:#FFF; font-weight:bold;}
#tophat DL {width:86px; position:absolute; z-index:100; right:18px; top:3px;}
#tophat DL DT {background-position: -290px -66px; width:74px; height:16px; cursor:pointer; color:#FFF; font-size:10px; font-weight:bold; padding:3px 0 0 12px;}
#tophat DL DD {display:none; color: #fff; background: #65933e; font-size:10px; font-weight:bold; padding:3px 12px 3px 12px; border-bottom:2px solid #fff; cursor: pointer;}
#tophat DL DD:hover {background: #5e774c;}

.menu {width:926px; height:24px; background:url('/img/back_grey.png') repeat-x top; position:relative; margin:0 auto; padding-left:75px;}
.menu A {display:block; width:130px; height:21px; text-align:center; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:12px; float:left; text-decoration:none; margin:3px 12px 0 0; padding-top:6px;}
.menu A:hover, .menu A.selected {background-position: 0 -29px;}

#content {width: 970px; margin: 0 auto; position: relative; padding: 25px 15px 10px 15px;}

#left_column {width: 190px; float: left; position: relative;}
#center_column {width: 555px; margin: 10px 15px 15px 15px; float: left; position: relative; font-size:14px;}
#center_column .start_text {font-weight:bold;}
#center_column P {padding:5px 0;}
#center_column UL, #center_column OL {margin:15px 0;}
#center_column LI {margin-left:40px;}
.image_container {width:450px; float:left; margin:7px 15px 5px 0;}
.preview_container {width:560px; position:relative; margin-top:10px;}
.preview_container IMG {float:left; margin:5px 5px 0 0; cursor:pointer;}
.preview_container IMG.selected {opacity:0.3; cursor:default;}
.container {width:270px; min-height:185px; height:auto !important; height:185px; position:relative;}
.container SPAN {display:none; position:absolute; top:130px; left:110px; font-size:13px; color:#363636;}


#right_column {width: 195px; position: relative; float: left;}
#right_column .right_title {height: 53px; background:url('/img/back_grey.png') repeat-x top; position: relative; margin-bottom: 20px;}
#right_column .right_title SPAN {display: block; width: 110px; height: 38px; background-position: -133px -1px; font-size: 22px; color: #fff; font-weight: bold; text-align: right; padding: 10px 27px 0 0; position:relative; left: 31px; top:5px;}

.news {background: #f2f2f2; padding: 40px 20px 20px 25px; margin-top: 5px; margin-bottom:30px; position: relative;}
.grey_line {display: block; position: absolute; width: 173px; height: 31px; background:url('/img/back_grey.png') repeat-x top; left:6px; top:-5px;}
.grey_line SPAN {display: block; width: 115px; font-size: 12px; color: #fff; font-weight: bold; padding: 6px 15px; background: #339900; position: relative; left:10px; top:3px;}
.news A {text-decoration: none;}
.news A:hover {text-decoration: underline;}
.news A.title {font-size: 18px; color: #000;}
.news A.text {display: block; font-size: 12px; color: #000; margin: 5px 0 0 0;}
.news A.more {display: block; float: left; position: relative; bottom: -7px; left: 90px; font-size: 12px; color: #336600; font-weight: bold;}
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

#accordion {width:190px; overflow:hidden; margin-bottom: 20px; margin-top: -15px;}


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Corner radius 
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
*/
/* Overlays */
.ui-widget-overlay { background: #666666 url(/img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/img/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header {display:block; cursor: pointer; position: relative; zoom: 1; color:#FFF; width:190px; height:30px; background:url('/img/back_grey.png') repeat-x top; margin-top: 15px;}
/*.ui-accordion .ui-accordion-header:hover {color:#d6d6d6;}*/
.ui-accordion .ui-accordion-header SPAN.tab {display:block; height:20px; width:115px; background-position: 0 0; font-size: 12px; color: #fff; font-weight: bold; padding: 6px 0 0 15px; position: absolute; top: 3px; left:10px;}
.ui-accordion .ui-accordion-header SPAN.tab:hover {background-position: 0 -30px;}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-state-active { border-bottom: 0 !important;}
.ui-accordion .ui-state-active SPAN.tab { background-position:0 -30px;}
.ui-accordion .ui-accordion-content { padding: .5em 1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: hidden; display: none; }
.ui-accordion .ui-accordion-content A {display:block; font-size:12px; font-weight:bold; color:#336600; margin:7px 0; padding:4px 0 0 8px; background: #d5d4d4; width: 165px; height: 20px; text-decoration: none;}
.ui-accordion .ui-accordion-content A:hover {background: #cc9933; color: #fff;}
.ui-accordion .ui-accordion-content A.selected {color:#fff; background: #cc9933;}
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/

.tab_calculate {width:95%;}
.tab_calculate TH {background:#CCC; padding:3px 1px;}
.tab_calculate TD {background:#F2F2F2; padding:3px 1px; vertical-align:middle;}
.tab_calculate TD INPUT {border:1px solid #666; width:50px;}

#sendform {border:1px solid #999; margin:10px 0 0 0; width:180px;}

.one {width:223px;}
.second {width:100px; text-align:center;}
.second SPAN {display:none;}
.third {width:110px;}
.third INPUT {margin-left:30px; text-align:center; width: 70px;}
.four DIV {position:relative;}
.four DIV SPAN.remove {display:block; width:16px; height:24px; background-position: -360px -26px; position:absolute; top:-9px; right:-25px; cursor:pointer; font-size:0; overflow:hidden; color:#FFF;}
.order_send {font-size:10px; display:none;}
.order_send IMG {position:relative; top:5px; margin-top:5px;}
.res_count, SPAN.all_res_count {font-size:16px; font-weight:bold;}
.all_res {display:none;}
.all_res TD {background:none;}

.message_form {margin-top:25px; margin-left:100px; margin-bottom:25px;}
.message_form DIV {padding:5px 0; position:relative; font-size:14px;}
/*.message_form DIV.padding_block {padding:5px 240px 5px 0; width:100px;}*/
.message_form DIV SPAN {display: block; padding-bottom: 5px;}
.message_form INPUT {border:1px solid #999; width:380px; font-size:14px;}
.message_form TEXTAREA {width:380px; height:150px; border:1px solid #999; position:absolute; left:0; top:30px;}
.message_form DIV SPAN.error {color:#F00; width:90px; display:none; left:-100px; top:5px; position:absolute; font-size:11px;}

#footer {width: 970px; padding: 15px 15px 10px 15px; margin: 0 auto; list-style: none; height: 55px;}
#footer LI {float: left;}
#footer LI.logo {width: 140px;}
#footer LI.logo A {display: block; width: 53px; height: 50px; text-decoration: none; background-position:  -300px -14px;}
#footer LI.footer_content {width: 830px; height: 55px; background: #f2f2f2;}

.rcbloc  {background: #F2F2F2; padding: 15px; margin-bottom: 10px; } 
.rcbloc A {color: #000000; text-decoration: underline;}
.rcbloc A *:HOVER {color: #000000; text-decoration: underline;}

.btn .centre {background:url('/img/btn/off_centre.png');}
.btn .centre_t {background:url('/img/btn/off_centre_t.png') repeat-x bottom; height: 3px;}
.btn .centre_b {background:url('/img/btn/off_centre_b.png') repeat-x bottom; height: 3px;}
.btn .left_t {background:url('/img/btn/off_left_t.png') repeat-y bottom; width: 3px;}
.btn .left_c {background:url('/img/btn/off_left_c.png') repeat-y bottom; width: 3px;}
.btn .left_b {background:url('/img/btn/off_left_b.png') repeat-y bottom; width: 3px;}
.btn .right_t {background:url('/img/btn/off_right_t.png') repeat-y bottom; width: 3px;}
.btn .right_c {background:url('/img/btn/off_right_c.png') repeat-y ; width: 3px;}
.btn .right_b {background:url('/img/btn/off_right_b.png') repeat-y bottom; width: 3px;}

.btn:HOVER .centre {background:url('/img/btn/on_centre.png');}
.btn:HOVER .centre_t {background:url('/img/btn/on_centre_t.png') repeat-x top; height: 3px;}
.btn:HOVER .centre_b {background:url('/img/btn/on_centre_b.png') repeat-x top; height: 3px;}
.btn:HOVER .left_t {background:url('/img/btn/on_left_t.png') repeat-y bottom; width: 3px;}
.btn:HOVER .left_c {background:url('/img/btn/on_left_c.png') repeat-y bottom; width: 3px;}
.btn:HOVER .left_b {background:url('/img/btn/on_left_b.png') repeat-y bottom; width: 3px;}
.btn:HOVER .right_t {background:url('/img/btn/on_right_t.png') repeat-y bottom; width: 3px;}
.btn:HOVER .right_c {background:url('/img/btn/on_right_c.png') repeat-y ; width: 3px;}
.btn:HOVER .right_b {background:url('/img/btn/on_right_b.png') repeat-y bottom; width: 3px;}

.btn .url{font-size:12px; font-weight:bold; color: #FFFFFF; }

.order .btn {height: 45px; left: 10px; width: 150px; margin-left: 23px; margin-top: 5px; }
.order .btn .centre {text-align: center;}

.lm .btn {height: 25px; width: 170px; font-size:12px; font-weight:bold; color: #FFFFFF;}
.lm .btn .centre {padding-left: 5px; }


#accordion1 .rubric {background-color: #D5D4D4; margin-bottom: 15px;}
#accordion1 .rubric A {text-decoration: none;}

#accordion1 .rubric .selected_rub .btn .centre {background:url('/img/btn/on_centre.png');}
#accordion1 .rubric .selected_rub .btn .centre_t {background:url('/img/btn/on_centre_t.png') repeat-x top; height: 3px;}
#accordion1 .rubric .selected_rub .btn .centre_b {background:url('/img/btn/on_centre_b.png') repeat-x top; height: 3px;}
#accordion1 .rubric .selected_rub .btn .left_t {background:url('/img/btn/on_left_t.png') repeat-y bottom; width: 3px;}
#accordion1 .rubric .selected_rub .btn .left_c {background:url('/img/btn/on_left_c.png') repeat-y bottom; width: 3px;}
#accordion1 .rubric .selected_rub .btn .left_b {background:url('/img/btn/on_left_b.png') repeat-y bottom; width: 3px;}
#accordion1 .rubric .selected_rub .btn .right_t {background:url('/img/btn/on_right_t.png') repeat-y bottom; width: 3px;}
#accordion1 .rubric .selected_rub .btn .right_c {background:url('/img/btn/on_right_c.png') repeat-y ; width: 3px;}
#accordion1 .rubric .selected_rub .btn .right_b {background:url('/img/btn/on_right_b.png') repeat-y bottom; width: 3px;}

#accordion1 .articles {
	background-color: #D5D4D4; 
	margin-left: 15px; 
	margin-top: 5px;
	margin-bottom: 7px;
	padding-top: 1px; 
	padding-bottom: 5px; 
	padding-left: 5px;
}
#accordion1 .articles .name {font-size: 12px; font-weight:bold; color: #336600; text-decoration: none;}
#accordion1 .selected {background-color: #CC9933;}
#accordion1 .selected .name {color: #FFFFFF;}