@charset "utf-8";
/*Общие теги*/
* {
	margin: 0;
	padding: 0;
}

table {
	border: 0;
}

html, body, p, h1, h2, a, li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}

h1, h2 {
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	color:#363636;
	margin-bottom:10px;
}
h2 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:6px;
	font-style:normal;	
}
a {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

html, body {
	height: 100%;
}

ul{
	list-style:none;
}

img{
	border:1px solid #989898;
}

div {
	display:block;
}
/*\Общие теги*/
/*Общие классы*/
.cl {
	clear: left;
}

.cr {
	clear: right;
}

.ca {
	clear: both;
}

#index ul.serv_list{
	margin:0px;
	display:table;
	margin-bottom:16px;
	max-width:900px;
	width:100%;
}

#index ul.serv_list li{
	background:none;
	margin:0px;
	padding:0px;
	display:table-cell;
	vertical-align:top;
	width:50%;
}

#index ul.serv_list ul,
#index ul.serv_list ul li{
	display:block;
}

#index ul.serv_list ul{
	padding-left:24px;
}

#index ul.serv_list ul li{
	height:33px;
	padding-top:12px;	
	background:url(../i/serv_ico.gif) no-repeat left top;
	padding-left:80px;
	margin-bottom:20px;
}

#index ul.serv_list .item1{
	background-position: left 0px;
}
#index ul.serv_list .item2{
	background-position: left -45px;
}
#index ul.serv_list .item3{
	background-position: left -90px;
}
#index ul.serv_list .item4{
	background-position: left -135px;
}
#index ul.serv_list .item5{
	background-position: left -180px;
}
#index ul.serv_list .item6{
	background-position: left -225px;
}
#index ul.serv_list .item7{
	background-position: left -270px;
}
#index ul.serv_list .item8{
	background-position: left -315px;
}

#index .crumbs{
	margin-bottom:2px;
}

#index .crumbs li{
	display:inline;
	text-transform:lowercase;
	font-size:12px;
	font-style:italic;
}
#index .crumbs li,
#index .crumbs li a{
	color:#cac8cc;
}

/*\Общие классы*/
/*структура*/
#index {
	min-height: 100%;
	position: absolute;
	height: auto;
	min-width: 995px;
	width: 100%;
	background:#92bbe7 url(../i/main_rep.gif) repeat-x left bottom;
	overflow:hidden;
}

#top {
	position: relative;
	width: 100%;
	padding-bottom: 126px; /*высота футера с учетом наезда-отступа*/
	min-height: 757px;/* Минимальная высота контента*/
	padding-top:5px;
}

#foot {
	bottom: 0px;
	position: absolute;
	height: 126px; /*высота футера*/
	width: 100%;
	z-index:10;
}
/*\структура*/
/*Шапка*/

#top_substrate{
	position:relative;
	margin:5px 29px 0px 20px;
	overflow:visible;
}

#top_substrate div{	
	height:95px;
}

#top_substrate div.repeat{
	position:relative;
	background:url(../i/top_substrate_rep.png) repeat-x left top;
	margin:0px 78px 0px 47px;
	overflow:visible;
}

#top_substrate div.left_bord{
	background:url(../i/top_substrate_l.png) no-repeat left top;
	width:47px;
	left:-47px;
	position:absolute;
}
#top_substrate div.right_bord{
	background:url(../i/top_substrate_r.png) no-repeat right top;
	width:78px;
	right:-78px;
	position:absolute;
}
#top_substrate div.blik1{
	background:url(../i/top_substrate_blik1.png) no-repeat left top;
	width:934px;
	height:85px;
	position:absolute;
	top:0px;
	left:-47px;
}
#top_menu{
	position:relative;
	margin-left:252px;/*Ровняем по контенту - 10px на отступы ячеек*/
	margin-right:-37px;/*Ровняем по контенту - 10px на отступы ячеек*/
	top:-14px;
	z-index:30;
}

#top_menu ul{	
	display:table;
	width:100%;
	position:relative;
}
#top_menu li{
	display:table-cell;
	text-align:center;
}

#top_menu li.first{
	text-align:left;
}
#top_menu li.last{
	text-align:right;
}
#top_menu li a{
	display:block;
	height:68px;
	padding:47px 10px 0px 10px;
	white-space:nowrap;
	font-size:14px;
	color:#fefefe;
}
#top_menu li a{
	background-repeat:no-repeat;
	background-image:none;
}
#tmitem0{
	background-position:-56px 2px;
}
#tmitem0:hover{	background-image:url(../i/menu00.png);}
#tmitem1{
	background-position:center 0px;
}
#tmitem1:hover{	background-image:url(../i/menu01.png);}
#tmitem2{
	background-position:center 2px;
}
#tmitem2:hover{	background-image:url(../i/menu02.png);}
#tmitem3{
	background-position:center 0px;
}
#tmitem3:hover{background-image:url(../i/menu03.png);}
#tmitem4{
	background-position:right 4px;
}
#tmitem4:hover{	background-image:url(../i/menu04.png);}

