.celdita {
	background-color:#C0C0C0;
	margin:3px;
	padding:3px;
	border-radius: 3px;
	float:left;
}
		.cuadrado_10{
			font-family: sans-serif;
			color: white;
			padding: 1em;
		    float:left;
		    width: 24%;
		    margin:2px;
		    background-color: #D3D3D3;
		}
		.cuadrado_100{
		  	font-family: sans-serif;
		  	color: white;
		  	padding: 0.5em;
		    float:left;
		    width: 9%;
		    margin:1px;
		    background-color: #D3D3D3;
		}

		.cuadrado:last-child{
			margin-right:0;
		}
		.cuadrado:before{
		    content:"";
		    display:block;
		    padding-top:100%;
		  	float: left; 
		  	/*Flotando el elemento podemos usar el cuadrado como cualquier otra capa y podremos meter contenido. Pero dejará de ser responsive cuando el contenido sea mayor que su alto*/
		}