/* CSS Document */
* { margin:0; padding:0;}
img{border:none; vertical-align:top;}
ol, ul {list-style:none;}
body{background:#000;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
hr,.hide{display: none;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
a{color:#FFFFFF;}
table{padding:10px;}
td{padding:5px;}

#header, #headblock {
	width:1000px;
	padding:15px auto;
	margin:0 auto;
}
#content { clear:both; width:1000px; margin:20px auto 0 auto;}

#content p {margin:0 0 20px 0;}
#content ul{ list-style:square; margin:0 0 20px 0;}
#content ul{ margin-left:20px; }
#bottom{
	clear:both;
	width:900px;
	margin:40px auto;
	font-size:12px;
	
}

#logo{ float:left; }
#menu {
	width:570px;
	float:left;
	margin:25px 0 0 60px;
}
#menu li {
	float:left;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#ffc26b;
	margin:0 10px;
}
#menu li a{color:#ffc26b;}


#sections {width:1000px; margin:0 auto 60px auto;}
#sections li{ float:left; font-size:24px; text-align:center;}

.address-block{float:left; margin-top:45px;}
.address-block p{margin:0;}

.news img{padding: 0 15px 0 30px;}
.news dt{font-size:15px; margin-top:20px;}
.news dt a{font-size:15px; color:#FFFFFF;}
.news dt .date{font-size:12px;color:#808080; font-style:italic;}
.news dd{font-size:13px; margin-bottom:20px;}

.phone {height:70px; text-align:right; width: 200px; padding-right:40px; padding-top:30px;}
.b_phone{font-size:24px;}

#star1 {background:url(../i/star1.gif) no-repeat; padding-left:80px; color:#bc872b;}
#star2 {background:url(../i/star2.gif) no-repeat; padding-left:80px; color:#d68145;}
#star3 {background:url(../i/star3.gif) no-repeat; padding-left:80px; color:#5f696c;}
#star4 {background:url(../i/star4.gif) no-repeat; padding-left:80px; color:#516b5c;}

.ramkaOuter img{float:left;}
.ramka{ border:3px solid #bf9760; width:514px; height:288px; float:left;}

.ramka1{ border:3px solid #bf9760; width:100%;  float:left; padding-bottom:5px; padding-left:3px;}

.address{color:#c2cccc;font-size:21px;}

.carousel {margin:40px auto; width:850px;}
.carousel img{float:left;}
#carousel {float:left;border-top:1px solid #c2cccc; border-bottom:1px solid #c2cccc; height:113px; padding:0 20px;}
#carousel li{float:left; margin:20px 15px 20px 15px;}

#creart{float:right;}


.news-archive a{color:#dea556; font-size:14px; line-height:28px;}
.map a{font-size:14px;color:#edc483;font-style:italic;}

.contact-email{color:#bf9760;}



/*************mine********************/
#redfon {background:url(../i/redhead.jpg) center top repeat-x;}
#bluefon {background:url(../i/bluehead.jpg) center top no-repeat;height:538px}
#whitefon {background:url(../i/whitehead.jpg) center top no-repeat;height:538px}
#greenfon {background:url(../i/greenhead.jpg) center top no-repeat;height:508px}

#menu li a:hover {text-decoration:none;}
ul#sections2 {list-style:none;float:right;padding-top:50px;}
#sections2 li{font-size:24px;padding:7px 0px}
img#blockpic {float:left;}
.clc {clear:both}

#star1-2 {background:url(../i/star1.png) 0px 3px no-repeat; padding-left:80px; color:#bc872b;}
#star2-2 {background:url(../i/star2.png) 0px 3px no-repeat; padding-left:80px; color:#d68145;}
#star4-2 {background:url(../i/star4.png) 0px 3px no-repeat; padding-left:80px; color:#516b5c;}
#star4-3 {background:url(../i/star4-2.png) 0px 3px no-repeat; padding-left:80px; color:#3d9963;}
#star3-2 {background:url(../i/star3.png) no-repeat; padding-left:80px; color:#5f696c;}
ul#sections2 a:hover {text-decoration:none;}

ul#moscow_rest {list-style:none;padding-left:70px;clear:both}
ul#moscow_rest li {float:left;width:370px;padding-right:50px;padding-bottom:25px;font-size:12px;line-height:18px;}
ul#moscow_rest img {border:3px #99794c solid;margin:0px 15px 10px 0px;float:left}



.phone {color:#fff;font-weight:normal}
span.code {vertical-align:super;}
#header {position:relative;}
	.bowling {position:absolute;top:160px;left:85px;width:253px;height:62px;background:url(../i/bowling.jpg) no-repeat;}
	
ul#sections3 {list-style:none;padding:0px 0px 0px 420px}
#sections3 li{float:left;font-size:24px;padding:7px 0px}
#sections3  li.step1 {padding-top:50px;}
#sections3  li.step2 {padding-top:-10px;}
#sections3  li.step3 {padding-top:80px;}

#bottom ul {list-style:none;padding-left:15px}
#bottom li {float:left;padding-right:20px;width:300px;}

.creart {float:right;width:200px;}
		.creart a {margin-left:40px;display:block;width:121px;height:13px;background:url(../i/creart.gif) left top no-repeat;font-size:12px;font-family:arial;padding:40px 0px 0px 40px;color:#dfa762}
		.creart a:hover {text-decoration:none;}

/************???????? ???????**************/
	.contenttitle {color:#e7ae64;font-size:24px;padding-bottom:15px}
	.tabletext  table {width:615px;font-size:14px;}
	.tabletext td {padding:3px}
	.tabletext th {text-align:left;vertical-align:bottom;height:20px;padding:3px}
	
	.leftmenu { padding:10px;width:147px;float:left;font-size:14px;}
	.tabletext {margin-left:200px}
		.leftmenu a {color:#ff8e7f}
	.photo {width:45px;}
	.price {width:90px;color:#f3d698}
	.ves {width:90px}
	
	#content  .leftmenu ul {list-style:none;color:#e7ae64}
	#content  .leftmenu li {padding:4px 0px}		

#bludo .bludo_name { float:none; font-weight:bold;}
#bludo p { font-style:italic; }		

/**********карусль*/	
#mygallery {width:740px;border-top:1px solid #c2cccc; border-bottom:1px solid #c2cccc; height:113px; padding:0px 20px,20px,20px;} 
#carousel li{float:left; margin:20px 15px 20px 15px;}		
.belt  {padding-top:10px; }

.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/ 
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute;/* leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/**********карусль*/
