  /*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../include/metro/font/opensans-light-webfont.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../include/metro/font/opensans-light-webfont.eot') format('embedded-opentype'), url('../include/metro/font/opensans-light-webfont.woff') format('woff');
  }
  @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../include/metro/font/opensans-regular-webfont.eot');
  src: local('Open Sans'), local('OpenSans'), url('../include/metro/font/opensans-regular-webfont.eot') format('embedded-opentype'), url('../include/metro/font/opensans-regular-webfont.woff') format('woff');
  }
  @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../include/metro/font/opensans-semibold-webfont.eot');
  src: local('Open Sans'), local('OpenSans'), url('../include/metro/font/opensans-semibold-webfont.eot') format('embedded-opentype'), url('../include/metro/font/opensans-semibold-webfont.woff') format('woff');
  }
  @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../include/metro/font/opensans-bold-webfont.eot');
  src: local('Open Sans'), local('OpenSans'), url('../include/metro/font/opensans-bold-webfont.eot') format('embedded-opentype'), url('../include/metro/font/opensans-bold-webfont.woff') format('woff');
  }*/
  
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../include/metro/font/opensans-light-webfont.eot');
  src: url('../include/metro/font/opensans-light-webfont.svg#OpenSans-Light') format('svg'), url('../include/metro/font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../include/metro/font/opensans-light-webfont.woff') format('woff'), url('../include/metro/font/opensans-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../include/metro/font/opensans-regular-webfont.eot');
  src: url('../include/metro/font/opensans-regular-webfont.svg#OpenSans') format('svg'), url('../include/metro/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../include/metro/font/opensans-regular-webfont.woff') format('woff'), url('../include/metro/font/opensans-regular-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../include/metro/font/opensans-semibold-webfont.eot');
  src: url('../include/metro/font/opensans-semibold-webfont.svg#OpenSans') format('svg'), url('../include/metro/font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../include/metro/font/opensans-semibold-webfont.woff') format('woff'), url('../include/metro/font/opensans-semibold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../include/metro/font/opensans-bold-webfont.eot');
  src: url('../include/metro/font/opensans-bold-webfont.svg#OpenSans') format('svg'), url('../include/metro/font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../include/metro/font/opensans-bold-webfont.woff') format('woff'), url('../include/metro/font/opensans-bold-webfont.ttf') format('truetype');
}

#divWait
{
    margin-left: -75px;
    position: fixed;
    width: 150px;
    height: 150px;
    background-image: url('../images/cloud_wait.gif');
    left: 50%;
}
#div_winmodal, #div_winmodal_configuracion, #div_winmodal_elearning { 
    background-color:#fff;
    color:#000;
    display:none; 
    padding:2px;
    min-width:400px;
    min-height: 180px;
}

.cursor_help {
    cursor : help ;
}

.CssToolTip1 .qtip-content {
    font-size: 12px;
    color: #000000;
    line-height: 15px;
}

.CssToolTip2 .qtip-content {
    padding: 3px;
    font-size: 11px;
    color: #000000;
    line-height: 11px;
}

.CssToolTip3 .qtip-content {
    padding: 3px;
    background-color: #f5f5f5;
}
.CssToolTip3 .qtip-titlebar {
    padding: 3px !important;
    color: #FFFFFF !important;
    background-color: #2c85c4 !important;
}

#divToolTipGrow .qtip{
    position: static;
    min-height: 0;
    overflow: hidden;
    margin: 0 0 5px 0;
}

.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

.b-iframe {
    width:100%;
    height:100%;
}

.lbl_span_30  { width:30px  !important; margin-left:5px !important; }
.lbl_span_50  { width:50px  !important; margin-left:5px !important; }
.lbl_span_65  { width:65px  !important; margin-left:5px !important; }
.lbl_span_75  { width:75px !important; margin-left:5px !important; }
.lbl_span_85  { width:85px !important; margin-left:5px !important; }
.lbl_span_100 { width:100px !important; margin-left:5px !important; }
.lbl_span_110 { width:110px !important; margin-left:5px !important; }
.lbl_span_125 { width:125px !important; margin-left:5px !important; }
.lbl_span_150 { width:150px !important; margin-left:5px !important; }
.lbl_span_175 { width:175px !important; margin-left:5px !important; }
.lbl_span_200 { width:200px !important; margin-left:5px !important; }
.icon_span_cp { vertical-align: top; line-height: 14px !important; display: inline-block; font-size: 30px; margin-left:0px !important; cursor:pointer; }
.icon_span_view_img { vertical-align: top; display: inline-block; font-size: 20px; margin-left:0px !important; cursor:pointer; }

