/*----------------------------------------------------------------------*/
/*---------------- Estilos generales de la plantilla -------------------*/
/*----------------------------------------------------------------------*/
* {
   padding: 0px;
   margin: 0px;
}
body{
   margin: 0 0 0 0;
   font-family: arial, helvetica, sans-serif;
   font: 62.5% "Trebuchet MS", sans-serif;
   font-style: normal;
}
h1{
   font-family: arial, helvetica, sans-serif;
   color: #e8eaed;
   font-size: 18pt;
   font-weight: bold;
}
h2{
   font-family: arial, helvetica, sans-serif;
   color: #f9f9fa;
   font-size: 15pt;
   font-weight: bold;
}
h3{
   font-family: arial, helvetica, sans-serif;
   color: #e8eaed;
   font-size: 13pt;
   font-weight: bold;
}
a{
   font-family: arial, helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
//text-decoration: underline;
   color: #ab0033;
}
.text{
   font-family: arial, helvetica, sans-serif;
   font-size: 11pt;
   padding: 2px 2px 2px 2px;
}
.select{
   font-family: arial, helvetica, sans-serif;
   font-size: 10pt;
   padding: 1px 0px 1px 1px;
}
.styComent{
   font-size: 11pt;
   color: #a09f9d;
}
.textread{
   font-family: arial, helvetica, sans-serif;
   font-size: 11pt;
   padding: 2px 2px 2px 2px;
   background-color: #ebebea;
}

.styBarraSup{
   width: 100%;
   height: 120px;
   background-color: #ab0033;
   background-repeat: repeat-x;
}
.stydvLogin{
   width: 1000px;/*Ancho de general de la plantilla*/
   height: 20px;
   position: relative;
   text-align: right;
   font-family: arial, helvetica, sans-serif;
   font-size: 8pt;
   color: #e8eaed;
   padding: 0px 10px 0px 0;
}
.styTitSistema{
   width: 1000px;/*Ancho de general de la plantilla*/
   height: 100px;
   top: 20px;
   min-width: 900px;
   min-height: 100px;
   position: relative;
}
.styTitSistemaIzq{
   width: 14px;
   height: 100px;
   border-left: 1px solid #cccccb;
   background-image: url('imgs/titulo_izq.png');
   background-repeat: no-repeat;
   float: left;
}
.styTitSistemaCent{
   width: 970px;/*(Ancho del styTitSistema) - 30*/
   height: 100px;
   background-image: url('imgs/titulo_cent.png');
   background-repeat: repeat-x;
   float: left;
}
.styTitSistemaDer{
   width: 15px;
   height: 100px;
   background-image: url('imgs/titulo_der.png');
   background-repeat: no-repeat;
   float: left;
}
.styLogo1{
   width: 125px;
   height: 100px;
   background-image: url('imgs/Logo-SAGADEGRO1.png');
   background-repeat: no-repeat;
   background-position: left center;
}
.styLogo2{
   /*
   width: 100px;
   height: 100px;
   background-image: url('imgs/logo2.png');
   background-repeat: no-repeat;
   */
}

