/*
*   Elements.css
*   Reglas para los elementos HTML, ID's y clases. 
*
*/

/*  HTML ----------------- 
*   Ejemplo: #id .class a <-- HTML 
*/
.reporte2 table2 td.positivo2 a
{
    color:#2b5900;
}

.reporte2 table tr.datos2 td
{
    border-right: 1px solid #e8e8e8;
}

.reporte2 table td
{
}
.reporte2 table th,
.reporte2 table td
{
    padding:7px 10px 7px 10px;
}
.subCabeceraA2 a
{
    color:#737373;
    
}

/*  Clases ----------------- 
*   Ejemplo: #id a.class <-- Class 
*/}

.cleaner2
{
    clear: both;
}


.clickable2:hover
{
    background: #eaffd7;
    color:#0c6139;
}
.par1
{
    background: #ffffff;
}
.par3
{
    background: #E3F6E2;
}
.par2
{
    background: #f3f3f3;
}

.bordeInferior2
{
    border-bottom: 2px solid #aaa;
}
.letraclara
{
    color:#6B6B6B;
}

.bordeDerecha2
{
    border-right-width: 1px;
    border-right-style: solid;
    border-color:#cfcfcf;
}

.bordeIzquierda2
{
    border-left-width: 1px;
    border-left-style: solid;
    border-color:#cfcfcf;
}

.bordeInferior2
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color:#cfcfcf;
}
.bordeSuperior2
{
    border-top-width: 1px;
    border-top-style: solid;
    border-color:#cfcfcf;
}

.subCabeceraA2.bordeIzquierda2,
.subCabeceraA2.bordeDerecha2,
.subCabeceraA2.bordeSuperior2,
.subCabeceraA2.bordeInferior2
{
    border-color:#C9C9C9;
    
}

.subCabeceraB2.bordeIzquierda2,
.subCabeceraB2.bordeDerecha2,
.subCabeceraB2.bordeSuperior2,
.subCabeceraB2.bordeInferior2
{
    border-color:#cfcfcf;
}

.pie2
{
    background: #16559f;
    color:#fff;
    height: 30px;
}

.subPieA2
{
    background: #cfcfcf;
}

.subPieB2
{
    background: #efefef;
}

.cabecera2
{
    background: #16559f;
    color:#fff;
    height: 30px;
    
}

.subCabeceraA2
{
    background: #E2E2E2;
 
    font-size: 12px;
}

.subCabeceraB2
{
    background: #efefef;
}

.reporte2
{
    width:1050px;
    margin: auto;
    background: #fff;
    padding:0px 30px 20px 30px;
    -webkit-box-shadow: 0px 0px 3px #bababa;
    -moz-box-shadow: 0px 0px 3px #bababa;
    box-shadow: 0px 0px 3px #bababa;
}


table2 td.alerta
{
    
    background:#fefbcf;
    color:#6a6302;
}
table2 td.importante2
{
    
    background:#ffefdd;
    color:#61390c;
    font-weight: bolder;
}
table2 td.negativo2
{
    color:#610d35;    
    background: #ffdded;
}
table2 td.positivo2
{
    background: #eaffd7;
    color:#0c6139;
}

/*  ID's ----------------- 
*   Ejemplo: #id a#id <-- ID
*/

.cabecera2 #controles
{
    float: right;
    color:#fff;
}
.cabecera2 a
{
    color:#fff;
}

#footer2 #wrapper2 #logo2
{   
    background: url(/images/reportes/footer/logo.png);
    height:31px;
    float:left;
    width:32px;
}

#footer2 #wrapper2 #leyenda2
{   
    color:#fff;
    padding-top:10px;
    float:left;
}

#header2 #wrapper2 #logo2
{   
    background: url(/images/reportes/70px/logo.png);
    height:68px;
    float:left;
    width:194px;
}

#header2 #wrapper2 #titulo2
{   
    background: url(/images/reportes/70px/titulo.png);
    height:68px;
    width:353px;
    float:left;
    margin-left: 150px;
}

#header2 #wrapper2 #imagen2
{   
    background: url(/images/reportes/70px/img.png);
    height:68px;
    width:148px;
    float:right;
}