/* Empresa  : GMI S.A. Ingenieros Consultores */
/* Proyecto : Estilos Sistema de Gestion de Proyectos */
/* Elaborado por : MCSD. Luis A. Rodríguez Silva */

body {

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Franja superior de la cabecera de las paginas */
.texto01
{
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 0px;
	font: 10px verdana;
	color: white;
	padding-top: 0px;
	text-decoration: none;
}

.texto01:hover
{
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 0px;
	font: bold 10px verdana;
	color: white;
	padding-top: 0px;
	text-decoration: none;
}

/* Etiquetas en formularios */
.texto02
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: #2B408A;
	padding-top: 5px;
}

/* Titulo en formularios */
.texto03
{
	font: bold 11px verdana;
	color: #2B408A;
	padding-left: 5px;
	padding-bottom: 6px;
	padding-top: 6px;
}

/* Nombre de la empresa */
.texto04
{
	padding-top: 11px;
	font: bold 14px 'Stylus BT';
	text-transform: uppercase;
}

/* Nombre del Sistema */
.texto05
{
	padding-top: 20px;
	font: bold 14px 'Stylus BT';
	text-transform: uppercase;
}

/* Mensaje de Error */
.texto06
{
	font: bold 10px verdana;
	color: red;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* Mensaje de Confirmacion */
.texto07
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #697690;
	padding-top: 5px;
}

/* Titulo de Imagen */
.texto08
{
	padding-left: 5px;
	padding-bottom: 6px;
	font: bold 12px Verdana;
	text-transform: none;
	color: #2B408A;
	padding-top: 6px;
	letter-spacing: 0.5pt;
}

/* Titulo en menu izquierdo */
.texto09
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #990000;
	padding-top: 5px;
	text-decoration: none;
}

/* Texto de Paginas de Grillas */
.texto10
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: #2b408a;
	padding-top: 5px;
	text-align: right;
}

/* Texto que simula el hover en un link01 */
.texto11
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #990000;
	padding-top: 5px;
	text-decoration: underline;
	cursor: hand;
}

/* Menu en parte superior de formularios */
.link01
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #2b408a;
	padding-top: 5px;
	text-decoration: none;
}

.link01:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #990000;
	padding-top: 5px;
	text-decoration: underline;
}

/* Opciones en menu izquierdo */
.link02
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: black;/*dimgray;*/
	padding-top: 5px;
	text-decoration: none;
}

.link02:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: #cc0000;
	padding-top: 5px;
	text-decoration: none;
}

/* Menu de Sistemas*/
.link03
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 12px 'Lucida Sans Unicode';
	color: gray;
	padding-top: 5px;
	letter-spacing: 1px;
	text-decoration: none;
}

.link03:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 12px 'Lucida Sans Unicode';
	color: #990000;
	padding-top: 5px;
	letter-spacing: 1px;
	text-decoration: none;
}

/* Enlaces de Editar, Aceptar, Cancelar en grillas */
.link04
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: #2b408a;
	padding-top: 5px;
	text-decoration: underline;
}

.link04:hover
{
	padding-left: 5px;
	padding-bottom: 5px;
	font: 10px verdana;
	color: #990000;
	padding-top: 5px;
	text-decoration: none;
}

.link07{
	font : 10px Verdana;
	color : #2B408A;
	text-decoration : underline;
	padding : 2 0 2 5;
}

.link07:hover{
	font : bold 10px Verdana;
	color : #2B408A;
	text-decoration : underline;
	padding : 2 0 2 5;
}


/* Textbox, Combo, etc. activo */
.campo01{
	font: 11px verdana;
	color: #000000;
	background: #efefef;
	border: solid 1px; /*groove, outset*/
	border-color: #A7A7A7;
}

/* Textbox, Combo, etc. inactivo */
.campo02{
	font: 11px verdana;
	color: #7f7f7f;
	background: #F7F7F7;
	border: solid 1px; /*groove, outset*/
	border-color: #F7F7F7;
}

/* boton activo */
.boton01
{
	padding-bottom: 2px;
	font: 10px verdana;
	color: white;
	padding-top: 2px;
	letter-spacing: 1px;
	background-color: #697690;
}

/* borde plomo de una tabla*/
.borde01{
	border: solid 1px;
	padding: 10px;
}

/* Formato del menu superior */
.MenuTopGrupo
{
	font: 8pt verdana; 
	background-color: #697690;
}

.MenuTopItem{
	padding-left: 7px;
	padding-right: 7px;
	font: 10px verdana;
	color: white;
	border-left:solid 1px #697690;
	border-right:solid 1px #697690;
}

.MenuTopItemOver{
	padding-left: 7px;
	padding-right: 7px;
	font: 10px verdana;
	color:White;
	cursor:hand;
	border-left:solid 1px white;
	border-right:solid 1px white;
}

.MenuTopItemActiva{
	padding-left: 7px;
	padding-right: 7px;
	font: bold 10px verdana;
	color: white;
	border-left:solid 1px #697690;
	border-right:solid 1px #697690;
}

/* Formato del menu lateral izquierdo */
.MenuLeftGrupo
{
	border-right: #a7a7a7 1px solid;
	font: 10px verdana;
	color: saddlebrown;
	border-bottom: #a7a7a7 1px solid;
	background-color: #e0e0e0;
}

