??/* ---ОБЩЕЕ--- */
html, body {
  margin:0;
  padding:0;
  border:0;
  height:100%;
}
hr {
	margin: 15px 0px;
	color:#ccc; /*для IE*/
	background-color:#ccc; /*для нормальных браузеров*/
	border:none;
	height:1px;
}
p { margin: 5px 0px;}
.catimg { display:block; float: left; margin: 3px 7px 7px 3px; }
body {
	background:  url() #E9B083; 
   background-repeat: ;
	color:#0059B3;
	font:normal 10pt tahoma, arial, verdana;
	padding: 0px 10px 10px 10px;
}
#wrapper {
	margin: 0 auto; 
	border: none;
	padding: 0px;
}
.op-main {
	color:#505050;
	font:normal 9pt Verdana, arial, verdana;
}
.pricegru {
	font:bold 12pt Verdana, arial, verdana;
	padding: 2px 20px;
}
tbody tr.odd {
	background-color: #FC0;
} 
thead th,thead td,tfoot th {
	padding: 0.5em;
	border: 1px solid #FFFBE6;
	background-color: #FC0;
} 
#td-main td{
	padding: 3px;
}
/* --- ШАПКА --- */
#header {
	clear:both;
	margin:0px;
	padding: 0px 10px 0px 0px;
	color:#008040;
	font:normal 16pt Times New Roman, arial, verdana;
	border-style: solid;
	border-color: #FC0;
	border-width: 1px 1px 0px 1px;
	height: 220px;
	background: #EBB13B;
}
#header_ {
	clear:both;
	margin:0px;
	padding: 0px 10px 0px 0px;
	color:#008040;
	font:normal 16pt Times New Roman, arial, verdana;
	border-style: solid;
	border-color: #FC0;
	border-width: 1px 1px 0px 1px;
	height: 45px;
	background: #EBB13B;
}
#header table{
	color:#008040;
	font:normal 16pt Times New Roman, arial, verdana;
	border:0px; 
}
#header a {
   color:#008040;
}
.leftbar .content { padding: 2px 2px 2px 2px;}
.leftbar {
	margin:0px 0px 0px 0px;
	color:#004080;
	font:normal 10pt Tahoma, arial, verdana;
}
#td-left {
	background: #FFFFE1;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 1px 1px 1px 1px; 
}
.leftbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.leftbar ul {
	margin:5px 0px;
}
.leftbar a { color:#004080; }
.leftbar table{
	color:#004080;
	font:normal 10pt Tahoma, arial, verdana;
	border:0px; 
}
.mainbar .content { padding: 10px 15px 10px 15px;}
.mainbar {
	margin:0px 0px 0px 0px;
	color:#000000;
	font:normal 10pt Verdana, arial, verdana;
}
#td-main {
	background: #FFFBE6;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 1px 1px 1px 1px; 
}
.mainbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.mainbar ul {
	margin:5px 0px;
}
.mainbar a { color:#000000; }
.mainbar table{
	color:#000000;
	font:normal 10pt Verdana, arial, verdana;
	border:0px; 
}
.rightbar .content { padding: 10px 15px 10px 15px;}
.rightbar {
	margin:0px 0px 0px 0px;
	color:#17310C;
	font:normal 10pt Tahoma, arial, verdana;
}
#td-right {
	background: #EEF2EE;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 1px 1px 1px 1px; 
}
.rightbar form {
	margin:0px 0px;
	padding:3px 0px;
}
.rightbar ul {
	margin:5px 0px;
}
.rightbar a { color:#17310C; }
.rightbar table{
	color:#17310C;
	font:normal 10pt Tahoma, arial, verdana;
	border:0px; 
}
/* ---КАТАЛОГИ--- */
.catalog ul{
	padding:2px 0px 2px 10px;
}

/* ---ПОДВАЛ--- */
#footer {
	margin: 0px;
	clear: both;
	padding: 10px 10px 10px 10px;
	border-style: solid; 
	border-color: #C0C0C0; 
	border-width: 1px 1px 1px 1px; 
	color:#000000;
	font:normal 9pt Arial, arial, verdana;
	background: #E8E8E8;
}
#footer a {
	text-decoration: underline;
	color:#000000;
}
#footer a:hover { 
	text-decoration: none;
}
#menu {
	padding: 1px 1px 1px 1px;
	border-style: solid; 
	border-color: #000000; 
	border-width: 1px 1px 1px 1px; 
	height: 56px;	
	background: #E9B083;
	clear:both;
}
#menu ul {
	margin:0px;
	margin-left:0px;
	padding:0px;
	list-style:none;
}
#menu li {
	display:inline;
}
#menu a {
	float:left;
	display:block;
	font:bold 10pt Arial Narrow, arial, verdana;
	color:#FFFFFF;
	height: 37px;
	background: #E9B083;
	text-align: center; 
	text-decoration: none;
	padding:19px 12px 0px 12px;
	margin: 0px 1px 0px 0px;
}
#menu a:hover {
   text-decoration: underline;
}
#menu #current a {
   text-decoration: underline;
}
#fotocen {
	margin: 10px 10px 10px 0px;
}

