body
{	margin: 0px; background-color: #dadada;}
.divMain
{	background: url('images/interface/bg_00_00.jpg') repeat-x; min-height: 260px; overflow: hidden;}
.divInter
{	width: 800px; min-height: 250px; overflow: hidden;}
.brg_01
{	background: url('images/interface/brg_00_01.png') no-repeat; width: 10px; height: 112px; float: left;}
.brg_02
{	background: url('images/interface/brg_00_02.png') repeat-x; width: 780px; height: 112px; float: left; overflow: hidden;}
.brg_03
{	background: url('images/interface/brg_00_03.png') no-repeat; width: 10px; height: 112px; float: left;}
.dvLogo
{	background: url('images/interface/logo_00_00.png') no-repeat; width: 70px; height: 90px; margin-top: 10px; float: left;}
.dvTitle
{	background: url('images/interface/tit_00_00.png') no-repeat right; width: 700px; height: 40px;}
.dvMenu
{	width: 700px; height: 16px; color: #ffffff; padding-top: 0px; text-align: right; overflow: hidden;
	font-family: Tahoma; font-size: 10px; font-weight: Normal;border: solid 1px #ccccff;
}
.dvBody
{	 
	background-color: #616161; width: 800px; min-height: 450px;
 	font-family: Arial, Helvetica, Sans-Serif; font-size: 11px;
}
.brg_04
{	background: url('images/interface/brg_00_04.png') no-repeat; width: 10px; height: 42px; float: left;}
.brg_05
{	background: url('images/interface/brg_00_05.png') repeat-x; width: 780px; height: 37px; float: left;
 	font-family: Arial, Gautami, Helvetica, Sans-Serif; font-size: 8pt; padding-top: 5px;
}
.brg_05 span
{	color: #cccccc;}
.brg_05 a
{	color: #ffd970; font-size: 9pt;}
.brg_06
{	background: url('images/interface/brg_00_06.png') no-repeat; width: 10px; height: 42px; float: left;}

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left; text-decoration:none;  outline:none;  letter-spacing:normal; word-spacing:normal;
}
.artmenu, .artmenu ul
{
  margin: 0; padding: 0; border: 0; list-style-type: none; display: block;
}
.artmenu li
{
  margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none;
}
.artmenu li:hover
{
	z-index: 10000; white-space: normal;
}
.artmenu li li
{
	float: none;
}
.artmenu:after, .artmenu ul:after
{
  content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;
}
/* menu structure */

.nav
{
  /*position: relative;*/
  margin: -24px 0px 0px auto;
  width: 540px;
  height: 24px;
  z-index: 1000;
}
.artmenu
{
  padding: 0px 0px 0px 0px;
}
/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}
.artmenu a , .artmenu a span
{
  height: 24px;
  display: block;
}
.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 0px;
  margin-left: 0px;
}
.artmenu a span span
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  color: #D4D4D4;
  padding: 0 17px;
  margin: 0 0px;
  line-height: 24px;
  text-align: center;
  /*background-image: url('images/interface/item-center.png');*/
  background-position: left top;
  background-repeat: repeat-x;
}
.artmenu a:hover span span
{
  color: #F0F0F0;
  background-position: left -24px;
}
.artmenu li:hover a span span
{
  color: #F0F0F0;
  background-position: left -24px;
}
/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
  display: block;
  width: 1px;
  height: 24px;
  background-image: url('images/interface/item-separator.png');
}

/* end MenuSeparator */
.sub_body
{
	width: 790px;
	min-height: 400px;
	padding: 5px;
	overflow: hidden;
}
.sub_body_left
{
	width: 200px;
	min-height: 100px;
	float: left;
	padding: 5px;
}
.sub_body_right
{
	width: 555px;
	min-height: 300px;
	float: right;
	padding: 5px 10px 5px 5px;
	text-align: justify;display: none;
}
.sub_body_right p
{	font-size: 12px; line-height: 19px;}
.sub_body_right p span
{	font-size: 10px; line-height: 19px;}

