.remo-zoom-in
{
	cursor:	-moz-zoom-in;
}

.remo-box
{
	position:			absolute;
	top:					0;
	left:					0;
	background:		#fff no-repeat center;
	z-index:			41;
}

.remo-loading
{
	background-image:	url(images/spinner.gif);
}

.remo-content
{
	width:	100%;
	height:	100%;
}

.remo-box-focus .remo-content
{
	cursor:	-moz-zoom-out;
}

.remo-box-dragging .remo-content
{
	cursor:	move;
}

.remo-btn-close
{
	position:					absolute;
	left:							-15px;
	top:							-15px;
	width:						35px;
	height:						35px;
	text-decoration:	none;
	border:						0;
	visibility:				hidden;
	cursor:						pointer;
}

.remo-title-wrap
{
	position:				absolute;
	left:						0;
	bottom:					10px;
	overflow:				hidden;
	text-align:			left;
}

.remo-title
{
	position:	relative;
}

.remo-title-bg
{
	position:												absolute;
	width:													100%;
	height:													100%;
	-moz-border-radius-topright: 		10px;
	-moz-border-radius-bottomright: 10px;
	background-color:								#fff;
	z-index:												99;
}

.remo-title-txt
{
	position: 			relative;
	padding:				5px 15px;
	color:					#000;
	z-index:				101;
}

.remo-img
{
	position: 			absolute;
	top: 						0;
	left: 					0;	
	display:				block;
	border:					0;
	width:					100%;
	height:					100%;
}

.remo-bg
{
	position:				absolute;
	width:					33px;
	height:					40px;
}

.remo-bg-n
{
	left:					0;
	top:					-40px;
	width:				100%;
	background:		url(images/remo_bg_n.png) repeat-x;
}

.remo-bg-ne
{
	right:					-33px;
	top:						-40px;
	background:			url(images/remo_bg_ne.png) no-repeat;
}

.remo-bg-e
{
	right:					-33px;
	top:						0;
	height:					100%;
	background:			url(images/remo_bg_e.png) repeat-y;
}

.remo-bg-se
{
	right:					-33px;
	bottom:					-40px;
	background:			url(images/remo_bg_se.png) no-repeat;
}

.remo-bg-s
{
	left:						0;
	bottom:					-40px;
	width:					100%;
	background:			url(images/remo_bg_s.png) repeat-x;
}

.remo-bg-sw
{
	left:					-33px;
	bottom:				-40px;
	background:		url(images/remo_bg_sw.png) no-repeat;
}

.remo-bg-w
{
	left:					-33px;
	top:					0;
	height:				100%;
	background:		url(images/remo_bg_w.png) repeat-y;
}

.remo-bg-nw
{
	left:					-33px;
	top:					-40px;
	background:		url(images/remo_bg_nw.png) no-repeat;
}


/* ----------------- */ 	
/* Internet Explorer */
/* ----------------- */

.remo-boxIE
{
	position:			absolute;
	top:					0;
	left:					0;
	background:		none no-repeat center;
	z-index:			41;
	display:			block;
}

/* boton close */
.remo-btn-closeIE
{
	position:					absolute;
	left:							-15px;
	top:							-15px;
	width:						35px;
	height:						35px;
	text-decoration:	none;
	border:						0;
	visibility:				hidden;
	cursor:						pointer;
}

/* sombra norte */
.remo-bg-nIE
{
	left:					0;
	top:					-40px;
	width:				100%;
  background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += "<div><img src='images/remo_bg_n.png' style='width:100%;height:40px;'></div>"); 		
}

/* sombra noreste */
.remo-bg-neIE
{
	right:					-33px;
	top:						-40px;
  background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += "<div><img src='images/remo_bg_ne.png' style='width:100%;height:40px;'></div>"); 			
}

/* sombra este */
.remo-bg-eIE
{
	right:						-33px;
	top:							0;
	height:						100%;	
	background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += "<img id='sombraRight' src='images/remo_bg_e.png'>"); 					
}

/* sombra sureste */
.remo-bg-seIE
{
	right:					-33px;
	bottom:					-40px;
  background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += "<div><img src='images/remo_bg_se.png' style='width:33px;height:33px;'></div>"); 				
}

/* sombra sur */
.remo-bg-sIE
{
	left:						0;
	bottom:					-40px;
	width:					100%;
  background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += "<div><img src='images/remo_bg_s.png' style='width:100%;height:33px;'></div>"); 			
}

/* sombra suroeste */
.remo-bg-swIE
{
	left:					-33px;
	bottom:				-40px;
  background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += "<div><img src='images/remo_bg_sw.png' style='width:100%;height:33px;'></div>"); 				
}

/* sombra oeste */ 	
.remo-bg-wIE
{
	left:							-33px;
	top:							0;
	height:						100%;
  background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += "<img id='sombraLeft' src='images/remo_bg_w.png'>"); 						
}

/* sombra noroeste */
.remo-bg-nwIE
{
	left:					-33px;
	top:					-40px;
  background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML += "<div><img src='images/remo_bg_nw.png' style='width:100%;height:40px;'></div>"); 					
}

#sombraRight
{
	float:	right;		
	height:	100%;
	width:	33px;
}
		
#sombraLeft
{
	float:	left;	
	height:	100%;
	width:	33px;
}		

/* obligatorio: es que lleva la sombra oeste y este hasta un height de 100% */
#divHeight
{
	position: 	relative;
  background: none;
	height:			100%;		
}