*{padding:0; margin:0;}
html, body {
    min-height: 100%;
    height: auto !important;
	min-width:1270px;
	width:auto !important;

}
html{ background:-webkit-linear-gradient(0deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.1)10%, 	rgba(0,0,0,0.0)20%,rgba(0,0,0,0.0)80%,rgba(0,0,0,0.1)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
background:-o-linear-gradient(0deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.1)10%, 	rgba(0,0,0,0.0)20%,rgba(0,0,0,0.0)80%,rgba(0,0,0,0.1)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
background:-moz-linear-gradient(0deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.1)10%, 	rgba(0,0,0,0.0)20%,rgba(0,0,0,0.0)80%,rgba(0,0,0,0.1)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
background:-ms-linear-gradient(0deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.1)10%, 	rgba(0,0,0,0.0)20%,rgba(0,0,0,0.0)80%,rgba(0,0,0,0.1)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );}
body {}
.disp{ display:none;}
img{border:none;}
h2{font-family:Tahoma, Geneva, sans-serif; font-size:24px; text-shadow:#CCC; font-weight:normal; color:#333;}
p{font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#333; text-decoration:none;}
a{text-decoration:none;}
#wrapper{
	margin:0 auto 0;  
	width:1270px;  position:relative; padding-bottom:70px;

}
#header{
	margin:0 auto; 
	padding:0; 
	width:1270px; 
	
	position:relative;
} 

#ten_nadp{background:-webkit-linear-gradient(0deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 5%,rgba(0,0,0,0.0)17%,rgba(0,0,0,0.18)30%, rgba(0,0,0,0.25)50%,  rgba(0,0,0,0.18)67%,rgba(0,0,0,0)80%, rgba(0,0,0,0.05)93%,rgba(0,0,0,0.15)100% );
background:-o-linear-gradient(0deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 5%,rgba(0,0,0,0.0)17%,rgba(0,0,0,0.18)30%, rgba(0,0,0,0.25)50%,  rgba(0,0,0,0.18)67%,rgba(0,0,0,0)80%, rgba(0,0,0,0.05)93%,rgba(0,0,0,0.15)100% );
background:-moz-linear-gradient(0deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 5%,rgba(0,0,0,0.0)17%,rgba(0,0,0,0.18)30%, rgba(0,0,0,0.25)50%,  rgba(0,0,0,0.18)67%,rgba(0,0,0,0)80%, rgba(0,0,0,0.05)93%,rgba(0,0,0,0.15)100% );
background:-ms-linear-gradient(0deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 5%,rgba(0,0,0,0.0)17%,rgba(0,0,0,0.18)30%, rgba(0,0,0,0.25)50%,  rgba(0,0,0,0.18)67%,rgba(0,0,0,0)80%, rgba(0,0,0,0.05)93%,rgba(0,0,0,0.15)100% );
	-moz-box-shadow: 0px 0px 20px #333;
	-webkit-box-shadow: 0px 0px 20px #333;
	box-shadow: 0px 0px 20px #333;
	border:1px groove #BFBFBF;}	
#logo{ margin:0 auto;position:relative; height:135px;
	z-index:5;}

#ten{-moz-box-shadow: 0px 0px 20px #666;
	-webkit-box-shadow: 0px 0px 20px #666;
	box-shadow: 0px 0px 20px #666; 
	position:relative; margin-top:0px;}


#nav{
margin-left:660px;
width:610px;
height:30px;
list-style:none;
font-weight:normal; z-index:20; position:relative;
}

