@charset "UTF-8";
/* CSS Document 
Shlyapnikov Denis
*/

/*GLOBALS*/
html {
  height:100%;
  }
    
body {height:100%; margin:0px; padding:0px; background: #fff; font:normal 12px Tahoma; color:#666666; margin:0px; padding:0px;}
img {margin:0px; padding:0px; border:0px;}
a {text-decoration: underline; font:normal 12px Tahoma; color:#2c9fff}
a:hover {text-decoration: none;}
div{font:normal 10px Tahoma; color:#666666; margin:0px; padding:0px}

.clear {clear: both; line-height: 0; height: 0;}
.minclear {clear: both; height:0px; font-size: 1px; line-height: 0;}

div, span, object, h1, h2, h3, h4, h5, h6, em, font, img, small, strong, b, u, i, center, ol, ul, li, fieldset, label, 
table, caption, tbody, tr, th, td, body, html {margin: 0; padding: 0; border: 0; outline: 0; }
td {vertical-align: top;}
h1 {font: normal 26px/28px Tahoma; padding:0; margin:10px 0 0; color:#2c9fff; background: url(h1.gif) repeat-x right bottom;}
h1 span {background: #fff; padding-right:5px}
h2,h3,h4,h5,h6 {margin: 10px 0; padding:0; color:#ad5a00; font: bold 16px/20px Tahoma; color:#4e4e4e}
h3 {font-size: 14px;}
h4 {font-size: 14px;}
h5,h6 {font-size: 12px}

.nata {width: 75%; font-family: Verdana; font-size: 12px; color: #666666; text-align: left; vertical-align: top; border-right: 1px solid #ccc; padding: 5px 10px}
.nata2 {width: 25%; font-family: Verdana; font-size: 12px; color: #666666; text-align: center; vertical-align: top; padding: 5px 10px}

table.table0 {border-collapse: collapse;}
table.table0 td {padding:5px; border: none;}

table.table1 {border-collapse: collapse;}
table.table1 tr:hover {background: #fbf8f8;}
table.table1 td {padding:5px; border: 1px solid #91949a;}

table.table2 {border-collapse: collapse;}
table.table2 tr:hover {background: #fbf8f8;}
table.table2 td {padding:5px; border: 1px solid #91949a;}
table.table2 th {padding:8px 5px; border: 1px solid #91949a; background-color: #e7e7e7; color: #000; text-align: left; font-family: Arial; font-style: normal;}

/*FORM INPUT*/
form.form {padding:0; margin:0}

.itext {border:0;}
.ibut {cursor: pointer; border:0;}

/*IE6 line fix*/
.minclear
    {font-size: 1px; line-height: 0; height:0}

/*STRUCTURE*/
#main {min-height:100%; height:auto !important; height:100%; margin:0 auto; position:relative; min-width: 990px;}
#main .bg {min-height:100%; height:auto !important; height:100%; margin:0 auto; position:relative; width: 96%;}
#main table.tabl {width: 100%; padding:0;}
#main table.tabl td.left {width: 250px;}
#main table.tabl td.content {padding:0 32px 0 37px}

#main table.tabl td.content ul,
#main table.tabl td.content ol  
    {margin-left:30px;}

/*LOGO*/
.logo {width: 376px; height: 148px; background: url(logo.png); position: absolute; top:30px; left:10px}
    .logo a {display: block; width: 376px; height: 148px;}
    
/*HEADER*/
.header {height: 264px; background: url(header.jpg) no-repeat right top #f1f1f1;}
    .header p {margin:0; font:normal 16px/25px Arial; color:#000a21; text-align: right; padding:40px 20px 0 0}
    .header p a {font:normal 13px/19px Tahoma; color:#000a21;}
    .header p span {font-size:21px; font-weight: bold;}
	.header div { float:right;margin:7px 24px 0 0}
	.header div img { border:0; float:left; }

/*TOP MENU*/
.top_menu {width: 781px; float:right; height:28px; padding:5px 0 0 0}
    .top_menu li {float:left; list-style-type: none; height:33px; background: url(top_menu.gif) no-repeat left center;padding-left:1px}
    .top_menu li a {display: block; float:left; font:normal 15px/18px Arial; color:#494949; padding:6px 15px 6px; text-decoration: none; height:21px;}
    
    .top_menu li a:hover,
    .top_menu li.active a
        {color:#fff; text-decoration: underline; background: #69c3f6;}
        
    .top_menu li:first-child {background: none;}
    
/*LEFT MENU*/
.left_menu {background: url(left_menuul.gif) no-repeat left top; padding: 30px 0 20px 0;}
    .left_menu li {list-style-type: none; width: 250px; background: url(left_menubottom.gif) no-repeat bottom left #fbfbfb; }
    .left_menu li a {font:normal 14px/16px Arial; color:#444444; text-decoration: none; display: block; width: 250px; padding:7px 0 7px 0; background: url(left_menutop.gif) no-repeat top left;}
    .left_menu li a span {background: url(left_menu.gif) no-repeat 14px center; display: block; padding:0 0 0 41px}
    
    .left_menu li a:hover, 
    .left_menu li.active a 
        {color:#2c9fff; text-decoration: underline;}

/*NEWS*/
.news {}
    .news span.tt {display: block; height: 20px; background: #2c9fff; font:bold 12px/14px Tahoma; color:#fff; text-transform: uppercase; padding:4px 0 0 33px}   
    .news .shownews {background: #efefef; margin:7px 0 0 3px; padding:5px 10px; } 
    .news .shownews span.timenews {padding:0 4px; background: #2c9fff; font:normal 11px/18px Arial; color:#fff}  
    .news .shownews a.titlenews {display: block; font:normal 13px/16px Arial; padding:4px 0 0 5px}
    .news .shownews a.morenews {display: block; text-align: right; font:bold 11px/13px Arial; margin:10px 0 15px 0}
    .news .shownews p {padding:0 5px 0 5px; margin:0; font-size: 12px; color:#999999}

/*FOOTER*/
.footer {position: absolute; bottom: 0; width: 100%; height:116px; background: url(footer.gif) repeat-x top left #efefef;}
    .spfooter {height: 165px; clear: both;}

    .footer ul.bottom_menu {float:right; padding:15px 30px 0 0}
    .footer ul.bottom_menu li {list-style-type: none; display: inline;}
    .footer ul.bottom_menu li a {font:normal 11px/13px Arial; color:#494949; text-decoration: none; padding:0 7px}
    .footer ul.bottom_menu li a:hover,
    .footer ul.bottom_menu li.active a
        {color:#2d89b8; text-decoration: underline;}
        
    .footer .copy {clear: both; font:normal 11px/13px Arial; color:#7a7a7a; padding:0 0 0 106px}
    .footer .copy a {font:normal 11px/13px Arial; color:#2c9fff;}
    
    .footer .counters {text-align: center;}
    .footer .counters img {margin:0 5px}
  

/* SHOP START */

#shop-added { display:none; z-index:10000; padding:5px; border:1px solid #666; font: bold 12px Arial, sans-serif; position:absolute; left:0px; top: 0px; background-color:#FFFFCC; color: #cc0000 }

/* Таблица корзины с товарами */

table.table_shop { border-collapse:collapse;}
table.table_shop tr:hover {background: #e0e0e0}
table.table_shop td { padding:5px; border-bottom: 1px solid #91949a;}
table.table_shop th { padding:8px 12px; border: 1px solid #fff; background:#77818E; color:#fff; text-align:left;}

/* SHOP PRODUCT */

.goods { width:233px; float:left; position:relative; margin:2px; padding-bottom:14px;}

.goods img {  float:left; /*border: 1px solid #ccc; padding:14px 0 0 7px;*/}
.goods p { padding:0; margin:0;}

.goods .id {  font: normal 11px Arial, Helvetica, sans-serif;  color:#666;  position:absolute;  left: 141px; top: 32px;}
.goods .id span{ color:#999}

.goods .more {  font: normal 11px Arial, Helvetica, sans-serif;  position: absolute;  left: 141px; top: 77px;}
.goods .more a { color:#303030; text-decoration:underline;}
.goods .more a:hover { color:#0b51bb; text-decoration:underline;} 

.goods .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:25px; margin:0;}
.goods .name a { color:#0b51bb; text-decoration:underline}
.goods .name a:hover{ color:#0b51bb; text-decoration:underline}

.goods .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block}

.goods form { background:url(price.jpg) center no-repeat;}
.goods form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#010101; width:142px; height:23px; padding-top:5px; float:left; text-align:center;}
.goods form .price b { font-size:20px;}

.goods input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0}

/* SHOP PRODUCT lable NEW! */

.goodsnew { width:233px; float:left; position:relative; margin:2px; padding-bottom:14px; background:url(new.jpg) top left no-repeat}

.goodsnew img { float:left; /*border: 1px solid #ccc; padding:14px 0 0 7px;*/}

.goodsnew p { padding:0; margin:0;}

.goodsnew .id {  font: normal 11px Arial, Helvetica, sans-serif;  color:#666;  position:absolute;  left: 141px; top: 32px;}
.goodsnew .id span{ color:#999}

.goodsnew .more {  font: normal 11px Arial, Helvetica, sans-serif;  position: absolute;  left: 141px; top: 77px;}
.goodsnew .more a { color:#dc1200; text-decoration:underline;}
.goodsnew .more a:hover { color:#dc1200; text-decoration:underline;} 

.goodsnew .name { padding:9px; font: bold 12px Arial, Helvetica, sans-serif; height:25px; margin:0;}
.goodsnew .name a { color:#dc1200; text-decoration:underline} 
.goodsnew .name a:hover{ color:#dc1200; text-decoration:underline}

.goodsnew .discrip {margin:12px 9px; font: normal 11px Arial, Helvetica, sans-serif; color:#282828; height:70px; overflow:hidden; display:block}

.goodsnew form { background:url(price_new.jpg) center no-repeat;}
.goodsnew form .price{ font: bold 13px Arial, Helvetica, sans-serif; color:#fff; width:142px; height:23px; padding-top:5px; float:left; text-align:center;}
.goodsnew form .price b { font-size:20px;}

.goodsnew input.addtocart {cursor:pointer; background:url(addtocart.gif) no-repeat left center; width:81px; height:33px; border:none; padding:0; margin:0}

/* Описание товара */

.gdetail {width:170px; position:absolute; z-index:1000; margin:7px 20px 7px 7px; background:url(gdetail.jpg) top left no-repeat}
.gdetail img { padding:0 23px;}
.gdetail p { text-align:center;}
.gdetail p b{ color:#f00;}

.gdetail .number { width:24px; height:22px; background:url(col.gif) no-repeat; border: none; font: bold 13px Arial, Helvetica, sans-serif; text-align:center;}

.gdetail form { padding:0; margin:0;}
.gdetail form .detprice{ font: bold 13px Arial, Helvetica, sans-serif; color:#000; width: auto; height:23px; padding:5px 0 10px; text-align:center; background:url(detprice.gif) top center no-repeat;}
.gdetail form .detprice b { font-size:20px;}
.bt_add {cursor:pointer; background:url(add.gif) no-repeat left center; width:126px; height:33px; border:none; padding:0; margin:0}


/* детали товара справа*/

.detail_right {position:relative; padding: 7px 7px 7px 195px;}

.detail_right h1 { font: normal 18px Arial, Helvetica, sans-serif; color:#333; padding:10px 0; margin:0;}

.detail_right .id {font: normal 11px Arial, Helvetica, sans-serif; color:#666;}
.detail_right .id span {color:#999}

.detail_right .discrip {margin:20px 0px; font: normal 12px Arial, Helvetica, sans-serif; color:#282828; display:block;}

/* Корзина */

.cart {
  height:83px;
  width:277px;
  z-index:1000;
  background:url(cart.png) no-repeat;
  position:absolute;
  left:687px;
  top:-35px;
  padding:0;
  font: normal 11px Arial, Helvetica, sans-serif;
}

.sum { font: bold 11px Arial, Helvetica, sans-serif; color:#ed1401; text-align:right; padding: 0 25px 0 0;}
.sum span{ font: bold 18px/17px Arial, Helvetica, sans-serif;}

.order { font: normal 11px Arial, Helvetica, sans-serif; color:#ed1401; text-align:right; padding: 0px 25px 0 0;}

.order a { text-decoration:underline; color:#000000;}
.order a:hover { text-decoration:underline; color:#ed1401;}

.cart  p{ padding:0; margin:0}

.pos {position:absolute}
.tr {padding:19px 20px 0 114px;}

/* ХЛЕБНЫЕ КРОШКИ */
.dpath {color: #7c7c7c;  font-size: 11px; padding:5px 0;}
.dpath a {color:#d13f32; text-decoration:underline;}
.dpath a:hover {color:#d13f32;text-decoration:underline;}

p, ol, ul, li, b, strong {font-size:13px;}

img.test {border: 1px solid black;}