body {padding: 0px; margin: 0px; font-family: Verdana, Georgia,  sans-serif; overflow: auto; }

.backbox
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

table {border-collapse: collapse; width: 100%; height:100%; margin: 0px; padding:0px; }

.top {vertical-align: top; }
.logo {border: 0px; margin: 0px; vertical-align: top; }

.cop {color: #999999; float: right; margin-top: auto; margin-right: 5px; margin-bottom:5px; margin-left:5px; vertical-align: bottom; font-size: 10px;}


a:link {color: #000000; }
a:visited {color: #003366; }

a, a:active, a:hover, a:visited {
    outline: none; /* Убираем границу вокруг ссылок  */
   }

/* __________________________Accordion__________________________*/
.accordion {
  
	width: 900px;
	margin-left: auto;
	margin-right: 0px;
        margin-bottom: 20px;
   z-index: 5;

}

.martop { margin: 0px; width: 1px; height: 250px; }

.accordion h3 {
	background: #0099cc url(pic/arr_d.png) no-repeat 5px center ;
	padding: 7px 25px;
	margin: 10px 0 0px 0;
	font: bold 120%/100% Verdana, Helvetica, sans-serif;
	
	
	cursor: pointer;
	color: #ffffff;
}
.accordion h3:hover {
	background: #ffffff url(pic/arr_r.png) no-repeat 5px center ;
	color: #000000;
}
.accordion h3.active {
	background-position: right 5px;
	background: #ffffff url(pic/arr_r.png) no-repeat 5px center ;
	color: #000000;
}
.accordion h3.active:hover {
	
	background: #0099cc url(pic/arr_d.png) no-repeat 5px center ;
	color: #ffffff;
}

.accordion div.p {
	display: none;
border: 2px #0099cc;
	margin: 0;
	padding: 0;
	
}


.vi {z-index: 1;}

.cont_con {margin-top: 10px; z-index: 1; color: #000000;}

.tit {margin: 0px 0 3px 25px;
	font: bold 120%/100% Verdana, Helvetica, sans-serif;
    
	color: #3399FF;}

/* __________________________end_Accordion__________________________*/




/* __________________________HoverScroll_gallery__________________________*/


#my-list img { border-left-color: 1px #999999; border-right-color: #999999;}
#my-list li {padding: 0 2px 0 2px; }

/* Main container */
div.hoverscroll {
	position:relative;
	z-index: 1;
}


/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
}

/* Actual list containing items */
div.hoverscroll ul.list {
	list-style:none;
	margin:0;
	padding:0;
}

/* Items contained in the list */
div.hoverscroll ul.list li.item {
	display:block;
	padding:0;
}
div.hoverscroll.horizontal ul.list li.item {
	float:left;
}



/* Arrows */
div.hoverscroll div.arrow {
	position:absolute;
	float:none;

	background-position:center;
	background-repeat:no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80);
}

div.hoverscroll div.arrow.left,
div.hoverscroll div.arrow.right {
	top:0px;
	width:40px;
	height:100%;
}
div.hoverscroll div.arrow.left {
	left:0px;
	background-image:url('pic/arrow_left.png');
}
div.hoverscroll div.arrow.right {
	right:0px;
	background-image:url('pic/arrow_right.png');
}

div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom {
	left:0px;
	width:100%;
	height:40px;
}
div.hoverscroll div.arrow.top {
	top:0px;
	background-image:url('gfx/arrow-up-small.png');
	
}
div.hoverscroll div.arrow.bottom {
	bottom:0px;
	background-image:url('gfx/arrow-down-small.png');
}


/* Hover Zones */
/*
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}
div.hoverscroll div.hoverZoneLeft {
	cursor: url('gfx/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('gfx/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url('gfx/mouse-arrow-up.cur'), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url('gfx/mouse-arrow-down.cur'), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}
*/


/* __________________________end_HoverScroll_gallery__________________________*/


/* __________________________Menu__________________________*/
/* Basic code - don't modify */
 
 .droppy { display: block; margin: 2px 0 5px 7px; padding: 0; position: relative; z-index: 10;}
  .droppy li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  z-index: 10;}
  .droppy a { display: block; }
  .droppy ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .droppy ul { line-height: 0; } /* IE6 "fix" */
  	.droppy ul a { zoom: 1; } /* IE6/7 fix */
    .droppy ul li { float: none; }
    .droppy ul ul { top: 0; }
    
/* Essentials - configure this */

.droppy ul { width: 130px; }
.droppy ul ul { left: 131px; }

/* Everything else is theming */
 
.droppy { background-color: #ffffff; height: 24px; }
.droppy *:hover { background-color: none; }
.droppy a { border-right: 1px solid white; border-bottom: 1px solid white;  color: #000000; text-decoration: none; font-size: 12px; padding: 6px 10px 6px 10px; line-height: 1; }
  .droppy li.hover a { background-color: #cccccc; }
 
  .droppy ul { top: 25px; }
    .droppy ul li a {margin: 0px; background-color: #cccccc;}
      .droppy ul a.has-subnav { background-color: #333333 }
			.droppy ul a.hover { background-color: #30A8C3; }
   .droppy ul a {margin: 0px; border-top: #cccccc; border-right: none;  opacity: 0.7; filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7;}
   .droppy li.iskl a:hover { background-color: #30A8C3 !important; }
/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* __________________________end_Menu__________________________*/




/* __________________________gal_new__________________________*/

#navigation  ul li a.current { background: #3399FF; }
				


#screen2{z-index:1;
    position: relative;
	width:880px;
	margin:0 0 3px 0;
         
}



        /* Zones */
	.prev {z-index:3; display: block; position:absolute;top:0px;left:0px;height:502px; width:438px; }
        .next {z-index:3;  display: block; position:absolute;top:0px;right:0px;height:502px; width:438px; }
        .prev a { display: block;  text-decoration: none;}
	.next a { display: block;  text-decoration: none;}
.zonaleft {display: block; height:502px; width:438px; cursor: w-resize;}
.zonaright {display: block; height:502px; width:438px; cursor: e-resize;}
.zonaleft:hover  {background: url('pic/pre.png') no-repeat 10% 95% ; }
.zonaright:hover {background: url('pic/next.png') no-repeat 90% 95%;}

#navigation ul {  display: block; margin: 0; overflow: hidden ; padding: 0px; }
#navigation ul li { display: inline }
#navigation ul li a { background: #666666; color: #fff; display: block; float: left; margin-right: 1px; padding: 0px; height:15px; width: 15px; text-decoration: none;  }
#navigation ul { margin: 0 !important }


.stre-left {margin-left: 420px;}
.stre-left, #navigation, .stre-right { float: left; margin-right: 1px;}
.stre-left a, .stre-right a {display: block; height:15px; width: 15px;  border: 0px;  margin:0 !important;}     
.stre-left a img, .stre-right a img {border: 0px; margin:0; vertical-align: top;}


#slideshow ul, li {
	padding:0;
	margin:0;
	list-style:none;
}


#slideshow {
         z-index: 1;height: 502px; width: 880px; margin-bottom: 5px;
	overflow:hidden; border: solid 1px #666666;
	
}

	#slideshow ul{
		width:22000px;
		padding-left:65px;
	}

		#slideshow li{
			float:left;
			margin:0 2px;
			cursor:pointer;
		}
                
                    #slideshow li img {border: 1px #999999 solid; }

    
 .clear{
	clear:both;
	width:0;
	height:0;
}
/* __________________________end_gal_new__________________________*/


div.tab_vi {
  
  position: relative;
  height: 325px;
  width: 890px;
  margin: 5px 0 0 0px;
  /* Add scroll-bars */
  overflow: auto;
}

table.video
{
  height: 310px;
  /* Max width here, for users without Javascript */
  padding:0;
  /* Remove default margin */
  margin: 0;		
}

table.video td
{
margin: 0;
padding: 0;
border-right: solid #fff 10px;
}

table.video a {
  font-size: 12px;
  color: #000;
}

table.video td.black {
height: 265px;
background-color: #000;	
}





div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 325px;
  width: 890px;
  margin: 5px 0 0 0px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 310px;
  /* Max width here, for users without Javascript */
  width: 2000px;
  padding:0;
  /* Remove default margin */
  margin: 0;

  list-style: none;
  vertical-align: bottom !important;
}

.sc_menu li {
  display: block;
  float: left;
  padding: 0 15px 0 0;
  vertical-align: bottom !important;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}


.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #000;
}
.sc_menu a:hover span {
  display: block;
}