#control_map{                    
	float: left;
	width: 700px;
        margin-top: 20px;
        margin-bottom: 40px;
}
.map{                    
	position: relative;
	right: 90px;
	top:0px;                    
        
}
#content_mapa{
	float:right;
}
.content_list_states{
	float:left;
	color: #d50505;                    
}
.listaEdos{          
	cursor:pointer;
	margin: 11px 0px;
	display: block;
	font-size: 14px;
}
.listaEdos:hover,.listaEdosHover{
	color: #5a5757;
	font-weight: 600;
}
.listaEdosActive{
	color: #950054;
	font-weight: 600;
}

#edo{/*letras del estado*/
	/*position: absolute;top: 120px;left: 560px;*/
        position: relative; top: -440px;left: 265px;
        font-size: 2em;
	color: #950054 ;z-index: 2;
	text-align: center;
	width: 300px;
}
.HID{background-position: 480px 360px;}.NLE{background-position: 720px 240px;}

/* para 700px o menos */
	@media screen and (min-width:700px) {
	.map {max-width: 40%;
		height:auto;
	}
	 
	/* para 480px o menos */
	@media screen and (min-width:480px) {
	.map {max-width: 20%;
		height:auto;	}
	
	@media (min-width: 992px) {
		
		.map {max-width: 70%;
			height:auto;	}
		
		@media (min-width: 1200px) {
			.map {max-width: 100%;	
				height:auto;
			}