/*
   index.css

    Webway IT Labs
*/

/* =Reset */
@import url("wwcss/reset.css");
/* =Base -- основные настройки и классы */
@import url("wwcss/base.css");
/* =Layout */
@import url("wwcss/layout.css");

@import url("inlex.css");

body{
    background:#FFF url(/_pic/bg-bottom.jpg) repeat-x 0 100%;
    color:#000;
    font:normal 62.5%/150% Arial, Helvetica, sans-serif;
}
a{
    color:#830202;
    text-decoration:none;
}

h1,h1 a,
h2,h2 a,
h4,h5{
    color:#740202;
    font-weight:bold;
}
h1{
    font-size:1.8em;
}
h2{
	color:#000;
    font-size:1.4em;
    line-height:1.15em;
}

hr,
div.splitter{
    background:transparent url(/_pic/separator.png) no-repeat top left;
    border:0;
    display:block;
    margin:12px auto;
    width:61px;
    height:21px;
}

a.arrow span,
a.arrow strong{ padding:0 5px 0 0; }
a.arrow span strong{
	padding-right:0;
}
a.arrow img{
	display: inline-block;
	//display: inline;
	//zoom: 1;
	line-height: 1em;
	//margin: 4px 0 0;
}

p{
    margin-bottom:0.5em;
}

ul{ margin:5px 0 6px 25px; }
ol{ margin-left:30px; }
ul li,
ol li{
    line-height:1.5em;
}

/* =====FORMS ===============*/
input,
select,
textarea{
    /*background-color:#208704;
    border:1px solid #126D03;
    color:#BFE7B4;*/
    background-color:#fbfbfb;
    border:1px solid #C29B9B;
    color:#000;
    font:normal 1.1em Arial, Helvetica, sans-serif;
}

input.btn,
input.radio,
input.checkbox{
    background-color:transparent;
}

input.btn{
	background:#FBFBFB url(/_pic/arrow.png) no-repeat 90% 55%;
	border:1px solid #C39F9F;
    color:#000;
    cursor:pointer;
	font-size:11px;
	margin:0;
	padding:1px 22px 1px 5px;
	//overflow: visible;
	//width: 1;
}

form dt,
form dd{
    margin:5px 0;
}
form dt{
    margin-right:10px;
    width:150px;
}

form dd select,
form dd input.text,
form dd textarea{
    width:240px;
}

#Webway{
	color:#000;
    font-size:11px;
}

/* =====ICONS */
a.print,
a.print-l{
    background-image:url(/_pic/ico-print.png);
	color:#830202 !important;
    line-height:25px;
    padding:3px 0 2px 26px;
}
a.print-l{
    background-image:url(/_pic/ico-print.png);
}
/*.iconed.metro,
.iconed.address,
.iconed.house,
.iconed.phone{
    background-position:left center;
    line-height:18px;
    padding:2px 0 2px 26px;
}
.iconed.metro{ background-image:url(/_pic/ico-metro.png); }
.iconed.house{ background-image:url(/_pic/ico-house.png); }
.iconed.watch{ background-image:url(/_pic/ico-watch.png); }
.iconed.phone{ background-image:url(/_pic/ico-phone.png); }
*/

.ico-excl,
.ico-hot{
    margin:10px 15px 10px 5px;
    -margin-right:0px;
}

/* =====BUTTONS */
div.btn{
	height:18px;
}
div.btn,
div.btn .btn{
	background:transparent url(/_pic/bg-button.png) no-repeat 0 0;
}

div.btn{
    /*padding-left:8px;*/
}
div.btn .btn{
	background-position:100% -19px;
    padding:2px 10px 1px 4px;
    margin-left:8px;
}

.btn .arrow span{
    background:transparent url(/_pic/arrow.png) no-repeat right 60%;
    padding-right:17px;
}


/* =====блок с закругленными уголками */
.round .rtl,.round .rtr,
.round .rbl,.round .rbr{
	background:transparent url(/_pic/rc-10.gif) no-repeat 0 0;
	height:10px;
}

