/*

	Site Main Styles

	Version:  14.03.10

	

	Structure

	--------------------------------------------

	1. Base style

	

	2. Index styles

			- header

			- contentBox

			- footer

			

	3. menu_myaso page

	4. menu page

	5. zakaz_stolik

*/

/* 1. base style ---------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em,  img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: baseline;

	background: transparent;

}

html {

	font-size: 100.01%;

}

body {

	line-height: 1;

	background: url(http://tzvetnoy.gbsbar.ru/images/body-back.jpg) center 0 repeat-y;

	color: #FDCEA9;

	text-align: center;

	font: 0.875em Georgia, "Times New Roman", Times, serif;

}

html,body {

	height: 100%;

}

ol, ul {

	list-style: none;

}

:focus {

outline: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 100%;

}

a {

	color: #DCA352;

	text-decoration: underline;

}

a:hover {

	text-decoration:none;

}

input[type="text"], input[type="password"] {

	font-size: 100%;

	padding: 0;

}

textarea {

	font: 100% Verdana, Arial, sans-serif;

	padding: 0;

} 

/* 2. Index styles ---------------------------*/



.wrap{

	background: url(http://tzvetnoy.gbsbar.ru/images/tvbody.jpg) center 0 no-repeat;

	display: block;

	zoom:1;

	min-height:100%;

}



.wrapInner{

	background: url(http://tzvetnoy.gbsbar.ru/images/tvbody.jpg) center 0 no-repeat;

}





.otherBack{

	background: url(http://tzvetnoy.gbsbar.ru/images/header-inner-back.jpg) center 0 no-repeat;

	position:absolute;

	left:100%;

	top:0;

	height:381px;

	width:100%;

}
.otherBack1{

	background: url(http://tzvetnoy.gbsbar.ru/images/tvilicha.jpg) center 0 no-repeat;

	position:absolute;

	left:100%;

	top:0;

	height:381px;

	width:100%;

}

.ownBack{

	background: url(http://tzvetnoy.gbsbar.ru/images/tvbody.jpg) center 0 no-repeat;

	position:absolute;

	left:0;

	top:0;

	height:381px;

	width:100%;

}





.wrap:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	overflow: hidden;

}



.main{

	width: 962px;

	margin: 0 auto;

	text-align: left;

	position: relative;

	padding-bottom: 236px;

	z-index:90;

}





/*----header---*/

.header {

	height: 380px;

	position: relative;

/*	background: url(http://tzvetnoy.gbsbar.ru/images/tvbody.jpg) center 0 no-repeat;*/

	z-index:100;

}



.wrapInner .header {

	/*background: url(http://tzvetnoy.gbsbar.ru/images/tvbody.jpg) center 0 no-repeat;*/

}



.topLink{

	width:100%;

	height:308px;

	overflow:hidden;

	position:absolute;

	left:0;

	z-index:100;

}



.forFlash{

	width:100%;

	height:308px;

	overflow:hidden;

	position:absolute;

	left:0;

}



.shiftFlash{

	width:1900px;

	height:308px;

	position:absolute;

	top:2px;

	left:0;

}





#topFlashBox{

	width:1900px;

	height:308px;

	position:absolute;

	top:0;

	left:0;

}





.mainMenu{
	font-size:110%;
	height:34px;
	position:absolute;
	top:330px;
	left:69px;
}
.mainMenu li{
	float:left;
	height:34px;
	margin-right:39px;
}
.mainMenu li a,
.mainMenu li span{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:34px;
	background: url(../images/top-menu.png) no-repeat;
	cursor:pointer;
}
.mainMenu li.mainMenu1{
	margin-right:0px;
}
.mainMenu li.mainMenu2{
	margin-right:0px;
}
.mainMenu li.mainMenu3{
	margin-right:0px;
}
.mainMenu li.mainMenu4{
	margin-right:0px;
}
.mainMenu li.mainMenu5{
	margin-right:0px;
}
.mainMenu li.mainMenu1 a{
	width:95px;
	background-position:0 0;
}
.mainMenu li.mainMenu2 a{
	width:160px;
	background-position:-95px 0;
}
.mainMenu li.mainMenu3 a{
	width:130px;
	background-position:-255px 0;
}
.mainMenu li.mainMenu4 a{
	width:190px;
	background-position:-385px 0;
}
.mainMenu li.mainMenu5 a{
	width:120px;
	background-position:-575px 0;
}
.mainMenu li.mainMenu6 a{
	width:150px;
	background-position:-685px 0;
}

.mainMenu li.mainMenu1 a:hover{
	background-position:0 -68px;
}
.mainMenu li.mainMenu2 a:hover{
	background-position:-95px -68px;
}
.mainMenu li.mainMenu3 a:hover{
	background-position:-255px -68px;
}
.mainMenu li.mainMenu4 a:hover{
	background-position:-385px -68px;
}
.mainMenu li.mainMenu5 a:hover{
	background-position:-575px -68px;
}
.mainMenu li.mainMenu6 a:hover{
	background-position:-685px -68px;
}


.mainMenu li .active{
height:34px;
cursor:pointer;
}

.mainMenu li.mainMenu1 .active,
.mainMenu li.mainMenu1 .active:hover{
	width:95px;
	background-position:0 -34px;
}
.mainMenu li.mainMenu2 .active,
.mainMenu li.mainMenu2 .active:hover{
	width:160px;
	background-position:-95px -34px;
}
.mainMenu li.mainMenu3 .active,
.mainMenu li.mainMenu3 .active:hover{
	width:130px;
	background-position:-255px -34px;
}
.mainMenu li.mainMenu4 .active,
.mainMenu li.mainMenu4 .active:hover{
	width:190px;
	background-position:-385px -34px;
}
.mainMenu li.mainMenu5 .active,
.mainMenu li.mainMenu5 .active:hover{
	width:120px;
	background-position:-575px -34px;
}
.mainMenu li.mainMenu6 .active,
.mainMenu li.mainMenu6 .active:hover{
	width:150px;
	background-position:-685px -34px;
}



.popupMenu{

	position:absolute;

	width:307px;

	background: url(http://tzvetnoy.gbsbar.ru/images/popup-menu.png) no-repeat;

	margin-top:5px;

	display:none;

}



.popupMenuBody{

/*	background: url(http://tzvetnoy.gbsbar.ru/images/popup-menu-top.png) no-repeat;*/

	padding:18px 25px;

/*	top:-3px;

	position:relative;*/

	zoom:1;



}



.popupMenuBot{

	width:307px;

	height:5px;

	background: url(http://tzvetnoy.gbsbar.ru/images/popup-menu-bot.png) no-repeat;

	overflow:hidden;

	position:absolute;

	bottom:0;



}

.popupMenu li{

	float:none;

	height:auto;

	margin-right:0;

	margin-bottom:4px;

	background: url(http://tzvetnoy.gbsbar.ru/images/flower.png) 0 4px no-repeat;

	padding-left:27px;

	position:relative;

	width:255px !important ;

}

.popupMenu li a{

	text-indent:0;

	overflow:hidden;

	display:inline;

	height:auto;

	background:none;

	color:#F1CD9A;

	font-style:italic;

}





#beer{

	width:332px;

	height:289px;

	background: url(http://tzvetnoy.gbsbar.ru/images/beer.png) no-repeat;

	position:absolute;

	left:426px;

	top:20px;

	display:none;

}

.headerArrow{

	width:50px;

	height:50px;

	position:absolute;

	top:120px;

	left:30px;

	background:url(http://tzvetnoy.gbsbar.ru/images/arrows.png) -50px 0 no-repeat;

	cursor:pointer;

	z-index:1000;

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}



#headerArrowRight{

	right:30px;

	left:auto;

	background:url(http://tzvetnoy.gbsbar.ru/images/arrows.png) 0 0 no-repeat;

}



/*-------contentBox------------*/

.contentBoxTop{

	margin-top:10px;

	height:75px;

	width:962px;

	background: url(http://tzvetnoy.gbsbar.ru/images/content-box-top.gif) no-repeat;

}



.contentBoxBot{

	height:55px;

	width:962px;

	background: url(http://tzvetnoy.gbsbar.ru/images/content-box-bot.gif) no-repeat;

}

.contentBox{

	background: url(http://tzvetnoy.gbsbar.ru/images/content-box.gif) repeat-y;

	display:block;

	zoom:1;

}



.contentBox:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	overflow: hidden;

}

.contentBox .logo{

	width: 392px;

	height: 120px;

	overflow: hidden;

	background: url(../images/logo.png) no-repeat;

	text-indent: -9999px;

	margin:0 0 -13px 290px;

	position:relative;

	top:-31px;

	display:block;

}

.contentBox .topBanner{

	width: 850px;

/*	height: 90px;*/

	overflow: hidden;

	margin:0 0 -13px 52px;

	position:relative;

	top:-31px;

	display:block;

}



.bannerColumn{	

	float:left;

	display:inline;

	margin-left:52px;

	padding-top:5px;

}

.textColumn{

	margin-left:263px;

	margin-right:50px;

}



.textColumn h2{

	color:#F7B27B;

	font-size:215%;

	font-weight:bold;

	margin-bottom:23px;

}

.textColumn p{

	margin-bottom:19px;

}

.events h3,

.multimedia h3,

.opinions h3,

.interesting h3{

	color:#FFFEF0;

	font-size:129%;

	font-style:italic;

	font-weight:bold;

}

.events h3{

	margin:24px 0 0 87px;

}

.multimedia h3{

	margin:38px 0 0 104px;

}

.opinions h3{

	margin:16px 0 0 91px;

}

.interesting h3,

.video h3{

	text-indent:-9999px;

	overflow:hidden;

}

.events{

	background: url(http://tzvetnoy.gbsbar.ru/images/crown.png) no-repeat;

	width:190px;

	height:155px;

	float:left;

	position:relative;

	left:-15px;

	top:-9px;

}

.multimedia{

	background: url(http://tzvetnoy.gbsbar.ru/images/gramophone.png) no-repeat;

	width:268px;

	height:183px;

	float:left;

	position:relative;

	top:-22px;

}

.opinions{

	background: url(http://tzvetnoy.gbsbar.ru/images/manuscript.png) no-repeat;

	width:183px;

	height:119px;

	float:left;

}

.matherials{

	width:850px;

	clear:both;

	margin-left:52px;

}



.interesting{

	float:left;

	width:410px;

	background: url(http://tzvetnoy.gbsbar.ru/images/book.png) no-repeat;

	position:relative;

	left:-26px;

	padding-top:160px;

	

}

.arhivePic{

	position:absolute;

	top:39px;

	left:36px;

	height:104px;

	width:178px;

}



.arhive{

	width:116px;

	height:32px;

	background: url(http://tzvetnoy.gbsbar.ru/images/arhive.png) no-repeat;

	overflow:hidden;

	display:block;

	line-height:30px;

	padding-left:4px;

	font-style:italic;

	position:absolute;

	left:215px;

	top:78px;

}



.interesting .forImg{

	width:138px;

	height:84px;

	background: url(http://tzvetnoy.gbsbar.ru/images/frame138x84.png) no-repeat;

	float:left;

	padding:1px;

}

.interesting .forImg div{

	width:136px;

	height:82px;

	overflow:hidden;

	text-align:center;

	display:table-cell;

	vertical-align:middle;

}







.interesting li{

	margin-bottom:14px;

	float:left;

	display:inline;

	margin-left:27px;

}



.interesting .forText{

	margin-left:15px;

	font-size:86%;

	font-weight:normal;

	float:left;

	display:inline;

	width:225px;

	background: url(http://tzvetnoy.gbsbar.ru/images/twirl.png) 27px bottom no-repeat;

	padding-bottom:30px;

	

}

.interesting h4{

	font-size:117%;

	font-style:italic;

	font-weight:normal;

	margin-bottom:12px;

}







.video{

	margin-left:383px;

	background: url(http://tzvetnoy.gbsbar.ru/images/bobbin.png) 0 14px no-repeat;

	width:424xp;

	padding-top:136px;

	position:relative;

}



.videoBox{

	width:424px;

	height:298px;

	background: url(http://tzvetnoy.gbsbar.ru/images/video.jpg) no-repeat;

	position:relative;

	left:35px;

}

.videoBox div{

	height:224px;

	width:397px;

	overflow:hidden;

	position:absolute;

	left:14px;

	top:15px;

}



.video .arhive{

	width:122px;

	height:28px;

	background: url(http://tzvetnoy.gbsbar.ru/images/arhive1.png) no-repeat;

	overflow:hidden;

	display:block;

	line-height:26px;

	padding-left:0;

	text-align:center;

	font-style:italic;

	position:absolute;

	left:222px;

	top:127px;

}



.popup{

	color:#DD983E;

	font-style:italic;

	font-size:86%;

	width:187px;

}

.popup a{

	color:#E9C592;

}

.popupTop{

	width:187px;

	height:45px;

	background: url(http://tzvetnoy.gbsbar.ru/images/popup187-top.png) no-repeat;

}

.popupTopRight{

	background: url(http://tzvetnoy.gbsbar.ru/images/popup187-top-right.png) no-repeat;

}

.popupBot{

	width:187px;

	height:22px;

	background: url(http://tzvetnoy.gbsbar.ru/images/popup187-bot.png) no-repeat;

}

.popupBody{

	background: url(http://tzvetnoy.gbsbar.ru/images/popup187.png) repeat-y;

	padding:0 10px 0 18px;

}



.popup168{

	width:168px;

}



.popup168 .popupTop{

	width:168px;

	height:45px;

	background: url(http://tzvetnoy.gbsbar.ru/images/popup168-top.png) no-repeat;

}

.popup168 .popupBot{

	width:168px;

	height:20px;

	background: url(http://tzvetnoy.gbsbar.ru/images/popup168-bot.png) no-repeat;

}

.popup168 .popupBody{

	background: url(http://tzvetnoy.gbsbar.ru/images/popup187.png) repeat-y;

	padding:0 10px 0 18px;

}

.popup li{

	padding-bottom:4px;

	color:#E9C592;

}





.popup li:before{

	content: "\2014\a0";

}





/*---end-contentBox------------*/



.footerWrap{

	height:215px;

	background: url(http://tzvetnoy.gbsbar.ru/images/footer.gif) center 0 no-repeat;

	margin-top:-215px;

	position:relative;

	z-index:91;



}

.footer{

	width:962px;

	height:215px;

	margin:0 auto;

	position: relative;

	font-size:86%;

}



.footerBanner{

	height:96px;

	width:962px;

	text-align:center;

	overflow:hidden;

	margin-left:3px;

	margin-bottom:72px;

}

.footerBanner div{

	display:table-cell;

	vertical-align:middle;

	height:96px;

	width:962px;

}

.footer ul{

	display:inline;

}

.footer li{

	font-size:117%;

	display:inline;

	font-style:italic;

	margin-left:23px;

}

.footer li a{

	color:#FFCE89;

}

.footer span{

	margin-right:55px;

	margin-left:-21px;

}



/* 3. menu_myaso page ---------------------------*/

.path{

	margin-left:52px;

	color:#F7B27B;

	margin-bottom:14px;

}

.noLogoPath{

	margin-top:-10px;

	position:relative;

	top:-20px;

}

.path li{

	display:inline;

	margin-right:5px;

}

.path li h1{

	display:inline;

	font-size:215%;

	font-weight:bold;

	margin-left:0;

}

.path li a{

	color:#D5803C;

	font-size:129%;

	font-style:italic;

}



.path li:before{

	content:"/ ";

	margin-right:4px; 

}



.path li:first-child:before{

	content:"";

}

.dishesList{

	margin-left:52px;



}

.dishesList li{

	width:403px;

	float:left;

	display:inline;

	margin-left:26px;

	margin-bottom:32px;

}

.dishesList h2{

	font:italic bold 129% Georgia, "Times New Roman", Times, serif;

	color:#fff;

	margin-bottom:20px;

}

.dishPic{

	float:left;

	width:190px;

	text-align:center;

	color:#FDCEA9;

	font:italic bold 215% Georgia, "Times New Roman", Times, serif;



}

.dishPic .forImg{

	width:190px;

	height:150px;

	overflow:hidden;

	margin-bottom:5px;

}

.dishPic span{

/*	background: url(http://tzvetnoy.gbsbar.ru/images/ruble.png) right 7px no-repeat;

	padding-right:35px;*/

}

.dishPic span i{

	font-weight:normal;

	font-size:90%;

}

.dishText{

	margin-left:205px;

	font-size:86%;

	line-height:18px;

}

.dishText span{

	color:#FF821F;

	font-weight:bold;

	display:block;

	margin-top:16px;

	

}

/* 4. menu page ---------------------------*/

.contentBox h1{

	margin-left:52px;

	font-size:215%;

	font-weight:bold;

	margin-bottom:19px;

}

.barMenu{

	margin-left:42px;

	float:left;

	display:inline;

}

.barMenu li{

	height:232px;

	width:216px;	

	float:left;

	text-align:center;

	margin-bottom:30px;

	overflow:hidden;

/*	background: url(http://tzvetnoy.gbsbar.ru/images/light.png) center bottom no-repeat;*/

	position:relative;

}

.barMenu img{

	display:block;

	margin:78px auto 0 auto;

/*	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

	-moz-opacity: 0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;*/

}

.barMenu a{

	color:#FFFEF0;

	font:bold italic 129% Georgia, "Times New Roman", Times, serif;

}

.barMenu li span{

	position:relative;

	z-index:10;

	position:absolute;

	text-align:center;

	width:100%;

	bottom:170px;

	left:0;

	text-decoration:underline;

	cursor:pointer;

}

.barMenu li a:hover span{

	text-decoration:none;

}

/* 5. zakaz_stolik ---------------------------*/

.content{

	margin-left:52px;

	margin-right: 60px;

}

.map{

	margin-top:15px;

	margin-left:5px;

	width:838px;

}

.mapTop,

.mapBot{

	width:838px;

	height:11px;

	overflow:hidden;

	background: url(http://tzvetnoy.gbsbar.ru/images/map-top.png) no-repeat;

}

.mapBot{

	background: url(http://tzvetnoy.gbsbar.ru/images/map-bot.png) no-repeat;

}

.mapBody{

	background: url(http://tzvetnoy.gbsbar.ru/images/map.png) repeat-y;

	padding:10px;

	position:relative;

}



.popupForm{

	position:absolute;

	left:400px;

	top:0;

	width:296px;

	height:276px;

	background: url(http://tzvetnoy.gbsbar.ru/images/popup-form.png) no-repeat;

	display:none;

}

.popupForm h2{

	color:#FFF3ED;

	font:bold italic 100% Georgia, "Times New Roman", Times, serif;

	margin:10px 0 8px 40px;

}

.popupForm form{

	color:#FFF3ED;

	font-style:italic;

	width:192px;

	height: 240px;

	overflow:hidden;

	margin-left:61px;

}

.popupForm label{

	display:block;

	margin-bottom:2px;

}

.popupForm input[type="text"]{

	border:1px solid #5C0303;

	background:#fff;

	width:188px;

	margin-bottom:5px;

	display:block;

	font:normal 100% Georgia, "Times New Roman", Times, serif;

}

.popupForm input[type="submit"]{

	width:138px;

	height:38px;

	background: url(http://tzvetnoy.gbsbar.ru/images/btn-order.png) no-repeat;

	border:none;

	cursor:pointer;

	float:right;

	display:inline;

	margin-top:10px;

	margin-right:5px;

}





.topText{

	color:#fff;

	font-size:14px;

	padding:0 45px;

	margin-top:10px;

}

.topText p{

	margin:10px 0;

}

.topText ul{

	list-style:circle;

	margin-left:20px;

	margin:10px 0 10px 20px;

}

.topText ol{

	list-style:decimal;

	margin:10px 0 10px 20px;

}

.topText a{

	margin-right:15px;

}





.content h2 {

	font-size: 140%;

	margin-bottom: 15px;

}

.content h3 {

	font-size: 130%;

	margin-bottom: 12px;

}

.content h4 {

	font-size: 120%;

	margin-bottom: 10px;

}

.content h5 {

	font-size: 110%;

	margin-bottom: 10px;

}

.content h6 {

	font-size: 100%;

	margin-bottom: 10px;

}

.content p {

	margin-bottom: 20px;

}

.content ul {

	list-style: disc;

	margin: 0 15px 10px 15px;

}

.content ul ul {

	margin: 10px 0 10px 25px;

}

.content ol {

	list-style: decimal;

	margin: 0 15px 10px 20px;

}

.content ol ol {

	margin: 10px 0 10px 25px;

}

.content li {

	margin-bottom: 5px;

}

.content table {

	margin-bottom: 15px;

	font-size: 100%;

	width: auto;

	border: 1px solid #aaa;

}

.content th, .content td {

	border: 1px solid #aaa;

	padding: 4px;

	text-align: left;

}

.content th {

	font-weight: bold;

	text-align: center;

}



.content img[align=left] {

	margin: 0 10px 10px 0;

	float: left;

}

.content img[align=right] {

	margin: 0 0 10px 10px;

	float: right;

}

.content dl {

	margin: 0 0 15px 0;

}

.content dt {

	font-weight: bold;

	margin-bottom: 2px;

}

.content dd {

	margin-bottom: 5px;

}

.content hr {

	height: 1px;

	border: none;

	color: #aaa;

	background: #aaa;

	margin: 10px 0;

	clear: both;

}

/*--splash.html--*/

.splash{

	position:relative;

	margin:50px auto 0 auto;

	width:1000px;

	height:912px;

	background:url(http://tzvetnoy.gbsbar.ru/images/splash.png) no-repeat;

	font:normal 12px Georgia, "Times New Roman", Times, serif;

}

.splashPokrovka,

.splashTsvetnoy{

	position:absolute;

	width:270px;

	height:65px;

	overflow:hidden;

	top:308px;

	left:98px;

	color:#fff;

	text-decoration:none;

	padding-top:147px;

	font:normal 250% Georgia, "Times New Roman", Times, serif;



}

.splashTsvetnoy{

	left:636px;

}



.splashPokrovka span,

.splashTsvetnoy span{

	position:absolute;

	top:0px;

	left:19px;

	color:#F7A633;

	cursor:pointer;

	font:bold 60% Georgia, "Times New Roman", Times, serif;

	text-decoration:underline;

}

.splash a:hover span{

	text-decoration:none;

}

.splashPokrovka i,

.splashTsvetnoy i{

	position:relative;

	top:-12px;

	color:#FDBB61;

	font-weight:bold;

	font-size:50%;

}



.splash p{

	position:absolute;

	top:806px;

	left:65px;

	width:385px;

	height:16px;

	overflow:hidden;

}

.splash p a{

	color:#4C0701;

}

.splashFoot{

	position:absolute;

	top:786px;

	left:606px;

	width:145px;

	height:35px;

	overflow:hidden;

	text-align:left;

	line-height:18px;

	color:#D18519;

}

.splashFoot a{

	color:F7A633;

}

.tvset{

	height:404px;

	width:698px;

	background:url(http://tzvetnoy.gbsbar.ru/images/telek-2.png) no-repeat;

	margin-bottom:20px;

	position:relative;

	overflow:hidden;

}

* html .tvset{

	position:static

}

.tvset object{

	position:absolute;

	top:0;

	left:0;

}

.tvset embed{

	position:absolute;

	top:25px;

	left:48px;



}