#referencia{
	width: 300px;
	top :30px;
	left:-290px;
	padding-right: 0;
	position:relative;
	z-index: 1;
	text-align: left;
	-webkit-transition:1s;
	-moz-transition:1s;
	-o-transition:1s;
}
#referencia1{
	top :0px;
	left:0px;
	width: 280px;
	height:220px;
	padding: 10px;
	padding-top: 5px;
	background-color: #FFF;
	position:absolute;
	z-index: 2;
	text-align: left;
	font-size: 14px;
	border-top: solid 1px red;
	border-bottom: solid 1px red;
}
#referencia2{
	top :0px;
	right:10px;
	width: 15px;
	height:220px;
	padding: 2;
	background-color: red;
	position:absolute;
	z-index: 2;
	text-align: left;
	color:#FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius: 0px 10px 10px 0px;
}
#referencia:hover {
	left:0px;
	cursor: default;
}
#referencia1 div{
	padding: 2px;
	margin:4px;
	padding-left: 10px;
	border-radius: 10px 10px 10px 10px;

}