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

#mapa{
	
	width: 750px;
	height:300px;
	margin: auto;
	display: flex;
	background-image: url(../imagenes/mapa.png);

}

#sector1{
	
	position:relative;
	top:95px;
	left:127px;
	z-index:10;	
}


#sector2{
	
	position:relative;
	top:260px;
	left:10px;
	z-index:10;	
}


#sector3{
	
	position:relative;
	top:255px;
	left:74px;
	z-index:10;	
}


#sector4{
	
	position:relative;
	top:260px;
	left:105px;
	z-index:10;	
}



#sector5{
	
	position:relative;
	top:180px;
	left:150px;
	z-index:10;	
}



#sector6{
	
	position:relative;
	top:115px;
	left:-67px;
	z-index:10;	
}



#sector7{
	
	position:relative;
	top:179px;
	left:170px;
	z-index:10;	
}



#sector8{
	
	position:relative;
	top:100px;
	left:178px;
	z-index:10;	
}


#sector9{
	
	position:relative;
	top:77px;
	left:225px;
	z-index:10;	
}


#sector10{
	
	position:relative;
	top:63px;
	left:250px;
	z-index:10;	
}



#sector11{
	
	position:relative;
	top:37px;
	left:410px;
	z-index:10;	
}


#sector12{
	
	position:relative;
	top:62px;
	left:472px;
	z-index:10;	
}


#sector13{
	
	position:relative;
	top:146px;
	left:452px;
	z-index:10;	
}


#sector14{
	
	position:relative;
	top:105px;
	left:270px;
	z-index:10;	
}


#sector15{
	
	position:relative;
	top:180px;
	left:404px;
	z-index:10;	
}



#sector16{
	
	position:relative;
	top:205px;
	left:339px;
	z-index:10;	
}


#sector17{
	
	position:relative;
	top:205px;
	left:233px;
	z-index:10;	
}



#sector18{
	
	position:relative;
	top:205px;
	left:117px;
	z-index:10;	
}



#sector19{
	
	position:relative;
	top:248px;
	left:106px;
	z-index:10;	
}


#sector20{
	
	position:relative;
	top:248px;
	left:176px;
	z-index:10;	
}



#sector21{
	
	position:relative;
	top:248px;
	left:246px;
	z-index:10;	
}






.sector{
    width: 20px;
	height:20px;
	display:block;
	
}


.sector1{
    width: 20px;
	height:20px;
	display:block;
	
}



.sector h2 a{

	color:#CC9933;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	text-align:center;
	font-size: 8px;
	cursor: pointer;
	transition: all 0.5s;
	text-decoration:none;
	background:#ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border: 1px solid #CC9933;
}

.sector h2 a:hover{
	color:#ffffff;
	background:#CC9933;
}



.sector1 h2 a{

	color:#CC9933;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	text-align:center;
	font-size: 8px;
	cursor: pointer;
	transition: all 0.5s;
	text-decoration:none;
	background:#ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #CC9933;
}

.sector1 h2 a:hover{
	color:#ffffff;
	background:#CC9933;
}


@media (max-width:780px) {



.mapaf{
	display:none;


}


}