/* Стандартные стили */

/** * * * * * * * * * * * * * * * *
* Базовый файл стилей для Eresus  *
* * * * * * * * * * * * * * * * * *
* В этом файле заданы стили основных элементов
* и перечислены встроенные селекторы и идетификаторы
* ---
* Для указания пути к картинкам используйте макрос http://www.meatec.ru/style/
*/

/* Основные стили */
html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  font-family: verdana, tahoma, sans-serif;
  font-size: 8pt;
}
img {border: 0;}
sup, sub {font-size: 80%;}

a {text-decoration: underline;}
a:link {color: #00f;}
a:visited {color: #008;}
a:hover {color: #f00;}

p {
  text-align: justify;
  text-indent: 1em;
  margin: 2px 0 3px;
}

h1, h2, h3, h4, h5, h6 {font-family: arial, verdana, tahoma, sans-serif;  margin: 1em 0 0.2em;}
h1 {font-size: 200%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

.hidden {display: none;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Стиль области контента                                                           *
* Внутри этой области не допускается никаких вложенных элементов шаблона страницы  *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*
#Content {
  padding: 0.5em 1em;
}
*/


/* Переключатель страниц */
div.pages {}
.pages span.selected {} /* Выбранная страница */


/* * * * * * * * *
* Стили веб-форм *
* * * * * * * * */
div.form {}
.form th {}
.form td {}
.form input {border: #CCC 1px solid; height: 16px;}
.form textarea {border: #CCC 1px solid; width: 550px;}
.form input.button {}
.form td.formLabel {} /* Ячейка, содержащая метку (подпись) элемента управления */
.form span.hint {} /* Метка, имеющая подсказку */
.form th.formHeader {} /* Подзаголовок */
.form td.formText {} /* Ячейка, содержащая простой текст */
.form td.buttons {} /* Ячейка, содержащая кнопки формы */


input.contentButton {}

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff;
font-size: 23px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #6C683D;
	padding-left: 30px;
	padding-bottom: 20px;}
div.infoBoxCap {color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* * * * * * * * * * * * * * * * * * * * * *
* Дополнительные стили модулей расширения  *
* * * * * * * * * * * * * * * * * * * * * */



*, a img {
	padding: 0;
	margin: 0;
	border: 0;
}

p, h1, h2, h3, h4, h5, h6, #Content{
	padding: 0;
	margin: 0;
	text-indent: 0;
	text-align: left;
}

#Content {
  padding: 0.5em 1em;
  color:#6C683D;
  font-family: tahoma, sans-serif;
}


#all{
	min-width: 1000px;
	width: 100%;
}

#verytop{
	float: left;
	width: 100%;
	height: 32px;
	background: #819AE5;
}

#verytop_left{
	float: left;
	width: 198px;
	height: 32px;
	background: url(http://www.meatec.ru/style/verytop_left.gif) top left no-repeat;
}

#verytop_left img{
	float: left;
	display: inline;
	margin-top: 13px;
	margin-left: 40px;
	margin-right: 24px;
}

#verytop_right{
	float: right;
	padding-right: 18px;
}

#verytop_right a{
	float: left;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	font-weight: bold;
	color: #E7E7E7;
	display: inline;
	margin-top: 7px;
	background: url(http://www.meatec.ru/style/verytop_right_arrow.gif) 0px 4px no-repeat;
	padding-left: 12px;
	padding-right: 13px;
}

#verytop_right a:hover{
	color: #263888;
}

#phone{
	float: left;
	width: 188px;
	height: 120px;
	padding-top: 64px;
	padding-left: 210px;
	background: url(http://www.meatec.ru/style/phone.jpg) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma, sans-serif;
	color: #6C683D;
}

#phone strong{
	font-size: 18px;
}

#phone span{
	padding-left: 14px;
	padding-right: 18px;
}

#three{
	float: left;
	width: 602px;
	height: 184px;
	float: right;
}

#three1, #three2, #three3{
	float: left;
	padding-top: 44px;
	height: 140px;
	padding-right: 36px;
	overflow: hidden;
}

#three1{
	width: 130px;
	background: url(http://www.meatec.ru/style/three1.gif);
	padding-left: 52px;
}

#three2{
	width: 133px;
	background: url(http://www.meatec.ru/style/three2.gif);
	padding-left: 21px;
}