.sub_body_right_T
{ 
	width: 555px; height: 30px; border-bottom: solid 3px #ffbe0d;
	font-family: Arial, Gautami, Helvetica, Sans-Serif; font-size: 20px;
	font-style: normal; font-weight: lighter; letter-spacing: -1px; color: #ffde85;
}
.sub_body_right table
{	
	width: 270px;border-collapse: collapse;
	font-family: Arial, Gautami, Helvetica, Sans-Serif; font-size: 14px;
	font-style: normal; font-weight: lighter; letter-spacing: 0px;
}
.sub_body_right td
{	height: 20px;}
.sub_body_right li
{ line-height: 18px;}
.sub_body_right_img
{
	text-align: center; margin: 10px 0px 0px 10px; width: 530px; min-height: 360px;
}
.sub_body_right_ani div
{
	text-align: center;
}
.sub_body_right a
{
	cursor: pointer;text-decoration: none;color: #000000;font-size: 12px; line-height: 20px;
}
.sub_body_right a:hover
{
	color: #FFCC00;
}
/* Begin Block*/
.blk_up
{
	background: url(images/interface/block_00_01.png) no-repeat;
	height: 20px;
	width: 200px;
}
.blk_cen
{
	background: url(images/interface/block_00_02.png) repeat-y;
	min-height: 40px; overflow: hidden;
}
.blk_cen img
{	width: 120px; margin-top: 10px;}
.blk_dn
{
	background: url(images/interface/block_00_03.png) no-repeat;
	height: 20px; margin-bottom: 10px;
}
.blk_dn a
{
	color: #ffc246; text-decoration: none; font-family: Arial, Gautami, Helvetica, Sans-Serif;
}
.blk_title
{
	background: url(images/interface/t_icn_00_00.png) no-repeat 10px 0px;
	padding: 6px 0px 2px 10px; text-align: left;
	width: 190px;
}
.blk_title span
{
	margin: 0px 0px 0px 20px;font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;font-weight: bolder;color: #CCCCCC;
}
.blk_body
{
	list-style-image: url(images/interface/b_bull_00_00.png);
	text-align: left;width: 196px;color: #999999;
}
.blk_body li a
{
	 display: block; min-height: 20px; text-decoration: none; width: 135px;
	 padding-left: 10px; font-size: 8pt;font-weight: normal;color: #ffffff;
	 font-family: Arial, Gautami, Helvetica, Sans-Serif; letter-spacing: 1px;
	 text-align: justify;
}
.blk_body li a:hover
{	color: #cccccc; text-decoration: underline;}
/*End Block*/
.gallery_img
{
	padding: 8px;
}
.gallery_img img
{
	float: none;width: 120px;padding: 5px;border: 1px double #CCCCCC;margin: 3px;
} 
/*Begin Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image\gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*End Lightbox*/
.gdvVentas_item td
{
	height: 20px;
	border: solid 1px #cccccc;
	background-color: #F8F8F8;
	font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt;
}
.gdvVentas_alter td
{
	height: 20px;
	border: solid 1px #cccccc;
	background-color: #EDEDED;
	font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt;
}
.gdvVentas th
{
	min-width: 70px;
	height: 25px;
	border-bottom: 2px solid #333333;
	border-right: 1px solid #808080;
	color: #333333;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt;
}
/*============ Reportes =================*/
#divFirstContent
{
	width: 800px; font-family: Tahoma, helvetica, Sans-Serif; font-size: 8pt; padding: 5px;
}
#divFirstContent .divHead td
{
	font-size: 8pt; font-weight: bolder;
}
#divFirstContent .divHead td input[type=text]
{
	font-size: 8pt; height: 16px;
}
#divFirstContent .divHead td select
{
	font-size: 8pt; height: 20px;
}
#divFirstContent .divHead td a
{
	display: block; width: 30; height: 30px; vertical-align: middle;
	background: url('images/interface/cld_00_01.png') no-repeat;
}
#divFirstContent .divAction a
{
	display: block; text-align: center; padding-top: 8px;
	background: url('images/interface/btn_action_00.png') no-repeat;
	width: 90px; height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	font-weight: bolder;
	text-decoration: none;
}