/*.round .rtl{ background-image:url(/_pic/r-tl.gif); }
.round .rtr{ background-image:url(/_pic/r-tr.gif); }
.round .rbl{ background-image:url(/_pic/r-bl.gif); }
.round .rbr{ background-image:url(/_pic/r-br.gif); }*/

.round .rtl{ background-position:-10px -10px;}
.round .rtr{ background-position:100% -10px;margin-right:-10px; }
.round .rbl{ background-position:-10px 0;}
.round .rbr{ background-position:100% 0%;margin-right:-10px;}

.round img{ margin:-10px 0;display:block; }

.round.light{
    background-color:#259506;
}

.round .tube{ margin:0 8px 0; }


/* ===round.transparent */
.round.transparent{  }
.transparent .tube{
    background-color:#FBFBFB;
	border:solid #C29B9B;
	border-width:0 1px 0 1px;
    margin:0px !important;
    padding:0 8px 0;
}
.transparent .rtl,.transparent .rtr,
.transparent .rbl,.transparent .rbr{
	background-image:url(/_pic/rc-10-form.png);
	height:10px;
	margin-right:10px;
}
/*.transparent .rtl{ background-image:url(/_pic/rtra-tl.gif); }
.transparent .rtr{ background-image:url(/_pic/rtra-tr.gif); }
.transparent .rbl{ background-image:url(/_pic/rtra-bl.gif); }
.transparent .rbr{ background-image:url(/_pic/rtra-br.gif); }*/

.transparent .rtl,
.transparent .rbl{
	-width:510px;
}
.transparent .rtr,
.transparent .rbr{
	-margin-right:0;
	-position:relative;
	-left:10px;
	margin-left:100%;
	width:10px;
}

.transparent .rtr{ background-position:0 -11px; }
.transparent .rbr{ background-position:0 0; }
.transparent .rtl{ background-position:-10px -11px; }
.transparent .rbl{ background-position:-10px 0; }


/* =====декоративные блоки */
.decorbottom,
.decortop{
    width:208px;
}
.decorbottom{
    background:transparent url(/_pic/deco-bo.png) no-repeat 18px 100%;
    padding-bottom:40px;
	text-align:center;
}
.decortop{
    background:transparent url(/_pic/deco-top.png) no-repeat top left;
    padding-top:64px;
	margin:0 0 auto;
	text-align:left;
}
.decorbottom .tube{
	background-color:#FBFBFB;
	border:solid #C29B9B;
	border-width:0 1px 0 1px;
	margin:0 21px 0 23px;
	padding:10px 7px 15px;
}

.decorbottom form,
/*.decorbottom form h5,*/
.decorbottom form p,
.decorbottom a{
    color:#000;
}
.decorbottom a:hover{ color:#000; }

.decorbottom h5{ margin:0 0 14px 0; }

.decorbottom form h5,
.decorbottom form p{
    margin:0 0 14px 5px;
}
.decorbottom h5{
    color:#830202;
    font-size:14px;
    font-weight:bold;
    line-height:1.4em;
}

.decorbottom form div.btn{
    background-image:none;
    float:none;
    margin:12px 0 0 5px;
    padding:0;
}

.decorbottom div.iconed{
    margin:20px 0;
}

.decorbottom ul.vert li{
    line-height:1.5em;
}

.decorbottom ul.citieslist{
    margin-left:23px;
}
.decorbottom ul.citieslist a,
.citieslist a
{ color:#830202; }

.decorbottom ul.citieslist li,
.decorbottom ul.citieslist a:hover,
.citieslist,
.citieslist a:hover
{ color:#830202; }
/*
.citieslist *:after{
    content:',';
    font-size:1em;
}
.citieslist *:last-child:after{
    content:'.';
}
*/
/* =====COLORS */
.green{
    color:#0E4200 !important;
}
.gold{
    color:#740202 !important;
}


#Outside{
    font-size:1.2em;
    min-width:1000px;
    max-width:1600px;
}

/* =header */
#header{
    background:transparent url(/_pic/main-bg.jpg) no-repeat top left;
    height:521px;
    position:relative;
    top:0px;left:0px;
    margin-bottom:-255px;
}
.logotype{
    /*background-image:url(/_pic/logo_main.png);*/
    background-image:url(/_pic/small-j-logo.png);
    width:247px;
    height:108px;
}
#header .logotype{
    position:absolute;
    top:55px;
    left:75px;
}
.lnk-about,
.lnk-menu,
.lnk-address{
    position:absolute;
    /*border:1px solid red;*/
}
.lnk-about{
    top:55px;
    left:595px;
    width:100px;
    height:130px;
}
.lnk-menu{
    top:58px;
    left:738px;
    width:114px;
    height:168px;

}
.lnk-address{
    top:69px;
    left:888px;
    width:101px;
    height:139px;

}