#top_logo{
	width:162px;
	height:47px;
	background:url(../i/top_logo.png) no-repeat left top;
	position:absolute;
	left:30px;
	top:23px;
	z-index:25;
}

/*\Шапка*/
/*Основной блок*/
#main{
	margin-top:10px;	
}

#left_col{
	position:relative;
	float:left;
	padding-left:40px;
	padding-bottom:275px;
	z-index:25;
}

#left_substrate{
	padding:17px 30px 17px 25px;
	width:140px;
	background: url(../i/left_substrate_rep.png) repeat-y left top;	
	position:relative;
	min-height:60px;
}

#left_substrate div.top{
	width:195px;
	height:98px;
	top:0px;
	left:0px;
	background: url(../i/left_substrate_t.png) repeat-y left top;	
	position:absolute;
	z-index:10;
}

#left_substrate div.buttom{
	width:195px;
	height:104px;
	bottom:0px;
	left:0px;
	background: url(../i/left_substrate_b.png) repeat-y left bottom;	
	position:absolute;	
	z-index:10;
}

#left_substrate div.content{
	z-index:20;
	position:relative;
}
#left_substrate h1 {
	font-size:30px;
	font-style:italic;
	font-weight:normal;
	color:#666;
	margin-bottom:4px;
}

#left_col .proj_block{
	font-size:11px;
	color:#353535;
	margin-bottom:20px;
	display:block;
}

#left_col .proj_block img{
	display:block;
	margin-top:5px;
	width:127px;
}

#left_menu a{
	font-size:12px;
}
#left_menu a:hover{
	color:#006fae;
}
#left_menu ul a{
	font-size:11px;
	color:#666666;
}
#left_menu li{
	margin-bottom:8px;
}
#left_menu ul{
	margin-top:8px;
}
#left_menu ul li{
	margin-left:10px;
}
#left_menu li ul{
	display:none;
}
#left_menu li.act ul{
	display:block;
}

/*Люлька*/
/* Можно удалять
#rope_t{
	width:232px;
	height:115px;
	background:url(../i/rope_top.png) no-repeat left top;
	position:absolute;
	top:0px;
	left:22px;
	z-index:20;
}*/
#rope_t_l{
	width:22px;
	height:115px;
	background:url(../i/rope_top_l.png) no-repeat left top;
	position:absolute;
	top:0px;
	left:22px;
	z-index:20;
}
#rope_t_r{
	width:22px;
	height:115px;
	background:url(../i/rope_top_r.png) no-repeat left top;
	position:absolute;
	top:0px;
	left:232px;
	z-index:20;
}

#rope_l{
	width:18px;
	height:100%;
	background:url(../i/rope_lrep.png) repeat-y left top;
	position:absolute;
	top:0px;
	left:-18px;
	z-index:20;	
}

#rope_r{
	width:28px;
	height:100%;
	background:url(../i/rope_rrep.png) repeat-y left top;
	position:absolute;
	top:0px;
	left:196px;
	z-index:20;
}

#rope_b{
	width:264px;
	height:247px;
	background: url(../i/rope_b.png) no-repeat left top;
	position:absolute;
	bottom:-183px;
	margin-top:0px;
	left:-31px;
	z-index:10;
	
}
/*\Люлька*/

#right_col{
	height:1%;
	margin-left:278px;
	z-index:5;
	margin-right:20px;
	position:relative;
}

#screen{
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left:278px;
	right:20px;
	top:114px;
	bottom:126px;
	overflow:hidden;
}

#screen_rep{
	background:#f7f8ff url(../i/screen_rep.gif) repeat-x left bottom;
	position:absolute;
	left:0px;
	right:0px;
	bottom:19px;
	top:6px;
	width:auto;
	height:100%;
}

#draw{
	background:url(../i/cont_draw.png) no-repeat left top;	
	position:absolute;
	right:20px;
	bottom:20px;
	width:469px;
	height:331px;
}
#screen_top{
	position:relative;
	background:url(../i/screen_top.gif) repeat-x left top;
	height:6px;
}

#screen_right{
	position:absolute;
	right:0px;
	top:0px;
	width:19px;
	height:100%;
	
}

#screen_right div{
	position:absolute;
	left:0px;
}

#screen_right div.top{
	width:19px;
	height:22px;
	top:0px;
	left:0px;
	background:url(../i/screen_right_t.png) no-repeat left top;
}

