html, body {background: #f1efe8; padding: 0; margin: 0; height: 100%; font: 12px Arial;}
@font-face {font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot);}

div#cont {width: 955px; margin: 0 auto; background: #f1efe8; min-height: 100%;}
* html div#cont {height: 100%;}

img.prod {border: 2px solid #d2ba83;}

a img, a:active img, a:visited img, a:focus img, a:hover img {border: 0;}

a, a:active, a:visited {text-decoration: underline; color: #cc0000;}
a:focus, a:hover {text-decoration: none; color: #666;}

a.bye, a.bye:active, a.bye:visited {font-style: italic;}
a.bye:focus, a.bye:hover {font-style: italic;}

h3 {font: bold 18px Arial; color: #990000; padding: 60px 0 10px 20px; margin: 0;}
h4 {font: normal 14px Arial; color: #a69b75; margin: 0 5px 15px 0;}

div.header {position: relative; margin: 0 0 80px 0; padding: 10px 0 60px 0; clear: both;}

div.logo {width: 345px; height: 33px; position: absolute; left: 20px; font: 24px Arial; color: #333; margin-top: 60px;}
div.bask {position: absolute; background: url('../img/basket.gif') no-repeat 0 2px; padding: 0 20px 0 26px; font: 12px Arial; color: #000; left: 20px; top: 20px;}
div.bask a, div.bask a:active, div.bask a:visited {text-decoration: underline; color: #cc0000;}
div.bask a:hover, div.bask a:focus {text-decoration: none; color: #cc0000;}


div.supertel {font: 16px Georgia; position: absolute; top: 5px; right: 20px; line-height: 1em; top: 20px; padding: 0 0 0 70px;}

div.tel {font: bold 18px Georgia; color: #990000; font-style: italic; margin: 0; position: absolute; margin-top: 25px; right: 0;}


/* menu */
div.menu {padding: 30px 20px 20px;}

div.left-menu {position: relative; float: left; color: #cc0000; z-index: 2;}
div.m-l {position: relative; float: left; width: 150px;}
div.m-r {position: relative; float: left; width: 150px;}

div.m-l li.sel{color: #666;}

div.left-menu ul {margin-top: 0;}
div.left-menu li {line-height: 2em; margin-left: -25px; margin-top: 0;}
div.left-menu li.last {}

div.menu a, div.menu a:active, div.menu a:visited {color: #cc0000;}
div.menu a:hover, div.menu a:focus {color: #cc0000;}
div.left-menu a, div.left-menu a:active, div.left-menu a:visited {color: #cc0000; text-decoration: underline;}
div.left-menu a:hover, div.left-menu a:focus {color: #cc0000; text-decoration: none;}


div.top-menu {font: 14px Arial; padding: 0; margin: 0; color: #cc0000; position: relative; clear: right;}
div.top-menu-line {padding: 0 0 0 10px;}
div.top-menu div.item {padding: 6px 10px; display: inline; margin: 0 10px 0 -10px;}
div.top-menu div.item-sel {color: #666; background: #fff url('../img/m-l.gif') no-repeat; padding: 6px 0 7px 13px; display: inline; margin: 0 10px 0 -10px;}
div.top-menu div.item-sel img {vertical-align: middle; margin-top: -2px;}

div.item-sel span {padding: 7px 13px 7px 0; background: url('../img/m-r.gif') no-repeat right;}

div.top-menu a, div.top-menu a:active, div.top-menu a:visited {text-decoration: none;}
div.top-menu a:hover, div.top-menu a:focus {text-decoration: underline;}

div.top-menu div.item-sel a, div.top-menu div.item-sel a:active, div.top-menu div.item-sel a:visited {text-decoration: none; color: #666;}
div.top-menu div.item-sel a:hover, div.top-menu div.item-sel a:focus {text-decoration: underline; color: #666;}

/* text */
div.text {font: 12px Arial; color: #000; padding: 10px 10px 10px 0; margin: 0; position: relative; float: left; width: 590px;}
div.text ul  li {margin-left: -25px;}

/* center */
div.center {margin: 0; clear: both;}

div.table {width: 955px; height: 300px; background: url('../img/table.jpg') no-repeat; padding: 0; margin: 0;}
div.pirog {width: 248px; height: 248px; position: relative; float: left; margin: 0 45px 0 15px; padding: 0;}

div.price {font: 11px Arial; color: #a69b75; background: url(../img/price.gif) no-repeat; width: 129px; height: 80px; position: absolute; right: 0; margin: -10px -10px 0 0; text-align: left;}
div.price div {margin: 10px 5px; line-height: 1.3em; padding: 0; font-size: 1em;}
div.price div.a-bye {position: absolute; float: right; padding: 0; margin: 0; right: 5px; bottom: 30px;}

div.price .sel-but {position: absolute; right: 10px; top: 18px;}


div.price span.rub {font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}
span.rub span {position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; // display: none;}
span.rub span:before {content: '\2013';}

table.catalogue {height: 300px; margin: 0 0 0 -12px; padding: 2px 0 0 0;}
table.catalogue td {text-align: center;}

div.cat-int {height: 298px; position: relative; width: 300px; margin-left: 7px;}

table.cat-int-t {width: 100%; height: 100%;}
div.cat-int div.price {position: absolute; z-index: 2; right: 20px; top: 30px;}


div.recip {font: 12px Arial; color: #333; background: url(../img/recip.gif) no-repeat 20px 6px; padding: 2px 5px 2px 37px; margin: 0;}

div.drink {clear: both; padding: 5px 20px;}
div.dr-one {position: relative; float: left; margin: 0 35px 0 0; width: 270px;}
div.drink div.img  {height: 230px; position: relative; width: auto;}
div.drink div.img img {position: absolute; bottom: 0; padding: 0; margin: 0;}
div.drink div.img img.pad {margin: 0 0 10px 0;}
div.drink-sel {background: url('../img/drink-sel.gif') no-repeat; width: 270px; height: 44px;}

table.sel-dr td {font: 11px Arial; color: #a69b75; padding-top: 10px; padding-left: 10px;}
select {font: 11px Arial; color: #a69b75;}
select.first {width: 120px;}
select.second {width: 45px;}
table.sel-dr input.other {width: 25px; margin-right: 3px;}

/* left_block */
div.left_block {position: relative; float: left; width: 305px; padding-top: 60px; color: #cc0000; z-index: 2;}
div.how_make {position: relative; width: 256px; height: 188px; margin: 0 0 50px -20px; background: url('../img/kolpak.jpg') no-repeat;}
div.pochet {position: relative; width: 184px; height: 187px; margin: 0 0 50px 20px; background: url('../img/medal.jpg') no-repeat 73px 0;}
div.dietolog {position: relative; width: 285; height: 172px; margin: 0 0 50px -5px; background: url('../img/plate.jpg') no-repeat;}

div.how_make div {position: absolute; top: 70px; left: 40px; width: 216px; height: 39px; background: url('../img/left_text1.gif') no-repeat; padding-top: 12px; text-align: center;}
div.pochet div {position: absolute; top: 50px; left: 0px; width: 116px; height: 39px; background: url('../img/left_text2.gif') no-repeat; padding-top: 12px; text-align: center;}
div.dietolog div {position: absolute; top: 60px; left: 145px; width: 139px; height: 39px; background: url('../img/left_text3.gif') no-repeat; padding-top: 12px; text-align: center;}

div.left_block a, div.left_block a:active, div.left_block a:visited {text-decoration: underline;}
div.left_block a:hover, div.left_block a:focus {text-decoration: none;}

div.left_block span, div.left_block span:active, div.left_block span:visited {color: #cc0000; text-decoration: underline;}
div.left_block span:hover, div.left_block span:focus {color: #666; text-decoration: none;}



/* RIGHT_block */
div.right_block {position: relative; float: left;}

div.right_block  h3 {position: relative; float: left; padding-bottom: 20px;}
div.r_title {clear: both;}
div.r_all {position: relative; float: right; padding-top: 65px; right: -20px; z-index: 1;}

div.pager {position: relative; width: 99px; height: 39px; background: url('../img/awards-arr.gif') no-repeat; margin: 40px auto 0; padding: 0;}
div.pager span.larr {position: relative; float: left; width: 22px; padding: 0; margin: 15px 0 0 15px;}
div.pager span.rarr {position: relative; float: right; width: 22px; padding: 0; margin: 15px 15px 0 0;}
div.pager a, div.pager a:active, div.pager a:visited, div.pager a:hover, div.pager a:focus {text-decoration: none; font: 14px Arial;}

/* main */
div.main {height: 546px; margin: 30px 0 0 0; padding: 0; position: relative; width: 500px;}
div.main img {margin: 60px 0 0 -90px; padding: 0; position: relative; float: left;}
div.main div.price {top: 120px; right: -50px; position: absolute; z-index: 3;}

div.main div.pager {background: url('../img/main-arr.png') no-repeat; width: 359px; height: 41px; position: absolute; z-index: 5; left: 15px; top: 20px; margin: 40px 0 0 0; padding: 0;}
div.main div.pager span.larr {position: relative; float: left; width: 160px; padding: 0; margin: 15px 0 0 15px;}
div.main div.pager span.rarr {position: relative; float: right; width: 160px; padding: 0; margin: 15px 15px 0 0; text-align: right;}

div.main span.larr img {margin: 0; padding: 0; position: relative; float: none;}
div.main span.rarr img {margin: 0; padding: 0; position: relative; float: none;}

/* article */
div.text-article {position: relative; float: left; padding: 0; margin: 0 0 0 15px; width: 590px;}

/* awards */
div.awards {clear: both; width: 630px; margin: 0 0 20px 20px;}
div.awards  div {position: relative; float: left; margin: 0 30px 40px 0; height: 280px;}
div.awards  img {margin-bottom: 10px;}

/* products */
table.prod_one {padding: 0; margin: 0 0 40px 20px; clear: both; width: 600px;}
table.prod_one td {vertical-align: top; padding: 0 20px 0 0;}
table.prod_one img.prod {border: 2px solid #d2ba83;}
table.prod_one div.recip {margin: 10px 0 10px -20px;}
table.prod_one p {margin: .5em 0 1em 0;}
table.prod_one p.small {color: #666; font-size: 11px;}
table.prod_one span.netto {margin-right: 20px;}

table.prod_one div.video_s {width: 266px; height: 160px;}

table.prod_price {margin: 0; padding: 0; position: relative;}
table.prod_price td {font: 11px Arial; color: #666; white-space: nowrap; padding: 5px 20px 0 0;}
table.prod_price img {margin: 0 10px 0 -5px; padding: 0; position: relative; float: left;}

div.bye {position: relative; margin: 0; padding: 0;}

/* item */
table.item_t {padding: 0; margin: 0 0 0 10px;}
table.item_t td {vertical-align: top;}
td.item_descr div.recip {background: url(../img/recip.gif) no-repeat 0 6px; padding: 2px 5px 2px 20px;}
td.item_img {width: 310px;}
ul.item_li li {list-style-type: disc; margin-left: -25px;}

div.video {width: 640px; height: 386px; position: relative; margin: 40px auto; border: 1px solid;}

/* cart */
div.cart {width: 955px; padding: 27px 0 0 5px; margin: 0; clear: both;}
div.cart_item {width: 29%; height: 305px; position: relative; float: left; margin: 0 15px 15px 15px; padding: 0;}
div.cart_other h3 {margin: -60px 0 0 -20px;}
div.cart_other {position: relative; float: left;}

div.cart_item div.drink-sel {position: absolute; bottom: 0; right: 0;}

/* order */
div.order {clear: both;}
table.order_t {padding: 0; margin: 0 0 10px 20px;}
table.order_t td {padding: 0 10px 10px 0;}
td.prim {font-style: italic; padding: 0;}
td.order_l {width: 170px;}
table.order_t input {width: 430px;}
table.order_t input.tel {width: 200px;}
table.order_t select.metro {width: 202px; font: 12px Arial; color: #000;}
table.order_t textarea {width: 430px; height: 80px;}
table.order_t input.order_but {color: #cc0000; width: 6em; font: 12px Arial; margin-top: -10px; z-index: 1; position: relative;}
span.error {color: #990000;}

table.int {margin: 0; padding: 0; width: 100%;}
table.order_t table.int td {padding-top: 5px;}
table.int td.but {text-align: right; padding: 5px 0 0 0;}

div.spacer {height: 170px; display: block; clear: both;}

/* footer */
div.footer {width: 955px; position: relative; margin: -120px auto 0 auto; font: 12px Arial; color: #333; padding: 0;}
div.footer div.info {padding: 20px; position: relative; float: left;}
div.info  span {font-style: italic;}
div.info a, div.info a:active, div.info a:visited {color: #cc0000; text-decoration: underline;}
div.info a:hover, div.info a:focus {color: #cc0000; text-decoration: none;}

div.footer img.op {position: relaive; float: left; margin: 20px 55px;}

div.footer div.autor {float: right; padding: 30px 20px;}
div.autor img {margin: -3px 0 -3px 5px;}

div.autor a, div.autor a:active, div.autor a:visited {text-decoration: none; color: #333;}
div.autor a:hover, div.autor a:focus {text-decoration: none; color: #333;}