#three3{
	padding-left: 21px;
	width: 133px;
	background: url(http://www.meatec.ru/style/three3.gif);
}

#phonethree{
	float: left;
	height: 184px;
	width: 100%;
}

#three p{
	float: left;
	width: 100%;
	font-family: tahoma, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: white;
	text-transform: none;
}

#three p strong{
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF79F;
	padding-bottom: 0px;
	float: left;
	display: inline;
	margin-top: 11px;
}

#three p a{
	float: left;
	display: inline;
	margin-top: 6px;
	color: #FFF79F;
	font-size: 11px;
	font-weight: normal;
}

#three p a:hover{
	color: #ffffff;
}

#oblast{
	height: 199px;
	float: left;
	width: 100%;
}

#oblast_inner{
	padding-right: 8px;
}

#oblast_inner2, #oblast_inner3, #oblast_inner4{
	width: 100%;
	height: 199px;
	float: left;
}

#oblast_inner2{
	background: url(http://www.meatec.ru/style/oblast_inner2.gif) top left repeat-x;
}

#oblast_inner3{
	background: url(http://www.meatec.ru/style/oblast_inner3.jpg) top left no-repeat;
}

#oblast_inner4{
	height: 170px;
        padding-top: 24px;
}

#oblast p{
	margin-left: 611px;
/*	color: #302E1B;*/
	font-size: 23px;
	font-family: arial, sans-serif;
	color: #6D6C40 !important;
}
#oblast_inner4 p {
	margin-left: 500px;
}

#oblast p strong{
	font-size: 36px;
}

#oblast p.undocumented{
	color: #44411F;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	margin-right: 100px;
	margin-top: 34px;
}
#body{
	float: left;
	width: 100%;
	min-width: 1000px;
  width:expression(document.body.clientWidth > 1000? "100%" :"1000px");
}

#left{
	float: left;
	width: 298px;
}

#leftmenu{
	float: right;
	width: 253px;
	background: url(http://www.meatec.ru/style/leftmenu.gif) bottom left no-repeat #E7E9F0;
	padding-bottom: 35px;
	margin-bottom: 17px;
	display: inline;
}

#leftmenu .header{
	float: left;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #6C683D;
	display: inline;
	margin-left: 28px;
	padding-left: 2px;
	width: 206px;
	background: url(http://www.meatec.ru/style/leftmenuh.gif) bottom right no-repeat;
	margin-bottom: 20px;
	padding-bottom: 4px;
}

#leftmenu a{
	float: left;
	display: inline;
	margin-left: 27px;
	background: url(http://www.meatec.ru/style/leftmenua.gif) 2px 5px no-repeat;
	padding-left: 15px;
	width: 200px;
	color: #6C683D;
	font-weight: bold;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	text-decoration: none;
	margin-bottom: 0.5em;
}

#leftmenu a:hover{
	background: url(http://www.meatec.ru/style/leftmenuah.gif) 0px 3px no-repeat;
	color: #6C1906;
}

#center{
	float: left;
	background: url(http://www.meatec.ru/style/center.gif) top left no-repeat;
	width: 440px;
	padding-top: 65px;
	padding-left: 24px;
	padding-right: 35px;
	padding-bottom: 90px;
}

#Content {
	padding-left: 30px;
}

#Content h1{
	font-size: 23px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #6C683D;
	padding-bottom: 20px;
	padding-top: 30px;
}

#Content h2{
	font-size: 16px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #6C683D;
	padding-bottom: 20px;
	padding-top: 30px;
}

#Content h3, #Content h4, #Content h5, #Content h6{
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #6363B6;
	padding-bottom: 20px;
	padding-top: 30px;

}

/*
#Content p{
 	font-family: tahoma, sans-serif;
 	font-size: 11px;
 	color: #6C683D;
}
*/

#Content a{
	color: #6363B6;
}

#Content a:hover{
	color: #7AA02A;
}

#Content ul{
	list-style: none;
}

#Content ul li{
	padding-left: 15px;
	background: url(http://www.meatec.ru/style/contentli.gif) 0px 3px no-repeat;
	padding-bottom: 5px;
}

#right{
	float: left;
	display: inline;
	margin-top: 239px;
	margin-bottom: 18px;
	border-left: 2px solid #EEEEEE;
	padding-left: 10px;
	width: 140px;
	padding-bottom: 28px;
}

