body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}


body
{
	
	font-family: Tahoma, Arial, sans-serif;
	font-size:75%;
}
/* Master Page Layout */
#master_header
{
	margin:  -1px auto 0 auto;
	width: 900px;
}

#master_headertop
{
	background: url(images/headertop_img.jpg) no-repeat  left top;
	width: 900px;
}

#master_headerbottom
{
	background: url(images/headerbottom_img.png) no-repeat left top;
}

#master_page
{
	margin: 5px auto 20px auto;
	width: 900px;
 
}

#master_menu
{
	float: left;
	width: 200px;
	padding-right: 10px;
}

.sidebar
{
	width: 100%;
	margin-bottom: 10px;
}

.sidebarheader
{
	height: 24px;
	padding: 10px 0 0 35px;
	background: url(images/sidebar_header.png) no-repeat left top;
	color: #FFF;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebarcontent
{	
	border: 1px solid #0F2543;
	padding: 20px 20px 20px 30px;
	line-height: 1.5em;
	font-weight: normal;
}

#master_sidebarSamples
{	
	padding-top: 72px;
	background: #FFF url(images/samples_bg.gif) no-repeat left top;
}

#master_sidebarWalkthroughs
{
	padding-top: 72px;
	background: #FFF url(images/walkthrough_bg.gif) no-repeat left top;
}

.sidebarcontent a
{
	padding: 2px 5px;
	color: #5377A9;
	text-decoration: none;
}

.sidebarcontent a:hover
{
	background-color: #0F2543;
	color: #FFF;
}

.sidebarcontent a:visited
{
	font-weight: normal;
}

#master_content
{
	float: left;
	width: 690px;
	margin-right: -350px;
	color: #666666;
}

#master_content ul
{
	margin: 0 25px 0 30px;
}

#master_content ul li ul li
{
	list-style-type: disc;
}

#master_contentheader
{
	height: 19px;
	background: url(images/rightcoltop.gif) no-repeat left top;
}

#master_contentplaceholder
{
	padding: 30px 20px 40px 20px;
	border-left: 1px solid #0F2543;
	border-right: 1px solid #0F2543;
	border-bottom: 1px solid #0F2543;
	background-color: #EFEFEF;
	line-height: 1.5em;
}

#master_contentfooter
{
	clear: both;
	padding: 10px 0 5px 10px;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

/* Content Page Layout */

.barraTitulo 
{
	font-weight: bold; 
	font-size: 14px; 
	color: white; 
	background-color: #5d7b9d; 
	height: 19px;
}

.tablaContenido 
{
	border-right: gray 1px solid;
	border-top: gray 1px solid; 
	border-left: gray 1px solid; 
	border-bottom: gray 1px solid;
	background-color: white;
}

.tablaPrincipal {

height: 418px;
min-height: 418px;
}


.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}


.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}


strong {font-weight:bold;}


.Etiqueta
{		
	color:gray;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.0em;
}

pre, code {
	display:block;
	margin:15px 15px 15px 0;
	padding:10px;
	border:1px dashed #CCC;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
}


/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*Confirm Button*/

/* DropShadow */

#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover {text-decoration:none;}


.dropShadowPanel 
{
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}



/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/*Toggle Button*/

/*Setup*/
.walkthrough li {padding-bottom:5px;}

/*Using a sample extender*/

/*Creating a new extender*/
.walkthroughNote {
	padding-left:25px;
	font-style:italic;
}


/* controls styles */
/*****CLASES******/

TABLE.dgdDetalle
{
	font: messagebox;
}


INPUT.inpTextbox
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font: messagebox;
}

INPUT.inpRequerido
{
	background-color: #FFFFC0;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font: messagebox;
}

SELECT.cmbRequerido
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font: messagebox;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #FFFFC0;
}
TEXTAREA.txtRequerido
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font: messagebox;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #FFFFC0;
}

