.titulo {
   font-family:arial;
   font-size: 10pt;
   text-align: left;
   font-weight: bold;
 }

.titulo_detalle label{
   font-weight: bold;
   text-align: center;
   color: #17246f;
   font-size: 2em;

}
.descripcion {
    font-family:arial;
    font-size: 10pt;
    text-align: left;
}


@media (max-width: 899px){

  header{
    padding: 7px 0;
  }
  header .mobile {
    display: block;
  }
  header .logo img {
    max-width: 85px;
  }


  sidebar{
       display: none;
  }


  .herramienta_main {
    top :50px;
    left: 5px;
    height: 100%;
    width: 100%;
    position: relative;
  }

  .herramienta_main .herramienta_empresa{
  	top :0px;
  	left: 0px;
  	height: 100%;
  	width: 100%;
  	position: relative;
  }

  .herramienta_main .herramienta_empresa #nempresa{
      width:50%;
  }
  .herramienta_main .herramienta_empresa #indicadores_titulo{
     color: white;
     font-weight: bold;
   }
  .herramienta_main .herramienta_empresa #tabla_indicadores{
    margin-top: 0px;
    font-size: 0.75em;
    width: 600px;
    align:left;
    background-color:#004983;
  }

/*
  header .menu_principal li{
    display: none;
  }

  header .menu_principal li.acceso_clientes{
    display: block;
    margin: 0px;
  }
*/

  header .menu_principal li.acceso_clientes a{
    margin-top: 8px;
    font-size: 0.6em;
  }
  /*
  header .menu_trabajador .MenuBarHorizontal li{
    font-size: 0.8em;
  }
*/
  header .empresa label {
    color: #17246f;//#000000;
    font-family: Century Gothic; /* sans-serif; */
    font-size: 0.6em;
    cursor: pointer;
    /* float: left; */
    padding-top: 7px;
    font-weight: bold;
    margin-left:1px;

  }

  header .detalle_usuario label {
    color: #000000;
    font-family: sans-serif;
    font-size: 0.5em;
    cursor: pointer;
    float: left;
    padding-top: 7px;
    font-weight: bold;
  }

  footer .f_top ul.menu_footer_mail_phone{
    margin: 15px 0;
  }

  footer .f_top a.back_to_home{
    display: none;
  }
  .home_distribucion .box_santiago,
  .home_distribucion .box_santiago:before,
  .home_distribucion .box_nacional,
  .home_distribucion .box_nacional:before{
    width: 100%;
  }
  .home_features .box,
  .home_features .box:before{
    width: 100%;
  }
  .home_slide ul.bx_homeslide li h2 {
    font-size: 2em;
  }
  .contacto .box_contact h1,
  .contacto .box_contact p{
    padding-left: 10px;
  }

/*
  .herramienta_main{
  	 margin-left: 231px;
     margin-top: 0px;
     margin-right: auto;
     width:100%;
     height:100%;

  }
*/
  .usuario_opacity{
  	 /* margin: auto;
  	 margin-top: 20px;
  	 background-color:Transparent; */
  	 margin-left: auto;
     margin-right: auto;
     background-color: rgba(0, 0, 0, 0.4); /*background-color: rgba(0, 0, 0, 0.3); */ /* rgb(255,255,255);*/
  	 opacity: 0.6;
     width:80%;
     height:100%;

  }

/*
  table {
           width:100%;
  }
  tr:nth-of-type(2n) {
           background-color: inherit;
  }
  tr th:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:1.3em;
           display: block;
  }
  tbody td {
           display: block;
           text-align:center;
  }
  tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
  }
  */
  .sb-logo{
    background-color:#194a8d;
  }
  .box_menu{
    background-color:#194a8d;
  }
    .box_menu .menu_principal li a{
    	color: white;
    	background-color:#194a8d;
    }

}


