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

/*GLOBALS*/
html {
  height:100%;
  }
    
body {height:100%; margin:0px; padding:0px; background: #37424d; font:normal 12px Tahoma; color:#37424d; margin:0px; padding:0px;}
img {margin:0px; padding:0px; border:0px;}
a {text-decoration: underline; font:normal 12px Tahoma; color:#2f2f2f}
a:hover {text-decoration: none;}
div{font:normal 12px Tahoma; color:#37424d; 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 20px/22px Arial; padding:6px 24px 7px 47px; margin:0; color:#37424d; background: url(h1.jpg) repeat-y left top #9faab4; position: absolute; top:285px; left:22px}
.h1_bgleft {position: absolute; top:255px; left:0; width: 22px; height: 151px; background: url(h1_left.jpg); z-index:2}
h2,h3,h4,h5,h6 {margin: 10px 0; padding: 0; color:#2f2f2f; font: bold 16px/20px Tahoma;}
h3 {font-size: 14px;}
h4 {font-size: 14px;}
h5,h6 {font-size: 12px}

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

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

table.table2 {border-collapse: collapse;}
table.table2 tr:hover {background: #acafb3;}
table.table2 td {padding:5px; border: 1px solid #91949a;}
table.table2 th {padding:8px 5px; border: 1px solid #fff; background-color: #8d939b; color: #fff; 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 0px auto; position:relative; background: url(bgmain.jpg) repeat-y #b5bac0; width: 990px;}
#main .content {padding:10px 0px 0px 24px; text-align:left; float:left; width:705px;}
#main .content ul {margin-left:18px;}
#main .content ul li {list-style-type: none; background: url(li.gif) no-repeat center left; padding:10px 0 10px 15px;}
#main .right {float: right; width:193px}

#main .clear_div {height:220px; clear:both;}
      .sptt {display:block; color:#e5e3e3; font: normal 25px/27px Arial; padding:20px 0 30px}
      .inform {margin:15px 0; text-align:center;}

/*HEADER*/
.header {background: url(header.jpg) no-repeat top left; padding:250px 0 0 0; height:90px}

/*LOGO*/
.logo {width: 392px; height: 123px; background: url(logo.jpg); position: absolute; left:76px; top:25px}
    .logo a {display: block; width: 392px; height: 123px;}
    
/*SEARCH*/
.search {width: 165px; position: absolute; top:297px; right:30px; color:#696b6d; font:normal 11px/13px Arial;}
    .search .sbg {background: url(search.jpg) no-repeat bottom left; height:18px; padding-top:3px}
    .search .sbg form {margin:0}
    .search .sbg form input.itext {width: 132px; background: transparent; font:normal 11px/13px Tahoma; color:#37424d; float:left; padding:2px 3px 0}
    .search .sbg form input.ibut {float: right; width: 18px; height: 18px; background: transparent;}

/*TOP MENU*/
.top_menu {float: right;}
    .top_menu li {list-style-type: none; float:left; padding:0 1px}
    .top_menu li a {display: block; float:left; font:bold 12px/15px "Trebuchet MS"; color:#37424d; background: url(top_menu_hr.png) no-repeat top left;  padding:9px 16px 7px 16px; text-decoration: none;}
    
    .top_menu li a:hover,
    .top_menu li.active a
        {color:#fff; background: url(top_menu.jpg) repeat-x top left #6f7781;}
        
/*NAVIGATION*/
.navig {float:left; font:normal 11px/15px Tahoma; color:#696b6d; padding:8px 0 0 69px}
    .navig a {font:normal 11px/15px Tahoma; color:#43371c;}
    .navig span {padding:0 5px}
    
/*NEWS*/
.show_news {width: 180px; margin-bottom:35px}
    .show_news .timenews{font: bold 12px/13px Arial; color:#050404; padding:0px 7px 7px 7px;}
    .show_news a.news_tt {font: bold 13px/15px Arial; color:#050404}
    .show_news .desc_news {padding:4px 0 4px; font:normal 11px/13px Arial; color:#4a4949}
    .show_news .desc_news p {margin:0; padding:3px 0;}
    .show_news .newsmore{font:bold 11px/13px Arial; color:#050404; padding:0 0 0 20px; background: url(morenews.jpg) no-repeat left center;}
     
/*FOOTER*/
.footer {width:990px; margin:0 auto; position:relative; background: url(footer.jpg); height: 220px;}
    .spfooter {clear:both; height:200px;}
    .sitecopy {float:left; margin:62px 0 0 48px; width: 220px; font:normal 12px/16px "Times New Roman"; color:#878e95; text-align: center;}
    .phone {float:left; margin: 125px 0 0 135px; width: 235px; font:normal 30px/34px "Times New Roman"; color:#b2b8be; font-style: italic; text-align: right;}
    .phone b {color:#fff}
    .phone p{ font:normal 12px/16px "Times New Roman"; color:#878e95; text-align: center;padding:0;margin:0;}
.sitecopy p {padding:10px 0 0;margin:0;}

.t_f {position:absolute; width:990px; margin:0 auto; z-index:3; text-align:center; bottom:5px;font:normal 12px/16px "Times New Roman"; color:#878e95;}

/* 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:#d24132; 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 { padding:14px 0 0 7px; float:left; /*border: 1px solid #ccc;*/}



.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 11px Arial, Helvetica, sans-serif; color:#282828; display:block;}



/* ХЛЕБНЫЕ КРОШКИ */

.dpath {color: #7c7c7c;  font-size: 11px; padding:5px 0;}

.dpath a {color:#d13f32; text-decoration:underline;}

.dpath a:hover {color:#d13f32;text-decoration:underline;}