#right .header{
	color: #6B6B76;
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 22px;
}

#right .date{
	padding-top: 12px;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	font-weight: bold;
}

#right a{
	font-size: 11px;
	font-family: tahoma, sans-serif;
	color: #6363B6;
}

#right a:hover{
	color: #5C7708;
}

#threeblocks{
	float: left;
	width: 100%;
	padding-bottom: 47px;
}

#backtalk{
	float: left;
	display: inline;
	margin-left: 45px;
	background: url(http://www.meatec.ru/style/backtalk.gif) bottom left no-repeat #B9C9F8;
	width: 253px;
	height: 218px;
}

#backtalk .header{
	float: left;
	color: #FFFFFF;
	font-size: 20px;
	font-family: arial, sans-serif;
	font-weight: bold;
	padding-top: 20px;
	margin-left: 11px;
	display: inline;
	border-bottom: 1px solid #FFFFFF;
	padding-left: 31px;
	width: 203px;
	margin-bottom: 21px;
}

#backtalk img{
	float: left;
	display: inline;
	margin-left: 30px;
	margin-right: 11px;
}

#backtalk p{
	float: left;
	width: 125px;
	font-size: 11px;
	font-family: tahoma, sans-serif;
}

#backtalk p.name{
	padding-top: 3px;
}

#backtalk p.phone{
	padding-top: 14px;
}

#backtalk a{
	float: left;
	clear: both;
	display: inline;
	margin-left: 31px;
	padding-right: 11px;
	background: url(http://www.meatec.ru/style/angles.gif) right 6px no-repeat;
	white-space: nowrap;
	margin-top: 15px;
	color: #0030BA;
	font-family: tahoma, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

#backtalk a:hover{
	color: black;
}

#sprav{
	float: left;
	display: inline;
	width: 323px;
	height: 222px;
	background: url(http://www.meatec.ru/style/sprav.gif) top left no-repeat;
	margin-left: 50px;
}

#sprav p a{
	float: left;
	display: inline;
	color: #6C683D;
	font-size: 24px;
	font-weight: bold;
	font-family: arial, sans-serif;
	margin-left: 34px;
	margin-top: 125px;
	text-decoration: none;
}

#sprav p strong{
	float: left;
	display: inline;
	color: #6C683D;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	margin-left: 34px;
	margin-top: 10px;
	clear: both;
}

#other{
	float: left;
	display: inline;
	width: 326px;
	height: 222px;
	background: url(http://www.meatec.ru/style/other.gif) top left no-repeat;
}

#other p a{
	float: left;
	display: inline;
	color: #6C683D;
	font-size: 24px;
	font-weight: bold;
	font-family: arial, sans-serif;
	margin-left: 141px;
	margin-top: 37px;
	text-decoration: none;
}

#other p strong{
	float: left;
	display: inline;
	color: #6C683D;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	margin-left: 141px;
	margin-top: 10px;
	clear: both;
	width: 130px;
}

#footer{
	float: left;
	width: 1000px;
	height: 122px;
	background: url(http://www.meatec.ru/style/footer.gif) top left repeat-x;
}

#footer_left{
	float: left;
	width: 231px;
	height: 80px;
	background: url(http://www.meatec.ru/style/footer_left.gif) top left no-repeat;
	padding-left: 76px;
	padding-right: 45px;
	padding-top: 42px;
	color: #6C683D;
	font-family: tahoma, sans-serif;
	font-size: 11px;
}

#footer_left strong{
	display: block;
	font-size: 10px;
	padding-bottom: 5px;
}

#footer_center{
	float: left;
	width: 285px;
	height: 80px;
	padding-top: 42px;
}

#footer_center img{
	float: left;
	display: inline;
	margin-right: 20px;
}

#footer_center a.text{
	float: left;
	margin-top: 7px;
	display: inline;
	color: #F66000;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	clear: both;
	white-space: nowrap;
}

#footer_right{
	float: right;
	width: 303px;
	height: 52px;
	background:	url(http://www.meatec.ru/style/footer_right.gif) top left no-repeat;
	text-align: right;
	padding-top: 70px;
	padding-right: 45px;
}

#footer_right a{
	font-size: 10px;
	font-family: tahoma, sans-serif;
	color: #819AE5;
}



