* {margin: 0;padding: 0;border: 0; }
html, body {width: 100%; height: 100%;}
* html #container {height: 100%;}
body { min-width:980px; background-color:#fff; color:#555; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px;}
#body { background:#fff url(../images/bg-top.gif) repeat-x top; height: 100%;}
#container {width: 100%; margin: 0; min-height: 100%; background:url(../images/bg.jpg) no-repeat center top}

#table-cont { width:100%;}
#table-cont .cleft { width:65%;}
#table-cont .cright {width:35%;}
.block{ margin:10px 30px 30px 30px;}
#table-cont .cleft .block{ margin:10px 30px 30px 30px;}
#table-cont .cright .block{ margin:30px 30px 30px 30px;}

.title { height: 23px; background:url(../images/title-line.gif) repeat-x; margin-left:20px;}
.title .td-left {width:9px; background:url(../images/title-left.gif) no-repeat left}
.title .td-center{color:#6b844e; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:14px}
.title .td-right{width:9px; background:url(../images/title-right.gif) no-repeat right}

.tdblock { width:100%;}
.tdblock .td-top-left{ background:url(../images/top-left.gif) no-repeat left top; height:18px; width:18px;}
.tdblock .td-top-center{ background:url(../images/top-line.gif) repeat-x top; height:18px; }
.tdblock .td-top-right{ background:url(../images/top-right.gif) no-repeat right top; height:18px;  width:18px;}

.tdblock .td-center-left{ background:url(../images/center-left.gif) repeat-y left;  width:18px;}
.tdblock .td-center { padding:0 2px 2px 2px;}
.tdblock .td-center-right{ background:url(../images/center-right.gif) repeat-y right; width:18px;}

.tdblock .td-bot-left { background:url(../images/bot-left.gif) no-repeat left bottom; height:18px; width:18px;}
.tdblock .td-bot-center { background:url(../images/bot-line.gif) repeat-x bottom; height:18px;}
.tdblock .td-bot-right { background:url(../images/bot-right.gif) no-repeat right bottom; height:18px; width:18px;}

:focus { outline:none}

#header {width: 100%;  background:url(../images/bg-head.gif) repeat-x top;  height: 182px; clear: both; min-width:980px;  //overflow-x: hidden;}
#header .int {height: 182px; background:url(../images/bg-head.jpg) no-repeat left;  min-width:980px;}
#header  .int .leftside  { height: 182px; width: 60%; float: left; //margin-right: -100%;}
#header  .int .rightside { height: 182px;  width: 40%; float: left; background:url(../images/line.gif) repeat-y right //margin-left: 60%; //display: inline; }
#header  .int p {padding:5px 15px;}
#header  .int .block {margin:0px 15% 0px 5%; padding:0px 0px 0px 0px;}
 
#output { background:#7c8578 url(../images/bgr.gif) repeat-x top; }
#input {width:95%; margin:0 auto 0 0; border-right: 3px solid #3f511d; background-color:#FFFFFF;}

#content {width: 100%;}
#content .block  p {padding:5px 15px;}

#logo {position: absolute; top:79px; height:51px; width:100%;  min-width:980px;}
#logo .leftside  { height: 51px; width: 60%;  float: left; //margin-right: -100%;}
#logo .leftside p{ height: 51px;  padding:0; margin:0 0 0 500px; background:url(../images/bg-logo.gif) repeat-x; font-size: 14px; font-family: "Times New Roman", Times, serif; text-align:right;}
#logo .rightside { height: 51px;  width: 40%; float: left; background:url(../images/bg-logo.gif) repeat-x; //margin-left: 60%; //display: inline; }
#logo .rightside img { float:right; margin:0 15px 0 0;}

.news { list-style:none; padding:5px 0 0 0; margin:0;}
.news li { background:url(../images/bg-hr-gr.gif) repeat-x bottom; margin:0;  padding-bottom:10px; clear:both;}
.news li span { color:#c99a29;}
.news li small { font-size:11px;  color:#999; font-size:9px; vertical-align: super}

.imgleft { float:left; margin:4px 8px 0 0; border:4px solid #6b844e; padding:1px; background:#FFFFFF; }
.imgcenter { float:center; margin:4px 8px 0 0; border:4px solid #6b844e; padding:1px; background:#FFFFFF; }
.imgright { float:right; margin:4px 0 0 8px; border:4px solid #6b844e; padding:1px; background:#FFFFFF; }
.imgstyle {border:4px solid #6b844e; padding:1px; background:#FFFFFF}
.imgstyle:hover {border:4px solid #c99a29; padding:1px; background:#FFFFFF}

.left { float:left; margin:4px 8px 0 0; border:4px solid #6b844e; padding:1px; background:#FFFFFF; }
.right { float:right; margin:4px 0 0 8px; border:4px solid #6b844e; padding:1px; background:#FFFFFF; }


#top {height:154px; width: 100%;  font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; color:#6b844e; clear: both;  //overflow-x: hidden; }
#top .leftside  { height: 154px; width: 60%; float: left; text-align:right; //margin-right: -100%;}
#top .rightside { height: 154px;  width: 40%; float: left; background:url(../images/bg-top-right.gif) no-repeat right top;  //margin-left: 60%; //display: inline; }
#top .leftside .block {margin:0px 0px 0px 15%; padding:18px 0px 15px 0px; }
#top .rightside .block {margin:0px 15% 0px 5%; padding:18px 0px 15px 0px;}
#top .block  p {padding:5px 15px;}


input {font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; background:none; border-bottom:1px solid #6b844e;}
form { margin-bottom:5px; white-space:nowrap; font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif;}
.button a {padding:2px 6px; background-color:#6b844e; color:#FFFFFF}
.button a:hover {padding:2px 6px; color:#FFFFFF; background-color:#c99a29;}

.navi { background:#6b844e; height:46px;  line-height:46px; font-size:18px; margin-top:16px}
.navi ul { margin:0 60px; padding:0; list-style:none}
.navi ul li{ float:left; list-style:none; margin:0 2px 0 0; padding:0;}
.navi ul li a { display:block; color:#fff; height:11px; line-height:36px; padding:0 16px; height:36px; margin-top:4px; padding-top:2px; }
.navi ul li a:hover {display:block; text-decoration:none; background:#364722; color:#fff; padding-bottom:2px; padding-top:2px;}
.navi ul li a.act {display:block; text-decoration:none; background:#fff; color:#6b844e; padding-bottom:4px; padding-top:2px; }

a {color:#6B844E; text-decoration:underline; }


.red {font-size:14px; color:#6b844e; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h2.red {font-size:27px; color:#6b844e; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h3 {color:#6b844e; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h1 {font-size:31px; font-weight:normal;}
h2 {font-size:27px; font-weight:normal;}
h3 {font-size:21px; font-weight:normal;}
h4 {font-size:19px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}

.clear {clear: both;}
.empty {height: 103px}

ul { list-style: outside; padding:10px 0px;}
ul li {margin:0 50px;}

#footer {position: relative; width: 100%; background:#fff url(../images/bg-foot_gree.gif) repeat-x left top; min-width: 960px; height: 103px; color: #999; font-size: 11px; margin: -103px auto 0; clear: both;  //overflow-x: hidden; }
#footer .leftside  { height: 103px; width: 60%; float: left; //margin-right: -100%;}
#footer .rightside { height: 103px;  width: 40%; float: left;  text-align:right; //margin-left: 60%; //display: inline; }
#footer p {font-size: 11px; margin:0px 15% 0px 15%; padding:15px}

.cleft table {border-collapse: collapse; border:0px; }
.cleft table th, .cleft table td { border: 1px solid #ccc; padding: 4px 6px; vertical-align: top; }
.cleft table th { background: #6b844e; color:#fff; }
.cleft table td { }
.cleft tr:hover td {background-color:  #f4f4f4}


/*------------------------Мои стили---------------------*/
.finde{border: 1px solid #3f511d; width:95px;}
.formtext{font-weight:bold; color:#3f511d;}
.formbutton{width:70px; background-color:#6b844e; border: 1px solid #666666; color:#FFFFFF; font-weight:bold;}
.div_message_info  {padding: 0px; background:#99B470; border:#999999 1px solid;text-align:center;font-weight:bold; color: #FFFFFF;}


/*-----------------------------Класс календарь----------*/
.calendar_div1{position:absolute;border: solid 1px #444444;background-color:#FFFFFF;z-index: 100;}

table.calendar { border: none; width: 200px }

tr.calendar { cursor: default; font-size: 11px; font-family: arial; text-align: center; height: 11px }

th.calendar {font-size: 11px; font-family: arial; text-align: center; height: 20px; border: 1px solid gray; height: 16px; background-color: #DDDDDD;)}
td.calendar {border: 1px dotted silver; background-color:#AAAAAA}
td.calendar_today {border: 1px dotted silver; background-color: #FFCC00;}
table.calendar_active { background-color: #3399FF;}

table.calendar_button_0_1 {font-size: 11px; font-family: arial; text-align: center; border: 1px solid gray; height: 16px;  background-color: #3399FF;}
table.calendar_button_0_2 {font-size: 11px; font-family: arial; text-align: center; background-color: #3399FF; border-top: 1px solid gray; border-bottom: 1px solid gray}
table.calendar_button_1_2 {font-size: 11px; font-family: arial; text-align: center; background-color: #FFCC00; border-top: 1px solid gray; border-bottom: 1px solid gray}
table.calendar_button_1_1 {font-size: 11px; font-family: arial; text-align: center; border: 1px solid gray; height: 16px; background-color: #FFCC00;}

.calend_layer{position: inherit;vertical-align:middle;z-index:0;color: navy; border: solid 1px #000000; }
/*-----------------------------------------------------*/


.search{WIDTH: 140px;color:#6B844E;background:#F7F7F7;}
.search_date{width: 105px; color:#6B844E; background:#F7F7F7;}
.search INPUT[type='text'] {BORDER-RIGHT: #c0cad5 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c0cad5 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #c0cad5 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #c0cad5 1px solid; color:#6B844E;}
.inputcheckbox {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; color:#6B844E;}

.search SELECT {BORDER: #bdc7d8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bdc7d8 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #bdc7d8 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #bdc7d8 1px solid; }
.letter a{color:#6B844E; font-weight:bold;}

FORM{font-weight:bold;color:#6B844E;}.letter a{color:#6B844E; font-weight:bold;}
FORM{font-weight:bold;color:#6B844E;}

.itplan{color:   #8DF612;font-weight: bold;text-decoration:underline}
.itbron{color:   #6EA62C;font-weight: bold;text-decoration:underline}
.itwork{color:   #6C894A;font-weight: bold;text-decoration:underline}
.itswonpr{color: #59644B;font-weight: bold;text-decoration:underline}

A.linkDecorNone {COLOR: #6B844E; text-decoration: none;}
A.linkDecorBlock {COLOR: #6B844E;}
A.linkDecorNoneFooter {COLOR: #333333; text-decoration: block;}
A.linkstandart {font-size:11px;font-weight:normal;}

.notleft_block { margin:30px 30px 0px 30px;}

UL.tabs {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
UL.tabs LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
UL.tabs {WIDTH: 600px}
UL.tabs LI {FLOAT: left; MARGIN-RIGHT: 3px; TEXT-ALIGN: center}
UL.tabs A {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 7em; PADDING-TOP: 5px; TEXT-DECORATION: none}
UL.tabs A:hover {BACKGROUND: #CDF1A3; TEXT-DECORATION: none}
UL.tabs LI.activeLink A {BACKGROUND: #6B844E; COLOR: #fff}
UL.tabs LI.activeLink A:hover {BACKGROUND: #6B844E; COLOR: #fff}
.clearFix {DISPLAY: block}
.tBar {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #6B844E 0px solid}
.tBar #tabs {DISPLAY: inline; FLOAT: left; MARGIN: 0px; BORDER-BOTTOM-STYLE: none}
.tBar .blinks {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 4px; PADDING-TOP: 4px}
.showhidereport{display:none;position:absolute;width:400px;background-color:#FFFFE8; border: 1px solid #999999; padding:3px;}

#form_orders .wrap{}
#form_orders {top:0;left:0;width:100%; display:none;}
#form_orders .wrap .form_orders{width:100%;}
#info_content{top:0;left:0;width:100%;}
#info_content .wrap{}
#info_content .wrap .catalog{float:left; width:35%}
#info_content .wrap .shop{float:left;  width:35%}
#info_content .wrap .ordersshop{float:left;  width:30%}
.formorders_online{width: 400px;}