/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15/09/2014, 11:39:28
    Author     : FreddyNieto
*/

/*Evaluacion 360 Talento Humano - Temporal*/
.Pubs {
    display: none;
    background: #F0F0F0;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -251px;
    z-index: 1000;
    border: solid 1px #CCC;
}
.Pubs .Imagen {
    background: #FFF url(../images/DISCIPLINA_1.JPG) 0 0 no-repeat;
    width: 349px;
    height: 473px;
    cursor: pointer;
}

.Pubs .Imagen .pubTitulo {
    position: absolute;
    font-size: 17px;
    color: #666;
    font-weight: bold;
    top: 110px;
    right: 35px;
}

.Pubs .Imagen .pubMensaje {
    position: absolute;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    line-height: 24px;
    bottom: 55px;
    right: 30px;
    width: 375px;
}

.Pubs .Ctrls {
    display: block;
    text-align: right;
}

.PubsHide {
    display: none;
    background: none;
    position: fixed;
    z-index: 1000;
    top: 10px;
    right: 20px;
    border: none;
}
.PubsHide .Imagen {
    background: #FFF url(../images/MensajeDia.JPG) 0 0 no-repeat;
    width: 503px;
    height: 55px;
    cursor: pointer;
}
.PubsHide .Ctrls {
    display: block;
    text-align: right;
}

