@font-face {
font-family: MTV Upgrade;
src: url(fonts/TdBUyEfP.ttf);
}
h1{font-size:30px;font-family: MTV Upgrade;line-height: 30px;margin: 0;PADDING: 0px 0px 16px 0px;}
h2{font-size:26px;font-family: MTV Upgrade;}
h3{font-size:20px;font-family: MTV Upgrade;margin: 0;PADDING: 0px 0px 6px 0px;}
p{
margin-top: 8px;
margin-bottom: 8px;
}

a:hover img {
filter: contrast(120%);
-webkit-filter: contrast(120%);
-moz-filter: contrast(120%);
-o-filter: contrast(120%);
-ms-filter: contrast(120%);
}

body{
margin: 0;
font-family:Calibri, Tahoma, Arial;
background:#ffffff;color:#1F1F1F;background: url("fon.jpg") no-repeat center center fixed;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;
}

#Pages {
width: 450px;/* PageWidth */
margin-left: -225px;/* Page2Width */
margin: 20 auto;PADDING: 10px;position:absolute; left:50%;
top:130px;
}	

#LeftPanel {
position:absolute; left:-200px;
top:80px;
width:220px;
margin: 0;
PADDING: 0px;border-width:0px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;
background:#ffffff;
opacity: 0.70; /* Полупрозрачный фон */
filter: alpha(Opacity=70); /* Прозрачность в IE */
-webkit-box-shadow:0 0 8px rgba(0,0,0,.7);-moz-box-shadow:0 0 8px rgba(0,0,0,.7);box-shadow:0 0 8px rgba(0,0,0,.7);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:10px;
z-index:-1;
}	

#mnTitleFon{
background:#CB5201;
border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
-khtml-border-radius:6px 6px 0px 0px;
z-index:-1;
}
#mnTitle{
height: 32px;
PADDING: 4px;
background-image: linear-gradient(#7FBCF1, #005A50);/* background0 */
color: #ffffff;
border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
-khtml-border-radius:6px 6px 0px 0px;
}
#mnTitle h3{
line-height: 20px;
margin:5px;
PADDING: 0px;
}

#mnBox{
margin-right:30px;
margin-left:0px;
}
#mnBox ul,li{
margin-left:-8px;
}
#mnBox li{
PADDING: 6px;
}
.activM1 {
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;
background:#CB5201;
}	
.activM {
background-image: linear-gradient(#7FBCF1, #005A50);/* background0 */
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;
}	
.activM  a{
color: #ffffff;
}	

#Page {
width: 100%;background:#FFFFFF;
-webkit-box-shadow:0 0 18px rgba(0,0,0,.5);-moz-box-shadow:0 0 18px rgba(0,0,0,.5);box-shadow:0 0 18px rgba(0,0,0,.5);
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:10px;
z-index:2;
}

a {
color: #005A50;/* ColorLink1 */
text-decoration: none; 
}
a:hover {
text-decoration: underline; 
color: #7FBCF1;/* ColorLink2 */
}
button , .button, .button:hover {
float: right;
background-image: linear-gradient(#7FBCF1, #005A50);/* background0 */
border: none;width: auto;overflow: visible;color: #FFF;
text-decoration: none;
padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
.button:hover {
box-shadow: 0 1px 4px #F8C700;
}

#Telefon{width: 90%;height: 50px;}
#Telefon a{color: #000000;}
#Telefon a:hover{color: #000000;}

#Column{PADDING: 8px;width: 100%;border-style:solid;border-width:1px;border-color:#ccc;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;}

#Panel{
height: 45px;
background-image: linear-gradient(#7FBCF1, #005A50);/* background0 */
PADDING: 0px;border-width:0px;
border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
-khtml-border-radius:6px 6px 0px 0px;
}
#PanelFon{
background: #7FBCF1;/* background2 */
width: 450px;/* PageWidth */
border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
-khtml-border-radius:6px 6px 0px 0px;
}
#Content{
PADDING: 30px;
}
#TovarBox{
margin:25px;
PADDING: 12px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
float:left;
width:200px;
height:260px;
}
#TovarBox:hover {
box-shadow: 0 1px 10px #F8C700;
}
#TovarImg{
width: 100%;
height: 150px;
border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
#TextBox{
PADDING: 12px;
float:left;
width:96%;
}
#TextBox:hover {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);*/
}
/* Меню */
.activ{
background: #005A50;/* background1 */
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;     
}
.activ1{
color: #005A50;/* ColorLink1 */
text-decoration: underline;font-weight: bold; 
}
.activ2{
color: #7FBCF1;/* ColorLink2 */
text-decoration: underline;
}
.activ3{
color: #005A50;/* ColorLink1 */
text-decoration: underline;font-weight: bold; 
}
.activ03{
color: #005A50;/* ColorLink1 */
text-decoration: none; font-weight: bold; 
}				
#menu ol,ul{list-style:none;}
#menu li {
z-index: 9999;padding: 0;
margin: 0px 12px 0px 0px;
list-style: none;float: left;position: relative;}
#menu li ul {
background: #005A50;/* background1 */
list-style: none;z-index: 9999;width: 250px;display: none;position: absolute;padding: 0;margin: 0;
-webkit-box-shadow:0 0 18px rgba(0,0,0,.5);-moz-box-shadow:0 0 18px rgba(0,0,0,.5);box-shadow:0 0 18px rgba(0,0,0,.5);
}
#menu li ul li {
z-index: 9999;
float: none;
padding: 0px;
margin: 0 auto;
text-align: left;
background: #7FBCF1;/* background2 */
}
#menu li a {
	display: block;	
	color: #fff;
	text-decoration: none;
	padding: 12px;
	}
