/******************************************************************************************************************************************
NUEVOS ESTILOS
******************************************************************************************************************************************/

/******************************************************************************************************************************************
ESTILOS GENERICOS
******************************************************************************************************************************************/
.seperadorDePaneles{
    width: 100%; height: 25px; background:#ED7D31; font-size:12pt; display:table; 
}

.panelInfoOficina{
    width: 100%; height: 171px;
}

.panelTituloTabla {
    margin-left:15px; margin-top:10px; font-weight:bold;
}


.resaltarFila {
}

.resaltarFila tbody tr:hover{
    background-color: #F6F7F7; 
    cursor:pointer;
}

#dvTablasCapacitacion table tbody tr:hover{
    background-color: #F6F7F7; 
    cursor:pointer;
}

.errorInputHoras{border:1px solid #F00;}

/******************************************************************************************************************************************
ESTILOS PARA BLOQUEO DE PANTALLA Y DETALLE DE INSPECCIONES
******************************************************************************************************************************************/
.panelBloqueo{
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(69,90,100,0.7);
	z-index: 490;

    left:0;
    top:0;

    position:fixed;

    cursor:pointer;
}

.panelOficinaInfoAdmin{
    display:none;
	margin: 0;
	width: 1200px;
	height: 591px;
	background: #FFF;
    z-index: 500;

    position:absolute;


    left: -webkit-calc(50% - 600px);
	left:    -moz-calc(50% - 600px);
	left:         calc(50% - 600px);

    top: 20%;

    border: 1px solid #000;
}

.panelDetalleInspecciones{
    display:none;
	margin: 0;
	width: 1200px;
	height: 450px;
	background: #FFF;
    z-index: 500;

    position:absolute;


    left: -webkit-calc(50% - 600px);
	left:    -moz-calc(50% - 600px);
	left:         calc(50% - 600px);

    top: 20%;

    border: 1px solid #000;
}

.panelDetalleInspeccionesBarraMenu{
	height: 30px;
	width: 100%;
    background: #ED7D31;
    color: #FFF;
    
}

.panelDetalleInspeccionesTitulo{
	float: left;
	width: 97%;
	color: #FFF;
    text-align:center;
    font-weight:bold;

    height: -webkit-calc(100% - 6px);
	height:    -moz-calc(100% - 6px);
	height:         calc(100% - 6px);
	
    padding-top:6px;

    /*
	border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border: 0px none #000000;
    */
}

.panelDetalleInspeccionesCerrar{
	float: right;

	height: -webkit-calc(100% - 6px);
	height:    -moz-calc(100% - 6px);
	height:         calc(100% - 6px);
	
    width: 3%;

    padding-top:6px;

    /*
	border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
	border: 0px none #000000;
    */

    cursor:pointer;
    text-align:center;
    font-size: 16px;
}

.panelDetalleInspeccionesContenido
{
	width: 100%;
	height: -webkit-calc(100% - 30px);
	height:    -moz-calc(100% - 30px);
	height:         calc(100% - 30px);

    clear:both;

	overflow:auto;
    /*
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border: 0px none #000000;
    */
    
}

.panelDetalleInspeccionesContenido table {
    border-collapse:collapse;
    border: 1px solid #DADEE0;
}

.panelDetalleInspeccionesContenido table td {
    border: 1px solid #DADEE0;
    padding:4px;
}

.panelDetalleInspeccionesContenido table thead{
    background: #E3E6E8;
    color: #495A76;
    font-weight:bold;
    text-align:center;
}

/******************************************************************************************************************************************
SELECT: CONTROL PARA SELECCION DE MESES EN TABLAS
******************************************************************************************************************************************/
.dvMesTitulo{
    display: block;
}

.dvMesSelect{
    display: none;
}

.selectMes {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 0; /*2px;*/
    -webkit-user-select: none;
    /*background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);*/
    /*background-position: 97% center;*/
    /*background-repeat: no-repeat;*/
    /*border: 1px solid coral;*/
    background: #ED7D31;
    border-style: none;
    color: #FFF;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*margin: 20px;*/
    /*overflow: hidden;*/
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align-last: center;
    /*width: 100%; /*300px;*/
    cursor:pointer;
}

/***************************************************************************
SeguimientoInspecciones.aspx: Estilos para Seguimiento a Nivel Nacional y Estatal
***************************************************************************/
#imgMapaEstado{
    width:350px;
    display:table-cell;
    margin: 0 auto;
}

