BODY { MAX-WIDTH: 640px;  margin:0 auto; TEXT-ALIGN: center; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; FONT-SIZE: 10px;
}

A { FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; COLOR: black; 
}

A:hover { COLOR: red; text-decoration: underline;
}

A:active {	COLOR: red; 
}

A:link { COLOR: black; text-decoration: none; 
}

A:visited {
	COLOR: black; 
}

A.top {	FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none; PADDING-LEFT: 5px;  PADDING-RIGHT: 15px; 
}

A.top:hover { COLOR: red; text-decoration: underline; 
}

A.top:active { COLOR: red; text-decoration: underline; 
}

A.top:link { COLOR: #B2B2B2; text-decoration: none;
}

A.top:visited {	COLOR: #B2B2B2; text-decoration: none;
}

A.menu { white-space: nowrap; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: calc(5px + 1.5vw); TEXT-DECORATION: none; COLOR: black; PADDING-LEFT: 1px; MARGIN-TOP: 1px; MARGIN-BOTTOM: 8px;
}

A.menu:hover { COLOR: red; text-decoration: underline;
}

A.menu:active {	COLOR: red; 
}

A.menu:link { COLOR: black; text-decoration: none; 
}

A.menu:visited {
	COLOR: #585858; 
}

A.vermas { FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-DECORATION: none; PADDING-LEFT: 5px; MARGIN-TOP: 2px; MARGIN-BOTTOM: 5px;
}

A.vermas:hover { COLOR: red; text-decoration: underline;
}

A.vermas:active {	COLOR: red; 
}

A.vermas:link { COLOR: firebrick; text-decoration: none; 
}

A.vermas:visited {
	COLOR: firebrick; 
}

A.main { FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: calc(5px + 1.5vw); TEXT-DECORATION: none; COLOR: #ffffff; PADDING-LEFT: 0.1vw;  PADDING-RIGHT: 1vw; 
}

A.main:hover { COLOR: #ffffff; text-decoration: underline;
}

A.main:active {	COLOR: #ffffff; text-decoration: underline;
}

A.main:link { COLOR: #ffffff; text-decoration: none; 
}

A.main:visited {
	COLOR: #ffffff; 
}

H1 { COLOR: #585858; FONT-SIZE: calc(12px + 2.5vw); FONT-FAMILY: Verdana; FONT-WEIGHT: normal; margin-bottom: 1px; margin-top: 0px; TEXT-ALIGN: center;
PADDING-TOP: 0px; PADDING-BOTTOM: 0px; MAX-WIDTH: 640px;  
}

H2 { COLOR: #585858; FONT-SIZE: calc(9px + 1.5vw); FONT-FAMILY: Verdana; FONT-WEIGHT: normal; 
margin-bottom: 3px; margin-top: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; 
}

H3 { COLOR: #585858; FONT-SIZE: 2.8vw; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; 
margin-bottom: -1px; margin-top: 0px; TEXT-ALIGN: left; PADDING-TOP: -1px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; 
}

H4 { COLOR: #585858; FONT-SIZE: 12px; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; 
margin-bottom: 5px; margin-top: 2px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-STYLE: italic;
}

H5 { COLOR: #585858; FONT-SIZE: 3vw; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; 
margin-bottom: 4px; margin-top: 0px; TEXT-ALIGN: left; PADDING-TOP: 10px; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; 
}

H6 { COLOR: #585858; FONT-SIZE: 2.6vw; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; 
margin-bottom: 4px; margin-top: 0px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; 
}

HR { TEXT-ALIGN: center; COLOR: black; WIDTH: 99%;
}

P  { MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px; 
}

BLOCKQUOTE   { margin-left: 12px;	FONT-SIZE: 11px; FONT-FAMILY: Verdana; 
}

STRONG {  COLOR: #3A3A3A; FONT-SIZE: 11px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; 
}

