/* ACHTUNG!!! styles.css is a hardlink */
body {
	font:10pt Arial, Helvetica, sans-serif;
	/*background:url(images/bgplanet.jpg) center top no-repeat #000 fixed;*/
	background:url(/images/bgplanetC.jpg) center top no-repeat #000 fixed;
/*	background:url(images/02.03.nomer.design.jpg) center top no-repeat #000;*/
	margin:0;
	padding:0;
	color:#CECCCD;
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:400;
	text-align:left;
	border:0px solid rgba(0,0,0,0.0);
}

/*
div#spaceshuttle {
	position:fixed; top:330px; left:50%; margin-left:-470px; width:61px; height:100px;
	background:url(images/space_shuttle_100.png) transparent;border:0;padding:0;
}
*/

div#topbutton {display:none; position:fixed; top:0px; left:50%; margin-left:420px; width:58px; height:58px; cursor:pointer;}

div#nav a,
div#nav a:visited {color:#CECCCD;}
div#nav a:hover {color:#F90;}

.gray-border {border:1px solid #333230;}

#header{
	position:relative;
	width:900px; height:251px; padding:0; margin:0px 0px 0px -437px;
	top:0px; left:50%;
	background:url(images/canvtop.png) center 78px no-repeat transparent;
}
#topmenu {
	position:absolute; overflow:hidden;
	top:162px;
	left:95px;
	height:80px;
	padding:0;
	margin:0;
}
/* Кнопка меню */
#topmenu div.selected,
#topmenu div:hover {background:url(images/topmenubuttonshover.png) transparent no-repeat;}
#topmenu div { 	width:80px; height:80px; padding:0; margin:0; background:url(images/topmenubuttons.png) transparent no-repeat;  float:left;}
#topmenu div a{	width:80px; height:80px; padding:0; margin:0; display:block; text-decoration:none; }
#topmenu div,
#topmenu div a { border:0;}

#logo {	position:absolute;	top:33px;	left:50px;	padding:0; margin:0;}
#phone {	position:absolute;	top:187px;	left:677px;	padding:0; margin:0;	font-family:'Jura', sans-serif;	color:#774;	font-size:16pt;}
#search-sform {position:absolute;top:62px;left:348px;width:160px; height:22px;padding:0;margin:0px;}
#search-sform form {width:160px;height:22px;position:relative;}
#search-sform form input.submit {border:1px solid #F90;background:transparent;color:#CECCCD;margin:0;padding:2px 20px;font-family:'Jura',sans-serif;font-size:12pt;cursor:pointer;height:24px;}
#search-sform form input.submit {
	border:0;
	width:20px;height:20px;
	margin:0px;
	padding:0;
	display:block;
	position:absolute;
	top:1px;
	left:140px;
}
#search-sform form input.q {border:1px solid #F90;height:20px;background:transparent;color:#CECCCD;padding:0px 4px; margin:0;width:125px;
	display:block;top:0px;left:0px;position:absolute;}
#login {position:absolute;text-align:right;width:250px;top:43px;left:593px;margin:0;padding:0;}
#knopki {position:absolute; top:97px; left:708px; width:113px; height:25px;}
#knopki a {display:block;float:left;height:25px;margin:0;padding:0;text-decoration:none;background-image:url(/images/knopki.jpg);background-repeat:no-repeat;}
#knopki1 {width:37px; background-position:0px 0px;}
#knopki2 {width:39px; background-position:-37px 0px;}
#knopki3 {width:37px; background-position:-76px 0px;}

#center{
	position:relative;
	left:50%;
	width:850px; overflow:hidden;
	padding:0px; margin:0px 0px 0px -420px;
	background:url(images/canvcut.png) transparent left top repeat-y;
}
#leftcol { position:relative;
	width:192px; margin:0px 0px 0px 20px; float:left; overflow:hidden;
	padding:0px 8px 50px 68px;
}
#wa { float:left; overflow:hidden; position:relative;
	width:520px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 50px 0px;
}
#wa2 {padding:0px 30px 0px 20px; margin:0;}
#nav {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#footer1 {
	position:relative;
	left:50%;
	width:800px; overflow:hidden;
	padding:0px 0px 0px 0px; margin:0px 0px 0px -400px;
	background:url(images/footer1_bg.gif) transparent repeat-y center;
}
#footer1 div.nu-tipo-kak-sleva {
	width:192px; margin:20px 0px 0px 0px; float:left; overflow:hidden;
	padding:0px 8px 20px 68px;
	position:relative;
}
#footer1 div.nu-tipo-kak-sprava {
	float:left;
	position:relative;
	overflow:hidden;
	width:520px;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	color:#000;
}
#footer1 div.nu-tipo-kak-sprava h3 { color:#000; font-family:'Jura', sans-serif; font-size:14pt; margin:0 0 1em 0; }