/*/##########  programmer's ###########\*/
.tovar {
  width: 720px;
}
.tovar_td {
  margin-left:10px;
  width: 210px;
  vertical-align: top;
}
.shtangels td.td_img {
  height: 180px;
}
.td_img {
  text-align: center;
}
.level2img {
  padding-top: 45px;
}

.mega {
  width: 620px;
  text-align: center;
}

.tovar_td .shtangels{
  width: 100%;
}

#formfeedback {
  margin-top: 40px;
}

#formfeedback TABLE TD {
  padding: 5px;
}

.formText {
	font-family: tahoma, sans-serif;
	font-size: 14px;
	color: #6C683D;
	margin-left: 28px;
	padding-left: 2px;
	width: 600px;
	margin-bottom: 20px;
	padding-bottom: 4px;

}

.formLabel {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #6C683D;
	margin-left: 28px;
	padding-left: 2px;
	width: 600px;
	margin-bottom: 20px;
	padding-bottom: 4px;

}


.formLabel SPAN{
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #6C683D;
	margin-left: 28px;
	padding-left: 2px;
	width: 500px;
	margin-bottom: 20px;
	padding-bottom: 4px;

}

#send {
  background-image: url(http://www.meatec.ru/style/send.gif);
  width: 78px;
  height: 25px;
  text-align: center;
  border: 0px;
}


.vibran{
  color: white;
}

.levl1spec {
  color: red !important;
}

.levl2spec {
	font-weight: normal !important;
	background: url(http://www.meatec.ru/style/str1_levl2.gif) 2px 5px no-repeat !important;
	margin-left: 40px !important;
	width: 180px !important;
	margin-top: -0.5em !important;
  color: red !important;

}
/*\##########  programmer's ###########/*/
acronym {
border-bottom: 1px dotted #FABE4A;
cursor: help;
background: url(http://www.meatec.ru/style/acronym.gif) 1px 3px no-repeat;
padding: 0 0 0 14px;
width: 240px;
}
.super_shtangels {
  height: 50px;
  overflow:auto;
  x-overflow:hidden;
}

.spisokfiles {
  padding-top: 5px;
}

.spisokfiles a {
  padding-left: 5px;
}

.spisokfiles div {
  margin-top: 5px;

}

#Content p {
  margin: 6px 0 6px;
  font-size: 12px;
}
#Content ul {
  font-size: 12px;
  font-family: tahoma, sans-serif;
}












/**/
.corduo {width: 530px;}

.duo td.td_img {
/*  height: 180px;*/
}


.duo td.dual {
  padding-left: 5px !important;
}


.tovar_td .duo{
  width: 100%;
}

.super_duo {
  height: 50px;
  overflow:auto;
  x-overflow:hidden;
}


#Content .duo{
	font-size: 11px;
	font-family: tahoma, sans-serif;
	margin-left: 10px;
/*	margin-top: 25px; */
	border-collapse: collapse;/*	display: inline;*/
}

#Content .duo td{
	border-bottom: 1px solid #E3E4E8;
	vertical-align: top;
  padding: 5px 0  5px 0;

}


#Content .duo td.left{
	width: 44px;
}

#Content .duo td.left img{
 	display: inline;
 	margin-left: 9px;
 	margin-top: 2px;
}

#Content .duo td.center{
	width: 330px;
}

#Content .duo td.right{
	width: 70px;
	padding-right: 10px;
	text-align: right;
}

#Content .duo td.pic{
	border: none;
}

#Content .duo th{
	background: #EAF1FF;
	padding-top: 3px;
	height: 9px;
	padding-bottom: 3px;

}

#Content .duo tr.last, .duo tr.last td{
	border: 0 !important;
}

#Content .duo th.left{
        padding: 5px 0 5px 0;
	padding-left: 10px;
	text-align: left;
	width: 250px;
/*	width: 49%; */
}



#Content .duo th{
        padding: 5px 0 5px 0;
	padding-left: 10px;
	text-align: left;
}

#Content .duo th.right{
	padding-right: 11px;
	text-align: right;
}

#Content .duo a{
	color: #0030BA;
}

#Content .duo a:hover{
	color: #FF9548;
}

#tovto table.duo td.left {width: 210px;}
.td_img {height: 140px;}

#Content .duo .duo {margin-left:0px !important;}

#Content .duo .duo{
	width: 100%;
}