/* Баг-тест */
/*
div {
border: 1px solid #ff0000;
}


/* Общие стили */

img {
border: 0;
margin: 0;
padding: 0;
}

/*
img.png {
behavior: url("/lib/tpl/odintouch/js/pngbehavior/pngbehavior.htc");
}
*/

html {
background: #ffffff;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}

body {
background: #ffffff;
height: 100%;
padding: 0;
margin: 0;
font-family: Helvetica, sans-serif;
font-size: 13px;
color: #010101; /*#414042;*/
}

td {
font-family: Helvetica, sans-serif;
font-size: 13px;
}

table.body {
background: url(/lib/tpl/odintouch/images/right_bottom.jpg) no-repeat bottom right;
width: 100%;
height: 100%;
}

td.body {
padding: 30px 30px 0;
vertical-align: top;
}

h1 {
font-size: 26px;
font-weight: 100;
font-family: Arial, Helvetica, sans-serif;
color:#ff8a00;
margin: 0 0 20px 30px;
}

h3 {
font-size: 18px;
color: ff8a00;
font-weight: 100;
font-family: Arial;
margin: 0 0 20px;
}

h4 {
font-size: 18px;
color: ff8a00;
font-weight: 100;
font-family: Arial;
margin: 35px 0 15px;
}

h5 {
font-size: 14px;
color: #000000;
font-weight: bold;
font-family: Helvetica;
margin: 15px 0 15px;
}

p {
margin: 5px 0 15px;
line-height: 135%;
}

ul {
margin-top: 0;
margin-left: 0;
padding: 0;
}

.content ul li {
list-style: none;
padding-left: 20px;
margin-top: 7px;
line-height: 135%;
background: url(/lib/tpl/odintouch/images/tire.gif) no-repeat 0px 9px;
}

.module ul li {
background: none;
padding: 0;
line-height: 135%;
}

ul.link_list li {
background: url(/lib/tpl/odintouch/images/next.gif) no-repeat scroll left 6px;
padding-left: 14px;
margin-left: -14px;
padding-bottom: 3px;
}

ol {
padding-left: 20px;
}

.gradient {
background: url(/lib/tpl/odintouch/images/line.jpg) no-repeat left top;
padding: 0 0 0px 30px;
}

.gradient_s {
background: url(/lib/tpl/odintouch/images/line_small.jpg) no-repeat left top;
padding: 0 0 0px 30px;
}

a:link {
text-decoration: underline;
color: #3362cc;
}

a:visited {
text-decoration: underline;
color: #8b48b5;
}

a:hover {
color: #FF8A00;
}

p.next {
padding-top: 13px;
margin: 0;
}

.next a:link,
.next a:visited {
background: url(/lib/tpl/odintouch/images/next.gif) no-repeat;
background-position: right 5px;
padding-right: 16px;
color: #ff8a00;
font-family: Arial;
font-size: 12px;
margin-top: 15px;
}

.next a:hover {
/*color: #d37200;*/
}

.date {
color: #c26c07;
font-size: 10px;
margin-top: -15px;
}

.price {
color: #b3b2a0;
width: 240px;
float: right;
margin: -15px 10px 0;
padding: 0 10px;
z-index: 4;
}

.price h4 {
font-style: normal;
margin-bottom: 10px;
}

.price p {
padding: 0;
margin: 0 0 3px;
}

.price b {
color: #333132;
font-weight: normal;
font-size: 13px;
font-style: normal;
}

.price span {
font-size: 18px;
background: #3362cc;
color: #ffffff;
padding: 0 3px;
font-style: normal;
font-family: Arial;
}

.img_table {
border: 0;
}

.img_table td {
padding: 10px 30px 10px 0;
}

.teh {
width: 100%;
margin-bottom: 0;
border-collapse: collapse;
}

* HTML .teh,
* HTML .teh_vert {
width: auto;
}

.teh th {
font-size: 11px;
color: #777777;
padding: 8px 25px 10px 0;
border-bottom: 1px solid #c5c5c5;

font-weight: normal;
text-align: left;
vertical-align: bottom;
}

.teh td {
padding: 10px 25px 10px 0;
font-size: 11px;
vertical-align: top;
border-top: 1px solid #c5c5c5;
color: #a5a5a5;
}

.teh a:link,
.teh a:visited {
color: #74858F;
}

.teh a:hover {
color: #F19001;
}

.teh_vert {
width: 100%;
margin-bottom: 15px;
border-collapse: collapse;
}

.teh_vert th {
font-size: 13px;
color: #ffa439;
padding: 3px 6px 15px 0;
border-right: 1px solid #ffa439;
font-weight: normal;
text-align: left;
vertical-align: top;
text-align: right;
}

.teh_vert td {
border-left: 1px solid #ffa439;
padding: 3px 0 15px 6px;
font-size: 13px;
vertical-align: top;
text-align: left;
}

.sensorequip {
border-collapse: collapse;
width: 100%;
}

* HTML .sensorequip {
width: auto;
}

.sensorequip td {
vertical-align: top;
padding: 5px 10px;
border-top: 1px solid #cccccc;
font-size: 13px;
}

.sensorequip h4 {
margin-top: 0;
}

.ral {
width: 100%;
}

* HTML .ral {
width: auto;
}

.ral td {
padding: 5px;
height: 30px;
width: 10%;
font-size: 13px;
font-weight: bold;
color: #999999;
}

/* Верстка пошла! */

div.language {
float: right;
font-family: Arial;
font-size: 12px;
color: #b3b2a0;
}

div.icons {
margin: 0 100px -10px 0;
text-align: right;
/* visibility: hidden; */
}

div.icons span {
margin-left: 50px;
}

div.logo {
clear: both;
position: absolute;
left: 60px;
top: 35px;
}

div.plash{
float: right;
margin: 0 0 20px 20px;
z-index: 99;
}

div.menu_block {
margin: 0 0 0 165px;
padding: 35px 0 0 35px;
}

* HTML div.menu_block {
width: 100%;
}

div.main_menu {
font-family: Arial;
font-size: 14px;
border: 1px solid #ffffff;
margin-top: -25px;
margin-left: -1px;
padding-bottom: 39px;
background: #FFFCDD;
height: 40px;
float: left;
}

* HTML div.main_menu {
width: 465px;
}

div.main_menu#front {
background: #ffffff;
}

