* {
    padding: 0;
    margin: 0;
}

body {
    background: #fff;
    /*background: #666666 url(images/content.jpg) repeat-y;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #333333;
    margin: 0px;

}

img { border: none; }
a { color: #57626a; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
    margin: 0 auto;
    width: 950px;
}

#titulo {
    height: 10px;
    line-height: 10px;
    text-transform: uppercase;
}
#titulo ul {
    padding-left: 10px;
    list-style-type: none;
}

#combos{

    right:260px;
    position:absolute;
    top:10px;
    padding: 2px 5px 7px 2px;
    font-size: 12px;
    color: #57626a;
}

#cuadroEmisor{
    left:800px;
    position:absolute;
    top:10px;
    font-size: 11px;
    color: #57626a;
    width: 530px;
}

#header {
    height: 95px;
}
.right {
    padding : 10px 0 15px 0;
}
#header h1 {
    font-size: 46px;
    font-weight: 100;
    letter-spacing: -3px;
    padding: 12px 0 5px 10px;
}
#header h1 a {
    color: #57626a;
    text-decoration: none;
}
#header h1 a:hover {
    color: #57626a;
    text-decoration: none;
}
#header h2 {
    color: #ccc;
    font-size: 20px;
    font-weight: 100;
    padding: 4px 0 0 11px;
    letter-spacing: 1px;
    line-height: 12px;
}
#menu {
    height: 40px;
    line-height: 40px;
    /*background: #57626a;*/
    text-transform: uppercase;
}
#menu ul {
    padding-left: 10px;
    list-style-type: none;
}
#menu ul li {
    display: block;
    float: left;
}
#menu ul li a {
    /*color: #eee;*/
    padding: 0 10px;
    text-decoration: none;
    font-weight: 100;
    font-size: 15px;
    /*    letter-spacing: -1px;*/
    /*    font-size: 14px;
        letter-spacing: -1px;*/
}
#menu ul li a:hover {
    color: #eee;
    text-decoration: underline;
}

#content {
    padding: 20px 20px;
}

.completo {
    width: 870px;
    float: right;
    text-align: justify;
}
.right {
    width: 720px;
    float: right;
    text-align: justify;
}
.right h2 {
    color: #FF4800;
    font-size: 12px;
    letter-spacing: -3px;
    font-weight: 100;
    padding : 10px 0 15px 0;
}

.left {
    width: 150px;
    float: left;
    padding: 10px;
    border-right: 1px solid #bbb;
    font-size: 11px;
}
.left ul {
    list-style-type: square;
    padding: 5px 10px 10px 20px;
    color: #57626a;
}
.left h2 {
    height: 30px;
    font-size: 12px;
    color: #666;
    line-height: 30px;
    font-weight: 600;
}
.left a { text-decoration: none }

#footer {
    background: #eee;
    border-top: 3px solid #57626a;
    margin-top: 20px;
    text-align: center;
    color: #333;
    font-size: 11px;
    padding: 10px;
}

/*****************iconos***********************/
#imagen_tabla {
    padding: 16px 0px 0 20px;
    background: url(/images/table2.png) no-repeat;
    border: none;
}
#imagen_quitar {
    padding: 16px 0px 0 20px;
    background: url(/images/quitar.png) no-repeat;
    border: none;
}
#imagen_borrar {
    padding: 16px 0px 0 20px;
    background: url(/images/sborrar.png) no-repeat;
    border: none;
}
#imagen_editar {
    padding: 24px 0px 0 24px;
    background: url(/images/seditar.png) no-repeat;
    border: none;
}
#imagen_detalle {
    padding: 24px 0px 0 24px;
    background: url(/images/sver.png) no-repeat;
}

