@font-face {font-family: myFont;src: url(pt-sans.ttf);}
@font-face {font-family: myFont1;src: url(clear-sans.ttf);}
 
h1,h2,h3{font-family:myFont;color:#31589b;}
h1{font-size:30px;line-height: 30px;margin: 0;PADDING: 20px 0px 16px 0px;}
h2{font-size:26px;}
h3{font-size:20px;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;
padding:0;
outline:none;
font-family:myFont1, 'Verdana', 'Arial', sans-serif;
font-size:14px;
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;
}
#header , #social, #phone{
text-align:center;
}
#header {
padding:40px 0px;
box-shadow: 0px 5px 30px rgb(199, 230, 245);
min-width:1000px;
padding-top:6px;
height:110px;
}
#wrapper {
position:relative;
max-width:1000px;
margin:0 auto;
}
#Logo {
width:35%;
float:left;
}	
#title {
width:45%;
float:left;
padding-top:14px;
}
#Logo img{
width:auto;
}	
#social {
width:20%;
float:left;
padding-top:72px;
}	
#social img{
width:27px;
height:auto;
}	
#phone , #whatsapp  {
width:25%;
float:left;
font-family: myFont;
font-size:22px;
position:relative;
display:inline-block;
font-weight:bold;
padding-left:8px;
color:#31589b;
padding-top:30px;
height:28px;
line-height:14px;
margin-left:60px;
}
.titlesup{
font-size:12px;
text-align:right;
}
#phone::before {
content:'';
position:absolute;
background:url(phone.png) no-repeat;
background-size:32px auto;
width:32px;
height:32px;
left:0px;
top:44%;
}
#whatsapp::before {
content:'';
position:absolute;
background:url(whatsapp.png) no-repeat;
background-size:32px auto;
width:32px;
height:32px;
left:0px;
top:44%;
}

/* Меню */
.clearfix{
content:'';
display:block;
clear:both;
}
.noDecoration{text-decoration:none;}
#headerMenu {
font-family:myFont;
max-width:1000px;
margin:0 auto;
position:relative;
}

#headerMenu  ul{
text-align:center;
list-style:none outside none;
}
#headerMenu li {
padding:0px 15px;
display:inline-block;
float:none;
}
#headerMenu li a:hover{
border-bottom:2px solid #31589b;
text-decoration:none;
}
#headerMenu li .activ{
border-bottom:2px solid #31589b;
font-weight:bold;
}
#headerMenu li a{
color:#0af;
text-transform:uppercase;
border-bottom:2px solid rgba(255,255,255,0);
letter-spacing:1px;
}

#Pages {
min-width:1000px;
margin:0 10% 0 10%;
/*top:131px;*/
}	

#Page {
position:relative;
top:18px;
width: 100%;
}

#footer {
color:#ffffff;
background:url(waves.gif);
padding:30px;
min-width:1000px;
box-shadow: 0px -5px 10px rgba(3, 14, 29, 0.2);
height:180px;
}
#footer a{color:#ffffff;}
#footer a:hover{color:#000000;}
#footerLogo {
width:15%;
float:left;
}	
#Copyright {
margin-top:14px;
width:30%;
float:left;
}
#footerMenu {
margin-top:10px;
width:20%;
float:left;
}
#Counter {
margin-top:60px;
width:15%;
float:left;
}
#mnTitleFon{
background:#CB5201;
border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
-moz-border-radius:8px 8px 0px 0px;
-khtml-border-radius:8px 8px 0px 0px;
z-index:-1;
}
#mnTitle{
height: 32px;
PADDING: 4px;
background-image: linear-gradient(#475874, #31589b);/* background0 */
color: #ffffff;
border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
-moz-border-radius:8px 8px 0px 0px;
-khtml-border-radius:8px 8px 0px 0px;
}
#mnTitle h3{
line-height: 8px;
margin:5px;
PADDING: 0px;
}

#mnBox{
margin-right:30px;
margin-left:0px;
}
#mnBox ul,li{
margin-left:-8px;
}
#mnBox li{
PADDING: 6px;
}