SMALL { FONT-FAMILY: Verdana; 
	TEXT-ALIGN: right; PADDING-RIGHT: 4px; PADDING-TOP: 2px; PADDING-BOTTOM: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px;  COLOR: #333333;
}

ul { padding-top: 0px; TEXT-ALIGN: left; padding-bottom: 0px; margin-top: 1px; margin-bottom: 1px;
}

li { padding-top: 0px; TEXT-ALIGN: left; padding-bottom: 0px; margin-top: 1px; margin-bottom: 1px; padding-left: 1px;
}

.time {	COLOR: gray; FONT-SIZE: 10px; FONT-FAMILY: Arial; FONT-WEIGHT:  bold; TEXT-ALIGN: right; padding-left: 3px;
}

.pixel {  HEIGHT: 1px; 
}

.copyright { COLOR: #ffffff; BACKGROUND-IMAGE: url('bar.jpg'); TEXT-ALIGN: center; height: 36px;  FONT-SIZE: 10px; FONT-FAMILY: Verdana; 
}

.mainpart { TEXT-ALIGN: justify; PADDING-TOP: 1px;  PADDING-LEFT: 3px; PADDING-RIGHT: 5px; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; FONT-SIZE: 10px; VERTICAL-ALIGN: top;
}

.printart { TEXT-ALIGN: justify; PADDING-TOP: 5px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; FONT-SIZE: 11px;
}

.section { TEXT-ALIGN: justify; PADDING-TOP: 0px;  PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; FONT-SIZE: 11px;
}

.photoleft { TEXT-ALIGN: justify; PADDING-TOP: 0px;  PADDING-LEFT: 5px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; FONT-SIZE: 11px;
}

.marca { COLOR: black; TEXT-ALIGN: left; FONT-SIZE: 9px; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #B2B2B2; PADDING-LEFT: 5px; 
}

.mainmenu { BACKGROUND-COLOR: #B2B2B2; TEXT-ALIGN: center; height: 27px; padding-bottom: 3px; 
}

.menubar { width: 22vw; height: 27px; 
}

.menubar1 {  width: 22vw; height: 27px;
}

.menubar2 {  width: 22vw;  
}

.menubar3 {  width: 22vw; 
}

.topline { TEXT-ALIGN: left; FONT-SIZE: calc(3px + 1.7vw); FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff;  HEIGHT: 27px; PADDING-BOTTOM: 3px;
}

.leftmenu { WIDTH: 25%; HEIGHT: 500px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; padding-bottom: 3px; PADDING-TOP: 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 2px; 
}

.menuline { BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; padding-bottom: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; 
}


.oferta {   COLOR: firebrick; FONT-SIZE: 18px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px;
}

.novedad {   COLOR: firebrick; FONT-SIZE: 18px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px;
}

.nombre {   COLOR: #5888D4; FONT-SIZE: 13px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 10px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px;
}

.articulo {   COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; VERTICAL-ALIGN: top;
margin-bottom: 2px; margin-top: 5px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px;
}

.precio {   COLOR: navy; FONT-SIZE: 14px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 10px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px;
}

.precio1 {   COLOR: navy; FONT-SIZE: 14px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top; TEXT-DECORATION: line-through;
margin-bottom: 4px; margin-top: 10px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px;
}

.preciored {   COLOR: red; FONT-SIZE: 14px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 10px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px;
}

.dto {   COLOR: white; BACKGROUND-COLOR: firebrick; FONT-SIZE: 14px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 10px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; WIDTH: 50px;
}

.dct {   COLOR: navy; FONT-SIZE: 12px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 10px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; text-decoration: line-through;
}

.admin {   COLOR: firebrick; FONT-SIZE: 18px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px;
}

.admin1 {   COLOR: firebrick; FONT-SIZE: 14px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 4px; margin-top: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px;
}

.adminform {   COLOR: black; FONT-SIZE: 12px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; 
margin-bottom: 2px; margin-top: 2px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-RIGHT: 2px;
}

