* {margin: 0;padding: 0; font-size: 12px; font-family:Arial, Tahoma, Geneva, sans-serif; font-weight: normal; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} HTML {min-height: 100%; position: relative;} BODY { min-height: 100%; width: 100%; position: relative; _text-align: center; background:url(../img/dw-grad.png) 50% 0 repeat-y;} p, ul, ol, dl, table, address, blockquote {} img {margin: 0; border-width: 0; padding: 0;} hr {border: 0 hidden; border-top: 1px solid gray; height: 0; clear: both;} sup {position: relative; top: -0.5em; font-size: 0.75em; line-height: 0; vertical-align: baseline;} ul li { list-style: none;} fieldset { border: 0;} table {border-collapse: collapse; border-spacing: 0;} b, strong { font-weight: bold;} /**/ input, select, * html textarea {font-size: 12px;} label[disabled="true"] {opacity: 0.4;} .bg_white { background: #fff;} p { margin-bottom: 8px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;} .inline_block { display:inline-block; //display:inline; //zoom:1; vertical-align:top;} /* h */ h1 {//height:44px; margin-bottom:20px; font-size:22px; color:white; line-height:44px; font-weight:bold; padding-left:17px; font-family:arial; background-color:#605a48; width:639px; margin-left:-15px;} h1.nomb {margin-bottom:0px;} /*, h2 b, h2 strong,h2 span, h2 em */ h2{height:44px; margin-top: 20px; margin-bottom:20px; font-size:22px; color:white; line-height:44px; padding-left:17px; font-family:arial; background-color:#7a7668; width:639px; margin-left:-15px;display: inline-block;} /*h3 {height:44px; margin-top: 20px; margin-bottom:20px; font-size:20px; color:white; line-height:44px; padding-left:17px; font-family:arial; background-color:#7a7668; width:639px; margin-left:-15px;} */ /*, h3 b, h3 strong,h3 span, h3 em*/ h3{height:24px; margin-top: 20px; margin-bottom:20px; font-size:16px; color:white; line-height:22px; padding-left:17px; font-family:arial; background-color:#7a7668; width:639px; margin-left:-15px;display: inline-block;} a.h3{ overflow: hidden; display:block; text-decoration:none; height:44px; margin-left:-15px; font-size:20px; color:white; line-height:44px; padding-left:17px; font-family:arial; background-color:#7a7668; width:639px; } h4 { color: #3986C8; font-size: 12px; font-weight: bold; line-height: 25px;display: inline-block;} /* links */ a:link *, a:visited * {cursor: pointer;} a.system { color: #e37804; text-decoration: underline; border-bottom: 1px dotted; display:inline-block; //display: inline; //zoom:1;} a.system:hover { border-bottom: 1px solid #fff;} div.content a:link *, a:visited *, a {cursor: pointer; color: #354C08;} div.content a:hover {color:#3986C8;} div.content a.system { color: #e37804; text-decoration: none; border-bottom: 1px dotted; display:inline-block; //display: inline; //zoom:1;} div.content a.system:hover { border-bottom: 1px solid #fff;} div.content h1 a { font-size: inherit; color: #66cc00; } div.content h1 a:visited { font-size: inherit; color: #66cc00; } .mini {width: 30px; margin-bottom: 10px;} .mid {width: 90%;} div.content .noborder {border:none;} .hidden { display:none;} .left { float: left;} .right { float: right;} .podrobne { margin-bottom: 10px; text-decoration:none; float:right; margin-right:15px; color: #3986C8;font-size: 12px; font-weight: bold;} div.content div.navigation ul li a.glavnay {font-weight:bold; font-size:14px;} /*hitro-fon*/ /* .fon-tp {min-height: 1230px; background:url(../img/fon-dw.jpg) 50% 100% no-repeat;} .fon-dw { min-height: 1230px; background:url(../img/fon-tp.jpg) 50% 0 no-repeat;} .fon-grad { background:url(../img/fon-grad.png) 50% 0 repeat-y;} .listok { background:url(../img/listok.png) 0 100% no-repeat;} .left-fon { background:url(../img/fon-left.jpg) 0 100% repeat-x;}*/ .fon { background:url(../img/fon.jpg) 50% 0 no-repeat; } .listok { background:url(../img/listok.png) 0 100% no-repeat;} .left-fon { background:url(../img/fon-left.jpg) 0 0 repeat-x;} .fontab {height: 1150px; width: 100%; position:absolute; z-index:-1; top:0; left:0; background:url(../img/fon-grad.png) 50% 0 repeat;} .fontab td.leftfon{width: 50%; background:url(../img/fon-left.jpg) 0 0 repeat-x;} .fontab td.rightfon{width: 50%; background:url(../img/fon-right.jpg) 0 0 repeat-x;} div.conteiner { min-height:100%; height:auto !important; height:100%; position: relative; margin: 0 auto -140px; position: relative; //zoom:1; _text-align:left; border-top: 0px; border-bottom: 0px; _zoom:1; width: 980px;} div.footer { height: 70px; margin: 72px auto 0; position: relative; z-index: 2; padding: 0px 0px 0; position: relative; width:980px; } div.push { height: 100px;} div.developer {float:right;font-size:11px;text-align:right;color:#202020;width:166px;margin-right:50px} div.developer p { display: inline-block; //display:inline; //zoom:1; font-size: 11px; color: white; line-height: normal; font-family: arial;margin-bottom:2px;} div.developer p a { color: white; font-size: inherit; font-family:arial; font-size: 11px;margin:0;padding:0;} div.copyright { float: left; width: 260px; margin-left: 20px;} div.copyright p { font-size: 11px; color: white; font-family: arial; margin:0px;} div.copyright p a { color: white; font-size: 11px; text-decoration:underline;} div.copyright a.map { margin-left: 20px;} div.copyright p.company { margin-bottom: 5px;} div.footer_menu { margin: 0 200px 0 300px; padding-top: 15px;} div.footer_menu ul.menu { text-align:left;} div.footer_menu ul.menu li { display:inline-block; //display:inline; //zoom:1;background: url(http://bc-universal.ru/img/footer_menu.png) 100% 4px no-repeat; padding-right: 12px; margin-bottom: 12px; padding-left: 0; margin-right:5px; position:relative;} div.footer_menu ul.menu li a { color: #e37804; font-size: 11px; text-decoration: none; border-bottom: 0;} div.counter {float:left;margin-left:310px; height: 0px; position:fixed;} /* rur */ @font-face {font-family: "Rubl Sign"; src: url("http://www.artlebedev.ru/;-)/ruble.eot");} span.rur {font-family: "Rubl Sign"; text-transform: uppercase; //text-transform: none;} span.rur s {position: absolute; overflow: hidden; width: .45em; height: 1em; margin: 2px 0 0 -9px; text-decoration: none; //display: none;} div.goods_detail span.rur s { margin-left: -13px;} span.rur s:before {content: '\2013';} div.header { height: 528px; position: relative; background:url(http://bc-universal.ru/img/header_fon.png) 0 0 no-repeat; } div.logo { position: absolute; top: 86px; left: 49px;} div.wrap_col { //zoom:1; overflow:hidden; } div.right_col { float:right; width: 215px;} div.ctr_col { min-height: 550px;} div.left_col { float: left; width: 200px;} div.content { margin-left: 299px; } .contblock { border: 1px solid black; margin-top: 40px; width: 643px; } .contblock-in { min-height:130px; overflow: hidden; padding: 0 15px 20px; background-color:#ffffff; width: 641px; border: 1px solid white;} div.left_col div.image { margin-bottom: 20px;} div.top_nav { left: 233px; position: absolute; top: 28px;} div.top_nav ul { display: block; background: url(http://bc-universal.ru/img/navigation_fon.png) 0px 0px no-repeat; width: 101px; height: 30px; position: relative; padding-top: 3px;} div.top_nav ul li { display: inline-block; //display: inline; //zoom:1; width: 15px; height: 18px; position: relative; margin-right: 5px; margin-left: 10px; vertical-align:top;} div.top_nav ul li a { display: block; width: 21px; height: 18px; } div.top_nav ul li.home_sel {background:url(../img/fxd/top_nav_ico.gif) -4px -16px no-repeat;} div.top_nav ul li.home {background:url(../img/fxd/top_nav_ico.gif) -4px 0px no-repeat;} div.top_nav ul li.map_sel {background:url(../img/fxd/top_nav_ico.gif) -24px -16px no-repeat;} div.top_nav ul li.map {background:url(../img/fxd/top_nav_ico.gif) -24px 0 no-repeat;} div.top_nav ul li.mail_sel {background:url(../img/fxd/top_nav_ico.gif) -46px -16px no-repeat;} div.top_nav ul li.mail {background:url(../img/fxd/top_nav_ico.gif) -46px 0 no-repeat;} div.top_nav img { font-size:5px; position: absolute; } div.top_nav ul li.home:hover {background:url(../img/fxd/top_nav_ico.gif) -4px -16px no-repeat;} div.top_nav ul li.map:hover {background:url(../img/fxd/top_nav_ico.gif) -24px -16px no-repeat;} div.top_nav ul li.mail:hover {background:url(../img/fxd/top_nav_ico.gif) -46px -16px no-repeat;} div.address { position:absolute; top: 90px; right: 106px; text-align: left; background:url(../img/phone.png) 0 50% no-repeat; padding-left:30px;} p.num { font-family:Arial,Tahoma, Geneva, sans-serif; font-size: 22px; color: white;} p.small{ font-family:Arial,Tahoma, Geneva, sans-serif; font-size: 14px; color: white; font-weight:bold;} a.order_num { font-family:Arial,Tahoma, Geneva, sans-serif; font-size: 14px; color: #e37804;} div.slogan { margin: 0 200px 0 388px; text-align:center; padding-top: 19px; color: #303030; font-size: 18px; font-weight: bold;} div.menu { position:absolute; top: 340px; width: 980px; } ul.menu { display: inline-block; text-align:center; background:url(../img/menu.png) 0 0 repeat-x; overflow:hidden; margin-left:60px; } ul.menu li { display:inline-block; height:40px; position:relative; float:left;} ul.menu li a { text-transform: uppercase; color: white; font-size: 14px; font-weight: bold; text-decoration:none; line-height: 40px; padding: 0 18px; /*border: 1px solid #267dcd; //*/ display: block; text-decoration:none; float: left; } ul.menu li:hover a,ul.menu li.sel a { background: none repeat scroll 0 0 #519016; color: white;} .blue-wall { background:url(../img/blue-wall.png) 0 0 no-repeat; height:40px; width:5px; float: right; display:block; } ul.menu li:hover ul li a { color: #000; border-bottom: 1px solid #c1c1c1;} ul.menu li ul { position: absolute; top: 30px; left: 0; background: #fff; text-align:left; width: 200px; border: 1px solid #ccc; display:none;} ul.menu li ul li { display:block;} ul.menu li ul li a { font-weight: normal; font-size: 13px;} ul.menu li ul li a:hover { font-weight: normal; font-size: 13px; border-bottom: 0;} ul.menu li:hover ul { display:block;} .text_about {text-align:justify;} .text_about h2{background:none;color:#111;font-size:18px;margin-bottom:0px;} .f_text {height:195px;overflow: auto;text-align:justify; /*margin-top:45px;*/ padding-right: 15px;} p.h1 { color: #cc5004; font-family:Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: bold; text-shadow: 1px 1px 0 #f8e6c2; margin-bottom: 16px;} p.bord_top { background:url(http://bc-universal.ru/img/orange_line.png) 0 0 repeat-x;} p.bord_top span.bord_bott { background:url(http://bc-universal.ru/img/orange_line2.png) 0 100% repeat-x; padding: 10px 0; display:block; color: #313131; font-family:Tahoma, Geneva, sans-serif; font-weight: bold; text-shadow: 1px 1px 0 #f1ca9a;} p.price { margin-bottom: 0;} span.price_nm { color: #fff; font-size: 18px; font-weight: bold; text-shadow: 1px 1px 0 #ad7530; display:block; margin-bottom: 7px;} span.price { color: #565656; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 0 #f1ca99; display:block;} a.all { float:right; background: url(http://bc-universal.ru/img/all_lt.png) 0 0 no-repeat #898989; display:block; text-decoration: none;} a.all span { background:url(http://bc-universal.ru/img/all_rt.png) 100% 0 no-repeat; line-height: 18px; color: #fff; text-shadow: 1px 1px 0 #595959; display:block; height: 20px; padding: 0 7px;} div.content a.all { text-decoration: none;} div.index_news { padding-top:5px; overflow: hidden; //zoom:1; margin-bottom: 20px;} div.news_one { padding: 15px; } div.news_one img { float:left; margin: 0 15px 5px 0;} div.news_one div.news_txt { overflow: hidden; } div.news_one a.news_name { color: #e37804; font-size: 11px; display:block; margin-bottom: 5px; text-decoration: none;} div.news_one p { font-size: 11px;} div.news_one p.date { color: #919191; font-size: 11px;} div.content div.news_one { margin-bottom: 20px; overflow:hidden; margin-left: -15px; width: 639px;} div.content div.spec div.news_one { margin-bottom: 0; overflow:hidden; margin-left: -15px; width: 639px;} div.spec .podrobne { margin-top: -30px; margin-bottom:0px;} div.spec img {margin: 0 15px 0px 0;} div.content div.news_one div.news_txt p { font-size: 12px; } div.news_one div.news_txt { overflow: visible; } /*div.news_one img {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}*/ div.picture { margin-bottom: 20px;} div.picture img { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} a.doc { display:block; margin-bottom: 15px;} a.pdf { display:block; margin-bottom: 15px; width: 186px; height: 45px; text-decoration: none; padding-top: 4px;} a.pdf span.pdf_name { color: #6d460a; font-size: 13px; font-weight: bold;text-shadow: 1px 1px 0 #e5d5bc; margin-left: 58px;} a.pdf span.pdf_size { color: #fff; font-size: 13px; font-weight: bold; text-shadow: 1px 1px 0 #836b45; margin-left: 58px;} a.sert { display:block; margin-bottom: 15px;} div.goods_one { overflow: hidden; //zoom:1; margin-bottom: 15px;} div.goods_one a.goods_name { font-size: 14px;} div.content ul.map li { background:none; } div.content ul.map li a { background:none; border-bottom: 1px dashed #3986C8; color: #3986C8; font-size: 15px; font-weight: bold; line-height: 25px; text-decoration: none;} div.content ul.parent_catalogue li { display:inline-block; //display:inline; //zoom:1; width: 45%; vertical-align:top; border-top: 1px dashed #ccc; margin-right:10px; padding-top: 10px; background: none;} div.content ul.parent_catalogue li a.par { color: #000; font-weight: bold;} div.content ul.parent_catalogue li ul li { display:block; border:0; padding:0 0 0 10px; } a.gallery_img { display:inline-block; //display:inline; //zoom:1; border: 1px solid #ccc; vertical-align:top; margin-right: 5px; margin-bottom: 10px;} div.square {width:160px; //height:160px; text-align:center;} div.square_img {display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; //display:inline; padding-left: 3px;} div.square div.helper {display:-moz-inline-box; display:inline-block; height:100%; width:0px; vertical-align:middle; zoom:1; //display:inline} div.content a.par { color: #333; font-weight: bold;} /*spec-green*/ .spec-green {background-color: black; position: absolute; top: 383px; left:10px; background:url(../img/news-fon.png) 0 0 repeat-x; } .spec-green ul {//margin-top:3px; overflow:hidden; } .spec-green ul li{float:left; height:146px; width: 320px; padding:18px; border: 1px solid #447715; border-left: 1px solid #6dbe24;} .spec-green ul li .h2{ width: 170px; float:left; color:white; text-decoration:none; text-shadow: 1px 1px 0 #376907; font-size:14px; font-weight:bold; margin-top:20px; margin-left:11px;} .spec-green ul li:hover .h2{ color:#6DD4F3;} .spec-green ul li:hover span { color:#6DD4F3;} .spec-green ul li .first {border: 1px solid #447715;} .spec-green ul li span {width:300px; color:white;display:block; float: left; margin-top: 5px;} .spec-green ul li a.img {border-bottom: 1px solid #376907;} .spec-green ul li img {max-width: 100px;border: 1px solid white;} .spec-green .spec-left { background:url(../img/spec-left-white.png) 0 0 no-repeat;} .spec-green .spec-right { background:url(../img/spec-right-white.png) 0 0 no-repeat;} /*left-menu*/ div.left-menu {background-color:white; width: 230px; padding-top: 27px;padding-bottom:25px; margin-top:0px; margin-left:28px; } div.left-menu ul li {padding-left:32px;} div.left-menu ul li ul { background-color: white; margin-left: -32px; padding-left: 45px;} div.left-menu ul li ul li{padding-left:0;} div.left-menu ul li a { dispaly:block; line-height:25px; font-size:15px; font-weight:bold; color:#080848; /*color:#3986c8;*/ text-decoration:none; border-bottom:1px dashed #354C08;} div.left-menu ul li ul li a,div.left-menu ul li.sel ul li a { padding-right: 20px; color:black; //margin-left:45px; line-height:20px; font-size:12px; font-weight:normal; border-bottom:none; text-decoration:underline;} div.left-menu ul li.sel, div.left-menu ul li ul li:hover {background:none;} div.left-menu ul li.sel, div.left-menu ul li:hover { background:url(../img/left-menu-fon.png) 0 0 repeat-x #5E5847; color:white; border:none;} div.left-menu ul li.sel a,div.left-menu ul li:hover a { color:white; border:none;} div.left-menu ul li ul li.sel { background:white;} /*раскоментить для дин меню*/ div.left-menu ul li ul { /*height:0;*/ } /*div.left-menu ul li:hover ul {height:100%;}*/ div.left-menu ul li.sel ul li a,div.left-menu ul li:hover ul li a { color:black; text-decoration:underline;} div.left-menu ul li ul li.sel a,div.left-menu ul li ul li a:hover {color:#3986C8; background:none; text-decoration:none;} div.left-menu ul li.sel ul li a,div.left-menu ul li ul {overflow:hidden;} /*greyblock*/ .greyblock {height:277px; width: 641px; dispaly:block; position:relative; top:40px; left:0px; border: 1px solid black; } .greyblock-in { background:url(../img/greyblock.jpg) 0 0 repeat-x #5a5443; height:275px; width: 639px; display:block; border: 1px solid white;} .greyblock h1 { color: #000000; font-family: inherit; font-size: 13px; font-weight: bold; height: 0; line-height: 24px; margin: 10px 0 0;} .greyblock span {display:block; height:119px; padding: 19px; color:#504630; } .greyblock img { margin-right: 10px;} .greyblock span.span2 {padding: 19px; color: white;} /*primer-rabot*/ .primer-rabot { display:block; /*margin-top:65px;*/ padding-top: 30px; width:641px; overflow:hidden; height: 265px;} .primer-rabot .h2 { color: #354D07; font-size: 24px; text-shadow: 0 0 1px #354D07; } .primer-rabot .rabot-in { width:641px; height:265px; display:block; border-bottom: 1px solid white; } .primer-rabot .whiteline { height:3px; width:641px; background-color:white; display:block;} .sm-green-arrow-left {width: 16px; height: 16px; display:block; background:url(../img/arrow-left.png) 0 0 no-repeat; margin-left: 12px; margin-top: 8px;} .sm-green-arrow-right {width: 16px; height: 16px; display:block; background:url(../img/arrow-right.png) 0 0 no-repeat; margin-top: 8px; margin-left: 4px;} .primer-rabot p{color:white; margin-bottom: 2px;} .primer-rabot a.hg3, .primer-rabot a.hg3:link, .primer-rabot a.hg3:hover, .primer-rabot a.h3g:visited {text-decoration:none; color:white; font-size:15px; font-weight:bold;} .primer-rabot img {border: 1px solid white;} .green-arrow{ margin-top: 5px; color:#afdd58;/color:#659509; padding-top:3px; padding-left:5px;background:url(../img/green-arrow.png) 0 0 no-repeat; width: 61px; height: 20px; display:block; text-decoration:none; font-size: 11px;} .grey-td {color:black; font-weight:bold; background-color:#DADADA; width: 25%; margin-bottom:10px;} .gals {text-align:center;} .gals a {color: #3986C8; font-size: 16px; font-weight: bold; margin-bottom: 3px;} .tovar span { display: inline-table; max-width: 200px; min-width: 100px; padding: 5px;} .cost { font-weight: bold;display:block; font-size:16px; color:#3986C8; } .prim {margin-top:10px; margin-bottom:10px;} .odd {background-color:#DADADA;} .tovar .cost b {color:#3986C8;font-size:16px;} .sort {color:white; font-weight:bold; background-image: url("../img/updown2.gif");background-position: 100% 0; background-repeat: no-repeat; display: block;text-decoration: none; padding-right:20px; min-height: 18px;} .cena { /*width: 120px;*/ } /************************************************************************************************************************************************************************************/ /*permanent*/ /* select-m */ .select-m {height: 30px; //height: 30px; width: 220px; position: relative; margin-bottom: 20px; border-right: 0;} .select-m span {color: #000; overflow: hidden; padding: 0 30px 0 5px; position: relative; top: 6px; left: 6px;} .select-m .list { width: 240px; position: absolute; top: 31px; left: -1px; z-index: 999;} .select-m .list ul {margin: 0px 0 0; padding: 0; display:block; } .select-m .list ul li { color: #464646; margin: 0 1px; padding: .6em 0 .6em .6em;} .select-m .list ul li:hover {color: #ff6600; cursor: pointer;} .select-m .but {background: url(../img/fxd/m-select_button.gif) no-repeat 0 0; cursor: pointer; height: 31px; position: absolute; right: -20px; top: -1px; width: 37px;} .select-m .but.open {background-position: 0 -31px;} .select-m b.color { padding: 3px 11px;} .ch_fon { } /*img*/ div.content div.img_left { float: left; margin-right: 10px; margin-bottom: 10px; position: relative;} div.content div.img_left img { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } div.content div.img_right { float: right; margin-left: 10px; margin-bottom: 10px;} div.content div.img_right img { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } div.content div.img_ctr { text-align:center;} div.content div.img_ctr img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; } /*blockquote*/ /*blockquote { width: 370px; margin: 0 auto 20px; color: #949494; font-size: 18px;}*/ blockquote {font-weight:bold; font-style:italic; margin: 15px 0; } /*button*/ div.button { margin-left: 108px; background: url(../img/fxd/butt_rt.png) no-repeat 100% 0; cursor: pointer; display: block; height: 30px; text-align: center; padding-right: 13px; display:inline-block; //display:inline; //zoom:1; position: relative; } div.button span {font-size: 14px; position: relative; background:url(../img/fxd/butt_lt.png) 0 0 no-repeat; display:inline-block; height: 30px; position: relative; font-weight: bold; padding: 0 6px 0 22px; line-height: 30px; color: white; font-family: Tahoma, Geneva, sans-serif; width: 100%;} div.content a.button:visited *, div.content a.button:link *{color:white;} a.button { margin-bottom:20px; margin-left: 50px; background: url(../img/fxd/butt_rt.png) no-repeat 100% 0; cursor: pointer; display: block; height: 30px; text-align: center; padding-right: 13px; display:inline-block; //display:inline; //zoom:1; position: relative; } a.button span {font-size: 14px; position: relative; background:url(../img/fxd/butt_lt.png) 0 0 no-repeat; display:inline-block; height: 30px; position: relative; font-weight: bold; padding: 0 6px 0 22px; line-height: 30px; color: white; font-family: Tahoma, Geneva, sans-serif; width: 100%;} div.button.W50 { width: 240px; //width: auto;} /*ol, ul*/ div.content ol { margin-left: 0px; margin-bottom: 20px;} div.content ol li { color: #000; margin: 2px 0;font-size: 14px; background:url(http://bc-universal.ru/img/ol_fon.png) 0 1px no-repeat;list-style-position: inside; padding-left: 0px; min-height:20px;} div.content ol li span { color: #000; font-size: 12px; margin-left:4px;} div.content ol.no_type { margin-left: 0px; margin-bottom: 20px;} div.content ol.no_type li {background: none repeat scroll 0 0 transparent; color: #000000; font-size: 14px; list-style-position: outside; margin-bottom: 4px; margin-left: 19px; min-height: 20px; padding-left: 0;} div.content ol.no_type li span { color: #000; font-size: 12px; margin-left:4px;} div.content ul { margin-left: 0px; margin-bottom: 20px;} div.content ul li { color: #000; margin: 2px 0;font-size: 12px; background:url(../img/ul_fon.png) 0 8px no-repeat;list-style-position: inside; padding-left: 16px; min-height:20px;} div.content ul li ul { margin-top: 12px; margin-bottom: 12px;} /*table*/ div.content table { margin-bottom: 20px; } div.content table th { background-color: #57676C; border:4px solid #57676C; color: white; padding: 5px 5px 1px 5px; text-align: left; vertical-align: top; text-align:center;font-weight:bold;} div.content table td { overflow: hidden; padding: 5px; vertical-align:top; border: 4px solid #57676C;} div.content table.MsoNormalTable td {border:0px; padding:2px;} div.content table.MsoNormalTable td i span{font-size:11px; font-style:normal} div.content table.MsoNormalTable td p {margin:0;} div.content table td a { font-size: 12px;} div.content table td.center { text-align:center;} //div.content table tr.odd {background-color:#DADADA;} div.content table.no_type { margin-bottom: 20px; } div.content table.no_type th { background: none; padding: 5px 5px 1px 5px; color: #000; text-align: left; vertical-align: top; text-align:center;border: 0px solid #d77005;} div.content table.no_type td { padding: 5px; vertical-align:top; border: 0px solid #d77005;} /*code_block*/ a#open_block, #close_block { color: #999; font-size: 16px; display:block; padding-bottom: 20px; width: 117px; float: left;} a#open_block:hover, #close_block:hover { } div.block_code { margin-bottom: 15px; width:660px; overflow: hidden;} .code-container { margin-top: 7px; position: relative;} .code { margin: 0 0 0; overflow: hidden; _overflow:auto; _zoom:1; border: 1px solid #333; background: #ccc; width:525px;} div.code_cont { padding: 3px 11px; line-height: 26px;} .code-head { height: 14px;} .code-close { cursor: pointer; display: block; width: 10px; height: 10px; position: absolute; top: 4px; right: 0px;} .code a.right { float:right; color:#359b02} div.code_cont ul.developer_list { margin-bottom: 6px;} /* checkbox & radiobutton */ fieldset.radio { overflow:hidden; //zoom:1; margin-bottom: 5px; min-height: 24px;} fieldset.radio input[type="radio"] { float: left; margin-right: 10px; position:relative; top: 6px;} fieldset.checkbox { overflow:hidden; //zoom:1; margin-bottom: 5px; min-height: 24px;} fieldset.checkbox input[type="checkbox"] { float: left; margin-right: 10px; position:relative; top: 6px;} /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .scroll-pane { margin-bottom: 20px;} .scroll-pane{/*width: 100%; height: 200px;*/ overflow: auto;} .jspContainer { overflow: hidden;position: relative;} .jspPane {position: absolute; padding: 20px;} .jspVerticalBar{position: absolute; top: 0; right: 0;width: 18px;height: 100%; background: #fff;} .jspHorizontalBar{ position: absolute; bottom: 0; left: 0;width: 100%;height: 15px; background: #fff;} .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0;} .jspCap{display: none;} .jspHorizontalBar .jspCap{float: left;} .jspTrack{ background: url(../img/fxd/scroll_track_vert.gif) 8px 0 repeat-y; position: relative;} .jspDrag{ background: url(../img/fxd/scroll_drag_vert.png) 0 0 repeat-y; position: relative; top: 0; left: 0;cursor: pointer;} .jspDragTop { /*background: url(../img/fxd/scroll_drag_vert_top.gif) 0 0 no-repeat; height: 4px;*/ } .jspDragBottom { /*height: 100%; background:url(../img/fxd/scroll_drag_vert_bot.gif) 0 100% no-repeat;*/} .jspVerticalBar .jspArrowDown { background:url(../img/fxd/scroll_arr_vert.gif) 3px 100% no-repeat;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float: left;height: 100%;} .jspHorizontalBar .jspDrag { background:url(../img/fxd/scroll_drag_hor.png) 0 0 repeat-x;} .jspHorizontalBar .jspDrag .jspDragLeft { /*background:url(../img/fxd/scroll_drag_hor_left.gif) 0 0 no-repeat; width: 4px; height: 13px; float:left;*/} .jspHorizontalBar .jspDrag .jspDragRight { /*background: url(../img/fxd/scroll_drag_hor_right.gif) 100% 0 no-repeat; width: 100%; height: 13px;*/} .jspArrow{ background: url(../img/fxd/scroll_arr_vert.gif) 3px 0 no-repeat; text-indent: -20000px; display: block; cursor: pointer;} .jspArrow.jspDisabled{ cursor: default;} .jspVerticalBar .jspArrow{ height: 6px;} .jspHorizontalBar .jspArrow{width: 6px;float: left;height: 100%; position: relative; top:0px;} .jspHorizontalBar .jspArrowLeft { background:url(../img/fxd/scroll_arr_hor.gif) 0 0 no-repeat;} .jspHorizontalBar .jspArrowRight { background:url(../img/fxd/scroll_arr_hor.gif) 100% 0 no-repeat;} .jspHorizontalBar .jspTrack { background: url(../img/fxd/scroll_track_hor.gif) 0 0 repeat-x;} .jspVerticalBar .jspArrow:focus{outline: none;} .jspCorner{ float: left;height: 100%; position: absolute; top: 0; right: 0;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner{ margin: 0 -3px 0 0;} /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { background:url(../img/fxd/slider_fon.gif) 0 -10px repeat-x; } .ui-widget-content a { color: #333333; } .ui-widget-header { background:url(../img/fxd/slider_diap.gif) 0 0 repeat-x;} .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url(http://bc-universal.ru/img/fxd/slider_handle.png) 0 0 no-repeat; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background:url(http://bc-universal.ru/img/fxd/slider_handle.png) 100% 0 no-repeat;} .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* * jQuery UI Slider 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px; height: 16px; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -18px; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } form.form_01 { //width: 512px;} div.form { position: relative; margin-bottom: 20px;} div.form_ctr { background: url(../img/fxd/form_ctr.png) 0 0 repeat-y; overflow: hidden;//zoom:1; padding: 2px 20px;} div.form_top { background:url(../img/fxd/form_top.png) 0 0 no-repeat; overflow: hidden;//zoom:1; padding-top: 10px; margin-bottom: 12px;} div.form_bott { background: url(../img/fxd/form_bott.png) 0 100% no-repeat; overflow:hidden; padding-bottom: 9px;} div.txt_fon { background:url(../img/fxd/txt_fon.gif) 0 0 repeat-y; width:462px; float: right; margin-right: 30px;} div.txt_top { background: url(../img/fxd/txt_top.gif) 0 0 no-repeat; padding-top:5px;} div.txt_bott { background:url(../img/fxd/txt_bott.gif) 0 100% no-repeat; overflow:hidden; //zoom:1; padding-bottom: 5px;} div.txt_bott textarea {overflow: hidden; width: 462px; //width: 440px; min-height: 80px; overflow-y: scroll; border: 0; background: none; margin: 0; padding: 7px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #282828;} div.input_txt { background:url(../img/fxd/input_l.png) 0 0 no-repeat; display:inline-block; //display:inline; //zoom:1;} div.input_txt input { background:url(../img/fxd/input_r.png) 100% 0 no-repeat; height: 30px; border: none; padding: 2px 5px 0; font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #282828;} div.form fieldset { margin-bottom: 10px; margin-right: 12px;} div.input_area_bg {} .w100 { //width: 462px; //width: 451px;} #captcha {margin-left:108px; margin-top: 10px;} div.form fieldset.w100 label { display: inline-block; width:100px; } .w100 input {width: 462px; //width: 451px; position: relative; //top: -1px;} div.form fieldset.w50 { margin-right: 0;} div.form fieldset.w50 div.input_txt { width: 328px; //width: 200px; margin-right: 0px;} div.form fieldset.w50 div.input_txt.right { margin-left: 7px; position: relative; right: -4px; //right: 7px;} div.form fieldset.w50 div.input_txt input { width: 328px; //width: 200px; position: relative; //top: -1px;} div.form fieldset.w50 label { display:inline-block; //display:inline; //zoom:1; width: 100px; } div.form fieldset.w50 label.left { margin-right: 37px;} div.input_area { position: relative; width: 354px;} div.textarea_tl { width: 5px; height: 5px; background: url(http://bc-universal.ru/img/fxd/textarea_cor.gif) 0 0 no-repeat; top: 0; //top: 1px; left: 0; position: absolute; z-index: 2;} div.textarea_tr { width: 5px; height: 5px; background: url(http://bc-universal.ru/img/fxd/textarea_cor.gif) 100% 0 no-repeat; top: 0; //top: 1px; right: 0; position: absolute; z-index: 2;} div.textarea_br { width: 5px; height: 5px; background: url(http://bc-universal.ru/img/fxd/textarea_cor.gif) 100% 100% no-repeat; bottom: 0; //bottom:1px; right: 0; position: absolute; z-index: 2;} div.textarea_bl { width: 5px; height: 5px; background: url(http://bc-universal.ru/img/fxd/textarea_cor.gif) 0 100% no-repeat; bottom: 0; //bottom:1px; left: 0; position: absolute; z-index: 2;} div.input_area textarea { width: 354px; //width: 340px; min-height: 80px; overflow-y: scroll; border: 0; background: #e6e6e6; margin: 0; padding: 7px; font-family: Verdana, Geneva, sans-serif; font-style: italic; font-size: 11px; color: #2e2e2e;} form.form_01 fieldset.form_butt_fon { text-align:right;} form.form_01 label { font-family: Verdana, Geneva, sans-serif; font-style: italic; font-size: 11px; color: #2e2e2e; margin-bottom: 5px; display:block;} form.form_01 div.captcha img { vertical-align:middle; margin-right: 12px; float:left; margin-top: 6px; width: 95px;} form.form_01 div.captcha { margin-bottom: 10px; //margin-bottom: 0; overflow: hidden;} form.form_01 div.captcha div.cap {margin-top: 10px; width: 203px;} form.form_01 div.captcha div.cap input { width: 215px; //width: 194px; position: relative; //top: -1px;} input.count { width: 42px;} form.form_01 fieldset.captcha { //margin-bottom:0; overflow: hidden;} form.form_01 label { margin-bottom: 8px; display:block; float:left;} /*page*/ div.content div.page { text-align:center; padding: 20px 0 20px;} div.content div.page ul { display: inline-block; //display: inline; //zoom:1;} div.content div.page ul li { display: inline-block; //display:inline; //zoom:1; color: #000; padding:0px; background: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0 5px;} div.content div.page ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #000; text-decoration:none; display:block;} div.content div.page ul li.sel { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} div.content div.page ul li.sel a { border-bottom: 1px solid #3986C8; color: #3986C8; position:relative; top:-1px;} div.content div.page ul li.prev { background:url(http://bc-universal.ru/img/arr_left.png) 0 5px no-repeat; padding-left: 12px; color: #000; } div.content div.page ul li.next { background:url(http://bc-universal.ru/img/arr_right.png) 100% 5px no-repeat; padding-right: 12px; color: #000;} div.content div.page.left { text-align:left; width: 100%;} div.content div.navigation { width:639px; margin-left:-15px; overflow: hidden; _zoom: 1; background:url(http://bc-universal.ru/img/navi_fon.png) 0 7px no-repeat; padding-left: 15px; height:36px; background-color:#605a48;} div.content div.navigation ul { background: url(http://bc-universal.ru/img/fxd/navi_bg.gif) 0 0 no-repeat; padding-top: 19px; overflow: hidden; margin-bottom: 0;} div.content div.navigation ul li { display: inline; margin-right: 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #c0b596; line-height: 15px; background: none; padding-left: 0;} div.content div.navigation ul li a { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-right: 0px; background:url(../img/fxd/grey-arrow.png) 99% 50% no-repeat; padding-right: 8px; color: #c0b596;} /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;} #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../img/fancybox/fancybox.png);} #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none;} #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none;} #fancybox-wrap { -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none;display: none;} #fancybox-outer {position: relative;width: 100%;height: 100%;background: #fff;} #fancybox-content {width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;} #fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;} #fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url(../img/fancybox/fancybox.png) -40px 0px;cursor: pointer;z-index: 1103;display: none;} #fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;} #fancybox-img { width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;} #fancybox-frame {width: 100%;height: 100%;border: none;display: block;} #fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none; background: transparent url(../img/fancybox/blank.gif);z-index: 1102;display: none;} #fancybox-left {left: 0px;} #fancybox-right {right: 0px;} #fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%; //left: -9999px; width: 30px;height: 30px;margin-top: -15px; cursor: pointer;z-index: 1102;display: block;} #fancybox-left-ico {left:20px; opacity: 0.6;} #fancybox-right-ico {right:20px; opacity: 0.6;} #fancybox-left-ico {background-image: url(../img/fancybox/fancybox.png);background-position: -40px -30px;} #fancybox-right-ico {background-image: url(../img/fancybox/fancybox.png);background-position: -40px -60px;} #fancybox-left:hover, #fancybox-right:hover {visibility: visible; opacity:1; /* IE6 */} #fancybox-left:hover span {left: 20px; opacity:1;} #fancybox-right:hover span {left: auto;right: 20px; opacity:1;} .fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;} #fancybox-bg-n {top: -20px;left: 0;width: 100%;background-image: url(../img/fancybox/fancybox-x.png);} #fancybox-bg-ne {top: -20px;right: -20px;background-image: url(../img/fancybox/fancybox.png);background-position: -40px -162px;} #fancybox-bg-e {top: 0;right: -20px;height: 100%;background-image: url(../img/fancybox/fancybox-y.png); background-position: -20px 0px;} #fancybox-bg-se {bottom: -20px;right: -20px;background-image: url(../img/fancybox/fancybox.png);background-position: -40px -182px; } #fancybox-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url(../img/fancybox/fancybox-x.png);background-position: 0px -20px;} #fancybox-bg-sw {bottom: -20px;left: -20px;background-image: url(../img/fancybox/fancybox.png);background-position: -40px -142px;} #fancybox-bg-w {top: 0; left: -20px;height: 100%;background-image: url(../img/fancybox/fancybox-y.png);} #fancybox-bg-nw {top: -20px;left: -20px;background-image: url(../img/fancybox/fancybox.png);background-position: -40px -122px;} #fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;} .fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;} .fancybox-title-outside {padding-top: 10px;color: #fff;} .fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;} #fancybox-title-over {padding: 10px;background-image: url(../img/fancybox/fancy_title_over.png);display: block;} .fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;} #fancybox-title-float-wrap {border: none;border-collapse: collapse; width: auto;} #fancybox-title-float-wrap td { border: none;white-space: nowrap;} #fancybox-title-float-left {padding: 0 0 0 15px;background: url(../img/fancybox/fancybox.png) -40px -90px no-repeat;} #fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url(../img/fancybox/fancybox-x.png) 0px -40px;} #fancybox-title-float-right {padding: 0 0 0 15px;background: url(../img/fancybox/fancybox.png) -55px -90px no-repeat;} /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } .jcarousel-skin-tango .jcarousel-container { padding-top: 5px; background: url(http://bc-universal.ru/img/buttons_fon.gif) 158px 0 no-repeat;} .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl} .jcarousel-skin-tango .jcarousel-container-horizontal { width: 222px;} .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 222px; //height: 200px; //width: 222px; //height: 128px;} .jcarousel-skin-tango .jcarousel-item { width: 222px; height: 128px; //width: 222px; //height: 128px; background:url(http://bc-universal.ru/img/portfolio_fon.gif) 0 0 no-repeat;} //#mycarousel_3 .jcarousel-item { width: 140px; height: 128px; //width: 222px; //height: 128px; background:url(http://bc-universal.ru/img/portfolio_fon.gif) 0 0 no-repeat;} .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; //margin-right: 10px; //padding: 4px 0 0 5px;} .jcarousel-skin-tango .jcarousel-item-horizontal img { border: 1px solid #ccc;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0;} .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px;} .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;} .rightar, .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 15px; right: 380px;width: 18px;height: 22px;cursor: pointer; background:url(../img/arrow-right.png) 0 -0 no-repeat;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto;background-image: url(http://bc-universal.ru/css/prev-horizontal.png);} .leftar, .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 15px; left: 280px; width: 18px; height: 22px; cursor: pointer; background:url(../img/arrow-left.png) 0 0 no-repeat;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto;right: 5px;background-image: url(http://bc-universal.ru/css/next-horizontal.png);} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 100%;} div.gall_02 a.all { position: absolute; top: 16px; right: 21px; color: #525253; font-size: 11px; text-decoration:none;} div.content div.gall_02 a.h1 { position:absolute; top: 13px; left: 28px; color: #525253;} div.gall_02 { width: 703px; height: 174px; background:url(http://bc-universal.ru/img/gal_02_fon.png) 0 20px no-repeat; padding-top: 9px; position:relative; margin-bottom: 20px;} div.gall_02 .jcarousel-skin-tango .jcarousel-container-horizontal { width: 690px; } div.gall_02 .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 639px; padding-top: 16px;} div.gall_02 .jcarousel-skin-tango .jcarousel-container { background: url(http://bc-universal.ru/img/buttons_fon.gif) no-repeat scroll 301px 0 transparent;} div.gall_02 .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 287px;} div.gall_02 .jcarousel-skin-tango .jcarousel-next-horizontal { left: 307px;} div.gall_02 .jcarousel-skin-tango .jcarousel-item { width: 150px; margin-left:10px; border-right: 1px solid #70883d; height: 180px; //width: 100px; //height: 100px; background: url(http://bc-universal.ru/img/mater_border.png) 0 0 no-repeat; padding: 1px;} div.gall_02 .jcarousel-skin-tango .jcarousel-item-horizontal { //margin-right: 15px;} div.gall_03 { width: 590px; height: 200px; background:url(http://bc-universal.ru/img/gal_02_fon.png) 0 20px no-repeat; padding-top: 9px; position:relative; margin-bottom: 20px;} div.gall_03 .jcarousel-skin-tango .jcarousel-container-horizontal { width: 590px; } div.gall_03 .jcarousel-skin-tango .jcarousel-clip-horizontal { margin-left: 15px; padding-top: 16px; width: 560px;} div.gall_03 { background:none;} div.gall_03 .jcarousel-skin-tango .jcarousel-container { background: url(http://bc-universal.ru/img/buttons_fon.gif) no-repeat scroll 301px 0 transparent;} div.gall_03 .jcarousel-skin-tango .jcarousel-prev-horizontal { left: -10px; top: 90px;} div.gall_03 .jcarousel-skin-tango .jcarousel-next-horizontal { left: 601px; top: 90px;} div.gall_03 .jcarousel-skin-tango .jcarousel-item { margin-left:10px; height: 180px; width: 100px; //height: 100px; padding: 1px;} div.gall_03 .jcarousel-skin-tango .jcarousel-item-horizontal { //margin-right: 15px;} div.gall_03 .jcarousel-skin-tango .jcarousel-item-horizontal a{display: table-cell; height: 148px; vertical-align:middle;} div.gall_03 .jcarousel-skin-tango .jcarousel-clip-horizontal { display:block; //width: 222px; //height: 128px;} body div.content .mycarousel_44 {height: 180px; display:block; padding:0; margin:0;} body div.content ul.mycarousel_44 li { padding:0; margin:0; height: 180px;float:left;} #mycarousel_3 {height: 180px;} /*select*/ .sel80 { width: 180px; } .lineForm, .lineForm3 { margin-bottom: 20px; } .wid100 { width: 100px !important; } #animals { width: 90px; } .redSelect .cusel, .redSelect .cuselFrameRight, .redSelect .jScrollPaneDrag, .redSelect .jScrollArrowUp, .redSelect .jScrollArrowDown { background-image: url(http://bc-universal.ru/img/selects-red.png) !important; } .twitter { background: url(http://bc-universal.ru/img/twitter.gif) no-repeat !important; padding-left: 25px !important; color: #01dded !important } .vkontakte { background: url(http://bc-universal.ru/img/vkontakte.gif) no-repeat !important; padding-left: 25px !important; color: #204e79 !important } .lj { background: url(http://bc-universal.ru/img/lj.gif) no-repeat !important; padding-left: 25px !important; color: #003366 !important } .li { background: url(http://bc-universal.ru/img/li.gif) no-repeat !important; padding-left: 25px !important; color: #000000 !important } .kv { width: 4px; height: 4px; background: #00FF00; position: absolute; top: 2px; right: 2px; overflow: hidden; } /* stili dlja primera: vyravnivanie label, selekty na v odnu stroku */ .lineForm, .lineForm3 { float: left; width: 100%; zoom: 1; } * html .lineForm, * html .lineForm3 { float: none; width: auto; } label { float: left; position: relative; top: 5px; margin-right: 5px; } .cusel { float: left; margin-right: 10px; } /* styles for select */ .cusel, .cuselFrameRight, .jScrollPaneDrag, .jScrollArrowUp, .jScrollArrowDown { background: url(http://bc-universal.ru/img/selects-2.png) no-repeat; } .cusel { /* obwij vid selekta vkljuchaja strelku sprava */ height: 31px; background-position: left top; display: inline-block; position: relative; cursor: pointer; font-size: 14px; z-index: 1; outline: none; } .cuselFrameRight { /* levaja chst' selekt. obyno skruglenie i levaja granica */ position: absolute; z-index: 2; top: 0; right: 0; height: 100%; width: 42px; background-position: right top; } .cuselText { /* kontejner dlja otobrazhennogo teksta selekt */ height: 23px; padding: 6px 0 0 7px; /* podbiraem otstupy i vysotu dlja vidimogo teksta v selekte */ cursor: pointer; overflow: hidden; position: relative; z-index: 1; font: 12px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; position: absolute; top: 0; left: 0; } * html .cuselText { /* vysota bloka dlja teksta dlja ie6 */ height: 22px; } .cusel span { /* oformlenie optiona */ display: block; cursor: pointer; white-space: nowrap; padding: 2px 15px 2px 5px; /* padding sprava - jeto otstup teksta ot polzunka */ zoom: 1; } .cusel span:hover, .cusel .cuselOptHover { /* reakcija optiona na navedenie */ background: #999; color: #fff; } .cusel .cuselActive { /* oformlenie aktivnogo optiona v spiske */ background: #FF6600; color: #fff; cursor: default; } /* styles for focus and hover */ .cusel:hover, .cusel:hover .cuselFrameRight, .cusel:focus, .cusel:focus .cuselFrameRight, .cuselFocus, .cuselFocus .cuselFrameRight { background-image: url(http://bc-universal.ru/img/selects-focus.png); } .cuselOpen { z-index: 999; } /* styles for disabled select */ .classDisCusel, .classDisCusel .cuselFrameRight { background-image: url(http://bc-universal.ru/img/selects-2-dis.png) !important; cursor: default; color: #ccc; } .classDisCusel .cuselText { cursor: default; } /* styles for scrollbar */ .cusel .cusel-scroll-wrap { /* kontejner dlja bloka s prokrutkoj */ display: block; visibility: hidden; position: absolute; left: 0; top: 100%; background: #fff; /* fon vypadajuwego spiska */ min-width: 100%; width: auto; } .cusel .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 5; border: 1px solid #ccc; /* granicy vypadajuwego spicka */ } .cusel .jScrollPaneTrack { /* trek dlja polzunka prokrutki */ height: 100%; width: 7px !important; background: #fff; position: absolute; top: 0; right: 4px; } .cusel .jScrollPaneDrag { /* polzunok */ background-position: -38px -31px; cursor: pointer; height: 27px !important; position: absolute; right: -7px; width: 19px !important; } .cusel .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .cusel .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } .cusel .jScrollArrowUp { /* strelka vverh */ position: absolute; top: 0; right: 2px; width: 26px; height: 12px; cursor: pointer; background-position: -3px -32px; overflow: hidden; } .cusel .jScrollArrowDown { /* strelka vniz */ width: 25px; height: 12px; position: absolute; top: auto; bottom: 0; right: 3px; cursor: pointer; background-position: -21px -32px; overflow: hidden; } @media screen and (-webkit-min-device-pixel-ratio:0) { /*div.form_ctr { -moz-box-sizing: border-box; box-sizing: border-box;}*/ } /*chrom, safari*/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { } /*opera*/ /* gallery */ div.content a.gallery_brand_one { overflow:hidden; margin-left:10px; text-align:center; display: inline-block; //display: inline; //zoom:1; vertical-align:top;/* margin-right: 15px; margin-bottom: 15px; padding: 4px; */text-decoration: none; text-decoration: none;} .gallery_img {margin-top:40px;} a.gallery_brand_one div.square { width: 142px; max-height: 140px;} a.gallery_brand_one div.square_img {display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; //display:inline; } a.gallery_brand_one div.square_img img { max-width: 140px; max-height: 140px; background: #fff; border: 1px solid #ccc; border-radius: 5px;} a.gallery_brand_one div.square div.helper {display:-moz-inline-box; display:inline-block; height:100%; width:0px; vertical-align:middle; zoom:1; //display:inline} div.square.img { width: 150px; height: 150px; text-align:center; border: 1px solid #ccc; border-radius: 5px;} div.square.img div.square_img {display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; //display:inline; max-height: 145px; max-height: 145px;} div.square.img div.helper {display:-moz-inline-box; display:inline-block; height:100%; width:0px; vertical-align:middle; zoom:1; //display:inline} div.content ul.map {margin-left:50px;} .map-icon { background:url(../img/fxd/map-icon.png) 0 100% no-repeat; color:white; text-decoration:underline; padding-left:18px; line-height:9px; height:11px; position:absolute; top: 16px; right:7px;} .img-left{float:left; margin: 0 15px 5px 0;} .okantovka-find{border: 1px solid #C4C9C3;position: absolute;margin-top: 535px;margin-left:299px;} .okantovka-sec-find{border: 3px solid #FFFFFF;} .okantovka-sec-find .find-header.autotext{background-color: #005ACC;background-image: url(../img/magnifier_left.png);background-position: 2px center;background-repeat: no-repeat;border: 1px solid #C4C9C3;color: #FFFFFF;font-weight: bold;padding: 3px 3px 3px 20px;width: 666px;}