@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: #82cde3; /*#53bbbf; #999;*/
   /*background: linear-gradient(90deg, #f7ba96 10%, #82cde3 90%);*/
   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: 30px auto;
    overflow: hidden;
    width: 1230px;
    min-height: 800px;
    background-color: #555;
    /*box-shadow: 10px 10px 8px #333;*/
    /*box-shadow: 20px 22px 8px rgba(0,0,0,0.79);    */
    box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.9);
    border-radius: 40px;
    /*background-image: url(../Imagenes/Fondo.jpg);*/
    /*background: linear-gradient(90deg, #53bbb0 10%, #0f1939 90%);*/
    background: linear-gradient(to right, rgba(3,16,54,1) 4%, rgba(25,99,189,1) 78%, rgba(30,116,216,1) 93%, rgba(32,124,229,1) 100%);   
}






/* cabecera y pie */
.div_cabecera {
    position: relative;
    margin: 10px auto 1px;
    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);*/    
    background: linear-gradient(to bottom, #d4e4ef 0%, #86aecc 100%);
}

.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: Arial; /*Playball, Arial;*/
    font-size: 24px;
    color: #04408a;
    text-shadow: 1px 1px 3px #45484b;
}

.input_fecha {
    text-align: center;
    width: 280px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
    border: none;
    color: #04408a;    
    text-shadow: 1px 1px 3px #45484b; 
    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);*/
    background: linear-gradient(to bottom, #d4e4ef 0%, #86aecc 100%);
}

.tabla_pie {
    border: none;
    margin: -2px auto;
}

.td_imagen { vertical-align: bottom; }

.td_texto_firefox, .td_texto_funeraria {
    vertical-align: top;
    text-align: left;
    font-family: Playball, Arial;
    font-size: 16px;
    color: #04408a;
    text-shadow: 2px 2px 5px #45484b; 
}

.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;
   transition: all .6s;
}


.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_factura, .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_factura          { 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_factura 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);   
}






/* 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;*/
   text-shadow: yellow 2px 2px 3px;
}






/* 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;  /*springgreen; /*crimson #00CC00; /* #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_factura, .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;
   transition: all .6s;
}

.tr_listado_general      { color: white; }
.tr_listado_conceptos    { color: thistle; }
.tr_listado_clientes     { color: palegreen; }
.tr_listado_decesos      { color: paleturquoise; }
.tr_listado_factura      { 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_factura: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: 200px;
}

div.controles_esquela, div.controles_esquela_ver {
   position: fixed;
   margin: -40px auto 0px 60px;
   vertical-align: top;
   float: left;
   overflow: hidden;
   min-width: 235px;
   width: 235px;   
   border-style: outset;
   border-color: burlywood;      
   box-shadow: 0px 0px 5px 4px darkgray;
   z-index: 5000;   
   border-radius: 20px;
   background: linear-gradient(to bottom, #0074c7 50%, #86aecc 100%);  
}

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



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 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.factura {
   position: relative;
   vertical-align: top;
   overflow: hidden;
   background-color: white;
   float: right;
   right: 35px;
   min-width: 850px;
   width: 850px;
   min-height: 1150px;
   height: 1150px;
   box-shadow: 0px 0px 5px 5px darkgray;
   margin-bottom: 200px;
}

div.fact {
   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.factura2 {
   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.factura_controles, div.factura_controles_ver,
div.presupuesto_controles, div.presupuesto_controles_ver,
div.controles_albanil_pagos, div.pesame_controles, div.documentos_controles {
   position: fixed;
   min-width: 300px;
   width: 300px;
   margin: 2px auto 0px 15px;
   vertical-align: top;
   float: left;
   overflow: hidden;  
   border-style: outset;
   border-color: burlywood;      
   box-shadow: 0px 0px 5px 4px darkgray;
   z-index: 5000;   
   border-radius: 20px;
   background: linear-gradient(to bottom, #0074c7 50%, #86aecc 100%);
}

div.factura_controles         { min-height: 140px; height: 140px; }    
div.factura_controles_ver     { min-height:  80px; height:  80px; }
div.presupuesto_controles     { min-height: 140px; height: 140px; }
div.presupuesto_controles_ver { min-height:  80px; height:  80px; }
div.controles_albanil_pagos   { min-height:  80px; height:  80px; }
div.pesame_controles          { min-height:  80px; height:  80px; }    
div.documentos_controles      { min-height: 170px; height: 170px; }



td.img_controles {    
   width: 65px; 
}



table.factura_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.factura_controles { 
   font-family: 'Gabriela', Georgia, Serif, Arial;
   font-weight: bold;
   color: darkblue;
   text-align: center;  
   font-size: 18px;
}



input.factura_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.factura_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.factura_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; 
}   



p.texto_adicional {
   width:700px;
   font-family:Arial;
   color:black;
   text-align:justify;
   border-style: dotted;
   border-width: 2px;
   border-color: lightgray;
   margin: 7px auto 0px auto;
}






/* Iconos de los divs de control de notas, */
/* facturas, esquelas y aniversarios       */
.img_div_control {
   width:  32px;
   height: 32px;
   margin: 15px 5px 0px auto;
   transition: all .8s;
   opacity: 0.9;   
}

