@charset "utf-8";
.title,.title:visited{
color:#000
}
#panel{
float:left;
height:300px
}
#map-container{
margin-left:5px
}
#map{
width:100%;
height:500px;
border-bottom:#333333 4px solid
}
.stext{
width:99%;
height:35px
}
 @media screen and (max-width:600px){
#map{
width:100%;
height:180px;
border-bottom:#333333 4px solid;
z-index:1
}
.stext{
width:100%;
height:35px
}
 }
 #markerlist{
height:400px;
margin:10px 5px 0 10px;
overflow:auto
}
.title{
border-bottom:1px solid #e0ecff;
overflow:hidden;
width:100px;
cursor:pointer;
padding:2px 0;
display:block;
text-decoration:none
}
.title:hover{
background:#e0ecff
}
#timetaken{
color:red
}

.info{
font-family:Tahoma,Geneva,sans-serif;
font-size:8px;
margin-right:23px;
font-weight:700;
line-height:25px;
position:absolute;
color:#FFF;
top:50px;
text-shadow:0 0 3px #000
}

.info-body,.infob{
font-size:14px;
width:100px
}

.infob{
margin-right:4px;
color:red
}

.info img{
border:0
}

.info-body{
height:70px;
line-height:100px;
margin:2px 0;
text-align:center;
overflow:hidden
}

.info-img{
width:100px;
height:70px
}