body{
	font-family:Arial, sans-serif;
	font-size:14px;
	padding:0;
	margin:0;
}

.popover {
	color: black;
	font-weight: normal;
	line-height: 1;
	cursor: auto;
	position: absolute;
	display: none;
	opacity: 0;
	background-color: white;
	border: 2px solid #626464;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: opacity 0.25s linear;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-transition: opacity 0.25s linear;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	transition: opacity 0.25s linear; 
 }
 
	.popover.active {
		opacity: 1; 
	}
	.popover > .triangle {
		position: absolute;
		top: -50px;
		float: left;
		font-size: 0px;
		line-height: 0%;
		width: 0px;
		border-top: 25px solid rgba(0,0,0,0);
		border-left: 25px solid rgba(0,0,0,0);
		border-right: 25px solid rgba(0,0,0,0);
		border-bottom: 25px solid  #626464; 
	}
	.popover > .header {
		font-weight: bold;
		font-size:14px;
		margin: 0;
		padding: 7px 0 0 0;
		height: 25px;
		color: white;
		background-color:#a3c1ba;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(0.2, rgba(255, 255, 255, 0.4)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent) );
		text-align: center; 
	}
	.popover > .content {
		min-width: 300px;
		overflow-x: hidden;
		overflow-y: auto; 
	}
	
	#contentscroll{
		max-height:300px;
		overflow-y:auto;
		width:300px;
		overflow-x:hidden;	
		text-align:center;
	}
	
	#my-button,
	#my-button1,
	#my-button2,
	#my-button3
	{
		font-weight:normal;
		background:url(../images/bg-prod-leg.png) center;
		border-radius:50px;
		padding:2px 5px;
		color:#fff;
		font-size:11px
	}

/***********YLENIA***************/
	#nav-prod-ylenia-a{
		left: 158px;
		position: absolute;
		top: 250px;
		width: auto;
		cursor:pointer
	}
	#nav-prod-ylenia-b{
		left: 124px;
		position: absolute;
		top: 267px;
		width: auto;
		cursor:pointer
	}
	#nav-prod-ylenia-c{
		left: 114px;
		position: absolute;
		top: 290px;
		width: auto;
		cursor:pointer
	}
	#nav-prod-ylenia-d{
		left: 119px;
		position: absolute;
		top: 395px;
		width: auto;
		cursor:pointer
	}

.ylenia-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-ylenia.jpg) center no-repeat
	}
	
/***********ANGEL***************/
.angel-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-angel.jpg) center no-repeat
	}
#nav-prod-angel-a{
		left: 158px;
		position: absolute;
		top: 250px;
		width: auto;
		cursor:pointer
	}
	#nav-prod-angel-b{
		left: 178px;
		position: absolute;
		top: 332px;
		width: auto;
		cursor:pointer
	}

/***********LINA***************/
.lina-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-lina.jpg) center no-repeat
	}
#nav-prod-lina-a{
		left: 158px;
		position: absolute;
		top: 283px;
		width: auto;
		cursor:pointer
	}
	#nav-prod-lina-b{
		left: 196px;
		position: absolute;
		top: 339px;
		width: auto;
		cursor:pointer
	}

/***********ROSA***************/
.rosa-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-rosa.jpg) center no-repeat
	}
#nav-prod-rosa-a{
		left: 158px;
		position: absolute;
		top: 283px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-rosa-c{
		left: 181px;
		position: absolute;
		top: 324px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-rosa-b{
		left: 166px;
		position: absolute;
		top: 366px;
		width: auto;
		cursor:pointer
	}

/***********MARA***************/
.mara-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-mara.jpg) center no-repeat
	}
#nav-prod-mara-a{
		left: 158px;
		position: absolute;
		top: 255px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-mara-b{
		left: 130px;
		position: absolute;
		top: 273px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-mara-c{
		left: 166px;
		position: absolute;
		top: 326px;
		width: auto;
		cursor:pointer
	}

/***********SILVIA***************/
.silvia-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-silvia.jpg) center no-repeat
	}
#nav-prod-silvia-a{
		left: 182px;
		position: absolute;
		top: 250px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-silvia-b{
		left: 130px;
		position: absolute;
		top: 273px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-silvia-c{
		left: 166px;
		position: absolute;
		top: 326px;
		width: auto;
		cursor:pointer
	}

/***********AURORA***************/
.aurora-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-aurora.jpg) center no-repeat
	}
#nav-prod-aurora-a{
		left: 164px;
		position: absolute;
		top: 262px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-aurora-b{
		left: 166px;
		position: absolute;
		top: 326px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-aurora-c{
		left: 146px;
		position: absolute;
		top: 366px;
		width: auto;
		cursor:pointer
	}

/***********ISABELLA***************/
.isabella-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-isabella.jpg) center no-repeat
	}
#nav-prod-isabella-a{
		left: 127px;
		position: absolute;
		top: 243px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-isabella-b{
		left: 166px;
		position: absolute;
		top: 326px;
		width: auto;
		cursor:pointer
	}

/***********SAHARS***************/
.sahars-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-sahars.jpg) center no-repeat
	}
#nav-prod-sahars-a{
		left: 156px;
		position: absolute;
		top: 269px;
		width: auto;
		cursor:pointer
		
	}
	
#nav-prod-sahars-b{
		left: 163px;
		position: absolute;
		top: 376px;
		width: auto;
		cursor:pointer
		
	}

#nav-prod-sahars-c{
		left: 161px;
		position: absolute;
		top: 366px;
		width: auto;
		cursor:pointer
	}

/***********PRINCESSE***************/
.princesse-prod{
	float:left;
	height:684px;
	width:250px;
	background:url(../images/bg-princesse.jpg) center no-repeat
	}
#nav-prod-princesse-a{
		left: 136px;
		position: absolute;
		top: 252px;
		width: auto;
		cursor:pointer
	}
	
#nav-prod-princesse-b{
		left: 156px;
		position: absolute;
		top: 284px;
		width: auto;
		cursor:pointer
	}

#nav-prod-princesse-c{
		left: 161px;
		position: absolute;
		top: 339px;
		width: auto;
		cursor:pointer
	}
	

#nav-prod-princesse-d{
		left: 147px;
		position: absolute;
		top: 400px;
		width: auto;
		cursor:pointer
	}