/* ------ map
-----------------------------------------------*/

.mapWrapper {
margin:0 auto;
position:relative;
height: auto !important;
}

#map {
float:left;
clear:both;
width: 600px !important;
height: 380px !important;
overflow: hidden;
background: #75dddd;
}

.point {
position:absolute;
display:none;
padding:10px 15px;
background:transparent;
font-size:18px;
font-weight:bold;
color: #555;

-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
 border-radius: 4px 4px 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */    
/* useful if you don't want a bg color from leaking outside the border: */        
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#text {
 width:500px;
 height: 380px;
 overflow: auto;
}

.mapWrapper img {
float: left;
padding-right: 5px;
padding-top: 2px;
}

.mapWrapper #text ul{
margin-left: 30px;
}

/* console */
.console {
    position: absolute;
    top: 25%;
    left: 50%;

}
.console h1 {
    /*font-size: 60px;
    line-height: 70px;
    letter-spacing: 4px;
    color: #30282a;
	*/
	font-size: 37px;
    line-height: 60px;
    letter-spacing: 4px;
    color: #30282a;

}

.console h1 span {
    color: #fff;

}

.console p{
	color: #555;
	font-size: 18px;
}

.console li {
	list-style-type: none;
	float: left;
	margin-right: 6px;
}
.console li span {
	float: left;
	cursor: pointer;
}

.kartograph{
	background: #75dddd;
}


@media screen and (min-width: 900px) and (max-width: 1440px) {

	.kartograph {
	}

	.console h1 {
	    font-size: 36px;
	    line-height: 55px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px) {

	.kartograph {
	}

	
}

@media screen and (min-width: 800px) and (max-width: 1280px) {
   .kartograph{
		min-height: 0;
	}

	.console h1 {
	    font-size: 30px;
	    line-height: 50px;
	}
 
}