body {
width:100%;
margin:0;
padding:0;
background-color:#ffffff;

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;


/* background-image: url(imagenes/fondo.jpg); */
/* background-position: center top; */
}



@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;
}



.fuente14 {font-family: Open Sans,Arial,sans-serif;font-size: 14px;;color:#666666;text-decoration:none;}
a.fuente14:link {font-family: Open Sans,Arial,sans-serif;font-size: 14px;;color:#666666;text-decoration:none;}
a.fuente14:visited {font-family: Open Sans,Arial,sans-serif;font-size: 14px;;color:#666666;text-decoration:none;}
a.fuente14:active {font-family: Open Sans,Arial,sans-serif;font-size: 14px;;color:#666666;text-decoration:none;}
a.fuente14:hover {font-family: Open Sans,Arial,sans-serif;font-size: 14px;;color:#666666;text-decoration:underline;}


.txtNegro14 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color:#000000}
.txtNegro12 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color:#000000}
.txtNegro10 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:#000000}
.txtNegro8 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8px;color:#000000}
.txtRojo10 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:#FF0000}

a.txtNegro10:link {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;text-decoration:none;}
a.txtNegro10:visited {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;text-decoration:none;}
a.txtNegro10:active {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;text-decoration:none;}
a.txtNegro10:hover {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;text-decoration:underline;}

a.txtNegro12:link {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:none;}
a.txtNegro12:visited {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:none;}
a.txtNegro12:active {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:none;}
a.txtNegro12:hover {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:underline;}

.txtBlanco12 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color:#FFFFFF}
a.txtBlanco12:link {color: #FEFCF5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:none;}
a.txtBlanco12:visited {color: #FEFCF5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:none;}
a.txtBlanco12:active {color: #FEFCF5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:none;}
a.txtBlanco12:hover {color: #FEFCF5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:underline;}

/*CONTENEDOR. MARCA EL ANCHO DE NUESTRA PAGINA */
#contenedor {
   width:1024px;
   margin:0 auto;
   margin-top:5px;
}

#temp{
   font-size: 16px;
   position: fixed;
   top: 100px;
   right: 0;
   background-color: bisque;
   padding: 5px;
   border: 1px solid chocolate;   
}


#div_cabecera{
   height:100px;
   width: 1024px;
   margin:0 auto;
}

#Contenido {
   width:1024pxpx;
   margin-left: 10px;
   float:right;
}

#clear{clear: both;}
.div_overflow {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#div-pie {

   overflow:hidden;
   bottom:0;
   margin: auto;
   position: fixed;
   width:100%;
   height: 60px;
   background-image: url('imagenes/fondo_cabecera.gif');

   
   
   /*
         position: fixed;
         /*nos posicionamos en el centro del navegador*/
         /* top:50%;
         /* left:50%;
         /*determinamos una anchura*/
         /* width:900px;
         /*indicamos que el margen izquierdo, es la mitad de la anchura*/
         /* margin-left:-450px;
         /*determinamos una altura*/
         /* height:70px;
         /*indicamos que el margen superior, es la mitad de la altura*/
         /* margin-top:-35px;
         /*border:1px solid #808080;*/
         /* padding:5px; */
   }

   .modal{
      width:100%; 
      height:100%; 
      background: rgba(0,0,0,.8);
      position:fixed; 
      top:0;
      left:0;
      display:none;
      z-index:100;
      overflow: auto;
   }

   .ventana_modal{
      /* ventana donde se mostrara la informacion modal */
      text-align:left; 
      position: absolute;
      background: #c4c4c4;
      border: 8px solid rgba(0,0,0,0.5);
      padding:10px;
      border-radius: 20px;
      font-family: Aldosemibold,var(--reporte_font);
      font-size: 30px;
   }

   .boton_cerrar_modal3 {
      width: 40px;
      height: 40px;
      color: #fff;
      float: right;
      font-weight: bold;
      font-family: Arial;
      cursor: pointer;
      margin-top: 160px;
      margin-right: 511px;
      border: 2px solid #626262;
      text-align: center;
      border-radius: 28px;
      position: absolute;
      right: 0;
      line-height: 40px;
      background: #202020;
      z-index: 100;
   }

.boton_cerrar_modal {
   width: 40px;
   height: 40px;
   color: #fff;
   float: right;
   font-weight: bold;
   font-family: Arial;
   cursor: pointer;
   margin-top: -40px;
   border: 2px solid #626262;
   text-align: center;
   border-radius: 28px;
   margin-right: -30px;
   position: absolute;
   right: 0;
   line-height: 40px;
   background: #202020;
   z-index: 200;
   }   

   .boton_cerrar_modal2{
      width: 30px;
      height: 30px;
      color: #fff;
      float: right;
      font-weight: bold;
      font-family: Arial;
      cursor: pointer;
      margin-top: 10px;
      border: 2px solid #626262;
      text-align: center;
      border-radius: 28px;
      margin-right: 10px;
      position: absolute;
      right: 0;
      line-height: 30px;
      background: #202020;
      
   }

<style>
.boton-cerrar {
            width: 40px;
            height: 40px;
            color: #fff;
            float: right;
            font-weight: bold;
            font-family: Arial;
            cursor: pointer;
            margin-top: -40px;
            border: 8px solid #626262;
            text-align: center;
            border-radius: 28px;
            margin-right: -30px;
            position: absolute;
            right: 0;
            line-height: 40px;
            background: #202020;
         }
</style>