/* Table Lenovo, iphone 7 latest */
@media (max-width: 767px) {

  header{
    padding: 7px 0;
  }
  header .mobile {
    display: block;
    }
  header .logo img {
    max-width: 70px;
  }

  header .menu_principal li{
    display: none;
  }

  sidebar{
   display: none;
  }


  .herramienta_main {
    top :50px;
    left: 5px;
    height: 100%;
    width: 100%;
    position: relative;
  }

  .herramienta_main .herramienta_empresa{
  	top :0px;
  	left: 0px;
  	height: 100%;
  	width: 100%;
  	position: relative;
  }

  .herramienta_main .herramienta_empresa #nempresa{
      width:50%;
  }
  .herramienta_main .herramienta_empresa #indicadores_titulo{
     color: white;
     font-weight: bold;
   }
  .herramienta_main .herramienta_empresa #tabla_indicadores{
    margin-top: 0px;
    font-size: 0.75em;
    width: 500px;
    align:left;
    background-color:#004983;
  }

  /*
  sidebar {
    position: fixed;
    top: 10%;
    left: 0;
    bottom: 0;
    width: 230px;
    background: #004983;
  }

  */
  /*
  header .menu_principal li.acceso_clientes{
    display: block;
    margin: 0px;
  }
  header .menu_principal li.acceso_clientes a{
    margin-top: 8px;
    font-size: 0.8em;
  }
  */
  header .empresa label {
    color: #17246f;//#000000;
    font-family: Century Gothic;//sans-serif;
    font-size: 0.6em;
    cursor: pointer;
    float: right; /* left; */
    padding-top: 7px;
    font-weight: bold;
    margin:auto;
  }

  footer .f_top ul.menu_footer_mail_phone{
    margin: 15px 0;
  }
  footer .f_top a.back_to_home{
    display: none;
  }
  .home_distribucion .box_santiago,
  .home_distribucion .box_santiago:before,
  .home_distribucion .box_nacional,
  .home_distribucion .box_nacional:before{
    width: 100%;
  }
  .home_features .box,
  .home_features .box:before{
    width: 100%;
  }
  .home_slide ul.bx_homeslide li h2 {
    font-size: 2em;
  }
  .contacto .box_contact h1,
  .contacto .box_contact p{
    padding-left: 10px;
  }
  .contacto .box_contact #contact_form{
    padding:15px 10px;
  }
  /*
  table {
           width:100%;
  }
  tr:nth-of-type(2n) {
           background-color: inherit;
  }
  tr th:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:1.3em;
           display: block;
  }
  tbody td {
           display: block;
           text-align:center;
  }
  tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
  }

  */
  .sb-logo{
    background-color:#194a8d;
  }
  .box_menu{
    background-color:#194a8d;
  }
    .box_menu .menu_principal li a{
    	color: white;
    	background-color:#194a8d;
    }

}




@media (max-width: 480px) {
  header{
    padding: 7px 0;
  }
  header .mobile {
    display: block;
  }
  header .logo img {
    max-width: 70px;
  }

  header .menu_principal li{
    display: none;
  }
  sidebar{
     display: none;
  }

  .herramienta_main {
    top :50px;
    left: 5px;
    height: 100%;
    width: 100%;
    position: relative;
  }

  .herramienta_main .herramienta_empresa{
    top :0px;
    left: 0px;
    height: 100%;
    width: 100%;
    position: relative;
  }

  .herramienta_main .herramienta_empresa #nempresa{
      width:50%;
  }
  .herramienta_main .herramienta_empresa #indicadores_titulo{
     color: white;
     font-weight: bold;
   }
  .herramienta_main .herramienta_empresa #tabla_indicadores{
    margin-top: 0px;
    font-size: 0.75em;
    width: 400px;
    align:left;
    background-color:#004983;
  }
  /*

  background-color:#999999;
  sidebar {
    position: fixed;
    top: 10%;
    left: 0;
    bottom: 0;
    width: 230px;
    background: #004983;
  }

  */
/*

  header .menu_principal li.acceso_clientes{
    display: block;
    margin: 0px;
  }
  header .menu_principal li.acceso_clientes a{
    margin-top: 8px;
    font-size: 0.6em;
  }

  */
  /*
  header .menu_trabajador .MenuBarHorizontal li{
    font-size: 0.8em;
  }
*/
  /*
  header .menu_principal li.acceso_clientes a {
    font-size: 0.7em;
    margin-top: 5px;
  }
*/
  .seguimiento_en_linea .box_login {
      width: 300px;
  }
  header .empresa label {
    color: #17246f;//#000000;
    font-family: Century Gothic;
    font-size: 0.4em;
    cursor: pointer;
    float: left;
    padding-top: 7px;
    font-weight: bold;

  }

/*
  table {
           width:100%;
  }
  tr:nth-of-type(2n) {
           background-color: inherit;
  }
  tr th:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:1.3em;
           display: block;
  }
  tbody td {
           display: block;
           text-align:center;
  }
  tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
  }

  */


  .sb-logo{
    background-color:#194a8d;
  }
   .box_menu{
    background-color:#194a8d;
   }
   .box_menu .menu_principal li a{
    	color: white;
    	background-color:#194a8d;
   }

}


@media (max-width: 380px) {
  header{
    padding: 7px 0;
  }
  header .mobile {
    display: block;
  }
  header .logo img {
    max-width: 70px;
  }
  header .menu_principal li{
    display: none;
  }
  sidebar{
     display: none;
  }

  .herramienta_main {
    top :50px;
    left: 5px;
    height: 100%;
    width: 100%;
    position: relative;
  }

  .herramienta_main .herramienta_empresa{
    top :0px;
    left: 0px;
    height: 100%;
    width: 100%;
    position: relative;
  }

  .herramienta_main .herramienta_empresa #nempresa{
      width:50%;
  }
  .herramienta_main .herramienta_empresa #indicadores_titulo{
     color: white;
     font-weight: bold;
   }
  .herramienta_main .herramienta_empresa #tabla_indicadores{
    margin-top: 0px;
    font-size: 0.75em;
    width: 350px;
    align:left;
    background-color:#004983;
  }
  /*
  sidebar {
    position: fixed;
    top: 10%;
    left: 0;
    bottom: 0;
    width: 230px;
    background: #004983;
  }
  */
  /*
  header .menu_principal li.acceso_clientes{
    display: block;
    margin: 0px;
  }
  header .menu_principal li.acceso_clientes a{
    margin-top: 8px;
    font-size: 0.7em;
  }
  header .menu_trabajador .MenuBarHorizontal li{
    font-size: 0.8em;
  }
*/
  /*
  header .menu_principal li.acceso_clientes a {
    font-size: 0.7em;
    margin-top: 5px;
    padding:5px 7px;
  }*/

  header .empresa label {
    color: #17246f;//#000000;
    font-family: Century Gothic;
    font-size: 0.4em;
    cursor: pointer;
    float: left;
    padding-top: 7px;
    font-weight: bold;
  }

