@charset "utf-8"; 
/* CSS Document */ 
html, body { 
    margin:0px; 
    padding:0px; 
} 
body, input, select, textarea { 
    background-color: #ffffff; 
    font-family:"helvetica neue",helvetica,arial,sans-serif;
} 

div.tele {
font-family: Arial;
color: #003399;
font-weight:bold; 
font-size: 18px;
}
div.tele2 {
font-family: Arial;
color: #003399;
font-weight:bold; 
font-size: 14px;
}
div.video{
font-family: Arial;
color: #003399;
 
font-size: 16px;
}

a.video{
font-family: Arial;
color: #003399; 
font-size: 16px;
text-decoration:underline;
}

a.video:hover{
font-family: Arial;
color: #003399; 
font-size: 16px;
text-decoration:underline;
}

a.video:visited{
font-family: Arial;
color: #003399; 
font-size: 16px;
text-decoration:underline;
}

a.lef{
font-size:12px;
color:#666666;
font-family: Arial;
text-decoration:underline;
}

a.lef:hover{
font-size:12px;
color:#666666;
font-family: Arial;
text-decoration: underline;
}

a.lef:visited{
font-size:12px;
color:#666666;
font-family: Arial;
text-decoration:underline;
}

div.top1{
font-family: Tims New Roman;
color:#C5363E;
font-size:20px;
font-style:italic;
}


div.sl{
font-family: Arial;
color: #E50163;
font-weight:bold; 
font-size: 20px;
}
div.sl2{
font-family: Arial;
color: #E50163;
font-weight:bold; 
font-size: 16px;
}

div.sl22{
font-family: Arial;
color: #E50163;
font-weight:bold; 
font-size: 16px;
}
div.sl222{
font-family: Arial;
color: #E50163;
font-size: 14px;
}

a.raz:link{
font-family: Arial;
color: #E50163;
font-size: 14px;
text-decoration:none;
}
a.raz:active{
font-family: Arial;
color: #E50163;
font-size: 14px;
text-decoration:none;
}
a.raz:hover{
font-family: Arial;
color: #E50163;
font-size: 14px;
text-decoration:underline;
}
a.raz:visited{
font-family: Arial;
color: #E50163;
font-size: 14px;
text-decoration:none;
}


div.menu{
color:white;
font-family: Arial;
font-size: 20px;
}

div.left{
font-size:12px;
color:#666666;
font-family: Arial;
}

div.cr{
font-size:10px;
color:#666666;
font-family: Arial;
}

a.cr:link { 
color: #333333; 
text-decoration:underline;
font-size:10px;
  
} 
a.cr:active { 
color: #333333; 
text-decoration:underline;
font-size:10px;
  
} 
a.cr:hover    { 
color:#333333; 
text-decoration: underline;
font-size:10px;
} 


a.cr:visited { 
color:#333333; 
text-decoration: underline;
font-size:10px;
} 

div.left33{
font-size:14px;
color:#666666;
font-family: Arial;
}

div.numbers{
font-size:20px;
color:#666666;
font-family: Arial;
 
}
.numbers2{
font-size:18px;
color:#666666;
font-family: Arial; 
}

p.center{
font-size:14px;
color:black;
font-family: Arial;
font-weight:bold; 
margin-top: 0.5em; /* Отступ сверху */
margin-bottom: 1em; /* Отступ снизу */
}
p.center2{
font-size:12px;
color:#666666;
font-family: Arial;
margin-top: 0.5em; /* Отступ сверху */
margin-bottom: 1em; /* Отступ снизу */
}
td.roz{
background-color:#FDF6E0
}
div.client{
font-family: Arial;
color: #7B1632; 
font-size: 14px;

}
div.client2{
font-family: Arial;
color: black;
font-size: 14px;
}

