body
{
    font: 11px Arial, Helvetica, sans-serif  !important;
    background: #CFDBAD  !important;
}
.Header
{
    background-position: 0 0;
    border-top: 1px solid #8eb980;
    border-bottom: 1px solid #4a761f;
    background: #71a260 url('../Imagenes/sprite.gif') 0 0 repeat-x;
    padding: 8px 7px 11px 11px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #E4F0C0;
}
.HeaderDetail
{ 
    background-position: 0 0;
    border-top: 1px solid #41a901;
    border-bottom: 1px solid #41a901;
    background:#41a901  url('../Imagenes/spriteDetail.gif') 0 -1497px repeat-x;
    padding: 8px 7px 11px 11px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #E4F0C0;
    height: 8px;
 }
 
.accordionHeader
{
    background-position: 0 0;
    border-top: 1px solid #8eb980;
    border-bottom: 1px solid #4a761f;
    background-color: #71a260;
    padding: 8px 7px 11px 11px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #E4F0C0;
}
.accordionHeaderDetail
{
    background-position: 0 0;
    border-top: 1px solid #E4F0C0;
    border-bottom: 1px solid #E4F0C0;
    background-color: #41a901;
    padding: 8px 7px 11px 11px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #E4F0C0;
    height: 8px;
}

.accordionContent
{
    background-position: 0 0;
    background: none no-repeat 0 0;
    background-color: #FFFFFF;
}
.titulo
{
    background: url('../Imagenes/fondo-titulo.gif') no-repeat 0 0;
    padding-left: 16px;
    font-size: 18px;
    color: #CFDBAD;
    font-weight: normal;
    background-color: #FFFFFF;
}
.instruccion
{
    background-position: 0 0;
    background: none no-repeat 0 0;
    font-size: 12px;
    color: #CFDBAD;
    font-weight: normal;
    background-color: #FFFFFF;
}
.edicion
{
    color: #FFFFFF;
    background-color: #CFDBAD;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}
.panelEdicion
{
    border: 1px solid #78884A;
    padding: 1px;
    color: #666666;
    font-family: "segoe ui", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #C0C985;
    width:100%;
}
.panelEdicionPQR
{
	border:1px solid #78884A;
	background:#f7f7f7;
	color:#000;
    margin-bottom: 0px;
}
.cajaTexto
{
    border: 1px solid #808080;
    color: #41442b;
    font-family: "segoe ui" ,arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    -x-system-font: none;
    height: 20px;
}
.lista
{
    border-style: inherit;
    border-width: 1px;
    border-color: #808080;
    color: #41442b;
    font-family: "segoe ui" ,arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: normal;
    -x-system-font: none;
    background-color: #C0C985;
}
.CajaTextoDeshabilitado
{
    padding: 1px;
    color: #666666;
    font-family: "segoe ui" , Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #C0C985;
}
.ContenidoAyuda
{
    color:Black;
    background-color: White;
    font-family: Tahoma;
    font-size: 12px;
	font-weight: normal;
    padding: 5px;
    margin-top: 5px;
}
.SubtituloAyuda
{
    color: Black;
    background-color: White;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

.ComboBox 
{
   border: 1px solid #78884A;
    padding: 1px;
    color: #666666;
    font-family: "segoe ui", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #E7CB83;
}
.combobx
{
    border: 1px solid #78884A;
    padding: 1px;
    color: #666666;
    font-family: "segoe ui", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #E7CB83;
}

.divpqr 
{
    background-color:white;
    color: #000;  
    height: 100%; /* height = H1 */ 
    width: 980px;	 /* width = W1 */   
    position: absolute; /* we want it to be absolutely centered */
    left:35%; /* with these two lines i set the begining of the div in the center of screen */ 
    top: 200px; /* but I have to "correct" it because I do not want the *BEGINING* to be centered. But the div itself. */ 
    margin-left: -300px; /* correct1-> set to left W1/2 so that the middle point of the div is centered horizontally */ 
    margin-top: -200px; /* correct2-> set to top H1/2 so that the midddle point of the div is centered vertically */
    
}

.divcentropqr 
{
   position:relative;
     width: 900px;
    left:5%;
}

/*Grid wiew
======================================================================*/
.mGrid {  
    width: 100%;  
    background-color: #c2d197;
    margin: 5px 0 10px 0;  
    border: solid 1px #525252;
    border-collapse: collapse;  
}  
  
    .mGrid td {  
        padding: 2px;  
        border: solid 1px;  
        border-collapse: separate !important;
        border-color:#c2d197 #62703b #c2d197 #dae7b5 !important;
        border-top:0;
       vertical-align: inherit;
       text-align: -webkit-left;
       color:#41442b !important;
       padding: 8px;
      line-height: 10px !important;
    }    
    .mGrid th {  
        padding: 4px 2px;  
        background: #424242 url(../Imagenes/grd_head.png) repeat-x top;  
        font-size:1.2em;
        color: #e4f0c0 !important;
        display: table-cell;
        vertical-align: inherit;
        border:0;
        text-align:center !important;
    }  
 
    .mGrid .alt {  
        border: solid 1px;  
        border-collapse: separate !important;
        border-color:#c2d197 #62703b #c2d197 #dae7b5 !important;
        border-top: 0 !important;
        background: #dae7b5 repeat-x top !important;  
        text-align: -webkit-left;
        line-height: 5px; 
        text-align: Center; 
        vertical-align: top;
    }  
  
    .mGrid .pgr {  
        background: #424242 url(../Imagenes/grd_pgr.png) repeat-x top;  
    }  
  
        .mGrid .pgr table {  
            margin: 5px 0;  
        }  
  
        .mGrid .pgr td {  
            border-width: 0;  
            padding: 0 6px;  
            border-left: solid 1px #666;  
            font-weight: bold;  
            color: #fff;  
            line-height: 12px;  
        }  
  
        .mGrid .pgr a {  
            color: #E4F0C0;  
            text-decoration: none;  
        }  
  
            .mGrid .pgr a:hover {  
                color:  #666;  
                text-decoration: none;  
            }  

/*div de encabesado*/
 EncabesadoGrid{  
         background: #424242 url(../Imagenes/grd_head.png) repeat-x top;   
    } 

 .table-condensed th, .table-condensed td {
    padding: 1px 1px 1px 1px !important;
    text-align:center;
}
 .tableGrid {
    width: 100%;
    margin-bottom: 5px !important;
}

  /*Colores*/

.verde {
    color:#34a853
}
.naranja {
color:#fbbc05;
}
.rojo {
    color:#ea4335;
}