#imagen_reporte {
    padding: 16px 0px 0 20px;
    background: url(/images/srep.png) no-repeat;
}
#imagen_xml {
    padding: 16px 0px 0 20px;
    background: url(/images/sxml.png) no-repeat;
    left:710px;
    position:absolute;

}
#imagen_pdf {
    padding: 16px 0px 0 20px;
    background: url(/images/spdf.png) no-repeat;
    left:685px;
    position:absolute;

}
#imagen_sat {
    padding: 20px 0px 0 20px;
    background: url(/images/sat3.png) no-repeat;
    left:740px;
    position:absolute;
}
#imagen_generar {
    padding: 22px 0px 0 20px;
    background: url(/images/sgenerar.png) no-repeat;
    left:810px;
    position:absolute;
}
#imagen_imprimir {
    padding: 30px 0px 0px 40px;
    background: url(/images/impresora.jpg) no-repeat;
    left:600px;
    position:absolute;
}
#imagen_mail {
    padding: 20px 0px 0 20px;
    background: url(/images/semail.png) no-repeat;
    left:765px;
    position:absolute;
}
#imagen_publicar {
    padding: 22px 0px 0 20px;
    background: url(./../images/azul/iconos/publicar1.png) no-repeat;
    left:840px;
    position:absolute;

}
#imagen_preview {
    padding: 40px 0px 0 45px;
    background: url(./../images/azul/iconos/preview.png) no-repeat;
    left:710px;
    bottom: 60px;
    position:absolute;

}
#imagen_sello {
    padding: 50px 0px 0 45px;
    background: url(./../images/azul/iconos/sello.png) no-repeat;
    left:770px;
    bottom: 60px;
    position:absolute;

}
#imagen_sendemail {
    padding: 45px 0px 0 45px;
    background: url(./../images/azul/iconos/email.png) no-repeat;
    left:830px;
    bottom: 60px;
    position:absolute;
}
#cuadroVisualizar{
    left:550px; width: 200px; height: 50px;
    position:absolute;
    top:150px;
}

/* Espacio entre cada panel de las vistas*/
.separacionPanel{
    margin-top: 18px !important;
}


.simboloRequerido{

    color:darkgreen !important;
    font-family: Arial, sans-serif, Georgia, 'Times New Roman', Times, serif !important;
    font-size: 20px !important;
}

.widthColumnClass{
    width: 20px !important;
}

.buttonFacto {
    border:1px solid #aed0ea ;
    background:#2779aa !important;
    font-weight:bold;
    color: white !important;
}

.totalColumnClass{
    width: 25% !important;
}
#centerlogin{
    width: 340px;
    position: absolute;
    top: 35%;
    left: 43%;
}
.botonlogin{
    margin-left: 7%;
    margin-bottom: 2%;
    margin-top: 2%;
    width: 50%;
    color: #FFFFFF;
    border: 2px solid #FFFFFF !important;
    background-color: #F2602F !important;
    background: #F2602F;
}

.inputlogin{  
    margin-left: 10%;
    margin-bottom: 5px;
    outline: medium none;
    padding: 4px;
    border-radius: 6px;
    width: 120%;
}
.labelogin{
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 50%;
    color: #F2602F
}

.labeloginEmpleado {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #F2602F
}

#imgLogin{
    width: 80%;
    margin-left: -45px;
}

#divImgLogin{
    margin-left: 20%;
}

#contenedor{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

.login-body{
    background: #F2602F; /* fallback for old browsers */
    background: -webkit-linear-gradient(right, #F2602F, #F0815D);
    background: -moz-linear-gradient(right, #F2602F, #F0815D);
    background: -o-linear-gradient(right, #F2602F, #F0815D);
    background: linear-gradient(to left, #F2602F, #F0815D);
    font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.login-page {
    width: 360px;
    padding: 8% 0 0;
    margin: auto;
}
.login-form {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    max-width: 360px;
    margin: 0 auto 100px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.error {
    background: #dc3545!important;
}

.ok {
    background: #28a745!important
}

.send {
    background: #007bff!important
}

.text {
  font-size:28px;
  font-family:helvetica;
  font-weight:bold;
  color:white;
  text-transform:uppercase;
}
.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

.files{
    display: none;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}