td.col_first {width: 22%}
td.col_logo {width: 46%; padding: 0}
td.col_logo img {position: relative; left: -88}
.green0 td {background-color: #E7F9A5}
.green1 td {background-color: #E2F490}
.green2 td {background-color: #DCF07F}
.green3 td {background-color: #D6EC70}

.catalog, 
.catalog table {width: 100%; border-collapse: collapse; background: transparent none no-repeat center top} 

.catalog         table {border: #fff solid 0; border-width: 1px} 
.catalog td.rub0 table {border-left-width:  0} 
.catalog td.rub3 table {border-right-width: 0} 
.catalog .green0 table {border-top-width:  0} 
.catalog .green3 table {border-bottom-width: 0} 

.catalog td, 
.catalog th  {background-image: none; padding: 0} 
.promo_bg    {background-image: url(/i/promo/1.jpg)} 

.catalog table {cursor: pointer}
.catalog table td, 
.catalog       th  {background-color: transparent} 

.catalog         td {text-align: left; vertical-align: top} 
.catalog         th {display: none; color: #000; font: 70%/90% Arial, sans-serif; padding: 0 0 0.4em; text-align: center; vertical-align: bottom} 
.catalog .active th,
.catalog .active th a {color: #fff; font-weight: bold}
.catalog a,
.catalog a:visited  {color: #000}
.catalog a:hover    {color: #fff}

.catalog img {width: 1px; height: 89px} 

.catalog         td.r     {padding: 0.3em 0 0 0.3em} 

.catalog .green0 td.r b   {border-color: #E7F9A5} 
.catalog .green1 td.r b   {border-color: #E2F490} 
.catalog .green2 td.r b   {border-color: #DCF07F} 
.catalog .green0 td.r b   {border-color: #D6EC70} 
.catalog         td.r p   {font: 77% Arial, sans-serif}
.catalog         td.r div {width: 1.4em}
.catalog         td.r div p {text-decoration: none}
.catalog .active a,
.catalog .active td.r div {display: none}


table.logo {
 background:transparent url(/ic/home/logo_back.gif) repeat-x scroll center bottom;
 height:109px;
 margin-bottom:1em;
 width:100%;
}

.fl {float: left}
.w33 {width: 33%}
.r1 {margin: 0 1px; display: block; height: 1px; font: 1px/1px sans-serif; overflow: hidden}
.gray-bg {background-color: #AEAEAE}
.pb15 {padding-bottom: 1.5em}
.mt20 {margin-top: 2em}
.pr10 {padding-right: 1em}
.pr20 {padding-right: 2em}
.cloud {background-color: #F4F5E5; margin-bottom: 20px}
.cloud th {text-align: left; font-size: 90%; font-weight: normal; padding: 0 0.2em}
.cloud .cloud-ar {position: relative; left: -8px}
.cloud .cloud-ar img.i-ar {position: absolute;left:30px;top:-10px}
.cloud .cloud-ar .photo {position: relative; width: 1px; overflow: visible}
.cloud .cloud-ar .photo a {position: absolute; top: 10px; margin-left: -32px}
.cloud .cloud-ar .photo img {margin-right: 0.7em}
.cloud div.cloud-height {height: 2.3em; overflow: hidden}

.r b {display: block; height: 1px; font: 1px/1px sans-serif; overflow: hidden;  border: #fff solid 0; border-width: 0 1px}
.r p {text-align: center; display: block; margin: 0; padding: 0; color: #fff}
.r p a.no:link,
.r p a.no:visited,
.r p a.no:hover,
.r p a.no:active {color: #fff}
.r p.small {font: 82%/110% Arial, sans-serif}
.bg-gray b, .bg-gray p {background-color: #aeaeae}
.bg-red b, .bg-red p {background-color: #EA100F}
.bg-blue b, .bg-blue p {background-color: #517DE8}

.best {font-size: 100%}
.best td {font-size: 95%; line-height: 110%}
.best .pale {font: 120%/85% 'Times new Roman', serif}

a.no:hover {text-decoration: underline; color: #EA100F}

