a:link {
	color: #677a83;
	text-decoration: none;
}
a:visited {
	color: #677a83;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #02A1ED;
	text-decoration: none;
}
* {
	margin:0;
	padding:0;
}
.divmenu iframe {
	top: 0;
	left: 0;
	width: 100%;
	height: 23px;
}
.divmenu {
	max-width: 100%;
	padding-right:9%;
	padding-bottom:8px;
} 

/* for 768px or less */
@media screen and (max-width: 768px) {
	#navlist a { 
		padding:3px 10px; 
		font-size:14px;
	}
	.wrapper {
		width: 95%;
	}
	.wrapper2 {
		width: 95%;
	}
	.azul {
		width: 95%;
	}
	.wrapper3 {
		width: 95%;
	}
	.wrapper2 iframe {
		width: 95%;
	}
	.wrapperAbajo {
		width: 95%;
	}
	#navlist li {
		display:block;
	}
	.wrapper .divmenu iframe {
		height: 160px;
		margin-left: 15%;
	}
	.divmenu {
		height: 170px;
		width: 200px;
	}
	nav {
		float:none;
		padding:5px 0 0 0;
	}

}


/* for 480px or less */
@media screen and (max-width: 480px) {
	nav {
		float:none;
		padding:5px 0 0 0;
	}
	#navlist a {
		padding:7px 2px; 
		font-size:14px;
	}
	.divmenu {
		height: 180px;
	}
	.wrapper .divmenu iframe {
		height: 180px;
		margin-left: 15%;
		width: 200px;
	}
	#navlist li {
		display:block;
	}
}