body{margin: auto; background: url('../img/bg_second.jpg') no-repeat #f0efef; background-position: top center;}
a{outline: none;}
div.clear{clear: both;}
*img{behavior: url("pngbehavior.htc");}

#wrap{margin: auto;padding: 0px; width: 997px;}
#header{width: 997px; height: 60px;}
/*Иконки*/
#header div.icons{width: 222px; float: left; padding: 28px 0px 0px 47px; overflow: hidden;}
#header div.icons img{float: left; margin: 0px 33px 0px 33px}
#header div.icons div.icon1 {float: left;}
#header div.icons div.icon1 a{background: url('../img/home_off.gif') no-repeat; width: 11px; height: 10px; display: block;}
#header div.icons div.icon1 a:hover{background: url('../img/home_on.gif') no-repeat; width: 11px; height: 10px; display: block;}
#header div.icons div.icon1 a.hov{background: url('../img/home_on.gif') no-repeat; width: 11px; height: 10px; display: block;}

#header div.icons div.icon2 {float: left;}
#header div.icons div.icon2 a{background: url('../img/mail_off.gif') no-repeat; width: 12px; height: 10px; display: block;}
#header div.icons div.icon2 a:hover{background: url('../img/mail_on.gif') no-repeat; width: 12px; height: 10px; display: block;}

#header div.icons div.icon3 {float: left;}
#header div.icons div.icon3 a{background: url('../img/search_off.gif') no-repeat; width: 10px; height: 11px; display: block;}
#header div.icons div.icon3 a:hover{background: url('../img/search_on.gif') no-repeat; width: 10px; height: 11px; display: block;}

/*Меню*/
#header div.menu{width: 727px; float: left;}
.sections {background: url('../img/back1.jpg') no-repeat;  height: 60px;} 
.sections .left{background: url('../img/menu_l.jpg') no-repeat;  width: 27px; height: 60px;}
.sections .center{background: url('../img/back1.jpg') no-repeat #000;  height: 60px; }
.sections .center sup{margin: 0px 4px 0px 0px; font: 10px tahoma; color: #999999;}
.sections .center a{font: 11px tahoma; color: #999; text-decoration: underline; text-transform: uppercase; padding: 0px 15px 0px 0px;}
.sections .center a:hover{color: #fff; text-decoration: underline;}
.sections .right{background: url('../img/menu_r.jpg') no-repeat;  width: 27px; height: 60px;}


.left_active{background: url('../img/active_l.jpg') no-repeat;  width: 27px; height: 60px;}
.center_active{background: url('../img/active.jpg') repeat-x; height: 60px; padding: 0px 15px 0px 0px;}
.center_active p{margin: 23px 0px 0px 0px;}
.center_active sup{margin: 0px 4px 0px 0px; font: 10px tahoma; color: #fff;}
.center_active a{font: 11px tahoma; color: #fff; text-decoration: none; text-transform: uppercase;}
.center_active a:hover{color: #fff; text-decoration: underline;}
.right_active{background: url('../img/active_r.jpg') no-repeat; width: 27px; height: 60px;}
.right_active2{background: url('../img/r_active2.jpg') no-repeat; width: 27px; height: 60px; float: right;}

/*Контент левая колонка*/
#content{width: 997px; clear: both; overflow: hidden;}
#content div.left{width: 299px; float: left;}
#content div.left div.tvoi{margin: 48px 0px 0px 47px;}
#content div.left div.three2{padding: 0px 0px 0px 0px; position: relative; right: 2px;}
#content div.left div.three2 div.txt{padding: 18px 0px 0px 0px;}
#content div.left div.three2 div.txt a{font: 22px arial; color: #fff; text-decoration: underline; background: url('../img/plusik.png') no-repeat 23px 5px; width: 15px; height: 15px; padding-left: 47px;}
#content div.left div.three2 div.txt a:hover{text-decoration: none;}
#content div.left div.three2 div.office{background: url('../img/1.png') no-repeat; width: 284px; height: 60px;}
#content div.left div.three2 div.kvartira{background: url('../img/2.png') no-repeat; width: 284px; height: 60px;}
#content div.left div.three2 div.kottedj{background: url('../img/3.png') no-repeat; width: 284px; height: 60px;}

/*Левое меню*/
#content div.left .left_menu {margin: 24px 0px 29px 47px;}
#content div.left .left_menu p{margin: 12px 0px 0px 0px;}
#content div.left .left_menu a{font: 14px arial; color: #cc3366; text-decoration: underline;}
#content div.left .left_menu a:hover{text-decoration: none; color: #000;}
#content div.left .left_menu a.hov{font: 14px arial; color: #000; text-decoration: none;}
#content div.left .left_menu ul{margin: 4px 0px 0px 15px; padding: 0px; list-style-type: none; line-height: 25px;}
#content div.left .left_menu ul li a{font: 12px arial; color: #cc3366; text-decoration: underline;}
#content div.left .left_menu ul li a:hover{text-decoration: none; color: #000;}
#content div.left .left_menu ul li a.hov{text-decoration: none; color: #000; font: 12px arial;}

/*Отправить заявку*/
#order{padding: 49px 0px 0px 46px; color: #735e49; font: 12px arial;}
#order img{margin-bottom: 0px;}
#order input{border: 1px solid #7e9db9; width: 240px; height: 18px; margin-bottom: 9px; color: #735e49; font: 12px arial; padding-top: 3px;}
#order textarea{border: 1px solid #7e9db9; width: 240px; height: 120px; color: #735e49; font: 12px arial;}
#order button{width: 94px; height: 25px;}

/*Контент центральная часть*/
#content div.center{width: 670px; float: left;}
#content div.center {font: 12px arial; color: #666666; margin: 42px 0px 0px 25px; line-height: 16px;}
#content div.center h1{margin: 0px 0px 15px 0px; font: 30px arial; color: #000; clear: both;}
#content div.center table{width: 673px; margin-top: 15px;}
#content div.center table td{font: 12px arial; color: #666666; text-align: left; vertical-align: top; padding-right: 20px; padding-top: 10px;}
#content div.center table td h2{font: 24px georgia; color: #708d9b; font-style: italic; margin: 0px;}

#content div.center table.ceny{margin-top: 15px;}
#content div.center table.ceny{width: 647px;}
#content div.center table.ceny td{padding: 0px; margin: 0px; vertical-align: middle; font: 12px arial; color: #666666;}
#content div.center table.ceny .zag{background: #9bb2be;  height: 37px; font: 12px arial; font-weight: bold; color: #fff; padding-left: 18px;}
#content div.center table.ceny .zag2{background: #859eaa; height: 37px; font: 12px arial; font-weight: bold; color: #fff;}
#content div.center table.ceny .zag3{background: #708d9b; height: 37px; font: 12px arial; font-weight: bold; color: #fff;}
#content div.center table.ceny .razd{background: url('../img/back9.jpg') no-repeat #859eaa; width: 17px; }
#content div.center table.ceny .razd2{background: url('../img/back10.jpg') no-repeat #708d9b; width: 17px; height: 37px;}
#content div.center table.ceny .strok{padding-left: 18px; height: 30px;}
#content div.center table.ceny .vid{background: #e5e4e4;}
#content div.center table.ceny .border{border-top: 1px solid #9bb2be; padding-top: 1px;}

div.error{background: url('../img/404.jpg') no-repeat 100px 65px; width: 670px; height: 532px; float: left; padding: 266px 0px 0px 25px;}
div.error{font: 12px arial; color: #666666;}
div.error p{margin: 0px; width: }
div.error a{font: 12px arial; color:#0099ff; text-decoration: underline;}
div.error a:hover{text-decoration: none;}

/*Галерея*/


	.boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin-top: 0px; 
				margin-right: 5px;
				margin-bottom: 5px;
				float:left; 
				background:#191919; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
				float: left;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
					z-index: 2;
				}
				.boxgrid div.txt{ 
					font: 12px arial; color: #999999;					
					margin: 0px 17px 0px 17px;
				}
				.boxgrid div.txt p{margin: 15px 0px 0px 0px;}
				.boxgrid div.txt .im{margin: 15px 0px 0px 0px;}
				.boxgrid div.txt .im a{font: 18px arial; color: #0099ff; text-decoration: underline; padding-left: 20px; background: url('../img/plus2.jpg') no-repeat 0px 4px; width: 14px; height: 14px;}
				.boxgrid div.txt .im a:hover{text-decoration: none;}
				
				
			.boxgrid div.txt h1{font: 24px arial !important; color: #fff !important; margin: 30px 0px 12px 0px!important;}

/*Постраничное разбиение*/			
div.r_pages { text-align: right; margin: 0px 0; clear: both; float: left;}
div.l_pages { text-align: left; margin: 0px 0;}
div.c_pages { text-align: center; margin: 0px 0;}


/*Список цифрами*/
ol{font: 18px arial; color: #3399cc; line-height: 23px; margin: 0px 0px 0px 23px; padding: 0px;}
ol li span{font: 12px arial; color: #666666; margin: 0px; padding: 0px;}
ol li a{color: #0099ff; text-decoration: underline;}
ol li a:hover{text-decoration: none;}

/*Карта сайта*/
ul{list-style-type: disc; margin: 0px; padding: 0px 0px 0px 20px;}
ul li{margin: 0px; padding: 0px;}
ul li a{font: 12px arial; color: #666666;}
ul li a:visited{color: #363535;}
			
.pages{padding: 0px 0px 30px 0px; clear: both; clear: both;}
.pages img{margin: 0px; float: left;}
.pages a{font: 14px arial; color: #0099ff; text-decoration: underline;}
.pages a:hover{font: 14px arial; color: #0099ff; text-decoration: none;}
.pages span{color: #666666;  margin: 0px 0px 0px 0px; font: 14px arial;}
.pages a.hov{background: #3399cc; color: #fff; text-decoration: none; padding: 0px 0px 0px 0px;}

/*Футер*/
#footer{margin: auto; background: url('../img/footerbg.jpg') repeat-x; background-position: top center; margin-top: 40px; height: 106px;}
#footer .center{margin: auto;padding: 0px; width: 997px; padding: 30px 0px 0px 47px;}
#footer .center .copy{font: 12px arial; color: #000; width: 276px; float: left;}

#footer .center .contacts{font: 12px arial; color: #000; width: 410px; float: left;}
#footer .center .contacts a{color: #0099ff; text-decoration: underline;}
#footer .center .contacts a:hover{text-decoration: none;}
#footer .center .contacts img{margin: 10px 0px 0px 0px; float: left;}
#footer .center .contacts p{margin: 10px 0px 0px 8px; float: left;}

#footer .center .viento{float: left; font: 12px arial; color: #000;}
#footer .center .viento a{text-decoration: none; font: 12px arial; color: #000;}
#footer .center .viento a:hover{text-decoration: underline;}
#footer .center .viento img{position: relative; top: -8px; float: left;}
#footer .center .viento p{margin: 0px 3px 0px 0px; float: left;}
#footer .center .viento .search{background: url('../img/searchbg2.jpg') no-repeat; width: 266px; height: 22px; position: relative; top: 8px; left: -78px; clear: both; float: left;}
#footer .center .viento .search input{border: 0px; font: 11px tahoma; color: #999999; width: 243px; height: 15px; position: relative; top: 1px; left: 10px; padding: 4px 0px 0px 0px;  float: left;}
#footer .center .viento .search img{position: absolute; left: 270px; top: 2px;}
#footer .center .tel{font: 24px georgia; color: #000; float: left;}
#footer .center .tel span{font: 14px georgia; color: #999999;}

/*Счетчик*/
.copy p{margin: 0px 0px 5px 0px;}

/*Оформление списка*/
#list2 { width:320px; }
#list2 ol { font-style:italic; font-family:Georgia, Times, serif; font-size:21px; color:#;  }
#list2 ol li { }
#list2 ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#666666; border-left: 1px solid #999; }
#list2 ol li p em { display:block; }
/*Конец оформления списка*/

/*Оформление*/
.lifted p {
        font-size:16px;
        font-weight:bold;
}
 
.lifted {
        position:relative;
        width:90%;
        padding:1em;
        background:#fff;
        border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius:4px;
 
}
 
.lifted:before,
.lifted:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:50%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
 
.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
/*Конец оформлениия*/

