/* @override 
	http://localhost:82/css/estilos.css
	http://leonrubioabogados.es/css/estilos.css
	http://abogados.asedano.homeip.net/css/estilos.css
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
    /*outline: 0;*/
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: separate;
    border-spacing: 0;
}

table + h2 {
    margin-top: 4em;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

body {
    font: 65% Verdana, Helvetica, sans-serif;
    background: #353535 url(../img/body.gif) top repeat-x;
    padding-top: 50px;
    color: #666666
}

#wrapper {
    width: 98em;
    margin: 0 auto 2em
}

#cabecera {
    position: relative;
    height: 5.2em;
    background: url(../img/leonrubiologo.png) 0 0 no-repeat
}

h1 {
    position: absolute;
    background: url(../img/lecama.png) 0 0 no-repeat;
    width: 101px;
    height: 59px;
    left: 370px;
    top: -11px;
    text-indent: -999em
}

#cerrar_sesion {
    position: absolute;
    right: 0;
    bottom: 1em;
    color: #d8d1b4;
    font-size: 1.4em;
    text-decoration: none
}

#cerrar_sesion:hover {
    color: #fff
}

#menu {
    position: absolute;
    bottom: -3em;
    font-size: 1.3em;
    line-height: 3em;
    background: url(../img/fondomenu.png) repeat-x;
    width: 100%;
    height: 3em
}

#menu li {
    float: left;
    background: #fff url(../img/fondomenuli.png) right bottom no-repeat
}

#menu li.activa {
    background: url(../img/fondomenuliactiva.png) repeat-x
}

#menu a {
    color: #aaa;
    text-decoration: none;
    display: block;
    padding: 0 2em
}

#menu li.activa a {
    color: #666
}

#contenido {
    background: #f1f0e9;
    padding: 3.5em 1.66em 1.66em;
    font-size: 1.2em;
    overflow: hidden
}

#flashMessage {
    width: 40em;
    line-height: 3em;
    background: #e4e4c9;
    font-style: italic;
    color: #808072;
    margin: 4em 0 0 20em;
    text-align: center;
    position: absolute;
    padding: 1em 0;
    border: 1px solid #862424;
    z-index: 1000
}

h2, h3 {
    color: #862424;
    font-size: 1.33em;
    text-transform: uppercase;
    padding-bottom: 0.37em;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 1.25em;
    margin-bottom: 1em
}

h3 {
    text-transform: none
}

p {
    margin: 1em 0;
}

fieldset {
    position: relative
}

input, select {
    font-size: 1em
}

form {
    overflow: hidden;
}

form div.form-group {
    margin-bottom: 1.5em;
    margin-left: 24em;
}

form div.form-group label {
    display: block;
    margin-bottom: 0.5em;
    margin-left: -24em;
    float: left;
    width: 23.5em;
    text-align: right;
    line-height: 1.4em;
    color: #862424
}

form div.form-group .checkbox label {
    width: 25.1em;
}

form div.form-group .checkbox input {
    float: right;
}

form[action*="buscador"] {
    margin: 0 -1rem;
}

form[action*="buscador"] div.form-group {
    margin: 0;
    display: inline-block;
    width: 50%;
    padding: 0 1rem;
    box-sizing: border-box;
}

form[action*="buscador"] div.form-group label {
    margin-left: 0;
    width: 100%;
    text-align: left;
}

form[action*="buscador"] div.form-group input,
form[action*="buscador"] div.form-group button,
form[action*="buscador"] div.form-group select {
    width: 100%;
    box-sizing: border-box;
}

label:after {
    content: ':';
}

label.required:after {
    content: ':*'
}

form input, form textarea, form button {
    width: 95%;
    font: 1em Verdana, Helvetica, sans-serif
}

input[type=checkbox], input[type=radio] {
    width: auto
}

label.concepto {
    clear: left;
}

input.concepto, textarea.concepto {
    width: 39.6em;
    float: left
}

textarea.concepto {
    margin-bottom: 1.5em;
    float: right
}

div.input label.importe, div.input label.fecha, div.input label.hora {
    display: inline;
    float: left;
    width: auto;
    margin-left: 2em
}

input.importe, input.fecha, input.hora {
    width: 5em;
    float: left;
    margin-left: 0.5em;
    margin-bottom: 1.2em
}

input.fecha {
    width: 6em;
}

input.corto {
    width: 3em;
}

#suplidos div, #actuaciones div {
    clear: both
}

.mas {
    top: -1.83em
}

.mas:last-child {
    bottom: 0;
    top: auto;
}

.mas, .menos {
    color: #862424;
    font-size: 2em;
    position: absolute;
    right: 0;
    text-decoration: none
}

.menos {
    margin-top: -0.3em;
}

button[type="submit"] {
    width: auto;
    border: 1px solid #862424;
    color: #862424;
    background: #e4e4c9;
    padding: 0 2em;
    display: block;
    line-height: 1.5em;
    font-weight: bold;
    float: right;
    cursor: pointer;
    margin: 1em 0 0;
    clear: both
}

.error-message {
    margin-left: 0;
    color: #864242;
}

.form-error {
    background: #e4e4c9;
}

.seleccion, .seleccionDeCliente {
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0
}

.seleccion, .seleccionDeCliente div {
    margin: 0;
    cursor: pointer;
    padding: 0.2em
}

.seleccion, .seleccionDeCliente div.hover {
    color: #862424
}

dl {
    overflow: hidden
}

dt {
    float: left;
    width: 25em;
    clear: both;
    text-align: right;
    color: #862424
}

dt:after {
    content: ":"
}

dd {
    float: left;
    clear: right;
    margin-left: 1ex
}

dt, dd {
    margin-top: 0.5em
}

dt.total {
    text-transform: uppercase;
}