.colcontainer,
.sbleft,
.sbright{ position:relative;top:0px;left:0px; }

/* =colcontainer */
.colcontainer{
    /*margin-top:-80px;*/
}

/* =sbleft -- левая панель */
/* ==Navi */
#Navi{
    margin:0 0 20px 55px;
}
#Navi, #Navi a{
    color:#830202;
    font-size:16px;
    font-weight:bold;
	line-height: 1em;
}
#Navi li,
#Navi li.active a,
#Navi a:hover,
#Navi a:active{
    color:#830202;
}
#Navi li{
	line-height: 1em;
	margin-bottom: 0.7em;
}


/* ==mcategories */
.mcategories{
    margin:0 auto;
}
div.mcategories ul.vert li{
    margin-bottom:25px;
}

/* =sbright -- правая панель */
/* ==Menu */
#Menu{
    margin:20px 0 0 25px;
}
#Menu.center{
    text-align:left;
    margin-left:65px;
}
#Menu.tube{
    margin:0 21px 0 23px;
}
#Menu h5,
#Menu .vert li{
    margin-bottom:6px;
}
#Menu .vert span{
    font-weight:bold;
    padding:0 10px 0 0;
}
#Menu.tube .vert span{ font-weight:normal; }

#Menu .vert li a{
    clear:both;
    display:inline-block;
    /*min-height:55px;*/
}
#Menu .vert li a img{
    padding-right:5px;
}
#Menu .vert li a span{


}
#Menu .vert li a span ins{
    padding-left:55px;
}

/* ==Watch */
#Watch{
}

.sbright .decorbottom{
    margin:25px 0 15px 31px;
}

.sbright #anons{ margin-left:35px; }
.sbright .round{
    margin-bottom:10px;
}

.sbright div.subm{ margin:10px 0 8px 0px; }

/* =content */
.content h1{
    margin:15px 0 15px;
    line-height:1.05em;
}
.content h2{
    margin:3px 0 15px;
}
.content h4{
    margin:3px 0 6px;
}
.content a strong{ color:#830202; }
.content p{ line-height:1.3em; }
.content .tube a{ color: #830202; }

table.data{
	clear:both;
    margin-left:1.5%;
    width:98%;
}
table.data tr{
    background:transparent url(/_pic/dots.png) repeat-x bottom left;
}
table.data th,
table.data td{
    padding:5px 0 0;
}
table.data th{ width:70%; }
table.data td{ width:15%; }

table.data td.weight,
table.data td.price{
    text-align:right;
    vertical-align:bottom;
}

table.data th span,
table.data td span{
    background-color:#fff;
    margin-bottom:-1px;
    padding:1px 5px 2px 2px;
}
/*table.data th span{ padding-left:8px; }*/
table.data td.weight span,
table.data td.price span{
    font-weight:bold;
}
table.data td.price span{
    /*display:block;*/
    padding-left:10px;
    text-align:left;
}

table.data a{
	color:#000;
}
table.data span{
	color:#1f1f1f;
}
table.data th a span,
table.data td a span{
	color:#000;
}

p.annotation{
    margin-top:30px;
}

div.title{
    color:#000;
    margin:0 0 15px;
}
div.title strong{
    color:inherit;
}

div.round.fleft{
    margin-left:-5px;
    margin-right:5px;
}

.entity,
.entity p{
    line-height:1.3em;
    margin-left:8px;
    text-align:justify;
}
.entity a{
	color:#000;
	//position:relative;
	//z-index:5;
}
/*.entity img{ float:left;margin:0 10px 5px 0; }*/
.entity .round{
    display:inline;
    margin:0 20px 10px 0;
}
.entity .arrow img{ float:none;margin:0; }
#News.entity .round{ margin:0 20px 10px 0;}
#News.entity .round img{float:none;margin:-10px 0}

.entity .title{
    clear:both;
}
.entity .icos{
    float:right;
	margin-top:-34px;
}
.entity .icos img{
    padding:0 0 0 15px;
}

/* ==AddressList */
#AddressList{
    margin:30px 0 10px;
}

#AddressList .round .tube{
    padding-bottom:10px;
}
#AddressList div.btn{
    clear:both;
    margin:-9px 0 10px 9px;
    position:relative;
    z-index:100;
}

