body, html {
/*	overflow: hidden; */
	font-size: 0.95em;
	height: 100%;
}
.ui-page {
	-webkit-backface-visibility: hidden;
} 

.main-footer .ui-btn-icon-top .ui-btn-inner .ui-icon {
	background-color: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	width: 30px;
	height: 24px;
	margin-left: -15px;
	
}
.main-footer .ui-btn-text {
	font-weight: normal;
	font-size: 10px;
	text-shadow: none;
}

.main-footer .ui-icon {
	background-image: url("../img/mf-icon.png");
}
.ui-icon-mf-walks {
	background-position-x: -30px;
}
.ui-icon-mf-info {
	background-position-x: -60px;
}
.ui-icon-mf-settings {
	background-position-x: -90px;
}




@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-mf-map {
		background-image: url("../img/mf-icon-map-h.png");
		background-size: 18px 18px;
	}
}

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

#single-content {
	padding: 0;
	overflow: hidden;
}

#detail-header h2, #single-info h2 {
	text-align: center;
	margin: 0.3em 0;
	font-size: 0.8em;
	height: 2.9em;
	display: table;
	border-collapse:collapse;
	width: 100%;
}
#single-header-inner, #single-info-title-inner {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	padding: 0 6em;
}


/* sound */
.play {
	display: block;
	cursor: pointer;
	width: 37px;
	height: 37px;
	background: url(../img/play.png) no-repeat;
	font-size: 0;
	margin: 0 auto;
}
.play.act {
	background-image: url(../img/pause.png);

}
.sound-container {
	background: #FFF;
	padding: 10px 0;
	border-top-color: #CCC;
	min-height: 40px;
	max-height: 900px;
	transition: height .5s linear, min-height .5s linear, max-height .5s linear;
}
.introduction-container {
	background: #FFF;
	padding: 10px 0;
	margin-bottom: 40px;
	border-top-color: #CCC;
	height: 60px;
}

.timecode {
	float:left;
	width: 30px;
	padding-left: 20px;
}
.duration {
	float: right;
	text-align: right;
	width: 30px;
	padding-right: 20px;
}
.time-container {
	display: none;
	color: #000;
	text-shadow: none;
	font-size: 11px;
	font-weight: normal;
	padding-top: 10px;
}
.progress-container {
	margin: 0 60px;
	background: #CCC;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.progress {
	background: #ffa000;
	height: 10px;
	width: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



#gallery-container {
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#gallery {
	-webkit-transition: -webkit-transform 0.3s linear;
	height: 100%;
	visibility: visible;
	display: block;
/*	height: 80%; */
}
.gallery-item {
	float:left;
	overflow: hidden;
	height: 100%;
}
.gallery-image {
	height: 60%;
	width: 100%;
	/* first is image, second is loader */
	background-size: contain, auto;
	background-repeat: no-repeat, no-repeat;
	background-position-x: center, center;
	background-position-y: center; 
	background-color: #000;
}


.gallery-counter {
	margin: 15px auto;
}
.gallery-counter div {
	float:left;
	background-color: #B8B8B8;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.gallery-counter div.act {
	background-color: #3F3F3F;
}

.gallery-text {
	height: 40%;
	margin-bottom: -25px;
	height: 500px;
	overflow: hidden;
	clear:both;
}

.gallery-text p {
	padding: 0 15px 25px 15px;
	line-height: 1.1em;
}

.fullscreen. gallery-item {
	width: 100%;
	height: 100%;
}
.fullscreen .gallery-image {
	height: 100%;
	background-size: cover;
}
.fullscreen .nozoom {
	background-size: contain, auto;
}
.fullscreen .gallery-counter, .fullscreen .gallery-text {
	display:none;
}
#gallery-container.container-fullscreen {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5000;
	position: absolute;
}

#walks h1 {
	text-transform: uppercase;
	font-family: Georgia, Times New roman, Times, serif;
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	padding-top: 0;
	margin-top: 0;
}
#walks p {
	text-align: center;
}
#walks-buttons a {
	height: 75px;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	text-shadow: none;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-size: cover;
}
#walks-buttons #walk-1 {
	background-image: url(../img/walk1.jpg);
}

#walks-buttons #walk-2 {
	background-image: url(../img/walk2.jpg);
}

#walks-buttons #walk-3 {
	background-image: url(../img/walk3.jpg);
}

#walks-buttons a span.content {
    height: 18px;
    padding: 4px;
    color: #FFF;
    display:block;
    float:left;
}
#walks-buttons a span.number {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    width: 18px;
    margin-left: -4px;
    border: 2px solid #FFF;
    text-align: center;
}

.routes-list {
	padding-right: 15px;
}
.routes-list-intro {
	padding-bottom: 2em;
}
.routes-list .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit {
	padding-left: 30px;
}
/*
.routes-list .ui-li, .ui-li.ui-field-contain {
	margin-left: 30px;
}
*/


.tooltip {
	margin-top: 8px;
	padding: 0 50px 0 20px;
	font-size: 14px;
	color: #FFF;
	cursor:pointer;
	display: block;
	width: 202px;
	height: 64px;
	text-shadow: none;
}
.tooltip-container {
    background: url('../img/map_info_small.png') no-repeat;
    opacity: 0.75;
	width: 272px;
	height: 72px;
}



td {
	vertical-align: top;
	padding: 0 10px 5px 0;
}

/* dialog */
.ui-dialog-background {
	opacity: 0.5;
	display: block !important;
	-webkit-transition: opacity 0.5s ease-in;
}

.ui-dialog-background.pop.in {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in;
}

.ui-dialog {
	min-height: 100% !important;
	background: transparent !important;
}
.info-text {
	font-style: italic;
}
#single-info-text h3 {
	padding-bottom: 0;
	margin-bottom: 0;
}


#localize {
	background: url('../img/localize.png') no-repeat;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 10px;
}
#localize.act {
	background-image: url('../img/localize-act.png');
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
	#localize {
		background-size: 30px 30px;
		background-image: url('../img/localize-h.png');
	}
	#localize.act {
		background-image: url('../img/localize-act-h.png');
	}


	#walks-buttons .walk-button {
		background-size: 444px 136px;
		background-image: url(../img/walk-big-1.jpg);		
	}
	#walks-buttons #walk-2 {
		background-image: url(../img/walk-big-2.jpg);		
	}
	#walks-buttons #walk-3 {
		background-image: url(../img/walk-big-3.jpg);		
	}


	.tooltip-container {
    	background-image: url('../img/map_info.png');
    	background-size: 272px 74px;
	}
	.main-footer .ui-icon {
		background-image: url("../img/mf-icon-h.png");
		background-size: 120px 24px;
	}
	.ui-icon-mf-walks {
		background-position-x: -30px;
	}
	.ui-icon-mf-info {
		background-position-x: -60px;
	}
	.ui-icon-mf-settings {
		background-position-x: -90px;
	}
	
	
	#play {
		background-image: url(../img/play_h.png);
		background-size: 37px 37px;
	}
	#play.act {
		background-image: url(../img/pause_h.png);
	}
	
}