/***************************** http://www.brain-tech.ru/ Powered by http://www.projex.ru/ *****************************/ /******* structure *******/ html { height: 100%; } body { padding: 0; width: 950px; margin: 0 auto; min-height: 100%; position: relative; } * html body { height: 100%; } #header{ width: 100%; height: 250px; position: relative; } #content { overflow: hidden; width: 100%; padding-bottom: 75px; margin-top: 50px; } #left{ width: 260px; float: left; margin: 160px 25px 0 0; } #right{ width: 630px; float: left; margin: 3px 0 0 15px; position: relative; z-index: 5999; overflow: visible; } #footer{ /*position: absolute; bottom: 0;*/ height: 40px; width: 100%; padding: 10px 0 0 0; } /******* color & bg *******/ html { background: black; } body { color:#B2B2B2; } #header{ background: url(../images/header_bg.jpg) no-repeat top left; } a{ color: #333; } a span{ color: #d5d5d5; } a:hover{ color: #b62617; } a:hover span, h1, h3, h2, #right a.title, .back_button a:hover{ color: white; } /*h2{ background: #171717; }*/ a#logo{ color: white; } #header #mainlevel a, .back_button a{ color: #b2b2b2; } #header #mainlevel a:hover{ color: white; } #tdLeft{ background: url(../images/tdLeft.gif) no-repeat; } #tdRight{ background: url(../images/tdRight.gif) no-repeat top right; } #tdActive{ background: url(../images/tdActive.gif) repeat-x; } #header #mainlevel #tdActive a span{ color: white; } #menuIco #tdActive{ background: none; } #header #menuIco a{ color: #333; } #header #menuIco a:hover{ color: #b62617; } #slogan{ color: #972013; } #left .menu18{ background: url(../images/menu_18.jpg) no-repeat top right; } #left .menu19{ background: url(../images/menu_19.jpg) no-repeat top right; } #left .menu20{ background: url(../images/menu_20.jpg) no-repeat top right; } #left .menu21{ background: url(../images/menu_21.jpg) no-repeat top right; } #left .menu22{ background: url(../images/menu_22.jpg) no-repeat top right; } .mail_form input, .mail_form textarea{ background: #222; border: 1px solid #666; color: white; } .mail_form input:hover, .mail_form input:focus, .mail_form textarea:hover, .mail_form textarea:focus{ border: 1px solid #b62617; background: #111; } .mail_form p small{ color: white; font-size: 11px; } #main, #main li { color: #d5d5d5; } #main strong, #main b/*, a.bold span*/{ color: white; } #main .data{ color: #666; } .data{ color: #B62617; } /*#left #mainlevel a:hover{ background: url(../images/arrow.png) no-repeat 0 1px; }*/ #footer{ background: url(../images/footer_bg.gif) no-repeat; } /******* fonts *******/ body{ font: 11px/16px Verdana, Arial, Tahoma, sans-serif; } a{ text-decoration: underline; } a:hover{ text-decoration: underline; } a#logo, #header #mainlevel a{ text-decoration: none; } h1, h3 span, .title_image, h2.componentheading, #right a.title{ font: 19px /*"Trebuchet MS", */ Impact, Tahoma,Arial, sans-serif; } h2{ font: 15px "Trebuchet MS", Arial, Tahoma, sans-serif; } #header #mainlevel{ font: 17px Impact, Tahoma, Arial, sans-serif; } #header #mainlevel a span{ line-height: 29px; } #header #menuIco #mainlevel, .mail_form textarea, .mail_form input{ font: 11px Tahoma, Arial, sans-serif; } #header #menuIco #mainlevel a{ text-align: center; /*text-decoration: underline;*/ } #header #menuIco #mainlevel a span{ line-height: normal; } #menuIco #mainlevel a:hover div.info{ line-height: 2; } #slogan{ font: bold 9px Tahoma, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; } .title_image, .mail_form textarea, .mail_form input{ font-size:12px; color: white; } #main{ font: 13px/20px Tahoma, Arial, sans-serif; } #main .data{ font-size: 11px; } /*#main{ font-size: 13px; line-height: 20px; }*/ .mail_form .but{ font-weight: bold; } a h2, a.bold{ font-weight: bold; } .sert a h2{ font-weight: normal; font-size: 13px; } /*#left #mainlevel a:hover{ font-weight: bold; }*/ #footer li{ text-align: center; } #footer li.first{ text-align: left; } #footer p{ font-size: 10px; } /******* misc *******/ p, h1, h2, h3, h4, h5, h6, ul, ol, li{ margin: 0; padding: 0; } ol, ul { list-style: none; } ol{ list-style: decimal; margin-left: 30px; } ol li{ margin-bottom: 10px; } a#logo{ position: absolute; width: 204px; height: 184px; margin: 215px 0 0 0; } #slogan{ position: absolute; margin: 5px 0 0 7px; _margin: 188px 0 0 -200px; } /*div#phone{ position: absolute; width: 188px; height: 63px; margin: 250px 0 0 762px; }*/ div#phone{ position: absolute; width: 188px; height: 63px; margin: 45px 0 0 20px; } #pathway_text{ border-bottom: 1px dotted #333; width:620px; margin: 260px 0 0 300px; padding: 0 0 10px 0; position: absolute; } /* mainmenu */ /*#header #mainlevel{ position: absolute; margin: 40px 0 0 285px; } #header #mainlevel li{ float: left; padding: 0 10px; }*/ #header #mainlevel{ height: 38px; margin: 40px 20px 0 0; float: right; } #header #mainlevel td{ vertical-align: top; } #tdLeft, #tdRight{ height: 38px; } #header #mainlevel td{ padding: 10px 0 0 0; } #header #mainlevel td#tdActive{ padding: 0; } #header #mainlevel #tdActive div#tdRight{ padding: 6px 0 0 0; } #header #mainlevel a{ margin: 0 10px 0 10px; display: block; height: 15px; } #header #mainlevel #tdActive a{ margin: 0 20px 0 20px; height: 30px; } /*#header #mainlevel a img{ display: none; }*/ #header #mainlevel a#menu0{ width:60px; background: url(../../../images/stories/uni_images/home_menu.gif); } #header #mainlevel a#menu1{ width:86px; background: url(../../../images/stories/uni_images/about_menu.gif); } #header #mainlevel a#menu2{ width:49px; background: url(../../../images/stories/uni_images/service_menu.gif); } #header #mainlevel a#menu3{ width:66px; background: url(../../../images/stories/uni_images/object_menu.gif); } /* #header #mainlevel a#menu4{ width:61px; background: url(../../../images/stories/uni_images/news_menu.gif); } */ #header #mainlevel a#menu4{ width:74px; background: url(../../../images/stories/uni_images/partners_menu.gif); } #header #mainlevel a#menu5{ width:72px; background: url(../../../images/stories/uni_images/contact_menu.gif); } /*#header #mainlevel #tdActive a#menu0{ width:62px; background: url(../../../images/stories/uni_images/home_menu_active.gif); }*/ #header #mainlevel #tdActive a#menu1{ width:93px; background: url(../../../images/stories/uni_images/about_menu_active.gif); } #header #mainlevel #tdActive a#menu2{ width:55px; background: url(../../../images/stories/uni_images/service_menu_active.gif); } #header #mainlevel #tdActive a#menu3{ width:72px; background: url(../../../images/stories/uni_images/object_menu_active.gif); } /* #header #mainlevel #tdActive a#menu4{ width:68px; background: url(../../../images/stories/uni_images/news_menu_active.gif); } */ #header #mainlevel #tdActive a#menu4{ width:80px; background: url(../../../images/stories/uni_images/partners_menu_active.gif); } #header #mainlevel #tdActive a#menu5{ width:80px; background: url(../../../images/stories/uni_images/contact_menu_active.gif); } #header #mainlevel a, #header #mainlevel #tdActive a{ background-repeat: no-repeat !important; } #header #mainlevel a:hover{ background-position: 0 -15px !important; background-repeat: no-repeat !important; } #header #mainlevel #tdActive a:hover{ background-position: 0 0 !important; background-repeat: no-repeat !important; } #header #mainlevel a:hover{ border-bottom: 2px solid #b62617; } #header #mainlevel #tdActive a:hover{ border-bottom: none; } #menuIco #mainlevel a div.info{ display: none; } #menuIco #mainlevel a:hover div.info{ display: block; position: absolute; border: 1px solid #6a0000; background: #191919 !important; padding: 5px; margin: 25px 0 0 0; height: auto; } /* _mainmenu */ /* _menuIco */ #header #menuIco{ overflow: hidden; width: 600px; height: 90px; margin: 135px 0 0 300px; position: absolute; } #header #menuIco li{ float: left; width: 110px; } #header #menuIco #mainlevel{ margin: 0; padding: 0; } #header #menuIco #mainlevel a:hover{ border: none; } #header #menuIco #mainlevel a{ height: 75px; } #header #menuIco #mainlevel a div{ height: 54px; margin: 0 0 5px 0; } #header #menuIco a#ico_menu0 div{ background: url(../../../images/stories/uni_images/ico/menuIco_1.gif); } #header #menuIco a#ico_menu1 div{ background: url(../../../images/stories/uni_images/ico/menuIco_2.gif); } #header #menuIco a#ico_menu2 div{ background: url(../../../images/stories/uni_images/ico/menuIco_3.gif); } #header #menuIco a#ico_menu3 div{ background: url(../../../images/stories/uni_images/ico/menuIco_4.gif); } #header #menuIco a#ico_menu4 div{ background: url(../../../images/stories/uni_images/ico/menuIco_5.gif); } #header #menuIco #mainlevel a div{ background-repeat: no-repeat !important; background-position: center 0 !important; } #header #menuIco #mainlevel a:hover div{ background-position: center -54px !important; } #header #menuIco #mainlevel #liActive a div{ background-position: center -54px !important; } /* _menuIco */ .moduletable{ margin: 0 0 40px 0; width: auto; } .mail_form input{ height: 18px; } .mail_form .but{ height: 24px; } .mail_form table{ margin-top: 20px; } .mail_form textarea, .mail_form #tema{ width: 100%; } .mail_form td{ padding: 0 10px 0 0; } #left .menu18, #left .menu19, #left .menu20, #left .menu21, #left .menu22{ _height:120px; min-height: 120px; } #left li, #main li{ margin: 5px 0 8px 0; } /*h1{ }*/ h3 span, h1 img, .title_image, h1, h2.componentheading, #right a.title{ border-bottom: 2px solid #b62617; } h1, h2.componentheading{ display: inline; } h2{ clear:both; margin: 10px 0 0 0; } a h2, h2.componentheading{ display: inline; } .readon{ float: right; margin: 0 0 15px 0; } #left .readon{ float: left; } /*#left #mainlevel a{ padding-left: 10px; }*/ /* footer */ #footer li{ float: left; width: 665px; } #footer li.first{ width: 275px; padding-left: 10px; } #footer #mainlevel{ overflow: hidden; margin: 0; } #footer #mainlevel li{ display: inline; float: none; padding: 0 10px; } #footer p{ padding: 5px 0; } #footer img{ opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); } /* _footer */ a img{ border: none; } h3, #footer{ cursor: default; } #menuIco a, .but{ cursor: pointer; } #main{ margin-top: 20px; } #main p, #right .moduletable p{ padding: 5px 0 15px 0; } #main .news p{ margin-top: 0; } #main .news br{ display: none; } #main .news .data{ margin-top: 12px !important; } #main ul{ list-style: square; margin: 0 0 20px 30px; } #main ul ul{ list-style: disc; } #main br{ line-height: 10px; } /*#main .data{ margin-top: 20px; }*/ .sert{ margin-bottom: 30px; } #main img{ padding: 5px; background: #111; border: 1px solid #333 ;/*#6a0000*/ } .obj .obj a{ padding: 5px 0 7px 0; } /*.obj br{ margin: 5px 0; height: 20px; display: block; }*/ .obj .obj div{ margin-left: 5px; background: #111; padding: 5px 5px 5px 10px; border-left: 1px solid #972013; } .hide{ display: none; } .show{ display: block; margin-bottom: 20px; } img.align_left{ float: left; margin: 6px 15px 0 0px; } img.no_border{ padding !important: 0; border: none !important; background: black !important; } .partners p{ overflow: hidden; margin-bottom: 13px; } .partners img{ float: left; margin: 6px 15px 0 0px; }