.mapimage {
	background-image: url(./images/scd2.png);
	background-repeat: no-repeat;
	width: 980px;
height:1500px;
	color: #900;
	font-weight: bold;
	font-family: "open Sans Condensed";
position: relative;

}



.close {
background-image:url(./images/closee.png);
	background-repeat: no-repeat;
width:20px;
height:20px;
float:right;
margin-top:-20px;
}




/* -----------------------------MAP------------------------------- */

.1 {
width:300px; 
height:300px;
background: red;
background-repeat: no-repeat;
cursor: pointer;
top:0px;
right:300px;
position:relative

}

.1info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}

.1:hover {
width:280px; 
height:236px;opacity:0.5;
background:red;
	background-repeat: no-repeat;
cursor: pointer;
position: relative;
cursor: pointer;


}


.2 {
width:350px; 
height:200px;
background:blue;
	background-repeat: no-repeat;
cursor: pointer;
top:160px;
left:0px;
position: relative;
cursor: pointer;


}
.2:hover {
width:279px; 
height:210px;opacity:0.5;
background:grey;
	background-repeat: no-repeat;
cursor: pointer;
top:163px;
left:0px;
position: relative;
cursor: pointer;


}
.2info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;;

}


.3 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.3:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.3info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}


.4 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.4:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.4info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}



.5 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.5:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.5info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}



.6 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.6:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.6info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}



.7 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.7:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.7info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}



.8 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.8:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.8info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}



.9 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.9:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.9info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}



.10 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.11:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.11info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}



.12 {
width:300px; 
height:200px;
top:300px;
background-image: none;
	background-repeat: no-repeat;
left:40px;
position:relative;
cursor: pointer;

}

.12:hover {
width:295px; 
height:209px;
top:290px;
background:grey;    opacity: 0.5;

	background-repeat: no-repeat;
left:0px;
position:relative;
cursor: pointer;

}

.12info {
		position: absolute;
	display: none;
	font-weight: normal;
	width: 440px;
height: 380px;
top:200px;
left:250px;
display: none;
	font-weight: normal;
color:black;
padding:10px;
	
	font-style: normal;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

font-family: 'Roboto', sans-serif;
	border: 1px groove #DADADA;

	font-size:13px;
	cursur: pointer;
	display: none;
	font-weight: normal;
background:white;
	position:absolute;
       align:left;
border-radius:5px;
}