body {
/*background-color: white;
margin: 0px 0px 0px 0px;*/
	background-color:   #ffffff;
  	color:              #000000;
   	margin:             0px;
  	padding:            0px;
   	text-align:         left;
  	min-width:          750px;
    /*font-family:        Verdana, Arial, Helvetica, sans-serif;*/
     font-size: 12px;
}

.titulo {
    color:#6585B9;
    font-size:small;
    font-family: Arial;
    font-weight:bold;
    margin-left:10px;
    margin-top:10px;
}

.trclass {
    background-color:#6585B9;
    font-weight:bold;
}

.border{
	height: 30px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-top:#333333;
}

.border:hover {
	background-color:#cccccc;
}

.border:hover {
	background-color:#cccccc;
}

 button { vertical-align:top; font-family:arial;}
button {font-weight:normal; font-size:11.5px; padding:1px 3px 1px 3px; background:rgb(238, 238,238); border:1px solid #d6d6d6; color:#414141; }

/*body, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
th {text-align: left}*/
.bodyLink { color: #885533; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
pre { font-family: 'Lucida Console' 'Courier New' 'Courier' 'monospaced'; font-size: 11px; line-height: 13px; }

.page { padding: 10px; }

.headingLeft { background-color: #663311; color: #ffffff; padding: 5px 0px 5px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; width: 70%; vertical-align: middle; }
.headingLeftSmall { font-size: 10px; }
.headingLeftGray { color: #aa6622; }
.headingRight { background-color: #663311; color: #ffffff; padding: 0px 5px 5px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 30%; vertical-align: bottom; text-align: right; }
.headingLink { color: #ffffff; }
.code { background-color: #f4eeff; padding: 1px 10px 1px 10px; font: 11px 'lucida console', 'courier new', courier, monospaced; overflow: auto; width: 950px; height: 600px;}

.instructions { background-color: #ffeedd; padding: 20px; width: 800px; margin-left: 20px; margin-bottom: 20px; line-height: 20px; height: 300px; overflow: auto;}
.instructions_main { background-color: #ffeedd; padding: 20px; width: 800px; margin-left: 20px; margin-bottom: 20px; line-height: 20px; }
.instruction_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #774422; margin-bottom: 20px;}

.warning { color: #aa0000; }

/*PAGINADOR*/
.paginator_inactive_step { font-weight: bold; color: #AAAAAA; }
.paginator_active_step { font-weight: bold; color: #000000; text-decoration: none; }
.paginator_page { text-decoration: none; color: #000000; padding: 0px 4px 0px 4px; }
.paginator_selected_page { font-weight: bold; background-color: #FFFFFF; padding: 0px 4px 0px 4px; border: 1px; border-style: solid; }

.renamer_item { padding: 2px; cursor: pointer; }
.renamer_item_selected { background-color: lightblue; }

form {
    margin: 0;
    padding: 0;
}

/*CONTENEDORES*/
#container {
    display:            block;
    clear: 				left;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          13px;
/*	color:              #757575;*/
/*    background-color:   #B6D0FC; */
	background-color:   #006699;
    width:              750px;
	margin:             0 auto;
	text-align:         left;
}

#containerImpresion {
    display:            block;
    clear: 				left;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          13px;
/*	color:              #757575;*/
/*    background-color:   #B6D0FC; */
	background-color:   #FFFFFF;
    width:              750px;
	margin:             0 auto;
	text-align:         left;
}

.textbox_panel_left {
    padding:            0px 0px 10px 0px;
    background-color:   #B6D0FC;
    width:              20%;
    height:             510px;
    overflow:           auto;
	margin-left:		5px;
	text-align:         left;
    float:              left;
/*    font-family: 		Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 			1em;
/*    font-weight: 		bold;*/
}
.textbox_panel_right {
    padding:            10px 0px 0px 0px;
    /*border : 1px solid;*/
    background-color:   #FFFFFF;
    width:              100%;
    margin-left:       	0px;
    height:             500px;
    overflow:           auto;
    display:            block;
	text-align:         left;
    float:              left;
/*    font-family: 		Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 			1.1em;
    
    
    color:              #4E4E4E;
/*    font-weight: 		bold;*/
    font-family: Tahoma, Arial, sans-serif;
}        

.textbox_panel_right2 {
    padding:            10px 0px 0px 10px;
    /*border : 1px solid;*/
    background-color:   #FFFFFF;
    width:              100%;
    margin-left:       	0px;
    height:             50px;
    overflow:           auto;
    display:            block;
	text-align:         left;
    float:              left;
/*    font-family: 		Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 			1.1em;
    
    
    color:              #4E4E4E;
/*    font-weight: 		bold;*/
    font-family: Tahoma, Arial, sans-serif;
}        


/*#1A4E85*/

.panel_aditivo {
    padding:            10px 0px 0px 10px;
    /*border : 1px solid;*/
    background-color:   #FFFFFF;
    border-bottom: 0px solid #7BAED9;
    border-top: 2px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    border-left: 2px solid #CCCCCC;
    width:              98%;
    margin-left:       	0px;
    height:             500px;
    overflow:           auto;
    display:            block;
	text-align:         left;
    float:              left;
/*    font-family: 		Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 			1.1em;
    
    
    /**color:              #4E4E4E;*/
/*    font-weight: 		bold;*/
    font-family: Tahoma, Arial, sans-serif;
}        

	.top_nav { font: 13px 'Trebuchet MS' 'Arial' 'Helvetica' 'Sans-Serif'; color: white; }

	.top_nav_selected { font: 13px 'Trebuchet MS' 'Arial' 'Helvetica' 'Sans-Serif'; font-weight: bold; color: gold; }
	.top_member_nav { font: 10px 'Trebuchet MS' 'Verdana' 'Arial' 'Helvetica' 'Sans-Serif'; color: white; }

	.main_navigator { text-align: center; background-color: #113366; padding: 5px; color: #ffcc99; }
	.main_navlink { color: #ffcc99; font-weight: normal; }
	.main_navselected { color: #ffffff; font-weight: bold; text-transform: uppercase; }
	.main_info {font: 12px arial, helvetica, sans-serif; font-style: italic; padding: 10px 100px 10px 100px; background-color: #ddeeff;}

	.selectedStyle {background-color: #83AFFA; color: #FFFFFF }
	/*.treeNav {background-color: #eeeeee; width: 300px; height: 400px; overflow: auto; position: absolute; top: 430px; left: 70px; padding: 10px;}*/
.treeNav {
	padding-top: 10px;
    background-color: #FFFFFF;
    width: 100%;
    height: 500px;
    overflow: auto;
    text-align:left;
    /*margin-left: 2px;*/
}
.treenav_item {cursor: pointer; padding: 2px; font: 10px verdana;}
.treenav_item_selected {background-color: #eeccff;}
.treenav_item_hover {background-color: #ffffcc;}


.QListaMultiple {
    width: 10em;
    background-color: #FFFFFF;
    border-bottom: 1px solid #7BAED9;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

	.codeDisplay {background-color: #eeddff; width: 400px; height: 400px; overflow: auto; position: absolute; top: 430px; left: 400px; padding: 10px;}

	.data_repeater_example {background-color:#eeffdd;padding:10px;width:200px;border-width:1px;border-style:solid;border-color:black;float:left;margin:5px;}
	.tc {width: 200px; height: 100px; border: 1px; border-style: solid; border-color: #ddddff; color: #ddddff; font: 20px arial; font-weight: bold; text-align: center; vertical-align: middle;}

	.panelDefault {width:400px;height:400px;background-color:#efefef;border-width:1px;border-style:solid;float:left;overflow:auto;}
	.panelRight {margin-left: 5px;}
	.projectTitle {font: 24px Georgia, Times New Roman, Serif; font-weight: bold; width: 100%;}

/*TITULOS*/
.titulo_gral {
  /*background-color: #FFFFFF;*/
  /*border-bottom: 1px solid #1A4E85;
  border-right: 1px solid #1A4E85;*/
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px 5px 0px 5px;
  margin-bottom: 0 0 10px 0;
  text-align: center;
  text-shadow: 5px #000000;
  text-decoration: underline
}

.titulo_cortesia {
  font-size: 12px;
  font-weight: bold;
  /*color: #1A4E85;*/
  color:#0D3A7B;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  text-align: left;
}

.titulos {
  font-size: 14px;
  font-weight: bold;
  color: #1A4E85;
  
  padding-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  text-align: left;
  
}

.titulo_seccion {
  font-size: 11px;
  font-weight: bold;
  color: #1A4E85;
}

/*ELEMENTOS FORMULARIOS*/
input, select, option, textarea {
  font-family: Arial;
  /*font-family: Tahoma, Arial, sans-serif;*/
  font-size: 11px;
  font-weight: bold;
}

/*inputs text*/
.textbox {
    width: 250px;
}
/*selects*/
.listbox { width: 10em;}

.button { font:         10px Verdana, Arial, Helvetica, sans-serif;
          font-weight:  bold
}
.button2 { font:         10px Verdana, Arial, Helvetica, sans-serif;
          font-weight:  bold;
		color:#ff0000;
}

/*
.textbox_panel { padding: 10px 0px 10px 0px; width: 300px; height: 400px; background-color: #ddbbdd; }
*/

.popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .7;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("web/img/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}

.error{
	color:#ff0000;
	font-weight:bold;
}

.td_top {
valign:top;
 }
 
 
.td_bold {
valign:top;
font-weight:bold;
}

.gridtable {
    margin-left:10px;
    margin-right:10px;
}

.contenidoTop{
    background-color:#999999;
    font-size:13px;
    font-weight:bold;
    height:25px;
}

.infoGrid{
    font-weight:bold;
}

.gridMenuTop{
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    font-weight:bold;
    color:#ffffff;
    background-color:#666666;
}

.trGrid{
    cursor:pointer;
}

.fieldset{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
}

.label-x {
  display: inline;
  padding: .2em .6em .3em;
  
  font-size: 95%;
  /*
  font-weight: bold;
  */
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}


a.label-x:hover,
a.label-x:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label-x:empty {
  display: none;
}
.btn .label-x {
  position: relative;
  top: -1px;
}
.label-x-default {
  background-color: #777777;
}
.label-x-default[href]:hover,
.label-x-default[href]:focus {
  background-color: #5e5e5e;
}
.label-x-primary {
  background-color: #337ab7;
}
.label-x-primary[href]:hover,
.label-x-primary[href]:focus {
  background-color: #286090;
}
.label-x-success {
  background-color: #5cb85c;
}
.label-x-success[href]:hover,
.label-x-success[href]:focus {
  background-color: #449d44;
}
.label-x-info {
  background-color: #5bc0de;
}
.label-x-info[href]:hover,
.label-x-info[href]:focus {
  background-color: #31b0d5;
}
.label-x-warning {
  background-color: #f0ad4e;
}
.label-x-warning[href]:hover,
.label-x-warning[href]:focus {
  background-color: #ec971f;
}
.label-x-danger {
  background-color: #d9534f;
}
.label-x-danger[href]:hover,
.label-x-danger[href]:focus {
  background-color: #c9302c;
}