@charset "UTF-8";






/* Fuentes de google */
@import url('http://fonts.googleapis.com/css?family=Playball');
@import url('http://fonts.googleapis.com/css?family=Gabriela');
@import url('http://fonts.googleapis.com/css?family=Averia+Gruesa+Libre');
@import url('http://fonts.googleapis.com/css?family=Risque');
@import url('http://fonts.googleapis.com/css?family=Princess+Sofia');
@import url('http://fonts.googleapis.com/css?family=Sacramento');
@import url('http://fonts.googleapis.com/css?family=Mr+Dafoe');
@import url('http://fonts.googleapis.com/css?family=Clicker+Script');
@import url('http://fonts.googleapis.com/css?family=Great+Vibes');






/* Usado en todas las páginas de la aplicación */
.body {
   background-color: #999;
   color: #fff;   
   text-align: center;   
}






/* Usado solo en index.html */
.h1_welcome {
   font-family: 'Averia Gruesa Libre', Georgia, Serif, Arial;
   font-size: 34px;
   text-align: center;
   color: #444; /*#D6E100; #b0b5b5 */
   text-shadow: 2px 2px 4px #111;
}






/* div contenedor de todo */
.div_contenedor {
    position: relative;
    margin: 20px auto;
    overflow: hidden;
    width: 1200px;
    min-height: 800px;
    background-color: #555;
    box-shadow: 3px 3px 5px #333;    
    border-radius: 40px;
    background-image: url(../Imagenes/Fondo.jpg);
}