/***************************************************************************
SeguimientoInspecciones.aspx: Estilos para Tabla de Informacion Administrativa
***************************************************************************/
#tbInfoAdministrativaEstados{
    border-collapse:collapse;
    border: 1px solid #DADEE0;
    width:100%;
    font-family: Roboto, Verdana, sans-serif;
    font-size:8pt;
}

#tbInfoAdministrativaEstados td{
    border: 1px solid #DADEE0;
    padding:4px;
}

#tbInfoAdministrativaEstados thead{
    font-weight:bold;
    text-align:center;
    background:#F2F2F2;
    font-size:10pt;
}

#tbInfoAdministrativaEstados tbody{
    font-size:8pt;
}

#tbInfoAdministrativaEstados tfoot{
    font-family: Roboto, Verdana, sans-serif;
    font-weight:bold;
    font-size:10pt;
}

#tbInfoAdministrativaEstados tfoot td:nth-child(1){
    text-align:right;
}

#tbInfoAdministrativaEstados tbody td:nth-child(1) {
    text-align:left;
}

.tbInfoAdminOficina {
    padding-left: 50px;
    cursor:pointer;
}

#tbInfoAdministrativaEstados td.tbInfoAdminOficina {
    padding-left: 20px;
    cursor:pointer;
}

.tbInfoAdminOficina:hover {
    font-weight:bold;
    color: #2F75B5;
}

.tbInfoAdminEstadoAds {
    font-weight:bold;
}

.tbInfoAdminEstadoLib {
    font-weight:bold;
}


/******************************************************************************************************************************************
SeguimientoOficina.aspx: ESTILOS PARA PAGINA DE SEGUIMIENTO DE OFICINA
******************************************************************************************************************************************/
.dvSegOficina{
    /*Dimensiones*/
    width: 1338px; /*1340-2px de Borde*/
    height: 663px;
    /*Fuentes*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #465A64;
    /*Bordes*/
    border-left: 1px solid #465A64;
    border-right: 1px solid #465A64;
}

/***************************************************************************
TABLAS
***************************************************************************/
.dvSegOficina table{
    border-collapse: collapse;
    font-size:8pt;
    /*border: 1px solid #DADEE0;*/
}

.dvSegOficina table td {
    padding:4px;
    border: 1px solid #DADEE0;
}

.dvSegOficina table thead{
    text-align: center;
    font-weight:bold;
}

.dvSegOficina table tfoot{
    text-align: center;
    font-weight: bold;
    font-size: 9pt;
}

.dvSegOficina #tbInspectoresOficina tbody tr:hover {
    background-color: #F6F7F7; 
    cursor:pointer; 
}

/***************************************************************************
MENU DE PESTAÑAS
***************************************************************************/
.dvSegOficina #dvMenuSegOficina{
    width: 100%; height: 29px; background:#455A64; font-size: 13px; font-weight: bold; color: #FFF; text-align: center;
    cursor:pointer;
}

.dvSegOficina #dvMenuInspecciones {
    margin-left: 0;
    height: 100%;
    width: 125px;
    background: #7D8B93;
    float: left;
}

.dvSegOficina #dvMenuCapacitacion {
    height: 100%;
    width: 125px;
    background: #455A64;
    float: left;
    border-left: 1px solid #8F9CA2;
    border-right: 1px solid #8F9CA2;
}

.dvSegOficina #dvMenuInfoAdmin{
    height: 100%; width: 250px; background: #455A64; float: left;
}

.dvBarra #dvMenuInspecciones {
cursor:pointer;
}

/***************************************************************************
PANEL DE INSPECCIONES
***************************************************************************/
.dvSegOficina #dvOficinaInspecciones{
    height: 561px; width: 100%;
}

#dvOficinaInspecciones div.seperadorDePaneles{
    background:#ED7D31;
}

#dvOficinaInspecciones #dvTablasInspecciones{
    width: 100%; height: 240px;
}

#dvTablasInspecciones #dvGraficoPorResultados {
    height:100%; width:33%; float:left;
}

