/*=common */ html, body { height: 100%; width: 100%; border: none;} html, body, div { margin: 0px; padding: 0px; } div {position: relative; } img.png {behavior:expression( !this.filterSetFlag ? this.filterSetFlag = (this.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + this.src + '", sizingMethod="image")', this.src='/i/e.gif', true) : '' ); } body { background:#817e85; color:#000; font:12px arial; } .main { /* background:#fff url(i/body_bg.jpg) 35px 0 repeat-y; */ background-color: white; position: relative; height:100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':''); margin:1px auto 1px auto; /* border: 1px solid yellow; */ } html>body .main { height:auto; min-height:100%; min-width: 1000px; max-width: 1200px; } .break {clear: both;} .head { /*border: 1px solid red;*/ text-align: center; overflow: hidden; zoom: 1;} .content { /*border: 1px solid blue;*/ overflow: hidden; zoom: 1;} .left_part { width:198px; padding:3px 10px 0 10px; /*font-size:10px; line-height:11px; text-align:justify; */ float:left; } .right_part { width:163px; padding:3px 5px 0px 5px; text-align:center; float:right; } .center_part { margin:0 183px 0 248px; text-align:justify; } .canter_part_cont {overflow: hidden; //zoom: 1;} .pre_foot { height:85px; clear:both; } .foot { position:absolute; left: 0px; bottom:5px; width:100%; height:65px; background-color:#fff; /*border: 1px solid green;*/ } a { color:#666; text-decoration:none; } a:hover { text-decoration:underline; } a div { cursor:pointer; } a img { border:0; } .head_menu a { text-decoration:none; color: black; } .head_menu li.active a {color: white;} .out { position: relative; left: 50%; float: left; text-align: left; /*border: 1px solid red;*/} .in { position: relative; left: -50%; text-align: left; /*border: 1px solid green; */} *html .in { float: left; } .head_menu {background-color:#d3d3d3; font-weight:bold; margin:0px 0 17px 0; overflow: hidden; zoom: 1; } .in ul { margin: 0px; padding: 0px; list-style: none; /*height:21px; */ } .in li { float:left; white-space:nowrap; line-height: 16px; padding:2px 13px 0 13px; border-bottom:3px solid #d3d3d3; } .in li.active {background-color:#817e85; border-bottom:3px solid #817e85;} .in li.separator {background-color:#fff; width: 5px; padding: 0px; /*border: 1px solid yellow;*/} .in li:hover {background-color: #817e85; border-bottom:3px solid #817e85; } .in li:hover a {color: white; } /*==== left_part ====*/ .announce_title { margin-bottom:10px; text-transform:uppercase; font:bold 18px times; } .announce_title span { /* background-color:#000; */ background-color:#82005e; color:#fff; margin-right:4px; padding:2px 4px 2px 4px; } .marker { height:10px; width:15px; margin:2px 4px 0 0; /* background-color:#000; */ background-color:#82005e; float:left; } .left_banners { text-align:left; } .left_banners div { margin-bottom:10px; } /*==== /left_part ====*/ /*==== right_part ====*/ .company_cat_name { font:bold 14px times; text-transform:uppercase; margin-bottom:15px; } .company_cat_name span { font-size:11px; } .company_cat_name a { color:#000; } .company_cat_name a:hover span { text-decoration:underline; } .right_part img { margin-bottom:10px; } /*==== /right_part ====*/ /*==== center_part ====*/ .path { margin-bottom:5px; } .back { font-size:12px; margin-top:5px; text-align:right; } .clear { clear:both; margin-bottom:10px; } .table { width:98%; } .table td { vertical-align:top; } h1 { margin:0 0 10px 0; padding:0; font-size:15px; color:#666; } h2 { margin:0 0 10px 0; padding:0; font-size:13px; color:#888; } .right_nav { margin-top:10px; text-align:right; } /*==== /center_part ====*/ /*==== foot ====*/ .foot .border { border-top:3px solid #999; margin-bottom:3px; } .foot .flexlink { float:left; width:190px; margin-top:8px; } .foot .flexlogo { /* margin-left:195px; */ float: left; display: inline; } .foot .flexlogo .below { position:absolute; top:7px; left:0; } .address {margin-left: 300px; /*border: 1px solid blue;*/} /*==== /foot ====*/ /*==== interfaces ====*/ .im { /* border:1px solid #666; */ padding:1px; margin:0 10px 4px 0; float:left; width: 110px; } .pic { width:100px; border:1px solid #666; padding:1px; margin:0 auto 5px auto; } .photo { padding-right:15px; width:105px; } .prices { margin-bottom:10px; } .gallery_left_part { width:200px; float:left; } .big_image { border:1px solid #666; padding:1px; margin-bottom:10px; float:left; } .comment { clear:left; color:#666; } .gallery_right_part { margin-left:200px; } .pre_thumb { width:50px; height:50px; border:1px solid #666; padding:1px; margin:0 5px 2px 0; float:left; } .thumb { width:50px; height:50px; overflow:hidden; } #hover { border:1px solid red; } .gallery_nav { clear:left; margin:5px 52px 0 0; text-align:right; font-size:11px; } .link { display: block; padding: 5px 0px; } /*==== /interfaces ====*/ .ann { width: 140px; height: 170px; float: left; /* border: 1px solid green; */ } .ann2 { margin-left: 145px; height: 180px; /* border: 1px solid red; */ } html>body .ann2 { height: auto; min-height: 180px; } .inlink { line-height: 20px; text-align: right; } .descr li { list-style:outside; } ul.nav { float:left; margin:0px 10px 10px 0px; text-align:left; width:180px; z-index:10; list-style: none; font-size: 15px; padding: 10px 10px 10px 30px; /* border: 2px solid #666666; */ } .years { font-size: 12px; } .years div {padding: 4px 0px; } .form {padding-top: 20px; } .form input, .form textarea { width: 180px; border: 1px solid #c9c9c9; margin: 2px; } .form textarea{width: 250px; } input.submit, input.captcha { width: auto !important; } input.submit { background-color: #ccc; border: none; } .left_col {padding-right: 12px; text-align: right;} .right_col {}