/* CSS Document */ /* ---------------- obshie ---------------- */ body { margin: 0; padding: 0; font-size: 10px; color: #262626; font-family: Verdana, Arial, Helvetica, Sans-Serif; } table { margin: 0; padding: 0; border: 0; border-collapse:collapse; } td, th { font-size: 10px; text-align:left; padding:0; vertical-align: top; } h1 { background-color: #b5bbad; color:#fff; padding: 20px 20px 5px 20px; border-top:1px solid #fff; display: block; margin: 0 -20px; font-size: 11px; font-weight: bold;} h2 { color:#262626; font-size: 11px; font-weight: bold; } h3 { font-size: 12px; } p { margin: 15px 0 0 0; } a { color: #5e5e5e; font-weight: bold; text-decoration: none; } a:active { text-decoration: underline; } a:hover { text-decoration: underline; } form, select, input { margin: 0; padding: 0; } img { display:block; border: 0; } /* ---------------- ---------------- */ h6 { margin:0 0 0 -10px; padding-left: 10px; background:url("/img/arrow_orange.gif") 0px 2px no-repeat; font-weight: bold; font-size: 11px; } h6 a { font-size: 10px; color: #5E5E5E; } /* ---------------- ---------------- */ .nicetable { border-bottom: 1px solid #fff; border-top:1px solid #fff; margin:0 -20px -10px -20px; width: 640px; position: relative; top:-11px; } .nicetable th { background-color: #b5bbad; color:#fff; padding: 20px 20px 5px 20px; border-top:1px solid #fff; border-right: 1px solid #fff; } .nicetable td { background-color: #d7dbd2; padding: 10px 20px; border-right: 1px solid #fff; } .nicetable2 { margin: -4px -10px 0 -20px; width: 640px; border-bottom: 1px solid #fff; border-top:1px solid #fff;} .nicetable2 table {float:right; width:640px;} .nicetable2 th { background-color: #b5bbad; color:#fff; padding: 20px 20px 5px 20px; border-top:1px solid #fff; border-right: 1px solid #fff; } .nicetable2 td { background-color: #d7dbd2; padding: 10px 20px; border-right: 1px solid #fff; } .aftertext { position:static; top:0; } .mailform { margin-top: 5px; } .mailform td { padding:3px; } .col2 td { width: 50%; } .col4 td { width: 25%; padding:3px; } .col4 td.pad0 { padding:0; } /* ---------------- ---------------- */ ol { margin: 0 0 0 20px; padding:0; } ol li { padding: 4px 0; margin:0; } ul { margin: 0 0 8px 0; padding:0; } ul li { list-style: none; display: block; margin:8px 0 0 -10px; padding-left: 10px; background:url("/img/arrow_orange.gif") 0px 2px no-repeat; } li ul { margin-left: 10px; } div.list h6 { font-weight: normal; margin-top: 8px; } div.list { padding-bottom: 10px; border:1px solid red; } /* ---------------- containers ---------------- */ html, body { height: 100%; } #all { position: relative; height: 100%; } html>body #all { height: auto; min-height: 100%;} #all { width: 100%; min-width:960px; background: #fff url(/img/rightmenu-bg.gif) repeat-y right; } #head { } #left { float:left; width: 639px; margin-right:-639px; } #center { margin-left: 640px; margin-right: 139px; } #right { float: right; width: 138px; margin-left: -138px; } #footer { } /* ################ LEFT ################ */ /* ---------------- topnavig ---------------- */ #topnavig { padding: 0 9px; height: 15px; background-color: #5E5E5E; width: 622px; } #topnavig a { display: block; height: 15px; float: left; border-right: 1px solid #E1E1E1; color:#E1E1E1; padding:0 13px; font-size:11px; } #topnavig a:hover { background:#b2b2b2; text-decoration:none; } #topnavig img { display: none; } #topnavig a.a3 { width: 42px; background-image: url(/img/a3.modelnav.lo.gif) } #topnavig a.a3:hover { background-image: url(/img/a3.modelnav.hi.gif) } #topnavig a.a4 { width: 43px; background-image: url(/img/a4.modelnav.lo.gif) } #topnavig a.a4:hover { background-image: url(/img/a4.modelnav.hi.gif) } #topnavig a.a5 { width: 43px; background-image: url(/img/a5.modelnav.lo.gif) } #topnavig a.a5:hover { background-image: url(/img/a5.modelnav.hi.gif) } #topnavig a.a6 { width: 43px; background-image: url(/img/a6.modelnav.lo.gif) } #topnavig a.a6:hover { background-image: url(/img/a6.modelnav.hi.gif) } #topnavig a.a6q { width: 139px; background-image: url(/img/a6q.modelnav.lo.gif) } #topnavig a.a6q:hover { background-image: url(/img/a6q.modelnav.hi.gif) } #topnavig a.a8 { width: 43px; background-image: url(/img/a8.modelnav.lo.gif) } #topnavig a.a8:hover { background-image: url(/img/a8.modelnav.hi.gif) } #topnavig a.tt { width: 41px; background-image: url(/img/tt.modelnav.lo.gif) } #topnavig a.tt:hover { background-image: url(/img/tt.modelnav.hi.gif) } #topnavig a.q7 { width: 77px; background-image: url(/img/q7.modelnav.lo.gif) } #topnavig a.q7:hover { background-image: url(/img/q7.modelnav.hi.gif) } #topnavig a.q5 { width: 77px; background-image: url(/img/q5.modelnav.lo.gif) } #topnavig a.q5:hover { background-image: url(/img/q5.modelnav.hi.gif) } #topnavig a.r8 { width: 43px; background-image: url(/img/r8.modelnav.lo.gif) } #topnavig a.r8:hover { background-image: url(/img/r8.modelnav.hi.gif) } /* ---------------- collages ---------------- */ #headers { height: 80px; border-top: 1px solid white; background-color: #FFF; } #collage { height: 300px; width: 639px; position: relative; overflow: hidden; } #bord { height: 100%; width:158px; border-left: 1px solid #fff; position: absolute; left:479px; top: 0; } #bord h6 { margin-left: 11px; margin-top: 256px; } #bord div { height: 12px; background-color: #b5bbad; padding: 14px; font-weight: bold; color:#fff; } #bord p { margin: 10px 15px; } /* ---------------- content ---------------- */ #content { padding: 10px 20px 10px 20px; background-color: #d7dbd2; border-top: 1px solid #fff; border-bottom: 1px solid #d7dbd2; width:599px; overflow: hidden; } #content .slogan { background:#b5bbad; padding:10px; margin: -10px -20px 5px -20px; } #content p {margin: 0 0 10px 0;} #content .slogan b {color:#fff; float:left;} #content .slogan span {float:right;} /* gallery */ #gallerycontent { background-color: #d7dbd2; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #d7dbd2; padding-bottom: 20px; width:639px; overflow: hidden; } #gallerycontent .PhotoSm { height:33px; width: 402px; border-left: 1px solid #fff; background-color: #d7dbd2; margin: 0 20px; } #gallerycontent .PhotoSm a { display: block; float: left; width: 57px; height: 33px; } #gallerycontent .PhotoSm a img { display: block; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #gallerycontent .first { height:34px; margin-top:20px; } #gallerycontent .first img { border-top: 1px solid #fff; } #gallerycontent .PhotoSm a img { filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5; } #gallerycontent .PhotoSm a:hover img, #gallerycontent .PhotoSm a.click img { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1; } #Photo { width: 639px; position: relative; } #PhotoLarge { border-bottom: 1px solid #fff; border-right: 1px solid #fff; width: 479px; } #Phototext { height: 100%; width:159px; position: absolute; left:480px; top: 0; background-color: #d7dbd2; } #Phototext p { margin: 10px 15px; } /* root */ #rootcontent { background-color: #d7dbd2; border-top: 1px solid #fff; border-bottom: 1px solid #d7dbd2; width: 639px; overflow: hidden; } #rootcontent div.block2 { float: left; width: 319px; border-top:1px solid #b2b2b2; margin-top:17px; } #rootcontent div.block2 h6 { margin: 10px 0 0 10px; width: 130px; } #rootcontent div.noborder { border-top:0; margin-top:0; } #rootcontent div.block2 img { float: right; margin: 0 0 5px 5px; } #rootcontent div.block2 p { margin: 0 0 0 19px; width: 130px; } #rootcontent .block { width: 639px; background-color: #fff; } #rootcontent .block td, #rootcontent .block th { padding: 15px 10px 10px 20px; border-right: 1px solid #FFFFFF; vertical-align: top; } #rootcontent .block td { background-color: #fff; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #fff; } #rootcontent .block th { background-color: #b5bbad; border-bottom: 1px solid #fff; color: #fff; border-bottom: 0; } #rootcontent .block .top td { border-top-color: #fff;} #rootcontent .block td.right,#rootcontent .block th.right { border:0; border-bottom: 1px solid #FFFFFF; width: 159px; padding:0; } #rootcontent .news { width: 639px; } #rootcontent .news th { padding: 20px 10px 5px 20px; color: #FFFFFF; background-color: #b5bbad; } #rootcontent .news td { background-color: #d7dbd2; padding: 0 20px 10px; } #rootcontent .news td h6 { margin-top: 12px; } #rootcontent .news .left { width: 439px; border-right:1px solid #FFF; } #rootcontent .news .right { margin: 12px 0 0 350px; color:#FFFFFF; } /* ---------------- footer ---------------- */ #footerbox { height: 16px; width: 1px; overflow: hidden; clear: both; } #footer { height: 16px; width: 480px; position: absolute; bottom: 0; left:0; } #bottomnavig { float: right; border:1px solid #b2b2b2; border-bottom: 0; margin: 1px 0 2px 0; padding: 0 5px; white-space:nowrap; } #bottomnavig p { display:inline; margin:0px 0 4px 0; height:11px; } #bottomnavig p img { display: inline; vertical-align: middle; } #bottomnavig p a { font-weight: bold; color: #5E5E5E; } #empty { height: 16px; width: 1px; overflow: hidden; } html>body #empty { display: none; } /* ################ CENTER ################ */ /* ---------------- center navig ---------------- */ #midnav { height: 300px; background-color:#e1e1e1; text-align: right; border-bottom: 1px solid #e1e1e1; display: table; width: 100%; } #midnav h5, #midnav a { color: #5E5E5E; margin:0; font-size: 10px; font-weight: bold; text-decoration: none; } /* выпадающее меню */ .flymenu { width: 155px; margin: 6px 1px 0 auto; text-align: left; background-color:#e1e1e1; } .flymenu h5 { display: block; padding:2px 10px 0 10px; width: 135px; height: 15px; background: url(/img/flymenu-bg.gif) no-repeat; cursor: pointer; overflow: hidden; } .flymenu div { width: 154px; display: none; position: absolute; background: #fff url(/img/flymenu-brd-top.gif) left top repeat-x; border-bottom: 1px solid #898b8a; border-top: 3px solid #e1e1e1; } .flymenu div a { display: block; padding: 4px 0 0 10px; width: 144px; height: 16px; background: url(/img/flymenu-brd-left.gif) left top repeat-y; border-right: 1px solid #898b8a; } .flymenu div a:hover { background: #b2b2b2; color:#FFFFFF !important; text-decoration: none; } .flymenu h5#menu_lvl2 { margin-top: 3px; } /* меню */ .menu { width: 156px; margin: 0 2px 10px auto; text-align: left; background-color:#e1e1e1; } #midnav .menu a { display: block; padding: 5px 1px 2px 11px; border-bottom: 1px solid #e1e1e1; background:url(/img/arrow_grey-right.gif) 0 7px no-repeat; } #midnav .menu a:hover { text-decoration: underline; } #midnav .menu .open { background-image:url(/img/arrow_grey-down.gif); } #midnav .menu div a { padding-left: 22px; background-position: 11px 7px; } /* 2 lvl */ /* активный элемент */ #midnav .active { color: #d28a2c; } #midnav .menu .active { background-image: url(/img/arrow_orange-right.gif); color: #d28a2c; } #midnav .menu .activeopen { background-image: url(/img/arrow_orange-down.gif); color: #d28a2c; } /* ################ RIGHT ################ */ /* ---------------- right navig ---------------- */ #rightnav { margin:0; padding:0; width: 138px; background: url(/img/rightmenu-bg.gif) repeat-y left; } #logo { height: 96px; float: right; background-color:#FFFFFF; } #logo img { margin:55px 54px 0;} .rightnav { padding-top: 5px; } .rightnav a { display:block; padding-left: 15px; background: url(/img/rnbullet-disactive.gif) 0 7px no-repeat; font-weight: bold; margin-top: 7px; color:#000; font-size: 11px; } .rightnav a.active { background-image: url(/img/rnbullet-active.gif); color:#FFFFFF; } .rightnav a:hover { background-image: url(/img/rnbullet-active.gif); color:#FFFFFF; text-decoration: none; } .rightnav a.active:hover { color:#000; } .search { margin: 22px 0 0 14px; width: 120px; border-bottom: 1px solid #000; } .search td, .search th { border: 1px solid #000; vertical-align: middle;} .search td { height: 30px; background-color: #ededed; border-top: 0; } .search th { height: 23px; background-color: #cecece; border-bottom: 0; } .search th p { background: url(/img/arrow_black-down.gif) right 1px no-repeat; margin:0 4px; } .search th a { background: url(/img/arrow_black-right.gif) right 1px no-repeat; margin:0 4px; display: block; } .search th span { width: 90px; } .search img { display: inline; vertical-align: middle; margin-right: 4px; } .search .input { margin-top: 2px; text-align:center; height: 25px; } .search .input input { vertical-align: middle; } .search .input input.res { width: 70px; } .search .largespaser { height:45px; border-top: 1px solid #AAA; margin: 0 2px; } .searchResult { margin-right: 39px; } .searchResult div { width: 30px; border-right: 1px solid #000; float: left; text-align: center; margin-top: 5px; } /* */ /* ################ additional ################ */ .map a { display: block; background: url(/img/arrow_grey-right.gif) no-repeat 0 3px; padding: 2px 10px; } .det { display: block; background:url("/img/arrow_orange.gif") 0px 2px no-repeat; padding-left:10px;} .det2 { background:url("/img/arrow_orange.gif") 0px 4px no-repeat; padding-left:10px; margin-left: 10px;} .newstable td, .newstable th {border: 1px solid #fff; padding:3px;} .newstable th {background: #B5BBAD; } .newstable .left {font-weight: bold;} a.audit { color: #5e5e5e; font-weight: normal; text-decoration: none; } a.audit:active { text-decoration: none; } a.audit:hover { text-decoration: none; }