body {
        text-align:center;
        font-size: 8pt; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding:0;  
        margin:40; 
        background-color:#424242;
        color:#000080;
}
div, h1, h2, p, form, label, input, textarea, img, span{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin:0; padding:0;
}

ul{  margin:0px,0px,0px,200px;   padding:0;   list-style-type:none;}

.spacer{
  clear:both; font-size:0px; line-height:0px;
}



#body{
  font-family:"Verdana", Arial, Helvetica, sans-serif;
   background-color:#020202;
 /* background:url(images/body_bg_mid.gif) 0 0 repeat-y; width:757px;margin:0 auto; */
}
#body p.top{display:block;background:url(images/margen5.JPG) 0 0 no-repeat;
  width:77px;  height:10px;  float:left;
}

#body p.bot{
        font-family:"Verdana", Arial, Helvetica, sans-serif;
  display:block;
    background-color:#020202;
  background:url(images/margen6.JPG) 0 0 no-repeat;
width:757px;
  height:7px;float:left;
}

#centro {
  font-size: 14pt; 
  margin-left: 180px;
  text-decoration: none;
    background-color:#f2f2f2;
  font-family: "Verdana","Comic Sans ms",Arial,Calibri;
  color: #ff0000;
}


.general{
        font-size: 10pt; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

input[type="text"]{
height:28px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
font-size:14px;
line-height:1.428571429;
color:#555;
vertical-align:middle;
background-color:#fff;
background-image:none;
border:1px solid #c0c0f0;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
input[type="submit"]{  
   background:url(image/botonform.jpg) 0 0 no-repeat;
   width: 109px;
   padding: 3px;
  font-size: 14px;
  color: #888;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 28px;
}

input[type="button"]{  
   background:url(image/botonform.jpg) 0 0 no-repeat;
   width: 109px;
   padding: 3px;
  font-size: 14px;
  color: #888;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 28px;
}



input[type="password"]{
height:28px;
padding:3px 12px;
font-size:14px;
line-height:1.428571429;
color:#555;
vertical-align:middle;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}


#empresa {
  font-size: 8pt; 
}

.formularie select {
  background: transparent;  
   background:url(image/imginput.jpg) 0 0 no-repeat;
   width: 180px;
   padding: 3px;
  font-size: 14px;
  color: #888;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 28px;
  -webkit-appearance: none;}

    input::-webkit-input-placeholder {
    color: red;
    }
    input:-moz-placeholder {
        color: red;
    }
    input::-moz-placeholder {
        color: red;
    }
    input:-ms-input-placeholder {
        color: red;
}

.formularieg select {
  background: transparent;  
   background:url(image/imginput.jpg) 0 0 no-repeat;
   width: 380px;
   padding: 3px;
  font-size: 14px;
  color: #888;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 28px;
  -webkit-appearance: none;}

    input::-webkit-input-placeholder {
    color: red;
    }
    input:-moz-placeholder {
        color: red;
    }
    input::-moz-placeholder {
        color: red;
    }
    input:-ms-input-placeholder {
        color: red;
}

.buttongde input[type="button"]{
  background:url(image/n.jpg) 0 0 no-repeat;
   width: 189px;
  padding: 3px;
  margin:5px; 
  font-size: 14px;
  color: #888;
   line-height: 1;
  border: 1px solid #6e6e6e;
   border-radius: 0;
   height: 28px;
}




.sesion {
  text-align: right;
 width: 360px;
}


.selecb select{
  background: transparent;  
   background:url(image/imginput.jpg) 0 0 no-repeat;
   width: 80px;
   padding: 0px;
  font-size: 14px;
  color: #888;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 28px;
  -webkit-appearance: none;
}


.movimiento {
  display:none; 
  text-align: left;
  width: 400px;
  margin-left: 20 px;
  padding: 0px, 0px, 0px,40px;
}

.calendario {
  position:absolute;
  border: 1px solid #f2f2f2;
  padding:3;  
  background-color: #445DA9;    text-align: center;
}
.calendario table{    text-align: center;

}

.calendario td{
  background-color: #fff;
   width: 13px;
     height: 10px;
   padding: 3px;
  margin: 0px;
  font-size: 10px;
    text-align: center;
  color: #888;
   line-height: 1;
   border: 0;
   border-radius: 0;
}


.calendario th{
   background:url(image/titulcalen.jpg) 0 0 no-repeat;
   width: 15px;
     height: 18px;
   padding: 0px;
  margin: 0px;
  font-size: 12px;
    text-align: center;
  color: #2e2e2e;
   line-height: 1;
   border: 0;
   border-radius: 0;
}
/*MEnu*/

#menuh {
  font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;  
  margin-top: 2px;
  margin-left: 280 px;  
  margin-right: 210 px;
  background: #bc0f00; 
}

#menuh ul, li {  list-style-type: none;}

#menuh ul {  margin: 0,0,0,200px; padding: 0;}
#menuh li {  float: left;
}