#dvTablasInspecciones #dvTablaPorMateria {
    height:100%; width:33%; float:left; border-left: 1px solid #DADEE0; border-right:1px solid #DADEE0;
}

#dvTablasInspecciones #dvTablaPorOperativo {
    height:100%; width:33.8%; float:left;
}

#dvOficinaInspecciones #dvTablasInferiores{
    width: 100%; height: 200px;
}

#dvOficinaInspecciones #dvTablaResoluciones{
    width: 46%; height: 200px; float: left; border-right: 1px solid #45AEAE;
}

#dvOficinaInspecciones #dvTablaSupervisiones{
    width: 53.9%; height: 200px; float: left;
}

/***************************************************************************
PANEL DE CAPACITACION
***************************************************************************/
#dvOficinaCapacitacion {
    height: 561px; width: 100%;
}

#dvOficinaCapacitacion div.seperadorDePaneles{
    background:#205EA8; color:#FFF; text-align:center; font-weight:bold;
}

#dvOficinaCapacitacion #dvTablasCapacitacion{
    width: 100%; height: 435px; border-bottom: 5px solid #205EA8; overflow:auto;
}

#dvTablasCapacitacion table {
    width:100%;
}

#dvTablasCapacitacion table td {
    padding: 9px 5px;
}

#dvTablasCapacitacion table td:nth-child(1) {
    width:auto;
}

#dvTablasCapacitacion table td:nth-child(2) {
    width:auto;
}

#dvTablasCapacitacion table td:nth-child(3) {
    width:auto;
}

#dvTablasCapacitacion table td:nth-child(4) {
    width:140px;
    text-align:center;
}

#dvTablasCapacitacion table td:nth-child(5) {
    width:140px;
    text-align:center;
}

#dvTablasCapacitacion table thead {
    font-size:12pt; font-weight:bold; background:#E3E6E8; text-align:center;
}

/***************************************************************************
PANEL DE INFORMACION ADMINISTRATIVA
***************************************************************************/
.dvSegOficina #dvOficinaInfoAdmin{
    height: 561px; width: 100%;
}

#dvOficinaInfoAdmin div.seperadorDePaneles{
    background:#A269A3; color:#FFF; text-align:center; font-weight:bold;
}

#dvOficinaInfoAdmin #dvTablasInfoAdmin{
    width: 100%; height: 435px; border-bottom: 5px solid #A269A3; overflow:auto;
}


#dvTablasInfoAdmin table {
    width:1320px;
}

#dvTablasInfoAdmin table td {
    padding: 9px 5px;
}

#dvTablasInfoAdmin table thead {
    font-size:12pt; font-weight:bold; background:#E3E6E8; text-align:center;
}

/***************************************************************************
DetalleIns.aspx: Estilos para Seguimiento de Inspector
***************************************************************************/
.dvSegInspector{

}

.dvPanelInspeccionesTitulo {
    width: 100%; 
    height: 171px;
}

.dvPanelInspeccionesTitulo #dvDatosInspectores1 {
    width:50%; height:100%; float:left; border-right:1px solid #DADEE0;
}

.dvPanelInspeccionesTitulo #dvDatosInspectores1 table{
    margin-left:5px;
}

.dvPanelInspeccionesTitulo #dvContribucionMensual{
    width:23%; 
    height:100%; 
    float:left; 
}

.dvPanelInspeccionesTitulo #dvContribucionAnual{
    width: -webkit-calc(27% - 2px);
	width:    -moz-calc(27% - 2px);
	width:         calc(27% - 2px);
    height:100%; 
    float:left;
}

.tablaContribucion {
    border-collapse: collapse;
    text-align:center;
    padding:0;
    margin:0;
    border:1px solid #DADEE0;
    width:100%;
    height:100%;
    color: #455A64;
}

.tablaContribucion td {
   border:1px solid #DADEE0;
}

.tablaContribucion td:nth-child(1) {
    width:33%
}

.tablaContribucion td:nth-child(2) {
    width:33%;
}

.tablaContribucionOficinalAnual td:nth-child(3) {
    width: -webkit-calc(34% - 4px);
	width:    -moz-calc(34% - 4px);
	width:         calc(34% - 4px);
}

