:root {
   /* valores defualt repotes/consultas */ 
   --cabecera-alto:120px;
   --pagina-ancho:1200px;
   --font-color:#000;
   --form_font:Tahoma, sans-serif;
   --form_textarea_alto:20px;
   --chico_font_size:12px;
}


      @font-face {
         font-family: 'Aldosemibold';
         src: url('../fonts/aldo_pc-webfont.woff2') format('woff2'),url('../fonts/aldo_pc-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Amelia-Regular';
         src: url('../fonts/amelian-webfont.woff2') format('woff2'),url('../fonts/amelian-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Arcade-Rounded-Regular';
         src: url('../fonts/arcade_r-webfont.woff2') format('woff2'),url('../fonts/arcade_r-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Aurora-Cn-Regular';
         src: url('../fonts/aurorac-webfont.woff2') format('woff2'),url('../fonts/aurorac-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Avantgarde-Bk-Book';
         src: url('../fonts/avgardn-webfont.woff2') format('woff2'),url('../fonts/avgardn-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Balloon-Light';
         src: url('../fonts/balloonl-webfont.woff2') format('woff2'),url('../fonts/balloonl-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Bauhaus-Lt-Light';
         src: url('../fonts/bauhausl-webfont.woff2') format('woff2'),url('../fonts/bauhausl-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Bauhaus-Md-Medium';
         src: url('../fonts/bauhausm-webfont.woff2') format('woff2'),url('../fonts/bauhausm-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Broadwayengraved-Engraved';
         src: url('../fonts/brdwayg-webfont.woff2') format('woff2'),url('../fonts/brdwayg-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Cloisterblack-Regular';
         src: url('../fonts/cloistrk-webfont.woff2') format('woff2'),url('../fonts/cloistrk-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'CommercialScript-Regular';
         src: url('../fonts/comscrtn-webfont.woff2') format('woff2'),url('../fonts/comscrtn-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'ErasL-Light';
         src: url('../fonts/erasl-webfont.woff2') format('woff2'),url('../fonts/erasl-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Exotc350-Dmbd-Demi-bold';
         src: url('../fonts/exo350db-webfont.woff2') format('woff2'),url('../fonts/exo350db-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Harlow-Solid-Italic';
         src: url('../fonts/harlowsi-webfont.woff2') format('woff2'),url('../fonts/harlowsi-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Liberty-Regular';
         src: url('../fonts/libertyn-webfont.woff2') format('woff2'),url('../fonts/libertyn-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Lucia-Regular';
         src: url('../fonts/lucian-webfont.woff2') format('woff2'),url('../fonts/lucian-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Nuptial-Regular';
         src: url('../fonts/nuptualn-webfont.woff2') format('woff2'),url('../fonts/nuptualn-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Onyx-Regular';
         src: url('../fonts/onyxn-webfont.woff2') format('woff2'),url('../fonts/onyxn-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Penguin-Regular';
         src: url('../fonts/penguinn-webfont.woff2') format('woff2'),url('../fonts/penguinn-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Ptbarnum-Regular';
         src: url('../fonts/ptbarnmn-webfont.woff2') format('woff2'),url('../fonts/ptbarnmn-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'Weddingtext-Regular';
         src: url('../fonts/wedtxtn-webfont.woff2') format('woff2'),url('../fonts/wedtxtn-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      
      @font-face {
         font-family: 'wire-One-Regular';
         src: url('../fonts/wireone-regular-webfont.woff2') format('woff2'),url('../fonts/wireone-regular-webfont.woff') format('woff');
         font-weight: normal;
         font-style: normal;
      }

      

body {
   width:100%;
   margin:0;
   padding:0;
   font-family: Tahoma, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   font-size: 14px;
}

#div_contenido{
   width:1200px;
   margin: auto;
}

#div_contenido a {text-decoration: none;}
#div_contenido a:link    {color:var(--font-color);text-decoration:none;}
#div_contenido a:visited {color:var(--font-color);text-decoration:none;}
#div_contenido a:active  {color:var(--font-color);text-decoration:none;}
#div_contenido a:hover   {color:var(--font-color);text-decoration:underline;}


.titulo{
   font-family: Helvetica, sans-serif;
   font-weight: bold;
   font-style: italic;
   text-decoration: none;
   background-color: #383838;
   color: #ffffff;
   font-size: 22px;
   height: 30px;
   margin-top: 0px;
   margin-left: 10px;
   text-align: center;
   line-height: calc(22px + 4);
}

.sub_titulo {
   font-family: Helvetica, sans-serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   background-color: #ffffff;
   color: #000000;
   font-size: 14px;
   min-height: 30px;
   margin-top: 10px;
   margin-left: 10px;
   text-align: left;
   line-height: calc(14px + 4px);
}

.reg-form-campos{
   height: auto;
   width: auto;
   margin-top: 3px;   
   clear: both;
}

.reg_form{
   margin: 10px auto;
   padding: 10px;
   background-color: #f0f0f0;
   border: 1px solid rgba(0,0,0,0.25);
   border-radius: 15px;
   
}

.reg_form_label{
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #f0f0f0;
   color: #000000;
   font-size: 14px;
   height: calc(20px + 4px);
   text-align: right;
   line-height: calc(20px + 4px);
   margin-right:-2px;
}

.reg_form_input{
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #ffffff;
   color: #000000;
   font-size: 14px;
   height: 20px;
   text-align: left;
   padding: 1px 2px 1px 2px;
   border: 1px solid rgba(0,0,0,0.5);
}

.reg_form_input:focus {
   background-color: #ffe8e1;
   border: 1px solid rgba(0,128,0,0.5);
}

.reg_form_boton{
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   font-size: 14px;
   background: #cfcfcf;
   color: #000000;
   width: 90px;
   height: 30px;
   border-radius: 15px;
   border: 1px solid #bfbfbf;
   cursor: pointer;
}

.reg_form_boton:hover{
   background: #e8ffd9;
}

#reporte_cabecera {
   font-family: Helvetica, sans-serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   height: 25px;
   font-size: 12px;
   border: 1px solid #000000;
   background: #cccccc;
   color: #000000;
   width: auto;
   margin: 2px;
   align-items: center;
   display: flex;
}

#reporte_cabecera a {color: #000000; text-decoration:none;}
#reporte_cabecera a:hover {color: #000000; text-decoration:underline;}

#reporte_fila {
   font-family:Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #000000;
   font-size: 14px;
   height: 24px;
   border:1px solid #d3d3d3;
   width:auto;
   margin: 2px;
   align-items:center;
   display:flex;
   background:url(../imagenes/fondo_row.png) 0 50% repeat-x;
}

#reporte_fila:hover {
   background: url(../imagenes/fondo_row_hover.png) 0 50% repeat-x; 
   border: 1px solid #999999;
}

.reporte_ficha {
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   font-size: 14px;
   color: #000000;
   background-color: #ffffff;
   border-radius: 15px;
   border: 4px double #6d6d6d;
   width: auto;
   display: none;
   margin: 15px;
   padding: 5px;
}

.form_buscar {
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   font-size: 12px;
   background-color: #dbdbdb;
   border-radius: 5px;
   border: 1px solid #6d6d6d;
   padding: 5px;
   margin-bottom: 5px;
}

.form_buscar_label{
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   font-size: 12px;
   background-color: #dbdbdb;
   color: #000000;
   height: calc(20px + 4px);
   line-height: calc(20px + 4px);
   text-align: right;
   margin-right:2px;
   display: inline-block;   
}

.form_buscar_input{
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   font-size: 12px;
   background-color: #ffffff;
   color: #000000;
   height: 20px;
   text-align: left;
   padding: 1px 2px 1px 2px;
   border: 1px solid rgba(0,0,0,0.5);
}

.form_buscar_input:focus {
   background-color: #f0fff1;
   border: 1px solid rgba(0,128,0,0.5);
}

.form_buscar_boton{
   font-family: Helvetica, sans-serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   font-size: 16px;
   background: #575757;
   color: #ffffff;
   width: 90px;
   height: 30px;
   border-radius: 15px;
   border: 2px solid #ffffff;
   cursor: pointer;
}

.form_buscar_boton:hover{
   background: #c6c6c6;
   border: 2px solid #424242;
   color: #424242;
}