.MenuLeftTitulo
{
	padding-top:20px;
	padding-left: 13px;
	font: bold 10px verdana;
	color: #2B408A;
	border-bottom: solid 1px white;
}

.MenuLeftItem{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	color: gray;
	text-decoration: none;
	border-bottom: solid 1px white;
}

.MenuLeftItemOver{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	background: LightSteelBlue;
	color: Navy;
	border-bottom: solid 1px white;
	cursor:hand;
}

.MenuLeftItemActiva{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: bold 10px verdana;
	background: SlateGray;
	color: white;
	border-bottom: solid 1px white;
}

.titulo_grilla {
	font: bold 10px verdana;
	color: #ffffff;
	background: #697690;
	text-align: center;
	padding: 1px;
	border: outset 2px; /*solid, outset*/
	border-color: #A7A7A7;
}

.fila_grilla
{
	background: #efefef;
	font: 10px verdana;
	color: #2b408a;
	padding: 1 1 1 3;
}

.fila_grilla_over
{
	background: papayawhip;
	font: 10px verdana;
	cursor: hand;
	color: black;
	padding: 1 1 1 3;
}

.invisible{
	display:none
}

.visible{
	display:inline;
}

.tituloBusqueda
{
	font-family: Arial;
	color: #3300ff;
	text-decoration: underline;
	cursor: pointer;
	font-size: 13px;
}

.descripcionBusqueda
{
	font-family: Arial;
	font-size: 12px;
}

.rutaBusqueda
{
	font-family: Arial;
	color: #009900;
	font-size: 12px;
}

.cantidadResultados
{
	font-family: Arial;
	font-size: 10px;
}

.paginacion
{
	font-family: Arial;
	font-size: 13px;
	color: rgb(165,153,178) ! important;
}

.paginacion a
{
	padding-right: 3px;
	padding-left: 3px;
	color: rgb(165,153,178) ! important;
}

.paginacion span
{
	padding-right: 3px;
	padding-left: 3px;
	color: rgb(165,153,178) ! important;
}



/* autocomplete */	
.ui-autocomplete {
    -webkit-padding-start: 0px !important;
    border: solid 1px rgb(217, 217, 217);
    width: 234px;
}
.ui-autocomplete a {
    color: rgb(51, 51, 51) !important;
}
	
.ui-autocomplete li {
    display: block;
    padding: 0;
    margin: 0;
    background-color: white;
}
.ui-autocomplete a.ui-corner-all {
    display: block;
    padding: 5px 8px;
    text-decoration: none;
}
.ui-widget-content a.ui-state-hover,
.ui-widget-content a.ui-state-hover:hover,
.ui-widget-content a:hover  {
    color: #333!important;
}
.ui-autocomplete .footer .ui-corner-all,
.ui-autocomplete .ignore {
    padding: 3px 8px 4px 8px;
    display: block;
    background: #f3f3f3;
    border-top: 1px solid #ddd!important;
}
.ui-autocomplete .footer .ui-corner-all .ui-state-hover {
    border-top: 1px solid #ddd!important;
}
.ui-autocomplete .footer .ui-corner-all,
.ui-autocomplete .footer .ui-corner-all:hover {
    padding: 6px 8px 7px 8px;
}
.ui-autocomplete .ui-corner-all .ui-state-hover,
.ui-autocomplete .ui-corner-all:hover {
    display: block;
    text-decoration: none;
    background: rgb(238, 238, 238)!important;
    border: none!important;
}
.ui-autocomplete a.ui-corner-all:hover,
.ui-autocomplete a.ui-state-hover,
.ui-autocomplete .footer .ui-corner-all:hover,
.ui-autocomplete .footer a.ui-state-hover {
    background: rgb(238, 238, 238);
}
.ui-autocomplete span.img {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
}
.ui-autocomplete span.img img {
    display: block;
    max-height: 100%;
    max-width: 100%;
}
.ui-autocomplete span.txt {
    float: left;
    display: block;
    width: 169px;
    height: 40px;
}
.ui-autocomplete .ignore span.txt,
.ui-autocomplete .footer span.txt {
    float: none;
    display: block;
    width: auto;
    height: auto;
}
.ui-autocomplete span.text,
.ui-autocomplete span.subtext {
    display: block;
}
.ui-autocomplete span.text {
    padding: 2px 0 0 0;
    font-weight: bold;
    margin: 0 0 1px 0;
    font-size: 12px;
    line-height: 14px;
}
.ui-autocomplete .ignore span.text,
.ui-autocomplete .footer span.text {
    padding: 0;
    font-weight: bold;
    margin: 0;
    font-size: 11px;
    line-height: 13px;
}
.ui-autocomplete span.subtext {
    color: #999;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal!important;
}
.ui-autocomplete span.cThis {
    height: 0;
    line-height: 0;
    font-size: 0;
    display: block;
    clear: both;
}
.ui-autocomplete-input .ui-autocomplete-loading {
	background: white url('http://sgc.gmisa.com.pe/images/asearch/ui-anim_basic_16x16.gif') right center no-repeat !important;
}
/* fin autocomplete */