@font-face {
font-family: MTV Upgrade;
src: url(fonts/TdBUyEfP.ttf);
}
   
body{margin: 0;font-family:MTV Upgrade,Times New Roman,Verdana,Tahoma,Arial;color:#999999;
font-size: 16px;
background: url("fon.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;
}

#polotno{font-size: 11px;font-family:Tahoma,Arial;color:#000000;}

#TopPanel{
width:100%;
background-color: #4397D3;/*333631*/
}

#NizPanel{
width:100%;
background-color: #4397D3;/*333631*/
color:#ffffff;
font-size: 14px;
}
#NizPanel a {color:#ffffff;}
#NizPanel a:hover {color:#ffffff;}
#NizPanel img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
#NizPanel img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
}
#gridImg {width: 1320px;}
#gridImg img {
filter: alpha(Opacity=100);
opacity: 1;
}
#gridImg img:hover {
filter: alpha(Opacity=75);
opacity: 0.75;
}

/*#gridImg ul {
margin-left:-40px; 
       -webkit-column-count: 4;
       -webkit-column-gap: 20px;
       -moz-column-count: 4;
       -moz-column-gap: 20px;
       column-count: 4;
       column-gap: 20px;
}

#gridImg li{
    display: inline; 
    margin-right: 5px;
    padding: 3px; 
}	

#gridImg ul li {
 width: 290px;
 height: 290px;
 top: 0px; left: 0px;
     margin-bottom: 10px;
    overflow: hidden;
}
#gridImg ul li a img,
#gridImg ul li a {
    width: inherit;
}
#gridImg ul li a span {
    display: block;
}
*/
#gridMin{
        width:276px; 
        height:254px; 
        float:left; 
        margin: 0 30px 30px 20px; 
        text-align:center;
     /*   padding: 10px;*/
}
#gridMin a:hover {text-decoration: none;} 
#gridMin a { text-decoration: none;}    
/*Адаптивный вариант*/
@media (max-width: 799px) {
#ContentPage img{width: 90%;}
#gridMin{
width:100%; 
height:auto; 
margin: 0 0 0 0; 
}
#gridMin img{
width:80%;
height:auto; 
}
p {
font-size:14px;
margin-top: 0px; /* Отступ сверху */
margin-bottom: 0px; /* Отступ снизу */
}
/*#gridImg ul li {
 width: 90%;
 top: 0px; left: 0px;
 margin-bottom: 10px;
 overflow: hidden;
}
#gridImg ul {
       -webkit-column-count: 1;
       -webkit-column-gap: 20px;
       -moz-column-count: 1;
       -moz-column-gap: 20px;
       column-count: 1;
       column-gap: 20px;
}*/
#slides{display:none;}
#gridImg {width: 100%;}
}

#Pages {
/*width: 1340px; PageWidth */
/*margin-left: -525px; Page2Width */
margin: 20 auto;PADDING: 10px;
left:50%; 
}	
	
#Page {width: 100%;
/*-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;
}
h1{font-size:28px;color:#999999;}
h2{font-size:24px;color:#999999;}
h3{font-size:16px;margin: 8px;color:#999999;}
h3 a {
color: #999999;
text-decoration: none; 
}
a {
color: #333631;/* ColorLink1 */
text-decoration: none; 
}
a:hover {
text-decoration: underline; 
color: #4397D3;/* ColorLink2 */
}
button , .button, .button:hover{
float: right;
background: #333631;/* background1 */
border: none;width: auto;overflow: visible;color: #FFF;
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);
}
#Telefon{
margin-top: -120px;
width: 250px;
left:70%; 
position:absolute; 
}
#Telefon a {
text-decoration: none; 
color: #4397D3;/* ColorLink2 */
}
#Telefon a:hover {
text-decoration: underline; 
color: #333631;/* ColorLink1 */
}
#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;}

#Navig{
width: 400px;
margin-top: -10px;
margin-left: -200px;
position:absolute; left:50%;
height: 45px;
}
#Panel{
width: 100%;
height: 45px;
background-image: linear-gradient(#4397D3, #333631);/* background0 */
-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;
}
#PanelFon {
width: 100p%;
background: #4397D3;/* background2 */
}
#Content{
/*PADDING: 30px;*/
}

/* Меню */
.activ{
background: #333631;/* background1 */
background-image: linear-gradient(#4397D3, #333631);/* background0 */
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; 
color: #ffffff;
}
.activ1{
color: #333631;/* ColorLink1 */
text-decoration: underline;font-weight: bold;  
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; 
}
.activ2{
color: #4397D3;/* ColorLink2 */
text-decoration: underline;
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; 
}
.activ3{
color: #333631;/* ColorLink1 */
text-decoration: underline;font-weight: bold; 
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; 
}
.activ03{
color: #333631;/* ColorLink1 */
text-decoration: none; font-weight: bold; 
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; 
}	
#menu a:hover {
color: #ffffff;
}			
#menu ol,ul{list-style:none;}
#menu li {z-index: 9999;padding: 0;margin: 0;list-style: none;float: left;position: relative;}
#menu li ul {
background: #ffffff;
list-style: none;z-index: 9999;width: 150px;display: none;position: absolute;padding: 0;margin: 0;
box-shadow:-3px 3px 6px #555555;
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; 
}
#menu li ul li {
z-index: 9999;
float: none;
padding: 0px;
margin: 0 auto;
text-align: left;
/*background: #003E9B; background2 */
background: #ffffff;
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; 
}
#menu li a {
	display: block;	
	text-decoration: none;
	padding: 12px;
	}
#menu li ul li {
}	
#menu li:hover ul, #menu li.jshover ul {
	display: block;
}
#menu li:hover, #menu li.jshover {
background: #E6CDB5;
border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px; 
background: #333631;/* background1 */
background-image: linear-gradient(#4397D3, #333631);/* background0 */
}				

/* Слайдер картинок */
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: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

#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;	
}