div.sh1{
font-family: Times New Roman;
color: #CC3333;
font-size: 19px;
font-style: italic;
}
div.sh2{
font-family: Times New Roman;
color: #996633;
font-size: 19px;
font-style: italic;
}
div.sh3{
font-family: Times New Roman;
color: #333366;
font-size: 19px;
font-style: italic;
}
div.sh4{
font-family: Times New Roman;
color: #CC3399;
font-size: 19px;
font-style: italic;

}
div.sh5{
font-family: Times New Roman;
color: #FF0033;
font-size: 19px;
font-style: italic;
}

a,a:active,a:visited { 
color: #333333; 
text-decoration:underline;
font-size:13px;
  
} 
a:hover    { 
color:#333333; 
text-decoration: underline;
font-size:13px;
} 
a img{
border:none;
}





a.a2:link{ 
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size: 18 px;
} 
a.a2:visited  { 
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size: 18 px;
}
a.a2:hover    { 
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size: 18 px;
} 

a.tele:link {
font-size:18px;
color:#003399;
font-family: Arial;
font-weight:bold;
text-decoration:underline;
}

a.tele:hover{
font-size:18px;
color:#003399;
font-family: Arial;
text-decoration:underline;
font-weight:bold;
}

a.tele:visited{
font-size:18px;
color:#003399;
font-family: Arial;
font-weight:bold;
text-decoration:underline;
}

a.tele22:link {
font-size:18px;
color:#003399;
font-family: Arial;
font-weight:bold;
text-decoration:underline;
}

a.tele22:hover{
font-size:18px;
color:#003399;
font-family: Arial;
text-decoration:underline;
font-weight:bold;
}

a.tele22:visited{
font-size:18px;
color:#003399;
font-family: Arial;
font-weight:bold;
text-decoration:underline;
}


a.pr:link{
font-size:14px;
color:#003399;
font-family:Arial;
font-weight:bold;
text-decoration:underline;
}
a.pr:visited{
font-size:14px;
color:#003399;
font-family:Arial;
font-weight:bold;
text-decoration:underline;
}
a.pr:hover{
font-size:14px;
color:#003399;
font-family:Arial;
font-weight:bold;
text-decoration:underline;
}
a.pr:active{
font-size:14px;
color:#003399;
font-family:Arial;
font-weight:bold;
text-decoration:underline;
}



a.client:link{
font-family: Arial;
color: #7B1632; 
font-size: 14px;
text-decoration:none;
}
a.client:visited{
font-family: Arial;
color: #7B1632; 
font-size: 14px;
text-decoration:none;
}

a.client:hover{
font-family: Arial;
color: #7B1632; 
font-size: 14px;
text-decoration:underline;
}


ul.ul1 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul1 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button1.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}


ul.ul1 a {
background:url(images/button11.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:150px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul1 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}

ul.ul1 span {
position:relative;
top:8px;
left:20px
}



ul.ul11 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}

ul.ul11 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button1.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}


