BODY{
font: 11px Arial,Helvetica,sans-serif; 
/*margin: 0;
padding: 0;  */
}

td[id*='oReportCell'] {width:100% !important;}

.titulo{
font: bold 16px Arial,Helvetica;
color: White;
background-size: 100% 34dpx;
clear: both;
height: 34px;
margin: 0 0 5px;
padding: 0;
margin: 0 0 5px;
padding: 0 0 0 15px;
background: #C8C8C8; 
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/* background: url("../images/encabezado.jpg"); */
}

.subTitulo{
font: bold 12px Arial,Helvetica;
color: Black;
clear: both;
height: 34px;
margin: 0 0 5px;
padding: 0;
margin: 0 0 5px;
padding: 0;
}

.modalBackground{
    background-color:#414141;
    filter:alpha(opacity=50);
    opacity:0.7;
}

.tituloLargo{
font: bold 16px Arial,Helvetica;
color: White;
background-size: 100% 34dpx;
clear: both;
height: 34px;
margin: 0 0 5px;
padding: 0;
margin: 0 0 5px;
padding: 0;
background: #C8C8C8; 
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
/* background: url("../images/encabezadolargo.jpg"); */
}

.tabla_contenido{
/* background: url("../images/tablaContenido.jpg") scroll 0 0 rgba(0, 0, 0, 0); */
background-size: 100% 100%;
background-repeat: repeat-y;  
/*background: #F5F5F5; */
background: #EEEEEE; 
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
} 
.tabla_abajo{
background: url("../images/tablaAbajo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size: 100% 10px;
clear: both;
font-size: 1px;
height: 10px;
margin: 0 0 5px;
padding: 0;
}
.labeltexto{
color: #000;
font-size: 12px;
line-height: 200%;
/*padding: 0 0 0 50px;
width: 160px;*/
}
.labelnegro{
color: #000;
font-size: 12px;
line-height: 200%;
/*padding: 0 0 0 50px;
width: 160px; */
}

.input{
border: 1px solid #c5c5c5;
border-radius: 2px;
color: #999;
float: left;
font-size: 11px;
font-style: italic;
height: 22px;
/*margin: 0 10px 0 0;
padding: 2px;
width: 235px;*/
}

.boton{
	font-weight: bold; 
	text-decoration: none; 
	text-align:center; 
	padding:5px; 
	border:medium none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius: 5px; 
	font-family: Arial, Helvetica, Arial, sans-serif !important;
	font-size: 11px;
	color:#fff !important; 
	background-color:#025508; 
	background-image: -moz-linear-gradient(top, #44c53f 0%, #025508 100%); 
	background-image: -webkit-linear-gradient(top, #44c53f 0%, #025508 100%); 
	background-image: -o-linear-gradient(top, #44c53f 0%, #025508 100%); 
	background-image: -ms-linear-gradient(top, #44c53f 0% ,#025508 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44c53f', endColorstr='#025508',GradientType=0 ); 
	background-image: linear-gradient(top, #44c53f 0% ,#025508 100%);   
	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px -20px #ffffff; 
	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px -20px #ffffff;  
	box-shadow:0px 0px 2px #bababa, inset 0px 0px -20px #ffffff;  
}
  
 .botonGray{
	font-weight: bold; 
	text-decoration: none; 
	text-align:center; 
	padding:5px; 
	border:medium none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius: 5px; 
	font-family: Arial, Helvetica, Arial, sans-serif !important;
	font-size: 11px;
	color:#fff !important; 
	background-color: #737573; 
	background-image: -moz-linear-gradient(top, #cfcfcf 0%, #737573 100%); 
	background-image: -webkit-linear-gradient(top, #cfcfcf 0%, #737573 100%); 
	background-image: -o-linear-gradient(top, #cfcfcf 0%, #737573 100%); 
	background-image: -ms-linear-gradient(top, #cfcfcf 0% ,#737573 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#cfcfcf',GradientType='0' ); 
	background-image: linear-gradient(top, #cfcfcf 0% ,#737573 100%);   
	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px -20px #ffffff; 
	-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px -20px #ffffff;  
	box-shadow:0px 0px 2px #bababa, inset 0px 0px -20px #ffffff;  
}

.largo250{
	width: 250px;
}
.largo200{
	width: 200px;
}
.largo150{
	width: 150px;
}
.largo100{
	width: 100px;
}
.largo50{
	width: 50px;
}

.alto50{
	height: 50px !important;
}
.alto45{
	height: 45px !important;
}
.alto40{
	height: 40px !important;
}
.alto35{
	height: 35px !important;
}
.alto30{
	height: 30px !important;
}
   

.botonLargo{
background: url("../../imagen/boton1Largo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
color: #fff !important;
cursor: pointer;
font: 11px Arial,Helvetica,sans-serif !important;
height: 30px;
margin: 0;
padding: 0;
text-align: center;
width: 105px;
}

.botonBack {
background: url("../../images/boton2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
color: #666;
cursor: pointer;
font: 11px Arial,Helvetica,sans-serif !important;
height: 30px;
margin: 0;
padding: 0;
text-align: center;
width: 105px;
}

.caja{
border: 1px solid #c5c5c5;
border-radius: 2px;
color: #999;
font-size: 11px;
font-style: italic;
height: 28px;
margin: 0 10px 0 0;
/*padding: 5px 2px;*/
width: 241px;
}

.Cgris {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.titulogrilla{
border-bottom: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
color: #fff;
/*font-size: 11px !important;*/
font: 12px Arial,Helvetica,sans-serif;
padding: 6px 3px 6px 10px;
white-space: nowrap;
background: #CECECE;
}

.detallegrilla{
background: none repeat scroll 0 0 #fff;
border-bottom: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
font: 12px Arial,Helvetica,sans-serif;
color: #666666;
margin: 0;
padding: 6px 3px 6px 10px;
vertical-align: top;
}

.excel{
background: url(../../images/ico_top_excel.png) no-repeat; 
text-align: center; font: normal 9px Arial, Helvetica, sans-serif; 
color: #666; 
display: block; 
float: right; 
height: 41px; 
width: 35px; 
padding: 9px 0px 0px 0px;
}

a:link {
    color: #3077b8;
    text-decoration: none;
}
a:visited {
    color: #3077b8;
    text-decoration: none;
}
a:hover {
    color: #3077b8;
    text-decoration: underline;
}
a:active {
    color: #3077b8;
    text-decoration: underline;
}

.botonPagina {
    background: none repeat scroll 0 0 #cdcdcd;
    border: 1px solid #9a9a9a;
    border-radius: 4px;
    color: #969696;
    margin: 0 3px;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
}

.botonPagina:hover{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #9a9a9a;
    color: #969696;
    margin: 0 3px;
    padding: 1px 4px;
    text-align: center;
    text-decoration: none;
}

.tablaPortales{
    border: 1px solid #ccc;
    border-radius: 5px;
    clear: both;
    margin: 0 0 12px;
    overflow: hidden;
    padding: 0 0 10px;
}

.acceso{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ccc;
    border-color: #fff #fff -moz-use-text-color;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #fff;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 0 0 13px;
    padding: 5px 10px;
}
.sinBorde  
{   
 text-decoration:none;   
}
a img
{
  border:0;
}  

.MensajeERROR{
  font: 12px Arial,Helvetica,sans-serif !important;
}

/*
================= GRILLA ===========================*/

.mGrid   
{
    /*
    width: 100%;  
    background-color: #fff;  
    margin: 5px 0 10px 0;  
    border: none;  
    border-collapse: collapse;  */
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-variant: normal;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: center;
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: Gray;
}  


  
    .mGrid td {  
        background: none repeat scroll 0 0 #fff;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        font: 12px Arial,Helvetica,sans-serif;
        color: #666666;
        margin: 0;  
        padding: 6px 3px 6px 10px;
        vertical-align: top;  
    }  
  
    .mGrid th  
    {
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        color: #fff;
        font: 12px Arial,Helvetica,sans-serif;
        padding: 6px 3px 6px 10px;
        white-space: nowrap;
        background: #CECECE;
    }  
  
    .mGrid .alt {  
        background: #fcfcfc url(grd_alt.png) repeat-x top;  
    }  
  
    .mGrid .pgr {  
        background: #c8c8c8 url(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: #666;  
            text-decoration: none;  
        }  
  
            .mGrid .pgr a:hover {  
                color: #000;  
                text-decoration: none;  
            }


font-size:10px;
}

td.titulodatos{
	text-align:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bolder;
}
.PunteroMano{
	cursor: pointer;
	cursor: hand;
}

/*.resizeMenuPrincipal  .show {
    visibility: visible !important;
}*/

.navbar-default .show {
    visibility: visible !important;
}

.table-striped > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table > tr > td, .table > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px;
    line-height: 1.428571;
    vertical-align: top;
    border-top: 1px solid #ddd;
}