

/* CSS Document */
*{-moz-box-sizing: border-box;box-sizing: border-box}

body
{
  width: 100%;
  font-size: 16px;
  color: #080C40;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
}


HR { height: 1px; color: #080C40; }

.bulletBack
{
  padding-left: 10px;
}

.bulletBack a
{
  text-decoration: none;
  color: #080C40;
}

.bulletBack a:hover
{
  text-decoration: underline;
  color: #000;
}

.bordenegro { BORDER: 1px solid #000000; }
.dashnegro  { BORDER: 1px dashed #000000; }

.dashazul  { BORDER: none; BORDER-BOTTOM: 1px solid #080C40; BORDER-TOP: 1px solid #080C40; PADDING-BOTTOM: 10px; COLOR:#080C40; }
.fillazul  { BORDER: 1px solid #000080; BACKGROUND-COLOR: #0000BB; COLOR: #EEEEEE; }

.titazul   {  
  font-size: 16px; 
  BORDER: 1px solid #080C40;
  BACKGROUND-COLOR: #080C40;
  COLOR: #FFF;
  width: 100%;
  padding: 0px;
}
.bordeazul {
  BORDER: 1px solid #080C40; 
  font-size: 16px;
}
	


.bordeazul td select
{ 
  font-size: 16px;
}

.bordegris
{
  border-bottom: none;
  /* padding-top: 33px; */
}

.dashgris 
{
  padding: 20px;
  border-bottom: 1px dotted #080C40;
  border-top: 1px dotted #080C40;
  font-size: 14px ! important; 
}



.fillgris   { BORDER: 1px solid #CCCCCC; BACKGROUND-COLOR: #FFFFFF; text-align: left; border-radius: 5px; opacity: 1; padding-left: 1%; font-size: 16px; width: auto; line-height: 20pt; margin-top: -2px; }
.fillgris b { font-weight: 800; width: 100%; border-bottom: none; border-top: none;  text-align: center; }
.fillgris a { font-size: 12pt;}
.fillgris a:hover { text-decoration: underline; }
.titgris    { BORDER: 1px solid #CCCCCC; BACKGROUND-COLOR: #EEEEEE; padding: 2px; width: 100%; }

/**************  Tabs de generales  **************************/


.tabClose {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #080C40;
  background-origin: padding-box;
  
  cursor: pointer;
  
  border-bottom-color: #080C40;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #080C40;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #080C40;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #080C40;
  border-top-style: solid;
  border-top-width: 1px;
  color: #FFFFFF;
  /*display: list-item;*/
  font-family: 'Poligon';
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 27px;
  line-height: 13pt;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  text-align: -webkit-auto;
  width: 70px;
  text-align: center;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.tabOpen {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #FDBE28;
  background-origin: padding-box;
  
  cursor: pointer;
  
  border-bottom-color: #FDBE28;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #FDBE28;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #FDBE28;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #FDBE28;
  border-top-style: solid;
  border-top-width: 1px;
  color: #080C40;
  /*display: list-item;*/
  font-family: 'Poligon';
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 27px;
  line-height: 13pt;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  text-align: -webkit-auto;
  width: 70px;
  text-align: center;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.tabC {
  border-bottom-color: #080C40;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #080C40;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #080C40;
  border-right-style: solid;
  border-right-width: 1px;
  border-top: 0px;
  font-family: 'Poligon';
}


.tabC td { padding:2px!important; }


.tabFill  {
  border: none;
  border-bottom: 1px solid #080C40;
  padding: 0px;
}


.hidden  { display: none; }
.visible { display: block; }

DIV.hiddendiv  { display: none; }
DIV.visiblediv { display: block; }

.pagetable
{ 
  text-align: left;
  font-size: 16px;
  margin-top: 0px; 
  margin-left: auto;
  margin-right: auto;
}


.pagetable#pageBlockerTxt div
{
  background-color: #FDBE28;
}


.pagetitlecell
{
  font-family: 'Poligon';
  font-weight: Bold;
  padding-left: 20px;
}

/* ========== HEADER ========== */
.headTitle
{
  FONT-SIZE: 24px;
  font-family: 'Poligon';

  color: #080C40;

}

.sectionTitle
{
  FONT-SIZE: 20px;
  COLOR: #080C40;
  font-family: 'Poligon';
}

.smallTitle
{
  FONT-SIZE: 16px;
  COLOR: #080C40;
  font-family: 'Poligon';
}

/* ========== TEXTOS ========== */
.titleText { text-align: center; color : #FFF; background-color: #404F64;  FONT-SIZE: 10pt; font-family: 'Poligon'; padding: 5px 10px; }
.tit1 { FONT-SIZE: 13pt; font-family: 'Poligon'; }
.tit2dark { FONT-SIZE: 11pt; TEXT-ALIGN: center; COLOR: #080C40; BACKGROUND-COLOR: #FFFFFF; font-family: 'Poligon'; PADDING: 5px 10px;}

.tit2 
{
  FONT-SIZE: 16pt;
  TEXT-ALIGN: center;
  COLOR: #080C40;
  BACKGROUND-COLOR: #d3d6ed;
  font-family: 'Poligon';
  PADDING: 5px 10px;

  font-weight: Bold;

}

.tit3 { FONT-SIZE: 12pt; font-family: 'Poligon'; FONT-WEIGHT: bold; }
.sortable { FONT-SIZE: 16px; }
.tjustify { text-align: justify; }
.tsmalljustify { text-align: justify; FONT-SIZE: 12px; padding: 10px; }


.encabezadoSeleccion
{
  /*padding-left:250pt;*/
  font-family: 'Poligon';
  font-weight: Bold;  
}


.tsmall { FONT-SIZE: 16px; text-align: justify;}
.tsmall B { FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; }
.tsmallCell { background-color: #080C40;}
.tsmallCell td a { color: #FFF;}

.tsmallimportant { font-size: 10pt ! important; }



.alerta
{
  margin: 2% !important;
  padding: 2% 2% 2% 10% !important;
  text-align: center;
  width: auto !important;
  border-color:#ffbf00;
  border: 1px solid #ffbf00;
  background: #ffffc6 url(./khorImg/icon_atencion.svg) 3% center no-repeat ;
  background-size:5%;
  color: #080C40;
  font-size: 16px;
}

#alertaDown
{
  margin-top: 10% !important;
  text-align: center;
  width: auto !important;
  border-color:#ffbf00;
  border: 1px solid #ffbf00;
  background: #ffffc6 url(./khorImg/icon_atencion.svg) 3% center no-repeat ;
  background-size:5%;
  color: #080C40 !important;
  font-size: 16px;
}



.loading
{
  border: 1px solid #FFE6BF;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  text-align: justify;
  color: #CE6D12;
  background-color: #FEEFB3;
  padding: 10px 40px;
}

.requerid
{
	color: #FF0000;
	font-weight: 800;
	margin: 0 10px;
}

.sp5 { FONT-SIZE: 5px; }

.tooltip
{
  BORDER: 1px solid #000000;
  BACKGROUND-COLOR: #FFFFCC;
  padding: 1px;
  FONT-FAMILY:  'Poligon', Arial, Helvetica, Sans-Serif;
  FONT-SIZE: 7pt;
  COLOR: #000000;
}

.blocked
{
  color: #FF0000;
}

/* ========== TABLAS ========== */

TABLE
{
  FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif;
  FONT-WEIGHT: normal;
  FONT-SIZE: 16px;
}

.table a
{
	text-decoration: none;
	font-size : 13px;
	COLOR: ;
}

.table a:hover
{
	border: none;
	padding: 2px 0px;
	font-size : 13px;
	color: #080C40;
}

.table ul
{
  margin-left: 0px;
  padding-left: 20px;
}

.table ul li 
{ 
	list-style: disc !important;
  color: #080C40 !important;
  font-size: 16pt; 
	line-height: 26px;
}



.table ul li a
{
  color: #080C40 !important;
  font-size: 16px;
}

.table ul li a: visited
{
  color: #080C40 !important;
  font-size: 16px;
}


th {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background: '#d3d6ed'; /* IE 6 */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d6ed', endColorstr='#d3d6ed',GradientType=0 ); /* IE7,IE8,IE9 */background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(211, 214, 237)), to(rgb(211, 214, 237))); /* Chrome, Safari */background-image: -ms-linear-gradient(top, #d3d6ed 0%, #d3d6ed 100%); /* IE10 */background-image: -moz-linear-gradient(top, #d3d6ed 0%, #d3d6ed 100%); /* Firefox */
  zoom:1;
  background-origin: padding-box;
  border-bottom-color: #080C40;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #080C40;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #080C40;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #080C40;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  color: #080C40;
  font-style: normal;
  font-variant: normal;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  
  font-family: 'Poligon';
  
  font-weight: bold;
  
}

.customFooterCell{ /* Footer personalizado para las tablas construidas con dhtmlx */
  background-image:url('./dhtmlx/imgs/sky_blue_grid.gif');
  border-color:#FDFDFD #A4BED4 #A4BED4 #FDFDFD;
  border-width:1px;
  border-style:solid;
  float:left;
  height:25px;
  color:black;
  line-height:1.9em;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-size:11px;
}

/* ========== LIGAS ========== */

A:active  { COLOR: #080C40; TEXT-DECORATION: none; }
A:visited { COLOR: #080C40; TEXT-DECORATION: none; }
A:link    { COLOR: #080C40; TEXT-DECORATION: none; }
A:hover   { COLOR: #FDBE28; TEXT-DECORATION: none; }

.wikiNew:link    { COLOR: #CC0000; TEXT-DECORATION: underline; !important; }
.wikiNew:active  { COLOR: #080C40; TEXT-DECORATION: underline; }
.wikiNew:visited { COLOR: #CC0000; TEXT-DECORATION: underline; }
.wikiNew:hover   { COLOR: #080C40; TEXT-DECORATION: underline; }

.celdaTit a { color: #FFFFFF; text-decoration: underline; }
.celdaTit a:hover { color: #FDBE28;  }
.celdaTit a:visited { color: #FFFFFF;  }
.celdaTit td a { color: #FFFFFF; /*text-decoration: underline;*/ }
.celdaTit td a:hover { color: #FDBE28;  }


.celdaTit {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background: '#d3d6ed'; /* IE 6 */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d6ed', endColorstr='#d3d6ed',GradientType=0 ); /* IE7,IE8,IE9 */background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(211, 214, 237)), to(rgb(211, 214, 237))); /* Chrome, Safari */background-image: -ms-linear-gradient(top, #d3d6ed 0%, #d3d6ed 100%); /* IE10 */background-image: -moz-linear-gradient(top, #d3d6ed 0%, #d3d6ed 100%); /* Firefox */
  zoom:1;
  background-origin: padding-box;
  border-bottom-color: #080C40;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #080C40;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #080C40;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #080C40;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-style: solid;
  border-top-width: 1px;
  color: #080C40;
  font-style: normal;
  font-variant: normal;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  
  font-family: 'Poligon';
  
  font-weight: bold;
  font-size: 16px;
  height:auto !important;
  
}

.celdaDark {
  background-color: #FFFFFF;
  line-height: 19px;
  vertical-align: middle;
  color: #080C40;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-size: 16px;
  
  align: center;
  
}

.celdaLight {
  background-color: #FFFFFF;
  line-height: 19px;
  vertical-align: middle;
  color: #080C40;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-size: 16px;
}


/* ========== LISTAS ========== */

UL { font-family: 'Poligon', Arial, Helvetica, Sans-Serif; }
LI.bullet1 { margin-left:  5px; list-style: outside url(./khorImg/arrow.gif); }

/* ========== FORMAS ========== */

FORM.plana { margin:0px; width: 100%;}

INPUT.white         {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF !important; border: 1px solid #080C40; }
INPUT.whiteblurbtn  {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FDBE28 !important; border: 1px solid #FDBE28; color:#080C40; width: auto; border-radius: 5px !important; }
INPUT.whiteoverbtn  {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #F3F3F3 !important; border: 1px solid #FDBE28 !important; color:#080C40; cursor: pointer; width: auto; text-align: center;	border-radius: 5px !important; }
INPUT.whitefocusbtn {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #080C40 !important; border: 1px solid #FDBE28 !important; color:#F3F3F3 !important; width: auto; text-align:center;	cursor: pointer; border-radius: 5px !important; }

OPTION {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 10pt;}


SELECT.white  
{
  border-radius: 20px !important;
  padding-left: 1% !important;
  font-size: 16pt !important;
  color: #080C40 !important; 
}

SELECT.whiteblur
{
  width: auto !important;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  background-color: #F3F3F3; 
  border: 1px solid #080C40;
  border-radius: 5px !important;
  font-size: 14px !important;
  color: #080C40 ;
}

SELECT.whiteover
{  
  width: auto !important;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  background-color: #F3F3F3; 
  border: 1px solid #080C40;
  border-radius: 5px !important;
  font-size: 14px !important;
  color: #080C40 ;
}

SELECT.whitefocus 
{ 
  width: auto !important;
  font-family:  'Poligon', Arial, Helvetica, Sans-Serif;
  background-color: #F3F3F3; 
  border: 1px solid #080C40;
  border-radius: 5px !important;
  font-size: 14px !important;
  color: #080C40 ;
}

select {
  border-radius: 25px !important;
  font-size: 16px;
}

select#filtroSucursal {
  border-radius: 4px !important;
}

select#filtroPuesto {
  border-radius: 4px !important;
}

INPUT[type=button] {
  text-align:center;	
  color: #080C40;
  border: 1px solid #080C40;
  background-color: #080C40;
  width: auto !important;
  cursor: pointer;
  border-radius: 5px !important;
  font-size: 16px;
}


INPUT[type=submit] {margin:1px;}

INPUT.whitebtn
{ 	
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  text-align:center;	
  color: #080C40;
  border: 1px solid #FDBE28;
  background-color: #FDBE28;
  cursor: pointer;
  font-size: 16px;
  width: auto !important;
  border-radius: 5px !important;
}


input {
  border-radius: 5px !important;
  font-size: 12px;
}


.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url("images/btn2.png"); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.main { background: #FDBE28; color: #080C40; font-family: 'Poligon', Arial, Helvetica, Sans-Serif; }
.btn.blue { background: #2ae; font-family: 'Poligon', Arial, Helvetica, Sans-Serif; }
.btn.green { background: #9d4; font-family: 'Poligon', Arial, Helvetica, Sans-Serif; }
.btn.pink { background: #e1a; font-family: 'Poligon', Arial, Helvetica, Sans-Serif; }
.btn.red { background: #a00; font-family: 'Poligon', Arial, Helvetica, Sans-Serif; }
.btn:hover { background-color: #F3F3F3; }
.btn:active { background-color: #444; font-family: 'Poligon', Arial, Helvetica, Sans-Serif; }
.btn[class] {  background-image: url("styles/images/shade.png"); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

TEXTAREA.white      {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF; border: 1px solid #080C40; }
TEXTAREA.whiteblur  {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #F3F3F3; border: 1px solid #080C40; border-radius: 5px !important; color: #080C40; }
TEXTAREA.whiteover  {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #F3F3F3; border: 1px solid #080C40; color: #080C40; border-radius: 5px !important; }
TEXTAREA.whitefocus {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #F3F3F3; border: 1px solid #080C40; border-radius: 5px !important; color: #080C40; }

.tablaimp {  display: none ; }

/* ========== INTERPRETACIONES ========== */

.khorInt_Titulo1
{
  FONT-FAMILY: 'Poligon';
  FONT-SIZE: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.khorInt_Titulo2
{
  FONT-FAMILY: 'Poligon';
  FONT-SIZE: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.khorInt_Normal
{
  margin-top: 0px;
  padding-top: 0px;
  FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif;
  FONT-SIZE: 10pt;
  text-align: justify;
}

/* ========== RESULTADOS DE LAS PRUEBAS ========== */

#khorRes
{
  border-collapse:collapse;
}

#khorRes tr#khorResTR
{
  text-align: center;
  font-weight: bold;
  padding: 1px;
}

#khorRes td#khorResTD
{
  text-align: left;
  font-weight: bold;
}

#khorRes td#khorRes30
{
  width: 30px;
}

#khorRes td
{
  BORDER: 1px solid #AAAAAA;
	text-align	: center;
	margin-top	: 2px;
	padding     : 1px; 
  font-size   : 16px; 
}

/**************  Tabs de exportacion  **************************/

.vtabOpen  { border: 1px solid #000000; border-right: none; cursor: pointer; cursor:hand; color: #000; background-color: #FFFFFF; }
.vtabClose { border: 1px solid #000000; cursor: pointer; cursor:hand; color: #FFF; background-color: #080C40;}
.vtabFill  { border: none; border-right: #000000 1px solid; }
.vtabC     { border: 1px solid #000000; border-left: none; padding: 5px; }

#headerTitle,
#ContentSection
{
  width:100%;
  margin: 0;
  border-collapse: collapse;
  
  padding-bottom : 40px;
  
}

/*
#headerTitle td
{
  border: 1px solid #BBBBBB;
}
*/

#headerTitle img,
#ContentSection img
{
  margin: 0 10px;
}

#headerTitle .lefttop-side-blue,
#ContentSection .lefttop-side-blue
{
  background: url("styles/images/box_top_left.gif") no-repeat bottom right;
  height: 14px;
  width: 14px;
}

#headerTitle .top-blue,
#ContentSection .top-blue
{
  height: 14px;
  background: url("styles/images/box_top.gif") repeat-x bottom;
}

#headerTitle .righttop-side-blue,
#ContentSection .righttop-side-blue
{
  background: url("styles/images/box_top_right.gif") no-repeat bottom left;
  height: 14px;
  width: 14px;
}

#headerTitle .leftcenter-blue,
#ContentSection .leftcenter-blue
{
  background: url("styles/images/box_left.gif") repeat-y right;
}

#headerTitle .content-blue,
#ContentSection .content-blue
{
  color:#444;
}

#headerTitle .rightcenter-blue,
#ContentSection .rightcenter-blue
{
  background: url("styles/images/box_right.gif") repeat-y left;
}

#headerTitle .leftbottom-side-blue,
#ContentSection .leftbottom-side-blue
{
  background: url("styles/images/box_bottom_left.gif") no-repeat right top;
  height: 14px;
}

#headerTitle .bottom-blue,
#ContentSection .bottom-blue
{
  background: url("styles/images/box_bottom.gif") repeat-x top;  
}

#headerTitle .rightbottom-side-blue,
#ContentSection .rightbottom-side-blue
{
  background: url("styles/images/box_bottom_right.gif") no-repeat left top;
}

#Login
{
  width: 470px;
  padding: 10px;
  display: block;
  margin: auto;
  margin-top: 50px;
  text-align: center;
}

#Login input[type=text]
{
	color: #7F94FF;	
	border: 1px solid #65A4D7;
}

.logOut
{
  text-decoration: none;
  color: #080C40;
  text-transform: uppercase;
}

/**************  Estilos Menu lateral  **************************/
#sideBar { text-align:left; }
#sideBar a { outline: none;}
#sideBar a:active { outline: none; }
#sideBar ul
{
  margin:0;
  padding:0;
}

#sideBar li
{
  margin: 0px 10px 3px 10px;
  padding: 2px;
  list-style-type: none;
  display: block;
  background-color: #3d4d57;
  width: 177px;
  vertical-align: top;
}

#sideBar li a,
#sideBar li a:link,
#sideBar li a:visited
{
  color: #B7D1E2;
  text-decoration:none;
  display:block;
  margin:0;
  padding:0;
  line-height:normal;
}

#sideBar li a:hover
{
  color: #080C40;
  text-decoration:underline;
  border: none;
}

#sideBar
{
  position: fixed;
  _position: absolute;
  _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + 100 : document.body.scrollTop + 100);
  width: auto;
  height: auto;
  top: 100px;
  left: 0px;
  background-image: url(styles/images/background-x.gif);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #FFF;
}

#sideBarTab{
  float: left;
  height: 137px;
  width: 28px;
}

#sideBarTab img{ border:0px solid #FFFFFF; }

#sideBarContents
{
  float: left;
  /*
  overflow: hidden !important;
  */
  width: 200px;
  height: auto;
}

#sideBarContentsInner
{
	width: 200px;
	height: 100%;
	background-color: #343434;
}

.titleLeftMenu
{
  width: 100%;
  font-size: 1em;
  font-family: 'Poligon';
  color: #080C40;
  padding: 3px 3px;
  font-weight: 800;
  border-bottom: 1px solid #FFF;
  cursor: pointer;
}

.mnuOptions
{
  list-style: none;
  text-align: left;
  margin: 0px;
  font-size: 0.9em;
}

#sidebar .mnuOptions .menuImg { display:none;}
#sidebar .mnuOptions span a { width: 100%; color: #080C40; }

/**************  FIN Estilos Menu lateral  **************************/

.contentBody{
	border-collapse: collapse; 
  background-color: #F2F2F2 ;
  width : 100%;  
  padding: 15px;
  font-size: 16px;
}

.ctnButons
{
	text-align:center;
	margin: 10px 0 10px 0;
	bottom: 10px;
	position: relative;
}

.fileNameCell {
	text-align	: left;
}
/******************   INICIO Estilos para publicacion vacantes  *********************/
.btCeldaTit a { color: #FFF; text-decoration: underline; }
.btCeldaTit a:hover { color: #FFF;  }
.btCeldaTit a:visited { color: #FFF;  }
.btCeldaTit td a { color: #FFF; text-decoration: underline; }
.btCeldaTit td a:hover { color: #FFF;  }
.btCeldaTit {	BACKGROUND-COLOR: #080C40; color:#FFFFFF; FONT-FAMILY: 'Poligon'; FONT-WEIGHT: bold; }
.btCeldaCount {	BACKGROUND-COLOR: #FFFFFF; color:#080C40; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; FONT-WEIGHT: bold; text-align:center}
.btCeldaPag {	BACKGROUND-COLOR: #FFFFFF; color:#080C40; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; FONT-WEIGHT: bold; text-align:center}
.btnVacantes {	BACKGROUND-COLOR: #FFFFFF; color:#000000; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; }
.btCeldaDark  { BACKGROUND-COLOR: #FFFFFF; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #000000; }
.btCeldaLight { BACKGROUND-COLOR: #FFFFFF; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #000000; }
.btCeldaAgrupador  { BACKGROUND-COLOR: #d3d6ed; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #080C40; font-size: 11pt; FONT-WEIGHT: bold; }

.btTitulo a { FONT-FAMILY: 'Poligon'; font-size: 10pt; FONT-WEIGHT: bold; }
.btCategoria { FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #000000; font-size: 8pt; FONT-WEIGHT: bold; }
.btCategoriaDetalle { FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #080C40; font-size: 8pt; FONT-WEIGHT: bold; }
.btPublicante { FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #000000; font-size: 8pt; FONT-WEIGHT: bold; }
.btPublicanteDetalle { FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #080C40; font-size: 8pt; FONT-WEIGHT: bold; font-style:italic;}
.btDetalleOferta { FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #000000; font-size: 16px; }
.btFechaPublicacion { FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #000000; font-size: 10pt; }
.btUbicacionOferta { FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; color: #000000; font-size: 10pt; FONT-WEIGHT: bold; }

.btTituloBuscador {  FONT-FAMILY: 'Poligon'; color: #ffffff; font-size: 12pt; FONT-WEIGHT: bold; }
.btTituloOpcionBusqueda { FONT-FAMILY: 'Poligon'; color:#080C40; font-size: 10pt; FONT-WEIGHT: bold; margin:3px; }

.btTituloCategorias { FONT-FAMILY: 'Poligon'; color: #080C40; font-size: 10pt; FONT-WEIGHT: bold; }
.btTituloOpcionCategoria { FONT-FAMILY: 'Poligon'; color: #000090; font-size: 16px; FONT-WEIGHT: bold; }
.btTituloCategoria a { FONT-FAMILY: 'Poligon'; color: #000000; font-size: 8pt; padding-left:5px;}
.btTituloCategoriaTop { FONT-FAMILY: 'Poligon'; color: #000000; font-size: 8pt; FONT-WEIGHT: bold; }

.btContainerItem {BACKGROUND-COLOR: #ffffff;margin-bottom:10px;}
.btContainerLeft {BACKGROUND-COLOR: #ffffff;margin-bottom:10px;width:100%;padding:0px;}
.btContainer {BACKGROUND-COLOR: #f0f0f0;padding:5px;}

.loginDIV { color: #FFFFFF; }
.btContainer .loginDIV {COLOR:#080C40!important;}
.btContainer .headTitle {COLOR:#080C40!important;}


.btDetVolver {	BACKGROUND-COLOR: #FFFFFF; color:#FFFFFF; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; text-align:center}
.btDetTitulo {	BACKGROUND-COLOR: #d3d6ed; color: #080C40; FONT-FAMILY: 'Poligon'; font-size: 16px; FONT-WEIGHT: bold; }
.btDetCategoria {	color:#000080; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; FONT-WEIGHT: bold; }
.btDetCategoriaOpcion {	color:#000000; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; font-style:italic; }
.btDetTexto {	color:#000000; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; }

.btDetVacantesMismaEmpresa {	color:#a7a7ff; FONT-FAMILY: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 7pt; font-style:italic; }

.pbtAlerta
{
  border: none;
  border-bottom: 1px solid #FF0000;
  border-top: 1px solid #FF0000;
  background-color: #FFFFFF;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  font-weight: 800;
  text-align: center;
  color:#0000AA;
}

/******************   FIN Estilos para publicacion vacantes  *********************/

.Header{
	height		: 90px;
  background: #080B2E url(khorCustom/Top.gif) no-repeat;
	vertical-align: middle;
}
.Header a img{
	border: none;
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.Content {
	text-align : center;

  margin: 150px !important;
  background-color: #F2F2F2;

}

.Footer{
	height			: 30px;
  background: #061238 url(khorCustom/Bottom.gif) no-repeat center left;
	color			: #080C40;
	text-align		: center;
	margin-top		: 0px;
	padding-top: 0px;
	bottom: 0px;
	width: 100%;
	font-size : 13px;
}
.Footer span a:link,
.Footer span a:visited{
	color : #080C40;
}
.Footer a:hover{
	color : #080C40;
	text-decoration : underline;
}

.ListGroups{
	width			: 670px;
	BORDER			: 1px solid #CCCCCC;
	height			: 200px;
	overflow		: scroll;
	margin-bottom	: 18px;
}

/*
	Estilos para el grid
*/

.rowStyle
{
  font-size			: 11px;
  background-color	: #EFF3FB;
  color				: #333333;
  font-family		: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-weight		: normal;
  text-align		: justify;
}
.rowStyle a
{
  color: #5D7B9D;
}
.rowStyle:hover
{
  background-color	: #D1DDF1;
  color				: #3060C2;
}
.alternatingRowStyle
{
  font-size			: 11px;
  background-color	: White;
  border-color		: Gray;
  color				: #284775;
  font-family		: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-weight		: normal;
  text-align		: justify;
}
.alternatingRowStyle a
{
  color: #5D7B9D;
}
.alternatingRowStyle:hover
{
  background-color	: #B0C3EB;
  border-color		: Aqua;
  color				: #3060C2;
}
.selectedRowStyle
{
  background-color	: #E2DED6;
  font-weight		: bold;
  color				: #333333;
}
.headerStyle
{
  font-size			: smaller;
  background-color	: #5D7B9D;
  font-weight		: bold;
  color				: White;
}
.footerStyle
{
  font-size			: 11px;
  background-color	: #5D7B9D;
  font-weight		: bold;
  color				: White;
  height			: 11px;
  margin			: 0px;
  text-indent		: 2px;
  border-collapse	: collapse;
}

/* Pruebas Psicométricas */

/* Instrucciones: en general */

#Instr table { font-size:14pt; }

.InstRed { font-size:14pt; }

/* Instrucciones: Ingles */

#instr1 table { font-size:14pt; }
#instr2 table { font-size:14pt; }
#instr3 table { font-size:14pt; }
#instr4 table { font-size:14pt; }

#seccion1 table { font-size:14pt; }
#seccion2 table { font-size:14pt; }

/* Instrucciones: Habilidades Operativas */

#Instr p { font-size:14pt; }

/* Instrucciones: Habilidad Numerica I */

#Instr1 table { font-size:14pt; }
#Instr2 table { font-size:14pt; }
#Instr3 table { font-size:14pt; }

/* Menu */

/* CSS Document */


div#menu li.back .left { border: #000 }

div#menu {
  background-color: #ffffff !important;
  z-index:1;
  font: normal 16px'Poligon', Arial, Helvetica, Sans-Serif !important;
}

div#menu ul {
  margin: 0% 5% 10px 5%;
/*  
  padding-left: 10%;
*/
  padding-right: 30px;
  color: #080C40 !important; 
  font-size: 16pt;
}

div#menu span {
  color: #080C40 !important; 
  font-size: 12pt !important;
  text-align: left;
}

div#menu a {
  color: #080C40 !important; 
  font-size: 12pt;
  overflow: hidden;
}

.menubg
{
  background-color: #FFFFFF;
}

.title
{
	color: #080C40;
	cursor: pointer;
	font-family: 'Poligon';
	padding: 5px 5px;
	text-align: left; 
/*
  margin-top: 40px; 
*/
  font-size: 16px;
  font-weight: Bold;
  background-color: #F2F2F2 !important;
  background-image: none; 
}


.title span
{
	width: 49%;
	text-align: left;
	position: relative;
  display: inline-block; 
  font-weight: Bold;
  font-size: 20pt;
  background-color: #F2F2F2 !important; 
}

.menuImg img
{
	padding: 3px 3px;
}

.menuContent
{
	vertical-align: middle;
	text-align: left;
	top : 0px;
	position: relative;
	padding-top: 15px;
}

.menuContent li
{
	font-size: 0.7em;
  
  margin-left: 20px;
  
}


.menuContent li a {	font-size: 14pt !important; }


.leftCell
{
	vertical-align: top;
	width: 49%;
	left: 0px;
	position: relative;
	padding-top: 0px;
	text-align: left;
	margin-top: 0px;
  display: inline-block;
}

.rightCell
{
	width: 49%;
	right: 0px;
	top : 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	vertical-align: top;
 display: inline-block;
}

.leftCell span
{
	text-align: left;
}

.rightCell span
{
	text-align: left;
}

.SingleMenu
{
	width: 100%;
	left: 0px;
	position: relative;
	text-align:left;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: #FFFFFF;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: #FFFFFF;
}

.ac_odd {
	background-color: #FFFFFF;
}

.ac_over {
	background-color: #FDBE28;
	color: #FFFFFF;
}

/* CSS Progress Bar */
.progress {
  position: relative;
  width: 542px;
  border: 1px solid #ddd;
  padding: 1px;
  border-radius: 3px;
}

.bar {
  background-color: #B4F5B4;
  width: 0%;
  height: 20px;
  border-radius: 3px;
}

.percent {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%;
}


BODY { background: '#FFFFFF'; /* IE 6 */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE7,IE8,IE9 */background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(255, 255, 255))); /* Chrome, Safari */background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* IE10 */background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* Firefox */
  -webkit-print-color-adjust: exact !important;
}
FORM.plana { margin:0px; }

INPUT.white      {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF; border: solid 1px #080C40; }
INPUT.whiteblur  {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #F3F3F3; border: solid 1px #080C40; width: auto; !important; border-radius: 5px !important; color: #080C40;  }
INPUT.whiteover  {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF; border: solid 1px #080C40; width: auto !important; border-radius: 5px !important; }
INPUT.whitefocus {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF; border: solid 1px #080C40; width: auto !important; border-radius: 5px !important; }

SELECT.white      {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF; border: solid 1px #CCCCCC; }
SELECT.whiteblur  {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #F3F3F3; border: solid 1px #CCCCCC; }
SELECT.whiteover  {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF; border: solid 1px #CCCCCC; }
SELECT.whitefocus {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF; border: solid 1px #CCCCCC; }
OPTION {  font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 8pt;}

INPUT.whitebtn {  display: none; }

TEXTAREA.whiteblur { font-family: 'Poligon', Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #FFFFFF; border: none;  overflow:visible; }

SELECT.sinbordes { border:inherit; }
INPUT.quitabordes {border:none}

.tablaimp {  display: block ; }
.noshowimp {  display: none ; }


#linkCalculateLogin {
  color: #FFFFFF!important;
}

.labelUserKhor20 {
  float:left;
  text-align: center;
  font-weight: Bold;
  font-size: 16px;
  padding-left: 5%;
  padding-top: 2%;
}

.imgMini {
  width: 30px !important;
  height: 30px !important;
}

.imgMiniFlecha {
  width: 20px !important;
  height: 20px !important;
}

.headerKhor20 {
  width: 15%;
  height: 15%;
  float:left;
  padding-left: -20px;
  padding-top: -10%;
}

.headerKhor20C {
  width: 40%;
  height: 9%;
  float:left;
  padding-left: -20px;
  padding-top: -10%;
}

.logotiposKhor20C {
  width: 60%;
  float:left;
  text-align: center;
  padding-left: 1%;
}

@media (max-width:960px) {
  .logotiposKhor20 {
    width: 30%;
    height: 15%;
    float:left;
    text-align: center;
    padding-left: 1%;
    padding-top: 4%;
  }
} 

@media (min-width:960px) {
  .logotiposKhor20 {
    width: 15%;
    float:left;
    text-align: center;
    padding-left: 1%;
    padding-top: 2%;
  }
}

.imgLogoHeaderKhor20 {
  max-height:40;
}

.imgHeaderIzqKhor20 {
  max-height:70;
}

.imgHeaderDerKhor20 {
  max-height:75;
  margin-left: 55px;
  height:60;
}

.elementoDerKhor20 {
  float: right;;
  width: 8%;
  height: 7%;
  padding-top:  5%;
}

.columna {
  width:100%;
  height:7%;
  text-align: left;
}
.columnatop {
  width:35%;
  height:7%;
  text-align: left;
}
.columna1 {
  width:100%;
  height:12%;
  text-align: left;
  margin-top: -1%;
}

.columna2 {
  /* width:5%; */
  height:100%;
  float:right;
  padding-right: 20px;
  margin-top: -1% !important;
}

.columnaFlecha {
  width:100%;
  height:8%;
  text-align: right;
}

.columna3 {
  padding-top: 10px;
  padding-button: 20px;
  width: 0%;
  height:100%;
  float:right;
}

.footer2 {
  width: 120%;
  padding-top: 10px;
}

.footer_logo {
  padding-top: 0px;
  margin-left: 5%;
  width: 25%;
  height: 25%;
}

.loginMSG {
  padding: 5px;
  text-align: center;
  background-color: white;
  color: #080C40;
  margin-left: 35%;
  margin-right: 35%;
}

.Footer_login {
  position: fixed;
  top: 85%;
  width: 100%;
  height: 15%;
  background-color: white;
  text-align: center;
  font-size: 80%;
}

.footerDiv {
  position: static;
  width: 100%;
  height: auto;
  background-color: #FFF;
  text-align: center;
  font-size:80%;
}

.footerImgC img {
  height:10%;
}

.tagLabelButton {
  font-size: 14px;
}

#formaRegistroTable {
  padding: 15px 10px 15px 15px;
  width:80%;
  color:#FFFFFF; 
  opacity: 1; 
  border-radius: 25px !important;
  background: #080C40 0% 0% no-repeat padding-box;
}

#formaRegistroTable td {
  width:auto;
  padding: 3px;
  padding-left: 15px;
  text-align:left;
  border-radius: 25px !important;
  opacity: 1;
  color: #FFFFFF !important; 
}

.img_logo_iu {
  width: 5%;
  height: auto;
  text-align: left;
  margin-left: -50%;
  margin-bottom: -7%;
  margin-top: 1%;
}

#usr {
  text-align: center!important;
}

#pwd {
  text-align: center!important;
}

#logoTop2 {
  top: -5%;
  left: -5%;
  width: 20%;
  height: 25%;
  opacity: 1;
}

INPUT.yellowbtn2 {
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  text-align:center;	
  color: #080C40 ;
  border: 1px solid #FDBE28 ;
  background-color: #FDBE28 ;
  width: 169px !important;
  cursor: pointer;
  border-radius: 5px !important;
  font-size: 16px;
}

/*La clase solo existe en el apartado de impresion en el KHOR tradicional,*/
/*Pero para el nuevo look lo utiliza*/
INPUT.whiteblur {
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  background-color: #F3F3F3;
  border: solid 1px #080C40 !important;
  width: auto;
  border-radius: 5px !important;
  color: #080C40;
}

/*La clase solo existe en el apartado de impresion en el KHOR tradicional,*/
/*Pero para el nuevo look lo utiliza*/
INPUT.whiteover {
  font-family:  'Poligon', Arial, Helvetica, Sans-Serif; 
  font-size: 16px;
  background-color: #F3F3F3; 
  border: 1px solid #080C40;
  width: auto;
  border-radius: 5px !important;
}

/*La clase solo existe en el apartado de impresion en el KHOR tradicional,*/
/*Pero para el nuevo look lo utiliza*/
INPUT.whitefocus {
  font-family:  'Poligon', Arial, Helvetica, Sans-Serif; 
  font-size: 16px;
  background-color: #F3F3F3; 
  border: 1px solid #080C40;
  width: auto;
  border-radius: 5px !important;
}

.formright {
  width:60%;
  text-align:left; 
  color:#FFFFFF
}

INPUT.btnpageBlocker {
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  text-align:center;	
  color: #080C40;
  border: 1px solid #FDBE28;
  background-color: #FDBE28;
  /*width: auto;*/
  cursor: pointer;
  font-size: 12pt;
  border-radius: 25px !important;
  margin-top:1%;
  font-weight: bold;
}

INPUT.registerbtn {
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  text-align:center;	
  color: #FFFFFF !important;
  border: 0px solid #FDBE28;
  background: transparent;
  cursor: pointer;
  font-size: 12pt;
  border-radius: 25px !important;
}

INPUT.loginbtn {
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  height:35px;
  width:100px!important;
  text-align:center;	
  color: #080C40;
  border: 0px solid #FDBE28;
  background: #FDBE28;
  /*width: auto;*/
  cursor: pointer;
  font-size: 12pt;
  border-radius: 25px !important;
}

INPUT#extraBtn_0 {
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  text-align:center;	
  color: #080C40;
  border: 1px solid #FDBE28;
  background-color: #FDBE28;
  width: auto !important;
  cursor: pointer;
  border-radius: 5px !important;
}

INPUT#extraBtn_1 {
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  text-align:center;	
  color: #080C40;
  border: 1px solid #FDBE28;
  background-color: #FDBE28;
  width: auto !important;
  cursor: pointer;
  border-radius: 5px !important;
}

.fillgris span { 
  BACKGROUND-COLOR: #FFFFFF!important; 
  text-align: left; 
  font-size: 15pt;
}

.celdaTit tr {
  BORDER: none; 
  FONT-WEIGHT: bold;
  font-size: 16px; 
}

.celdaTitLabel {
  color: #080C40 !important;
  background-image: none !important;
  font-weight: bold !important;
  background-color: #d3d6ed !important;
  border: none !important;
  margin-top:20px;
}

.celdaTitLabel td {
  padding: 10px 0;
}

.btnAdd {
  font-size = 12px;
}

.titXReq {
  font-size: 12px !important;
}

.celdaDark A:hover { 
  COLOR: #FFFFFF !important; 
  background-color: #080C40 !important;
  outline: 1px solid #FDBE28;
  cursor: pointer;
}

.celdaDark tr td { 
  color: #080C40 !important;
  font-size: 16px;
  text-align: -webkit-left;
}

.celdaDark tr td div ul li { 
  color: #080C40 !important;
  font-size: 16px;
}

.celdaDark td span a { 
  color: #080C40 !important;
  font-size: 16px;
}

.celdaDark tr td ul li { 
  color: #080C40 !important;
  font-size: 16px;
}

.celdaLight A:hover { 
  COLOR: #FFFFFF !important; 
  background-color: #080C40 !important;
  outline: 1px solid #FDBE28;
  cursor: pointer;
}

.celdaLight td span a {
  color: #080C40 !important;
}

.vtabC .tsmall {
  padding: 0px; 
  text-align: left;
}

.tsmall div {
  text-align: left;
  font-size: 16px;
  margin: 0px !important;
}

.tsmall td {
  font-size: 12pt;
  margin-left: 0px !important;
}

#enfasis {
  cursor: pointer;
  line-height: 25pt;
  border-bottom: 1px dotted #080C40;
}

#enfasis2 {
  border-bottom: 1px solid #080C40;
}

#text16 {
  font-size: 25pt !important;
  border: 1px solid #080C40 !important;
  cursor: pointer;
}

#yellowbtn {
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  text-align: center;	
  color: #080C40;
  background-color: #FDBE28 ;
  width: auto;
  cursor: pointer;
  border-radius: 5px !important;
  font-size: 16px;
  line-height: 20pt;
}

#tdLeft {
  width: auto !important;
  text-align: left;
}

#outlineBlue {
  outline: 1px solid #080C40;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  cursor: pointer;
  font-size: 14px;
  line-height: 20pt;
  width: auto;
  padding: 2px;
  font-weight: bold;
}


#formBlue {
  padding: 15px;
  text-align: left;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  font-size: 16pt !important;
  border: 1px solid #080C40;
}

#formBlue td {
  padding: 15px;
  background: #FFFFFF !important;
  text-align:left;
  border-radius: 10px !important;
  font-size: 16pt;
}

#tDep {
  padding: 15px;
  text-align: left;
  color:#080C40; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  font-size: 16pt !important;
  border: 1px solid #080C40;
}

#filTable {
  padding: 15px;
  text-align: left;
  color:#080C40; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  font-size: 16pt !important;
  border: 1px solid #080C40;
}

#filTable div:hover {
  color:#FDBE28; 
}

#formularioTableWhite {
  padding: 15px;
  text-align: left;
  color:#080C40; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  font-size: 16pt !important;
  border: 1px solid #080C40;
}

#formularioTableWhite td {
  text-align:left;
  border-radius: 10px !important;
  opacity: 1;
  color: #080C40 !important; 
  font-size: 16pt;
}

#formularioTableWhite a {
  color: #080C40 !important; 
  font-size: 16pt;
}

#formularioTableWhite textarea {
  padding-left: 10px;
  font-size: 16pt;
  border-radius: 10px !important;
}

#divBlue {
  text-align: center;
  padding: 15px 10px 15px 15px;
  width: 100%;
  color:#FFFFFF; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #080C40 0% 0% no-repeat padding-box;
  font-size: 16pt !important;
}

#tblCondiciones {
  padding: 15px 10px 15px 15px;
  width: 100%;
  color:#FFFFFF; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #080C40 0% 0% no-repeat padding-box;
  font-size: 16pt !important;
}

#formularioTableWhiteSmall {
  background: #FFFFFF ;
  text-align: left;
  color:#080C40; 
  border-radius: 5px;
  border: 1px solid #080C40;
}

#formularioTableWhiteSmall td {
  text-align: left;
  color: #080C40; 
  font-size: 16px;
}

#formularioTableBasic td {
  text-align: left;
  border-radius: 10px !important;
  opacity: 1;
  color: #080C40 !important; 
  font-size: 16px;
}

#formularioTableBasic a {
  color: #080C40 !important; 
  font-size: 16px;
}

#formularioTableBasic .tsmall {
  text-align: center;
  font-size: 16px;
}

#formularioTableBasic .tsmall div {
  text-align: center;
  font-size: 16px;
}

#formularioTable {
  padding: 15px 10px 15px 15px;
  width:auto%;
  color:#FFFFFF; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #080C40;
  font-size: 16px !important;
}

#formularioTable td {
  padding: 3px;
  padding-left: 15px;
  text-align:left;
  border-radius: 10px !important;
  opacity: 1;
  color: #FFFFFF !important; 
  font-size: 16px;
  width:auto% !important; 
}

#formularioTable tr td select {
  font-size: 16px;
  width:auto%;

}

#formularioTable a {
  color: #FFFFFF !important; 
  font-size: 16pt;
  width:auto%;
}

#formularioTable b {
  color: #FFFFFF !important; 
  font-size: 14pt;
  width:auto%;
}

#formularioTable textarea {
  border-radius: 10px !important;
  font-size: 14pt;
  width:auto%;
}

#formularioTableSecond {
  padding: 15px 10px 15px 15px;
  width:auto%;
  color:#080C40; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #d3d6ed;
  font-size: 16pt !important;
}

#formularioTableSecond td {
  padding: 3px;
  padding-left: 15px;
  text-align:left;
  border-radius: 10px !important;
  opacity: 1;
  color: #080C40 !important; 
  font-size: 14pt;
  width:auto% !important; 
}

#formularioTableSecond tr td select {
  font-size: 16pt;
  width:auto%;
}

#formularioTableSecond a {
  color: #FFFFFF !important; 
  font-size: 16pt;
  width:auto%;
}

#lnkSelAdmin {
  padding: 15px;
  text-align: left;
  border: 1px solid #080C40;
  width: 90%;
  color:#080C40; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  font-size: 16pt !important;
}

#lnkSelAdmin td {
  text-align:left;
  border-radius: 10px !important;
  opacity: 1;
  color: #080C40 !important; 
  font-size: 16pt;
}

#lnkSelAdmin a {
  color: #080C40 !important; 
  font-size: 16pt;
}

#lnkSelAdmin textarea {
  border-radius: 10px !important;
  font-size: 16pt;
}

#lnkSelExamen {
  padding: 15px;
  text-align: left;
  border: 1px solid #080C40;
  width: 90%;
  color:#080C40; 
  opacity: 1; 
  border-radius: 10px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  font-size: 16pt !important;
}

#lnkSelExamen td {
  text-align:left;
  border-radius: 10px !important;
  opacity: 1;
  color: #080C40 !important; 
  font-size: 16pt;
}

#lnkSelExamen a {
  color: #080C40 !important; 
  font-size: 16pt;
}

#lnkSelExamen textarea {
  border-radius: 10px !important;
  font-size: 16pt;
}

.lblNormalFondoAzul {
  FONT-WEIGHT: normal;
}

.lblRequeridoFondoAzul {
  FONT-WEIGHT: normal;
  color: #080C40 !important;
}

.selectedTreeRow {
  background-color : transparent;
  color: #080C40;
  font-family : 'Poligon', Arial, Helvetica, Sans-Serif;
  font-size : 16px;
}

#lytborde {
  /*width: 80%;*/
  padding-top: 5px;
}

#accordion li.firstitem li {
  color:#080C40!important;
  background-color: #FFFFFF;
}

.ecStd {
  FONT-SIZE: 16px !important;
  COLOR: #080C40;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-weight: Bold;
}

.ecTit {
  FONT-SIZE: 16px !important;
  COLOR: #080C40;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-weight: Bold;
}

.ecPre {
  FONT-SIZE: 16px !important;
  COLOR: #080C40;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-weight: normal;
}

.ecCom {
  FONT-SIZE: 16px !important;
  COLOR: #080C40;
  font-family: 'Poligon', Arial, Helvetica, Sans-Serif;
  font-weight: Bold;
}

#ContentSection20 {
  /*
  margin-top: -10% !important;
  margin-left: -10% !important;
  width:130% !important;
  */
  background-color: transparent;
}

#enfasisBlue {
  COLOR: #080C40 !important; 
  background-color: transparent !important;
  outline: 1px solid #FDBE28;
  cursor: pointer!important;
  font-size: 16px !important;
  padding: 10px;
}

.tbox {
  text-align: justify; 
  FONT-SIZE: 12px;
  padding: 10px;
}

#pageBlockerMsg {
  font-family:  'Poligon', Arial, Helvetica, Sans-Serif !important;
  border: 1px solid #FDBE28  !important;
  background-color: #F3F3F3  !important;
  border-radius: 5px !important;
  font-size: 16px  !important;
  color: #080C40  !important;
}

#left {
  color: #080C40; 
  text-align: left;
}

#ySelect {
  font-size: 16px;
}

