@charset "utf-8";
/* CSS Document */

#mainContainer{
		width:200px;
		margin:0 0;
		text-align:left;
		background-color:#FFF;
	}
	/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		/* padding:2px;	/* Air */
	}
	.smallArticle,.bigArticle{
		float:left;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		text-align:center;
		color:#FFFFFF;
	}
	.smallArticle img,.bigArticle img{
		float:left;
		padding:0px;
	}
	.smallArticle .rightImage,.bigArticle .rightImage{
		float:center;
	}
	.smallArticle{
		/* width:71px;*/
	}
	.bigArticle{
		/* width:142px; */
	}
	.clear{
		clear:both;
	}
	/*-----------*/
	/* END CSS */
	/* CSS Requerido*/
	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:6px;
		position:absolute;
		display:none;
	}
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}		
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
		position:absolute;
		display:none;
		border:1px solid #000;
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */

	}
	/* END CSS */