#footer2 {
	position:relative;
	width:620px; left:50%; margin:0px 0px 0px -420px;
	padding:57px 105px 67px 115px;
	background:url(images/canvcut.png) transparent left top repeat-y;
}
#footer2 div { clear:both; padding:0; }
#copyright { margin:20px 0px 0px 0px; display: flex; align-items: center; justify-content: space-between}
#botmenustr { display: flex; align-items: center; justify-content: space-between; width:630px; margin:0px 0px 57px 0px; padding:0; font-size:9pt; }
#botmenustr a { display:block; margin:0; padding:0; text-transform:uppercase; color:#CECCCD; }
#botmenustr a:hover { color:#F90; }
#counters { position:absolute; display:block; right:0; bottom:0; width:279px; height:33px; margin:0; padding:0; }

#bottomline { width:801px; height:1px; margin:0px 0px 14px -400px; padding:0; background:url(images/footer1_bg.gif) no-repeat center top; left:50%; position:relative; }


#leftcol ul {	list-style:none; margin-left:0; padding-left:0; }
#leftcol ul li { margin-top:9px; font-size:12px; }
#leftcol ul li ul { margin-left:14px; }
#leftcol div h3,
#leftcol div h3 a { color:#F90; text-decoration:none; font-weight:normal; font-family:'Jura', sans-serif; font-size:13pt; }
#leftcol div h3 a:hover { color:#FDA; }
#leftcol div.left_news p span { font-size:9pt; color:#48A4FB; text-decoration:none; }
#leftcol div.left_news p a { font-size:9pt; color:#CECCCD; letter-spacing:0pt; word-spacing:0pt; line-height:1; text-decoration:none;}
#leftcol div.left_news p a:hover,
#leftcol div.left_news p a:active { text-decoration:underline;}

#leftcol div.list a.selected,
#leftcol div.list a.selected:visited {color:#F90;font-weight:bold;}
#leftcol div.list a,
#leftcol div.list a:visited {color:#CECCCD;}
#leftcol div.list a:hover {color:#F90;}

.adv { margin-bottom:14px; }

/*#col1 div#fotoarchive .selected {}*/

/*	#wa h1 { color:#f90; font-family:'Jura', sans-serif; font-size:14pt; }
	#wa div p { margin:0; padding:0; }*/
#wa img.left { float:left; margin:5px 10px 10px 0px; }
#wa img.right { float:right; margin:5px 0px 10px 10px; }

.clear { clear:both; }
.floatleft { float:left; }

