@media screen and (min-width: 768px)
{
	body 
		{
			/*No se haga más ancho de 960 y se centre*/
			margin: 0 auto;
			max-width: 960px;
		}
		header nav
		{
			display: inline-block;
			float: right;
			top: 3.5em;
			position: relative;
		}
		.banner
		{
			background: #ffffff;
			display: block;
			height: 450px;
			width: 960px;
		}
		#itemsB
		{
			display: inline-block;
			width: 100%;
		}
		#itemsN
		{
			display: inline-block;
			width: 100%;
		}
		#itemsB .itemB 
		{
			display: inline-block;
			width: 29%;
		}
		#itemsN .itemN 
		{
			display: inline-block;
			width: 29%;
		}
		#itemsB #form_mapita
		{
			display: inline-block;
			width: 49%;
		}
		#itemsB #form_mapita #btn_rojo
		{
			margin-left: 2em;
			float: left;
			width: 30%;
		}
		#itemsB #mapita
		{
			position: relative;
			display: inline-block;
			float: right;
			left: -60px;
			width: 50%;
		}
		#itemsB #datos_mapita
		{
			position: relative;
			margin-top: -150px;
			display: inline-block;
			float: right;
			left: -60px;
			width: 50%;
		}
}
@media screen and (min-width : 480px) and (max-width : 768px)
{
	body 
		{
			/*No se haga más ancho de 480 y se centre*/
			margin: 0 auto;
			/*max-width: 768px;*/
			max-width: 100%;
		}
		header nav
		{
			display: inline-block;
			float: right;
			margin-top: -1.5em;
			position: relative;
			top: -5em;
		}
		.banner
		{
			background: #ffffff;
			display: block;
			height: 350px;
			width: 100%;
			/*width: 768px;*/
		}
		#itemsB
		{
			display: inline-block;
			width: 100%;
		}
		#itemsN
		{
			display: inline-block;
			width: 100%;
		}
		#itemsB .itemB 
		{
			display: inline-block;
			width: 45%;
		}
		#itemsN .itemN 
		{
			display: inline-block;
			width: 45%;
		}
		#itemsB #form_mapita
		{
			display: inline-block;
			width: 50%;
		}
		#itemsB #form_mapita #btn_rojo
		{
			margin-left: 2em;
			float: left;
			width: 30%;
		}
		#itemsB #mapita
		{
			display: inline-block;
			float: right;
			position: relative;
			left: -40px;
			width: 49%;
		}
		#itemsB #mapita #map_canvas
		{
			width: 200px;
		}
		#itemsB #datos_mapita
		{
			margin-top: -130px;
			margin-right: -50px;
			display: inline-block;
			float: right;
			width: 49%;
		}
}