/**********  Secciones **************/
.fondotrans {
    background: transparent;
}

.fondoCabecera {
    min-height: 6.48em;
    max-height: 200px;
    height: 10%;
    width: 100%;
    background: #ffffff url(../images/banner-top-grafico.jpg) no-repeat right top;
    text-align: left;
    text-anchor: middle;
    /*padding-top: 0.2em;*/
    clear: right;
}


#contenido {
	/*float: left;*/
    /*margin-top: 50px;*/
    margin-left: 0px;
    margin-right: 2px;
	background-image: url(../images/Fondo.jpg);
	background-repeat: no-repeat;
    background-position: inherit;
    background-position-x: center;
    background-position-y: 150px;
    background-attachment: fixed;
}

.logo {
    margin-left: 7px;
    display: block;
    float: left;
    margin-left: -2px;
}

#imglogo {
    width: 195px;
    background-color: white;
}

#navegacionPrincipal {
    padding-top: 20px
}

.ajustado {
    float: left;
    padding-top: 1em;
    padding-bottom: 2em;
    height: auto;
    /*background: #C10622 url(../images/MenuInf.gif) no-repeat left bottom;*/
    /*background: #ad2144 url(../images/MenuInf.gif) no-repeat left bottom;*/
    background-color: #ad2144;
    border-radius: 10px;
    clear: both;
    min-height: 300px;
}



/************ Componentes ****************/
a.vinculo {
    color: white;
    text-decoration: underline;
}

a.vinculo:hover {
        color: black;
        text-decoration: underline;
    }

label {
    margin-bottom: 0em;
    color: #ffffff;
}

.control-label.negro {
    color: black;
    font-weight: normal;
}

/* Botones */
.btn-Principal:hover {
    color: black;
    background-color: gray;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.btn-Principal {
    color: black;
    border: 1px solid #cccccc;
    border-radius: 0;
}

#imgEntidadCerrar {
    margin-top: -5px;
}



/************** Otros  *********/
.blanco {
    color: white;
}

.top-buffer10 {
    margin-top: 10px;
}

.top-buffer20 {
    margin-top: 20px;
}

.left-buffer10 {
    margin-left: 10px;
}

.left-buffer20 {
    margin-left: 20px;
}

#bienvenida p {
    font-size: 0.8em;
    text-align: justify;
    margin-top: 2.5em;
    margin-left: 2.5em;
    margin-right: 2.5em;
    margin-bottom: 2.5em;
    padding: 1em;
    border: 0.01em solid #999999;
}

.centrado {
    text-align: center;
}


/**************** Pestañas ***********************/
.nav-pills > li > a {
    border: 1px solid #ddd;
    color: black;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #ad2144;
}

.nav > li > a {
    color: black;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #ad2144;
    color: white;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #cccccc;
}



/********** Visualización o Descarga **********/
.btn-Opcion[disabled="disabled"] {
    cursor: default;
    opacity: 1;
}
.btn-Opcion {
    color: black;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.btn-Opcion:hover {
    color: black;
    background-color: #d1cdcd;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.btn-Opcion.Activo {
    color: white;
    background-color: #165ba8;
    border: 1px solid #cccccc;
    border-radius: 0;
}



/********** Pie ******************/
.pie {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 50px;
    color: white;
    background: #ad2144;
    border-radius: 10px;
}



/************ Estilos del formulario de busqueda avanzada *************/
#dvBusquedaAvanzada {
    background-color: rgba(173, 33, 68, .65);
    /*background-color: #ad2144;*/
    border-color: #ff4309;
    color: #ffffff;
    padding-right: 35px;
    font-size: 12px;
    margin-left: 1px;
    border-radius: 10px;
}
#dvBusquedaAvanzada h3 {
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}
#dvBusquedaAvanzada legend {
    font-size: 16px;
    color: white;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 5px;
}

select.form-control {
    margin-left: -2px;
    height: 31px;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0.2em;
    padding-right: 0em;
}

select[multiple], select[size] {
    height: auto;
}


select.form-control.nojustificado {
    width: auto;
}

select.input-sm {
    width: 104%;
}



/************ Estilos del formulario de grafico *************/
#dvGraficoForm {
    /*background-color: #ad2144;*/
    background-color: rgba(173, 33, 68, .65);
    border-color: #ff4309;
    color: #ffffff;
    padding-right: 35px;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 10px;
    border-radius: 10px;
    padding-left: 15px;
    padding-top: 20px;
}
#dvGraficoForm h4 {
    color: white;
}
#dvGraficoForm legend {
    font-size: 16px;
    color: white;
    font-weight: normal;
    margin-bottom: 10px;
}
#dvGraficoForm fieldset {
    padding-left: 10px;
    padding-right: 10px;
}
#graficoContenedor {
    width: 80%;
    margin: 15px auto;
}

#dvGrafico {
  width: 98%;
  /*padding-left: 10px;*/
  padding-top: 20px;
  margin: 10px auto;
}
    canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