#screen_right div.rep{	
	background:url(../i/screen_right_rep.png) repeat-y left top;
	height:100%;
	width:9px;
	top:22px;	/*#screen_right div.t -> heiht*/
	bottom:32px;	/*Подбор*/
	
}

#screen_right div.bot{
	width:16px;
	height:32px;
	bottom:0px;	/*Подбор*/
	background:#3162A2 url(../i/screen_right_b.gif) no-repeat left top;
}

#screen_bot{
	position:absolute;
	background: url(../i/screen_bot.jpg) repeat-x left top;
	height:19px;
	left:0px;
	right:0px;
	width:auto;
	bottom:0px;
	z-index:10;
}

#screen_top,
#content,
#screen_bot,
#screen_rep{
	margin-right:19px;/*#screen_right -> width*/
	display:block;
}

html:first-child #screen,
html:first-child #screen_rep{
	min-height:920px; /*баг в движке Operы, связанный с height:auto*/
}
html:first-child #screen_right div.rep{
	min-height:891px; /*баг в движке Operы, связанный с height:auto*/
}

#content{
	/*min-height:510px;*/
	padding:18px 40px 60px 50px;
	overflow:hidden;
}

#content p,
#content ul{
	color:#000;
	font-size:13px;
	margin-bottom:10px;
}
#content ul{
	margin-top:-7px;
}

#content ul li{
	margin-left:10px;
	padding-left:7px;
	background:url(../i/list_maker.gif) no-repeat left 7px;
}

#content img.left{
	clear:left;
	float:left;
	margin-right:10px;
}

#content img.right{
	clear:right;
	float:right;
	margin-left:10px;
}
#content ul.kro{
	margin:0px;
	margin-bottom:7px;
}
#content ul.kro li{
	margin:0px;
	padding:0px;
	display:inline;
	margin-right:-2px;	
	background:none;
}
#content ul.kro li a,
#content ul.kro li span{
	font-size:11px;
	color:#666666;
}

#content div.gallery{
	overflow:hidden;
}

#content div.gallery div{
	white-space:nowrap;
}

#content div.gallery img{
	margin:5px;
}

#content div.gallery a:hover img{
	border-color:#D7D7D7;
}
#content div.gallery a{
	text-decoration:none;
	float:left;
	display:block;
}
#content div.galcomment a{
	float:left;
	display:block;
	width:160px;
	margin-right:20px;
}
#content div.galcomment div{
	white-space:normal;
}
/*\Основной блок*/
/*Подвал*/
#foot{
	background:url(../i/foot_rep.gif) repeat-x left bottom;
}

#foot, #foot a, #foot p{
	font-size:10px;	
	color:#303030;
}

#foot_l{
	width:240px;
	height:61px;
	background:url(../i/foot_l.jpg) no-repeat left bottom;
	position:absolute;
	bottom:0px;
	left:0px;
}

#foot_r{
	width:481px;
	height:46px;
	background:url(../i/foot_r.jpg) no-repeat right bottom;
	position:absolute;
	right:0px;
	bottom:0px;
}

#tel,
#tel_basic{	
	width:252px;
	height:115px;
	background:url(../i/foot_lt_index.gif) no-repeat left bottom;
	position:absolute;
	top:-115px;
	left:0px;
}

#tel_basic{
	width:217px;
	height:164px;
	top:-167px;
	left:39px;
	background-image:url(../i/foot_lt.gif);
}

#info{
	position:absolute;
	bottom:74px;
	left:26px;
}

#man1{
	width:120px;
	height:192px;
	background:url(../i/man1.png) no-repeat left bottom;
	position:absolute;
	bottom:0px;
	left:220px;
}

#man2{
	width:320px;
	height:87px;
	background:url(../i/man2.png) no-repeat right bottom;
	position:absolute;
	left:35%;
	bottom:0px;
}

#man3{
	width:191px;
	height:189px;
	background:url(../i/man3.png) no-repeat right bottom;
	position:absolute;
	bottom:0px;
	right:130px;
}

#man4{
	width:146px;
	height:200px;
	background:url(../i/man4.png) no-repeat right bottom;
	position:absolute;
	bottom:0px;
	right:130px;
}

#sofa{
	width:322px;
	height:125px;
	background:url(../i/sofa.png) no-repeat right bottom;
	position:absolute;
	bottom:0px;
	left:350px;
}

#webrover{
	position:absolute;
	right:40px;
	bottom:78px;
	text-decoration:none;
}

#webrover span{
	text-decoration:underline;
	display:block;
	margin-bottom:3px;
}

#webrover:hover span{
	text-decoration:none;
}

#webrover img{
	border:none;
}
/*\Подвал*/