table {
    width: 100%
}

th, thead td {
    font-weight: bold;
    background: #e4e4c9;
    padding: 0.3em;
    border-bottom: 1px solid #d0d0d0;
}

tr:nth-child(even) td {
    background: rgb(237, 236, 223);
}

tr.finalizado td {
    color: #ce4949;
}

td {
    border-bottom: 1px solid #d0d0d0;
    vertical-align: middle;
}

tbody td, tfoot th, tfoot td {
    padding: 1em;
}

td div {
    margin: 0
}

td input {
    border: 0;
    cursor: pointer;
    width: auto;
    padding: .5em;
    background: #862424;
    color: #fff;
}

.nuevo {
    margin-bottom: 1em;
    text-align: right;
    font-size: 1.1em;
}

.cancelar,
.crear,
table a {
    color: #862424;
    text-decoration: none;
}

.crear {
    border: 1px solid currentColor;
    padding: .5em 1em;
    display: inline-block;
}

.cancelar {
    font-size: 1.3em;
}

table a:hover {
    text-decoration: underline;
}

th.header {
    padding-left: 1.5em;
    background: #e4e4c9 url(../img/orden.gif) 4px -8px no-repeat;
    cursor: pointer
}

th.headerSortDown {
    background-position: 0 -40px
}

th.headerSortUp {
    background-position: 0 -77px
}

th.importe, td.importe, td.fecha, td.telefono, td.fax {
    white-space: nowrap;
    text-align: right;
    width: 1px
}

.factura tfoot th {
    text-align: right;
}

.factura tfoot th.total {
    text-align: left;
    white-space: nowrap;
    width: 1px
}

.factura .cabecera {
    display: none;
}

.factura .datos {
    margin: 1em 0
}

.factura dt {
    width: 15em
}

.factura .precioEnLetra {
    font-weight: bold;
    margin: 2em 0
}

.factura .precioEnLetra strong {
    text-transform: uppercase
}

.factura .cuenta {
    font-weight: bold;
    text-transform: uppercase;
}

.factura .resumen .total {
    font-weight: bold;
}

.factura .resumen dd {
    width: 11em;
    text-align: right;
}

.buscador {
    position: relative
}

.buscador.con-datos h3:after {
    content: '';
    display: inline-block;
    background: url(../img/filtrado.png);
    width: 1.5em;
    height: 1em;
    background-size: 1.5em;
}

.buscador form {
    margin-bottom: 2em;
}

.buscador label {
    color: #862424;
    margin-right: 0.5em
}

.buscador input {
    width: 20em
}

.buscador input, .buscador select {
    margin-right: 2em;
    margin-bottom: 0.5em
}

.buscador input[type=radio] {
    width: auto;
    margin-left: -0.5em
}

.buscador .abrir {
    color: #862424;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0
}

.quitarfiltro {
    color: #862424;
    font-size: 1.1em;
    position: relative;
    text-decoration: none;
    top: -0.5em
}

@media print {

    body {
        margin: 1cm;
        background: #fff;
    }

    h2 {
        display: none
    }

    #wrapper {
        width: 100%;
    }

    #contenido {
        background: #fff;
    }

    #cabecera, #menu {
        display: none
    }

    .factura {
        color: #000;
    }

    .factura .cabecera {
        display: block;
        font-size: 0.9em;
        border-bottom: 2px solid #000;
        overflow: hidden;
        padding-bottom: 2em;
    }

    .factura .cabecera img {
        margin-bottom: 1em;
    }

    .factura .datoscabecera {
        font-size: 1em;
    }

    .factura .datos {
        float: left;
        width: auto;
        font-weight: bold
    }

    .factura .cliente {
        float: left;
        width: 60%
    }

    .factura .cliente h3 {
        display: none;
    }

    .factura .cliente {
        margin: 1em 0;
        float: right;
        width: 50%;
    }

    .factura {
        font-size: 0.9em
    }

    .factura h3 {
        font-size: 1em;
        border-bottom-color: #862424;
    }

    #contenido div.factura div.actuaciones {
        clear: both
    }

    #contenido div.factura div.suplidos {
        clear: both
    }

    /*	#contenido div.cliente dd, div.cliente dt, #contenido div.datos dd, div.datos dt { clear: none;float:left;width: auto;}*/
    div.factura dt {
        margin-left: 1em;
    }

    .factura dt {
        width: 8em
    }

    .resumen dt {
        width: 20em
    }

    .factura .letraPeque {
        font-size: 0.8em
    }

    .factura .precioEnLetra {
        clear: both;
        border-top: 1px solid #999;
        padding-top: 1em
    }

    .resumen dl {
        float: right;
        padding-bottom: 1em
    }

    .resumen .total {
        font-weight: bold;
        margin-top: 1em;
        margin-bottom: 1em
    }

    .resumen dd {
        float: right
    }

    th.header {
        background: none;
        padding-left: 0
    }

    #contenido {
        padding-top: 0;
    }

    dl {
        border: 0;
        padding: 0
    }

    body {
        padding-top: 0;
    }

}

#login input {
    width: auto;
}

#login .submit {
    margin-left: 24em;
}

.paginacion {
    text-align: center;
}

.pagination {
    margin: 0 auto;
}

.pagination > li {
    display: inline-block;
    margin: 0 .5em;
}

.pagination > li > span,
.pagination > li > a {
    padding: .5em;
    display: inline-block;
}

.pagination > li:focus > a,
.pagination > li:hover > a,
.pagination > li.active > span {
    background: #862424;
    color: #fff;
}

@media print {
    * {
        font-size: 9pt !important;
    }

    .buscador, .paginacion,
    a, button, input, .botones {
        display: none !important;
    }

    tbody td, tfoot th, tfoot td {
        padding: .2em;
    }
}