/*Creadas por Gerardo Lopez para mostrar mensaje de error*/
.notice {
	COLOR: #000000; BACKGROUND-COLOR: #ffffdd
}
H1.notice {
	BORDER-RIGHT: #ffd700 0.1em solid; PADDING-RIGHT: 10px; 
BACKGROUND-POSITION: 10px 50%; BORDER-TOP: #ffd700 0.1em solid; 
PADDING-LEFT: 36px; BACKGROUND-IMAGE:url(imagenes/s_notice.png); 
PADDING-BOTTOM: 10px; MARGIN:0.5em 0px; BORDER-LEFT: #ffd700 0.1em solid; 
PADDING-TOP: 10px; BORDER-BOTTOM: #ffd700 0.1em solid; 
BACKGROUND-REPEAT: no-repeat
}
DIV.notice {
	BORDER-RIGHT: #ffd700 0.1em solid; PADDING-RIGHT: 10px; 
BACKGROUND-POSITION: 10px 50%; 
BORDER-TOP: #ffd700 0.1em solid; 
PADDING-LEFT: 36px; BACKGROUND-IMAGE: url(imagenes/s_notice.png); 
PADDING-BOTTOM: 10px; MARGIN: 0.5em 0px; BORDER-LEFT: #ffd700 0.1em solid;
PADDING-TOP: 10px; BORDER-BOTTOM: #ffd700 0.1em solid; BACKGROUND-REPEAT: no-repeat
}
.notice H1 {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 0.2em; 
	BORDER-BOTTOM: #ffd700 0.1em solid; TEXT-ALIGN: left
}
.warning {
	COLOR: #cc0000; BACKGROUND-COLOR: #ffffcc
}
P.warning {
	BORDER-RIGHT: #cc0000 0.1em solid; PADDING-RIGHT: 10px; 
BACKGROUND-POSITION: 10px 50%; BORDER-TOP: #cc0000 0.1em solid; 
PADDING-LEFT: 36px; BACKGROUND-IMAGE: 
url(imagenes/s_warn.png); PADDING-BOTTOM: 10px; MARGIN: 
0.5em 0px; BORDER-LEFT: #cc0000 0.1em solid; PADDING-TOP: 10px; 
BORDER-BOTTOM: #cc0000 0.1em solid; BACKGROUND-REPEAT: no-repeat
}
H1.warning {
	BORDER-RIGHT: #cc0000 0.1em solid; PADDING-RIGHT: 10px; 
BACKGROUND-POSITION: 10px 50%; BORDER-TOP: #cc0000 0.1em solid; 
PADDING-LEFT: 36px; BACKGROUND-IMAGE: url(imagenes/s_warn.png); PADDING-BOTTOM: 10px; MARGIN: 
0.5em 0px; BORDER-LEFT: #cc0000 0.1em solid; PADDING-TOP: 10px; 
BORDER-BOTTOM: #cc0000 0.1em solid; BACKGROUND-REPEAT: no-repeat
}
DIV.warning {
	BORDER-RIGHT: #cc0000 0.1em solid; PADDING-RIGHT: 10px; 
BACKGROUND-POSITION: 10px 50%; BORDER-TOP: #cc0000 0.1em solid; 
PADDING-LEFT: 36px; BACKGROUND-IMAGE: url(imagenes/s_warn.png); PADDING-BOTTOM: 10px; MARGIN: 
0.5em 0px; BORDER-LEFT: #cc0000 0.1em solid; PADDING-TOP: 10px; 
BORDER-BOTTOM: #cc0000 0.1em solid; BACKGROUND-REPEAT: no-repeat
}
.warning H1 {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 0.2em; BORDER-BOTTOM: #cc0000 0.1em 
solid; TEXT-ALIGN: left
}
.error {
	COLOR: #ff0000; BACKGROUND-COLOR: #ffffcc
}
H1.error {
	BORDER-RIGHT: #ff0000 0.1em solid; PADDING-RIGHT: 10px; 
BACKGROUND-POSITION: 10px 50%; BORDER-TOP: #ff0000 0.1em solid; 
PADDING-LEFT: 36px; BACKGROUND-IMAGE: 
url(imagenes/s_error.png); PADDING-BOTTOM: 10px; MARGIN: 
0.5em 0px; BORDER-LEFT: #ff0000 0.1em solid; PADDING-TOP: 10px; 
BORDER-BOTTOM: #ff0000 0.1em solid; BACKGROUND-REPEAT: no-repeat
}
DIV.error {
	BORDER-RIGHT: #ff0000 0.1em solid; PADDING-RIGHT: 10px; 
BACKGROUND-POSITION: 10px 50%; BORDER-TOP: #ff0000 0.1em solid; 
PADDING-LEFT: 36px; BACKGROUND-IMAGE: 
url(imagenes/s_error.png); PADDING-BOTTOM: 10px; MARGIN: 
0.5em 0px; BORDER-LEFT: #ff0000 0.1em solid; PADDING-TOP: 10px; 
BORDER-BOTTOM: #ff0000 0.1em solid; BACKGROUND-REPEAT: no-repeat
}
DIV.error H1 {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 0.2em; BORDER-BOTTOM: #ff0000 0.1em 
solid; TEXT-ALIGN: left
}
.confirmation {
	BACKGROUND-COLOR: #ffffcc
}
.formatos{
	BACKGROUND-COLOR: #ffffff
}
FIELDSET.confirmation {
	BORDER-RIGHT: #ff0000 0.1em solid; BORDER-TOP: #ff0000 0.1em solid; 
BORDER-LEFT: #ff0000 0.1em solid; BORDER-BOTTOM: #ff0000 0.1em solid
}
DIV.confirmation{
	BORDER-RIGHT: #ffd700 0.1em solid; PADDING-RIGHT: 10px; 
BACKGROUND-POSITION: 10px 50%; 
BORDER-TOP: #ffd700 0.1em solid; 
PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0.5em 0px; BORDER-LEFT: #ffd700 0.1em solid;
PADDING-TOP: 10px; BORDER-BOTTOM: #ffd700 0.1em solid; BACKGROUND-REPEAT: no-repeat
}
FIELDSET.confirmation LEGEND {
	BORDER-RIGHT: #ff0000 0.1em solid; PADDING-RIGHT: 0.2em; 
BACKGROUND-POSITION: 5px 50%; PADDING-LEFT: 25px; FONT-WEIGHT: bold; 
BACKGROUND-IMAGE: url(imagenes/s_really.png); 
PADDING-BOTTOM: 0.2em; BORDER-LEFT: #ff0000 0.1em solid; PADDING-TOP: 
0.2em; BACKGROUND-REPEAT: no-repeat
}