/* ===Table Addresses */
.tAddress td{ padding-left:5px; }
.tAddress .metro{ width:105px; }
.tAddress .address{ width:145px; }
.tAddress .time{ width:85px; }
.tAddress .desription{ width:100%; }

.tAddress thead td{ text-align:center;padding:0 0 10px; }


/* ===MetroMap */
#MetroMap{
    position:relative;
    top:0px;left:0px;
}
#MetroMap .points li{
    margin:-20px 0 0 -33px;
    width:66px;
    height:29px;
    overflow:hidden;
 }
#MetroMap .points a{
    /*background:transparent url(/_pic/map_point.png) no-repeat center center;*/
    background:transparent url(/_pic/small-j-point.png) no-repeat top left;
    z-index:90;
    padding:30px 0 0 30px;
    display:block;
    float:none;
}
/*#MetroMap .points a span{
    background-color:#095C02;
    border:1px solid #ECD900;
    color:#ECD900;
    display:none;
    font-weight:bold;
    padding:5px 7px;
    margin:20px 0 0 20px;
}
#MetroMap .points a:hover span{
    display:block;
    position:absolute;
    z-index:9999;
}*/
#hint-title{
    position:absolute;
    display:none;
    left:-999px;
    top:-999px;
    z-index:100;
}
#hint-title span{
    background-color:#fbfbfb;
    border:1px solid #830202;
    color:#830202;
    display:block;
    font-weight:bold;
    padding:5px 7px;
    margin:20px 0 0 20px;
}

ul.iconed,
ul.iconed li{
    /*overflow:hidden;*/
}
ul.iconed li{
	margin-bottom:12px;
	padding-left:32px;
	text-indent:-32px;
}
ul.iconed li {clear:both;}
ul.iconed li img,
ul.iconed li span{
    /*float:left;*/
    display:inline;
    vertical-align:middle;
}
ul.iconed li span{
    clear:right;
    margin-left:5px;
    -moz-binding:url("/_inc/wordwrap.xml#wordwrap");
}

#Gallery .round{
    margin:0 0 15px 28px;
}

/* ==ACTIONS */
.content .anons{
    float:left;
    width:30%;
    margin:0 5px 10px;
    min-height:170px;
}
.content .anons a.arrow{ float:left;padding-left:5px; }

.sbright .anons{
    /*margin-left:35px;*/
    margin:10px 0 10px 53px;
    width:163px;
}
.sbright .anons .round{ float:none; }

/* ===ПОИСК_ВАКАНСИЙ */
form#Vacasions{
    margin:0 0 20px;
}
form#Vacasions input.text,
form#Vacasions select,
form#Vacasions textarea{
    width:240px;
}
form#Vacasions input.btn{
    margin:5px 0 0;
}

/* ====Подробное описание меню ==================== */
.menuEntity{
    display:block;
    margin:10px 0 25px;
}
/*a.menuEntity:hover{ color:#FFF; }*/
.menuEntity .round{
	//display: inline;
	float: left;
    margin:0 10px .8em 0;
    width:150px;
}
.menuEntity .dishDesc,
.menuEntity .price{
	clear: both;
}
.menuEntity .dishDesc{
	color:#000;
    display:block;
    margin:0 10px 0 1em;
}
.menuEntity .dishDesc strong{
    color:#740202;
}
.menuEntity .price{
    display:block;
    font-weight:bold;
    white-space: nowrap;
    margin-left: 1em;
}
.row{
	//display: inline;
	overflow: hidden;
	margin: -35px 0 0 -15px;
	width:100%;
}
.row .menuEntity{
	display: inline;
	float: left;
	width: 30%;
	margin-left: 15px;
	margin-top: 35px;
}