#menu li:hover ul, #menu li.jshover ul {
	display: block;
	}
#menu li:hover, #menu li.jshover {
background: #005A50;/* background1 */
}				

/* Слайдер картинок */
div.orbit { width: 1px; height: 1px; position: relative; -moz-box-shadow: 0 0 10px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);  overflow: hidden; }
div.orbit img { position: absolute; top: 0; left: 0; }
div.orbit a img { border: none; }

div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right:10px; opacity: .6; cursor: pointer; z-index: 1001; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('orbit/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 40px; left: 0; background: url('orbit/timer-black.png') repeat 0px 0px;  }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; }

div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 43%; cursor: pointer; }
div.slider-nav span.right { background: url('orbit/right-arrow.png'); right: 10px; }
div.slider-nav span.left { background: url('orbit/left-arrow.png'); left: 10px; }   

/* Всплывающее окно */
#signup .modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

#signup .modalDialog:target {
		display: block;
		pointer-events: auto;
	}

#signup .modalDialog > div {
	display: block;
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #F8C700;
		background: -moz-linear-gradient(#005A90, #ffffff);
		background: -webkit-linear-gradient(#005A90, #ffffff);
		background: -o-linear-gradient(#005A90, #ffffff);
	}

#signup .close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

#signup .close:hover { background: #00d9ff; }
#signup-header { background: url(hd-bg.png); padding: 8px 8px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#signup-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

.txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
.btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }
.txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
.txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.txt-fld input.good_input { background: #DEF5E1 url(good.png) 220px center no-repeat; }
.txt-fld input.error_input { background: #FDE0E0; }

.txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
.btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }
.txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left;  }
.txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.txt-fld input.good_input { background: #DEF5E1 url(good.png) 220px center no-repeat; }
.txt-fld input.error_input { background: #FDE0E0; }
.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }       

/* Вкладки */
#polotno{width: 600px;height: 600px;}
article.tabs
{
	position: relative;
	display: block;
	width: 40em;
	height: 15em;
	margin: 2em auto;
}
article.tabs section
{
	position: absolute;
	display: block;
	top: 1.8em;
	left: 0;
	width: 600px;
	height:560px;
	padding: 10px 20px;
	background-color: #ddd;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	z-index: 0;
}
article.tabs section:first-child
{
	z-index: 1;
}
article.tabs section h2
{
	position: absolute;
	font-size: 1em;
	font-weight: normal;
	width: 120px;
	height: 1.8em;
	top: -1.8em;
	left: 10px;
	padding: 0;
	margin: 0;
	color: #999;
	background-color: #ddd;
	border-radius: 5px 5px 0 0;
}
article.tabs section:nth-child(2) h2
{
	left: 132px;
}

article.tabs section:nth-child(3) h2
{
	left: 254px;	
}
article.tabs section h2 a
{
	display: block;
	width: 100%;
	line-height: 1.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}
article.tabs section:target,
article.tabs section:target h2
{
	color: #333;
	background-color: #fff;
	z-index: 2;
}

/* Галерея */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#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-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*Zoom Image*/
dl dd{margin:0px;}
dl dt{}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}


ul#thumblist{display:block;margin:4px;}
ul#thumblist li{float:left;margin-right:2px;margin-left:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #cccccc;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid #E60000;
}

img.zoomThumbActive{
    border:1px solid #0A78FF;
}

.jqzoom{

	text-decoration:none;
	float:left;
}

.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}
.zoomPad a:hover img{
            opacity: 1;
            filter: alpha(opacity=100);
}
.zoomWrapperImage a:hover img{
            opacity: 1;
            filter: alpha(opacity=100);
}
.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:40px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}