/* CSS Document */
/*-------------------------- global -------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}
table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0;}
html, body{line-height:1; height:100%; font:13px Tahoma, "Times New Roman", sans-serif; color:#333}
ol, ul{list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins, u{text-decoration:underline;}
del {text-decoration:line-through;}
a, .head_navi a:hover{text-decoration:underline;}
a, .head_navi a:hover{text-decoration:underline;color: White;}
a{ color:#09f; outline:0;}
a:visited{}
a:hover{text-decoration:none;}
a:focus{}
a:active{}
sup {position:relative; top:-0.4em;}
sub {position:relative; bottom:-0.4em;}
h1, h2, h3, h4, h5, h6, .like_h1{font-weight:bold}
h1, .like_h1{font-size:20px;}
h2{}
h3{ }
h4{font-size:14px;}
h5{}
h6{}
label, button{cursor:pointer}
.cat a img { display:block; border:0; }
/*-------------------------- end global -------------------------*/


.specification th{text-align:left; }





/*-------------------------- content lists -------------------------*/
.cont ul{list-style:disc; margin:10px 10px 5px 20px; padding:0 0 0 15px;}
.cont ul ul, .content ol ul{margin:5px 10px 10px}
.cont ul li, .cont ol li{margin:0 0 5px;}
.cont ol{list-style:decimal; margin:10px 10px 5px 40px;}
.cont ol ol, .content ul ol{margin:5px 10px 5px 30px;}
.cont .price, .cont .price li, .cont .pages, .cont .pages li, .cont .card ul, .card ul li{ margin:0; padding:0; list-style:none}
/*------------------------ end content lists -----------------------*/