.formadmin {   COLOR: black; FONT-SIZE: 12px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 2px; margin-top: 2px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px;
}

.formleft {   COLOR: black; FONT-SIZE: 11px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 3px; margin-top: 3px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; PADDING-RIGHT: 2px;
}

.formright {   COLOR: black; FONT-SIZE: 11px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; VERTICAL-ALIGN: top;
margin-bottom: 3px; margin-top: 3px; TEXT-ALIGN: left; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px;
}

.formcenter {   COLOR: black; FONT-SIZE: 13px; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; 
margin-bottom: 2px; margin-top: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px;
}

TD {
	FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: verdana; FONT-WEIGHT: normal; HEIGHT: 22px;  TEXT-ALIGN: left; 
}

INPUT {
	FONT-SIZE: 10px; BACKGROUND: #ffffff; COLOR: black; FONT-FAMILY: verdana; FONT-WEIGHT: normal; BORDER: solid 1px #585858 noshade; BORDER-LEFT-COLOR: #585858 noshade; BORDER-TOP-COLOR: #585858 noshade; HEIGHT: 22px;  TEXT-ALIGN: left; PADDING-LEFT: 5px;
}

OPTION {
	FONT-SIZE: 10px; BACKGROUND: #ffffff; COLOR: black; FONT-FAMILY: verdana; BORDER: solid 1px #585858 noshade; BORDER-LEFT-COLOR: #585858 noshade; BORDER-TOP-COLOR: #585858 noshade; HEIGHT: 22px;
}

TEXTAREA {
	FONT-SIZE: 10px; BACKGROUND: #ffffff; COLOR: black; FONT-FAMILY: verdana; BORDER: solid 1px #585858 noshade; BORDER-LEFT-COLOR: #585858 noshade; BORDER-TOP-COLOR: #585858 noshade;
}

SELECT {
	FONT-SIZE: 10px; BACKGROUND: #ffffff; COLOR: black; FONT-FAMILY: verdana; BORDER: solid 1px #585858 noshade; BORDER-LEFT-COLOR: #585858 noshade; BORDER-TOP-COLOR: #585858 noshade; HEIGHT: 20px;
}

.enlarge-onhover {
     width: 200px;
}

.enlarge-onhover:hover {
     width: 500px;
}

.dropbtn {
  color: white;
  padding: 3px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100px;
  max-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #585858;
  max-width: 120px;
  text-align: left;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 4px;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropbtm {
  color: white;
  padding: 0px;
  border: none;
}

.dropdowm {
  position: relative;
  display: inline-block;
}

.dropdowm-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 150px;
  max-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdowm-content a {
  color: #585858;
  max-width: 200px;
  text-align: left;
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: block;
}

.dropdowm-content a:hover {background-color: #ddd;}

.dropdowm:hover .dropdowm-content {display: block;}

.columns {
BORDER: 0px solid;
BORDER-COLOR: black;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 5px;
}

#column {
  min-width: 220px;
  max-width: 220px;
  min-height: 350px;
  max-height: 350px;

text-align: center;
  float: left;
}

.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    width: 1010px;
    bottom: 0;
    text-align: center;
    font-size: 11px;
    font-family: Verdana;  
    color: #0a0a0a;
    background: #ffffff;
    padding: 5px 10px; 
    border-top: 4px solid #BFE2FF;
    border-bottom: 4px solid #BFE2FF;
    border-left: 4px solid #BFE2FF;
    border-right: 4px solid #BFE2FF;
}
/* Îôîðìëåíèå êíîïîê */
.cookie_btn {
    display: inline-block;
    margin: 5px 75px 8px 36px;
    text-decoration: none;
    position: relative;
    font-size: 12px;
    padding: 2px 5px;
    color: #FFF;
    font-weight: bold;
    background: #C1FFC1;
    border: 2px solid #BFE2FF;
}
.cookie_btn:hover {
    color: red;
}
.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: red;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.cookie_btn:before {
    top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}