/*JAVASCRIPT ACTIVO*/
#NoScript {
    display: none; /*block en producción*/
    background: #999;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    text-align: justify;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    font-weight: normal;
}
#NoScript div {
    position: absolute;
    background: #C9C9C9;
    border: solid 1px #000;
    padding: 10px 10px;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
}
#NoScript div span {
    display: block;
    background: #999;
    color: #333;
    padding: 10px 5px;
    text-align: center;
    font-size: 18px;
}
#NoScript div p {
    display: block;
    background: #FFF;
    color: #333;
    padding: 20px 20px;
    line-height: 1.5em;
}
#NoScript div p a {
    color: #369;
    text-decoration: none;
}
#NoScript div p a:hover {
    color: #369;
    text-decoration: underline;
}
body 
{
    font: 14px "Calibri", Verdana, Geneva, sans-serif;
    color:#333;
    margin: 20px 20px;
    background: none;
}
input, textarea, select {
    font: 14px "Calibri", Verdana, Geneva, sans-serif;
}
label {
    cursor: pointer;
}
.Banner {
    background: url('../images/LogoSmall.jpg') left center no-repeat #FFF;
    font-size: 26px;
    padding: 10px 10px 10px 65px;
    text-align: left;
    width: auto;
    margin: 0 auto;
    text-transform: uppercase;
}
.Banner .Session
{
    float: right;
    font-size: 14px;
}
.Banner .Session span {
    font-weight: bold;
    color: #666;
    float: right;
}
.Banner .Session a {
    float: right;
    text-decoration: none;
    color: #369;
}
.Banner .Session a:hover {
    text-decoration: none;
    color: #333;
}
#Session {
    position: absolute;
    top: 30px;
    right: 25px;
    text-align: right;
}
#Menu {
    display: block;
    background: #CCC;
    width: auto;
    margin: 0 auto;
}
#Menu li:hover>ul {
    display: block;
}
#Menu li:hover>a {
    background: #999;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
}
#Menu li {
    display: inline-block;
}
#Menu li a.Inicio {}
#Menu li a {
    background: #CCC;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 10px;
    color: #000;
    border-right: solid 1px #FFF;
}
#Menu li a:hover {
    display: block;
    text-decoration: none;
    background: #999;
    color: #FFF;
}
#Menu li ul {
    position: absolute;
    display: none;
    background: #FFF;
    width: auto;
    margin: 0 0;
    padding: 0 0;
    z-index:100;
    border-bottom: solid 1px #999;
}
#Menu li ul li {
    display: table-row;
}
#Menu li ul li a {
    background: #CCC;
    display: block;
    text-decoration: none;
    text-transform: none;
    padding: 5px 15px;
    color: #333;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-top: solid 1px #FFF;
}
#Menu li ul li a:hover {
    display: block;
    text-decoration: none;
    background: #999;
    color: #FFF;
    padding: 5px 10px 5px 20px;
    text-shadow: 1px 1px 1px #000;
}
#Menu li ul li ul {
    position: absolute;
    margin-left: 100%;
    width: 100%;
    border-left: solid 1px #FFF;
    border-top: none;
    border-right: none;
    border-bottom: none;
}
#Menu li ul li ul li {
    display: block;
    width: 100%;
}
#Menu li ul li ul li a {
    display: block;
    width: 100%;
}
/*Pagina*/
.Cuerpo {
    width: auto;
    margin: 0 auto;
    padding: 10px 0;
    /*background: #FFF url(../images/Logo1.jpg) no-repeat 30px 30px;*/
    /*background: #FFF url(../images/th8small.JPG) no-repeat 0 55px;*/
    /*min-height: 493px;*/
}
.Cuerpo .CuerpoMiddle {
    width: 800px;
    margin: 0 auto;
    padding: 10px 10px;
}
a {
    color: #369;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: underline;
}
.Pie 
{
    font-size: 14px;
    padding: 10px 0;
    text-align: left;
    width: auto;
    margin: 0 auto;
    background: #FFF;
}
.DatosSession {
    width: 680px;
    text-align: right;
    font-size: 14px !important;
    margin: 0 auto;
    padding: 0 20px;
}
.DatosSession span {
    font-weight: bold;
    color: #666;
}
.DatosSession a {
    text-decoration: none;
    color: #369;
}
.DatosSession a:hover {
    text-decoration: none;
    color: #333;
}
/*MODULOS*/
#Modulos
{
    background: url(../images/logo.jpg) no-repeat center center;
    width: 800px;
    height: 400px;
    margin: 0 auto;
    text-align: center;
}
#Modulos div {
    background: #CCC;
    /*background:rgba(0,0,0,0.3);*/
    display: grid;
    border: solid 1px #FFF;
    float: left;
    margin: 10px 10px;
    /*-webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;*/
}
#Modulos div a {
    padding: 15px 15px;
    color: #666;
	text-decoration: none;
	text-align: left;
	border: solid 1px #FFF;
    display: block;
    width: 200px;
    height: 150px;
    position: relative;
    /*-webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;*/
}
#Modulos div a .tituloModulo {
    text-shadow: 1px 1px 1px #FFF;
    font-size: 20px;
    color: #000;
    display: block;
}
#Modulos div a .descripcionModulo {
    font-family: 'Segoe UI';
    font-size: 12px;
    display: block;
    list-style: square;
}
#Modulos div a .descripcionModulo i {
    background-image: url(/images/new.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 5px 10px;
    margin-left: 5px;
}
#Modulos div a img {
    position: absolute;
    bottom: 5px;
    right: 5px;
}
#Modulos div:hover {
    border: solid 1px #999;
}

