html{background:#fff; margin:0;padding:0;overflow-x:hidden; position: relative;}
body{/*font-family:tahoma, arial, sans-serif;color:#333; */ font-size:13px;margin:0;padding:0;background:#fff;overflow-x:hidden;color:#102249}
ul, ol, li {padding:0;margin:0;list-style:none}
table{ empty-cells:show; border-collapse:collapse; border-spacing:0px; }
form, input { margin:0;padding:0;font-family:arial, sans-serif; font-size:14px;}
input, select, textarea, a {outline:0 }
a img,:link img,:visited img { border:none; }
h1, h2, h3, h4, h5, p { margin:0; padding:0;}
a {color:#428bca; text-decoration:underline;}
a:hover {color:#2a6496; text-decoration:none;}
dl, dd, dt {line-height: 1.3em;}
.wi{color:#5072BE;text-shadow: 1px 1px 3px rgba(2, 23, 68, 0.4); /*6F7A99*/}



.topbar {width:100%;}
.topbar h1 {font-size:28px;line-height:48px;margin:0 0 10px 0;padding:0;text-align: left;color:#283d6c;font-weight: normal; border-bottom:1px solid #f1f1f1;}
.topbar h1 a{text-decoration: none; color:#283d6c;}
.topbar h1 .wi{color: #283d6c; text-shadow: 1px 1px 3px rgba(2, 23, 68, 0); font-size:26px; margin-top:5px;width:40px;}
.topbar .menulink {width:40px;height:45px;padding-top:13px;}
.topbar .icon-bar {display: block;width:22px;height:3px;background-color: #f5f5f5;margin:0 10px 4px 0px; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
section {position:relative;padding:0px 10px 0;}
.goo{margin:0 auto 10px; position:relative; }
.goo-lg{width:728px;}
#langSw {text-align:right;margin:20px 0 10px;position:relative;z-index:10; float:right;}
#langSw li {display:inline-block;margin:0 0 0 20px;font-weight:bold}
#langSw li i {display:inline-block;width:16px;height:9px;margin:0 5px 0 0;background:url(/images/flags.gif)}
#langSw .ru i {background-position: 0 -18px;}
#langSw .he {font-family:tahoma}
#langSw .he i {background-position:0 -9px}

.dropdown-menu > li > a{color:#2a6496; text-decoration:none; font-size:14px;}
#pageWrap {position:relative;background:#fff;width: 100%;min-height: 100%;}

.navbar-inverse {background-color: #283d6c;border-color: #3F5DA2;margin-bottom:20px}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #ffffff;background-color: #3F5DA2;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #ffffff;background-color: #3F5DA2;}
.navbar-nav a{font-size:16px;}
nav ul li a {display: block;  padding: 10px 20px 12px;text-decoration: none;color: #fff;}

#navigation .navbar-nav{width:100%}
#navigation .navbar-nav li:last-child{float:right}
#navigation .navbar-nav li #system li{float:left}
#navigation .navbar-nav li #system li:first-child{border-right:1px solid #2C497E}
#navigation .navbar-nav li #system li a:hover,#navigation .navbar-nav li #system li a.active{color: #ffffff;background-color: #3F5DA2;}



#pageWrap section{ margin:0;width:770px;overflow:auto; padding:0}
#pageWrap aside{width:160px;float:left;margin-right:20px;}
#pageWrap .banner120{float:right;width:120px; margin-left:20px;}
#pageWrap .wrapCol{float:left;width:630px; position:relative }
#pageWrap .wrapCol .colLeft{float:left; width:54%}
#pageWrap .wrapCol .colRight{float:right; padding-left:10px; width:46%}
#pageWrap .wrapCol .colBeach{width:50%;}
.ii-container{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background: #fafafa; -moz-box-shadow: 0 2px 1px rgba(12,12,12,0.05);-webkit-box-shadow: 0 2px 1px rgba(12,12,12,0.05);box-shadow: 0 2px 1px rgba(12,12,12,0.05);padding: 12px 10px;margin-bottom: 12px}
.goo-sm{margin-bottom:12px; width:320px;display:none;}
.mini-container{padding:5px 10px;margin-bottom:5px;}
.ii-container:hover .miniBlockImg{opacity:1; filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.dl-horizontal dt{font-weight:normal; text-align:left;margin-bottom:5px;width:180px; margin-right:10px; color:#666}
.dl-horizontal dt span{border-bottom: 1px dotted #666; display: inline-block;}
.dl-horizontal dd{margin-left:0; font-size:14px;}
.dl-horizontal{margin-bottom:0px}
#pageWrap .container{max-width:980px;}
.ii-container h4 {margin-bottom:10px; font-size:24px;}
.ii-container h4 small{font-size:12px; float:right; color:#69728D; margin-top:5px;}
.ii-container h4 small i.wi{font-size:16px;color:#69728D; margin-left:10px;margin-right:3px; vertical-align:middle;text-shadow:0px 0px 0px #fff;opacity:0.7; filter: alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.ii-container .blockImg {vertical-align:middle; margin-bottom:10px; text-align:center}
.ii-container .blockImg i.wi-img{margin-right:10px;float:left;font-size:40px;line-height:77px;margin-left: 15px;width:60px;}
.ii-container .blockImg .levelBlockBig{ overflow:hidden;line-height:30px}
.ii-container .blockImg p span.tBig{font-size:54px; line-height:56px}
.ii-container .blockImg p b{display:block; /*font-weight:normal;*/font-size:15px;}
.ii-container .tLevel{margin-top:18px;}
.ii-container .tLevel  span{font-size:34px; line-height:34px;}
.ii-container .tLevel .tMax{margin-right:20px;color:#e11;}
.ii-container .tLevel .tMin{color:#0A3FB4;}
.ii-container .tLevel i.wi-thermometer, .ii-container  .tLevel i.wi-thermometer-exterior{margin-right:5px;font-size:24px;text-shadow:0px 0px 0px #fff;vertical-align: text-bottom;}
.ii-container .tLevel i.wi-thermometer{color:#e11}
.ii-container .tLevel i.wi-thermometer-exterior{color:#0A3FB4}
.ii-container .contentBlock {position:relative}
.ii-container .miniBlockImg {float:left;margin-right:10px; font-size:26px; line-height:1.3em; opacity:0.7; filter: alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.ii-container .contentBlock .miniBlock{position:absolute; top:-11px; right:0px;width:35px;}
.ii-container .miniBlock.tLevel {text-align:right;margin-top:0;}
.ii-container .miniBlock.tLevel  span{font-size:16px;line-height:22px; margin:0}
.ii-container .miniBlock.tLevel i.wi-thermometer, .ii-container  .miniBlock.tLevel i.wi-thermometer-exterior{margin-right:3px;font-size:11px;text-shadow:0px 0px 0px #fff;vertical-align: middle;}
.ii-container .contentTitle{margin-bottom:5px;font-size:16px;}
.ii-container .contentBlock .contentTitle span{display:block}
.ii-container .contentBlock .contentDescript{line-height:16px;}
.ii-container .contentBlock .contentDescript .wi{width:40px;}
.ii-container .contentBlock .contentDescript .text-block{overflow:auto}
.ii-container .contentBlock .contentDescript .text-block .rain{color:#666; font-size:12px}
.ii-container .contentBlock .contentDescript .text-block .rain span{font-size:14px;color:#102249; display:inline-block; margin-left:5px;}
.beach-container .contentTitle span{float:right; font-size:13px;color:#69728D}
.beach-container .contentBlock .miniBlockImg{font-size:36px; width:60px;}
.beach-container .contentBlock .dl-horizontal{overflow:hidden;margin-top:8px}
.beach-container .contentBlock .dl-horizontal dt {width:120px}
.beach-container .contentBlock .dl-horizontal .tBeach{font-size:18px;line-height:15px;}
.container-index .contentBlock .dl-horizontal dt{width: 140px}
.container-index .contentBlock .dl-horizontal .titleCityIndx{font-size:18px; }
.container-index .contentBlock .regionIndx{font-size:13px; position: absolute; right:0px; top:-8px; color:#666;}
.container-index .contentBlock .dl-horizontal .tempIndx{font-size:28px; margin-top:-7px; text-align: right;line-height:26px;}
.container-index .contentBlock .miniBlockImg{line-height:52px;}
.kineret-container{background:#fff; width:50%; box-shadow:none}
.kineret-container .contentBlock .dl-horizontal{overflow:auto}
.kineret-container .contentBlock .dl-horizontal dt{width:120px}
.kineret-container .miniBlockImg{font-size:38px;}
.kineret-container .tKin{font-size:18px;display:block;line-height: 16px;}

.changeCity u{text-decoration:none;border-bottom:1px dotted #ccc;}
.changeCity i{color:#444;font-size:16px;cursor:pointer}
.weatherTitle{font-size:32px; margin-bottom:10px;}
.rememChois{margin-bottom:15px;}
.rememChois .fa-question-circle, .dl-horizontal dd .fa-question-circle{margin-left:5px; font-size:17px; color:#999; cursor:pointer; vertical-align:middle}
.saveCity .fa{margin-right:3px;font-size:14px;}
#israelWeather{float:right;}
#israelWeather li{float:left; white-space:nowrap; margin-left:10px;}
#weatherCity{display:none; background:#fff; z-index:2;position:absolute; padding:10px; border:1px solid #f1f1f1; -moz-box-shadow: 1px 2px 1px rgba(12,12,12,0.2);-webkit-box-shadow: 1px 2px 1px rgba(12,12,12,0.2);box-shadow: 1px 2px 1px rgba(12,12,12,0.2);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;width:100%; top:25px}
#weatherCity .table{margin-bottom:10px; font-size:13px}
#weatherCity .table td{border:none;padding:3px 10px;width:25%}
#weatherCity h5, #weatherCity2 h5{ margin-bottom:5px; font-size:18px; clear:both;}
#weatherCity2 .listIndx{margin-bottom:20px; font-size:14px; overflow:auto;}
#weatherCity2 .listIndx li{border:none;padding:7px 20px 7px 10px;width:33%; float:left;}
#weatherCity2 .listIndx li a{text-decoration: none; border-bottom: 1px dotted #7588af;display: block;line-height:1.5em;}
#weatherCity2 .listIndx li a .tCity{float:right;font-size:18px;color:#283d6c;}
#weatherCity2 .listIndx li a .wi{display:inline-block;text-shadow: none; font-size:15px;width:25px;}

#kineretBath {height:330px;position:relative; margin-bottom:10px;margin-top:25px}
#kineretBath #topLine {width:50%;position:absolute;top:0px;right:0;border-bottom:3px #E90202 solid;z-index:50;text-align:right}
#kineretBath #redLine {width:50%;position:absolute;bottom:99px;right:0;border-bottom:3px #E90202 solid;z-index:50;text-align:right}
#kineretBath #blackLine {width:50%;position:absolute;bottom:1px;right:0;border-bottom:3px black solid;z-index:50;text-align:right}
#kineretBath #blueLine {width:60%;position:absolute;left:0;z-index:50}
#kineretBath #blueLine u{text-decoration:none;}
#kineretBath #blueLine img { vertical-align:middle;margin:0 4px}
#kineretBath .dataLine{float:left;margin-left:70px;font-size:13px;font-weight:bold}
#kineretBath #blueLine .dataLine {float:right;margin-left:0;margin-right:5px;}
#kineretBath #empty {height:100%;background:#FAFCFF;margin-left:50%}
#kineretBath #level {position:absolute;bottom:0;left:0;width:60%;background:#d0e5fa;border-top:3px #0413BD solid}
#kineretBath #description { width:260px;position:absolute;top:0;left:0;text-align:right}
#kineretBath .titleLine{font-size:13px;}


#pageWrap footer{border-top: 2px solid #283d6c; position: relative;  margin-top: 30px; clear:both; padding-top:30px; padding-bottom:20px;}
#pageWrap footer p{margin-bottom:12px;}
#pageWrap footer .col-md-4 ul li{padding-bottom:5px;}
#pageWrap footer .col-md-4 ul li a .fa{margin-right:5px;}
.ii-tltp{cursor:pointer}
.well-sm{clear:both;border-top:1px solid #283d6c;padding-top:15px;margin-top: 15px;}
.list-group-item{text-decoration:none;}
.list-group-item-text {font-size:14px;}
a.list-group-item:first-child .list-group-item-heading{color:#E90202;}
a.list-group-item:nth-child(2) .list-group-item-heading{color:#E90202;}
.mapWrap {position:relative;width:65%;display:inline-block;vertical-align: top;}
.mapWrap .legend {position:absolute;right:0px;bottom:0px;padding:6px 10px;background:rgba(255,255,255, 0.6);z-index: 2;}
.mapWrap .legend li {padding:2px 0;vertical-align:middle}
.mapWrap .legend li div {display:inline-block;width:30px;text-align:center;vertical-align:middle;padding:0 0 2px}
#map {width:100%;height:635px}
.listWrap {width:34%;display:inline-block;vertical-align: top;padding-left: 15px;}
.infoMap{margin-bottom:10px;}
#seilist li {margin:2px 7px 3px 7px;}
#seilist li a {text-decoration:none;border-bottom:1px #428bca dotted}
#seilist li a:hover {border-bottom:0px;}

#graphCityDay, #graphCityWeek {height: 350px; margin-top: 20px;}

#graphCityDay .charDataLabel {color:#444; display: block;margin-left: 3px; font-size: 14px;line-height: 14px;}
#graphCityDay .iconsDayLabel{position:absolute; top:-40px;}
#graphCityDay .wi{text-shadow: none; font-size:24px; color:#666;display:block;}
#graphCityWeek .charDataLabel{color:#444; display: block; position:absolute; top:3px; left:-8px;font-size: 14px}
#graphCityWeek .negDataLabel{top:auto; bottom:2px;left:-14px;}
#graphCityWeek .negDataLabelNull{bottom:-3px; top:auto;}
#graphCityWeek .iconsLabel{position:absolute;top:-30px;left:-11px;}
#graphCityWeek .wi{text-shadow: none; font-size:24px; color:#666;}
.blockTabsGraph{clear:both;}
.blockTabsGraph .nav-tabs > li > a{text-decoration: none; font-size: 14px;}

#myTab.nav-tabs > li{width: 50%}
#myTab.nav-tabs > li > a{padding:5px 15px;}
#myTab.nav-tabs > li.active > a{font-weight: bold;}
#TabContent{overflow: hidden;overflow-x: auto;height: 370px;}
.spacer10 {height:10px;font-size:0px;line-height:0px;clear:both}
.spacer20 {height:20px;font-size:0px;line-height:0px;clear:both}


@media (max-width: 998px){
 #pageWrap section{width:auto;}
 #pageWrap section .wrapCol{width:auto; float: none; overflow: auto}
 #pageWrap .wrapCol .colLeft, #pageWrap .wrapCol .colRight{width:100%; float:none; padding:0}
}


@media (max-width: 930px){
  .kineret-container{position: relative;width:100%;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background: #fafafa; -moz-box-shadow: 0 2px 1px rgba(12,12,12,0.05);-webkit-box-shadow: 0 2px 1px rgba(12,12,12,0.05);box-shadow: 0 2px 1px rgba(12,12,12,0.05);padding: 12px 10px;margin-bottom: 12px}
    #kineretBath .dataLine {float:none;margin-left:0;display: block;}
}

@media (max-width: 870px){
  .mapWrap{width:100%;margin-bottom:15px;}
  .listWrap{width:100%;padding: 0}
  #seilist li{float:left;}
  #weatherCity2 .listIndx li{width:50%;}
}

@media (max-width: 820px){
  .dl-horizontal dt {float: left;}
  #israelWeather li{display:none;}
  #israelWeather #weathCityLink{display:block}
  #kineretBath #blueLine .dataLine{margin:0;}
 #kineretBath #blueLine .changeLine{display: block; margin-top:5px;}
 .weatherTitle{font-size:28px;}

}

@media (max-width: 767px){
.goo-lg{display:none;}
.topbar h1{margin-bottom:0; border-bottom:0px;}
#navigation .navbar-nav{width:auto}
}
@media (max-width: 730px){
  #weatherCity .table tr{display:block;}
  #weatherCity .table tr td{display:inline-block;vertical-align: top;width: 49%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
}

@media (max-width: 700px){
  section .banner120{display:none}
  .weatherTitle{font-size:26px;}
}

@media (max-width: 660px){
  #langSw{float:none; text-align: center; margin:5px 0 0px;}
}

@media (max-width: 600px){
  aside{display:none}
  .goo-sm{display: block;}
  #pageWrap section, #pageWrap section .wrapCol{overflow: visible;}
  .tab-pane{width:600px;}
}


@media (max-width: 410px){
  .topbar h1{font-size:24px}
  #weatherCity2 .listIndx li{width:100%;}
}

@media (max-width: 370px){
  #pageWrap .container{padding-left: 10px; padding-right: 10px;}
}

@media (max-width: 350px){
 .topbar h1{font-size:22px}
 .weatherTitle{font-size:24px;}
 .goo-sm{margin-left:-10px; margin-right:-10px;}

}

@media (min-width: 992px){
  .container {width: 980px;}
}

@media (min-width: 768px){
  .container {width: 100%;}
}

[rel=imperial], [rel=metric] {display:none}
.invisible{visibility:visible !important}