@charset "UTF-8";
body{
background:#f4f3dd;
}

#viewport {
	width: 940px;
	height: 620px;
	cursor: move;
	margin: 20px auto;
	overflow: hidden;
}

#viewport2 {
	width: 940px;
	height: 620px;
	cursor: move;
	margin: 20px auto;
	overflow: hidden;
}

  .item-informacion{
                width:50%;
                float:left;
                vertical-align:top;
            }

.mapwrapper {
    position: relative;
}

.map-control {
    position: absolute;
    top: 30px;
    right: 10px;
    background: url(images/map-control.png) no-repeat;
    height: 63px;
    width: 100px;
}

.map-control a {
    height: 18px;
    width: 18px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
	text-decoration:none;
}

.map-control a:hover {
    background: #535353;
    opacity: .4;
    filter: alpha(opacity=40);
}

.map-control a.left {
    left: 39px;
    top: 22px;
}

.map-control a.right {
    left: 79px;
    top: 22px;
}

.map-control a.up {
    left: 59px;
    top: 2px;
}

.map-control a.down {
    left: 59px;
    top: 42px;
}

.map-control a.zoom {
    left: 2px;
    top: 8px;
    height: 21px;
    width: 21px;
}

.map-control a.back {
    left: 2px;
    top: 31px;
    height: 21px;
    width: 21px;
}