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

/************************************
Bot Mapas
*************************************/


#predio1, #predio2, #predio3, #predio4, #predio5, #predio1_rp, #predio2_rp, #predio1_sjc, #g1, #g2, #g3, #g4, #g5, #g6, #g1_rp, #g2_rp, #g1_sjc, #predio1_sjc, #g1_sjc, #g2_sjc  {
	
	width:auto !important; 
	padding:9px 7px 9px 8px !important; 
	font-size:13px;
	height:auto;
	
	text-align:center !important;
	
	}



/*SP*/

#predio1, #predio2, #predio3, #predio4, #predio5 {
	/*position: absolute;
	z-index: 3;*/
}
	
/*Caracteristicas*/

#predio1, #predio2, #predio3, #predio4, #predio5, #predio1_rp, #predio2_rp, #predio1_sjc {
	width: 15px;
	height: 15px;
	padding: 10px;
	position: absolute;
	background: rgba(0, 102, 153, 0.9);
	-webkit-border-radius: 25px 10px 10px 0px;
	border-radius: 20px 10px 10px 0px;
	color: #fff;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	text-align: center;
	border: #fff solid 0px;
	z-index:50;
	text-shadow:none;
}

#g1, #g2, #g3, #g4, #g5, #g6, #g1_rp, #g2_rp, #g1_sjc{
	position: absolute;
	width: 13px;
	height: 13px;
	padding: 6px 13px 11px 5px;
	font-weight:bold;
	
	background: rgba(255, 255, 255, 0.9);
	color: #069;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
	text-align: center;
	border: #fff solid 0px;
	z-index:50;
}


#predio1:hover, #predio2:hover, #predio3:hover, #predio4:hover, #predio5:hover,
#g1:hover, #g2:hover, #g3:hover, #g4:hover, #g5:hover, #g6:hover, #g1_rp:hover, #g2_rp:hover, #g1_sjc:hover {
	background: rgba(49, 49, 49, 0.9);
	color: #fff;
}



/*	@media screen and (max-width: 320px) {*/
@media screen and (orientation:portrait) {
	#mapa_bg_sp {
		background:url(../img/mapa-sp_v.jpg);
		width:320px;
		height:380px;
	}
	#predio1 { left: 160px; top: 267px;}
	#predio2 { left: 15px; top: 250px;}	
	#predio3 { left: 126px; top: 190px;}
	#predio4 { left: 207px; top: 139px;}
	#predio5 { left: 76px; top: 130px;}
	
	#g1{ left: 272px; top: 267px;}
	#g2{ left: 272px; top: 175px;}
	#g3{ left: 22px; top: 197px;}
	#g4{ left: 252px; top: 97px;}
	#g5{ left: 5px; top: 344px;}
	#g6{ left: 130px; top: 364px;}
	
	#mapa_bg_rp {
		background:url(../img/mapa-rp_v.jpg);
		width:320px;
		height:380px;
	}
	#predio1_rp { left: 220px; top: 235px;}
	#predio2_rp { left: 75px; top: 150px;}
	#g1_rp{ left: 132px; top: 247px;}
	#g2_rp{ 
	
	left: 152px; 
	top: 322px;
	
	top: 200px;
	left: 82px; 
	
	}	

	#mapa_bg_sjc {
		background:url(../img/mapa-sjc_v.jpg);
		width:320px;
		height:380px;
	}
	#predio1_sjc { 
	left: 220px; 
	top: 187px;
	}
	#g1_sjc {
	left: 102px; 
	top: 307px;
	top:290px; 
	}
	
	#predio1_sjc, #g1_sjc {
		
		width:auto !important; 
		padding:9px 10px 9px; 
		margin:0; 
		
		font-size:13px;
		
		}
	
	
	
	

}
/*@media screen and (min-width: 321px) and (max-width: 480px) {*/
@media screen and (orientation:landscape) {
	#mapa_bg_sp {
		background:url(../img/mapa-sp_h.jpg);
		background-size:100% 100%;
		width:100%;
		height:358px;
	}
	#predio1 { left: 280px; top: 247px;}
	#predio2 { left: 115px; top: 240px;}	
	#predio3 { left: 266px; top: 180px;}
	#predio4 { left: 357px; top: 139px;}
	#predio5 { left: 210px; top: 130px;}
	
	#g1{ left: 462px; top: 247px;}
	#g2{ left: 432px; top: 175px;}
	#g3{ left: 62px; top: 187px;}
	#g4{ left: 420px; top: 97px;}
	#g5{ left: 45px; top: 344px;}
	#g6{ left: 258px; top: 344px;}
	
	#mapa_bg_rp {
		background:url(../img/mapa-rp_h.jpg);
		background-size:100% 100%;
		width:100%;
		height:358px;
	}
	#predio1_rp {
		left: 370px; 
		top: 218px;
		
		left: 350px; 
		top: 180px;
		
		}
	#predio2_rp { 
		left: 215px; 
		top: 140px;
		
		left: 190px; 
		top: 130px;
	}
	
	#g1_rp{ 
	left: 262px; 
	top: 247px;
	
	left: 232px; 
	top: 227px;
	}
	
	#g2_rp{ 
	left: 292px; 
	top: 300px;
	
	top:190px;
	left: 152px; 
	
	}
	
	#mapa_bg_sjc {
		background:url(../img/mapa-sjc_h.jpg);
		background-size:100% 100%;
		width:100%;
		height:358px;
	}
	#predio1_sjc { left: 350px; top: 177px;}
	#g1_sjc {left: 202px; top: 297px;}
	
}