.select2_bigdrop_400 { width: 400px !important; }

.numeric1 {
    text-align:right;
    width: 105px;
}

.mini {
	font-size:11px;
}

.msg_bold {
    font-weight: bold;
}

.numeric1_read {
    text-align:right;
    border:10px !important;
    background-color: transparent !important;
}

.control_fecha {
    background: transparent url("../images/fondo_ddmmyyyy.png") no-repeat 0 0;
}

.fecha_2 {
    background: transparent url("../images/fondo_ddmmyyyy_2.png") no-repeat 0 0;
}

.data_group {
    background:#2c85c4; color: #FFFFFF; padding:2px; margin-top:4px; margin-bottom:4px; padding-left:5px;
}

.data_group_alert {
    background:#FF3636; color: #FFFFFF; padding:2px; margin-top:4px; margin-bottom:4px; padding-left:5px;
}

.data_group_ef td {
    background:#ffffff; border-bottom:2px solid #999999; color: #333333; font-weight:bold; padding:4px;
}

.data_group_ef_totales td {
    background:#f1f1f1; border-bottom:2px solid #999999; color: #333333; font-weight:bold; padding:4px;
}

.etabs { margin: 0; padding: 0; }
.tab { font-family: Arial, Tahoma ; display: inline-block; zoom:1; *display:inline; background: #999; border: solid 1px #e0e0e0; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { color:#fff;  font-size: 0.8em; line-height: 2.5em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: none; color: #e0e0e0; }
.tab.active { background: #2c85c4; color: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #999; }
.tab-container .panel-container { background: #fff; border: solid #e0e0e0 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }

.tab_SS { font-family: Arial, Tahoma ; display: inline-block; zoom:1; *display:inline; background:#fe9b89; border: solid 1px #e0e0e0; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab_SS a { color:#2c85c4;  font-size: 0.8em; line-height: 2.5em; display: block; padding: 0 10px; outline: none; }
.tab_SS a:hover { text-decoration: none; color: #2c85c4; }
.tab_SS.active { background: #cccccc; color: #2c85c4; padding-top: 6px; position: relative; top: 1px; border-color: #999; }

.letra_reporte
{
	font-family: Tahoma;
	font-size:11px;
}
.letra_reporte_1
{
	font-family: Tahoma;
	font-size:15px;
	font-weight:bold ;
}

.link_1 {
    color: #333333;
}

.link_1:hover {
    color: #999999;
}

.link_2 {
    color: #FFFFFF;
}

.link_2:hover {
    color: #CCCCCC;
}

/***** GRID *****/
.grid{  }
.gridTr        { line-height:14px; font-family:Arial; font-size:11px; color: #333333; text-decoration:none; padding:2px; vertical-align:top; }
.gridTrNumeric { line-height:14px; font-family:Arial; font-size:11px; color: #000000; text-decoration:none; padding:2px; vertical-align:top; text-align:right; }
.gridTr a { color:#496ccc; text-decoration: none; }
.gridTr a:hover { color:#000000; text-decoration: underline; }
.gridDivIcon { font-size:22px; cursor:pointer; margin:4px; width:22px; }
/* AARON ESTILO DE TABLA PARA THEAD FIJO http://www.pmob.co.uk/temp/table-fixed-header-example.htm */
.row_paginacion {
    background: #e0e0e0 !important;
    color: #000;
    text-align:left;
    font-size:12px;
    text-decoration:none;
    border: 1px solid #B2B2B2;
}
.link_pager {
    text-decoration:none;
    color:#000;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 3px;
}
.link_pager:hover {
    text-decoration:none;
    background-color: #333333;
    color: #fff;
}
.bgColorAzul {
	background-color: #2C85C4;
}
#divScroll_Content {
	width:100%;
	position:relative;
	/*overflow:hidden;*/
	padding:25px 0 0;
	background-color:#2C85C4;
}
.divScroll_Inner {
	height:200px;
	overflow:auto;
	background-color:#FFF;
}
tfoot th, thead th {
	padding:0 3px 0 5px;
}
tbody tr {
	/*background-color:#FFF;*/
}
thead tr p {
	position:absolute;
	top:0;
	font-size:11px;
	padding-top:6px;
    font-family:Arial;
}
/* AARON ESTILO DE TABLA PARA THEAD FIJO */

.prog_actividad_sub {
    width:250px; 
    padding-left:5px; font-size:11px; font-family:Arial;
    color: #000000;
}

.prog_actividad_suba {
    height:100%;
    vertical-align:top;
}