/* 
    Document   : ap-expediente
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    margin: 0;
    padding: 0;
   /* font-family: Verdana, sans-serif;*/
    font-family:  Verdana,Geneva,sans-serif; 
  /*  font-family: Roboto, sans-serif;*/
    font-weight: 300;
    font-size: 15px;
}
body b{
    font-weight: normal;
    font-size: 18px;
}
input{
    font-family:  Verdana,Geneva,sans-serif; 
    color:#404040;
    font-size: 17px;
    font-weight: 300;
}



select{
    font-family:  Verdana,Geneva,sans-serif; 
    color:#404040;
    font-size: 15px;
    font-weight: 300;
}
.ap-normal-top{
    display: block;
    width: 100%;
    background:#D8810C ;
    text-align: center;
   
}
.ap-normal-header{
    display: block;
    height: 35px;
    text-align: center;
    font-size: 0.85rem;
    background-color: #AF272F;
    font-weight: 500;
    letter-spacing: 1px;
    width: 100%;
    color:rgba(232, 233, 234, 0.5);
    /*background-image: url(../img/dashboard/bg-factura-header2.png);*/
}
.ap-higth-header{
    display: block;
    text-align: center;
    font-size: 0.85rem;
    background-color: #AF272F;
    font-weight: 500;
    /*letter-spacing: 1px;*/
    width: 100%;
    color:rgba(232, 233, 234, 0.5);
    /*background-image: url(../img/dashboard/bg-factura-header2.png);*/
}



.ap-normal-header-block{
    display: table;
    margin: 0 auto;
    width: 1000px;
    height: 200px ;
    background:#D8810C url('../img/texto-inicio.png');
    
}

 .ap-normal-body{
    background:#D8810C url('../img/Photos/IMG_1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.85;
 }


.ap-normal-menu{
    display: table;
    margin: 0 auto;
    height: 60px;
    width: 1000px;
  /*  background:#FFFFFF;*/
}
.ap-normal-menu a{
    text-decoration: none;
    color: #D8810C;
}
.ap-separador-menu{    float: left;     width: 10px;     height: 60px;   }


.ap-menu-center{    float: left;    width: 940px;    height: 60px;    background-image: url(../img/menu/menu_r2.png);}
.ap-menu-left  {    float: left;    width: 30px;    height: 60px;    background-image: url(../img/menu/menu_r1.png);}
.ap-menu-right {    float: right;   width: 30px;    height: 60px;    background-image: url(../img/menu/menu_r3.png);}

.ap-separador-menu {  width: 7px;    height: 60px;    background-image: url(../img/menu/menu_r4.png);}

.ap-item-menu{
  float: left;
  color: #D8810C;
  padding: 25px 45px 5px 45px;
  height: 30px;
}
/**************************************/
/** titulo seciones
/**************************************/
.ap-titulo-seccion{padding-left: 0px;}


