/*=================================================================================*\
 *  gensty01.php - Hoja de estilos principal
 *
 *  (c) 2007 Innovatrium, S.L. <innovatrium@innovatrium.es>
 *  Este archivo NO puede ser libremente distribuido. Reservados todos los derechos.
 *  Para más información visite el sitio: http://www.innovatrium.es/ 
 *
\*=================================================================================*/

/*
Color líneas base: #E6B012
*/

/*---------------------------------------------------------------------------------*\
 *  Configuración de la página de impresión
\*---------------------------------------------------------------------------------*/

@page {
    size: A4;
    /*margin: auto;*/
    /*orphans: 6;*/
}


/*---------------------------------------------------------------------------------*\
 *  Estilos para la factura
\*---------------------------------------------------------------------------------*/

.imptbl01 { /* General para todas las tablas */
    width: 100%;
    color: #000000;
}

/* ---- CABECERA ------------------------------- */

.implog01 { /* Formato impresión para el logotipo de la empresa */
    height: 80px;
    display: block;
    margin: auto;
}

.cabcel01 {
    width: 300px;
    font-size: 10px;
    text-align: left;
}

.cabcel02 {
    text-align: center;
    font: 9px Tahoma, Arial, sans-serif;
}

.cabcel03 {
    font-weight: bold;
    text-align: right;
}

.cabcel04 {
    width: 120px;
    text-align: right;
    color: #000000;
    font-weight: bold;
}

/* ---- CABECERA ------------------------------- */

/* ---- TÍTULO --------------------------------- */

.titcel01 {
    border-bottom: #003A78 3px solid;
    border-right: #003A78 3px solid;
    width: auto;
}

.titcel02 {
    padding: 2px 0px 0px 2px;
    border-bottom: none;
    border-top: #003A78 3px solid;
    height: 16px;
    width: 400px;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

/* ---- TÍTULO --------------------------------- */

/* ---- DATOS DE CLIENTE ----------------------- */

.imptbl02 {
    color: #000000;
    width: 375px;
}

.imptbl03 {
    width: 350px;
    height: 140px;
    color: #000000;
    border: #000000 1px dashed;
}

.clicel01 {
    padding: 2px 0px 0px 2px;
    border-bottom: #003A78 3px solid;
    border-right: #003A78 3px solid;
}

.clicel02 {
    padding-top: 0px;
    border-top: #003A78 3px solid;
    border-bottom: none;
    width: 230px;
}

.clicel03 {
    padding: 2px 0px 0px 2px;
    width: 100%;
}

.clicel04 {
    padding: 10px 10px 10px 10px;
}

/* ---- DATOS DE CLIENTE ----------------------- */

/* ---- DETALLE DE LA FACTURA ------------------ */

.dettab01 {
    margin-left: auto;
    width: 750px;
    border-top: #000000 2px solid;
    border-bottom: #000000 2px solid;
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
    color: #000000;
}

.dettit01 {
    padding: 2px 0px 0px 2px;
    border-bottom: #000000 2px solid;
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
    text-align: center;
    height: 15px;
}

.detcel01 {
    padding: 2px 3px 0px 3px;
    text-align: left;
    border-right: #000000 1px solid;
    border-left: #000000 1px solid;
    height: 15px;

}

.detcel05 {
    padding-left: 30px;
}


/* ---- DETALLE DE LA FACTURA ------------------ */

/* ---- TABLA FORMA DE PAGO -------------------- */

.pietab01 {
    color: #000000;
    width: 396px;
    margin-top: 20px;
}

.pietit01 {
    padding: 2px 0px 0px 2px;
    border-bottom: #003A78 3px solid;
    border-right: #003A78 3px solid;
    width: 150px;
}

.pietit02 {
    padding: 2px 0px 0px 5px;
    border-bottom: none;
    border-top: #003A78 3px solid;
    width: 250px;
}

.piecel01 {
    padding: 2px 0px 0px 2px;
    width: 150px;
}

.piecel02 {

    width: 250px;

}

/* ---- TABLA FORMA DE PAGO -------------------- */

/* ---- TABLA TOTALES Y SUBTOTALES ------------- */

.pietab02 {
    margin-left: auto;
    color: #000000;
    margin-top: 20px;
}

.piecel03 {
    padding: 2px 10px 0px 2px;
    text-align: right;
    width: 180px;
    height: 15px;
    white-space: nowrap;
}

.piecel04 {
    padding: 2px 3px 0px 3px;
    text-align: right;
    border-bottom: #000000 2px solid;
    border-right: #000000 2px solid;
    border-left: #000000 2px solid;
    width: 100px;
    height: 15px;
}

/* ---- TABLA TOTALES Y SUBTOTALES ------------- */

/* ---- PIE DE PÁGINA -------------------------- */

.pietbl01 table {
    border: #000000 1px solid;
}

.piecel05 {
    text-align: left;
    font-size: 10px;
}


.piecel05 p {
    border: #000000 1px solid;
    font-size: 10px;
    text-align: center;
    clear: both;
}

.piecel05 > img {

    margin: 5px;
    height: 50px;
    float: left;


}

.piecel05 .implog01 {


    width: auto;
    margin: 0px;


}

.piecel05 > span {
    margin: 5px;
    float: left;


}


.piecel06 {
    border-top: #003A78 3px solid;
    width: 750px;
    text-align: center;
    font: 8px Tahoma, Arial, sans-serif;
    color: #666666;
}

/* ---- PIE DE PÁGINA -------------------------- */