div.main_menu h3 {
display: none;
margin: 0;
padding: 0;
}

div.main_menu ul {
display: block;
background: #ffffff;
height: 40px;
padding: 0;
margin: 0;
}

div.main_menu li {
background: #ffffff;
text-align: center;
display: block;
float: left;
list-style: none;
white-space: nowrap;
}

.main_menu a:link,
.main_menu a:visited {
color: #d9b717;
text-decoration: underline;
padding: 12px 15px 12px;
display: block;
}

.main_menu #active {
color: #3362cc;
background: #FFFCDD url(/lib/tpl/odintouch/images/box/left_top_t_menu.png) left top no-repeat;
display: block;
float: left;
}

.main_menu #active span {
padding: 12px 15px 12px;
display: block;
background: url(/lib/tpl/odintouch/images/box/right_top_t_menu.png) right top no-repeat
}

.main_menu #active a:link,
.main_menu #active a:visited {
color: #3362cc;
background: url(/lib/tpl/odintouch/images/box/right_top_t_menu.png) right top no-repeat
}

.main_menu #active a:hover {
/*color: #133C97;*/
}

.main_menu a:hover {
/*color: #804d00;*/
/*text-decoration: underline;*/
}
/*
.main_menu a.company:hover {
color: #8e770b;
}
*/
div.secondary_menu {
font-family: Arial;
font-size: 14px;
background: #FFFCDD;
clear: both;
display: block;
height: 39px;
float: left;
margin-top: -39px;
}

* HTML div.secondary_menu {
float: none;
}

div.secondary_menu ul,
div.secondary_menu ul ul {
padding: 0;
margin: 0;
}

div.secondary_menu li{
background: #FFFCDD;
display: block;
float: left;
margin: 0;
padding: 12px 15px 12px;
font-size: 12px;
font-family: Arial;
white-space: nowrap;
}

* HTML div.secondary_menu li{
}

.secondary_menu #active {
color: #faa21a;
display: block;
float: left;
font-weight: bold;
background: #FFFCDD;
padding: 12px 15px 12px;
}

* HTML .secondary_menu #active {
}

.secondary_menu a:link,
.secondary_menu a:visited {
color: #3362CC;
}

.secondary_menu a:hover {
color: #FF8A00;
}