.styContenedor{
   width: 998px; /*(Ancho del styTitSistema) - 2*/
   height: auto;
   min-width: 898px;
   min-height: 480px;
   border-left: 1px solid #cccccb;
   border-right: 1px solid #cccccb;
   padding-bottom: 15px;
   /*background-color: #f5f9fc;*/
   /*background-color: #f9f9fa;*/
   background-color: #fff;
}
.styTituloModulo{
   width: 988px;
   height: 20px;
   font-size: 11pt;
   text-align: left;
   /*color: gray;*/
   /*font-weight: bold;*/
   padding: 5px 5px 5px 5px;
   border-bottom: 1px solid #cccccb;
   background-color: #bc955c;
   background-repeat: repeat-x;
   background-position: bottom;
   border: 1px solid #54565a;
   color: #fff;
}
.styspNomUsr{
   float: right;
   font-family: arial, sans-serif, serif;
   font-size: 10pt;
   font-weight: bold;
   color: #fff;
   padding: 3px;
}
.navbar-inverse{background-color:#ab0033;border-color:#080808}
.navbar-brand{float:left;color: #fff}
.styBarraInf{
   width: 998px;/*(Ancho del styTitSistema) - 2*/
   height: 60px;
   min-width: 898px;
   min-height: 50px;
   position: relative;
   border-top: 1px solid #c8daff;
   border-bottom: 1px solid #cccccb;
   border-left: 1px solid #cccccb;
   border-right: 1px solid #cccccb;
   background-image: url('imgs/barra_inf.png');
   background-repeat: repeat-x;
   background-position: bottom;
}
.styBarraInfIzq{
   width: 15px;
   /*height: 65px;*/
   float: left;
}
.styBarraInfCent{
   width: 870px;/*(Ancho del styBarraInf) - 30*/
   /*height: 65px;*/
   float: left;
}
.styBarraInfDer{
   width: 15px;
   /*height: 65px;*/
   float: left;
}
.stytbFooter{
   width: 100%;
   height: 60px;
   font-size: 8pt;
   color: #fff;
   font-weight: bold;
   font-family: arial, helvetica, sans-serif;
}
.stytdSession{
   padding: 0 10px 0 0;
}
.stySession{
   width: 34px;
   height: 34px;
   background-image: url('imgs/xusr.png');
   background-position: center;
   background-repeat: no-repeat;
   display: block;
   padding: 1px 1px 1px 1px;
   border: 1px dotted #4863a0;
}
.stySession:hover{
   width: 34px;
   height: 34px;
   background-image: url('imgs/xusr.png');
   display: block;
   border: 1px solid #4863a0;
}

.pAvisoPrivacidad{ border: 1px dotted #157dec; border-radius: 5px; color: #153e7e; font-size: 9pt; font-weight: normal; margin: auto auto; padding: 5px 3px 5px 3px; text-align: center;}

/*----------------------------------------------------------------------*/
/*--------------------- Estilos del Men� principal ---------------------*/
/*----------------------------------------------------------------------*/
.styBarraMenu{
   width: 998px;/*(Ancho del styTitSistema) - 2*/
   min-width: 898px;
   height: 40px;
   position: relative;
   background-image: url('imgs/barra_menu.png');
   background-repeat: repeat-x;
   background-position: center;
   border-left: 1px solid #8b8987;
   border-right: 1px solid #8b8987;
   z-index: 50;
}
#menu {
   width: auto;
   height: 40px;
   padding-top: 1px;
   padding-left: 0;
}
#nav {
   list-style: none;
   text-align: left;
   height: 40px;
}
#nav li {
   width: 130px;
   height: 38px;
   border-left: 2px groove #fff;/*#9e9c9b;*/
   float: left;
}
.sty_last{
   border-right: 2px groove #fff;/*#9e9c9b;*/
}
#nav li a {
   height: 28px;
   display: block;
   text-decoration: none;
   text-align: center;
   color: #000;/*#dbdbd9;*/
   font-family: sans-serif;
   font-size: 8pt;
   font-weight: bold;
   padding: 10px 0 1px 3px;
}
#nav li:hover>a{
   color: #ffffff;
//background-image: url('imgs/menu_over.png');
   background-position: center;
   background-repeat: no-repeat;
   background-color: #bc955c;
}
/* Submenu */
#nav ul.submenu {
   width: 205px;
   position: absolute;
   list-style: none;
   left: -1px;
   position: relative;
   background-color: #b28f5f;/*d7d7d7;/*#e8e9e8;*/
   border-left: 1px solid #b28f5f;/*b1b1af;/*#c3c4c2;*/
   border-right: 1px solid #b28f5f;/*#c3c4c2;*/
   border-bottom: 1px groove #b28f5f;
}
#nav ul.submenu li {
   width: 205px;
   height: 32px;
   float: none;
   background-image: none;
   border-bottom: 1px solid #856a47;/*b1b1af;/*#c3c4c2;*/
   border-left: 1px groove #fff;
   border-right: 1px groove #856a47;
}
#nav ul.submenu li:hover>a{
   color: #342826;
   background-image: none;
   background-color: #bc955c;/*cccccb;*/
   border: 1px solid #856a47;/*878583;*/
}
#nav ul.submenu li a {
   width: 186px;
   height: 19px;
   text-align: left;
   color: #fff;
   padding-top: 7px;
   padding-left: 5px;
   padding-right: 10px;
   padding-bottom: 3px;
   border: 1px solid #b28f5f;/*#e8e9e8;*/
}
/* Subsubmenu */
#nav ul.subsubmenu {
   position: absolute;
   list-style: none;
   background-color: #b28f5f;/*#e8e9e8;*/
   border-top: 1px solid #b28f5f;/*#c3c4c2;*/
   border-left: 1px solid #b28f5f;/*#c3c4c2;*/
   border-right: 1px solid #b28f5f;/*#c3c4c2;*/
   border-bottom: 1px solid #b28f5f;
   margin-left: 205px;
   margin-top: -31px;
}
#nav ul.subsubmenu li {
   height: 32px;
   min-width: 200px;
   float: none;
   background-image: none;
}
.sty_xopmenu{
   width: 130px;
   height: 38px;
   background-image: url('imgs/menu_sbm.png');
   background-repeat: no-repeat;
   background-position: 0 -11px;
   display: block;
}
.sty_xsubm{
   padding-right: 3px;
   top: -22px;
   width: 6px;
   height: 10px;
   float: right;
   position: relative;
   background-image: url('imgs/dropdown.png');
   background-repeat: no-repeat;
   display: block;
}

