@charset "UTF-8";

*{font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#f1f2b8;}
html, body{padding:0px;margin:0px;width:100%;height:100%;background-color: #f5f9f5; background-image:url(../images/bg.jpg);}
table, tr, td{padding:0;margin:0;border-collapse: collapse;border-width:0;vertical-align: top;}
div{border-width:0px;padding:0px;margin:0px;}
img{border-width:0px;}
a{color: #f1f2b8; text-decoration:none;}
a:hover{color: #dcde50;}
h1{ font-size:16px; font-weight:normal; color:#dcde50;}
input{color:#000;}
textarea{color:#000;}

.wrapper{width:100%;height:100%;}
.main{width:100%;height:100%;}

.left-box{width:262px; height:100%;}
.left-top{ height:49px; background-image:url(../images/left-top.jpg); background-repeat:no-repeat;}
.left-center{background-image:url(../images/green-bg.jpg);}
.left-center .content{width:100%; height:100%; background-image:url(../images/left-bg.jpg); background-repeat:no-repeat;}
.left-buttom{height:49px; background-image:url(../images/left-fut.jpg); background-repeat:no-repeat;}
.left-center .label{width:261px; height:156px; background-image:url(../images/new.png); background-repeat:no-repeat;}
.left-center .label-cat{width:261px; height:156px; background-image:url(../images/arenda.png); background-repeat:no-repeat;}


.spase{width:29px;}

.center{ width: 65%;background-image:url(../images/green-bg.jpg);}
.center .bg{ background-image:url(../images/c-bg.jpg); background-repeat: repeat-x; width:100%; height:100%}
.center .bg-t-l{ background-image:url(../images/t-l-1.jpg); background-repeat: no-repeat; width:100%; height:100%}
.center .bg-t-r{ 
	background-image:url(../images/t-r-1.jpg); background-repeat: no-repeat; background-position:top  right; 
	width:100%; height:100%}
	
.center-box{height:100%; width:100%;}
.center-box .fut{height:49px; background-image:url(../images/f-c-1.jpg);}
.center-box .f-l-1{height:100%; width:100%; background-image:url(../images/f-l-1.jpg); background-repeat: no-repeat; }
.center-box .f-r-1{
	height:100%; width:100%; 
	background-image:url(../images/f-r-1.jpg);  background-repeat: no-repeat; background-position: bottom  right;  }
.center-box .content{padding: 50px 20px 10px 20px;}

.right{background-image:url(../images/green-bg.jpg);}
.right-box{height:100%;  width:111px; background-image:url(../images/right-tel.jpg); background-repeat:no-repeat;}
.right-box .fut{height:49px; background-image:url(../images/right-rull.jpg); background-repeat:no-repeat;}

.menu{height:200px; padding:10px 0px 0px 30px;}
.menu .item{ background-image:url(../images/boll.png); background-repeat:no-repeat; height:30px;}
.menu .item div{ position:absolute; padding:6px 0px 0px 30px;}

.new-list{padding:0px 0px 0px 10px;}
.new-list table tr td{height:108px; padding:5px; font-size: 12px;}

.catalog{margin: 20px;}
.catalog tr td{padding:20px;width:108px;}

.linkCatalogRoot{padding:0px 5px 15px 0px;}
.linkCatalogSub{background-image:url(../images/boll2.png); background-repeat:no-repeat; height:30px;}
.linkCatalogSub div{ position:absolute; padding:1px 0px 0px 20px; width: 200px;}
.linkCatalogSub div a{font-size:13px;}

a.photo-container {
  position: relative;
  display: block;
}

img.mask {
  position: absolute;
  top: 0;
  left: 0;
} 


a.tt span{
display:none;/*собственно прячем тултип - пока мышь не наведена*/
}
a.tt:hover{
position:relative;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
z-index:23;/*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
a.tt:hover span{
display:block;/*показываем тултип при наведении*/
position:absolute;
top:-280px;
left:40px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
z-index:22;/*мне 22 + см. выше*/
background:#000;/*фон, что бы было видно тултип*/
}