@charset "utf-8";
/* CSS Document */

html { height:100%; }
*:focus{
	outline:0;
}
body { 
	height:100%; 
	overflow:hidden; 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#FFFFFF; 
	background-color:#000000; 
}
#map2d{
	width:250px; 
	height:250px; 
	right:40px; 
	bottom:20px; 
	z-index:22;  
	border-radius: 50%; 
	border: 4px solid #ffffff; 
	position:absolute;
	
}

/* ==== footer ==== */
img.ri
{
	position: absolute;
	max-width: 80%;
	left: 10%;
	border-radius: 3px;
	z-index:11;
	bottom:0px;
}

img.ri:empty
{
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  img.ri {
      max-width: 90%;
  }
}

@media screen and (orientation: landscape) {
  img.ri {
      max-height: 90%;
  }
}
/* ===================== */
img.footerBack
{
	position: absolute;
	max-width: 100%;
	bottom:0px;
	border-radius: 3px;
	z-index:10;
}
@media screen and (orientation: portrait) {
  img.footerBack {
      max-width: 100%;
  }
}
@media screen and (orientation: landscape) {
  img.footerBack {
      max-height: 100%;
  }
}
/* ===================== */
img.footerExpan
{
	position: absolute;
	max-width: 100%;
	bottom:0px;
	border-radius: 3px;
	z-index:10;
}
@media screen and (orientation: portrait) {
  img.footerExpan {
      max-width: 100%;
  }
}
@media screen and (orientation: landscape) {
  img.footerExpan {
      max-height: 100%;
  }
}
/* ===================== */
.satu
{
	position: absolute;
	max-width: 80%;
	border-radius: 3px;
	z-index:11;
	bottom:60px;
}

.satu:empty
{
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  .satu {
      max-width: 90%;
  }
}

@media screen and (orientation: landscape) {
  .satu {
      max-height: 90%;
  }
}
/* ===================== */
img.backri
{
	position: absolute;
	max-width: 80%;
	border-radius: 3px;
	display:none;
	z-index:9;
	bottom:-90px;
}

img.backri:empty
{
	left: 49.9%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  img.backri {
      max-width: 90%;
  }
}

@media screen and (orientation: landscape) {
  img.backri {
      max-height: 90%;
  }
}
/* ====== */
.zoomout{
	position:absolute;
	z-index:14;
	bottom:-15px;
	right:0px;
	bottom:100px;
	width:35px;
	height:35px;
}

.zoomout:hover{
	cursor:pointer;
}
.zoomin{
	position:absolute;
	z-index:14;
	bottom:150px;
	right:0px;
	width:35px;
	height:35px;
}
.zoomin:hover{
	cursor:pointer;
}


/* === */
.search{
	margin-top:10px;
	margin-left:10px;
	z-index:20;
	position:absolute;
	
}
#searchText{
	border-top-left-radius:10em;
	border-bottom-left-radius:10em;
	border-top-right-radius:10em;
	border-bottom-right-radius:10em;
	height:25px;
	width:110px;
	border: 3px solid #f2f1f1;
	padding-left:20px;
	padding-right:80px;
	font-size:20px;
	
	
}
.buttonSearch{
	border-top-right-radius:10em;
	border-bottom-right-radius:10em;
	background:#4db63d;
	margin-left:-46px;
	height:28px;
}

.buttonSearch:hover{
	cursor:pointer;
}