body
{


margin:0 auto;
width:1200px;
background-color:#e3e6ef;}

caption {
	font-weight: bold; 
	font-size: 120%
}
td
{
	font-family:'Arial'; font-size:12px; color:#505050;
}
table {border:0; padding:0; border-collapse:0 }
hr
{
 background:#c0c2c4; height:1px; border:0px;
}
p {
text-align:justify}
.inline-link {
    background: none repeat scroll 0 0 #53A7EA;
    border-radius: 2px 2px 2px 2px;
    color: white;
    display: inline-block;
    font-weight: bold;
    margin: 0 0.2em;
    padding: 3px;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
}
.inline-link:hover {
    background: none repeat scroll 0 0 #0066A4;
}
p.croshka {color:#666666; font-size:10px; padding-left:5px}
/*p.croshka {color:#0066a4; font-weight:bold; font-size:16px; text-transform:uppercase; padding-left:15px}*/
  a.load_pdf  {	text-decoration: none; background: url("images/pdf.png") no-repeat scroll 6px center transparent; padding: 5px 0px 5px 35px;}
    a.load_ppt  {	text-decoration: none; background: url("images/ppt.png") no-repeat scroll 6px center transparent; padding: 5px 0px 5px 35px;}
.red {color:#FF0000;font-weight:bold}
.green {color:#009900; font-weight:bold}
.yellow { color:#FF9900; font-weight:bold}
.seminars_banner{background-color:#800000; color:#FFFFFF; font-weight:bold; text-align:center}
.bold_center {text-align:center; font-weight:bold}
.bold_center_big {text-align:center; font-weight:bold;  font-size:150%; color:#800000}
.img_border {padding:0px 20px; border:0px; }
.img_border1 {padding:5px 10px 5px 0px; border:0px; }
.images_main {float:left;text-align:center; width:100%; margin:5px auto}
.images_main img{ padding:5px 10px}
.resources {border: thick double #0066A4;
    float: right;
    margin: 5px;
    padding: 5px;
    position: relative;
    width: 150px;}
.resources  a { display:block}
.resources  h3 {padding:0; margin:5px; line-height:100%; text-transform:uppercase}
.center_div {margin:0 auto; }
/*.center_div_img {
	width: 500px;
	height: 277px;
	background: url(images/koncepciya-nadejnoe-oborudovanie-s.jpg) left bottom no-repeat;
	position: relative;margin:0 auto;
  }*/
  .center_div_img {
	width: 800px;
	height: 428px;
	background: url(images/upload/concept.jpg) left bottom no-repeat;
	position: relative;margin:0 auto;
  }
.center_div_img ul {
	list-style-type: none;
}
.center_div_img ul li {
	position: absolute; /* чтобы элементы li не "мешали" в IE6 */
	list-style-type: none;
}
.center_div_img a:link, .center_div_img a:visited, .center_div_img a:hover {
	text-decoration: none;
}
.center_div_img a span {
	display: none;
}
#centrovka a {
    height: 54px;
    left: 321px;
    position: absolute;
    top: 11px;
    width: 107px;
}
#balansirovka a {
    height: 54px;
    left: 530px;
    position: absolute;
    top: 48px;
    width: 107px;
}
#termo a {
    height: 54px;
    left: 625px;
    position: absolute;
    top: 177px;
    width: 107px;
}
#geometry a {
    height: 54px;
    left: 531px;
    position: absolute;
    top: 318px;
    width: 107px;
}
#analiz-masel a {
    height: 54px;
    left: 319px;
    position: absolute;
    top: 349px;
    width: 107px;
}
#tools a {
    height: 54px;
    left: 97px;
    position: absolute;
    top: 315px;
    width: 107px;
}
#kontrol a {
    height: 54px;
    left: 26px;
    position: absolute;
    top: 177px;
    width: 107px;
}
#vibro a {
    height: 54px;
    left: 94px;
    position: absolute;
    top: 48px;
    width: 107px;
}
#Layer1 {
	position:relative;
	left:-50px;
	margin-right:-50px;
	margin-bottom:-30px;
	top:-30px;
	width:307px;
	/*border:1px solid #FF0000;*/
	z-index:1;
}
.tbl1 {
}
.menu
{
	color:#FFFFFF; font-family:'Arial'; font-size:11px; text-decoration:none;
}
/*.podmenu_td
{
	 background:url(images/menu_0.gif) top no-repeat; padding-left:40px; padding-right:10px; padding-top:5px; padding-bottom:5px;
}
.podmenu_td1
{
	 background:url(images/menu_1.gif) top no-repeat; padding-left:40px; padding-right:10px; padding-top:5px; padding-bottom:5px;
}*/
.podmenu_td
{
	padding-left:5px; background:url(images/menu0.gif) top no-repeat; padding-right:10px; padding-top:5px; padding-bottom:5px;
}
.podmenu_td1
{
	padding-left:5px; background:url(images/menu1.gif) top no-repeat; padding-right:10px; padding-top:5px; padding-bottom:5px;
}
.podmenu
{
	text-decoration:none; color:#505050; font-size:12px; font-weight:bold;
}
.podmenu1
{
	text-decoration:none; color:#123F5F; font-size:12px; font-weight:bold;
}
.podmenu_ul
{
	padding:0px; margin:0px; padding-left:20px;
}
.menu:hover
{
	text-decoration:none;
	font-weight:bold;
}
.podmenu:hover, .podmenu1:hover
{
	color:#999999;
	text-decoration:none;
}
li
{
	color:#505050;
}
.put {
	font-size: 10px;
	/*color: #336600;*/
}