.secondary_menu #active a:link,
.secondary_menu #active a:visited {
color: #FF8A00;
}

div.panaram {
clear: both;
text-align: center;
margin: 60px -55px 0;
padding: 0;
}

div.panaram ul {
display: block;
margin: -30px 0 40px 0;
z-index: 10;
padding: 0 31px 0 0;
}

div.panaram li {
list-style: none;
padding: 0 28px;
margin: 0;
display: inline;
}

div.panaram h3 {
display: none;
}

div.content {
clear: both;
padding: 60px 0 0;
margin-right: 345px;
}

* HTML div.content {
padding-top: 60px;
}

div.float_right {
float: right;
min-width: 250px;
margin-right: -345px;
padding-bottom: 20px;
text-align: center;
}

* HTML div.float_right {
width: 250px;
margin-left: -100px;
margin-right: -150px;
}

div.float_right .module {
text-align: left;
}

div.float_right .module .price_float {
width: 250px;
margin-bottom: 35px;
}

div.float_right .module .price_float h3 {
margin: 0 0px 5px 39px;
}

div.float_right .module .price_float p {
margin: 0 0px 5px 11px;
}


div.float_right .module .spheres {
background-image: none;
padding: 29px 10px 5px 39px;
background: #fbf3da;
margin: 0 10px;
}

div.float_right .module .spheres {
padding: 0px 10px 5px 24px;
background: none;
margin: 0 10px;
}

div.float_right .module .spheres a:link,
div.float_right .module .spheres a:visited,
div.float_right .module .spheres a:hover {
padding-left: 15px;
}

div.float_right .module .spheres #active {
color: #FF8A00;
display: block;
background: url(/lib/tpl/odintouch/images/next.gif) no-repeat 0 5px;
padding-left: 15px;
}

div.press_center {
background: url(/lib/tpl/odintouch/images/line.jpg) no-repeat left top;
padding: 0 0 30px 30px;
float: right;

}

div.press_center ul {
margin: 0;
padding: 0;
}

div.press_center li {
list-style: none;
padding-bottom: 10px;
}

div.press_center span.date {
color: #c26c07;
font-size: 10px;
}

div.press_center span.tire {
display: none;
}

div.press_center a.press_link:link,
div.press_center a.press_link:visited,
div.press_center a.press_link:hover {
display: block;
margin: 0;
padding: 0;
}

div.press_center span.press_link {
display: block;
margin: 0;
padding: 0 0 0 0;
color: #3362cc;
}

div.press_center p {
margin: 0;
}

div.second_col {
float: right;
width: 23%;
margin-left: 4%;

}

div.second_col h3 {

}


div.second_col .online h3 {
display: block;
margin: 0px 20px 20px;
}

div.pops {
background: url(/lib/tpl/odintouch/images/line_small.jpg) no-repeat left top;
padding: 0 0 30px 30px;
}

div.pops ul {
padding: 0;
margin: 0;
}

div.pops li {
list-style: none;
padding: 0 0 3px;
}

div.online {
margin: -20px 0 20px;
width: 200px;
margin-top: ;
}

.online ul {
padding: 0;
margin: 0;
}

.online ul li {
list-style: none;
color: #414042;
padding-bottom: 10px;
}

.online h4 {
color: #C26C07;
font-weight: weight;
font-size: 13px;
margin: 0 0 12px;
}

.online p {
margin: 5px 0 15px;
}

div.anounce {
background: url(/lib/tpl/odintouch/images/line.jpg) no-repeat left top;
padding: 0 0 40px 30px;

width: 69%;
}

* HTML div.anounce {
width: 100%;
}

.gde {
width: 80%;
margin: 10px 0 10px 10px;
}

.gde td {
padding: 5px;
}

div.contacts {
background: url(/lib/tpl/odintouch/images/line.jpg) no-repeat left top;
padding: 0 0 30px 30px;
width: 50%;
margin: 0 0 0 4%;
float: right;
}

div.contacts table {
width: 100%;
}

div.contacts table td{
width: 50%;
vertical-align: top;
font-size: 13px;
padding: 0 5px 0 0px;
}

div.contacts h6 {
font-weight: normal;
color: #c26c07;
font-size: 13px;
margin: 0;
}

div.contacts p {
margin: 5px 0 15px;
}

