@charset "utf-8";

/*	___________________________________
	
	centerbilliard.ru
	
	Sergei Asanov (http://sadesign.ru)
	27/10/2009
	___________________________________
*/

@import url(/css/typo.css);
@import url(/css/navigation.css);
@import url(/css/framed.css);
@import url(/css/lightbox.css);

body { background: #fff url('/i/bottom_bg.jpg') bottom repeat-x; }	
a { color: #055baa;	text-decoration: underline;  cursor: pointer; cursor: hand; }
a:hover { color: #000; text-decoration: none;}
/* a:visited {	color: #531f20; } */

ul.list { list-style:circle; font-size: 19px; list-style-type: none; }
	ul.list li { padding-bottom:6px;}


/*
	Header
	______________________________________
*/

#header { background: url('/i/header_bg.jpg') repeat-x top; position: relative;}
	#header .logo { position: absolute; top: 51px; left: 25%; margin-left:9px; text-indent:-9999px; background: url(/i/logo_centerbilliard.gif) no-repeat; width: 274px; height: 94px; }
	#header .logo a { display: block; width: 274px; height: 94px;}
	#header .headerimg { background: url('/i/header.jpg') no-repeat 25% top; height:287px}
	#header #addressbox { position: absolute; top:68px; right:13%;}
	#header #addressbox #mapbox_show { z-index: 20; position: absolute; top:0; left:0;}
	#header #addressbox #mapbox_show span.interact { color: #ffc200; border-bottom: dashed 1px #ffc200; cursor: hand; cursor:pointer }
	#header #addressbox #mapbox_show.active span.interact { color: #055baa; border-bottom: dashed 1px #055baa;}
	#header #addressbox #mapbox_show span:hover { border-bottom: dashed 1px #a3c4d5; color:#a3c4d5;}
	#header #addressbox .tel { color: #ffc200; font-size: 24px; margin-left:-28px; padding-top:20px; padding-bottom: 5px;}
	#header #addressbox .tel .code { font-size:12px; padding-right:5px;}
	#header #addressbox .address {color:#a3c4d5; line-height:17px;}
	#header #addressbox #mapbox { position: absolute; top:-24px; right:13%; margin-right:-136px; color: #575c60; width:774px; z-index:15;}
		#header #addressbox #mapbox .in { position: relative; background: url('/i/mapbox_top.png') no-repeat top; padding:25px 10px 8px 30px; }
		#header #addressbox #mapbox .map { }
		#header #addressbox #mapbox .textbox { position: absolute; top:0; left: 515px;}		
		#header #addressbox #mapbox .tel { color: #055baa; font-size: 24px; margin-left:-28px; padding-top:44px; padding-bottom: 5px;}
		#header #addressbox #mapbox .tel .code { font-size:12px; padding-right:5px;}
		#header #addressbox #mapbox .address { color: #575c60; line-height:17px;}	
		#header #addressbox #mapbox .workhours { background:#f2f3f4; margin-top:20px; margin-bottom:20px; padding: 10px; width: 210px;}
			#header #addressbox #mapbox .workhours .hours { font-size: 24px; margin-bottom:10px; margin-top:-5px;}
				#header #addressbox #mapbox .workhours .hours sup { font-size: 11px;}
 		#header #addressbox #mapbox .print { background: url('/i/print.gif') no-repeat; padding-left: 22px; margin-left:-23px; margin-top:100px;}
			#header #addressbox #mapbox .print .close { margin-left:90px; background: url('/i/close.gif') no-repeat right 5px; padding-right:11px;}
		#header #addressbox #mapbox .bottom { background: url('/i/mapbox_bottom.png') no-repeat bottom; height: 30px; }
.header2 { background:url('/i/header2_bg.gif') repeat-x;}
	.header2 .image { background:url('/i/header2.jpg') no-repeat 25% top; height:20px;}


/*
	Content
	______________________________________
*/

#content { background: url('/i/header3_bg.jpg') top repeat-x; padding-top:50px; }
.textpage { width:90%;}

.pr { margin-top:5px; margin-bottom:20px;}
span.pageprice { float: left; padding: 2px 6px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
		
.notice { margin-top: 40px; margin-left:40px; margin-right:30px; max-width:300px;}
	.notice .dtop {background:url(/i/d1.gif) no-repeat; height: 14px;}
		.notice .dtop .d2 { background: url(/i/d2.gif) right no-repeat; height: 14px; width:14px; float:right;}
	.notice .mainbox { border-right: solid 1px #95989b; border-left: solid 1px #95989b; padding-left: 20px; padding-right:5px; padding-bottom:10px; position: relative; color:#5e6163; font-style: italic; font-size:12px; line-height: 19px}
	.notice .dbottom {background:url(/i/d4.gif) no-repeat; height: 14px;}
		.notice .dbottom .d3 { background: url(/i/d3.gif) right no-repeat; height: 14px; width:14px; float:right;}		


.pic_collection { padding-bottom:10px;}
.pre { font-size:16px; line-height:20px; width:80%; padding-bottom:30px;}

table.photoset td {padding:0 30px 30px 0}

#container { position: relative;}
#container h1 { width:80%;}
#container .item { padding-bottom:30px;}
#container .item .descr { line-height:19px; width:80%; padding:6px 0 12px 0}
#container .item .lightboxpic { position: relative;}
#container .item .lightboxpic .zoom { position: absolute; bottom:0; left:0;}
.item table td { font: 12px Arial, Helvetica, sans-serif; padding:3px 30px 3px 0;}
.item tr.theader td { border-bottom: solid 2px #d2dbe2; padding-bottom:2px; font-weight: bold; color:#43494d;}
.item tr.theader td.price { padding-right:4px;}
#container .item td.price { font-weight: bold; text-align: right; color:#43494d; padding-right:7px}
#container .item .tech { font-size: 14px; padding:20px 0; line-height:19px;}
#container .pic { padding-bottom:20px; padding-top:20px;}

.choose_table { font-size:12px; position: absolute; top:0; left:83%; line-height:18px;}

.separator { background:url(/i/hr_bg.gif) repeat-x bottom; width:90%; position: relative; height:15px; margin-top:10px;}
	.separator .left { background: url(/i/hr_1.gif) no-repeat bottom; position: absolute; top:6px; left:0; height: 9px; width:20px; }
	.separator .right {background: url(/i/hr_2.gif) no-repeat bottom; position: absolute; top:6px; right:0; height: 9px; width:20px;}
	.separator .center {background: url(/i/hr_center.gif) no-repeat bottom; position: absolute; top:0; left:50%; height: 15px; width:102px; margin-left:-51px;}


.photoset { padding-top:20px; padding-bottom:10px;}
	
.imglist { }
   .imglist .item { float:left; margin-right:40px; width:190px; margin-bottom:60px;}
      .imglist .item { width:190px; height:120px;}
      .imglist .item .title {font-size: 19px;}
	  .imglist .item .desc { line-height:19px; font-size:12px;}


table.tablelist td { font-size: 19px; padding-bottom: 10px; }

#news {}
#news .item{ padding-bottom:20px;}
#news .item .date { font-size: 19px; color:#707a84; padding-bottom:5px;}
#news .item .text { line-height:17px;}


/*	
	footer
	______________________	
*/

#footer { padding-top:60px; padding-bottom:20px; line-height:19px;}
	#footer .copyright { line-height:19px;}
	#footer .sa { position: relative; padding-top:2px; }
		#footer .sa .star { padding-top:3px; }
		#footer .sa .link { position: absolute; top:21px; left:22px; }