.card { width:122px; margin:0px 34px 20px 14px; float:left; position:relative;}
.card div { width:120px; border:1px solid #333230;}
.card div p { display:block; width:120px; padding:0; color:#48A4FB; text-align:center; border:0; }
.card div img { margin:0px 0px 0px 0px; padding:0;}
.card p.name span {color:#F90;}
.card p.name { font-size:9pt; text-align:center; color:#fff;}

#uc {
	position:fixed;
	top:0px;
	left:50%;
	margin-left:-450px;
	width:900px;
	height:200px;
	background:url(images/uc.png) transparent;
	border:0px;
}


.reduc {	border:1px solid red;}
.uc pre,
.uc0 pre {color:#fff;}
.uc {  border:1px dashed #f90;background:url('images/uc.png');}
.uc0 { border:0;background:url('images/uc.png');}

.nomera { overflow:hidden; margin-top:10px; }
.nomera div { position:relative; width:102px; height:189px; float:left; margin:0px 50px 20px 0px; }
.nomera div a img { width:100px; height:140px; border:1px solid #333230; margin:0; padding:0; cursor:pointer; }
.nomera div a img:hover {opacity:0.7;}
.nomera div p a { }
.nomer div.buy,
.nomera div.buy {display:none !important; position:absolute; top:125px; left:11px; background:#000000; width:75px; height:26px; text-align:center; padding:2px; border:1px solid #F90; font-size:8pt;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0px 0px 10px rgba(247,162,32,.4), inset 0px 0px 5px rgba(247,162,32,.4); cursor:pointer; }
.nomer  div.buy {display:none !important; top:19rem;left:2.125rem;}

.nomer  div.buy:hover,
.nomera div.buy:hover {display:none !important; background:rgba(30,30,30,0.8); color:#FFFFFF;}

.nomera div div.paymentform {/*display:block;*/ position:absolute; top:0; left:0; width:200px; height:200px; }
.fog {position:fixed; top:0; left:0; background:rgba(10,10,10,0.98); width:100%; height:100%; }
.fog .closer {position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;}
.payform {display:block; position:relative; width:50rem; margin:2rem auto; left:0; right:0; background:rgba(255,255,255,0.2); box-shadow:0px 0px 20px rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.3); }
.payform form {overflow:hidden;}
.payform form .lab {width: 5rem; display: inline-block; line-height: 2rem; font-size: 0.75rem; padding: 0 1rem; text-align: right; }
.payform form .price {}
.payform form .inp {background:transparent; border:0;border-bottom: 1px solid rgba(255,255,255,0.1); line-height:2rem; font-size:1rem; color:#FFFFFF; padding:0 1rem; width:16rem; }
.payform form .co1 {position:relative; float:right; margin:1rem 0; width:35rem; text-align:center; }
.payform form .co2 {position:relative; top:0; margin:1rem 0; width:15rem; text-align:center; }
.payform form .group {width: 21rem; display: block; left: auto; text-align: left; right: auto; margin: 0 auto; padding: 0.5rem 0; }
.payform form input[type="submit"] {background: transparent; border: 1px solid rgba(255,255,255,0.5); line-height: 2rem; padding: 0 1rem; color: #d0d0d0; }
.payform form .inp:hover,
.payform form input[type="submit"]:hover {background:rgba(255,255,255,0.1);}
.payform form .price {font-size: 1.5rem; }

#basket     { position:absolute; overflow:hidden; top:130px; left:50%; width:60px; margin:0px 0px 0px -486px; padding:6px 12px; border:1px dashed red; border-right:0px; background:rgba(0,0,0,0.5); }
#basket.fix { position:fixed;     top:16px; }
#basket:hover { border:1px solid #A0A0A0; border-right:0px; }
#basket p:first-child { display:block; width:100%; margin:0px; text-align:center; color:#F90; font-family:'Jura',sans-serif; font-size:14px; padding:2px 0px; cursor:pointer; }
#basketitems ul { list-style-type:none; margin:0px; padding:0px; }
#basketitems ul li { list-style-type:none; margin:0px 0px 5px 0px; padding:0px; position:relative; }
#basketitems ul li img { width:60px; height:84px; }
#basketitems ul li div.f1 { position:absolute; top:0px; left:70px; display:none; width:290px; }
#basketitems ul li div.butback { position:absolute; width:66px; height:19px; top:84px; left:-3px; background:url(/images/plusminus.png); }
#basketitems ul li div.quantity { posistion:absolute; text-align:center; top:84px; left:0px; width:60px; height:19px; }
/*#basketitems ul li span { text-shadow:0px 1px 0px rgba(0,0,0,.5); }*/
#basketitems ul li div.buyclass { width:33px; height:19px; background:transparent; display:block; cursor:pointer; position:absolute; top:84px; }
#basketitems ul li div.minus { left:-3px; }
#basketitems ul li div.plus  { left:30px; }
#basketitems ul li div.buyclass.minus:hover { background:url(/images/minushl.png); }
#basketitems ul li div.buyclass.plus:hover  { background:url(/images/plushl.png); }
#basketopen { cursor:pointer; }
	#f2 { position:relative; }
	#f2 input[name="email"] { border:1px solid #F90; height:20px; background:transparent; color:#CECCCD; padding:0px 4px; margin:0; width:200px; display:block; }
	#f2 textarea[name="text"] { border:1px solid #F90; height:70px; background:transparent; color:#CECCCD; padding:0px 4px; margin:1px 0px 0px 0px; width:200px; font-size:10px; }
	#send { background:grey; width:198px; padding:2px 6px; cursor:pointer; margin-bottom:10px; }

div.photo-album { clear:left; cursor:pointer; }
div.photo-album img { float:left; }
div.photo-album p {}

#wa div.nomer {overflow:hidden;}
#wa div.nomer div.image {float:left;}
#wa div.nomer div.image img {border:1px solid #CECCCD;width:150px; height:211px;}
#wa div.nomer div.article {margin:0px 0px 7px 0px; padding:0;}
#wa div.nomer div.article a {text-decoration:none; color:#CECCCD;}
#wa div.nomer div.article a:hover {text-decoration:underline; color:#d9d2c8; }
#wa div.nomer div.article span {font-size:8pt; color:#f90;}

#wa div.newnomer {overflow:hidden;}
#wa div.newnomer div.image {float:left;margin:0px 20px 10px 0px;}
#wa div.newnomer div.image img {border:1px solid #CECCCD;width:150px; height:211px;}
#wa div.newnomer h2 {color:#f90;}
#wa div.newnomer h2 a {font-size:11pt;text-decoration:none;font-weight:normal;}
#wa div.newnomer div.article {margin:0px 0px 7px 0px; padding:0;}
#wa div.newnomer div.article a {text-decoration:none; color:#CECCCD;}
#wa div.newnomer div.article a:hover {text-decoration:underline; color:#d9d2c8; }
#wa div.newnomer p {font-size:8pt;}
#wa div.newnomer div.pred {width:102px; height:209px;float:left;margin:0px 18px 0px 0px;}
#wa div.newnomer div.pred p {text-align:center;margin:0px auto;font-size:10pt;}
#wa div.newnomer div.pred a img {width:100px; height:140px;border:1px solid #d9d2c8;}

#wa div.album {clear:both; overflow:hidden;}
#wa div.album a {display:block; width:100%; height:100%; margin:0; padding:0; overflow:hidden; position:relative;}
#wa div.album a img {float:left; margin:0px 15px 15px 0px; width:150px; height:100px; border:0;}
#wa div.album a img:hover {
	-moz-box-shadow:  0px 0px 15px #555;
	-webkit-box-shadow:0px 0px 15px #555;
	box-shadow:       0px 0px 15px #555;
}
span.album-description,
span.album-author { color:#CECCCD; }

#wa div.gallery a img {width:150px; height:150px; margin:0px 10px 10px 0px;}
#wa div.gallery a img:hover {
	-moz-box-shadow:  0px 0px 15px #f90;
	-webkit-box-shadow:0px 0px 15px #f90;
	box-shadow:       0px 0px 15px #f90;
}
.hidden { display:none; }

#orderform {}
#orderform table.form-table {background:transparent;}
#orderform table.form-table thead {display:none;}
#orderform table.form-table td {padding:0px 5px;}

#orders { position:absolute; top:0; left:0; font-size:10px; }
#orders .list {}
#orders .list .item { min-height:55px;  margin:0px 0px 12px 0px;  overflow:hidden;  position:relative; }
#orders .list .item .oid { position:absolute;  top:0;  left:0;  background:#9A9A9A;  width:80px;  font-size:20px;  text-align:center;  color:white;  line-height:1.5; }
#orders .list .item .days { position:absolute;  top:0;  right:0px;  width:30px;  background:grey;  color:lightgrey;  line-height:2;  text-align:center; }
#orders .list .item .summ {   position:absolute;  top:0;  left:81px;  right:31px;  background:grey;  color:lightgrey;  line-height:2;  text-align:center; }
#orders .list .item .status { position:absolute;  top:31px;  left:0px;  background:#A15656;  color:white;  width:80px;  font-size:12px;  line-height:2;  text-align:center; }
#orders .list .item .status .statusspan { display:block; cursor:pointer; }
#orders .list .item .status input { display:none; }
#orders .list .item .status.editing .statusspan { display:none; }
#orders .list .item .status.editing input { display:block; border:1px dashed lightgrey; width:32px; }
#orders .list .item .items {margin:21px 0px 0px 81px;   background:grey;   min-width:76px;  padding:5px 8px;}
#orders .list .item .text {  margin:1px 0px 0px 81px;  background:grey;  min-width:76px;  padding:5px 8px;}

#magindex {color:#f90;}
#magindex div {} /* рубрика */
#magindex div p {margin:0px 0px 7px 0px; cursor:pointer;} /* название рубрики */
#magindex div p:hover {color:#d9d2c8;}
#magindex div div { /* статьи */
	margin:0px;
	color:#d9d2c8;
	line-height:110%;
	display:none;
}
#magindex div div.selected {display:block;}
#magindex div div p { margin:3px 0px 7px 10px; cursor:default; }
#magindex div div p a {	color:#d9d2c8; }
#magindex div div p a:hover {	color:#f90; }

div.person {width:120px;height:180px;float:left;cursor:pointer;margin:0px 18px 18px 0px;}
div.person div.role {color:#f90;}
div.person div.text {display:none;}
#persondetail {display:none;}

.background {position:absolute;left:0px;top:0px;width:600px;height:400px;background:#000;}
.pdcont		{position:absolute;left:0px;top:0px;width:560px;height:360px;padding:20px;overflow:auto;}
.pdcont img {float:right;margin:0px 0px 10px 10px;}
.pdcont h4 {color:#f90;}
.persondetail {padding:20px;width:600px;height:400px;position:fixed;left:500px;overflow:hidden;display:block;}

div#login {position:absolute;top:36px;right:4px;}

h1 { color:#f90; font-family:'Jura', sans-serif; font-size:14pt; }
h3,
h3 a { color:#F90; text-decoration:none; font-weight:normal; font-family:'Jura', sans-serif; font-size:13pt; }
h3:hover,
h3 a:hover { color:#FDA;}
img {border:0;}
.achtung {color:#F90;font-family:'Jura', sans-serif;font-size:14pt;}
a,
a.visited { color:#f90; }
a:hover,
a:active { color:#d9d2c8; }

#login-form-window{
	display:none;
	border:1px solid #000;
	background:#F5F5ED;
	padding:10px;
	z-index:10000;
	position:absolute;
	top:10%;
	left:45%;
	width:200px;
	color:#454545;
}
div#login {position:absolute;top:36px;right:4px;}
div#search {position:absolute; top:36px; left:300px;}

.w {color:#F90; text-decoration:none; font-weight:normal; font-family:'Jura', sans-serif; font-size:14pt; padding:10px 40px 10px 40px;}
.w h2 {color:#f00; font-size:12pt;}

p.news-item { text-align:justify; padding-right:15px;}
div.left_news p.news-item { text-align:left; }
p.news-item a { text-align:left; }

/* 3D BUTTON */
.button {
	display:block; clear:both;
/*	background-color:#DD901B;*/
	padding:4px 10px;
	border:1px solid #C17F1A;
	color:white; text-decoration:none;

	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;

/*	text-shadow:0px -1px 0px rgba(0,0,0,.5);*/
	-moz-box-shadow:0px 3px 15px rgba(193,127,26,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
	-webkit-box-shadow:0px 3px 15px rgba(193,127,26,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
	box-shadow:0px 3px 15px rgba(193,127,26,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);

/*	background-image:linear-gradient(bottom, rgb(193,127,26) 0%, rgb(221,144,27) 100%);
	background-image:-o-linear-gradient(bottom, rgb(193,127,26) 0%, rgb(221,144,27) 100%);
	background-image:-moz-linear-gradient(bottom, rgb(193,127,26) 0%, rgb(221,144,27) 100%);
	background-image:-webkit-linear-gradient(bottom, rgb(193,127,26) 0%, rgb(221,144,27) 100%);
	background-image:-ms-linear-gradient(bottom, rgb(193,127,26) 0%, rgb(221,144,27) 100%);
	
	background-image:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(221,144,27)),
		color-stop(1, rgb(247,162,32))
	);*/
}
#sf_RUB_ID_1  {
	display: none;
}

.book-info {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 15px;
}

.book-info__image-wrap {
	margin-right: 15px;
}

.book-info__image {
	width: 200px;
	height: 284px;
	display: inline-block;
}

.book-info__descr {
	margin-top: 0;
}

.book-info__test {
	padding-top: 15px;
}

.book-info__params {
	flex-grow: 1;
}

.book-info__download {
	text-align: left;
	width: 100%;
}

.book-info__params ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.book-info__params ul li {
	padding-bottom: 10px;
}

.book-info__download a {
	display: inline-block;
	margin-bottom: 8px;
}