.cLogin {
    padding: 50px 0;
}
.TblLogin {
    margin: 0 auto;
    border-collapse: collapse;
}
.TblLogin tr th {
    background-color:  #F0F0F0;
    font-size: 21px;
    color: #333;
    padding: 10px 20px;
    border-bottom: dashed 1px #999;
}
.TblLogin tr td {
    padding: 10px 20px;
    font-size: 16px;
    text-align: left;
}
.TblLogin tr td input[type=text] {
    width: 200px;
}
.TblLogin tr td input[type=password] {
    width: 200px;
}
.TblLogin tr td input[type=submit] {
    width: 100%;
    background-color: #5D7B9D;
    border: none;
    color: #FFF;
    padding: 8px 10px;
}
.TblLogin tr td .Login, .TblLogin tr td .Pwd {
    font-size: 14px;
    color: #333;
    padding: 5px 5px;
}
.TblLogin tr .Controles {
    text-align: center;
}
.ForgetPassword {
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    width: 400px;
    text-align: center;
}
.TblLogin tr td .Sesion {
    font-size: 14px;
    padding: 5px 10px;
    width: 150px;
}
.Ctrl {
    width: 400px !important;
}
.TblProcesos {
    margin: 0 auto;
}
.TblProcesos tr th, .TblProcesos tr td {
    padding: 5px 10px;
}
.TblProcesos tr th {
    font-size: 18px;
    background: #CCC;
    color: #444;
    padding: 3px 3px;

}
.TblProcesos tr td {
    vertical-align: middle;
}
.TblProcesos tr td .Adjunto {
    font-style: italic;
    color: #457146;
}
.TblProcesos tr .Controles {
    text-align: center;
}
.TblProcesos tr td table tr td {
    border: none;
}
.lblObl {
    font-weight: normal !important;
    font-size: 14px !important;
    position: absolute !important;
    /*margin-top: -4px;*/
    color: #F00 !important;
    padding: 5px 5px !important;
    border:solid 1px #DD3C10 !important;
    background-color:#FFEBE8 !important;
}
.Comandos {
    text-align: center;
/*    max-width: 600px;*/
    margin: 0 auto;
}
.saiComando {
    padding: 5px;
}
.saiComando input[type=button], input[type=submit] {
}
.Filtros {
    text-align: center;
    padding: 5px 0;
    background: #FFF;
}
.Mensajes {
    margin: 5px auto;
    text-align: center;
    padding: 5px 0;
}
.Mensajes span {
    border:solid 1px #E2C822;
    background-color:#FFF9D7;
    padding: 4px 8px;
    text-align:center;
    margin: 0 auto;
}
.Mensajes .Correcto {
    border:solid 1px #669900;
    background-color:#F8FFF0;
}
.Mensajes .Error {
    border:solid 1px #DD3C10;
    background-color:#FFEBE8;
}
.Mensajes .Aviso {
    border:solid 1px #E2C822;
    background-color:#F8FFF0;
}