/*----------------------------------------------------------------------*/
/*--------------------- Estilos de la tabla (grid) ---------------------*/
/*----------------------------------------------------------------------*/
.styGrid{
   width: 990px;/*(Ancho del styTitSistema) - 10*/
   height: auto;
   border-top: 1px solid #41627e;
   border-right: 1px solid #41627e;
   border-bottom: 1px solid #41627e;
   border-left: 2px solid #41627e;
}
.styGrid thead{
   background-image: url("imgs/fd_col_xgrid.png");
   width: 100%;
   border-bottom: 1px solid #41627e;
}
.styGrid thead th{
   height: 30px;
   border-right: 2px groove #9e9c9b;
   font-family: sans-serif;
   font-size: 7pt;
   font-weight: bold;
   color: #f6f6f5;
   padding: 0 0 0 0;
}
.styGrid thead td{
   height: 30px;
   border-right: 2px groove #9e9c9b;
   font-family: sans-serif;
   font-size: 7pt;
   font-weight: bold;
   color: #f6f6f5;
   padding: 0 3px 0 3px;
}
.styOrdAsc{
   height: 30px;
   border-right: 2px groove #9e9c9b;
   font-family: arial, helvetica, sans-serif;
   font-size: 7pt;
   font-weight: bold;
   color: #f6f6f5;
   padding: 0 0 0 0;
   background-image: url("imgs/ord_asc.png");
   background-position: center right;
   background-repeat: no-repeat;
}
.styOrdDesc{
   height: 30px;
   border-right: 2px groove #9e9c9b;
   font-family: arial, helvetica, sans-serif;
   font-size: 7pt;
   font-weight: bold;
   color: #f6f6f5;
   padding: 0 0 0 0;
   background-image: url("imgs/ord_desc.png");
   background-position: center right;
   background-repeat: no-repeat;
}
.styGrid thead th:hover{
   height: 30px;
   border-right: 2px groove #9e9c9b;
   font-family: sans-serif;
   font-size: 7pt;
   color: #ffffff;
   text-decoration: underline;
   cursor: pointer;
}
.styGrid tbody tr:hover{
   background-color: #dddddc;
}
.styGrid tbody td{
   min-height: 25px;
   height: auto !important;
   height: 25px;
   font-family: arial, helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   color: #4c4646;
   border-right: 1px solid #8f8e8d;
   border-bottom: 1px solid #8f8e8d;
   padding: 3px 3px 3px 3px;
}
.styGrid tbody td a{
   font-family: arial, helvetica, sans-serif;
   color: #2b547e;
   font-size: 8pt;
   text-decoration: none;
}
.tdID{
   width: 35px;
   max-width: 35px;
   text-align: center;
}
.styTotalResult{
   width: 99%;
   height: 25px;
   padding: 5px 3px 2px 0;
   text-align: right;
   font-size: 9pt;
}
/*----------------------------------------------------------------------*/
/*----------------- Estilos de los botones de opci�n -------------------*/
/*----------------------------------------------------------------------*/
.stytbOpciones{
   width: 980px;
   height: 60px;
   padding: 3px 0px 3px 0px;
   /*border-top: 1px solid #cccccb;*/
   border-bottom: 1px solid #cccccb;
}
.styBtnOpcion a{
   width: 55px;
   height: 43px;
   border: 1px solid #c3c4c2;
   font-size: 8pt;
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   color: #000055;
   padding: 4px 1px 1px 1px;
   margin: 0 2px 0 2px;
   float: right;
   display: block;
   position: relative;
   border-radius: 4px;
   -ms-border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}
