#contenedor_principal
{
    width:100%;
}
/*div del titulo y subtitulo*/
.parte_superiro_titulo
{
    margin:0px;
    padding:0px;
    height:110px;
    width:100%;
    margin-bottom:20px;
}

/*titulo y subtitulo de la pag.*/
 .titulo
    {
        font-size: 1.7em;
        font-weight: bold;
        height: 1.3em;
        padding: 2px 2px 2px 10px;
        margin: 0px auto;
        text-align: center;
        color:#1F1F1F;
    }
     .titulo2
    {
        clear: both;
        color: #706F6F;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
        height: 1.3em;
        margin: 5px auto;
    }

/*--Tabla de los conseptos y archivos--*/
#data_table_conceptos
{
    margin-left:30px;
    float:inherit;
    overflow:auto;
    margin-bottom:5px;
    padding-bottom:0px;
    padding-top:0px;
    margin-top:20px;
}

#results_table_conceptos
{
    height:600px;
    width:100%;
    margin-left:0px;
    float:left;
    margin-bottom:0px;
    padding-bottom:0px;
    padding:0px;
}
#results_table_conceptos tabla_conceptos
{
    width:100%;
    margin-left:0px;
    float:left;
}
#results_table_conceptos td
{
     border-color:transparent;
     text-align:center;
}
#results_table_conceptos #column_nombre_contribuyente
{
    width:30%;
    /*background:#9aca41;*/
    background:#393c3e;
    color:white;
    border-color:transparent;
    text-align:center;
    border-right-color:transparent;
    /*color: #1F1F1F;*/
}
#results_table_conceptos #column_autoridad_notifica
{
    width:30%;
    /*background:#9aca41;  viejito GREEN*/
    background:#393c3e;
    color:white;
    border-color:transparent;
    text-align:center;
    border-right-color:transparent;
    border-left-color:transparent;
    /*color: #1F1F1F;*/
}
#results_table_conceptos #column_tipo_documento
{
   width:30%;
   /*background:#9aca41;*/
   background:#393c3e;
   color:white;
   border-color:transparent;
   border-right-color:transparent;
   border-left-color:transparent;
   text-align:center;
   /*color: #1F1F1F;*/
}

#results_table_conceptos #column_fecha_inicio_publicacion
{
   width:20%;
   border-color:transparent;
   /*background:#9aca41;*/
   background:#393c3e;
   color:white;
   border-right-color:transparent;
   border-left-color:transparent;
   text-align:center;
   /*color: #1F1F1F;*/
}

#results_table_conceptos #column_tipo_notificacion
{
   width:20%;
   /*background:#9aca41;*/
   background:#393c3e;
   color:white;
   border-color:transparent;
   border-right-color:transparent;
   border-left-color:transparent;
   text-align:center;
   /*color: #1F1F1F;*/
}

#results_table_conceptos #column_archivo
{
    width:50px;
    /*background:#9aca41;*/
    background:#393c3e !important;
    color:white;
    border-color:transparent;
    text-align:center;
    border-left-color:transparent;
    /*color: #1F1F1F;*/
}

#results_table_conceptos img
{
    cursor:pointer;
}

#results_table_conceptos tr:nth-child(odd) {
   /*background-color: #EBEAEA;*/
   background-color: #C2C2C2; 
   color:#706F6F
}

#results_table_conceptos tr:nth-child(even) {
   background-color: #FFFFFF;
   color:#706F6F;
}
/*--fin de la tabla--*/


/*--mensajes de confirmación--*/

#mensaje
{
    width:200px;
    margin:0px;
    padding:0px;
}


@media only screen and (min-width:1400px) and (max-width: 1900px) 
{
    #contenedor_principal
    {
        width: 90em;
        padding: 0em;
    }   

    #login{
        width: 90em;
        padding: 0em;
        margin-top:6% !important;
    }
   
}
/* --INICIO-- ESTE CSS PARA LOGUEO TAMAÑO GRANDE Y CHICO*/
@media only screen and (min-width:1700px) and (max-width:1900px) {
    #login{
        margin-top:6% !important;
    }
}

@media only screen and (min-width:1200px) and (max-width:1500px) {
    #login{
        margin-top:6% !important;
    }
}

@media only screen and (min-width:800px) and (max-width:1199px){
    #login #degradado{
        width:100% !important;
    }
    #imagen{
        margin-top:24px !important;
        height:300px !important;
        float:left !important;
    }
    #imagen > img{
        margin-left: 10% !important;
        width:300px !important;
    }
    #login_content{
        float:right !important;        
    }
    #login{
        min-width:72em !important;
    }
}
/* --FIN-- ESTE CSS PARA LOGUEO TAMAÑO GRANDE Y CHICO*/