body {
margin-top:3px;
bgproperties:fixed;
background-color:#4f6365;
	}
	.container {
		width:800px;
		margin:0px auto;
		padding: 8px;
		font-size:1em;
		background:#ffffff;
		-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;border-radius:8px;
	}
	section,aside {
		padding: 8px;
		background:#E8E8E8;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	}
	section {
		float: left;
/* 		float: right;  */
		width: 70%;
	}
	aside {

		float: right;
/* 		float: left;  */
		width: 25%;
	}
	nav {
		overflow: hidden;
	}
	nav ul {
		list-style-type:none;
		float:right;
		padding:0px;
	}
	nav ul li {
		float:left;
		padding:3px 10px;
		margin:2px;
		background:#E8E8E8;
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	}
	footer {
		margin:10px;
		text-align:center;
		clear:both;
	}
		aimagencab2{
			display:inline;
		}
		aimagencab1{
			display:none;
		}
	
	/* para 850px o menos */
	@media screen and (max-width:850px) {
		.container {
			width:98%;
		}
		section {
			width:68%;
		}

	}

	/* para 700px o menos */
	@media screen and (max-width:700px) {
		aside,section {
			float:none;
			width:96%;
		}
		nav, section {
			font-size:1.2em;
		}
		aside {
			margin-top:5px;
		}
		nav ul {
			float:none;
			clear:both;
		}
		aimagencab1{
			display:inline;
		}
		aimagencab2{
			display:none;
		}
	}

	/* para 480px o menos */
	@media screen and (max-width:480px) {
		aside {
			display:none;
		}
		nav, section {
			font-size:1.5em;
		}
		section {
			width:94%;
		}
		nav ul {
			float:left;
			clear:none;
			width:50%;
		}
		nav ul li {
			float:none;
		}
		aimagencab1{
			display:inline;
		}
		aimagencab2{
			display:none;
		}
	}