#nav li{
margin:0 auto;
width:150px;height:30px;
padding:0px;
position:relative;
float:left;
background:-webkit-linear-gradient(-90deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.1)10%, rgba(255,255,255,0.1)50%,	rgba(255,255,255,0.2)30%,rgba(0,0,0,0.25)75%, rgba(0,0,0,0.0)100% ); 
background:-o-linear-gradient(-90deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.1)10%, rgba(255,255,255,0.1)50%,	rgba(255,255,255,0.2)30%,rgba(0,0,0,0.25)75%, rgba(0,0,0,0.0)100% );
background:-moz-linear-gradient(-90deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.1)10%, rgba(255,255,255,0.1)50%,	rgba(255,255,255,0.2)30%,rgba(0,0,0,0.25)75%, rgba(0,0,0,0.0)100% );
background:-ms-linear-gradient(-90deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.1)10%, rgba(255,255,255,0.1)50%,	rgba(255,255,255,0.2)30%,rgba(0,0,0,0.25)75%, rgba(0,0,0,0.0)100% );
height:100%;
border-right:1px solid #666;  border-left:1px solid #666;

}
#nav li:hover{
background:-webkit-linear-gradient(90deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.0)5%, rgba(255,255,255,0.1)9%,	rgba(255,255,255,0.2)13%,rgba(0,0,0,0.25)75%, rgba(0,0,0,0.0)100% );
background:-o-linear-gradient(90deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.0)5%, rgba(255,255,255,0.1)9%,	rgba(255,255,255,0.2)13%,rgba(0,0,0,0.25)75%, rgba(0,0,0,0.0)100% );
background:-moz-linear-gradient(90deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.0)5%, rgba(255,255,255,0.1)9%,	rgba(255,255,255,0.2)13%,rgba(0,0,0,0.25)75%, rgba(0,0,0,0.0)100% );
background:-ms-linear-gradient(90deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.0)5%, rgba(255,255,255,0.1)9%,	rgba(255,255,255,0.2)13%,rgba(0,0,0,0.25)75%, rgba(0,0,0,0.0)100% );}

#nav li a{
opacity:0.8;
margin-left:0px; margin-top:0px;
padding:1px 0 5px;
width:100%; height:5px;
display:block;
color:#000;
text-decoration:none;
text-align:center;

font-size:14px;
-webkit-transition:0.25s linear all;
text-shadow:0px 0px 3px #FFF, 0px 5px 3px rgba(135,135,135,0.70);
font-weight:bold;

}

#nav li a:hover{
text-decoration:none;
color:#000;
background:none;
opacity:1; top:20px;
}	 
 
#nav ul{
list-style:none;
position:absolute;
opacity:0;
left:0px;
top:30px; 
-webkit-transition:0.25s linear all;
z-index:200; visibility:hidden;
}

#nav ul li{
background-image:url(dot.gif); width:156px;
padding-top:1px; 
left:0px;
float:none; background:none; border-left:none; border-right:none;
}
		
#nav ul a{
white-space:nowrap; 
display:block; height:0;
}
	
#nav li:hover ul{
opacity:1; 
left:-3px; z-index:200; visibility:visible;top:25px;
}

#nav li:hover a{ 
text-decoration:none;
color:#000; text-shadow:0px 1px 1px #FFF;margin-top:4px
}

#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
text-decoration:none;
-webkit-transition:-webkit-transform 0.025s linear;
color:#333; font-weight:bold; z-index:201; background: #CCC;
border-radius:2px; 
-moz-border-radius:2px;
-webkit-border-radius:2px; height:100%; margin-top:0px
}
#nav li:hover ul li:hover{background:none;}

	
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
text-decoration:none;
background:#333;
background:rgba(0,0,0,0.7); /* Будет полупрозрачным */
-moz-transform:scale(1.00);
-webkit-transform:scale(1.00);
color:#999;text-shadow:1px -1px 5px rgba(0,0,0,1); width:156px;
}

	 
#rama{margin:0px auto 0; padding:0;width:1270px; height:422px;position:relative;
background:-webkit-linear-gradient(0deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.1)10%, 	rgba(0,0,0,0.0)20%,rgba(0,0,0,0.0)80%,rgba(0,0,0,0.1)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
	background:-o-linear-gradient(0deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.1)10%, 	rgba(0,0,0,0.0)20%,rgba(0,0,0,0.0)80%,rgba(0,0,0,0.1)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
	background:-moz-linear-gradient(0deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.1)10%, 	rgba(0,0,0,0.0)20%,rgba(0,0,0,0.0)80%,rgba(0,0,0,0.1)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
	background:-ms-linear-gradient(0deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.1)10%, 	rgba(0,0,0,0.0)20%,rgba(0,0,0,0.0)80%,rgba(0,0,0,0.1)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );} 

