/* GENERAL ELEMENTS */
html, body {
    height: 100%;
}

body {
    font-family: Arial, helvatica, sans-serif;
    font-size: 14px;
    color: #2b2b2b;
    margin: 0;  
}

/*
select, input, textarea {
    font-size: 99%;
}

input.text, select {
    font-family: Tahoma, Arial, helvatica, sans-serif;
    font-size: 11px;
    color: #2b2b2b;  
}

input.button {
    font: bold 11px Tahoma, Arial, helvatica, sans-serif;
}

optgroup {
    font-style: normal;
    font-weight: bold;
}
option {
    font-style: normal;
    font-weight: normal;
}
*/

/* HEADINGS */
h1, h2, h3, h4, h5 {
    font-family: Cambria, Palatino, Times, serif;
    color: #000;
    margin: 10px 0;
    padding: 0;
}

h1 { font-size: 22px; line-height: 26px; }
h2 { font-size: 18px; line-height: 22px; }
h3 { font-size: 16px; line-height: 19px; }
h4 { font-size: 15px; line-height: 18px; }
h5 { font-size: 14px; line-height: 16px; }

/* PARAGRAPHS */
p {
    margin: 0 0 5px 0;
    padding: 0;
}

ul {
    margin: 10px 0;
    padding: 0 0 0 30px;
    list-style: square;
}

/* LINKS */
a {
    text-decoration: none;
    color: #33b5e5;
}

a:link { }
a:visited { }
a:hover {text-decoration: underline; }
a:active { } 

.clearer {
    clear: both;
    font-size: 0;
    line-height: 0;    
}

#map_canvas {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#map_info {
    position: absolute;
    z-index: 999;
    width: 298px;
    background: url('../img_theme/dot70.png');
    border: 1px solid #333;
}

#map_info {
    top: 5px;
    left: 5px;
    border-radius: 5px;
}

#map_info .inside {
    margin: 12px;
	color: #d5d5d5;
	font-size: 12px;
}

#map_info h1 {
    margin: 0 0 20px 0;
    color: #fff;
}

#map_info #content_window #info_name,
#map_info #map_properties h3,
#map_info #map_legend h3 {
	color: #33b5e5;
	border-bottom: 1px solid #33b5e5;
	font-family: Arial, helvatica, sans-serif;
	font-variant:small-caps;
}

#map_info #content_window img {
    display: block;
	width: 270px;
	margin-bottom: 3px;
    border: 1px solid #000;    
}

#map_info #content_window a:hover img {
    display: block;
	width: 270px;
    border: 1px solid #33b5e5;    
}

#map_info #content_window #info_name {
    font-size: 16px;
    margin: 10px 0 5px 0;    
}

#map_info #content_window #info_desc {
    color: #e5e5e5;
    margin-bottom: 25px;   
}

#map_info #map_properties h3,
#map_info #map_legend h3 {
    font-size: 14px;
    line-height: 16px;
    margin: 7px 0 2px 0;
}

#map_info #map_properties table {
    font-size: 12px;
}

#map_info #map_properties table td {
    vertical-align: top;
}

#map_info #map_legend .legend_window {
    float: left;
    margin: 0;
    width: 96px;
    padding-left: 36px;
    overflow: hidden;
}

#map_info #map_legend .legend_window.bones {
    background: url('../img_theme/bones.png') no-repeat 0 2px;
}

#map_info #map_legend .legend_window.bones-red {
    background: url('../img_theme/bones-red.png') no-repeat 0 2px;
}

#map_info #map_legend .legend_window.monument {
    background: url('../img_theme/monument-m.png') no-repeat 0 2px;
}

#map_info #map_legend .legend_window.poi {
    background: url('../img_theme/poi.png') no-repeat 0 2px;
}

#map_info #map_legend .legend_window .legend_name {
    margin: 0;
    padding: 0;
    color: #e5e5e5;
    font-family: Arial, helvatica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

#map_info #map_legend .legend_window .legend_desc {
    margin: 0;
    padding: 0;
    font-size: 12px;
}


#map_info_mobile {
    position: absolute;
    z-index: 999;
    width: 90%;
    margin: 10px 5%;
    background: url('../img_theme/dot70.png');
    border: 1px solid #333;
    border-radius: 8px;
    min-height: 200px;
	}

#map_info_mobile .inside {
    margin: 12px;
	color: #d5d5d5;
	font-size: 12px;
	}

#map_info_mobile h1 {
    margin: 16px 0 20px 0;
    font-size: 22px;
    color: #fff;
	}

#map_info_mobile h3 {
    border-top: 1px solid #33b5e5;
    padding: 20px 0 0;
    font-family: Arial, helvatica, sans-serif;
	}

#map_info_mobile h3 a {
    color: #fff;
	}

#map_info_mobile h3 a:hover {
    color: #33b5e5;
    text-decoration: none;
	}

#map_info_mobile img.i-close {
	position: absolute;
	cursor: pointer;
	top: 10px;
	right: 10px;
    color: #33b5e5;
    text-decoration: none;
	}

@media (max-width: 22.5000em) {
	#map_info { display: none !important; }
	}

@media (min-width: 22.5001em) {
	#map_info_mobile { display: none !important; }
	}