/*Distribución*/
#w1		{	width:90%; margin:0.5% auto;							/*border:1px solid red;*/	}
#a1		{	float:left; width:20%; padding:1%;						/*border:1px solid black;*/	}
#a2		{	float:right; width:75%; padding:1%;						/*border:1px solid black;*/	}
#a3		{	float:right; width:75%; padding:1%;						/*border:1px solid black;*/	}
#b1		{	float:right; width:100% padding:1%						/*border:1px solid black;*/	}
#c1		{	float:right; width:100%; padding:1%;					/*border:1px solid brown;*/	}

/*Alineación elementos*/
#a2		{	text-align:center;	}
#a3		{	text-align:center;	}
#c1		{	text-align:center;	}

/*Alturas requeridas por aplicación*/
#a1		{	height:120px;		}
#a2		{	height:10px;		}
#a3		{	height:auto;		}



/*Responsive Design*/
/*@media screen and (max-width:1299px)
{
	#a1		{	height:130px;		}
	#a2		{	height:10px;		}
	#a3		{	height:96px;		}
}*/
/*@media screen and (max-width:1199px)
{
	#a1		{	height:150px;	}
	#a2		{	height:10px;	}
	#a3		{	height:116px;	}
}*/
/*@media screen and (max-width:1099px)
{
	#a1		{	height:180px;	}
	#a2		{	height:10px;	}
	#a3		{	height:156px;	}
}*/
@media screen and (max-width:1100px)
{
	#w1		{	width:95%;	}
	#a1		{	width:97%; text-align:center;	}
	#a2		{	float:right; width:97%;	}
	#a3		{	width:97%;	}
	#b1		{	width:97%; clear:both;	}
	#c1		{	width:97%; clear:both;	}

	/*Alturas requeridas por aplicación*/
	#a1		{	height:auto;	}
	#a2		{	height:auto;	}
	#a3		{	height:auto;	}

}

/*HTML required

<div id="w1">
	<div id='a1'>
	</div>
	<div id="a2">
	</div>
	<div id="a3">
	</div>	
	<div id='b1'>
	</div>
	<div id='c1'>
	</div>
</div>

*/