#bl{margin:0; padding:0; width:1000px;}
#rt{margin:0px 0 0 0px; padding:0; width:500px;  float:left;}
#le{margin:0px 0 0 0px; padding:0; width:500px;  float:left;}

#content{height:100%; position:relative;
		-moz-box-shadow: 0px 4px 16px #000;
		-webkit-box-shadow: 0px 4px 16px #000;
		box-shadow: 0px 4px 16px #000;}	
		
td{padding:5px 20px 5px 20px; border:1px solid;
	border-radius:4px; 
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	background:-webkit-linear-gradient(90deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.2)10%, 	rgba(0,0,0,0.0)30%,rgba(0,0,0,0.0)70%,rgba(0,0,0,0.2)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
	background:-o-linear-gradient(90deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.2)10%, 	rgba(0,0,0,0.0)30%,rgba(0,0,0,0.0)70%,rgba(0,0,0,0.2)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
	background:-moz-linear-gradient(90deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.2)10%, 	rgba(0,0,0,0.0)30%,rgba(0,0,0,0.0)70%,rgba(0,0,0,0.2)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );
	background:-ms-linear-gradient(90deg,rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.35) 2%,rgba(0,0,0,0.2)10%, 	rgba(0,0,0,0.0)30%,rgba(0,0,0,0.0)70%,rgba(0,0,0,0.2)90%,rgba(0,0,0,0.35)98%, rgba(0,0,0,0.45)100% );}

#footer{margin:0px auto 0; margin-bottom:-61px;padding:0; width:1270px; height:80px; background:#CCC;  background:rgba(0,0,0,0.11);box-shadow:1px 3px 8px rgba(0,0,0,0.5);position:relative;}

 
.paging {
	    text-align: center;
	  }
	  .paging span {
	    text-decoration: none;
	    color: silver;
	    cursor: pointer;
	  }
	  .paging span.active {
	    font-size: 2em;
	    color: black;
	  }

	  .paging2 span {
	    font-size: 2em;
	  }
	  
article, aside, figure,  hgroup, section { display: block; }


figure img{display:block; width:100%; position:relative;}

figure { 
  display: block; 
  position: relative; 
  float: left; 
  overflow: hidden; 
  margin:0 auto; border:1px solid #999;
}
figcaption { 
  position: absolute; 
  background:-webkit-linear-gradient(-90deg,rgba(255,255,255,1) 0%, rgba(255,255,255,1)50%,rgba(200,200,200,1)100% );
  color:#444; 
  padding: 15px; 
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  font-size:28px; text-shadow:1px 2px 6px #666; font-weight:bold; height:50px; text-align:center; border-radius:4px 4px 0 0; 
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0; border-top:1px solid #999;}
figure:hover figcaption {
  opacity: 1; width:92.5%; height:40%;
}
figure:before { 
  content: "?"; 
  position: absolute; 
  font-weight: 800; 
  background: rgba(255,255,255,0.75); 
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;	
}
figure:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; bottom: -30%; }
.cap-left:hover figcaption { left: 0px; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }	

#mycarousel{ width:900px; height:400px;}
.tub{float:left;}
.tub li{float:left;}
.ot li a{
	text-decoration:none;
	position:relative; 
	cursor:auto;
	display:block;width:380px;}
	
.ot li a span{ display:block;
	text-decoration:none;
	visibility:hidden;
	opacity:0; 
	position:absolute; 
    top:30px;
	left:5px; 
	z-index:3; 
	width:380px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-style:normal; 
	color:#FFC; color:rgba(255, 244, 214, 0.85);
	background:#333; background:rgba(33, 35, 46, 0.6); 
	padding:8px;
	-moz-transition:all 0.25s ease-out;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	border-radius:5px; overflow:hidden;}
	
.ot:active li a span{
	text-decoration:none;display:block;
	visibility:visible; 
	opacity:1;
	top:10px;
	left:5px;width:380px;	
	}
	
#ssylki{margin-top:40px;font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-shadow:1px 1px 2px #888; text-indent:15%;}

@media (max-width: 1080px){
      .im{width:auto;
    }
}