/*---------------------------- fuck ie ---------------------------*/
.pngfix, .pngfix img { _behavior: url("/application/views/coffee/styles/iepngfix.htc"); }
.header { _behavior: url("/application/views/coffee/styles/csshover.htc"); }
.head_navi, .cat dd, .desc, .pages, .cat, .basket p, .prod, .hiccupped, .win_tbg, .win_bg, .win_bbg, .form dd, .form, .card, .card dd { _zoom:1; }
.welc_trbg { //zoom:1; }
/*------------------------------ *** -----------------------------*/










/*---------------------------- overblocks ---------------------------*/
.head_navi, .cat dd, .desc, .pages, .cat, .basket p, .prod, .hiccupped, .win_tbg, .win_tlbg, .win_trbg, .win_bg, .win_bbg, .win_blbg, .win_brbg, .form dd, .form, .card, .card dd { overflow:hidden; }
/*------------------------------- *** -------------------------------*/







/*------------------------ content paragraph -----------------------*/
.cont p { margin-bottom:20px;}
/*---------------------- end content paragraph ---------------------*/






/*----------------------------- wrapper ----------------------------*/
.wrap{min-height:100%; height:auto!important; height:100%; background:spa(/application/views/coffee/images/wrap_ybg.png) repeat-y 297px 0; width:1020px; margin:0 auto; position:relative; z-index:1}
.brown{ position:absolute; top:0; width:100%; background:#c69f72; height:140px;}
/*------------------------------- *** ------------------------------*/









/*--------------------------- left block --------------------------*/
.left_bl{float:left; width:367px; padding:0 0 80px 55px}
.logo{ background:url(/application/views/coffee/images/logo_bg.jpg) no-repeat; width:368px; height:184px; margin-left:-55px; padding:30px 0 0 54px;}

.my_client{ font-size:14px;}

.ring{ color:#000; font-size:30px; font-weight:bold; margin-bottom:33px; line-height:1; padding-bottom:8px; background:url(/application/views/coffee/images/phone.png) no-repeat 225px 19px}
.ring span{ color:#666; font-size:18px;}
.ring .head, .basket .head, .question .head, .important .head{ display:block; margin-bottom:10px; font:30px "Myriad Pro Cond", Arial, Helvetica, sans-serif; font-weight:normal}

/*.basket{ padding:0 180px 8px 0; background:url(/application/views/coffee/images/pushcart.png) no-repeat 228px 0; font-size:14px; margin-bottom:42px;}*/
.basket{ padding:0 180px 8px 0; font-size:14px; margin-bottom:42px; position:relative;}
.basket span{ float:right}
.basket button{ font-size:12px; margin-top:11px;}
.basket p{ margin-bottom:7px;}

.question{ padding-right:150px; background:url(/application/views/coffee/images/question.png) no-repeat 267px 0; min-height:111px; /*IE6*/_height:111px; margin-bottom:39px;}

.important{ padding-right:30px}
.important p{ margin-bottom:20px;}

#slider {display:block; width:367px; position:relative; margin-bottom:25px;}
.header, .acta{ width:367px; font-weight:bold; line-height:90%; height:42px; cursor:pointer; /*background:#edb03f*/ background:#ff8827 url(/application/views/coffee/images/left_navi_lbg.gif) no-repeat 0 -42px; margin-bottom:1px;}
.header:hover, .acta:hover { background:#ff8827 url(/application/views/coffee/images/left_navi_lbg.gif) no-repeat 0 -42px }
.header-green { background:#45b649 url(/application/views/coffee/images/left_navi_lbg_green.gif) no-repeat 0 0; }
.header-green:hover { background:#45b649 url(/application/views/coffee/images/left_navi_lbg_green.gif) no-repeat 0 0; }
.header-brown { background:#78422d url(/application/views/coffee/images/left_navi_lbg_brown.gif) no-repeat 0 0;  }
.header-brown:hover { background:#78422d url(/application/views/coffee/images/left_navi_lbg_brown.gif) no-repeat 0 0; }
.header-yellow { background:#ffe11d url(/application/views/coffee/images/left_navi_lbg_yellow.gif) no-repeat 0 0;  }
.header-yellow:hover { background:#ffe11d url(/application/views/coffee/images/left_navi_lbg_yellow.gif) no-repeat 0 0; }
.header-blue { background:#38b5ef url(/application/views/coffee/images/left_navi_lbg_blue.gif) no-repeat 0 0;  }
.header-blue:hover { background:#38b5ef url(/application/views/coffee/images/left_navi_lbg_blue.gif) no-repeat 0 0; }
.header a { text-decoration:none; color:#000; }
.header-brown a { text-decoration:none; color:#fff; }
.header-blue a { text-decoration:none; color:#fff; }

.content { display:block; overflow:visible; margin-top:-5px; position:relative; z-index:1; background:#edb03f url(/application/views/coffee/images/left_navi_lbbg.gif) no-repeat 0 100%; margin-bottom:1px; }
.content-green { background:#45b649 url(/newsite/left_navi_lbbg_green.gif) no-repeat 0 100%; }
.content.non { display:none; overflow:hidden; }



.content ul li{  padding-left:27px; margin-bottom:3px;  }
.content ul{ padding-bottom:23px; }


.header td, .header table, .acta td, .acta table{margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0;}
.header td, .acta td{ height:42px; padding:0 125px 0 27px; text-transform:uppercase; background:url(/application/views/coffee/images/left_navi_tab.gif) no-repeat 15px 71px;  vertical-align:middle}
.acta td{ background:url(/application/views/coffee/images/left_navi_act_tab.gif) no-repeat 13px 19px;}
.foot_robocop{ position:absolute; background:url(/application/views/coffee/images/foot_robot.png); width:142px; height:344px; z-index:2; top:0; right:0; /*IE6*/_right:-1px;}
.content ul a, .content ul span { display:block; _display:inline-block; color:#000; text-decoration:none; line-height:100%; background:url(/application/views/coffee/images/left_subnavi_tab.gif) no-repeat 0 8px; padding-left:16px; }
/*Opera*/html:first-child .content ul a{background:url(/application/views/coffee/images/left_subnavi_tab2.gif) no-repeat 0 7px;}
.content ul a:hover, .content ul span{ color:#fff; background:url(/application/views/coffee/images/left_subnavi_tab.gif) no-repeat 0 -36px;}
/*Opera*/html:first-child .content ul a:hover, html:first-child .content ul span{background:url(/application/views/coffee/images/left_subnavi_tab3.gif) no-repeat 0 7px;}
/*------------------------- end left block ------------------------*/







/*-------------------------- right block -------------------------*/
.right_bl{float:left; width:578px;}
.cont{ padding:0 53px 30px;}
.cont h1{ margin-bottom:18px;}
.cont h4{ margin-bottom:20px}
.head_navi{ background:url(/application/views/coffee/images/logo_bg.png) no-repeat; height:115px; padding:10px 53px 15px 0; position:relative; z-index:1; margin-bottom:-29px;}
.head_navi li { float:right; display:block; width:238px; font-size:12px; color:#000; margin-bottom:4px;}
.head_navi li.qqq { float:right; display:block; width:438px; font-size:16px; color:#fff; margin-bottom:4px;}
.head_navi a, .head_navi span{ color:#000; text-decoration:none; padding:2px 0 2px 34px; background:url(/application/views/coffee/images/coffe_tab.gif) no-repeat}

.head_navi a:hover, .head_navi span:hover{ color:#fff; text-decoration:none; padding:2px 0 2px 34px; background:url(/application/views/coffee/images/coffe_tab_white.gif) no-repeat;}


.head_navi span{ font-weight:bold; color:#fff;  background:url(/application/views/coffee/images/coffe_tab_white.gif) no-repeat;}


.welcome{ width:528px; margin:0 auto 38px; background:#e2e2e2; border:1px solid #bcbcbc; position:relative}
.welc_trbg{ background:url(/application/views/coffee/images/welc_trbg.gif) no-repeat 100% 0; top:-1px; right:-1px; position:relative; padding:24px 25px 12px 26px; color:#000;}
.welc_bbg{ background:url(/application/views/coffee/images/welc_bbg.gif) no-repeat 0 100%; height:6px; z-index:1; margin:0 -1px -1px; position:relative;}
.welc_trbg h1, .like_h1{ margin-bottom:5px;}
.welc_trbg h4{ margin-bottom:6px;}
.welc_trbg p{ margin-bottom:10px;}

/*.cat_photo{ float:left; width:170px;  text-align:center}*/
.cat_photo { float:left; margin-right: 10px;  }
.cat dd { background:url(/application/views/coffee/images/cat_bg.gif) repeat-x bottom; padding-bottom:20px; margin-bottom:18px; }
.cat .desc p { text-align:left !important; }
.cat dt { font-size:14px; font-weight:bold; margin-bottom:12px;}
.cat_head{ clear:both}
.cat{ margin-bottom:60px;}
.cat dl{ margin-bottom:-23px;}
.cont .price{ margin-top:38px}
.cont .price li{ display:inline; padding-right:20px;}
.price a{ font-size:14px; font-weight:bold}
.bask a{ color:#f00; font-size:11px;}
.price span{ font-size:18px; font-weight:bold; color:#c00}
.price input{ border:1px solid #b3b9c3; width:36px; height:18px; padding:2px 0 0; margin:0 0 0 9px}
.cont .pages li{ float:left; width:28px; height:21px; text-align:center; margin-right:18px; padding-top:7px}
.pages li.act{ background:url(/application/views/coffee/images/pages_bg.gif) no-repeat}

.cat { overflow:hidden; }
.cat p { margin-bottom:10px; }
.cat .price { margin:0; font-size:12px; font-weight:bold; }
.cat table { margin:0; }
.cat table td { margin:0; padding:0; vertical-align:top; }
.cat .button { width:100px; }
.cat .butb { font-weight:bold }
.cat .line { width:100%; background:url(/application/views/coffee/images/cat_bg.gif) repeat-x bottom; height:20px; margin-bottom:18px; }

/*-------------------------end left block ------------------------*/











/*--------------------------- footer --------------------------*/
.undfoot{ height:130px;  clear:both}
.foot{ position:absolute; top:100%; /*Fucking ie6*/_top:auto; height:130px; margin-top:-130px; width:100%; color:#000}
.phone{ font-weight:bold; margin-bottom:10px; }
.phone span{ font-size:14px; }
.phone span span{ color:#666}
.minisol{ width:80px; float:right; margin:50px 53px 0 0; /*IE6*/_display:inline;}
.cent_foot{ float:left; width:358px; padding-left:450px;}
.minisol img{ position:absolute; margin:-2px 0 0 -42px;}
.counter{ margin-left:-23px;}
.counter li{ display:inline; margin-left:23px; }
.copy{ margin-bottom:7px;}
/*.left_foot{ width:363px; margin-top:-85px; position:relative; padding-left:55px; float:left; font:18px "Myriad Pro Cond", Arial, Helvetica, sans-serif;}*/
.left_foot{   position:relative; float:left; font:18px "Myriad Pro Cond", Arial, Helvetica, sans-serif;}
.left_foot a{ color:#000;}
.left_foot p{ margin-bottom:4px;}
/*------------------------- end footer ------------------------*/



/*--------------------------- popup window --------------------------*/
 body{/*IE6*/_background:url(fuck.gif) fixed}
.window{position:fixed; /*IE6*/_position:absolute;   display:table; width:100%; z-index:1000; height:100%; background: url(/application/views/coffee/images/window.png); top:0; left:0; /*IE6*/_top: expression(parseInt(document.documentElement.scrollTop, 10) + "px" );}
.table_cell{position:relative; display:table-cell; vertical-align:middle;}
.over_table{position:relative; left:50%; width:297px; /*IE*///top:50%;}
.dual_over_tabla{position:relative; /*IE*///top:-50%; left:-148px;}
.win_trbg, .win_tlbg, .win_blbg, .win_brbg{ width:10px; height:10px; }
.win_tlbg, .win_blbg{background:url(/application/views/coffee/images/window_tlbg.png) no-repeat; /*IE6*/_margin-right:-3px;float:left;}	
.win_trbg, .win_brbg{float:right; background:url(/application/views/coffee/images/window_trbg.gif) no-repeat;  /*IE6*/_margin-left:-3px;}
.win_bg{height:10px; background:#edb03f}
.win_cont{background:#edb03f; padding:0 7px 0 13px; color:#000; position:relative;}
.add{font-size:12px; font-weight:bold; text-transform:uppercase; margin-bottom:4px;}
.win_but{margin-top:5px;}
.win_but button{width:125px; margin-right:9px; font-size:11px;}
.win_blbg{background:url(/application/views/coffee/images/window_blbg.png) no-repeat;}
.win_brbg{background:url(/application/views/coffee/images/window_brbg.png) no-repeat;}
.name{ padding-right:25px;}
.close{ position:absolute; right:8px; top:0;}
/*------------------------- end popup window ------------------------*/













.prod{ margin:31px 0 25px -17px; }
.prod li{ float:left; color:#000; border-left:1px solid; margin:-2px 0 10px -1px; font-size:14px; padding:0 16px 0 15px;}
.prod a{ font-weight:bold}
.hiccupped span{ color:#c00; font-weight:bold; font-size:18px;}
.order{ float:right;}
.order button{ font-size:12px; margin-left:17px;}












.form{font-size:12px;}
.form input, .form textarea{ font-size:12px; width:366px; float:left; height:17px; padding:3px 0 0; margin:0; border:1px solid #b3b9c3}
/*Opera*/html:first-child .form input{ padding:0 0 1px; height:19px;}
.form textarea{ height:90px;}
.form dt{ float:left; width:104px; margin-right:-104px; clear:left}
.form label{ float:left; margin:3px 12px 0 0; white-space:nowrap}
.form dd{ margin-bottom:9px; padding-left:104px}
#interc{ width:auto; height:auto; margin:3px 49px 0 0; /*IE*///margin:0 43px 0 0; border:0;}
/*Opera*/html:first-child #interc{ margin:2px 46px 0 0}
/*Safari*/body:first-of-type #interc{ margin:4px 53px 0 0}
#home, #floor, #code, #apartment, #entrance{width:44px; margin-right:29px;}
#entrance{ margin-right:30px;}
#apartment, #code{ margin:0;}
#floor{ margin-right:23px}
.form  .your_order{ float:none; margin:0;}
.form .your_order_item input{ width:36px;  margin:0;}
.form .your_order_item{ padding:0}
.your_order_item a{ font-size:11px}
.your_order_item{ margin-top:20px}
.your_order_item td{ padding-bottom:10px;}
.your_order_item table tr>td{ width:345px}
.your_order_item table td+td{ width:50px}
.your_order_item table td+td+td{ width:40px; text-align:right}
.first{width:345px}
.second{width:50px}
.third{width:40px; text-align:right}
.fourth{ text-align:right}
.your_order_item button{ margin-top:25px;}




.card dt{ float:left; width:200px;}

.cont .card dd li{ background:url(/application/views/coffee/images/tab.gif) no-repeat 0 6px; padding-left:21px; margin-bottom:10px }
.cont .card dd ul{ margin-bottom:35px;}
.card_name{ font-size:12px; margin-bottom:33px;}
.back{ position:absolute; left:0; top:7px;}
.card .price2{ float:none; width: auto; clear:both; padding-left:200px; position:relative}
.cont .card .price2 li{ background:none; padding-left:0;}

img#inviz{display: none; width:1px; height: 1px;}


.header { color:#180007; }

.content { padding-top:10px; }
.content ul { padding-bottom:16px; }
.content a {font: bold 13px Verdana; }