/******************************************************************** ******* common.css ********************************************************************/ body,td,p { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } a { color : #0063DC; cursor: pointer; cursor: hand; } a:hover { text-decoration: underline; color : #0063DC; } h1 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size : 16px; font-weight : bold; } h2 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size : 16px; font-weight : bold; } class_h1 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size : 16px; font-weight: bold; } /* Begin URLs */ a.black_a { color: #000000; text-decoration: none; } .a-black-dcrunl { color: #000000; text-decoration: underline; } .a-black-dcrunl:hover { color: #000000; text-decoration: none; } .a-black-dcrnone2 { color: #000000; text-decoration: underline; } .a-black-dcrnone2:hover { color: #000000; text-decoration: underline; } .a-black-dcrnone { color: #000000; text-decoration: none; } .a-black-dcrnone:hover { color: #000000; text-decoration: underline; } .a-blue-dcrunl { /*color: #0063DC;*/ text-decoration: underline; } .a-blue-dcrunl:hover { /*color: #0063DC;*/ text-decoration: none; } .a-blue-dcrnone { /*color: #0063DC;*/ text-decoration: none; } .a-blue-dcrnone:hover { /*color: #0063DC;*/ text-decoration: underline; } .a-red-dcrnone { color: #C4000A; text-decoration: none; } .a-red-dcrnone:hover { color: #C4000A; text-decoration: underline; } .a-white-dcrunl { color: #FFFFFF; text-decoration: underline; } .a-white-dcrunl:hover { color: #FFFFFF; text-decoration: none; } a.news_a { color: #030300; text-decoration: none; } /* End URLs */ .news_head { color: #0066B8; font-size: 13px; font-weight : bold; } .f12 { font-size: 12px; } .block_header { font-size : 16px; font-weight : bold; } .temptrd, .temptrn, .temptrс { font-size: 16px; font-weight: bold; } .temptrd { color: #FF4A13; text-align: right; } .temptrn { color: #0063DC; text-align: right; width: 30px; } .temptrc { color: #0063DC; text-align: center; width: 10px; } .kroshki { color: #000000; text-decoration: underline; } .kroshki:hover { color: #000000; text-decoration: none; } .kroshki_act { font-weight : bold; text-decoration: none; } .ct, .rt, .rtc { color: blue; } .ct { text-align: right; color: black; } .lt, .rt { font-weight:bold; text-align: right; } .ltc, .rtc { font-weight:bold; text-align: left; } .lt, .ltc { color: red; } .listbl a { color: black; } .scrollbtn { width:10px; height: 180px; font-size: 5px; padding:1px; padding-left:1px; text-align: center; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border-color:#cccccc; } .row { cursor:pointer; } .cell { cursor:pointer; } .row-out { background-color:#FFFFFF; } .row-over { background-color:#D7E6F2; } div.auto_complete, auto-complete-opt { position:absolute; width:150px; height:0px; background-color: #FFFFFF; border:1px solid; border-top:solid 1px #DDDDDD; border-right:solid 1px #DDDDDD; border-bottom:solid 1px #DDDDDD; border-left:solid 1px #DDDDDD; border-color: #DDDDDD; margin:0px; padding:0px; z-index: 150; MozOpacity: 0.9; opacity: 0.9; filter:alpha(opacity:90); top:-1500px; } div.auto-complete-opt { MozOpacity: 1.0; opacity: 1.0; filter:alpha(opacity:100); } ul.list { margin:2px; padding:0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF; padding-left: 2px; padding-bottom: 2px; } ul.list li { color:#000000; background-color: #FFFFFF; list-style-type: none; cursor:pointer; margin-top: 2px; margin-bottom: 2px; } fieldset.acmpl { width:160px; } .popup-title { padding-left:10px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; } .popup-caption { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #dhtmltooltip{ position: absolute; width: 150px; border: 1px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=3); } .aocell { text-align: center; vertical-align: bottom; } .weather-pict { width:100%; height:100%; background:url(/images/dayforecast_block_background.png); } .shortinfo { position:relative; } .wmap-but { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; cursor:pointer; padding:5px 0px 5px 0px; } .wmap-day-act { background-color:#FBFBFB; color: #D20404; } .wmap-tm, .wmap-tm-act, .wmap-tm-disable { cursor:pointer; background-color:#FFFFF; color: #000000; padding: 1px 2px 1px 2px; } .wmap-tm-act { background-color:#EFEFEF; color: #CD0006; } .wmap-tm-disable { cursor:default; background-color:#FFFFFF; color: #CCCCCC; } .wmap-tm-d { } .wmap-tm-l { align: center; padding: 1px 10px 1px 0px; } .wmap-tm-r { align: center; padding: 1px 0px 1px 10px; } .wforecast-cell { text-align: center; padding: 0px 0px 0px 0px; font-weight: bold; } .wmap-plr-curdate { color: #D20404; padding: 0px 5px 0px 5px; font-weight: bold; } .advobj { } fieldset { padding: 2px 2px 2px 2px; } .cat-list { list-style-image:url(/images/li_gray.gif); } .cat-list li { padding: 2px 5px 2px 5px; } .cat-region { padding: 10px 0px 5px 10px; font-size: 12px; font-weight:bold; color: #CC0000; } .cat-abc { color: #FF4A13; font-size: 14px; font-weight: bold; padding: 0px 3px 2px 4px; } .cat-abc div { border:1px solid; border-color:#D6D6D6; background-color:#E3E3E3; padding: 2px 2px 2px 2px; text-align:center; } .undrln { text-decoration:underline !important; } .footer-cities { padding: 3px 2px 3px 2px; } .footer-cities a { color: #FFFFFF; text-decoration: underline; } .footer-cities a:hover { color: #FFFFFF; text-decoration: none; } .calday, .calday-act, .calday-dis { padding: 0px 10px 0px 10px; text-align: center; } .calday-dis span { color: #9B9B9B; font-weight: bold !important; } .calday-act a { color: #FFFFFF; text-decoration: none !important; font-weight: bold !important; } .calday-act a:hover { color: #FFFFFF; text-decoration: none !important; font-weight: bold !important; } .calday a{ color: #000000; font-weight: bold !important; } .calday-act table { width: 100%; height: 100%; } .calday table { width: 100%; height: 100%; background-color: white; } .calday-cur { border: 0px 2px 2px 2px solid; border-top : 0px; } .blockcw { position:relative; margin-top: 0px; padding: 0px 0px 0px 0px; z-index: 0; left: 0px; top: 0px; background-color: white; width: 730px; } .blocknews { /* position:relative;*/ margin-top: 0px; padding: 0px 0px 0px 0px; z-index: 0; left: 0px; top: 0px; background-color: white; } .block-hdr { height: 20px; padding: 0px 0px 0px 0px; width: 100%; background-color: #FFFFFF; } .block-hdr-over { background-color: #FFECEC; } .bn-nav { padding: 0px 0px 0px 0px; } .bn-cont { margin: 0px 0px 0px 0px; padding: 3px 5px 5px 5px; background-color: #F4F4E8; width:95%; overflow: hidden; } .bn-footer { height:10px; background-color:#F4F4E8 } .gauge { width:25px; visibility:hidden } /* Ghost */ .ghost { background:#FFF; opacity: 0.5; filter:alpha(opacity=50); position:relative; border: 2px dashed #000; margin:0px; padding:0; } .controls { } .ajaxtab, .ajaxtab-act { padding: 0px 10px 0px 10px; text-align: center; } .ajaxtab-act a { color: #FFFFFF !important; text-decoration: none !important; font-weight: bold !important; } .ajaxtab a { color: #000000; text-decoration: underline !important; } .ajaxtab a:hover { color: #000000; text-decoration: none !important; } .ajaxtab-act table { width: 100%; height: 100%; } .ajaxtab table { width: 100%; height: 100%; background-color: white; } .blocktab-act, .blocktab-inact { padding:0px 0px 0px 0px; vertical-align:middle; } .blocktab-act { font-weight: bold; background-color: #F5E6AB; } .blocktab-inact { background-color: #F4F4E8; } .fwacnum { text-align: right; } .fwahdr { text-align: center; } .fwtab { border: 1px solid; border-color: #000000; } .fwtab th { border-width: 0px 1px 1px 0px; padding: 2px 2px 2px 2px; border-color: #000000; font-size: 11px; } .fwtab td { border-width: 0px 1px 1px 0px; padding: 2px 2px 2px 2px; border-color: #000000; } /*Tabs begin*/ ul.tab { margin-left:0px; margin-top:0px; margin-bottom:0px; /* border-bottom:solid 2px #F5E6AB;*/ height:23px; padding-left:5px; padding-bottom:0px; font-size: 11px; font-weight:normal; } ul.tab li { float:left; margin-right:0px; height:24px; overflow:hidden; list-style:none; /* border-bottom:solid 1px #F5E6AB;*/ } .tab a:link, .tab a:visited { background:url(/images/tabs.png) right 48px; color:#666666; display:block; font-weight:normal; line-height:24px; text-decoration:underline; } .tab a span { background:url(/images/tabs.png) left 48px; display:block; margin-right:11px; padding-left:18px; } .tab a:hover { background:url(/images/tabs.png) right 24px; display:block; text-decoration:none; } .tab a:hover span { background:url(/images/tabs.png) left 24px; display:block; } ul.tab li.active a:link, ul.tab li.active a:visited, ul.tab li.active a:visited, ul.tab li.active a:hover { background:url(/images/tabs.png) right 0 no-repeat; font-weight:bold; } ul.tab li.active a span, ul.tab li.active a:hover span { background:url(/images/tabs.png) left 0 no-repeat; } /*Tabs end*/ .scroller { background-color: #FAFAFA; } .messagebox { width: 100%; height: 35px; padding: 2px 2px 2px 2px; font-weight: bold; } #messagebox { font-weight: bold; } .mpinput-hint { color:#CCCCCC; } .but-img { cursor: pointer; position: static; } .but-coord { position: absolute; width: 20px; height: 20px; margin: -5px 10px 0px 0px; } .opts td { height:17px; padding: 1px 10px 1px 10px; } /* right block redefine css */ .bn-cont a { color: #000000 !important; text-decoration: none !important; } .bn-cont a:hover { color: #000000 !important; text-decoration: underline !important; } .bn-cont img { margin-right: 2px; float: left; /* width: 50px; */ } .bn-cont a.a-blue-dcrunl { color: #0063DC !important; text-decoration: underline !important; } .bn-cont a:hover.a-blue-dcrunl { color: #0063DC !important; text-decoration: none !important; } div#meta_news_block738 td img { float: left; } div#meta_news_block739 td img { float: left; border: 0px; margin-right: 2px; width: 50px; height: 50px; } div#meta_news_block738 a { color: #000000 !important; text-decoration: none !important; } div#meta_news_block738 a:hover { color: #000000 !important; text-decoration: underline !important; } div#meta_news_block739 a { color: #000000 !important; text-decoration: none !important; } div#meta_news_block739 a:hover { color: #000000 !important; text-decoration: underline !important; } div#meta_news_block857 img { margin-right: 2px !important; margin-left: -1px !important; float: left; } div#meta_news_block857 p { margin: 0px; margin-left: -5px !important; padding: 0px 5px 2px 0px !important; padding-left: 0px !important; clear:both; overflow:hidden; vertical-align: top; } div#meta_news_block857 p a { display:block; } div#rdminfrm_13218 a { color: #000000 !important; text-decoration: none !important; } div#rdminfrm_13218 a:hover { color: #000000 !important; text-decoration: underline !important; } div#rdminfrm_13219 a { color: #000000 !important; text-decoration: none !important; } div#rdminfrm_13219 a:hover { color: #000000 !important; text-decoration: underline !important; } /* right block redefine css */ .page-block-table { table-layout:fixed; width:1000px; } .error404-text { color: gray; } /******************************************************************** ******* widgets.css ********************************************************************/ /* Sliding doors technique */ .widget_nw { height:25px; } .widget_w { border-left:0px solid #FFFFFF; margin-left:0px; } .widget_sw { height:15px; } .widget_content { background-color:#FFFFFF; color:#000000; overflow:hidden; padding:0px 0px 0px 0px; border:0px; } .widget_statusbar { font-size:8px; height:15px; } .widget_draggable { cursor:move; } /* Ghost */ .widget_ghost { background:#FFFFFF; opacity: 0.5; filter:alpha(opacity=50); position:relative; border: 2px dashed #000; margin:0px; padding:0; } #widget_col_0 { float:left; overflow:hidden; height:1%; background:#FFFFFF; } #widget_col_1 { width: 100%; float:left; background:#FFFFFF; } /******************************************************************** ******* dhtmlwindow.css ********************************************************************/ .dhtmlwindow{ position: absolute; border: 1px solid #006666; border-left: 1px solid #333300; border-top: 1px solid #333300; visibility: hidden; background-color: white; } .drag-handle{ /*CSS for Drag Handle #CA0000*/ padding: 1px; text-indent: 3px; font: bold 14px Arial; background-color: #009999; color: white; cursor: move; overflow: hidden; width: auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/ position: absolute; right: 1px; top: 2px; cursor: hand; cursor: pointer; } * html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/ width: 100%; } .drag-contentarea{ /*CSS for Content Display Area div*/ border-top: 1px solid brown; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto; } .drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/ border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; /*height of resize image*/ } .drag-resizearea{ /*CSS for Resize Area itself*/ float: right; width: 13px; /*width of resize image*/ height: 13px; /*height of resize image*/ cursor: nw-resize; font-size: 0; } /******************************************************************** ******* inc/header.css ********************************************************************/ #header { width: 1000px; height: auto; position: relative; z-index: 99999; margin: 0 0 10px 0; } #site_type { float: left; margin: 0; padding: 0; list-style-type: none; height: 21px; } #site_type li { float: left; height: 21px; } #site_type a { display: block; color: #0063dc; text-decoration: underline; line-height: 11px; padding: 5px 0; width: 38px; text-align: center; } #site_type li b { display: block; color: #ffffff; line-height: 19px; width: 27px; padding: 0px 5px 0px 5px; text-align: center; } #site_type a:hover { text-decoration: none; } #site_type a.active { color: #FFFFFF; font-weight: bold; text-decoration: none; } #header #header_banner { float: right !important; padding: 0 !important; } #header .first_line { height: 21px; position: relative; overflow: hidden; width: 1000px; } #header .first_line h1 { position: none; float: left; font-size: 11px; font-weight: bold; margin: 0px 0px 0px 20px; padding: 4px 0 0 0; } #header .first_line strong { float:left; font-size:11px; font-weight:bold; margin:0 0 0 20px; padding:4px 0 0; } #language { position: none; float: right; margin: 0px 80px 0px 10px; padding: 0; list-style-type: none; height: 19px; } #language li { float: left; height: 19px; } #language a { display: block; color: #0063dc; text-decoration: none; line-height: 19px; width: 27px; text-align: center; } #language li b { display: block; color: #ffffff; line-height: 19px; width: 27px; text-align: center; } #language a:hover{ text-decoration: underline; } #language a.active { color: #FFFFFF; font-weight: bold; text-decoration: none; } #skin { position: none; display:inline; float: right; margin: 0px 80px 0px 0px; padding: 0; list-style-type: none; height: 19px; } #skin li { float: left; height: 19px; } #skin a { display: block; margin: 3px 3px 0 3px; width: 13px; height: 13px; text-decoration: none; } #header .second_line { background-color: #ffffff; overflow: hidden; zoom: 1; width: 1000px; margin: 5px 0 5px 0; padding: 0px !important; } #header .second_line a { float: left; margin: 0 0 0 0; } #header .menu_line { background-image: url('/images/header/menu_line_bg.jpg'); background-repeat: repeat-x; height: 30px; width: 990px; float: left; margin: 0 0 10px 0; } .news_menu { text-align: right; background-image: url(/images/header/news_menu.jpg); background-position: 0px 3px; background-repeat:no-repeat; } .roads_menu { text-align: right; background-image: url(/images/roads/icon.gif); background-position: 0px 3px; background-repeat:no-repeat; } a.news_menu { text-decoration: none; } .abouts_menu { text-align: right; background-image: url(/images/header/abouts_menu.jpg); background-position: 0px 3px; background-repeat:no-repeat; } .w_maps_menu { text-align: right; background-image: url(/images/header/w_maps_menu.jpg); background-position: 0px 3px; background-repeat:no-repeat; } .informers_menu { text-align: right; background-image: url(/images/header/informers_menu.jpg); background-position: 0px 3px; background-repeat:no-repeat; } .catalog_menu { text-align: right; background-image: url(/images/header/catalog_menu.jpg); background-position: 0px 3px; background-repeat:no-repeat; } /***************новый дизайн форм*************/ .mpinput { display: inline; float: none; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid; border: 1px solid; width: 150px; margin: 0 0 1px 0; } #menu form#searchform { display: block; float: right; padding: 0px; margin: 0; width: auto; height: 30px !important; } form#searchform fieldset.fild { padding: 0px !important; margin:0px !important; border: none } form#searchform label.labtext { display: inline; float: left; padding: 0 3px 0 0; margin: 0; margin: 0 !important; } .mpbutton { display: inline; height: 22px; float: none; width: 70px; margin: 5px 6px 0 0; background-color:#D6D6D6; border-color:#CCCCCC #999999 #999999 #CCCCCC; border-style:solid; border-width:1px; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px; } /*************************Меню*************************/ ul.list li { text-align: left !important; line-height: 22px !important; } #menu { background-image: url('/images/header/menu_line_bg.jpg'); background-repeat: repeat-x; line-height: 30px; padding: 0px 0px 0px 0px; } #menu ul { margin: 0px; padding: 0px; list-style: none; } #menu ul li { list-style: none; } #menu ul li a { float: left; display: block; text-decoration: none; font-weight: bold; color: red; } #menu ul.horizontal { height: 30px; float: left; } #menu ul.horizontal li.level1 { float: left; display:inline; height: 30px; margin: 0px 10px 0px 10px; } #menu ul.horizontal li.level1 a { font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; padding: 0 0 0 35px !important; } /******************Р?змененение цветовой схемы***************************/ .menu_hover_1, .menu_hover_2, .menu_hover_3, .menu_hover_4 { overflow: hidden; height: 30px; } .menu_hover_1 { border-left: #ff4a13 solid 5px; border-right: #ff4a13 solid 5px; } .menu_hover_2 { border-left: #66CC99 solid 5px; border-right: #66CC99 solid 5px; } .menu_hover_3 { border-left: #3781BD solid 5px; border-right: #3781BD solid 5px; } .menu_hover_4 { border-left: #5A5C73 solid 5px; border-right: #5A5C73 solid 5px; } div.menu_hover_1 li.level1 a:hover { color: #ff4a13 !important; } div.menu_hover_2 li.level1 a:hover { color: #66CC99 !important; } div.menu_hover_3 li.level1 a:hover { color: #3781BD !important; } div.menu_hover_4 li.level1 a:hover { color: #5A5C73 !important; } /***********************************************************************/ #menu ul.horizontal > li.level1 a { width: auto; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #menu ul li a { float:none; } /* End IE5-Mac hack */ #menu ul.dropdown, #menu ul.flyout { position: absolute; top: 0px; left: 0px; visibility: hidden; width: 150px; border: 1px solid #dfdfdf; background-color: #efefef; } #menu ul.dropdown li.level2, #menu ul.flyout li.level3 { line-height: 30px; zoom: 1; padding: 0px !important; margin: 0px !important; } #menu ul.dropdown li.level2 a, #menu ul.flyout li.level3 a { display: block; font-family: Arial; font-size: 11px; font-weight: normal; color: black; padding: 2px 4px 2px 20px; border-left: 4px solid #efefef; } #menu ul.dropdown li.level2 a:hover, #menu ul.flyout li.level3 a:hover { color: black; font-weight: bold; background-color: #ffffff; } #menu ul.dropdown li.level2 a:hover, #menu ul.flyout li.level3 a:hover { color: black; font-weight: bold; background-color: #ffffff; } div.menu_hover_1 li.level2 a:hover { border-left: 4px solid #ff4a13 !important; } div.menu_hover_2 li.level2 a:hover { border-left: 4px solid #66CC99 !important; } div.menu_hover_3 li.level2 a:hover { border-left: 4px solid #3781BD !important; } div.menu_hover_4 li.level2 a:hover { border-left: 4px solid #5A5C73 !important; } #menu ul li.level2 { text-align: left !important; padding: 0px 0px 0px 0px !important; } .more_det {padding:5px 0;} .psp-branding { background: #010101 url(/images/banners/psp/podlozka_ru.jpg) no-repeat center top; }