*, table * {margin:0; padding:0;} a { text-decoration:underline;} a:link { color:#0079cd;} a:visited { color:#0079cd;} a:hover { color:#f43b40;} html {position: relative; margin: 0; padding:0; background-color:#fff; border:0 none; width:100%; height:100%;} body, table {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; color:#777;} body {position: relative; margin: 0; padding:0; width:100%; min-height:100%; height:auto; min-width:950px;} * html body {height:100%; width:expression(document.documentElement.clientWidth < 951? "950px": "100%");} #top, #bottom {background-color:#efefef; padding:10px 0; min-height:60px;} * html #bottom, * html #top {height:60px;} #banner_left {width:49%; float:left; text-align:right; overflow:hidden;} #banner_right {width:49%; float:right; text-align:left; overflow:hidden;} #banner_bottom_left {width:49%; float:left; text-align:right; overflow:hidden;} #banner_bottom_right {width:49%; float:right; text-align:left; overflow:hidden;} #header {position: relative; width:auto; margin:0 8% 0 4%; padding-right:160px; zoom:1;} #middle { position: relative; margin: 0 8% 0 4%; /* padding-right:160px; */ width:auto; z-index:1;} .clean #middle, .clean #header {padding-right:0; margin:0 4%;} #middle h5 {float:right;} #main, #ad {float:left; position: relative;} #main { width: 100%; text-align:right; } /* здесь - левая колонка */ /*#ad { width:200px; padding-left:20px; margin-right: -100%; padding-top:2.8em; text-align:center;} здесь - правая колонка */ #advertise_block {width:160px; float:right; margin:26px 4% 0 -160px; height:600px;} * html #advertise_block {margin-right:2%;} #advertise_block_big {width:250px; float:right; margin:26px 4% 0 -250px; display:none; height:750px;} * html #advertise_block_big {margin-right:2%;} .adblock_abs {position:absolute; z-index:99;} #ad { width:250px; margin-left:20px; margin-right: -100%; margin-top:-120px; border-bottom:1px solid #B3B3B3} #ad, #ad div { margin-bottom:-20px; overflow:hidden;} #banner {padding:2.2em 0 1.4em 0;} #ad p { font-size:0.8em; color:#aaa;} #ad a { color:#aaa;} #days3 { width:auto; text-align:center; margin-right:-4%; padding:1em 0 3em 0; position:relative;} /* For IE: Для колонок обязателен общий контейнер с явно прописанной шириной 100% и скрытием переполнения */ * html #days3 {width:auto; /*float:left; margin-right:4%; margin-right:expression(160+document.documentElement.clientWidth*0.8)*/} #days3 #today { float:left; width:33.1%;} #days3 #tomorrow { float:left; width:33.1%;} #days3 #thedayaftertomorrow { float:left; width:33.1%;} #footer {margin:0 4%; width:92%; clear:both; font-size:9pt; height:40px; padding-top:16px;} .clean #footer, #empty {height: 50px;padding-top:20px;} .clean #footer {position: absolute; bottom: 0; left: 0; font-size: 8pt;} #empty {position: relative; clear: both;} #isys {float:right; margin-right:4%; } * html #isys {margin-right:2%;} img {border: 0 none;} .curr { background-color:#0079cd; color:#fff; padding:0 0.4em 0.2em 0.4em; font-weight:bold;} p {margin:0.6em 0;} h1 {padding:24px 0 8px 0; font-size: 1em; float:left;} h1 span {font-family: 'trebuchet ms', Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight:normal; background-color:#0079cd; color:#fff; border-bottom:2px solid #0079cd; padding:0 0.3em;} h1 strong {display:none;} h2 {padding:40px 0 60px 0; font-size: 1em;} h2 span {font-family: 'trebuchet ms', Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight:normal; background-color:#0079cd; color:#fff; border-bottom:2px solid #0079cd; padding:0 0.3em;} h3 {font-family: 'trebuchet ms', Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight:normal;} h3, h3 a {color:#0079cd;} h3 a strong {display:none;} #week h3 {font-family: 'trebuchet ms', Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight:normal; padding-top:0.3em;} .holiday, .holiday a:link, .holiday a:visited, .holiday a:hover {color:#f43b40;} .bg_holiday { background-color:#fff3e3;} h4{ font-family: 'trebuchet ms', Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight:normal;} h5 {font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:normal; padding-right:7%;} h5 a, h5 span {font-size: 1em;} h6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight:normal; padding-right:7%; margin-top:1em;} #day h5, #day h6 { padding-right:1%;} #day #ad {padding-top:4.5em;} h5{ padding-right:0%;} #days1 {text-align:center;padding-top:0em; padding-top:1.5em; padding-bottom:3em;} .bl_s td { color:#333; font-size:0.8em; padding: 0 0.3em 0.5em 0.3em;} .gr_s { font-size:0.8em;} /* hints */ .pic_td {text-align:left; height:4em;} .pic_td div {width:22px; padding-left:22px; cursor:default; height:100%; vertical-align:middle;} #hintDiv {position:absolute; z-index:250; left:0; top:0; width:auto; height:auto; min-height:40px; min-width:40px; max-height:200px; max-width:203px; background-color: #efefef; border:1px solid #acacac; display:none; padding:5px 10px; font-size:8pt; color: #5c5c5c;} * html #hintDiv { height:40px; width:203px;} #hintDiv h4 {font-size:9pt; font-weight:bold; text-align:center;} /**********/ .pics td { padding:0.5em 0 0.3em 0} #week #main { float:none; width:auto;} .temp_big {font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight:normal;} .temp_small {font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight:normal;} .warm, .hot {color:#f43b40;} .cool, .cold {color:#0079cd;} .zero {color:#999;} .day { color:#999; font-size:0.8em; margin-top:0.3em; margin-bottom:1.7em;} .underscored td { background:url(/img/des/dotted.gif) 0 100% repeat-x;} .underscored td div {height:1px;} #lang {font-size:0.8em; word-spacing:5px; float:right; padding-top:34px; width:120px; text-align:right;} #lang img {margin:0 5px 0 0;} #lang a:link, #lang a:visited {color:#777;} #lang a:hover {color:#f43b40;} #lang span { background-color:#999; color:#fff; padding:0 0.4em 0.3em 0.4em; font-weight:bold;} #cities a { text-decoration:none; } #cities a:hover { text-decoration:underline;} .gray0, .gray1, .gray2, .gray3 {display:inline;} .gray4 {display:none;} .gray0 a:link, .gray0 a:visited { color:#333; font-size:1.2em;} .gray1 a:link, .gray1 a:visited { color:#777; font-size:1.1em;} .gray2 a:link, .gray2 a:visited { color:#999; font-size:1em;} .gray3 a:link, .gray3 a:visited { color:#bbb; font-size:0.9em;} .gray4 a:link, .gray4 a:visited { color:#ddd; font-size:0.7em;} .gray0 a:hover, .gray1 a:hover, .gray2 a:hover, .gray3 a:hover, .gray4 a:hover {color:#f43b40;} .curr_city, a.curr_city:link, a.curr_city:visited {color:#f43b40 !important;} #linksShowCities {} /* city list */ #city_block {width:auto;} #cities { text-align:left; padding-right:20px; margin-right:204px;} #cityselect { float:right; height:60px; width:202px; margin-left:-202px; text-align:left; position:relative;} .button {margin-left:10px; width:120px; background-image:url(/img/des/bg-button.gif); font-size:9pt; font-weight:bold; border:1px solid #ccc; text-align:center; cursor:default;} .cityContent, .button {color:#777; line-height:19px; margin-top:10px; float:left;} .hidden { display:none;} .wrongCity { background-color: #f2f2f2; border:1px solid #ccc; background-image:url(/img/des/searchpad_lupa.gif); background-repeat:no-repeat; background-position:97% 4px;} .trueCity { background-color:#FFFFFF; border:1px solid #ccc;} .classCurrentItem {color:#404040; font-weight:bold;} .cityContent {width:200px; padding:0; position:relative;} .cityContent input {width:200px; color:#777; border:1px solid #ccc; margin:0px; padding:1px 1px 2px 1px;} * html .cityContent input {padding:1px;} div.cityComboList {color:#606770; border:1px solid #ccc; position:absolute; background-color:#f9f9f9; width:100%;} div.cityComboList ul {margin:0; padding:0; width:100%; list-style-type:none; } div.cityComboList ul li { margin:0; padding:3px; cursor: default; -moz-user-select: none; user-select: none;} div.cityComboList ul li.selected {background-color: #d9d9d9; color:#444;} div.cityComboList ul strong.highlight { color: #800; margin:0; padding:0;} ul.b {margin:0.6em 0 0 0; list-style:none; position: relative} ul.b li {padding:0 0 0.6em 1.1em; background:url(/img/des/wind-8.gif) 0 0 no-repeat;} #vis {height:0; width:0; overflow:hidden; display:none;} #serv #middle {margin-left:40px; margin-top:60px; width:70%; max-width:800px;} #serv #page404 {margin-left:20px; margin-top:0; width:70%; max-width:800px;} * html #serv #middle, * html #serv #page404 {width:expression(document.documentElement.clientWidth > 1142? "800px": "70%");} #serv #page404 div { margin:30px 0; position:relative;} #serv #page404 div h3, #serv #page404 div p { padding-left:50px;} #serv #page404 span {background-color:#999; color:#fff; padding:0 0.4em 0.3em 0.4em; font-weight:bold; font-size:0.8em; position:absolute; top:0.5em; left:0;} #hec_desc { position:absolute; top:66px; right:0; font-size:0.8em; color:#999; width:190px; background-color: #f4f4f4; border:1px solid #e6e6e6; padding:5px 0px 5px 10px; text-align:left;} * html #hec_desc {right:4%;} #hec_desc strong { color:#f43b40;} #week #hec_desc {width:330px;} .clearer {height:1px; padding:1px 0; clear:left;} #tips {margin-right:-1%;} .tip {width:31%; margin:0 0 0 0; background-color:#efefef; padding:8px 8px 10px 8px; vertical-align:top} #tip_head1 {width:68%;} .tips_white {width:2%; background-color:#fff;} #tips h5 {float:none; color:#666; font-size:14pt; padding:0px 0px; margin:0;} #tips p.tip_link {padding:0 0px;} #tip3 img {margin:9px 6px 9px 0;} #bottom_text {padding:12px 4% 0 4%; font-size:6pt; color:#ccc; text-align:justify;} #ad_block_small {width:468px; height:15px;} #isys {font-size:10pt; float:right; width:170px; margin:0px 0 0 0; } * html #isys {margin-right:6px;} #isys p {padding-left:42px; margin:0; color:#b5b5b5;} #isys img {margin-top:-14px; margin-right:6px;} /*---Informer---*/ #inform_right {width:45%; float:right; margin-left:-45%; padding-left:40px;} #inform_right li {float:none; color:#666; font-size:14pt;} #inform_right .cityComboList li {float:none; color:#666; font-size:10pt;} .inform_color {width:52px; height:14px; margin:7px 0; cursor:pointer;} #inform_blue {background-color:#0079cd;} #inform_red {background-color:#ff3333;} #inform_green {background-color:#339933;} #inform_orange {background-color:#f5691a;} #inform_magenta {background-color:#cc33cc;} #inform_right div.curr {padding:0; border:1px solid #fff; outline:1px solid #ccc; margin:6px 0 6px -1px;} * html #inform_right div.curr {border:3px double #ccc; margin:4px 0 4px -3px;} #inform_left {margin-right:50%; position:relative;} #inform_left ol {margin-left:1.5em;} #inform_images {margin-right:-4%; margin-top:10px} .inform_image {width:32%; float:left; min-height:100px; text-align:center;} .inform_imagebl {width:120px; height:140px; margin:0 auto; background-position:50% 50%; background-repeat:no-repeat;} #inform_left textarea {width:99%; position:relative;} * html #inform_left textarea {} #inform_code {width:99%; margin-top:30px; position:relative;} * html #inform_code {} #toptxt {float:left; width:360px; margin-left:10px; border:1px dotted #ccc; padding:6px; font-size:11px;} #bottomtxt {width:760px; margin:0 auto; border:1px dotted #ccc; padding:6px; font-size:11px;}