.tablaContribucion thead {
    font-size: 10pt;
    height: 30px;
    font-weight:bold;
}

.tablaContribucion tbody tr:nth-child(1) {
    height:50%;
}

.tablaContribucion tr:nth-child(2) {
    height:50%;
}

.tablaContribucion tbody td:nth-child(2) p{
    width:94%;
    height: -webkit-calc(100% - 35px);
	height:    -moz-calc(100% - 35px);
    height:         calc(100% - 35px);
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    font-size:8pt;
    text-align:center;
}

.tablaContribucion tbody td:nth-child(3) p{
    width:94%;
    height: -webkit-calc(100% - 35px);
	height:    -moz-calc(100% - 35px);
    height:         calc(100% - 35px);
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    font-size:8pt;
    text-align:center;
}

.tablaContribucion tbody td p{
    width:94%;
    margin:auto;
    font-size:8pt;
    text-align:center;
}








/*Caso Espacial para Tabla Anual de Oficina*/
.tablaContribucionOficinalAnual {
    border-collapse: collapse;
    text-align:center;
    padding:0;
    margin:0;
    border:1px solid #DADEE0;
    width:100%;
    height:100%;
    color: #455A64;
}

.tablaContribucionOficinalAnual td {
   border:1px solid #DADEE0;
}

.tablaContribucionOficinalAnual td:nth-child(1) {
    width:26%
}

.tablaContribucionOficinalAnual td:nth-child(2) {
    width:26%
}

.tablaContribucionOficinalAnual td:nth-child(3) {
    width:26%
}

.tablaContribucionOficinalAnual td:nth-child(4) {
    width: -webkit-calc(22% - 5px);
	width:    -moz-calc(22% - 5px);
	width:         calc(22% - 5px);
}

.tablaContribucionOficinalAnual thead tr:nth-child(1) {
    height: 30px;
    font-size: 10pt;
}

.tablaContribucionOficinalAnual tbody tr:nth-child(1) {
    height:50%;
}

.tablaContribucionOficinalAnual tbody tr:nth-child(2) {
    height:50%;
}


.tablaContribucionOficinalAnual tbody td:nth-child(2) p{
    width:94%;
    height: -webkit-calc(100% - 35px);
	height:    -moz-calc(100% - 35px);
    height:         calc(100% - 35px);
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    font-size:8pt;
    text-align:center;
}

.tablaContribucionOficinalAnual tbody td:nth-child(3) p{
    width:94%;
    height: -webkit-calc(100% - 35px);
	height:    -moz-calc(100% - 35px);
    height:         calc(100% - 35px);
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    font-size:8pt;
    text-align:center;
}

.tablaContribucionOficinalAnual tbody td p{
    width:94%;
    margin:auto;
    font-size:8pt;
    text-align:center;
}



/***************************************************************************
FIN DE NUEVOS ESTILOS
***************************************************************************/



















/******************************************************************************************************************************************
VIEJOS ESTILOS
******************************************************************************************************************************************/
div{
    margin: 0;
    padding: 0;
}

.dvMain{
    /*Dimensiones*/
    width: 1338px;
    height: 588px;
    /*Margenes*/
    margin: 5px auto;
    /*Bordes*/
    border-left: solid 1px #455A64;
    border-right: solid 1px #455A64;
    /*Fuentes*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #455A64;
    font-size: 12px;
}

.dvMainOficina{
    /*Dimensiones*/
    width: 1250px;
    height: 635px;
    /*Margenes*/
    margin: 5px auto;
    /*Bordes*/
    border-left: solid 1px #455A64;
    border-right: solid 1px #455A64;
    /*Fuentes*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #455A64;
    font-size: 10pt;
}

.dvMainOficina table{
    border-collapse: collapse;
    font-size:8pt;

    /*border: 1px solid #DADEE0;*/
}

.dvMainOficina table thead td{
    text-align: center;
    padding:4px;
}

.dvMainOficina table td {
    padding:4px;
    border: 1px solid #DADEE0;
}

.dvMainOficina #tbInspectoresOficina tbody tr:hover {
    background-color: #F6F7F7; 
}



.dvMain table{
    border-collapse: collapse;
    /*border: 1px solid #DADEE0;*/

}