/* cabecera y pie */
.div_cabecera {
    position: relative;
    margin: 10px auto 2px;
    overflow: hidden;
    width: 100%;
    height: 60px;
    background-color: #555;    
    background: -moz-linear-gradient(#555, #222);
    background: -webkit-linear-gradient(#555, #222);
    background: -o-linear-gradient(#555, #222);
    background: -ms-linear-gradient(#555, #222);
    background: linear-gradient(#555, #222);
}

.tabla_cabecera {
    border: none;    
    margin: auto auto;
}

.td_logo {
    width: 300px;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
}

.td_fecha {
    width: 300px;
    vertical-align: middle;
    text-align: right;
}

.td_texto {
    width: 550px;
    vertical-align: middle;
    text-align: center;    
    font-family: Playball, Arial;
    font-size: 22px;
    color: #ddd;
    text-shadow: 2px 2px 3px #aaa;    
}

.input_fecha {
    text-align: center;
    width: 280px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
    border: none;
    color:#ccc;
    text-shadow:1px 1px 3px #999;
    background-color: transparent;
}



.div_pie {
    position: absolute;
    bottom: 10px;
    overflow: hidden;
    width: 100%;
    height: 23px;
    background-color: #555;    
    background: -moz-linear-gradient(#555, #111);
    background: -webkit-linear-gradient(#555, #111);
    background: -o-linear-gradient(#555, #111);
    background: -ms-linear-gradient(#555, #111);
    background: linear-gradient(#555, #111);
}

.tabla_pie {
    border: none;
    margin: auto auto;
}

.td_imagen { vertical-align: bottom; }

.td_texto_firefox, .td_texto_funeraria {
    vertical-align: top;
    text-align: left;
    font-family: Playball, Arial;
    font-size: 14px;
    color: #ccc;
    text-shadow: 1px 1px 1px #000;    
}

.td_texto_funeraria {width: 1020px;}






/* Botones */
.boton_ok, .boton_examinar {
   font-family: 'Averia Gruesa Libre', Georgia, Serif, Arial; 
   border-top: 1px solid #9290a0;
   border-left: 1px solid #9290a0;
   border-right: 1px solid #9290a0;
   border-bottom: 1px solid #9290a0;
   background: #313036;
   background: -webkit-gradient(linear, left top, left bottom, from(#313036), to(#9290a0)); /*from(#0b0e91), to(#5d6cb3)*/
   background: -webkit-linear-gradient(top, #313036, #9290a0);
   background: -moz-linear-gradient(top, #313036, #9290a0);
   background: -ms-linear-gradient(top, #313036, #9290a0);
   background: -o-linear-gradient(top, #313036, #9290a0);
   padding: 7.5px 15px;
   -webkit-border-radius: 21px;
   -moz-border-radius: 21px;
   border-radius: 21px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #c6cbcb;
   font-size: 16px;   
   text-decoration: none;
   vertical-align: middle;
}

.boton_ok {margin-bottom: 70px;}


.boton_ok:hover, .boton_examinar:hover {
   background: #45434b;
   background: -webkit-gradient(linear, left top, left bottom, from(#45434b), to(#aba8ba));
   background: -webkit-linear-gradient(top, #45434b, #aba8ba);
   background: -moz-linear-gradient(top, #45434b, #aba8ba);
   background: -ms-linear-gradient(top, #45434b, #aba8ba);
   background: -o-linear-gradient(top, #45434b, #aba8ba);
   color: #D6E100;
}






/* Título de cada página, que se compone de un icono y un texto */
.tabla_titulo {
   text-align: center;
   margin: auto;
   border: none;
   background-color: transparent;
}



/* Formato de tablas en las que se introducen datos, se ven datos */
.tabla_intro_datos, .tabla_ver_datos
{
   text-align: left;
   margin: auto;
   border: none;
   background-color: transparent;
}



/* Textos de los input dónde se introducen y ven los datos */
.td_intro_datos, .td_ver_datos
{
   font-family: 'Risque', Georgia, Serif, Arial; 
   color: #f1ec99;
   text-align: right;
   font-size:16px;  
}

.td_ver_datos {text-shadow: 1px 1px 5px #c0c4cb;}



.td_intro_euro_precio, .td_intro_euro_gasto
{
   font-family: 'Gabriela', Georgia, Serif, Arial; 
   text-align: left;
   font-size:16px;  
}

.td_intro_euro_precio { color: chartreuse; }
.td_intro_euro_gasto  { color: crimson;    }






/* Formato común de los campos input */
.input_general, .input_concepto, .input_cliente, .input_deceso, .input_euro_precio,
.input_euro_gasto, .input_albanil, .input_pago, .input_pago_floris, .input_venta_flor,
.input_email, .input_datos_docs, .input_floristeria
{
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   background-color: transparent;
   font-size: 16px;
   border-color: transparent;
   border-bottom-color: #70706b;
   border-style: dotted;
}

.input_general     { color: white; }
.input_concepto    { color: thistle; }
.input_cliente     { color: palegreen; }
.input_deceso      { color: paleturquoise; }
.input_euro_precio { color: chartreuse; text-align: right; }
.input_euro_gasto  { color: crimson;    text-align: right; }
.input_albanil     { color: lightgray; }
.input_pago        { color: #ff6666; }
.input_pago_floris { color: #00cc00; }
.input_venta_flor  { color: #D6E100; }
.input_email       { color: #ffcccc; }
.input_datos_docs  { color: #cccccc; }
.input_floristeria { color: #99ff33; }

.input_generar_hash {
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   background-color: transparent;
   font-size: 12px;
   border-color: transparent;
   border-bottom-color: #70706b;
   border-style: dotted;   
   color: white;       
}






/* Formato común de los campos select */
.select_general, .select_concepto, .select_cliente, .select_deceso,
.select_notafac, .select_presupuesto, .select_esquela, .select_albanil,
.select_pago, .select_pesame, .select_pagos, .select_pagos_floris,
.select_venta_flor, .select_email, .select_situacion, .select_concepto_stock,
.select_floristeria, .select_tipo_doc
{
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   background-color: transparent;
   font-size: 16px;
   text-align: left;
   border-bottom-color: #70706b;
}

.select_general          { color: white; }
.select_concepto         { color: thistle;       width: 350px; }  
.select_cliente          { color: palegreen;     width: 450px; }
.select_deceso           { color: paleturquoise; width: 450px; }
.select_notafac          { color: white;         width: 650px; }
.select_presupuesto      { color: orange;        width: 550px; } 
.select_esquela          { color: chocolate;     width: 450px; }
.select_albanil          { color: lightgrey;     width: 200px; }
.select_pago             { color: lightgrey;     width: 500px; }
.select_pesame           { color: #ff9999;       width: 760px; }
.select_pagos            { color: #ff6666;       width: 450px; }
.select_pagos_floris     { color: #00cc00;       width: 500px; }
.select_venta_flor       { color: #D6E100;       width: 760px; }
.select_email            { color: #ffcccc;       width: 700px; }
.select_situacion        { color: #cccccc;       width: 240px; }
.select_concepto_stock   { color: #ffff66;       width: 450px; }
.select_floristeria      { color: #99ff33;       width: 170px; }
.select_tipo_doc         { color: #339900;       width: 400px; }

.select_general option, .select_concepto option, .select_cliente option, .select_deceso option,
.select_notafac option, .select_presupuesto option, .select_esquela option, .select_albanil option,
.select_pesame option,  .select_pagos option, .select_pagos_floris option, .select_venta_flor option,
.select_email option, .select_situacion option, .select_concepto_stock option,
.select_floristeria option, .select_tipo_doc option
{
   background-color: rgba(9,9,9,.7);   
}



.select_email_peq
{
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   background-color: #333333;
   font-size: 16px;
   text-align: left;
   border-bottom-color: #70706b;  
   color: #ffcccc;
   width: 220px;
}

.select_email_peq option { background-color: rgba(60,60,60,.7); }






/* Usado para el título de cada página */
.div_titulo {
   font-family: 'Clicker Script', Georgia, Serif, Arial; 
   font-size: 34px;
   text-align: center;
   /*color: #dbda62;*/
   color: #dde5d8;
   text-decoration: underline;
   text-shadow:1px 1px 5px white;
}






/* Principal. Usado tanto para informaciones ok como para errores */
.h1_info_error {
   font-family: 'Averia Gruesa Libre', Georgia, Serif, Arial;
   font-size: 34px;
   text-align: center;
   color: #b0b5b5; /*#D6E100;*/
   text-shadow: 1px 1px 5px white;
}

/* Solo usado en la página de selección de opción */
.h2_pag_ini {
   font-family: 'Princess Sofia', Georgia, Serif, Arial;
   font-size: 36px;
   text-align: center;
   color: #b0b5b5; /*#D6E100;*/
   text-shadow: 5px 3px 9px white;
}






/* Listado de clientes, decesos, albañiles, pagos, etc */
.tabla_listado {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 90%;
   margin: auto;
   background-color: transparent; 
}

.tabla_listado_albaniles {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 25%;
   margin: auto;
   background-color: transparent;
   alignment-adjust: central;
}

.tabla_listado_pagos {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 55%;
   margin: auto;
   background-color: transparent;
   alignment-adjust: central;
}

.tabla_listado_pagos_floris {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 55%;
   margin: auto;
   background-color: transparent;
   alignment-adjust: central;
}

.tabla_listado_ventas {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 95%;
   margin: auto;
   background-color: transparent;
   alignment-adjust: central;
}

.tabla_listado_emails {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 60%;
   margin: auto;
   background-color: transparent;
   alignment-adjust: central;
}

.tabla_listado_stock {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 60%;
   margin: auto;
   background-color: transparent;
   alignment-adjust: central;
}

.tabla_listado_floristerias {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 40%;
   margin: auto;
   background-color: transparent;
   alignment-adjust: central;
}

.tr_listado_titulo {
   font-family: 'Averia Gruesa Libre', Georgia, Serif, Arial;
   height: 60px; 
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   color: #ecf4a9; /*#D6E100;*/
   text-align: center;
   font-size:20px;
   text-decoration: underline;
   text-shadow: 1px 1px 5px #c0c4cb;
   
}

.tr_listado_sumaTotal {
   font-family: 'Averia Gruesa Libre', Georgia, Serif, Arial;
   height: 40px; 
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   color: #ff6666;
   text-align: center;
   font-size:20px;
   text-shadow: 1px 1px 5px #c0c4cb;
   
}

.tr_listado_general, .tr_listado_conceptos,    .tr_listado_clientes, .tr_listado_decesos,
.tr_listado_notafac, .tr_listado_presupuestos, .tr_listado_albaniles, .tr_listado_pesame,
.tr_listado_pagos, .tr_listado_pagos_floris, .tr_listado_ventas, .tr_listado_emails,
.tr_listado_stock, .tr_listado_floristerias
{
   font-family: 'Playball', Georgia, Serif, Arial;
   height: 35px;
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;   
   text-align: center;
   font-size:18px;
}

.tr_listado_general      { color: white; }
.tr_listado_conceptos    { color: thistle; }
.tr_listado_clientes     { color: palegreen; }
.tr_listado_decesos      { color: paleturquoise; }
.tr_listado_notafac      { color: white; }
.tr_listado_presupuestos { color: orange; }
.tr_listado_albaniles    { color: lightgray; }
.tr_listado_pesame       { color: #ff9999; }
.tr_listado_pagos        { color: #ff6666; }
.tr_listado_pagos_floris { color: #00CC00; }
.tr_listado_ventas       { color: #D6E100; }
.tr_listado_emails       { color: #ffcccc; }
.tr_listado_stock        { color: #ffff66; }
.tr_listado_floristerias { color: #99ff33; }


.tr_listado_general:hover,  .tr_listado_conceptos:hover, .tr_listado_clientes:hover,
.tr_listado_decesos:hover,  .tr_listado_notafac:hover,   .tr_listado_presupuestos:hover,
.tr_listado_albaniles:hover, .tr_listado_pesame:hover,   .tr_listado_pagos:hover
.tr_listado_pagos_floris:hover, .tr_listado_ventas:hover, .tr_listado_emails:hover,
.tr_listado_stock:hover, .tr_listado_floristerias:hover
{
   border-style: ridge;
   border-color: #fffeb8;
   color: #fffeb8;
   text-shadow: 1px 1px 5px #c0c4cb;
}




   

/* Div, tabla y otros elementos para ESQUELAS/ANIVERSARIOS      */
/* NOTA. Muchas propiedades CSS no se incluyen aquí debido      */
/* a que no se imprimen correctamente, por lo que se introducen */
/* directamente en la página php correspondiente                */
div.esquela {
   position: relative;
   vertical-align: top;
   float: right;
   margin-right: 80px;
   margin-bottom: 70px;
}

div.controles_esquela, div.controles_esquela_ver {
   position: relative;
   vertical-align: top;
   float: left;
   overflow: hidden;
   margin-top: 150px;
   margin-left: 80px;     
   min-width: 240px;
   width: 240px; 
   background-color: darkkhaki;
   border-style: outset;
   border-color: burlywood;    
   box-shadow: 3px 3px 4px burlywood;
}

div.controles_esquela       { min-height: 430px; height: 430px; }
div.controles_esquela_ver   { min-height: 360px; height: 360px; }



table.esquela {
   background-color: white;
   margin-left: auto; 
   margin-right: auto;
   position: relative;    
   box-shadow: 0px 0px 5px 5px darkgray;
}

p.esquela {
   position: relative; 
   border-style: dotted;
   border-color: #000099;
   color: black; 
}

p.esquela_ver {
   position: relative; 
   border-style: none;
   color: black; 
}






/* Div, tabla y otros elementos para NOTAS/FACTURAS             */
/* NOTA. Muchas propiedades CSS no se incluyen aquí debido      */
/* a que no se imprimen correctamente, por lo que se introducen */
/* directamente en la página php correspondiente                */
/* Se añade aquí las características del div de albañiles pagos */
div.notafac {
   position: relative;
   vertical-align: top;
   overflow: hidden;
   background-color: white;
   float: right;
   right: 35px;
   min-width: 850px;
   width: 850px;
   min-height: 1100px;
   height: 1100px;
   box-shadow: 0px 0px 5px 5px darkgray;
   margin-bottom: 70px;
}

div.nota {
   position: relative;
   vertical-align: top;
   overflow: hidden;
   background-color: white;
   float: right;
   right: 35px;
   min-width: 850px;
   width: 850px;
   min-height: 160px;
   height: 160px;
   box-shadow: 0px 0px 5px 5px darkgray;
   margin-bottom: 20px;
}

div.factura {
   position: relative;
   vertical-align: top;
   overflow: hidden;
   background-color: white;
   float: right;
   right: 35px;
   min-width: 850px;
   width: 850px;
   min-height: 90px;
   height: 90px;
   box-shadow: 0px 0px 5px 5px darkgray;
   margin-bottom: 20px;
}


div.notafac_controles, div.notafac_controles_ver,
div.presupuesto_controles, div.presupuesto_controles_ver,
div.controles_albanil_pagos, div.pesame_controles, div.documentos_controles {
   position: relative;
   vertical-align: top;
   float: left;
   overflow: hidden;
   min-width: 240px;
   width: 240px;
   margin-top: 260px;
   margin-left: 35px;
   background-color: darkkhaki;
   border-style: outset;
   border-color: burlywood;    
   box-shadow: 3px 3px 4px burlywood; 
}

div.notafac_controles         { min-height: 470px; height: 470px; }    
div.notafac_controles_ver     { min-height: 360px; height: 360px; }
div.presupuesto_controles     { min-height: 410px; height: 410px; }
div.presupuesto_controles_ver { min-height: 340px; height: 340px; }
div.controles_albanil_pagos   { min-height: 170px; height: 170px; }
div.pesame_controles          { min-height: 170px; height: 170px; }    
div.documentos_controles      { min-height: 170px; height: 170px; }



table.notafac_controles { 
   margin: auto;
   margin-top: 5px;
   color: black;
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   font-size: 16px;
   border-style: ridge;
   border-color: burlywood;
   box-shadow: 0px 0px 5px 4px #999900;   
}



td.notafac_controles { 
   font-family: 'Gabriela', Georgia, Serif, Arial;
   font-weight: bold;
   color: darkblue;
   text-align: center;  
   font-size: 18px;
}



input.notafac_controles {
   font-family: 'Gabriela', Georgia, Serif, Arial;
   font-weight: bold;
   text-align: right;
   background-color: transparent;
   color: darkblue;
   font-size: 18px;
   border-color: transparent;
   border-bottom-color: #70706b;
   border-style: dotted; 
}   



select.notafac_controles {
   width: 220px;
   font-family: Serif, Arial, Georgia;
   font-weight: bold;
   color: #660066;
   background-color: transparent;
   font-size: 14px;
   text-align: left;
   border-bottom-color: #70706b;   
} 
    
  

input.notafac_controles_email {
   font-family: Serif, Arial, Georgia;
   font-weight: bold;
   text-align: center;
   background-color: transparent;
   color: darkblue;
   font-size: 14px;
   border-color: transparent;
   border-bottom-color: #70706b;
   border-style: dotted; 
}   






/* Otros */

table.albanil_pagos {
   position: relative;    
}



table.sin_pesames {
   border-style: groove;
   border-color: #c0c4cb;
   border-collapse: collapse;
   width: 650px;
   margin: auto;
   background-color: transparent; 
}

p.sin_pesames {
   font-family: 'Playball', Georgia, Serif, Arial;
   font-size: 24px;  
   color: #ff9999;
}



div.documento {
   position: relative;
   vertical-align: top;
   overflow: hidden;
   background-color: white;
   float: right;
   right: 175px;
   min-width: 850px;
   width: 850px;
   min-height: 1100px;
   height: 1100px;
   box-shadow: 0px 0px 5px 5px darkgray;
   margin-top: 60px;
   margin-bottom: 70px;
}