/************ Paginador **************/
.paginador {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.paginador table > tbody > tr > td {
    display: inline;
}

.paginador table > tbody > tr > td > a,
.paginador table > tbody > tr > td > span {
    color: blue;
    text-decoration: none !important;
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.paginador table > tbody > tr > td > a:hover {
    color: blue;
    background-color: #d1cdcd;
}

.paginador table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}




/************************ Encabezados ******************************/
h1 {
    font-size: 32px;
    margin-left: 25%;
    padding: 0px 20px 10px 50px;
    max-height: 105px;
    font-weight: normal;
    font-variant: small-caps;
    color: #990000;
    /*float: left;*/
}

h2 {
    color: #990000;
    padding: 0.1em 0.5em 0.1em 1.2em;
    margin: 0.5em 0em 0.3em;
    text-align: left;
    font-size: 28px;
}

h3 {
    font-size: 20px;
    font-variant: small-caps;
    color: #990000;
    font-weight: normal;
    border: none;
    text-align: left;
    clear: both;
    margin-bottom: 20px;
}

h4 {
    margin-top: 40px !important;
    margin-bottom: 20px;
    font-size: 16px;
    font-variant: small-caps;
    color: #990000;
    font-weight: normal;
    border: none;
    text-align: left;
    clear: both;

}

h5 {
    font-size: 12px;
    font-variant: small-caps;
    color: #990000;
    font-weight: normal;
    border: none;
    text-align: left;
    clear: both;
    margin-bottom: 20px;
}








/************ Responsive *********************/
@media screen and (max-width: 550px) {
    /* custom xs */
    h1 {
        font-size: 26px;
        /*padding-left: 100px;*/
    }
}
@media screen and (max-width: 768px) {
    /* xs */
    h1 {
        font-size: 30px;
    }
    select.input-sm {
        width: 100%;
        margin-left: 500px;
    }
    .ajustado {
        min-height: 300px;
    }
    #contenido {
        margin-top: -12px;
    }

}

@media screen and (max-width: 992px) {
    /* sm */
    h1 {

    }
    select.input-sm {
        width: 100%;
        margin-left: 0px;
    }
    .ajustado {
        min-height: 300px;
    }
    #pnlContenido {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

@media screen and (max-width: 1200px) {
    /* lg */
    select.input-sm {
        width: 100%;
        margin-left: 0px;
    }
}






/*********************** Tablas de informes ****************************/
table {
    width: 80%;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    /*background-color: red;*/
    /*background-color: rgba(210,130,240, 1) !important;*/
}

.table-striped>tr:nth-child(odd){
   /*background-color:red;*/
}

caption {
    display: table-caption;
    font-size: 14px;
    margin-left: inherit;
    margin-top: 8px;
    border-bottom: #333333 solid 0.1em;
    text-align: left;
    font-weight: normal;
    color: #990000;
}

table > tbody > tr > td {
    font-size: 12px;
}

th.vertical {
    text-align: left;
    border-bottom: 0.1em solid #999999;
    width: 10.5em;
    font-size: small;
}

td {
    border-bottom: 0.1em solid #999999;
    padding: 0.2em;
    margin: 0;
    font-size: 12px;
    text-align: left;
}

td.FondoGrisClaro {
    background-color: rgba(224, 224, 224, 0.5);
    text-align: center;
}

td.Cursiva {
    font-style: italic;
}

td.Resaltado {
    font-weight: bold;
}

td.Izquierda {
    text-align: left;
}

td.Derecha {
    text-align: right;
}

td.Sangrado10 {
    text-indent: 10px;
}

td.Sangrado20 {
    text-indent: 20px;
}

td.Sangrado30 {
    text-indent: 30px;
}

td.Centrado {
    text-align: center;
    vertical-align: central !important;
}

thead > tr > td {
    text-align: center;
    vertical-align: central !important;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

th.vertical {
    font-size: 12px;
}

.table-scrolling {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.tabla-scrolling > thead > tr > th,
.tabla-scrolling > tbody > tr > th,
.table-scrolling > tfoot > tr > th,
.table-scrolling > thead > tr > td,
.table-scrolling > tbody > tr > td,
.table-scrolling > tfoot > tr > td {
    white-space: normal;
}

#pnlContenido {
    width: 100%;
    margin-bottom: 15px;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

#pnlContenido > .tabla-scroll > thead > tr > th,
#pnlContenido > .tabla-scroll > tbody > tr > th,
#pnlContenido > .tabla-scroll > tfoot > tr > th,
#pnlContenido > .tabla-scroll > thead > tr > td,
#pnlContenido > .tabla-scroll > tbody > tr > td,
#pnlContenido > .tabla-scroll > tfoot > tr > td {
    white-space: normal;
}

.epigrafe {
    font-size: 12px;
}

.nota {
    color: #666666;
    font-size: 12px;
    text-align: justify;
    margin-top: 0.5em;
    padding-right: 2em;
    margin-bottom: 0.5em;
    margin-left: 3.5em;
}

span.resaltado {
    font-size: 16px;
    font-weight: bold;
    color: #990000;
}
span.Cursiva {
    font-style: italic;
}




/***************** Modal *******************************/
.mimodal {
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-dialog-center {
    margin-top: 10%;
}