/*
  table {
           width:100%;
       }
       tr:nth-of-type(2n) {
           background-color: inherit;
       }
       tr th:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:1.3em;
           display: block;

       }
       tbody td {
           display: block;
           text-align:center;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
*/
       .sb-logo{
         background-color:#194a8d;
       }
     .box_menu{
       background-color:#194a8d;
     }
     .box_menu .menu_principal li a{
        color: white;
        background-color:#194a8d;
     }


}
@media only screen and (min-device-width: 375px) and
(max-device-height: 667px) and (orientation : portrait) and
(-webkit-device-pixel-ratio: 2){
/* Styles */

   header{
      padding: 7px 0;
   }
   header .mobile {
      display: block;
   }
   header .logo img {
      max-width: 70px;
   }
   header .menu_principal li{
      display: none;
   }
   sidebar{
      display: none;
   }

   /*
   .herramienta_main{
     top: 20%;
   	  margin-left: auto;
      margin-right: auto;
      width:100%;
      height:100%;
      font-size: 0.7em;
   }

   .herramienta_main .herramienta_empresa{
   	top :20px;
   	left: 5px;
   	height: 100%;
   	width: 100%;
   	position: relative;
   }
*/
   .herramienta_main .herramienta_empresa #nempresa{
    width:80%;

   }
/*
   .herramienta_main .herramienta_empresa #tabla_indicadores{
     float: left;
     font-size: 0.8em;
     width:400px;
     align:left;

   }

   */
   /*
   sidebar {
     position: fixed;
     top: 10%;
     left: 0;
     bottom: 0;
     width: 230px;
     background: #004983;
   }
   */
/*
header .menu_principal li.acceso_clientes{
  display: block;
  margin: 0px;
}
header .menu_principal li.acceso_clientes a{
  margin-top: 8px;
  font-size: 0.7em;
}
header .menu_trabajador .MenuBarHorizontal li{
  font-size: 0.8em;
}
*/
/*  header .menu_principal li.acceso_clientes a {
    font-size: 0.7em;
    margin-top: 5px;
    padding:5px 7px;
  }
*/
  header .empresa label {
    color: #17246f;//#000000;
    font-family: Century Gothic; /* sans-serif; */
    font-size: 0.4em;
    cursor: pointer;
    float: left;
    padding-top: 6px;
    font-weight: bold;
  }

  header .detalle_usuario label {
    color: #000000;
    font-family: sans-serif;
    font-size: 0.4em;
    cursor: pointer;
    float: left;
    padding-top: 6px;
    font-weight: bold;
  }

  .usuario_tabla{
    margin-left: 8px;
    margin-right: auto;
    margin-top: 0.7px;
    width: 80%;
  }
  .usuario_opacity{

     margin-left: auto;
     margin-right: auto;
     background-color: rgba(0, 0, 0, 0.4); /*background-color: rgba(0, 0, 0, 0.3); */
     opacity: 0.6;
     width:80%;
     height:100%;

  }

  .despliega_matriz #table_detalle {
      width:100%;
      font-size: 0.8em;
  }

  .despliega_matriz #pestanas {

    font-size: 0.7em;
    cursor: pointer;
    float: left;
    padding-top: 7px;
    width:100%;

  }

  .despliega_informes #table_p {
      width:350px;
      font-size: 0.6em;
  }

  .usuario_ingreso #table_p {
      width:350px;
      font-size: 0.6em;
      margin: 0 auto;
  }

  .despliega_informes #table_p_left {
        width:350px;
        font-size: 0.5em;
  }

  .despliega_informes #tabla_trabajador {
      width:350px;
      font-size: 0.7em;
      margin: 0 auto;
  }

  .despliega_informes #table_s {
      width:300px;
      font-size: 0.2em;
      /*margin: 0 auto;*/
      float: left;
  }

  .despliega_informes #table_sb {
      width:300px;
      font-size: 0.4em;
       margin-left: auto;
  }

  .despliega_informes #table_tnuevo {
      width:350px;
      font-size: 0.6em;
  }


  .despliega_informes_emp #tabla_p {
    					width:80%;
    					/*margin: 0 auto; */
    					font-size: 0.8em;
    					align:left;
    					font-weight: normal;
  }

  .detalle_informes_emp #tabla_trabajador {
    					width:100%;
    					margin: 0 auto;
    					font-size: 0.5em;
    					font-weight: normal;
  }

  .sb-logo{
    background-color:#194a8d;
  }
  .box_menu{
    background-color:#194a8d;
  }
  .box_menu .menu_principal li a{
  	color: white;
  	background-color:#194a8d;
  }

}