@import url("cafe_cafe_chain.css.php?browser=ie&lang=eng");

* {margin: 0; padding: 0}

html {height: 100%}

body { height: auto !important;
	margin: 0 auto; padding: 0 0; background-color: #fff;
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #cccccc; 
	scrollbar-shadow-color: #a1a1a1;
	scrollbar-3dlight-color: #f5f5f5; 
	scrollbar-arrow-color: #a1a1a1; 
	scrollbar-track-color: #f5f5f5; 
	scrollbar-darkshadow-color: #f5f5f5; 
	scrollbar-base-color: #000000;
}
table,tr,td,tbody,thead {border-collapse: collapse}

span { white-space: nowrap }

img {border: 0}

p,h1,h2,h3,h4,h5,h6,span,em,li {cursor: default; font-style: normal; font-family: Verdana, Arial}
textarea,input,a {font-style: normal; font-family: Verdana, Arial}

.container {background-color: #fff; position: relative; display: table; width: 100%; height: 100%}


.general {width: 894px; position: relative; margin: auto auto; background-color: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; visibility: visible}
div.up_bnr {width: 894px; height: 383px; background-image: url("../imgs/main_gradient.jpg"); background-position: bottom left; background-repeat: no-repeat; position: relative}

div.logo {position: absolute; margin: 20px 0 0 0}
div.logo img {width: 498px; height: 62px}

div.mmen {position: absolute; margin: 98px 0 0 0; width: 892px; height: 28px; background-image: url("../imgs/uplinemenu.gif"); background-position: bottom left; background-repeat: no-repeat}
#mmenu {position: absolute; margin: 0; height: 28px}
#mmenu h2 {font-size: 11px; color: #505050; font-weight: 600}
#mmenu h2 a {text-decoration: none; color: #505050}
#mmenu table {margin: 0 0 0 15px}
#mmenu td {padding: 0 25px 0 0; height: 28px}
div.selectmendiv {position: absolute; visibility: hidden}

div.smenu {position: absolute; margin-top: 127px; width: 156px; border: 2px solid #954615; background-color: #c46327; visibility: hidden}
div.smenu div {width: 154px; height: 19px; border: 1px solid #c46327; margin-bottom: 3px; background-color: #c46327; cursor: pointer}
div.smenu div h3 {font-size: 11px; color: #ffffff; font-weight: bold; letter-spacing: -1px; padding: 2px 0 0 6px; cursor: pointer}
div.smenu div h3 a {text-decoration: none; color: #ffffff}

div.lang {position: absolute; margin: 72px 0 0 735px}
div.lang p {font-size: 12px; color: #505050; line-height: 14px; text-transform:uppercase; font-weight: 600; letter-spacing: -1px}
div.lang a {color: #afafaf}
div.lang a.en {margin: 0 0 0 15px}
div.lang a.ru {margin: 0 15px 0 0}

div.pname {position: absolute; margin: 192px 0 0 0; width: 324px; text-align: right}
div.pname h3 {font-size: 25px; color: #ffffff; line-height: 30pt; font-weight: 400}

div.art {position: absolute; margin: 136px 0 0 360px}
td.f0 {width: 25px; height: 25px; background-image: url("../imgs/pict_frame_0.jpg")}
td.f1 {height: 25px; background-image: url("../imgs/pict_frame_1.jpg")}
td.f2 {width: 25px; height: 25px; background-image: url("../imgs/pict_frame_2.jpg")}
td.f3 {width: 25px; background-image: url("../imgs/pict_frame_3.jpg")}
td.f4 {width: 25px; background-image: url("../imgs/pict_frame_4.jpg")}
td.f5 {width: 25px; height: 23px; background-image: url("../imgs/pict_frame_5.jpg")}
td.f6 {height: 23px; background-image: url("../imgs/pict_frame_6.jpg")}
td.f7 {width: 25px; height: 23px; background-image: url("../imgs/pict_frame_7.jpg")}

div.quotes {position: absolute; margin: 149px 0 0 740px; width: 137px}
div.quotes p {font-size: 12px; color: #a63f08; text-align: justify; font-weight: bold; font-style: italic}

div.signs {position: absolute; margin: 102px 0 0 826px}
div.signs img {width: 20px; height: 20px; margin-right: 10px}

div.center_site {width: 894px; position: relative; border-top: 1px solid #ffffff}
div.center_site td.left {vertical-align: top; width: 497px}
div.center_site td.right {vertical-align: top}
div.center_site div.phline {width: 497px; height: 301px; border-right: 1px solid #ffffff; overflow: auto}
div.center_site div.uline {background-color: #c46327; height: 30px; width: 394px}
div.center_site div.tbody {width: 394px}

div.newsline {width: 497px; height: 68px; font-weight: bold}
div.newsline div.n1 {position: absolute; margin: 0; width: 166px; height: 68px; font-size: 12px; color: #505050; text-transform:uppercase; text-align: center}
div.newsline div.n1 p {padding-top: 20px}
div.newsline div.n2 {position: absolute; margin: 0 0 0 167px; width: 331px; height: 68px; font-size: 10px; color: #303030}
div.newsline div.n2 p {padding: 5px 0 0 10px}
div.newsline div.n2 a {text-decoration: underline; cursor: pointer; color: #303030}
#optmenu {position: absolute; height: 28px}
#optmenu div.optmenu {position: absolute; height: 28px}

div.bottom_site {width: 890px; height: 70px}
div.bottom_site div.b1 {width: 890px; height: 70px; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0}
div.bottom_site div.b2 {width: 892px; height: 12px; background-image: url("../imgs/bottom_circled_line.gif"); background-position: top left; background-repeat: no-repeat}
div.bottom_site div.b1 table.t1 {height:74px}
div.bottom_site div.b1 td.left {width: 497px}
div.bottom_site div.b1 td.left p {color: #858585; font-size: 10px; font-weight: bold; line-height: 14px; padding: 15px 0 0 10px}
div.bottom_site div.b1 td.left p strong {color: #606060}
div.bottom_site div.b1 td.left p a {color: #505050; text-decoration: underline; cursor: pointer; line-height: 18px}
div.bottom_site div.b1 td.left p a:hover {color: #afafaf}
div.bottom_site div.b1 td.right {width: 395px; vertical-align:top}

div.bottom_menu {width: 892px; height: 30px; color: #858585; font-size: 10px; font-weight: bold}
div.bottom_menu p {padding: 10px 0 0 0; text-align: center}
div.bottom_menu p a {color: #858585; text-decoration: underline; cursor: pointer}
div.bottom_menu p a:hover {color: #505050}
div.bottom_menu p.va {text-align: right; color: #808080; margin: 10px 0 20px 0; padding: 0}
div.bottom_menu p.va a {color: #909090; text-decoration: underline; cursor: pointer}
div.bottom_menu p.va a:hover {color: #505050}

div.uline h3.main {color: #eb9864; text-transform:uppercase; font-size: 12px; padding: 8px 0 0 10px}

div.tbody div {width: 395px}
div.tbody p.main {color: #858585; font-size: 10px; font-weight: bold; line-height: 14px; padding: 15px 0 0 10px; text-align: justify}
div.tbody p.main a {color: #505050; text-decoration: underline; cursor: pointer}
div.tbody p.main a:hover {color: #303030}
div.tbody p.main strong {font-weight: bold}
div.tbody p.main b {color: #707070}
div.tbody h3.main {color: #858585; font-size: 10px; font-weight: bold; text-align: right; padding: 20px 0 10px 0}
div.tbody h3.main a {color: #afafaf; text-decoration: underline; cursor: pointer}
div.tbody h3.main a:hover {color: #606060}

#adv_banner {position: absolute; margin: -238px 0 0 0; width: 392px; height: 268px; border: 1px solid #c7c1bf; background-color: #ffffff; visibility: hidden}
#adv_banner p.active {color: #858585; font-size: 11px; font-weight: normal; text-transform: uppercase; margin: 3px 10px 0 0; text-align: right; cursor: pointer}
#adv_banner p.imgban {text-align: center; margin-top: 7px}

/* Dima's hands */
#gruop1,.banner,.bnr_layer{
			position:absolute;
		}
		#grp{
			height:302px; width:498px;
		}
		#gruop1 *{
			color:#333;
			cursor: pointer;
		}
		.banner{
			height:301px; 
			position: absolute;
		}
		.bnr_layer{
			position:absolute;
			left:0px; top:0px;
			visibility: hidden;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);	
		}
		#gruop1 a.brown{color:#873306; text-decoration: none;}
		#gruop1 a.brown:visited {color:#873306; text-decoration: none}
		#gruop1 a.brown:hover {color:#000000; text-decoration: underline}
		
		div.ban1 {background-image: url('../imgs/address_grad.gif'); background-repeat:repeat-y; width:auto; height:30px}
		div.ban1 table {width: 100%; height: 30px}
		div.ban11 {width:100%;height:14px;margin-bottom:1px}
		div.ban1 td {vertical-align: middle; font-size: 12px;color: #a63f08; text-align: right}
		div.ban1 h1, table.t2ban1 h1, table.t1ban1 h1 {color:#873306; font-size: 12px; font-weight: bold; letter-spacing: 0; margin-right: 5px}
		
		div.ban2 {width: 166px; height: 301px}
		div.ban2 td.t1 {vertical-align: top; height: 44px}
		div.ban2 td.t2 {width: 1px; background-color: #ffffff; border-bottom: 1px solid #ffffff}
		div.ban2 td.t3 {height: 109px; border-bottom: 1px solid #ffffff}
		table.t1ban1 {width: 165px; height: 30px}
		table.t1ban1 td {vertical-align: middle; color: #a63f08; background-image: url('../imgs/address_grad.gif'); text-align: right}
		div.ban2text {width: 145px; height: 132px; margin: 15px 10px 0 10px}
		div.ban2text h2 {font-size: 10px; font-weight: bold; color: #303030; margin-bottom: 30px; text-align: justify}
		div.ban2text h3 {font-size: 10px; font-weight: bold; color: #303030}
		div.ban2text h3 a.stop {font-weight: bold; text-decoration: underline}
		
		a.brown:link {color:#873306; text-decoration: none}
		a.brown:visited {color:#873306; text-decoration: none}
		a.brown:hover {color:#000000; text-decoration: underline}
		
/* Новый баннер flash-text */

.flash_text_bnr{ border: 1px solid #edab81; height:42px; _height:42px; margin-top:1px; }
.flash_text_bnr table{ height: 100%; width: 100%; }
.flash_text_bnr td { text-align:center; }
.flash_text_bnr p{ font-size:14px; color:#bc6731 !important; font-weight:bold; }
.flash_text_bnr p strong{ font-size:14px; color:#760815 !important; }

.line0{ background-color:#a24a13 } .line1{ background-color:#bc6731 } .line2{ background-color:#d78653 }

/* Dima's hands */

/* Photoline start */
#phline_main{
    position: relative;

    background-color:#afafaf;
    width: 381px; height: 67px;
    margin: 7px 0 0 7px;
    cursor: pointer;

}
#phline_corner{
    position: absolute;

    width:5px; height: 5px;
    right:0px; bottom:0px; _right:-1px; _bottom:-1px;
    background-image: url('/imgs/phline_corner.gif');  background-repeat:no-repeat;  background-position:bottom;
}
#phline_deco{
    width:20px; height: 24px;
    margin-left:3px;
    background-image: url('/imgs/phline_line.gif');   background-repeat:no-repeat;
}
#phline_frame{
    position: relative;

    overflow: hidden;
    width:345px; height: 67px;
    margin-left:6px;
}
#phline_in_frame{
    position: absolute;

    height: 63px;
    top:0px; left: 0px;
    /*padding-left:6px;*/
}
.phline_item{
    margin:auto 6px auto auto;
}
#phline_cont td{
	height: 100%;
}
/* Photoline   end */