@font-face {
    font-family: 'Baloo';
    src:url('fonts/Baloo-Regular.ttf')  format('truetype'),
        url('fonts/Baloo-Regular.woff') format('woff'),
        url('fonts/Baloo-Regular.otf') format('opentype');
  }
  
  @font-face {
    font-family: 'Proxima-Nova-Reg';
    src: 
        url('fonts/Proxima-Nova-Reg.woff') format('woff'),
         url('fonts/Proxima-Nova-Reg.ttf') format('truetype'),
       url('fonts/Proxima-Nova-Reg.otf') format('opentype');
  }
  @font-face {font-family: 'Proxima Nova';src: url("http://www.seg.guanajuato.gob.mx/Basica/Paginas/fonts/Proxima Nova Reg.otf") format("opentype");}
  
#nombrecompleto{
    position: absolute;
    top: 0%;
    width: 50%;
    left: 53%;
    font-size: 12px;
    border: none;
    color: #000F9F;
    height: 26px;
    font-weight: 600;
    padding: 0;
    font-family: 'Proxima-Nova-Reg';
    background-color: transparent;

}


#cargo{
    position: absolute;
    top: 18%;
    width: 50%;
    left: 53%;
    font-size: 12px;
    border: none;
    color: #000F9F;
    height: 26px;
    font-weight: 600;
    padding: 0;
    font-family: 'Proxima-Nova-Reg';
    background-color: transparent;

}

#direccion{
    position: absolute;
    top: 34%;
    width: 50%;
    left: 53%;
    font-size: 12px;
    border: none;
    color: #000F9F;
    height: 26px;
    font-weight: 600;
    padding: 0;
    font-family: 'Proxima-Nova-Reg';
    background-color: transparent;

}


#correoelectronico{
    position: absolute;
    top: 50%;
    width: 50%;
    left: 53%;
    font-size: 12px;
    border: none;
    color: #000F9F;
    height: 26px;
    font-weight: 600;
    padding: 0;
    font-family: 'Proxima-Nova-Reg';
    background-color: transparent;

}

#telefono{
    position: absolute;
    top: 56%;
    width: 18%;
    left: 33%;
    font-size: 10px;
    border: none;
    color: #000F9F;
    height: 26px;
    font-weight: 600;
    padding: 0px;
    font-family: 'Proxima-Nova-Reg';
    background-color: transparent;

}

#imagen{
    position: relative;
    z-index: -1;
}
/* 
#btn-download{
    position: absolute;
    left: 60%;
    top: 50%;
}

#btn-preview{
    position: absolute;
    left:50%;
    top: 50%;
}

#preview_Image{
    position: absolute;
    top: 60%;
    left: ;
    width: 1000px;
    height: 400px;
} 



#imagen{
    position: absolute;
    top: 22%;
    left: 27%;
    z-index: -1;
}
*/