#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {position:absolute;}
#colorbox, #modalBackgroundOverlay{position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%;}
#modalBackgroundOverlay{position:fixed;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent img, #modalLoadedContent embed{display:block;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
#modalInfoBr{display:none;}

a { text-decoration:none; color:#FF0000;}
a:hover { text-decoration:none; color:#333;}

/*
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#modalBackgroundOverlay{background:#333;}

#colorbox{}
	#modalContent{background:#000;}
		#modalLoadedContent{background:#fff; }
			#contentTitle{position:absolute; top:-17px; left:0; color:#000; font-weight:bold;}
			#contentCurrent{display:none;}
			#contentPrevious{width:29px; height:32px; display:block; text-indent:-9999px; position:absolute; top:-32px; right:60px; background:url(/images/buttons.png) left top no-repeat;}
			#contentPrevious:hover{background-position:left bottom;}
			#contentNext{width:29px; height:32px; display:block; text-indent:-9999px; position:absolute; top:-32px; right:28px; background:url(/images/buttons.png) right top no-repeat;}
			#contentNext:hover{background-position:right bottom;}
		#modalLoadingOverlay{background:url(/images/loading.gif) center center no-repeat #000;}
		#modalClose{position:absolute; top:10px; right:25px; display:block; background:url(/images/buttons.png) -29px 0 no-repeat; width:26px; height:32px; text-indent:-9999px;}
		#modalClose:hover{background-position:-29px -31px; cursor:pointer;}

html {
	overflow-x: hidden;
	overflow-y: auto;
}

body {
	margin: 0;
}

#imagenes {
	height: 550px;
	width: 660px;
}

#imagenes p {
	display: inline;
}

#imagenes #top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	height: auto;
	text-transform: none;
	padding:5px 20px 0px 30px;
	
}

#imagenes #top #producto {
	padding-top: 7px;
	color:#FF0000;
	width: 600px;
	
}

#imagenes #bottom #paginador {
	padding:0px 0px 0px 30px;
	width: 660px;
	text-decoration:none;
}

#imagenes #bottom {
	font-family: Verdana, Arial, Helvetica, sans-serifl;
	font-size: 0.8em;
	text-decoration:none;
	border-bottom:1px #CCCCCC solid;
	padding:0px;
	
}
#imagenes #bottom #info {
	margin-top: 8px;
	
}

#imagenes #bottom #info1 {
	float: left;
	width: 130px;
	font-size: 0.8em;
	margin:0px;
	padding:10px 0px 0px 30px;
}

#imagenes #bottom #info2 {
	float: right;
	width: 480px;
	font-size: 0.8em;
	margin:0px;
	padding:10px 0px 5px 20px;
	line-height:1.4em;
}