/**************************************/
/** H1 H2 H3 "titulos
/**************************************/
H1{color:#D8810C; font-size:15px}
H2{color:#D8810C; font-size:19px}
H3{color:#D8810C; font-size:23px}
/**************************************/
/** BODY CANCORD
/**************************************/
.ap-body-center{
   display: table;
    margin: 0 auto;
    padding: 0px 12px 5px 12px;
  /* width: 1200px;*/
    /*background-image: url(../img/dashboard/bg-body.png);*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color:#5d5d5d;
    background-color: rgb(255,255,255);
   
}


.ap-body-left  {  float: left;   height: 100%; width: 20px; }
.ap-body-right {  float: right;  height: 100%; width: 20px; }

/**************************************/
/** hidde
/**************************************/
.ap-hidden{ display: none;}


/**************************************/
/** Boton A
/**************************************/
.ap-btn-a { cursor: pointer; text-decoration: none;   display: block ;color: #999999 ;text-align: center; font-size: 12px}

.ap-btn-al{     width: 25px; height: 50px; float: left; background: url('../img/boton_a/boton_a.png') no-repeat left top;}
.ap-btn-ac{     padding:15px 0px 0px 0px;              height: 60px; float: left; background: url('../img/boton_a/boton_b.png') repeat-x }
.ap-btn-ar{     width: 25px; height: 50px; float: left; background: url('../img/boton_a/boton_c.png') no-repeat right top;}
/**************************************/
/** Cuadro Redondo
/**************************************/

.ap-cuadro-redondo {text-align: left; margin: 10px; width: 296px; height: 196px;  float: left; padding: 15px 25px 15px 30px; background: url('../img/cuadroRond/cuadroRond.png') no-repeat;} 

/**************************************/
/** Navegacion Ini
/**************************************/

.ap-nav-ini{width: 950px ;margin-left: 25px} 
/**************************************/
/** links
/**************************************/

.ap-link-small{padding: 25px ;text-align: left;color: #999999; font-size: 13px;}
                  
                  
/**************************************/
/** Seccion clara obscura
/**************************************/

.ap-seccion-clara{padding: 0px 0px 0px 0px;display: block;border-bottom:solid #CCCCCC 1px;}
.ap-seccion-obscura{padding: 0px 0px 0px 0px;display: block;background: #EDF0F6 ;border-bottom:solid #CCCCCC 1px;}
.ap-text-seccion{padding: 0px 25px 0px 25px ;text-align: left;color: #666;}
/**************************************/
/** Cuadro Recto
/**************************************/

.ap-cuadro-rect-ini       {       width: 950px; margin-left: 25px;}
.ap-cuadro-rect-ini-top   { height: 15px;  display:block; background: url('../img/cuadroRec/cuadro_top.png') no-repeat top;}
.ap-cuadro-rect-ini-midle { height: 350px;  width: 950px;   display:block; background: url('../img/cuadroRec/cuadro_midle.png') repeat-y ;}
.ap-cuadro-rect-ini-bottom{ height: 18px;  display:block; background: url('../img/cuadroRec/cuadro_bottom.png') no-repeat top;}

/**************************************/
/** Footer
/**************************************/

.ap-normal-footer{
    display: block;
    width: 100%;
    background:#8A898A;
    text-align: center;
    color:#EEEEEE;
    height:83px;
    font-size: 12px;
}
.ap-normal-footer-x{
    display: block;
    width: 100%;
    background:#FFFFFF;
    height: 15px;
    margin: 0 auto;
}
.ap-normal-contacto{
    margin: 0;
    padding: 0;
    /*color: #999999; */
    color:#D8810C; 
    font-size:15px
    
}
.ap-normal-contacto-txt{
    margin: 10px;
    padding: 10px;

    padding: 0px 15px 0px 50px ;
    color:#D8810C; 
    font-size:15px;
    text-align: left; 
    
}
.ap-item-barra-top{
    display: inline-block;
    margin: 0px 10px 0px 10px;
    padding: 5px 5px 5px 10px;
    color: #FFFFFF; 
    font-size:15px;
    text-align: left; 
}
.ap-item-barra-top a{
    color: #FFFFFF; 
    text-decoration: none;
}
.ap-item-barra-top a:hover{
    color: #BBBBBB; 
    text-decoration: none;
}
.ap-factura-title{
    display: inline-block;
    margin: 0px 3px 6px 0px;
    padding:  20px;
    width: 100%;
    color: #AF272F; 
  /*  background-color: #AF;*/
    vertical-align: bottom;
    font-size:15px;
    text-align: left; 
   /* background: url('../img/dashboard/bg-modulo.png') no-repeat top;*/
}
.ap-span-modulos-title{
    display: inline-block;
    margin: 0px 3px 6px 0px;
    padding: 10px 20px 10px 20px;
    width: 100%;
    color: #AF272F; 
  /*  background-color: #AF;*/
    vertical-align: bottom;
    font-size:15px;
    text-align: left; 
   /* background: url('../img/dashboard/bg-modulo.png') no-repeat top;*/
}
.ap-span-modulos{
    display: inline-block;
    margin: 0px 3px 6px 0px;
    padding: 10px 20px 10px 20px;
    width: 100%;
    color: #EEEEEE; 
    background-color: #444444;
    vertical-align: bottom;
    font-size:15px;
    text-align: left;
    cursor: pointer;
   /* background: url('../img/dashboard/bg-modulo.png') no-repeat top;*/
}
.ap-span-modulos-admin{
    display: inline-block;
    cursor: pointer;
    margin: 0px 3px 6px 0px;
    padding: 15px 15px 15px 15px;
    width: 400px;
    color: #EEEEEE; 
    background-color: #D8810C;
    vertical-align: bottom;
    font-size:15px;
    text-align: left; 
    background: #D8810C url('../img/dashboard/bg-factura-header-mod.png') repeat-x top;
}

.ap-span-modulos-admin-btn {
    cursor: pointer;
}

.ap-span-modulos-admin a{
    color: #EEEEEE; 
    text-decoration: none;
    
}

.ap-span-modulos-admin-min{
    display: inline-block;
    margin: 0px 3px 6px 0px;
    padding: 3px 3px 3px 3px;
    width: 400px;
    color: #EEEEEE; 
    background-color: #D8810C;
    vertical-align: bottom;
    font-size:15px;
    text-align: left; 
    cursor: pointer;
    background: #D8810C url('../img/dashboard/bg-factura-header-mod.png') repeat-x top;
}
.ap-span-modulos-admin-mina{
    color: #EEEEEE; 
    text-decoration: none;
    
}

.modulo-eme span{
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}
.modulo-eme-metro{/*#E09A3D*/
    background: rgb(224, 154, 61); /* Fall-back for browsers that don'tsupport rgba */
    background: rgba(255, 255, 255, .2);
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 2px;
    display: block;
}
.ap-span-modulos-back{
    display: inline-block;
    margin: 0px 3px 6px 0px;
    padding: 5px 80px 5px 5px;
    height: 70px;
    width: 200px;
    color: #333333; 
    background-color: #0080CC;
    vertical-align: bottom;
    font-size:15px;
    text-align: left; 
    background: url('../img/dashboard/back.png') no-repeat top;
}
 .ap-span-modulos a {
     color: #333333; 
     text-decoration: none;
 }
 
 .ap-label{
     padding: 0px 15px 0px 0px;
     text-align: right;
 }
 
  .ap-form-textarea{
     margin: 0px 15px 0px 100px;
     width: 500px;
 }
 
 .ap-normal-block-left{
     display: inline-block;
     width: 470px;
     vertical-align: top;
 }
 
 .ap-normal-block-rigth{
     display: inline-block;
     width: 470px;
     vertical-align: top;
 }
 
 .vo_etiqueta_class{
     padding: 0px 5px 3px 80px;
     text-align: right;
     font-weight: 400;
     font-size: 19px;
     display: inline-block;
 }
 .vo_etiqueta_subclass{
     padding: 20px 5px 20px 80px;
     text-align: right;
     font-weight: normal;
     font-size: 20px;
     display: inline-block;
 }
  .vo_valor_class{
     padding: 0px 15px 0px 0px;
     text-align: right;
     display: inline-block;
 }

 .ap-normal-title{
     display: block;
     margin-top:10px;
     padding: 5px 25px 5px 25px;
     vertical-align: top;
     font-size: 17px;
     color: #eeeeee;
     background-color: #D8810C;
     background-image: url(../img/dashboard/bg-factura-header.png);
 }
 .ap-normal-subtitle{
     display: block;
     margin-top:10px;
     padding: 3px 25px 3px 25px;
     vertical-align: top;
     color: #333333;
 }
 
 
 .ap-sub-form{
     margin: 20px;
     background-color: #333333;
     padding-bottom: 15px;
 }
  .ap-change-status:hover
 {
     cursor: pointer;
     text-decoration: underline;
 }
 
  .ap-btn-cancel-cfdi-nv
 {
     display:none;
 }
  .ap-btn-cancel-cfdi-v
 {
     display:inline-block;
 }
 
   .ap-btn-vcancel-cfdi-nv
 {
     display:none;
 }
  .ap-btn-vcancel-cfdi-v
 {
     display:inline-block;
 }
 
 .ap-normal-tableview-row{
     display: block;
     margin-top:5px;
     padding: 5px;
     vertical-align: top;
     background-color: #8A898A
 }

 
 .ap-normal-tableview-row:hover{
     display: block;
     margin-top:5px;
     padding: 5px;
     vertical-align: top;
     background-color: #888888;
     color:#eeeeee;
     cursor: pointer;
 }
 .ap-normal-tableview-row-lan{
     margin-top:3px;
     padding: 5px;
     vertical-align: top;
     background-color: #cccccc;
 }
 
 .ap-normal-tableview-row-lan:hover{
     margin-top:3px;
     padding: 5px;
     vertical-align: top;
     background-color: #888888;
     color:#eeeeee;
 }

 .exp-activo{
    opacity:0.85;
    filter:Alpha(opacity=85);
    background-color:#EAEAEA;
    border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
    -webkit-border-radius:5px; /* Safari y Chrome */  
    color:#333333;
  /*  margin: 12px 2px 0px 2px;]*/
    margin: 5px;
}
 
 .ap-normal-tableview-row b{
     font-weight: 300;
     font-size: 15px;
     padding: 5px;
 }
 
 
 .ap-add-concepto{
     background-color: #dddddd;
 }
 
  .mes-emitidas{
      display: inline-block;
      width: 120px;
      height: 70px;
      padding: 5px;
      margin: 3px;
      color: #EEEEEE;
      background-color: #D8810C;
      cursor: pointer;
 }
   .year-emitidas{
      display: inline-block;
      height: 35px;
      padding: 5px;
      margin: 3px;
      color: #EEEEEE;
      background-color: #D8810C;
      cursor: pointer;
 }
   .year-emitidas-btn{
      display: inline-block;
      height: 30px;
      padding:30px;
      margin: 3px;
      color: #EEEEEE;
      background-color: #D8810C;
      cursor: pointer;
 }

 .item-footer{
     margin: 15px;
     font-size: 15px;
 }
 
 .headerConceptosClass{
     font-size: 12px;
 }
 
 .headerConceptosClass b{
     font-size: 11px;
     font-weight: 700;
 }
 
  .headerConceptosClass td{
 vertical-align: top;
 }
 
.bodyConceptosClass {
     font-size: 11px;
     font-weight: 600;
 }
  .bodyConceptosClass td{
 vertical-align: top;
 }
 
 .bodyConceptosClassMini{
     font-size: 10px;
     font-weight: 600;
 }
 
  .bodyConceptosClassMini  input{
     font-size: 10px;
     font-weight: 600;
     width:100px;
     height: 17px;
     margin: 0;
 }
   .bodyConceptosClassMini  input:focus{
     font-size: 10px;
     font-weight: 600;
     width:100px;
     height: 17px;
     margin: 0;
 }
 .bodyConceptosClassMini  label{
     width:auto;
     padding: 0;
     width:40px;
 }
 
 .customImpuestoVisibilidad_v{
     display:initial;
 }
  .customImpuestoVisibilidad_nv{
     display:none;
 }
 
 
 
 /** BOTONES **/
    .button:hover{
  cursor: pointer;
  text-decoration:underline; 
 }
    .button{text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  

 }