.dvMain table thead td{
    text-align: center;
    font-weight:bold;
    padding:5px;
}

.dvMain table td {
    padding:5px;
    border: 1px solid #DADEE0;
}

.color2ndCol{
    background: #FADECB;
    text-align: center;
    cursor:pointer;
}




.colorTot{
    background: #ED7D31;
    text-align: center;
    text-align: center;
    color:#FFF;

}
.color3raCol{
    background: #F4B183;
    text-align: center;
    cursor:pointer;
}


/*Paneles de Mapa y Datos de Inspecciones*/
#dvPanelMap{
    width: 612px;
    height: 100%;
    float: left;
}

#dvPanelData{
    width: 726px;
    height: 100%;
    float: left;
}

.dvColorBarTopMap{
    height: 25px;
    width: 100%;
    background: #455A64;
    color:#FFF;
    font-size: 13px;
    text-align:center;
    font-weight: bold;

}

.dvColorBarTopData{
    height: 25px;
    width: 100%;
    background: #ED7D31;
    /**/
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    /**/
    display: flex;
    justify-content: center;
    align-items: center;
}

.dvColorBarBtmMap{
    height: 5px;
    width: 100%;
    background: #455A64;
}

.dvColorBarBtmData{
    height: 5px;
    width: 100%;
    background: #ED7D31;
}

/*Barra vertical con gradiente. Division de los paneles Izquierdo y derecho*/
.dvVertDegradado{
    float: left;
    height: 100%;
    width: 13px;
    background: rgba(189,189,189,1);
    background: -moz-linear-gradient(left, rgba(189,189,189,1) 0%, rgba(255,255,255,0.13) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(189,189,189,1)), color-stop(100%, rgba(255,255,255,0.13)));
    background: -webkit-linear-gradient(left, rgba(189,189,189,1) 0%, rgba(255,255,255,0.13) 100%);
    background: -o-linear-gradient(left, rgba(189,189,189,1) 0%, rgba(255,255,255,0.13) 100%);
    background: -ms-linear-gradient(left, rgba(189,189,189,1) 0%, rgba(255,255,255,0.13) 100%);
    background: linear-gradient(to right, rgba(189,189,189,1) 0%, rgba(255,255,255,0.13) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='#ffffff', GradientType=1 );
}


/********************************************************************************/
#txtBusqueda{
    margin-top: 18px;
    width: 496px;
    height: 24px;
    margin-left: 20px;
    /*Borde redondeado*/
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #CCCCCC;
}

#btnBusqueda{
    padding: 0;
    width: 68px;
    height: 32px;
    /*margin-top: 18px;*/
    margin-left: 5px;
    background: #CDCDCD;

    /*Borde redondeado*/
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px none #000000;

    /*Sombra*/
    -webkit-box-shadow: 0px 3px 0px 0px rgba(163,163,163,0.8);
    -moz-box-shadow: 0px 3px 0px 0px rgba(163,163,163,0.8);
    box-shadow: 0px 3px 0px 0px rgba(163,163,163,0.8);
}
#ibtBusqueda
{
    padding: 0;
    /*margin-top: 23px;*/
    margin-left: 5px;
}



/*********************************************************************************************************************
Estilos para Inspectores #758383
/*********************************************************************************************************************/
.dMainHeaderIns {
    height: 19px;
    width: 100%;
    background: #455A64;
    padding: 0;
    margin: 0;
    /*Opciones de texto*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:white;
    text-align:center;
}

.dMainIns{
    margin: 10px 10px;
    height: 590px;
    width: 1250px;
    /*border-left: 1px solid #758383;
    border-right: 1px solid #758383;
    border-bottom: 1px solid #758383;*/
}

.dTopBodyInsp{
        height: 180px;
}