/* Часы */
#root #Watch{
    position:relative;
    margin-top:-60px;
}


/* Голосование */
#poll .poll-item{
    padding:3px 0 7px;
}
#poll .name{
    padding-bottom:.3em;
}
#poll .line{
    float:left;
    width:103px;
}
#poll .line div{
    background-color:#C29B9B;
    /*font-size:1px;
    height:10px;
    margin-top:3px;*/
}
#poll .value{
    text-align:right;
}

/** ____________________#facebox */
.popup{
	display: block;
	position: relative;
	overflow: hidden;
	_zoom: 1;
}
	.popup .c{
		display: block;
		overflow: hidden;
		position: relative;
		z-index: 2;
	}

	/* Corners */
	/*
	.popup .t,
	.popup .b{
		background: transparent url(/_pic/rc_popup.png) no-repeat 0 0;
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	.popup .b{
		top: auto !important;
	}
	.popup .tr,
	.popup .br{
		margin-left: 100%;
	}
	*/

#facebox {
	color: #404040;
	font-size: 1.4em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;

	//width:642px;
}
#facebox .popup {
	position: relative;
	/*max-width: 700px;*/
	-zoom: 1;
	-overflow-x:hidden;
}
#facebox .popup-body {
	background: #fff;
	border: 1px solid #740202;
	padding: 42px 123px;
}
#facebox .popup-content {
	overflow: hidden;
	width: 100%;
	zoom: 1;
}
	#facebox .popup-content .pop-image{
		text-align: center;
	}


#facebox .popup-close{
	cursor: pointer;
	font-size: 12px;
	position: absolute;
	top: auto;
	left: 50%;
	margin: -30px 0 0 -2.7em;
	z-index: 100;
}
	#facebox .popup-close *{
		color: #740202;
		text-decoration: underline;
	}

#facebox .loading {
	text-align: center;
}
#facebox .image {
	text-align: center;
}
#facebox img {
	border: 0;
	margin: 0;
}

#facebox_overlay {
	position: fixed;
	top: 0px; left : 0px;
	height: 100%;
	width: 100%;
	left: 0px;
}

.facebox_hide {
	z-index: -100;
}

.facebox_overlayBG {
	background-color: #EEE;
	z-index: 99;
}

* html #facebox_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
* html #facebox_frame {
	z-index: 98;
}

/*pasaha*/
.tube .row {
margin-top:10px;
}
table.data span strong.gold {
color:#740202 !important;
}

.content .tube a.black{color:#000000;}

.print-fl{display:none!important}


#map-canvas{height:300px;width:100%;}
.map-canvas{width:100%;margin:-10px 0}

.gmap{position:relative;top:0px;left:0px;}
.gmap .round{z-index:10;zoom:1;}
.printdiv{clear:both}
.maptowns #map-canvas{height:500px}
.maptowns {padding-bottom:2em}
.maptowns div.round.fleft{margin-left:0;}
#smc div{z-index:1;}
#Outside {
background:transparent url(/_pic/main-bg.jpg) no-repeat scroll left top;
}
a.footerleft{
	display: -moz-inline-stack;
	display: inline-block;
*display:inline;*zoom:1;
width:auto;
}

/*layout*/

.sbleft {
margin-right:-225px;
margin-left:0;

}
body.print #Outside{
	background:none;
}
 .gmap .round,
 .gmap rtl,
 .gmap rbl
 {width:437px;}
 
 #MetroMap .points li{
	z-index:1;
	margin:-23px 0 0 -15px;
}
 .round #map-canvas img {
margin:0;
}	
#map-canvas div#copyright a{display:none}

.row .menuEntity{margin-top:10px;margin-bottom:10px;}

.image-gall{
	margin:15px 20px;
	position:relative;float:left;overflow:hidden
}
.vertsplit{margin:0 1ex;}
.navigator{width:100%;overflow:hidden}
body.body_sm{background:none;}

@-moz-document url-prefix() {
  #facebox .popup .c {overflow: visible;}
}