div.about {
background: url(/lib/tpl/odintouch/images/line.jpg) no-repeat left top;
padding: 0 0 30px 30px;
width: 46%;
}

* HTML div.about {
width: 100%;
}

.banners {
clear: both;
text-align: left;
padding: 60px 0 0 30px;
}

.banners img {
margin-bottom: 10px;
}

.banners td {
vertical-align: top;
text-align: center;
}

div.copyright {
clear: both;
font-family: Tahoma;
font-size: 12px;
color: #b3b2a0;
padding: 100px 30px 75px;
}

span.telephone {
color: #ff0000;
font-size: 16px;
}

span.parent,
span.parent a:link,
span.parent a:visited,
span.parent a:hover {
color: #cccccc;
}

.link_3d {
display: block;
margin-left: 40px;
text-align: left;
padding-top: 7px;
}

.link_3d img {
margin-top: -7px;
margin-right: 8px;
border: 0;
}

div.file_size {
padding-left: 30px;
display: block;
}

div.file_size div {
margin-top: -3px; margin-right: 5px; margin-left: -30px;
}

span.file_size {
color: #C0BFC0;
font-size: 11px;
}

/* FEEDBACK */

.feedback {
background: url(/lib/tpl/odintouch/images/line.jpg) no-repeat left top;
padding: 0 0 0px 30px;
}

.mail_form {
margin-top:50px;
}

.mail_form  label {
  float: left;
  width: 130px;
  margin-right: 15px;
  margin-bottom: 5px;
  text-align: right;
  font-weight: normal;
  font-size: 14px;
  color: #FF8A00;
}

.mail_form input, 
.mail_form textarea, 
.mail_form option, 
.mail_form select {
  width:405px;
  padding:0;
  font-family: Helvetica,sans-serif;
  font-size: 14px;
  color: #666666;
  margin-bottom: 5px;
}

.mail_form option {
margin: 0;
}

#feedback_field_2,
#feedback_field_emails,
#feedback_field_emails option {
  width:200px;
}

.mail_form .feedback_submit {
width: 150px;
margin-left: 400px;
}

.feedback_error {
border: 1px solid red;
}

p.feedback_error {
background: #ffeeee;
padding: 5px;
}

.feedback_accept {
}

ul.news {
padding: 0;
margin: 0;
}

ul.news li {
padding: 0;
margin: 0 0 30px;
background: none;
}

ul.news li p {
margin: 5px 0;
}

ul.news span.title {
color: #3362CC;
}

ul.news span.date {
margin-left: 10px;
color: #999999;
}

/* BOX */

.box {
background: #000000;
margin: 15px 0;
}

.box_back {
background-image: url(/lib/tpl/odintouch/images/box/box.png);
}

.box_main {
background: #ffffff;
font-size: 14px;
font-weight: bold;
font-family: Arial;
padding: 5px 10px;
vertical-align: top;
}

.box_main p {
margin: 5px 0;
}

td.projects {
	font-size: 12px;
	VERTICAL-ALIGN: top; 
	BORDER-BOTTOM: #cccccc 1px dotted;
	line-height: 135%;
}

td.projects img {
	margin-top: 3px;
}

ul.header_list li {
list-style: none;
padding-left: 20px;
margin-top: 7px;
line-height: 135%;
background: url(/lib/tpl/odintouch/images/tire.gif) no-repeat 0px 9px;
}

.catalog_thumbnails
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -1em;

/* Выравнивание по центру */
text-align: left;
}

.catalog_thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-stack;

/* а это для остальных */
display: inline-block;

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: left;

/* Отступы между блоками */
margin: 3em 0 0 1em;
}

.catalog_thumbnail .catalog_item
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

/* Задаем минимальную ширину по тексту */
width: 16em;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;

font-size: 12px;
color: #555555;
}

span.catalog_group_description 
{
FLOAT: right; 
COLOR: #888888;
font-weight: normal;
text-transform: uppercase;
font-size: 10px;
}

h5.catalog {
width: 95%; 
COLOR: #ff8a00; 
BORDER-BOTTOM: #ff8a00 1px dotted;
margin-top: 30px;
}

th.catalog {
font-size: 14px;
font-weight: bold;
font-family: Helvetica;
COLOR: #ff8a00; 
BORDER-BOTTOM: #ff8a00 1px dotted;
}

td.catalog {
BORDER-right: #bbbbbb 1px dotted;
}