#menuh a {
  text-decoration: none;
  color: #50658B;
  background: #BEC5D2; 
  display: block;
  margin-left: 120 px; 
  padding: 5px 15px;
  text-align: center;
  border: 4px solid #ffffff;
  border-width: 1px 1px 1px 0;
}


#menuh a:hover {
  background: #bc0f00;
  color: #FFE395;  
}

#menuh ul.nav li a:hover{
  background-color:#ff0000;
  color:#ffff0f;
}
/*end of menu */
/*MEnur*/
#menur {  font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;  }
#menur ul, li {      list-style-type: none;}
#menur ul {  margin: 0,0,0,200px; padding: 0;}
#menur li {  float: left; }
#menur a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  margin-left: 180 px; 
  padding: 5px 35px;
  text-align: center;
}
#menur a:hover          {  color: #fff000;}
#menur ul.nav li a:hover{ color:#fff000; }
/*end of menu */


/*MEnur1*/
#menur1 {  font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;  }
#menur1 ul, li {      list-style-type: none;}
#menur1 ul {  margin: 0,0,0,200px; padding: 0;}
#menur1 li {  float: left; }
#menur1 a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  margin-left: 180 px; 
  padding: 5px 5px;
  text-align: center;
}
#menur1 a:hover          {  color: #fff000;}
#menur1 ul.nav li a:hover{ color:#fff000; }
/*end of menur1 */



/* termina lso div de menu*/
#menua {
  font: 60% "Trebuchet MS", Arial, Helvetica, sans-serif;  
        font_family:"Calibri", Arial, Helvetica, sans-serif;  
        font-weight: 700; 
  margin-top: 1px;
  margin-left: 1px;}

#menua ul, li {  list-style-type: none;}

#menua ul {  margin: 0;padding: 0;}
#menua li {  float: left;
}

#menua a {
  text-decoration: none;
  background: #BECBCC;
  color: #000080;
         display: block;
  padding: 1px 2px;
  text-align: left;
  border: 1px solid #6e6e6e;
  border-width: 0px 0px 0px 0px;
}

#menua a:hover {
  background: #BECBCC;
   color: #ff0000;  
}

#menua ul.nav li a:hover{
  background:#BECBCC;
  color:#000000;
}

#reporte td{
    font-size: 10pt; 
    font-family: "Verdana",Arial,Calibri;
  padding: 4px 2px 2px 8px;
  color: #000000;
  border: 1px solid #c0c0c0;
  border-width: 0px 1px 1px 0px;
}

#recibo th{
  font-size: 12pt; 
  font-family: Calibri,Verdana,Arial,Calibri;
  text-align: center;
  vertical-align: top;
  padding: 2px 2px 2px 1px;
  background-color: #686868;
  color: #ebebeb;
  border: 1px solid #f2f2f2;
  border-width: 2px 1px 1px 2px;
}


#recibo td{
    font-size: 10pt; 
  font-family: "Verdana",Arial,Calibri;
  vertical-align: top;
  padding: 2px 2px 2px 16px;
  color: #000000;
  border: 1px solid #c0c0f2;
  border-width: 0px 1px 1px 0px;
}
#recibo a{
  font-size: 8pt; 
  text-decoration: none;
  font-family: "Berlin Sans FB Demi","Comic Sans ms",Arial,Calibri;
  color: #f20000;
}


#nomina th{
    font-size: 10pt; 
    font-family: "Verdana",Arial,Calibri;
  padding: 4px 2px 2px 8px;
  color: #f2f2f2;
  background-color: #a4a4a4;
  border: 1px solid #c6c6c6;
  border-width: 0px 1px 1px 0px;
}

#nomina td{
    font-size: 8pt; 
    font-family: "Verdana",Arial,Calibri;
  padding: 4px 2px 2px 8px;
  color: #424242;
  border: 1px solid #c0c0c0;
  background-color: #ffffff;
  border-width: 0px 1px 1px 0px;
}

#nomgenerada th{
    font-size: 10pt; 
    font-family: "Verdana",Arial,Calibri;
  padding: 4px 2px 2px 8px;
  color: #ebebeb;
  background-color: #040404;
  border: 1px solid #848484;
  border-width: 0px 1px 1px 0px;
}

#nomgenerada td{
    font-size: 8pt; 
    font-family: "Verdana",Arial,Calibri;
  padding: 4px 2px 2px 8px;
  color: #000000;
  border: 1px solid #9c9c9c;
  background-color: #D2D5D8;
  border-width: 0px 1px 1px 0px;
}
#nomgenerada a{
  font-size: 8pt; 
  font-family: "Verdana",Arial,Calibri;
  color: #000000;
  text-decoration: 'none';
}


.menupie a{
  font-size: 8pt; 
  font-family: "Verdana",Arial,Calibri;
  color: #088A08;
  text-decoration: 'none';
}



#navi {  list-style-image:url(image/vineta.png);}
/*end of menua */