.dMidTopInsp {
    height: 19px;
    width: 100%;
    background: #ED7D31;
    /*Opciones de texto*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:white;
    text-align:center;

}

.dBodyBotTopIns{
    height: 19px;
    width: 100%;
    background: #194e5c;
    /*Opciones de texto*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:white;
    text-align:center;

}




.dMidBodyInsp{
        height: 205px;
}
.dDerColorTopIns {
    height: 25px;
    width: 100%;
    background: #455A64;
    padding: 0;
    margin: 0;
    /*Opciones de texto*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#FFF;
    text-align:center;
    font-size: 18px;
    font-weight: bold;
    /*display: flex;*/
    
    justify-content: center;
    align-items: center;


}
.dDerBodyIns {
    height: 566px;
    width: 100%;
    /*Opciones de texto*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 16px;
    text-align:left;
    border:none;
}

.dvColBarTopIns{
    height: 19px;
    width: 100%;
    background: #455A64;
    /**/
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    /**/
    display: flex;
    justify-content: center;
    align-items: center;
}

.dvColorBarLisIns{
    height: 5px;
    width: 100%;
    background: #455A64;
}

.dvMainIns {
    /*Dimensiones*/
    width: 638px;
    height: 588px;
    /*Margenes*/
    margin: 5px auto;
    /*Bordes*/
    border-left:none ;
    border-right:none ;
    border: none;
    /*Fuentes*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #455A64;
    /*font-size: 18px;*/
}
.tIns
{
    border:0;
}



/********************************Para Tab Nacional*/
.dvMainNacional{
    /*Dimensiones*/
    width: 726px;
    height: 590px;
    /*Margenes*/
    /*margin: 5px auto;*/
    /*Bordes*/
    /*border-left: solid 1px #455A64;
    border-right: solid 1px #455A64;*/
    /*Fuentes*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #455A64;
    font-size: 10pt;
}



/********************************Para Lista de Oficinas por estado********************/
#tbListaOficinas tr:hover {
    font-weight:bold;
    color:#3FA9F5;
}

#tbListaOficinas {
    border: 1px solid #DADEE0;
}


/********************************Para Lista de Oficinas por estado capacitación e info admin********************/
#tbListaOficinasCap tr:hover {
    font-weight:bold;
    color:#3FA9F5;
}

.capNal:hover {
    font-weight:bold;
    color:#3FA9F5;
}


.panelCapOfi{
    display:none;
	margin: 0;
	width: 1250px;
	height: 450px;
	background: #FFF;
    z-index: 500;

    position:absolute;


    left: -webkit-calc(45.5% - 600px);
	left:    -moz-calc(45.5% - 600px);
	left:         calc(45.5% - 600px);

    top: 10%;
	top: 10%;
	top: 10%;

    border: 1px solid #000;
}


.panelRanking{
    display:none;
	margin: 0;
	width: 1000px;
	height: 450px;
	background: #FFF;
    z-index: 500;

    position:absolute;


    left: -webkit-calc(60% - 600px);
	left:    -moz-calc(60% - 600px);
	left:         calc(60% - 600px);

    top: 20%;
	top: 20%;
	top: 20%;

    border: 1px solid #000;
}

#dvOficinaCapacitacionNal {
    height: 561px; width: 98%;
}

#dvOficinaCapacitacionNal div.seperadorDePaneles{
    background:#205EA8; color:#FFF; text-align:center; font-weight:bold;
}

#dvOficinaCapacitacionNal #dvTablasCapacitacion{
    width: 100%; height: 400px; border-bottom: 5px solid #205EA8; overflow:auto;
}

#dvOficinaCapacitacionNal table {
    width:100%;
}

#dvOficinaCapacitacionNal table td {
    padding: 9px 5px;
}

#dvOficinaCapacitacionNal table td:nth-child(1) {
    width:auto;
}

#dvOficinaCapacitacionNal table td:nth-child(2) {
    width:auto;
}

#dvOficinaCapacitacionNal table td:nth-child(3) {
    width:auto;
}

#dvOficinaCapacitacionNal table td:nth-child(4) {
    width:130px;
    text-align:center;
}

#dvOficinaCapacitacionNal table td:nth-child(5) {
    width:130px;
    text-align:center;
}

#dvOficinaCapacitacionNal table thead {
    font-size:12pt; font-weight:bold; background:#E3E6E8; text-align:center;
}


#dvCapacitacionRanking #dvTablaRanking{
    width: 100%; height: 423px; border-bottom: 5px solid #205EA8; overflow:auto;
}


.pCapRankingBarraMenu{
	height: 30px;
	width: 100%;
    background: #205EA8;
    color: #FFF;
    
}