.hr {  text-align:right}
a
{
	color:#293431;
}
a:hover{ border:none}
input, textarea, select
{
	border:1px solid #20A50D; color:#000000; font-family:'Arial'; font-size:12px; background:#FFFFFF;
}
.submit
{
	background:#20A50D; color:#FFFFFF;
}
.search
{
	background:#FFFF00;
}

.counters {
position:relative;
bottom:50px;
padding:30px}
.content_text {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
text-align:justify}
h1{
font-family:Arial, Helvetica, sans-serif;
color:#0066a4; font-weight:bold; font-size:16px; text-transform:uppercase;
text-align:center;
   margin-top: 20px;}
.likeh1 {font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:120%;
text-align:center;
}
.blok {
min-height:200px;
clear:both;
}
table.tb_main, table.tb_main td {
border:3px solid #07541E;
border-collapse:collapse;
padding:2px; text-align:center; vertical-align:middle; font-weight:bold}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
text-align:left}
h3
{
	/*	background-image: transparent url(images/upload/oval.jpg) no-repeat scroll 0 0;
	background: url(images/upload/oval.jpg) no-repeat scroll 0 0;*/
	padding-left: 0px;
	line-height: 25px;
	font-size: 125%;
/*	text-transform:uppercase;*/
	margin-top: 20px;
	margin-bottom: 20px;
}
.bold {
font-weight:bold}

.teh_ch{
padding-left:100px;

}
table.raspisanie, table.raspisanie td {
	border-bottom: 1px solid #9e9e9e; border-left:1px solid #9e9e9e;
	
	border-collapse: collapse;
	padding:6px 3px;
	text-align:right
}

table.raspisanie td:nth-child(1) {

    background-color:#E2E2E2; 
	border-left:0px

  }
table.raspisanie td:nth-child(even) {



  }



table.raspisanie a {text-decoration:none}
table.raspisanie a:hover {text-decoration:underline}



table.tb1 td { text-align:center}
table.tb2 td { padding:10px}
h4 {
text-decoration:underline;
font-weight:normal
}

#content {
padding-right:10px; padding-bottom:30px; padding-left:5px}
#content_10 {
padding:0}
#content ul {
	list-style-type: circle;
	padding-left:20px;
	/*display: inline-block;*/
	margin:0;
}
#content ul li {
/*	padding-left: 10px*/
}
.img_1 {float:left; text-align:center; width:275px; margin:5px
}
.img_1_r {float:right; text-align:center; width:275px; margin:5px
}
.img_2 {text-align:center; }
.thumbnails
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: 0 0 0 -2em;

