body, ul, li, ol, p, h3, h2, h1, h4, form, input, table, td, center { margin: 0; padding: 0} body, html { height: 100%} body {font: 13px arial; background:#d7e5ed; } h1 { font-size: 28px; padding: 0 0 20px 250px; font-weight:bold; } h2 { color:#114f9c; font-size:17px; font-weight:bold; margin: 50px 0 0 0; } h3 { font-size:16px; padding:20px 0 10px 0; } h4 { padding-left:20px; font-size:12px;} h1, h2, h3, h4, h5, h6 { color: #1966B1; } table, img { border: 0; } table { border-collapse: collapse;} textarea {overflow:auto; font-family:Arial, Hevetica, sans-serif; font-size:13px;} a { color:#1966B1; text-decoration:none; } a:hover { text-decoration:underline; } ul { list-style:none; } .clear, .clr { clear: both} .bold { font-weight:bold;} #left { width:958px; margin:0 auto; background:#fff url(/design/brigada/img/shleft.gif) repeat-y ; } #right { background: url(/design/brigada/img/shright.gif) repeat-y right; } #main { width:100%; } #top { padding:0 20px;} #icons { float:left; margin:5px 0 0 3px; } #icons a { float:left; display:block; width:38px; height:38px; margin:10px 9px;} #icons .home { background: url(/design/brigada/img/home.gif) center no-repeat;} #icons .homeactive { background: url(/design/brigada/img/acthome.gif) center no-repeat; } #icons .fav { background: url(/design/brigada/img/fav.gif) center no-repeat;} #icons .favactive { background: url(/design/brigada/img/actfav.gif) center no-repeat;} #icons .mail { background: url(/design/brigada/img/mail.gif) center no-repeat;} #icons .mailactive { background: url(/design/brigada/img/actmail.gif) center no-repeat;} #navmain { background: url(/design/brigada/img/navbg.gif) repeat-x; margin:15px 7px 15px 0; position:relative; float:right; right: 0; } #navmain li { float:left; position:relative; } #navmain li a { display:block; padding:10px 30px; color:#fff; font-size:15px; text-decoration:none;} #navmain li a:hover { background: url(/design/brigada/img/selnavbg.gif) repeat-x;} #navmain li a.active { background: url(/design/brigada/img/selnavbg.gif) repeat-x;} #navmain ul li a.active { background: none; text-decoration: underline; } #navmain li.first { width:16px; height:38px; background: url(/design/brigada/img/leftnav.gif) no-repeat;} #navmain li.last { width:18px; height:38px; background: url(/design/brigada/img/rightnav.gif) no-repeat;} #navmain ul { position:absolute; top:38px; left:0; width:550px; display:none; } #navmain ul li {background:#c3ebfa; float:left; padding:8px 10px 9px 10px;} #navmain ul li a { font-size:13px; padding:0; color:#1968b3;} #navmain ul li a:hover { background:none; text-decoration:underline;} #navmain ul li.first { padding:0; width:13px; height:33px; background: url(/design/brigada/img/podmenuleft.gif) no-repeat; } #navmain ul li.last { padding:0; width:13px; height:33px; background: url(/design/brigada/img/podmenuright.gif) no-repeat;} #navmain .unique ul{} #logo {display:block; float:left; width:143px; height:167px; background: url(/design/brigada/img/logo.gif) center no-repeat; margin: 20px 0 0 15px;} #under {float:right; margin-top:5px; } #under td { vertical-align:top; padding:20px 0;} #under ul {} #under ul li {} #under ul li a {display:block; padding:5px 0px 5px 23px; text-decoration:none; font-weight:bold; color:#1968b3;} #under ul ul li a:hover { color:#1968b3; text-decoration:underline; } #under ul ul { padding:0; margin-left:10px;} #under ul ul li {height:24px; float:left; clear:left;} #under ul ul a { margin:0; padding:0; display:block; text-decoration:none; color:#000; font-weight:normal; margin-left:12px;} #under ul ul a span {display:block; padding:4px 0; margin-right:12px;} #under ul ul li a:hover { color:#23aad9; text-decoration:underline;} #under ul li.active { background:url(../img/cloud.gif) no-repeat 0 0; } #under ul li.active a {display:block; background:url(../img/cloud.gif) no-repeat 100% -48px; color:#fff; font-weight:normal; } #under ul li.active a span{display:block; background:url(../img/cloud.gif) repeat-x 0 -24px;} #under ul li.active a:hover {color:#fff; font-weight:normal;} #under ul.pod1 ul li.active a , #under ul.pod2 ul li.active a , #under ul.pod3 ul li.active a {background:url(../img/cloud.gif) no-repeat 100% -48px; } #under ul.pod1 li a {background: url(/design/brigada/img/uslugi.gif) no-repeat 0 center;} #under ul.pod1 li a.active { background: url(/design/brigada/img/actusl.gif) no-repeat 3px center; color:#fff; } #under ul.pod1 ul {} #under ul.pod1 ul a { background:none; } #under ul.pod1 ul a.active { background: url(/design/brigada/img/pod2.gif) no-repeat 20px center; } #under ul.pod1 ul a.active:hover { color:#fff; font-weight:normal;} #under ul.pod2 li a { background: url(/design/brigada/img/personal.gif) no-repeat 4px center;} #under ul.pod2 li a.active { background: url(/design/brigada/img/actpers.gif) no-repeat left center; color:#fff; } #under ul.pod2 ul {} #under ul.pod2 ul a {background:none;} #under ul.pod2 ul a.active { background: url(/design/brigada/img/pod2.gif) no-repeat 20px center; } #under ul.pod2 ul a.active:hover { color:#fff; font-weight:normal;} #under ul.pod3 li a {background: url(/design/brigada/img/pereezd.gif) no-repeat 0 5px;} #under ul.pod3 li a.active {background: url(/design/brigada/img/actper.gif) no-repeat left center; color:#fff; } #under ul.pod3 ul { } #under ul.pod3 ul a { background:none;} #under ul.pod3 ul a.active { background: url(/design/brigada/img/pod3.gif) no-repeat 20px center; } #under ul.pod3 ul a.active:hover {color:#fff; font-weight:normal;} /* #under ul.pod1 li a {background: url(/design/brigada/img/uslugi.gif) no-repeat 7px center;} #under ul.pod1 li a.active { background: url(/design/brigada/img/actusl.gif) no-repeat 3px center; color:#fff; padding-left:30px;} #under ul.pod1 ul a {background:none; width:109px; } #under ul.pod1 ul a.active { background: url(/design/brigada/img/pod2.gif) no-repeat right center; padding-left:50px;} #under ul.pod1 ul a.active:hover { color:#fff; font-weight:normal;} #under ul.pod2 li a { background: url(/design/brigada/img/personal.gif) no-repeat 12px center;} #under ul.pod2 li a.active { background: url(/design/brigada/img/actpers.gif) no-repeat left center; color:#fff; padding-left:30px;} #under ul.pod2 ul a { background:none; width:140px; } #under ul.pod2 ul a.active { background: url(/design/brigada/img/pod2.gif) no-repeat right center; padding-left:50px; } #under ul.pod2 ul a.active:hover { color:#fff; font-weight:normal;} #under ul.pod3 li a {background: url(/design/brigada/img/pereezd.gif) no-repeat 7px 5px;} #under ul.pod3 li a.active {background: url(/design/brigada/img/actper.gif) no-repeat left center; color:#fff; padding-left:30px;} #under ul.pod3 ul a {background:none; width:140px; padding-right:5px;} #under ul.pod3 ul a.active { background: url(/design/brigada/img/pod3.gif) no-repeat right center; padding-left:50px;} #under ul.pod3 ul a.active:hover {color:#fff; font-weight:normal;} */ #under .pod4 {padding-top:3px;} #under .pod4 a { width:130px; background: url(/design/brigada/img/gruz.gif) no-repeat 7px center;} #under .pod4 a.active {background: url(/design/brigada/img/actgr.gif) no-repeat right center; color:#fff; padding-left:30px;} #under .pod4 a:hover { text-decoration:underline; } #under .pod4 .button { background: url(/design/brigada/img/button.gif) no-repeat left center; padding:12px 20px 12px 30px; color:#fff; font-weight:normal;} #under .pod4 .button:hover { background: url(/design/brigada/img/actbutton.gif) no-repeat left center; text-decoration:none; color:#fff; } /* #tel { position:relative; top:-497px; left:59px; width: 200px; margin-bottom: -100px; } #content #tel { left:735px; top:-117px; margin-bottom: -15px; } */ #tel { position:relative; top:-534px; left:44px; width: 200px; margin-bottom: -130px;} #content #tel { left:759px; top:-132px; margin-bottom: -95px; } #middle { padding: 0 20px; } #middle #tel { float: right; padding-right: 2px; } /* #tel p { color: #1966b1; } #tel img { float: left; } .icq2 { width: 18px; height: 18px; } #tel p.toptel { /*font-size: 16px; font-size:14px; font-weight: bold; } #tel p.toptel span {font-size:12px;} #tel p.maintel { /*font-size: 30px; font-size:25px; font-weight: bold; margin-bottom:7px;} #tel .icq {float:left; font-size:11px; padding-top:5px; border-bottom:1px dotted #1966b1; text-decoration: none; } */ .phone_city {display:block; margin:0 0 5px 15px; font-size:12px; color:#000;} .phone_number {margin:-5px 0 3px 23px; position:relative; color:#1966b1; font-size:18px; font-weight:bold; } .phone_number span {font-size:13px; font-weight:normal; margin-right:5px;} .contacts_icons {position:relative; padding-top:7px; width:200px;} .contacts_icons p {float:left; margin-top:4px; margin-right:8px; margin-left:11px; display:inline;} .contacts_icons p img {float:left; margin-right:1px;} .contacts_icons .skype_img{ position:absolute; top:-1px; right:6px;} #tel .vkontakte_big { position:absolute; right:64px; top:12px; } #links { background: url(/design/brigada/img/main.png) no-repeat center bottom; height:402px; position:relative; margin:0 -20px;} #links a { color:#1968b3; text-decoration:none;} #links a:hover { color:#1968b3; text-decoration:underline;} #links a.furniturepleat {position:absolute; left:67px; top:59px; text-decoration:underline;} #links a.electrician {position:absolute; left:259px; top:59px; text-decoration:underline;} #links a.plumber {position:absolute; left:502px; top:59px; text-decoration:underline;} #links a.otdelka {position:absolute; left:820px; top:59px; text-decoration:underline;} #links a.gruzchiki {position:absolute; left:659px; top:59px; text-decoration:underline;} #links a.pereezd {position:absolute; left:317px; top:59px; text-decoration:underline;} #links a.raznorab {position:absolute; left:814px; top:59px; text-decoration:underline;} #content { padding:0 20px; vertical-align: top; } #title { width: 730px; height:56px; } #text { padding-left:250px; width:460px; } table#text { padding: 0; width: 100%; } table#text td { vertical-align: top; } table#text h1 { padding: 0 0 10px; text-align: center; } table#text h3, table#text b { color: #1966B1; } table#text h3 { padding: 6px 0 20px; text-align: center; } .left_block { width: 205px; padding-top:46px;} .block {width:176px;} .block_top, .block_bottom {display:block; width:176px; height:14px; background:url(../img/blocks_corners.gif) no-repeat 0 0; } .block_bottom {background-position:-176px 0;} .block_inside {background:url(../img/blocks_bg.gif) repeat-y; padding:0 14px; } #text p.header {color:#1966b1; font-size:17px; font-weight:bold; margin:-1px 0 14px; text-align:center;} .list {overflow:hidden;} .list_one {text-align: justify;} .list_one_date {display:block; color:#797979; font-size:12px;} .list_one_image {display:block; margin:3px 0;} .list_one_name {display:block; text-decoration:underline; margin-bottom:2px;} .list_one p {line-height:14px; } p.anons{font-weight: bold;text-align: justify;} .list_all {float:right; margin-bottom:5px; } .list_one_name:hover {text-decoration:none;} .right_block {width: 205px; padding-top:46px; } .right_block .block {float:right;} .right_block .block_inside {padding:0 5px;} #text ul.services_right {margin:0; overflow:hidden;} #text ul.services_right li {padding:3px 10px 4px; margin:0 -10px 2px 0; background:none; float:left; clear:left;} #text ul.services_right a {} #text ul.services_right li ul {margin-top:9px;} #text ul.services_right li li {padding-bottom:2px;} #text ul.services_right li.active {background:#1ba1d6; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;} #text ul.services_right li.active a {color:#fff;} #text ul.services_right li.active a:hover {text-decoration:underline;} #text ul.services_right li.active a {text-decoration:none;} .center_block { width: 503px; } #text ul { margin: 5px 0 5px 10px; } #text ul li { background: url(/design/brigada/img/list.gif) no-repeat scroll 0 2px;padding: 0 0 5px 30px;} .index { padding-left:0; color:#82CEE8; font-size:28px; font-weight:bold;} /* image blocks */ .img_block { margin: 0 auto 22px; width: 125px; text-align: center; height: 171px; } #text .img_block img { margin: 0 0 4px; } #text p { margin:0 0 15px 0; } #text .line { background :#1da4d9; height: 5px; margin:55px 0 15px; font-size: 1px;} #text .descr { font-size:15px; color:#6e6e6e; margin:0;} .center_block img { float:left; margin:5px 10px 10px 0; border:1px solid #a0a0a0;} #text .cont1 { float:left; line-height:20px; } #text .cont2 { padding-left:100px; line-height:20px; } #text .icq2 { margin:1px 5px 0 0; border:0; line-height:20px;} #text .vkontakte { position:relative; left:-124px; top:1px;} #text .feedlink { width: 425px; font-weight:bold; text-decoration:none; color:#1968b3; margin: 50px 0 0 0; } #text .feedlink:hover { color:#82cee8; text-decoration:underline;} #text .contfeedback { border:2px solid #bfe1ee; padding:5px; width:490px; margin-top:3px; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px; } #text .contfeedback .exit { display:block; float:right; width:25px; height:25px; background: url(/design/brigada/img/exit.gif) no-repeat center;} #text .feedback { margin:20px; width:90%;} #text .feedback td { padding:7px 5px; vertical-align:top;} #text .feedback td.cp { width:110px;} #phone, #name, #source, #captcha, #message, #text .feedback img, #email, #street, #house, #korpus, #flat{ border: 1px solid #7f7f7f; } #sbm { } #phone, #name, #email { width:60%; padding:3px 0; } #source, #street, #house, #korpus, #flat { width:80%; padding:3px 0; } #captcha { float:left; display:inline; padding:3px 0; width:80px; margin:19px 0 0 6px;} #text .feedback img { } #text .feedback textarea { width:308px; height:150px;} #jobs, #subject, #city {width:189px; border: 1px solid #7f7f7f;} #city {width:185px;} #street {width:183px; margin-right:10px;} #house {width:30px; margin-right:10px;} #korpus {width:30px; margin-right:10px;} #flat {width:30px;} .feedback_street, .feedback_house, .feedback_korpus, .feedback_flat {float:left; display:inline; text-align:center; font-size:11px;} .feedback_street {width:183px; margin-right:13px;} .feedback_house {width:30px; margin-right:14px;} .feedback_korpus{width:30px; margin-right:11px;} .feedback_flat {width:30px} #sbm {margin:19px 0 0 17px; float:left; display:inline; width:84px; height:24px; } #attachment {width:311px; padding:2px 0;} #text ol { padding:30px 0 0 20px;} #text ol li { line-height:30px;} #text.content_holder_prices {} #text.content_holder_prices td.center_block {width:auto; padding:0 20px;} #text.content_holder_prices {} .price_table {width:100%; border-bottom:2px solid #23aad9;} .price_table th { padding:3px 10px; background:#23aad9; color:#fff; border:solid #fff; border-width:0 1px 1px 0;} .price_table td {padding:5px 10px; border-right:1px solid #23aad9; background:#e2f4fb; text-align:center;} #content .price_table p {margin:0;} .price_table .even td {background:#fff;} .price_table td.price_table_name {text-align:left;} .price_table td.price_table_last {border:0;} .price_table caption {padding:3px 0 10px; color:#1966b1; font-size:17px; font-weight:bold; text-align:left; } /*Banner*/ .banner {margin:0px 0 40px 40px;} #bottom { padding:0 25px; background: url(/design/brigada/img/bottom.png) no-repeat center; height:278px; vertical-align:bottom;} #bottomline { padding:0 230px 40px 226px; font-size:11px;} #bottomline .copyright { float:left;} #bottomline .nwpro { float:right; font-weight:bold; width:194px;} #bottomline .nwpro a { background: url(/design/brigada/img/nwpro.gif) no-repeat left top; padding:0px 0 5px 25px; display:block; float:left; text-decoration:none; color:#000; font-weight:normal;} #bottomline .serenity { float:right; font-weight:bold; width:172px; background: url(/design/brigada/img/serenity.jpg) no-repeat left top;padding-left:25px;} #bottomline .serenity a {text-decoration:none; color:#000; font-weight:normal;} #search { float:right; position:relative; margin:0;} #search input.stext { background: url(/design/brigada/img/searchbg.gif) no-repeat center 4px; border:0; width:127px; padding:7px 0 5px 10px; position:absolute; left:0; top:0px; font-size:12px; color:#989ba4;} #search input.slupa { position:absolute; left:137px; top:4px;} #bottomline #search {right:-41px; top:-33px;} table#text #search { width:155px; margin: 41px 10px 0 0; display:inline; } #bottom .copyright {margin-left:20px;} /* ERRORS */ #text div.errors { border: solid 2px #EF8686; padding:20px; width: 91%; line-height: 25px; margin-bottom: 10px; } .required { margin-left: 2px; } /*site map*/ #map ul li { background: none; list-style: disc; padding: 0; } #map ul { padding: 0 0 0 20px; } #map ul li ul { padding: 2px 0 2px 40px; } #map ul li ul li { padding: 4px 0 4px; } /* TABLES in text */ table.table_border { border-collapse: collapse; margin:15px 0; } .table_border td, th { padding:3px; border: 1px solid #000; } table.table_border2 { border-collapse: collapse; margin:15px 0; } .table_border2 td, th { padding:3px; border: 0px solid #000; } /* paginate */ #text .paginate { list-style: none; margin: 5px 0; } #text .paginate li { float: left; padding: 0 2px; background: none; } .paginate .active a { color: #000; } /* gallery */ .gall { width: 708px; } #text #photos img { border: none; float: none; margin: 1px 0 0 1px; } #photos h2 { margin: 5px 0; color: #515151; text-align: center; font-size: 23px; }