@charset "utf-8";

/* CSS Document */

body {
  background: url(../images/fondo_textura.jpg) top left fixed #fff;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
#contenido {
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  border-top: none;
  /*padding: 20px 0;*/
  min-height: 450px;
}
#menu_principal {
  min-height: 50px;
}
#menu_principal .navbar {
  margin-bottom: 0px;
}
.menu_1 {
  background: #183D68;
  color: #FFFFFF;
  font-size: large;
  font-weight: bolder;
  padding: 10px 10px;
  text-decoration: none;
}
.menu_2 {
  background: #B3CDF3;
  font-size: large;
  margin-bottom: 20px;
  padding: 10px 10px;
  text-decoration: none;
}
.espacio_top {
  margin-top: 20px;
}
.espacio_bottom {
  margin-bottom: 20px;
}
.centrar_texto {
    text-align: center;
}

/*Estilo para los radios*/


/*Para que funcione el 'id' del radio y el 'for' del label deben de ser el mismo*/

.radiodiv input[type="radio"] {
  display: none;
  padding-left: 10px;
}
.radiodiv label {
  display: inline-block;
  border: 1px solid #aaa;
  /*box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;*/
  border-radius: 2px;
  -moz-transition: padding .25s;
  -webkit-transition: padding .25s;
  -o-transition: padding .25s;
  transition: padding .25s;
  background-color: #ddd;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 12px;
  color: #000;
  cursor: pointer;
}
.radiodiv input[type="radio"]:checked+ label {
  background-color: #2a478b;
  color: #FFF;
}
.checkboxdiv input[type="checkbox"] {
  display: none;
  padding-left: 10px;
}
.checkboxdiv label {
  display: inline-block;
  border: 1px solid #aaa;
  /*box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;*/
  border-radius: 2px;
  -moz-transition: padding .25s;
  -webkit-transition: padding .25s;
  -o-transition: padding .25s;
  transition: padding .25s;
  background-color: #ddd;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 12px;
  color: #000;
  cursor: pointer;
}
.checkboxdiv input[type="checkbox"]:checked+ label {
  background-color: #2a478b;
  color: #FFF;
}

/* Estilo para las tablas de paneles */

.panel {
  background-color: #F2F2F2;
  font-size: 12px;
}
.panel_footer {
  background-color: #428BCA;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: bolder;
}
.table_input {
  vertical-align: middle !important;
}
.panel_td {
  border-right: 1px solid #DDD;
}
.tr_penales {
  height: 56px;
}

/* Estilo para los dialogos */


/* Reemplaza la clase .modal-header de bootstrap */

.modal-header {
  background-color: #428BCA;
  color: #FFFFFF;
}

/* Estilo para las tablas */

.table_responsive {
  margin-bottom: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
}
.table_header {
  font-size: 12px;
  line-height: 30px;
}
.table_body {
  background-color: #98c0e4;
  /*border: 2px solid #ccc;*/
  border-radius: 7px;
  font-size: 11px;
  margin-bottom: 0px;
  white-space: nowrap !important;
}
.table_body th {
  background: #286ba3;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
  font-size: 11.5px;
  font-weight: bold;
  padding: 0px 5px;
  text-decoration: none;
}
.table_body td {
  /*border: solid 1px #FFFFFF;*/
  font-size: 11px;
  padding: 0px 5px;
  text-decoration: none;
}
.table_body tbody tr:hover {
  color: #286ba3;
  /*font-weight:bold;*/
  background: #eff2ff;
}
.table_body tfoot {
  border-top: solid #a7d53e;
  font-weight: bold;
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .panel_td {
    border-right: none;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .panel_td {
    border-right: none;
  }
}
@media screen and (min-width: 569px) and (max-width: 768px) {
  .panel_td {
    border-right: none;
  }
}
@media screen and (min-width: 369px) and (max-width: 568px) {
  .panel_td {
    border-right: none;
  }
}
@media screen and (min-width: 100px) and (max-width: 368px) {
  .panel_td {
    border-right: none;
  }
}
.espacio_rows10 {
  height: 10px;
}
.espacio_rows20 {
  height: 20px;
}

/*body { font-size: 2em; }*/

div.menu_principal {
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: rgba(147, 206, 222, 1);
  background: -moz-linear-gradient(top, rgba(147, 206, 222, 1) 0%, rgba(123, 193, 212, 0.97) 45%, rgba(117, 189, 209, 0.97) 57%, rgba(5, 33, 65, 0.97) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147, 206, 222, 1)), color-stop(45%, rgba(123, 193, 212, 0.97)), color-stop(57%, rgba(117, 189, 209, 0.97)), color-stop(100%, rgba(5, 33, 65, 0.97)));
  background: -webkit-linear-gradient(top, rgba(147, 206, 222, 1) 0%, rgba(123, 193, 212, 0.97) 45%, rgba(117, 189, 209, 0.97) 57%, rgba(5, 33, 65, 0.97) 100%);
  background: -o-linear-gradient(top, rgba(147, 206, 222, 1) 0%, rgba(123, 193, 212, 0.97) 45%, rgba(117, 189, 209, 0.97) 57%, rgba(5, 33, 65, 0.97) 100%);
  background: -ms-linear-gradient(top, rgba(147, 206, 222, 1) 0%, rgba(123, 193, 212, 0.97) 45%, rgba(117, 189, 209, 0.97) 57%, rgba(5, 33, 65, 0.97) 100%);
  background: linear-gradient(to bottom, rgba(147, 206, 222, 1) 0%, rgba(123, 193, 212, 0.97) 45%, rgba(117, 189, 209, 0.97) 57%, rgba(5, 33, 65, 0.97) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#052141', GradientType=0);
  width: 400px;
  text-align: center;
  padding: 10px;
  margin: 20px auto;
}
div.menu_principal a {
  color: white;
  text-decoration: none;
}
@media only screen and (max-width: 479px) {
  div.menu_principal {
    width: 90%;
  }
  body {
    font-size: 2em;
  }
}
.top {
  margin-top: 20px;
}

/* Clase para los iconos de los catálogos*/

.iconos img {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}
th {
  text-align: center;
}

/*.inicio{
    background-image:  url('/vendedores/images/fondo_vendedores.png');
}*/

.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}
.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}
.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}
.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding: 2px;
}
div.iconos_menu {
  font-size: 30px;
  margin-top: 10px;
}
div.espacio_row {
  margin-top: 20px;
}

/*clase para el breadcrumb */

.breadcrumb {
  margin-bottom: 0px;
}