/* CSS Document */
* { margin:0; padding:0;}
img{border:none; vertical-align:top;}
ol, ul {list-style:none;}
body{background:#fff;font-family:Arial, Helvetica, sans-serif; color:#5a6c19;}
hr,.hide{display: none;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
a{color:#FFFFFF;}

#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;
	
}

#bottom a {color:#5a6c19}

#menu {
	
	
	padding:25px 0 0 430px;
}
#menu li {
	float:left;
	text-align:center;
	font-size:18px;
	
	color:#9caa2c;
	margin:0 9px;
}
#menu li a{color:#9caa2c;}


#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:100px;line-height:100px;}
.b_phone{font-size:30px;}

#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;}

.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;background:#000}
#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 no-repeat;}
#whitefon {background:url(../i/whitehead.jpg) center top no-repeat;height:538px}

.logo {position:absolute;top:70px;left:96px;width:265px;height:300px}

#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:380px;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:#96a42a;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;}

.restr {position:absolute;top:150px;left:165px;height:20px;font-size:24px;}
.bill {position:absolute;top:60px;left:475px;height:20px;font-size:24px;}
.boul {position:absolute;top:60px;right:55px;height:20px;font-size:24px;}
#headblock {position:relative;}
#headblock a:hover {text-decoration:none;}

.shop_name {color:#a3cc33;font-size:24px;font-weight:bold}
.work_time {color:#556818;font-size:18px;font-weight:bold}
.shopper {padding:20px 0px 0px 13px}

li.phonetime {padding-left:20px}

#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/creart2.gif) left top no-repeat;font-size:12px;font-family:arial;padding:40px 0px 0px 40px;color:#5a6c19}
		.creart a:hover {text-decoration:none;}
		
		
		

/**********карусль*/	
#mygallery {width:750px;border-top:1px solid #c2cccc; border-bottom:1px solid #c2cccc; height:113px; padding:0 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. */
}

/**********карусль*/