a {
color: #31589b;/* ColorLink1 */
text-decoration: none; 
}
a:hover {
text-decoration: underline; 
color: #475874;/* ColorLink2 */
}
button , .button, .button:hover {
float: right;
background-image: linear-gradient(#475874, #31589b);/* background0 */
border: 1;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:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px;
}

#Panel{
height: 45px;
background-image: linear-gradient(#475874, #31589b);/* background0 */
PADDING: 0px;border-width:0px;
border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-khtml-border-radius:8px 8px 0 0;
}
#PanelFon{
background: #475874;/* background2 */
width: 900px;/* PageWidth */
border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px;
}
#Content{
font-size:18px;
/*min-height:400px;
height:auto;*/
}
#TovarBox{
margin:38px;
float:left;
width:240px;
height:260px;
background-image:linear-gradient(#0AF, #E3F4FC);
border-radius:8px;
box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}
#RaspBox{
font-weight:bold;
width:102px;
height:30px;
background-image:linear-gradient(#FF3000, #EE851E);
border-radius:0 18px 18px 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
top:20px;
position:relative;
font-size:16px;
text-align:right;
padding-top:6px;
padding-right:14px;
color: #ffffff;
}
#InfoBox a{text-decoration: underline; }

#TovarBox:hover {
box-shadow: 0 1px 10px #0AF;
}
#TovarBox a{font-weight:bold;color:#ffffff;}
#TovarBox p{color:#ffffff;}
#InfoBox{
font-family:myFont;
font-size:16px;
margin-top:82px;
text-align:center;
background:#31589b;
height:100px;
padding:16px;
opacity: 0.80; /* Полупрозрачный фон */
border-radius:0px 0px 6px 6px;
}
#TovarBox:hover #InfoBox{
margin-top:32px;
height:150px;
opacity: 0.90; /* Полупрозрачный фон */
}

#InfoBox a{font-size:16px;}
#InfoBox p{font-size:16px;}
#InfoBox .hoverBlock{display:none;}
#TovarBox:hover .hoverBlock{display:block;}
#TovarBox:hover a{font-size:12px;}
#TovarBox:hover p{font-size:12px;}

#ImgBox{
width: 100%;
height: 250px;
padding-top:10px;
border-radius:6px;
opacity: 0.90; /* Полупрозрачный фон */
text-align:center;
}
#TovarImg{
width: 100%;
height: auto;
padding-top:10px;
border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
#TextBox{
PADDING: 12px;
width: 100%;
height: 100%;
}
#TextBox:hover {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);*/
}
.fancybox-buttons img{
width:230px;
height:220px;
margin:10px;
box-shadow:0 1px 10px rgba(1, 5, 9, 0.3);
border-radius:6px;
}
#priceInfo{
float: left;
border: 1px solid #e8e8e8;
border-radius: 3px;
color: #475874;
font-size: 16px;
font-weight: 300;
padding: 8px 13px;
margin-right: 8px;
height: 22px;
}
#btnPrice{
display: inline-block;
height: 18px;
line-height: 18px;
padding: 10px 15px;
border-radius: 3px;
color: #fff;
background-image: linear-gradient(#FF3000, #EE851E);
font-size: 14px;
text-transform: capitalize;
}
#regulInfo{
padding: 10px 15px;
background: linear-gradient(#31589b, #0af);
font-size: 15px;
font-weight: 400;
color: #fff;
display: inline-block;
margin-bottom: 4px;
}
.days{
margin-bottom:30px;
}

/* Слайдер картинок */
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: -8px; background: url('orbit/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 8px; 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: myFont1, 'Verdana', 'Arial', 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 8px 13px 8px;
		border-radius: 8px;
		background: #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 8px; border-bottom: 1px solid #EEE; text-align: right; }
.btn-fld { width: 254px; overflow: hidden; padding: 12px 8px 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) 28px center no-repeat; }
.txt-fld input.error_input { background: #FDE0E0; }

.txt-fld { position: relative; width: 364px; padding: 14px 8px; border-bottom: 1px solid #EEE; text-align: right; }
.btn-fld { width: 254px; overflow: hidden; padding: 12px 8px 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) 28px 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 8px;
	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: 18px;
	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: myFont1, 'Verdana', 'Arial', sans-serif;
   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;
}
/*@media (max-width: 420px) {
#header{width: 100%;min-width:100%}
#footer{width: 100%;min-width:100%}
}*/