.img_div_control:hover{  
    opacity: 1;
    margin: 7px 5px 0px auto;
    transform:scale(1.5);
}
   
.img_div_control:not(:hover){
    opacity: .85;
}

.img_div_control_desactivado {
   width:  32px;
   height: 32px;
   margin: 15px 5px 0px auto;   
   opacity: .50;
   filter: blur(1px); 
}






/* 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;
}






/*****************************
*** Div de envío de emails ***
*****************************/

div.email {
    position: fixed;
    z-index: 6000; 
    margin: -155px auto 0px 330px;
    overflow: hidden;
    float: left;
    width: 800px;
    height: 0px;   
    border-style: outset;
    border-color: burlywood;      
    box-shadow: 0px 0px 5px 4px darkgray;
    border-radius: 20px;
    font-family: Gabriela, Georgia, Arial;
    text-align: justify;   
    background: linear-gradient(to bottom, #0074c7 50%, #86aecc 100%);
    color: #eee;
    opacity: 0;    
    transition: all .8s;    
}

div.errores {
    position: fixed;
    z-index: 7000;
    margin: -132px auto 0px 328px;
    overflow: hidden;
    float: left;
    width: 860px;
    height: 0px;   
    border-style: outset;
    border-color: burlywood;      
    box-shadow: 0px 0px 5px 4px darkgray;
    border-radius: 20px;
    font-family: Gabriela, Georgia, Arial;
    text-align: justify;   
    background: linear-gradient(to bottom, #0074c7 50%, #86aecc 100%);
    color: #eee;
    opacity: 0;    
    transition: all .8s;    
}

.email_para, .email_asunto, .email_contenido,
.email_adjunto_pdf, .email_adjunto_fichero {
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   background-color: rgba(12,32,99,.7);
   font-size: 16px;
   text-align: left;
   border-style: none;
   color: #ffff66;
   border-radius: 5px;
}

.opcion { background-color: rgba(12,32,99,.7); }

.email_para {
   width: 680px;  
}

.email_asunto {   
   width: 676px;   
}

.email_adjunto_pdf {   
   width: 300px; 
   vertical-align:middle;
}

.email_adjunto_fichero {   
   width: 676px;   
}

.email_contenido {    
   width: 676px;
   height: 150px;
   resize: none;      
}

.img_email_enviar {
   width:  48px;
   height: 48px;
   margin: 18px auto 0px 400px;
   transition: all .8s;
   opacity: 0.9;   
}

.img_email_enviar:hover{  
    opacity: 1;
    margin: 13px auto 0px 400px;
    transform:scale(1.5);
}

.p_errores {
    margin-top: 130px;    
    text-align: center;
    font-family: 'Gabriela', Georgia, Serif, Arial;
    font-size: 22px;
    font-weight: bold;
    color: #9f1c02;    
}

.img_ok {
   width:  50px;
   height: 50px;
   margin: 35px auto 0px 375px;
   transition: all .8s;
   opacity: 0.9;   
}

.img_ok:hover{  
    opacity: 1;
    margin: 25px auto 0px 375px;
    transform:scale(1.5);
}

.img_componer_pdf {
   width:  50px;
   height: 50px;
   transition: all .8s;
   opacity: 0.9;   
}

.img_componer_pdf:hover{  
    opacity: 1;    
    transform:scale(1.5);
}



div.select_docs {
    position: fixed;
    z-index: 8000; 
    margin: -136px auto 0px 322px;
    overflow: hidden;
    float: left;
    width: 870px;
    height: 0px;   
    border-style: outset;
    border-color: burlywood;      
    box-shadow: 0px 0px 5px 4px darkgray;
    border-radius: 20px;
    font-family: Gabriela, Georgia, Arial;
    text-align: justify;   
    background: linear-gradient(to bottom, #ab90ff 50%, #7cadff 100%);
    color: #eee;
    opacity: 0;    
    transition: all .8s;    
}

.tabla_select_docs
{   
   margin: auto;
   width: 850;
   border: none;
   background-color: transparent;
}

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

.td_select_docs {
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   font-size: 14px;
   text-align: center;      
   color: #ffff66;   
   vertical-align: middle;   
}






/********************************** 
*** Listado de emails enviados ****
**********************************/

table.emails_enviados {
   border-collapse: collapse;
   width: 1100px;
   margin: auto;
   background-color: transparent;
   transition: all .8s; 
}

tr.emails_enviados {
   font-family: sans-serif, Arial;
   font-size:12px;
   font-weight: bold;
   height: 22px;
   border-bottom: 1px solid #0f3f83;    
   transition: all .6s;
   opacity: 0.8;
}

tr.emails_enviados:hover {
    background-color:#6666ff;
    opacity: 1;
    border-bottom: none;
}

td.emails_enviados {
    text-align: left;
    vertical-align: bottom;
}



div.email_ver {
    margin: 40px auto 120px 165px;
    overflow: hidden;
    float: left;
    width: 900px;
    height: 0px;   
    border-style: outset;
    border-color: burlywood;      
    box-shadow: 0px 0px 5px 4px darkgray;
    border-radius: 20px;
    font-family: Gabriela, Georgia, Arial;
    text-align: justify;   
    background: linear-gradient(to bottom, #0074c7 50%, #86aecc 100%);
    color: #eee;
    opacity: 0;   
    transition: all .8s;    
}

table.email_ver {
    width: 800px;
    margin: 20px auto 0px 50px;
    border: none;
}

table.email_select_docs {
   margin: 10px auto 0px 50px; 
   border: none;
   background-color: transparent;
}

input.email_ver_fecha, input.email_ver_para,
input.email_ver_asunto, td.email_ver_contenido {
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   background-color: rgba(12,32,99,.7);
   font-size: 16px;
   text-align: left;
   border-style: none;
   color: #ffff66;
   border-radius: 5px;
}

input.email_ver_fecha {
   width: 710px;  
}

input.email_ver_para {
   width: 710px;  
}

input.email_ver_asunto {   
   width: 710px;   
}

td.email_ver_contenido {
   height: 150px;   
   vertical-align: text-top;
   border-color:  #9999ff;
   border-style: ridge;
}

td.email_ver_docs_enviados {
   font-family: 'Gabriela', Georgia, Serif, Arial;   
   font-size: 14px;
   text-align: center;      
   color: #ffff66;   
   vertical-align: middle;
   width: 120px;
   height: 90px;
}

img.ok {
   width:  50px;
   height: 50px;
   margin: 50px auto 0px 425px;
   transition: all .8s;
   opacity: 0.9;   
}

img.ok:hover{  
    opacity: 1;
    margin: 40px auto 0px 425px;
    transform:scale(1.5);
}

img.docs_enviados {
   width:  50px;
   height: 50px;   
   transition: all .8s;
   opacity: 0.8;   
}

img.docs_enviados:hover{  
    opacity: 1;    
    transform:scale(1.5);
}






/****************************************************** 
*** Páginas para subir documentos y ver documentos ****
******************************************************/

.tabla_documentos
{   
   margin: auto;
   width: 1100px;
   border: none;
   background-color: transparent;
}

.tr_documentos {
   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;   
}

.td_documentos {
   vertical-align: middle;   
}

.documentos_examinar {
   font-family: 'Averia Gruesa Libre', Georgia, Serif, Arial; 
   font-size: 10px;
   font-weight: bold;   
   border-top: 1px solid #9290a0;
   border-left: 1px solid #9290a0;
   border-right: 1px solid #9290a0;
   border-bottom: 1px solid #9290a0;
   background: linear-gradient(top, #313036, #9290a0);
   padding: 7.5px 15px;
   border-radius: 21px;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #c6cbcb;
   text-decoration: none;
   vertical-align: middle;   
   transition: all .6s;
   width: 180px;   
}






/*********************** 
*** Actualizaciones ****
***********************/

div.ver_actualizaciones {
    position: absolute;
    margin: -280px auto 20px 165px;
    overflow: hidden;
    float: left;
    width: 900px;
    height: 0px;   
    border-style: outset;
    border-color: burlywood;      
    box-shadow: 0px 0px 5px 4px darkgray;
    border-radius: 20px;
    font-family: Gabriela, Georgia, Arial;
    text-align: justify;   
    background: linear-gradient(to bottom, #0074c7 50%, #86aecc 100%);
    color: #eee;
    opacity: 0;   
    transition: all .8s;    
}

p.ver_titulo_actualizacion {
  margin:auto;
  width:800px;
  font-family:Arial;
  font-size:12pt;
  font-weight: bold;
  text-align:center;
  color:#00cc00;
}

p.ver_actualizaciones {
  margin:auto;
  width:800px;
  font-family:Arial;
  font-size:12pt;
  text-align:justify;
  color:#cccccc;
}








/********************************************
***  Div de mensajes de la base de datos  ***
********************************************/

div.mensaje_bbdd {
    position: fixed;
    z-index: 9000;
    margin: 600px auto 0px 150px;
    overflow: hidden;
    float: left;
    width: 900px;
    height: 0px;
    border-style: outset;
    border-color: burlywood;      
    box-shadow: 0px 0px 5px 4px darkgray;
    border-radius: 20px;
    font-family: Gabriela, Georgia, Arial;
    text-align: justify;   
    background: linear-gradient(to bottom, #0074c7 50%, #86aecc 100%);
    color: #D6E100;
    opacity: 0;    
    transition: all .8s;    
}

p.mensaje_bbdd {
   margin:50px auto 0px auto;
   width:800px;   
   font-family: 'Averia Gruesa Libre', Georgia, Serif, Arial;
   font-size: 28px;
   text-align: center;
   color: springgreen; /*crimson #00CC00; /* #b0b5b5; #D6E100;*/
   text-shadow: 1px 1px 3px white;
}