/* ---ИЗМЕНЕНИЯ В СТИЛЕ highslide--- */
.highslide-html {
	background-color: #FFFBE6; 
	color:#000000;
}
.highslide-html a{
	color:#000000;
}
.highslide-header a {
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-html-content {
	display: none;
	width: 500px;
	padding: 0px 7px 7px 7px;
}
#submit {
font-family: sans-serif;
color: #ffffff;
font-size: 18px;
padding: 0px;
text-decoration: none;
box-shadow: 0px 1px 3px #666666;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ce1515), to(#8b0d0d));
background: -moz-linear-gradient(top, #ce1515, #8b0d0d);
}
 
#submit:hover {
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#8b0d0d), to(#ce1515));
 background: -moz-linear-gradient(top, #8b0d0d, #ce1515)
}
#respond input[type=text], textarea {
 -webkit-transition: all 0.30s ease-in-out;
 -moz-transition: all 0.30s ease-in-out;
 -ms-transition: all 0.30s ease-in-out;
 -o-transition: all 0.30s ease-in-out;
 outline: none;
 padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;
 border: 1px solid #DDDDDD;
}
#respond input[type=text]:focus, textarea:focus {
 box-shadow: 0 0 5px rgba(81, 203, 238, 1);
 margin: 5px 1px 3px 0px;
 border: 1px solid rgba(81, 203, 238, 1);
}
#slidetabsmenu {
float:left;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 1px solid gray;
}

* html #slidetabsmenu{
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}


#slidetabsmenu a span {float:none;}


