@charset "utf-8";
/* CSS Document */

body {color:#22262C;font-family: 'PT Sans', sans-serif; overflow:hidden; }
* {margin:0; padding:0;}
a {text-decoration:none; color:#22262C;}
a img {border:none;}
ul {list-style-type:none;}

.wrapper {height:100%;}

.map {/*height:500px;*/ background-color:#339cfa; overflow:hidden;/* width:1000px; margin:0 auto;*/}
.map img { /*max-width: 100%;  height: auto; width: auto\9;*/ /* ie8 */ }

.grid {width:1000px; margin:0 auto;}
.col_1, .col_2, .col_3, .col_4 {float:left; height:60px; position:relative;}
.col_1 {width:86px;}
.col_2 {width:168px; text-align:center; }
.col_2 a { font-weight:700; font-size:21px; line-height:60px;}
.col_3 {width:508px;}
.col_4 {width:231px; text-align:center;}
.clear {float:left; background-image:url(images/clear.gif); width:2px; height:60px; background-repeat:no-repeat;}

.legend {background-image:url(images/l_bg.jpg); height:60px; background-repeat:repeat; position:fixed; width:100%; bottom:0;}

.lines {padding-top:20px; text-align:center; position:relative; overflow:hidden;}
.lines ul {display:inline-block;}
.lines li {float:left; margin-left:26px;}
.lines li:first-child {margin:0;}

.info_wrap {background-image:url(images/deco.gif); background-repeat:no-repeat; background-position: center;}

.line_info { height:46px; line-height:38px; position:absolute; top:-50px; background-image:url(images/deco.png); background-image:url(images/deco.png); background-repeat:no-repeat; background-position:bottom center; display:none;}
.line_info p, .line_info span {float:left;}
.line_info p{background-color:#f9f9f9; padding:0px 15px 0px 15px; font-weight:400; font-size:12px; text-transform:uppercase;}
.line_info span.yellow {background-color:#ffed00; color:#22262C; font-size:16px; font-weight:700;padding:0px 17px 0px 11px;}

.over {background-image:url(images/deco.png); background-repeat:no-repeat; height:138px; width:155px; position:absolute; top:-142px; background-position:42px bottom; display:none;}
.over .info {position:absolute; width:140px; height:95px; font-size:12px; background-color:#ffffff; padding:15px 0px 20px 15px; }
.col_1 .over  strong {display:block; margin-bottom:20px; font-size:16px;}

.col_2 .over {text-align:left; width:195px; background-position:center bottom;}
.col_2 .over .info {width:180px;}

.col_2 span {display:inline-block; margin-right:5px;}
.col_2 p {display:inline-block; text-align:right; width:120px; position:relative; top:-5px;}
.col_2 li {margin-top:8px;}
.col_2 li:first-child {margin-top:0px;}


.window {width:270px; padding:15px; background-color:#FFFFFF; font-size:12px;
  -moz-box-shadow:    2px 2px 10px -1px #8c8c8c;
  -webkit-box-shadow: 2px 2px 10px -1px #8c8c8c;
  box-shadow:         2px 2px 10px -1px #8c8c8c;
  position:absolute; z-index:3000; top:10px;
  display:none;}
 .window strong {margin:10px 0px; display:block; font-size:14px;}
 .window .lines {padding-top:7px; text-align:left;}
 .window .lines li {margin-left:15px;}
 .window .lines li:first-child {margin:0;}
 .window p {margin-bottom:3px;}
 a.close {float:right; margin-bottom:-5px;}
 
 .zoom {padding-top:20px; padding-left:20px; position:relative;}
 .zoom .l, .zoom .r {cursor:pointer; height:20px; display:inline-block;}
 .zoom .m { height:20px; width:130px; display:inline-block; background-repeat:repeat-x; background-image:url(images/zoom_m.png); margin:0 -5px; padding-left:5px; padding-right:5px;}
 #_jq_zoom_slider {margin-left:10px; width:117px; cursor:pointer;}