/* Выравнивание по центру */
text-align: center;
}
.thumbnails_prod {margin:none;
text-decoration: none;

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

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

vertical-align: top;

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

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

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

vertical-align: top;

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

/* Отступы между блоками 
margin: 3em 0 0 2em;*/
}
.thumbnail_prod {text-decoration: none;

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

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

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: center;
margin:5px
}
.thumbnail .r, .thumbnail_prod r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

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

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
}
.thumbnail_prod a {color:#0066a4 ;
text-decoration:none;
text-transform:uppercase;
text-align:center;
font-weight:bold
}
a.croshki {font-size:12px; padding-bottom:30px}
.main_h1 {font-size:90%; text-align:center; font-weight:normal}


.gallerycontainer{
    position: relative;
float: left;
    }

    .thumbnail img{
    border: 1px solid white;
    margin: 0 5px 5px 0;
    }

    .thumbnail:hover{
    background-color: transparent;
    }

/*    .thumbnail:hover img{
    border: 1px solid blue;
    }*/

    .thumbnail span{ /*CSS для расширенного изображения*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }

    .thumbnail span img{ /*CSS для расширенного изображения*/
    border-width: 0;
    padding: 2px;
    }

    .thumbnail:hover span{ /*CSS для расширенного изображения*/
    visibility: visible;
    top: -35px;
    left: 0px; /*позиция расширенного изображения по горизонтали */
    z-index: 50;
    }
	
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff; } 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 1px solid #999999;   
margin: 0 0 1px 0; 

} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color:#666666; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 1px solid #999999; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 
.galleria{list-style:none;width:300px}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0 5px 5px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:10px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	text-decoration:underline;
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
	position:relative;
	border:1px solid black;
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("lightbox_img/blank.gif") no-repeat; /* Trick IE into showing hover */
	zoom:1; /* who knows why? */
	
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}

#lightbox-infoBox {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	line-height:normal;
}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
}
#lightbox-caption-description {
	font-weight:normal;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
	text-decoration:underline;
	color:#999999;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}
.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -1em 0 0 -2em;

/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;

/* Убираем удвоение отступов в IE */
display: inline;

/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;

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

/* Задаем минимальную ширину по картинке и тексту */
min-width: 200px;
}
.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats .left .min
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 220px 0;

/* Задаем минимальную высоту по тексту */
height: 5em;

/* Дублируем значение минимальной ширины по картинке для IE */
width: 200px;
}

.floats .left .r p {text-align:center}
.floats a {
border:none;}
.floats img {border:0}
.invisible { visibility:hidden;
 height: 1px;}
  a.printversion {
    border-bottom: 1px dotted #000000;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    width: 100px;}
	
	
	
.adress{width:350px;}
.adress h2 {background:url(images/bg-adress.gif) left center no-repeat; padding:0 0 0 15px; color:#fff; margin-top:-23px; margin-left: 40px }
.adress p {margin:0px 0px  0 40px }
p.blue_line {background-color:#124262; width:100%; height:20px; margin:0}
span.b_blue {color:#062b42; font-weight:bold}

.contactForm {width:550px;   padding: 0 0 30px 0;}
.contactForm h2 {background:url(images/bg-form.gif) left top no-repeat; color:#FFFFFF; height:30px; padding-top:5px }
.contactForm h2 span {
    background-color: #124262;
    border: 1px solid #FFFFFF;
    margin: 20px 0 0 40px;
    padding-left: 14px;
    padding-right: 150px;
    width: 150px;
}
#cForm { }
#cForm .formLine {

float: left; /* чтобы не было проблем с отступами между блоками */

width: 100%; /* чтобы блоки не встраивались в одну строку */

margin-bottom: 5px; /* расстояние между блоками */

}
#cForm label { float: left; /* делаем метки плавающими и фиксированной ширины чтобы выровнять их по одному уровню */

width: 110px;

text-align: right;

position: relative; /* выравниваем тексты меток и полей по одному уровню */

top: 2px; /* отступ сверху подбираем в зависимости от размера шрифта и дизайна полей */

margin-right: 5px; /* чтобы к меткам не прилипали поля */
}
#cForm .formLabelAuto {float:none; width:auto; position:static}
#cForm input[type=text], form input[type=password] {

width: 285px;

background: #fff;

border: 1px solid #000;

height: 15px;

}

#cForm.posText,  {

width: 285px;

background: #fff;

border: 1px solid #000;

height: 15px;

}
#cForm textarea {

width: 285px;

background: #fff;

border: 1px solid #000;

height: 120px;

}
#cForm input[type=submit] {