ul.ul11 a {
background:url(images/button1.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:150px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul11 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}

ul.ul11 span {
position:relative;
top:8px;
left:20px
}






ul.ul2 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul2 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button22.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul2 a {
background:url(images/button2.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:150px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul2 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul2 span {
position:relative;
top:8px;
left:33px
}


ul.ul22 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul22 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button22.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul22 a {
background:url(images/button22.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:150px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul22 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul22 span {
position:relative;
top:8px;
left:33px
}




ul.ul3 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul3 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button33.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul3 a {
background:url(images/button3.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:150px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul3 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul3 span {
position:relative;
top:8px;
left:25px
}



ul.ul33 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul33 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button33.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul33 a {
background:url(images/button33.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:150px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul33 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul33 span {
position:relative;
top:8px;
left:25px
}



ul.ul4 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul4 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button44.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul4 a {
background:url(images/button4.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:150px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul4 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul4 span {
position:relative;
top:8px;
left:50px;
}



ul.ul44 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul44 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button44.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul44 a {
background:url(images/button44.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:150px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul44 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul44 span {
position:relative;
top:8px;
left:50px
}



ul.ul5 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul5 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button55.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul5 a {
background:url(images/button5.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:140px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul5 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul5 span {
position:relative;
top:8px;
left:27px
}



ul.ul55 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul55 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button55.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul55 a {
background:url(images/button55.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:140px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul55 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul55 span {
position:relative;
top:8px;
left:33px
}



ul.ul6 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul6 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button66.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul6 a {
background:url(images/button6.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:120px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul6 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul6 span {
position:relative;
top:8px;
left:23px
}



ul.ul66 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul66 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button66.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul66 a {
background:url(images/button66.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:120px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul66 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul66 span {
position:relative;
top:8px;
left:23px
}







ul.ul7 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul7 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button77.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul7 a {
background:url(images/button7.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:104px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul7 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul7 span {
position:relative;
top:8px;
left:19px
}


ul.ul77 {
list-style:none;
height:54px;
padding:0px;
margin:0px;
}
ul.ul77 li { /* это родительский элемент нашей кнопки */
float:left;
background:url(images/button77.jpg) no-repeat top left;
/* устанавливаем фон - картинку при наведении курсором на кнопку*/
}
ul.ul77 a {
background:url(images/button77.jpg) top left no-repeat;
/* установили фон обычной кнопки */
height:54px;
width:104px;
display:block;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
color:#eee;
line-height:35px;
}
ul.ul77 a:hover {
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
ul.ul77 span {
position:relative;
top:8px;
left:19px
}




#scrollable {
	background-color:#efefef;
	border:1px solid #ddd;
	padding:10px 8px;
	width:550px;
	height:65px;
}

/* контейнер для элементов, которые мы будет скролить */
div.items {
	height:66px;	
	margin-left:8px;	
	float:left;
	width:478px !important;
}



/* стиль элемента */
div.items a {
	display:block;
	float:left;
	margin-right:8px;
	width:88px;
	height:66px;
	background:url(img/item.gif) 0 0 no-repeat;
	font-size:50px;
	color:#ccc;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.items a:hover {
	color:#999;	
}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}


/* кнопки вперед и назад */
a.prev, a.next {
	display:block;
	width:30px;
	height:30px;
	float:left;
	background-repeat:no-repeat;	
	margin:15px 0 0 0;
}

a.prev {
	background:url(img/button-left.gif);		
}

a.prev:hover {
	background:url(img/button-left-over.gif);		
}

a.next {
	background:url(img/button-right.gif);		
}

a.next:hover {
	background:url(img/button-right-over.gif);		
}


/* верхняя навигация */
div.navi {
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}


/* элементы верхней навигации */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(img/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	

.Main
	{
	background-color: white;
	overflow: hidden;
	z-index:4; 
	position: relative; 
	left: 50px; 
	top: 10px; 
	width:900px;
	height:120px;
	}

.MainMImage
	{overflow: hidden;
	color: white;
	z-index:5;
	position: absolute;
	left: 0px; 
	top: 0px; 
	width:880px; 
	height:120px;
	}
	
.FrameMImage
	{
	color: black;
	z-index:6;
	position: absolute;
	left: 20px; 
	top: 0px; 
	width:70px; 
	height:110px;
	overflow:hidden;
	}
	
.MImage
	{cursor: pointer; 
	background-color: white;
	color: black;
	z-index:7;
	position: absolute;
	left: 50px; 
	top: 0px; 
	overflow:hidden;
	}
	
.Description
	{
		background-color: white;
		color: black;
		left:0px;
	}

div.left
	{
		font-size:12px;
		color:#666666;
		font-family: Arial;
		left:0px;
	}	

	
.NextImage
	{cursor: pointer; 
	background-color: #E4E4E4;
	color: black;
	z-index:18;
	position: absolute;
	left: 880px; 
	top: 0px; 
	width:0px; 
	height:120px;
	}
	
.BackImage
	{cursor: pointer; 
	background-color: #E4E4E4;
	color: black;
	z-index:18;
	position: absolute;
	left: 0px; 
	top: 0px; 
	width:0px; 
	height:120px;
	}


div.left2{
font-size:14px;
color:#666666;
font-family: Arial;
}