@import url('https://fonts.googleapis.com/css?family=Pangolin&subset=cyrillic');
@font-face {font-family: 'rouble';
  src: url('./fonts/rouble-webfont.eot');
  src: url('./fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
       url('./fonts/rouble-webfont.woff') format('woff'),
       url('./fonts/rouble-webfont.ttf') format('truetype');
} 
footer, nav, header, section, aside {display: block;}
BODY {margin: 0 0 0 0; padding: 0 0 0 0; background: #FFECD3; background-image: url(i/krugi.gif); background-position: bottom left; background-repeat: no-repeat;}
div.basefont {font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 12px; margin: 0; padding: 0;}
TABLE {border: 0px; margin: 0 0 0 0; padding: 0 0 0 0; margin-top: 0; padding-top: 0;}
TD {color: #000000; font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 12px;}
TD.small {font-family: Tahoma, Arial, sans-serif; font-size: 7pt; color: #000000;}
TD.titleborder {color: #EF9638; font-family: Verdana, sans-serif; font-weight: bold; font-size: 14px; height: 28px; background-image: url(i/border-top.png); background-position: top left; background-repeat: no-repeat; padding-top: 5px; padding-left: 14px; padding-right: 12px;}
TABLE.ramka {height: 80px; background-image: url(i/border-shadow.png); background-position: bottom right; background-repeat: no-repeat;}
@media screen and (max-width: 860px) {
	.varfull {display: none;}
	.varcut {display: inline;}
        }
@media screen and (min-width: 860px) and (max-width: 981px) {
	.varfull {display: inline;}
	.varcut {display: none;}
        }
@media screen and (min-width: 981px) and (max-width: 1130px) {
	.varfull {display: none;}
	.varcut {display: inline;}
		}
@media screen and (min-width: 1130px) {
	.varfull {display: inline;}
	.varcut {display: none; padding: 0 0 0 0;}
		}
@media screen and (max-width: 980px) {
	TABLE.varwidth {width: 100%;}
	TD.varwidth2 {width: 1px;}
	TD.var {display: none;}
        }
@media screen and (min-width: 981px) and (max-width: 1280px) {
	TABLE.varwidth {width: 100%;}
	TD.varwidth2 {width: 1px;}
	TD.var {padding: 0 0 0 0;}
		}
@media screen and (min-width: 1281px) {
	TABLE.varwidth {width: 1030px;}
	TD.varwidth2 {width: 30px;}
	TD.var {padding: 0 0 0 0;}
        }
TD.rampicttop {width: 90px; height: 10px; background-image: url(/i/window_top.gif);}
TD.rampictcent {width: 90px; height: 120px;}
TD.rampictbot {width: 90px; height: 10px; background-image: url(/i/window_bott.gif);}
TD.ramkapict {padding-bottom: 6px; text-align: center;}
TD.ramkapictcent {padding-left: 2px; padding-bottom: 6px; text-align: center;}
TD.ramkatext {padding-top: 0; padding-left: 6px; padding-right: 8px; padding-bottom: 10px;}

A:visited {color: #E99F4A;}
A:link {color: #D98F3A; text-decoration: underline; font-family: Verdana, Arial, sans-serif; font-weight: normal;}
A:active {color: #E99F4A; text-decoration: underline;}
A:hover {color: #333333; text-decoration: underline; font-family: Verdana, Arial, sans-serif; font-weight: normal;}

A.tmenu:visited {color: #E59A47;}
A.tmenu:link {color: #E59A47; text-decoration: none; font-family: Verdana, sans-serif; font-weight: normal; font-size: 12px;}
A.tmenu:active {color: #CCCCCC; text-decoration: underline; font-family: Verdana, sans-serif; font-weight: normal; font-size: 12px;}
A.tmenu:hover {color: #C51203; text-decoration: underline; font-family: Verdana, sans-serif; font-weight: normal; font-size: 12px;}

TD.titlebord {color: #222222; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; height: 28px; background-image: url(i/border-top2.png); background-position: top left; background-repeat: no-repeat; padding-top: 5px; padding-left: 14px; padding-right: 12px; padding-bottom: 3px;}
A.titlebord:visited {color: #222222;}
A.titlebord:link {color: #222222; text-decoration: none; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px;}
A.titlebord:active {color: #222222; text-decoration: none; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px;}
A.titlebord:hover {color: #0000FF; text-decoration: none; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px;}

TD.bottom {color: #999999; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 9px;}
SPAN.art {white-space: nowrap; margin: 0 0 0 0; color: #999999; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 10px;}

A.Bottom:visited {color: #999999;}
A.Bottom:link {color: #999999; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: 1px dotted #7f7f7e;}
A.Bottom:hover {color: #333333; background: #FFFFFF; font-weight: normal; text-decoration: none; font-size: 9px; border-bottom: 1px dashed #7f7f7e;}

DIV {margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0;}
.titlegoods {text-transform: lowercase; margin-bottom: 8px; margin-top: 0; margin-left: 0; margin-right: 21px; color: #FF7603; font-family: Arial, sans-serif; font-weight: normal; font-size: 28px; text-align: right;}
DIV.bigtitle {margin-bottom: 10px; margin-top: 0; margin-left: 0; margin-right: 0; color: #FF7603; font-family: Arial, sans-serif; font-weight: normal; font-size: 24px; text-align: left;}
DIV.bigprice {margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; color: #FF7603; font-family: Georgia, serif; font-weight: normal; font-size: 20px; text-align: center;}
DIV.basicwords {color: #CCCCCC; font-family: Arial, sans-serif; font-weight: normal; font-size: 9px; text-align: left; margin-left: 6px; margin-right: 6px;}
SPAN.price {white-space: nowrap; margin: 0 0 0 0; color: #FF7603; font-family: Georgia, serif; font-weight: normal; font-size: 18px;}
SMALL {font-family: Tahoma, Arial, sans-serif; font-size: 7pt; color: #E99F4A;}
XMP {color: #000000; font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 12px;}
H1 {color: #EA9E46; font-weight: normal; font-size: 12px; margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0;}

FORM {margin: 0;}
INPUT, SELECT {font-family: 'MS Sans Serif', sans-serif; font-size: 8pt;}
.search-1 INPUT {border-top: 1px solid #cdd9e9; border-bottom: 1px solid #cdd9e9; border-left: 0; border-right: 0; height: 17px; width: 100%; padding: 0 3px 0 3px; cursor: pointer;}
.form2 {background-color: #FFFFFF; color: #000000; font-size: 9px; font-weight: normal; width: 306px; height: 19px;}
.form3 {background-color: #FFFFFF; color: #000000; font-weight: normal; width: 306px; height: 100px;}
.formsubm {cursor: pointer; background-color: #EEEEEE; color: #000000; font-size: 9px; font-weight: bold; width: 150px;}
.shadow {color: #dfdfdf; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 40px; margin-top: 5px; font-weight: normal;}
.base {color: #0000a0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 30px; margin-top: -40px; font-weight: 900;}

.ColPades a {background-color: #FFB530; border: #F2982A solid 1px; margin: 1px; padding: 2px 4px 2px 4px; color: #111111;}
.ColPades span {background-color: #FFFAEA; border: #F2982A solid 1px; margin: 1px; padding: 2px 4px 2px 4px; color: #FF7F00;}
.ColPades a:hover {background-color: #FF8F00; color: #111111;}

#window .window-block {width: 92px; background: url(i/window_top.gif) left top no-repeat;}
#window .window-block-inner {background: url(i/window_bott.gif) left bottom no-repeat; padding-bottom: 10px; padding-top: 10px;}
#window .bg {background-color: #FFFFFF;}

/*------window2 {margin: 0 auto; text-align: center;}---*/
.d1 {width: 92px; background: url(i/d1.gif) left top no-repeat #FFFAEA;}
.d1a {background: url(i/d1.gif) left top no-repeat #FFFAEA;}
.d1b {width: 105px; background: url(i/d1.gif) left top no-repeat #FFFAEA;}
.d2 {background: url(i/d2.gif) right top no-repeat;}
.d3 {background: url(i/d4.gif) right bottom no-repeat;}
.d4 {background: url(i/d3.gif) left bottom no-repeat; padding-bottom: 6px; padding-top: 6px;}

/*------------ Главное меню (menu) ----------------------*/
.Node {zoom: 1; margin-left: 0;}
.ExpandOpen .Expand {background-image: url(i/mminus.gif);}
.ExpandClosed .Expand {background-image: url(i/mplus.gif);} /* closed is higher priority than open */
.Square {background-image: url(i/msquare.gif); margin-left:0px;}
.Content {min-height: 20px; margin-left:19px; text-transform: uppercase; padding: 0; font-family: Verdana, sans-serif; font-weight: normal; font-size: 12px;}
* html .Content {height: 20px;}
.Expand, .Square {width: 18px; height: 20px; float: left;}
.ExpandOpen .Expand, .ExpandClosed .Expand {cursor: pointer;}
.ExpandLeaf .Expand {cursor: auto;}
.podmenu {min-height: 16px; margin-top:1px; text-transform: none; font-family: Verdana, sans-serif; font-size: 12px;}
.razdmenu1 {font-family: 'Pangolin', cursive; font-size: 20px; margin-left: 14px; margin-bottom: 3px; color: #FF7603; text-shadow: 2px 2px 4px rgba(80, 80, 0,.6);} 
/*------------ end of menu -----------------------------*/

.rouble {font-family: 'rouble'; font-style: normal; font-weight: normal; COLOR: #FF7603; FONT-SIZE: 16px;}
.rouble_big {font-family: 'rouble'; font-style: normal; font-weight: bold; COLOR: #FF7603; FONT-SIZE: 20px;}

.highslide {cursor: url(graphics/zoomin.cur), pointer; outline: none;}
.highslide img {border: gray solid 0;}
.highslide:hover img {border: white solid 0;}
.highslide-image {border: white solid 0;}
.highslide-caption {display: none; border: white solid 2px; border-top: none; font-size: 10pt; padding: 5px; background-color: white;}
.highslide-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black;}
a.highslide-credits, a.highslide-credits i {padding: 2px; color: silver; text-decoration: none; font-size: 12px; display: none}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white; background-color: gray;}
.highslide-move {cursor: move;}
.highslide-overlay {display: none;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.control {float: right; display: block; position: relative; margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 1px; margin-bottom: 1px;}
.control:hover {border-top: 1px solid #333; border-bottom: 1px solid #333; margin-top: 0; margin-bottom: 0;}
.control, .control * {color: #666;}
.controlbar a {display: block; float: left; height: 27px;}
.controlbar a:hover {background-image: url(graphics/controlbar4-hover.gif);}
.controlbar .previous {width: 50px;}
.controlbar .next {width: 40px; background-position: -50px 0;}
.controlbar .close {background: url(graphics/controlbar4.gif); width: 36px; background-position: -130px 0;}
.controlbar {background: url(graphics/controlbar4.gif); width: 127px; height: 34px;}