.Mensajes .Cor {
    border:solid 1px #669900;
    background-color:#F8FFF0;
    display:none;
}
.Mensajes .Err {
    border:solid 1px #DD3C10;
    background-color:#FFEBE8;
    display:none;
}
.Mensajes .Avi {
    border:solid 1px #E2C822;
    background-color:#FFF9D7;
    display:none;
}
.Invisible {
    visibility:hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute;
}
.Oculto {
    display: none;
}
.Load{background: #fff;text-align:center;position:fixed;top:50%;left:50%;margin-top:-46px;margin-left:-72px;padding:20px 20px;border:solid 1px #ccc;}
.WaitGen{background: #fff;text-align:center;display:none;position:fixed;top:50%;left:50%;margin-top:-46px;margin-left:-72px;padding:20px 20px;border:solid 1px #ccc;}
.WaitAjax{background: #fff;text-align:center;display:none;position:fixed;top:50%;left:50%;margin-top:-46px;margin-left:-72px;padding:20px 20px;border:solid 6px #999;z-index:1000;}
.MsgAvi{border:solid 1px #E2C822;background-color:#FFF9D7;padding:4px 8px 4px 8px;text-align:center;display:block;margin: 5px 10px;}
.MsgErr{border:solid 1px #DD3C10;background-color:#FFEBE8;padding:4px 8px 4px 8px;text-align:center;display:block;margin: 5px 10px;}
.MsgCor{border:solid 1px #669900;background-color:#F8FFF0;padding:4px 8px 4px 8px;text-align:center;display:block;margin: 5px 10px;}
/*Log*/
.Log {
    padding:4px 4px;
    text-align:left;
    display: block;
    max-width: 600px;
    margin: 0 auto;
    background: #FFF;
}
.Log span {
    text-align:center;
    display: block;
    font-size: 14px;
    font-weight: bold;
}
.Log p {
    border:solid 1px #669900;background-color:#F8FFF0;padding:4px 8px 4px 8px;text-align:left;display:block;margin: 5px 10px;
}
.Log div {
    border:solid 1px #DD3C10;background-color:#FFEBE8;padding:4px 8px 4px 8px;text-align:left;display:block;margin: 5px 10px;
}
.Modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #999;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}
.Cargando {
    font-family: Arial;
    font-size: 10pt;
    border: 10px solid #666;
    width: 200px;
    height: 100px;
    margin-top: -70px;
	margin-left: -120px;
    top: 50%;
    left: 50%;
    display: none;
    position: fixed;
    background-color: #fff;
    z-index: 999;
    text-align: center;
    padding: 10px 10px;
}
.Ok {
    background: url(../images/Ok.png) no-repeat center center;
    width: 16px;
    height: 16px;
    display: block;
}
.Alert {
    background: url(../images/Alert.png) no-repeat center center;
    width: 16px;
    height: 16px;
    display: block;
}
.TitPagina {
    margin: 10px auto 1px auto;
    padding: 5px 5px;
    font-size: 18px;
    color: #222;
    background: #CCC;
    display: block;
    text-align: center;
}
caption {
    background: #ccc;
    padding: 5px 5px;
    font-size: 18px;
}
.Reportes {
    margin: 0 auto;
    background: #FFF;
}
.Reportes tr th, .Reportes tr td {
    padding: 5px 5px;
    vertical-align: middle;
}
.cPagos {
    position:relative;
}
.Reportes tr td .SubReportes {
    text-align: left;
    display: none;
    position: absolute;
    background: #fff;
    padding: 1px 1px;
    border: solid 1px #999;
    right: 0;
    z-index: 10;
}
.Reportes tr td .SubReportes table {
    min-width: 400px;
}
.Reportes tr td .SubReportes table tr th {
    background: #5D7B9D;
    color: #FFF;
}
.TogglePagos {
}
.Fila {
    border-bottom: solid 1px #CCC !important;
}
.Fila:hover {
    background: #FFF9D7 !important;
    cursor: default !important;
}
.CellDer {
    text-align: right !important;
}
.CellCen {
    text-align: center !important;
}
.CellCenVer {
    vertical-align: middle !important;
}
/*MessageBox*/
#Popup_overlay{position:fixed;top:0;left:0;height:100%;width:100%;}
.Popup_hide{z-index:-100;}
.Popup_overlayBG{background-color:#000;z-index:153;}
* html #Popup_overlay{/*ie6 hack*/ position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');}
.MessageBox {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	/*width: 300px;
	margin-top: -100px;
	margin-left: -150px;*/
	border: solid 1px #333333;
	background: #E2DED6;
	padding: 5px 5px;
	z-index: 1000;
}
.MessageBox .Titulo {
    background: #999;
    padding: 10px 15px;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
}
.MessageBox .Content {
    background: #FFFFFF;
    padding: 15px 20px;
    font-size: 14px;
    text-align: left;
}
.MessageBox .Controles {
    text-align: right;
    padding: 5px 0 0 5px;
}
.MessageBox .Controles input {
    padding: 3px 10px;
}
/*Popup*/
.Popup {
    position: fixed;
    display: none;
    background: url(../images/Popup_Background.png) top left repeat;
    padding: 10px 10px;
    top: 50%;
    left: 50%;
    z-index: 100;
}
.Popup .Contenedor {
    border: solid 1px #000;
    background: #fff;
}
.Popup .Contenedor .Titulo {
    background: #CCC;
    padding: 5px 10px;
    font-size: 18px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.Popup .Contenedor .SubTitulo {
    background: #E2DED6;
    padding: 5px 10px;
    font-size: 16px;
    text-align: center;
    color: #333;
}
.Popup .Contenedor .Wait {
    position: absolute;
    background: url(../images/Popup_Background.png) top left repeat;
    text-align:center;
    display:block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.Popup .Contenedor .Wait div {
    display: block;
    background-color: #ffffff;
    padding: 10px;
    margin: 0 auto;
    margin-top: 250px;
    width: 150px;
    height: 50px;
}
.Popup .Contenedor .Lista {
    overflow: auto;
    height: 500px;
    width: 500px;
}
.Popup .Contenedor .Lista table {
    width: 100%;
}
.Popup .Contenedor .Lista table tr th {
    padding: 8px 15px;
    text-align: left;
    font-size: 14px;
    background: #5D7B9D;
    color: #FFF;
    text-transform: uppercase;
}
.Popup .Contenedor .Lista table tr td {
    padding: 5px 15px;
    border-bottom: dashed 1px #cccccc;
}
.Popup .Contenedor .Lista table tr:hover>td {
    background: #f0f0f0;
    color: #000000;
    cursor: pointer;
}

.Popup .Contenedor .ListaDistribucion {
    overflow: auto;
    max-height: 300px;
}
.Popup .Contenedor .ListaDistribucion table {
    width: 100%;
}
.Popup .Contenedor .ListaDistribucion table tr th {
    padding: 2px 5px;
    text-align: left;
    font-size: 14px;
    background: #5D7B9D;
    color: #FFF;
}
.Popup .Contenedor .ListaDistribucion table tr td {
    padding: 2px 5px;
}
.Popup .Contenedor .ListaDistribucion table tr:hover>td {
    background: #cbe1f2;
    color: #369;
    cursor: pointer;
}

.Popup .Contenedor .Entidad {
    padding: 10px 20px;
    max-height: 500px;
    overflow: auto;
}
.Popup .Contenedor .Entidad table{
    margin: 0 auto;
}
.Popup .Contenedor .Entidad table tr th {
    background: #5D7B9D;
    color: #FFF;
    padding: 3px 5px;
}
.Popup .Contenedor .Entidad table tr td {
    padding: 3px 5px;
    vertical-align: middle;
}
.Nota {
    padding: 5px 5px;
    font-style: italic;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}
.Popup .Contenedor .Entidad table tr td .txt {
    width: 50px;
}
.Popup .Contenedor .Entidad table tr td .AddBtn {
    background: url(../images/Add_16.png) center center no-repeat;
    padding: 0 10px;
}
.Popup .Contenedor .Entidad table tr td .AddBtn:hover {
    background: url(../images/Add_16.png) center center no-repeat #cbe1f2;
    cursor: pointer;
}
.Popup .Contenedor .Entidad table tr td .BusBtn {
    background: url(../images/Buscar_16.png) center center no-repeat;
    padding: 0 10px;
}
.Popup .Contenedor .Entidad table tr td .BusBtn:hover {
    background: url(../images/Buscar_16.png) center center no-repeat #cbe1f2;
    cursor: pointer;
}
.Popup .Contenedor .Controles {
    background: #E2DED6;
    text-align: center;
    padding: 10px 10px;
}
.Popup .Contenedor .Controles .BusBtn {
    background: url(../images/Buscar_16.png) center center no-repeat;
    padding: 3px 10px;
}
.Popup .Contenedor .Controles .BusBtn:hover {
    background: url(../images/Buscar_16.png) center center no-repeat #cbe1f2;
    cursor: pointer;
}
.Popup .Contenedor .Controles .ActBtn {
    background: url(../images/Actualizar_16.png) center center no-repeat;
    padding: 3px 10px;
}
.Popup .Contenedor .Controles .ActBtn:hover {
    background: url(../images/Actualizar_16.png) center center no-repeat #cbe1f2;
    cursor: pointer;
}
.Popup .Contenedor .Entidad table tr td span {
    color:#960;font-size:18px;line-height:10px;
}
.Popup .Contenedor .Entidad table tr td table {
    margin: 0 auto;
}
.Popup .Contenedor .Entidad table tr td table tr th {
    background: #CCC;
    color: #333;
    padding: 2px 5px;
    margin: 0 0;
}
.Popup .Contenedor .Entidad table tr td table tr th span {
    color: #333;
    font-size: 14px;
}
.Popup .Contenedor .Entidad table tr td table tr td {
    padding: 2px 2px;
    margin: 0 0;
}
.ConReportes {
}
.ConReportes tr td {
    padding: 3px 3px;
}
/*Lista de selección - Popup*/
.PopupSel {
    position:absolute;
    border: solid 1px #333;
    padding: 1px 1px;
    width: 100%;
    max-height: 180px;
    background: #fff;
    overflow: auto;
    display:none;
}
.PopupSel .Wait{
    text-align:center;
    padding: 5px 5px;
    display:block;
}
.PopupSel table {
    width: 100%;
}
.PopupSel table tr td {
    padding: 5px 10px !important;
}
.PopupSel table tr:hover {
    background: #cbe1f2;
    color: #369;
    cursor: pointer;
}
/*Lista de Selección*/
.ListaPreSel {
    display:none;
    border: solid 1px #999;
    padding: 1px 1px;
    max-height: 180px;
    background: #fff;
    overflow: auto;
}
.ListaPreSel .Wait{
    text-align:center;
    padding: 5px 5px;
    display:block;
}
.ListaPreSel table {
    width: 100%;
}
.ListaPreSel table tr th {
    padding: 5px 10px;
    text-align: left;
    font-size: 14px;
}
.ListaPreSel table tr td {
    padding: 5px 10px;
}
.ListaPreSel table tr:hover {
    background: #cbe1f2;
    color: #369;
    cursor: pointer;
}
/*Tab*/
.Tab {
    font-size: 14px;
    padding: 3px 8px;
    margin: 0 0;
    text-align: center;
}
.Tab li {
    display: inline;
    padding: 0 0;
    margin: 0 2px 0 0;
}
.Tab li a.Sel, .Tab li a.Sel:hover {
    background: #CCC;
    padding: 6px 8px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}
.Tab li a {
    background: #E2DED6;
    padding: 3px 8px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}
.Tab li a:hover {
    background: #CCC;
    color: #000;
}
.Tabs {
    background: #FFF;
    display: none;
    padding: 10px 10px;
    overflow: auto;
}
.TabsSel {
    background: #FFF;
    display: block;
    border-top: solid 3px #CCC;
    border-right: solid 2px #CCC;
    border-bottom: solid 2px #CCC;
    border-left: solid 2px #CCC;
    padding: 10px 10px;
    overflow: auto;
}
.TabsSel table, .Tabs table {
    margin: 0 auto;
}
/*Ficha Proveedor*/
.Ficha {
    margin: 0 auto;
    background: #FFF;
}
.Ficha tr th {
    background: #5D7B9D;
    color: #FFF;
}
.Ficha tr .Controles {
    text-align: center;
}
.Ficha tr th, .Ficha tr td {
    padding: 5px 5px;
    vertical-align: middle;
}
.Ficha tr td .Adjunto {
    font-style: italic;
    color: #457146;
}
.Ficha tr .AliDer {
    text-align: right;
}
.Ficha tr td a {
    color: #369;
    text-decoration: none;
}
.Ficha tr td a:hover {
    color: #000;
    text-decoration: underline;
}
.Ficha tr .Nota {
    padding: 5px 5px;
    font-style: italic;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}
.Ficha tr td .Ctrl {
    width: 400px;
}
.Ficha tr td table {
    margin: 0 auto;
    background: #FFF;
}
.Ficha tr td table tr td {
}
.Ficha tr td table tr td .Parentesco {
}
.Ficha tr td table tr th {
    background: #CCC;
    color: #333;
}
/*Estado de Cuenta de Proveedores*/
.EstadoCuenta {
    background: #FFF;
    margin: 0 auto;
    text-align: left;
}
.EstadoCuenta tr th, .EstadoCuenta tr td {
    padding: 5px 5px;
    vertical-align: middle;
    border: solid 1px #333;
}
.EstadoCuenta tr .Proveedor {
    background: #999;
    color: #FFF;
    font-size: 18px;
}
.EstadoCuenta tr .Proyecto {
    background: #CCC;
    color: #FFF;
    font-size: 16px;
}
.EstadoCuenta tr .Cabeceras {
    background: #CCC;
    font-size: 14px;
}
.EstadoCuenta tr .Total {
    font-weight: bold;
    font-size: 16px;
    text-align: right;
}
.TotalSaldo {
    position: absolute;
    top: 1px;
    right: 50%;
    background: #CCC;
    font-weight: bold;
    font-size: 18px;
    text-align: right;
    padding: 5px 5px;
}
.ScrollControl {
    max-height: 140px;
    overflow: auto;
    border: solid 1px #999;
    width: 350px;
}
.ScrollControlFill {
    max-height: 100px;
    overflow: auto;
    border: solid 1px #999;
    padding: 1px 1px;
}
/*Reporte General*/
.Reporte {
    background: #FFF;
    margin: 0 auto;
    text-align: left;
}
.Reporte caption {
    background: #CCC;
    margin: 0 auto;
    text-align: center;
    color: #333;
}
.Reporte .Titulo th {
    background: #CCC;
    color: #444;
}
.Reporte tr th, .Reporte tr td {
    padding: 5px 5px;
    vertical-align: middle;
}
.Reporte .SubTitulo th {
    background: #F0F0F0;
    color: #666;
}
.Reporte .Cabeceras th {
    background: #5D7B9D;
    color: #FFF;
}
.DosColumnas {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.TresColumnas {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.CuatroColumnas {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
/*SIGMA*/
.sSeguridad {
    margin: 0 auto;
    background: #FFF;
}
.sSeguridad tr th {
    background: #CCC;
    color: #444;
    padding: 5px 5px;
    font-size: 18px;
}
.sSeguridad tr td {
    padding: 0 0;
    vertical-align: top;
}
.sSeguridad tr td.Botones {
    text-align: center;
    padding: 10px 5px;
    vertical-align: middle;
}
.sSeguridad tr td .sScroll{
    max-height: 300px;
    overflow: auto;
}
.sSeguridad tr td table {
    margin: 0 auto;
    background: #FFF;
    width: 100%;
}
.sSeguridad tr td table tr th, .sSeguridad tr td table tr td {
    padding: 5px 5px;
    vertical-align: middle;
    font-size: 14px;
}
.sSeguridad tr td table tr th {
    background: #5D7B9D;
    color: #FFF;
}
.MSChart{
    text-align: center;
}
/*Hoja de Ruta*/
.SegHojR {
    border: solid 1px #e02b2b;
    background: #ea5a5a;
    width: 24px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.SegHojG {
    border: solid 1px #206914;
    background: #69d15d;
    width: 24px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.SegHojY {
    border: solid 1px #b59914;
    background: #e6d651;
    width: 24px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.SegHojB {
    border: solid 1px #369;
    background: #5ab7fe;
    width: 24px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.SegHojC {
    border: solid 1px #999;
    background: #CCC;
    width: 24px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.DetalleHojaDoc {
    font-weight: bold;
    color: #333;
}
.DetalleHoja {
    /*font-family: Arial;*/
    display: block;
    font-size: 12px;
    color: #000;
    font-style: italic;
    padding: 2px 2px;
}
.ResReporteHoja {
    margin-top: 50px;
    width: 100%;
    background: #fff;
}
.ResReporteHoja tr td {
    text-align: center;
    padding: 5px 5px;
}
.ResReporteHoja tr .firmas {
}
.ResReporteHoja tr .firmaEnviado {
    width: 33%;
}
.ResReporteHoja tr .firmaEntregado {
    width: 34%;
}
.ResReporteHoja tr .firmaRecibido {
    width: 33%;
}
.ResReporteHoja tr .firmas span {
    border-bottom: solid 1px #333;
    padding: 3px 3px;
    text-align: center;
    display: block;
    width: 80%;
    margin: 0 auto;
}

.Seguros {
    font-size: 12px !important;
    width: 100%;
}

/*Multimedia*/
.ContenedorVideo {
    width: 800px;
    display: block;
    margin: auto auto;
    border: solid 1px #CCC;
    padding: 0 0;
}
.ContenedorVideo span {
    font-size: 18px;
    color: #222;
    background: #CCC;
    display: block;
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase;
}
Video {
    z-index:99;
    margin: 0 auto;
}
.ripconcito {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.ripconcito img {
    width: 225px;
    height: 300px;
}