#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}
/* вставка */
  .meny{             /*Общий блок*/
	background: #FCAF45;     /*Фон общего блока*/  
	padding: 1px;     /*Отступ от пунктов меню*/
	border-radius: 8px;     /*Закруглённые углы*/
	box-shadow: 1px 1px 1px 1px #0ea8f4;     /*Рамка общего блока*/
	width: 1000px;     /*Ширина*/
	height: 45px;     /*Высота*/
	}
 .meny1{             /*Общий блок*/
	background: #FCAF45;     /*Фон общего блока*/  
	padding: 1px;     /*Отступ от пунктов меню*/
	border-radius: 8px;     /*Закруглённые углы*/
	box-shadow: 1px 1px 1px 1px #0ea8f4;     /*Рамка общего блока*/
	width: 725px;     /*Ширина*/
	height: 55px;     /*Высота*/
	}
 .meny2{             /*Общий блок*/
	background: #0ea8f4;     /*Фон общего блока*/  
	padding: 1px;     /*Отступ от пунктов меню*/
	border-radius: 8px;     /*Закруглённые углы*/
	box-shadow: 1px 1px 1px 1px #1088c6;     /*Рамка общего блока*/
	}	
  .box1 {         /*Пункты меню - размещение*/
	float: left;     /*Размещаем горизонтально*/
	margin: 1px 1px 1px 1px;     /*Отступ между пунктами*/
	width: 80px;     /*Ширина пунктов*/
	}
  .box2 {         /*Пункты меню - размещение*/
	float: left;     /*Размещаем горизонтально*/
	margin: 1px 1px 1px 1px;     /*Отступ между пунктами*/
	width: 85px;     /*Ширина пунктов*/
	}
  .box3 {         /*Пункты меню - размещение*/
	float: left;     /*Размещаем горизонтально*/
	margin: 1px 1px 1px 1px;     /*Отступ между пунктами*/
	width: 90px;     /*Ширина пунктов*/
	}
  .box4 {         /*Пункты меню - размещение*/
	float: left;     /*Размещаем горизонтально*/
	margin: 1px 1px 1px 1px;     /*Отступ между пунктами*/
	width: 100px;     /*Ширина пунктов*/
	}
  .box5 {         /*Пункты меню - размещение*/
	float: left;     /*Размещаем горизонтально*/
	margin: 1px 1px 1px 1px;     /*Отступ между пунктами*/
	width: 116px;     /*Ширина пунктов*/
	} 
  .box6 {         /*Пункты меню - размещение*/
	float: left;     /*Размещаем горизонтально*/
	margin: 1px 1px 1px 1px;     /*Отступ между пунктами*/
	width: 126px;     /*Ширина пунктов*/
	}
  .box7 {         /*Пункты меню - размещение*/
	float: left;     /*Размещаем горизонтально*/
	margin: 1px 1px 1px 1px;     /*Отступ между пунктами*/
	width: 130px;     /*Ширина пунктов*/
	}
  .box8 {         /*Пункты меню - размещение*/
	float: left;     /*Размещаем горизонтально*/
	margin: 1px 1px 1px 1px;     /*Отступ между пунктами*/
	width: 150px;     /*Ширина пунктов*/
	}                                   	
  ul {             /*Пункты подменю*/
	width: 80px;     /*Ширина пунктов подменю*/
	list-style: none;     /*Убираем маркеры*/
	padding: 0;     /*Поля вокруг текста*/
	margin: 0 0 0 0;     /*Отступы вокруг подменю*/
	font-family: Arial, sans-serif;     /*Шрифт текста в меню*/
	font-size: 12px;     /*Размер текста в меню*/
	text-align: center;     /*Текст по центру*/
	}
  li ul {             /*Размещаем подменю*/
	position: absolute;     /*Подменю позиционируются абсолютно*/
	display: none;     /*Скрываем подменю*/
	margin-left: 0px;     /*Сдвиг подменю вправо или влево*/
	margin-top: 0px;     /*Сдвиг подменю вверх или вниз*/
	}
  li a {              /*Ссылка в подменю*/ 
	display: block;     /*Ссылка*/
	padding: 5px;     /*Поля вокруг текста*/
	text-decoration: none;     /*Убираем подчеркивание*/
	color: #000000;     /*Цвет текста*/
	border-radius: 5px;    /*Закруглённые углы пунктов меню*/
	box-shadow: 1px 1px 1px 1px #140f0b;     /*Рамка пунктов меню*/
	background: #FCAF45;     /*Фон для старых браузеров*/
	background: -moz-radial-gradient(center, ellipse cover, #ffb841 50%, #FBFFFF);     /*Переходящий фон (градиент) пунктов меню*/
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,#ffb841), color-stop(100%,#FBFFFF)); 
			background: -webkit-radial-gradient(center, ellipse cover, #ffb841 50%, #FBFFFF);
				background: -o-radial-gradient(center, ellipse cover, #ffb841 50%, #FBFFFF);
					background: -ms-radial-gradient(center, ellipse cover, #ffb841 50%, #FBFFFF);
	}
  li a:hover {         /*Ссылки подменю при наведении курсора*/
	color: #ffe;     /*Цвет текста при наведении*/
	box-shadow: 1px 1px 1px 1px #0ea8f4; /*Рамка при наведении*/
	background: #953E00;     /*Фон при наведении*/
	background: -moz-radial-gradient(center, ellipse cover, #009494, #FBFFFF);     /*Градиент при наведении*/
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#009494), color-stop(100%,#FBFFFF)); 
		background: -webkit-radial-gradient(center, ellipse cover, #009494, #FBFFFF);
			background: -o-radial-gradient(center, ellipse cover, #009494, #FBFFFF);
				background: -ms-radial-gradient(center, ellipse cover, #009494, #FBFFFF);
	}
   li a:active{        /*При нажатии */
	color: #ef7a04;
	box-shadow: 0px 0px 15px 5px #0ea8f4;
	}
  li:hover ul {         /*Подменю при наведении курсора*/
	display: block;     /*Подменю отображается при наведении курсора*/
   } 
/* ШРИФТЫ */
@font-face {
    font-family: 'LeokadiaDecoRegular';
    src: url('leokadia_deco.eot');
    src: url('leokadia_deco.eot?#iefix') format('embedded-opentype'),
         url('leokadia_deco.woff') format('woff'),
         url('leokadia_deco.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;    
}
@font-face {
    font-family: 'Anfisa_Grotesk';
    src: url('anfisa_grotesk.eot');
    src: url('anfisa_grotesk.eot?#iefix') format('embedded-opentype'),
         url('anfisa_grotesk.woff') format('woff'),
         url('anfisa_grotesk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Fortuna_Gothic_FlorishC';
    src: url('fortuna_gothic_florishc.eot');
    src: url('fortuna_gothic_florishc.eot?#iefix') format('embedded-opentype'),
         url('fortuna_gothic_florishc.woff') format('woff'),
         url('fortuna_gothic_florishc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alexander';
    src: url('alexander.eot');
    src: url('alexander.eot?#iefix') format('embedded-opentype'),
         url('alexander.woff') format('woff'),
         url('alexander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'amerika_proregular';
    src: url('amerika_pro.eot');
    src: url('amerika_pro.eot?#iefix') format('embedded-opentype'),
         url('amerika_pro.woff') format('woff'),
         url('amerika_pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'America_XIX';
    src: url('am_xix.eot');
    src: url('am_xix.eot?#iefix') format('embedded-opentype'),
         url('am_xix.woff') format('woff'),
         url('am_xix.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Egipet';
    src: url('egipet.eot');
    src: url('egipet.eot?#iefix') format('embedded-opentype'),
         url('egipet.woff') format('woff'),
         url('egipet.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:bold 16pt 'LeokadiaDecoRegular', 'Comic Sans MS', cursive;
}
h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:bold 14pt 'Grand_Hotel', 'Comic Sans MS', cursive;
}
h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:bold 10pt 'amerika_proregular', 'Comic Sans MS', cursive;
}
h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:bold 12pt 'Anfisa_Grotesk', 'Comic Sans MS', cursive;
} 
h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:bold 12pt 'America_XIX', 'Comic Sans MS', cursive;
}

h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:bold 12pt 'Egipet', 'Comic Sans MS', cursive;
}

/* стиль баннера */
#parent_popup {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#popup {
  background: #fff;
  width: 520px;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border: 10px solid #ddd;
  position: relative;
  /*--CSS3 Тени для Блока--*/
  -webkit-box-shadow: 0px 0px 20px #000;
  -moz-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
  /*--CSS3 Скругленные углы--*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
   border-radius: 15px;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(0, 122, 200, 0.8);
}


/* стиль баннера 2*/
{
    font-family: Areal;
}
.b-container{
    width:200px;
    height:150px;
    background-color: #ccc;
    margin:0px auto;
    padding:10px;
    font-size:30px;
    color: #fff;
}
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
}
.b-popup .b-popup-content{
    margin:40px auto 0px auto;
    width:100px;
    height: 40px;
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}

/* --------------------------- ПРОБА 12012020 */

/* Базовые стили слоя, затемнения и модального окна */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.65);
position: fixed; /* фиксированное позиционирование */
cursor: default; /* тип курсора */
}
 
/* активируем слой затемнения */
.overlay:target {
display: block;
}
 
/* стили модального окна */
.popup {
top: -100%;
right: 0;
left: 50%;
font-size: 14px;
z-index: 20;
margin: 0;
width: 85%;
min-width: 320px;
max-width: 600px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
background: #fefefe;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font: 14px/18px 'Tahoma', Arial, sans-serif;
/* внешняя тень */
-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-webkit-transform: translate(-50%, -500%);
-ms-transform: translate(-50%, -500%);
-o-transform: translate(-50%, -500%);
transform: translate(-50%, -500%);
-webkit-transition: -webkit-transform 0.6s ease-out;
-moz-transition: -moz-transform 0.6s ease-out;
-o-transition: -o-transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}
 
/* активируем модальный блок */
.overlay:target+.popup {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 20%;
}
/* модальное окно 01042020 */

dialog{
border-radius: 20px;
background: yellow;
}