.styBtnOpcion a:hover{
   width: 55px;
   height: 43px;
   border: 1px solid #396BAD;
   background-color: #c2dfff;
   font-size: 8pt;
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   color: #000055;
   padding: 4px 1px 1px 1px;
   margin: 0 2px 0 2px;
   float: right;
   display: block;
   position: relative;
}
#xtxtBusca{
   color: #565051;
   font-family: arial, helvetica, sans-serif;
   font-size: 9pt;
   padding: 1px 2px 1px 2px;
}
/*----------------------------------------------------------------------*/
/*-------------- Estilos del bloque de captura de datos ----------------*/
/*----------------------------------------------------------------------*/
.stytbContenido{
   padding-top: 10px;
   padding-bottom: 10px;
}
.stytbContenido td{
   font-family: arial, helvetica, sans-serif;
   font-size: 9pt;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 7px;
   padding-bottom: 5px;
}
.styTdNombreCampo{
   text-align: right;
   color: #696565;
   font-weight: bold;
}
.styTdCampo{
   text-align: left;
}
/*-- Bloque de botones...*/
.stytbBotones{
   /**/
}
.stytbBotones td{
   padding-top: 7px;
   padding-bottom: 5px;
}
.stybtnNormal{
   width: 120px;
   height: 30px;
   font-size: 9pt;
   font-family: arial, helvetica, sans-serif;
}
/*----------------------------------------------------------------------*/
/*----------------- Estilos de las ventanas de aviso -------------------*/
/*----------------------------------------------------------------------*/
.msjtbMensaje{
   width: 400px;
   height: 180px;
   border: 2px groove #2b547e;
   text-align: center;
   background-color: #f0f1f0;
}
.msjtdTitulo{
   width: 100%;
   height: 25px;
   font-family: arial, fantasy, sans-serif;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   padding-left: 5px;
   color: #ffffff;
   border-bottom: 2px groove #5e5a80;
   background-color: #488ac7;
}
.msjtdIcono{
   width: 70px;
   height: 100px;
}
.msjIconoInfo{
   width: 50px;
   height: 50px;
   margin-left: 8px;
   background-image: url("../../imgs/Info_48.png");
   background-position: center;
   background-repeat: no-repeat;
}
.msjIconoError{
   width: 50px;
   height: 50px;
   margin-left: 8px;
   background-image: url("../../imgs/Error_48.png");
   background-position: center;
   background-repeat: no-repeat;
}
.msjtdContenido{
   width: 315px;
   height: 100px;
   font-family: arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   text-align: left;
   color: #5c5858;
   padding: 3px 5px 3px 5px;
}
.msjbtnAceptar{
   width: 100px;
   height: 30px;
}

/*----------------------------------------------------------------------*/
/*---------------- Estilos de los popups informativos ------------------*/
/*----------------------------------------------------------------------*/
#toolTipContainer
{
   position:absolute;
   left:0;
   top:0;
   display:none;
   z-index: 20000;
}

.toolTipPopup
{
}

#toolTipContent
{
   background-color: #FFF;
   min-width: 175px;
   min-height: 50px;
}

.toolTipPopup .toolTipImage
{
   margin: 5px;
   margin-right: 15px;
}

.toolTipPopup .corner
{
   width: 19px;
   height: 15px;
}

.toolTipPopup .topLeft
{
   background: url(imgs/tooltip/balloon_topLeft.png) no-repeat;
}

.toolTipPopup .bottomLeft
{
   background: url(imgs/tooltip/balloon_bottomLeft.png) no-repeat;
}

.toolTipPopup .left
{
   background: url(imgs/tooltip/balloon_left.png) repeat-y;
}

.toolTipPopup .right
{
   background: url(imgs/tooltip/balloon_right.png) repeat-y;
}

.toolTipPopup .topRight
{
   background: url(imgs/tooltip/balloon_topRight.png) no-repeat;
}

.toolTipPopup .bottomRight
{
   background: url(imgs/tooltip/balloon_bottomRight.png) no-repeat;
}

.toolTipPopup .top
{
   background: url(imgs/tooltip/balloon_top.png) repeat-x;
}

.toolTipPopup .bottom
{
   background: url(imgs/tooltip/balloon_bottom.png) repeat-x;
   text-align: center;
}
.tbDataToolTip{
   width: auto;
}
.tbDataToolTip td{
   font-family: arial, fantasy, sans-serif;
   font-size: 7pt;
   font-weight: bold;
   color: gray;
   padding: 3px 2px 3px 2px;
}
.btn-warning{color:#fff;background-color:#f0ad4e; text-decoration: none;}
.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}
.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}
.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}
.btn-warning .badge{color:#f0ad4e;background-color:#fff}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.text-center{
   justify-content: center;
   align-content: center;
   text-align: center;
   min-width: 5%;
}
.btn-info{text-decoration: none;color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}