margin-left: 285px;cursor: pointer;

}

#cForm .formSubmit {

margin-left: 85px;

cursor: pointer;
width: auto;
}
#cForm .submit {background:url(images/bg-submit.gif) top left no-repeat;
width: 130px; height:23px; border:none}
table.tb, table.tb td,table.tb1, table.tb2 td  {	border: 1px solid #9e9e9e;	border-collapse: collapse;	padding:2px }
a.prod{float:right; color:#505050; text-decoration:none; font-size:11px}
.grey_product {color:#5c5c5c; font-weight:bold; font-size:14px; padding-top:20px}
.r{width:255px}


.thumbnails_opacity {margin:none;
text-decoration: none;

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

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

vertical-align: top;

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

.thumbnail_opacity {text-decoration: none;

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

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

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: center;
margin:10px 5px;
position:relative;
}
.thumbnail .r, .thumbnail_opacity r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

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

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
}
.thumbnail_opacity a {color: #0066A4;
    display: none;
    font-weight: bold;
    height: 100%;
    line-height: 190px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    width: 100%;
}
.thumbnail_opacity .centrovka_o {background: url(images/upload/main/alignment.jpg) top center no-repeat; width:260px; height:190px;
}
.centrovka_o:hover {  -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
		opacity: .7;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);		/* работает в IE6, IE7 и IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
}

.thumbnail_opacity .balansirovka_o{background: url(images/upload/main/balance.jpg) top center no-repeat; width:260px; height:190px;
-webkit-transition: opacity 0.7s ease;
-moz-transition: opacity 0.7s ease;
-o-transition: opacity 0.7s ease;
transition: opacity 0.7s ease;
opacity: 1}

.balansirovka_o:hover {opacity: .2;}
.thumbnail_opacity a:hover {display:block}

.em-21 {width:22em !important}

.upper { text-transform:uppercase; margin-bottom:3px; font-weight:bold; text-decoration:none }
.r span a {font-size:90%;   text-decoration:none}
.r {text-align:center; }
.big_blue {    color: #0066A4;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	font-size:110% !important  }
	
	 .min_main
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 180px 0;

/* Задаем минимальную высоту по тексту */
height: 5em;

/* Дублируем значение минимальной ширины по картинке для IE */
width: 200px;
}
#contactFormArea {width: 300px}


#contactFormArea label {
    float: left;
    margin-right: 5px;
    position: relative;
    text-align: left;
    top: 2px;
    width: 150px;
}
#contactFormArea select {width:300px} 
#contactFormArea input[type="text"], form input[type="password"], select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    height: 25px;
    width: 300px;
	margin:2px 0;
}
#contactFormArea textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    height: 50px;
    width: 300px;
 margin:2px 0;

}
#contactFormArea input[type="submit"] {
    cursor: pointer;
    margin-left: 165px;
	margin-top:10px;
 background: url("images/bg-submit.gif") no-repeat scroll left top transparent;
    border: medium none;
    height: 23px;
    width: 130px;
    color: #FFFFFF;}
.booklet{width:200px; float:right; text-align:center; font-size:90%; font-weight:bold; text-transform:uppercase; padding:0 0 10px 0}

 .width_250{width:250px !important}
 <style type="text/css">
        * {
        	margin: 0;
        	padding: 0;
        }
        
        #clock {
        	position: relative;
        	width: 160px;
        	height: 200px;
        	margin: 20px auto 0 auto;
        	background: url(images/clockface.jpg);
        	list-style: none;
        	}
        
        #sec, #min, #hour {
        	position: absolute;
        	width: 10px;
        	height: 200px;
        	top: 0px;
        	left: 93px;
        	}
        
        #sec {
        	background: url(images/sechand.png);
        	z-index: 3;
           	}
           
        #min {
        	background: url(images/minhand.png);
        	z-index: 2;
           	}
           
        #hour {
        	background: url(images/hourhand.png);
        	z-index: 1;
           	}