/* CSS Document */
html {
  margin: 0px;
  padding: 0px;
}

.boxlogin {
  border-radius: 4px;
  box-shadow: 0px 2px 10px #d6d6d6;
  margin: 50px auto;
  width: 320px;
  -webki-border-radius: 4px;
  -moz-border-radius: 4px;
}

input[type="submit"] {
  margin-top: 14px;
}

.bs-example {
  margin: 10px 5px;
}

/*COLOR TEXTO-----------------*/
.negro {
  color: #000000;
}
.negrito {
  color: #4a4a4a;
}
.blanco {
  color: #ffffff;
}
.azul {
  color: #000080;
}

.azul2{
  color:  #150D91;
}

.gris {
  color: #808080;
}

.rojo {
  color: #ff0000;
}

.red {
  color: #ff0000;
}

.verde {
  color: #339933;
}

.naranja {
  color: #df8b0c;
}

/*FORMATO TEXTO----------------*/
.centro {
  text-align: center;
}
.derecha {
  text-align: right;
}
.grande {
  font-size: 14px;
}
.izquierda {
  text-align: left;
}
.mediano {
  font-size: 12px;
}
.pequeno {
  font-size: 11px;
}
.resaltado {
  font-weight: bold;
}
.mayuscula {
  text-transform: uppercase;
}
.minuscula {
  text-transform: lowercase;
}

/**************************ESTILOS PARA QUE SIMULEN BOTON**********************************/
.enlaceboton {
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  font-weight: lighter;
  padding: 4px;
  background-color: #ffffff;
  color: #93c01f;
  text-decoration: none;
}
.enlaceboton:link,
.enlaceboton:visited {
  border-top: 1px solid #cccccc;
  border-bottom: 2px solid #666666;
  border-left: 1px solid #cccccc;
  border-right: 2px solid #666666;
}
.enlaceboton:hover {
  border-bottom: 1px solid #cccccc;
  border-top: 2px solid #666666;
  border-right: 1px solid #cccccc;
  border-left: 2px solid #666666;
}
/************************************************************************************************/

.vencido {
  color: #ffffff;
  background: #ff0000;
  font-weight: bold;
}

/*--------IMAGEN DE FONDO-----------*/

.head-logo {
  display: table;
  width: 100%;
  height: 50vh;
  background: url(../images/head.png) top center fixed;
  background-size: cover;
  max-width: 100%;
}

/*----------------------------------*/

.imgBono {
  display: table;
  width: 35%;
  height: 50%;
  background: url(../images/logo.png);
  background-size: cover;
  max-width: 20%;
}

.borde {
  border-color: solid #000000;
  border-width: 1px;
}

.celda {
  background-color: #6582B4;
}

.celdaRojo {
  background-color: #ff0000;
}

.celdaF {
  background-color: #BEE5EB;
}

.celda2 {
  background-color: #ffffff;
}

.subtotal {
  background-color: #cfead5;
}

.titulo {
  background-color: #ffffff;
}

.total {
  background-color: #BEE5EB;
}

.vacio {
  background-color: #ffffff;
}

.texto {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.textoMenu {
  font-size: 12px;
  color: #000000;
  text-align: center;
  font-family: Tahoma, Arial;
}

.visible {
  background-color: #caebfc;
}

a {
  text-decoration: none;
  color: #150D91;
  font-family: Tahoma, Arial;
}

a:visited {
  text-decoration: none;
  color: #150D91;
  font-family: Tahoma, Arial;
}

a:hover {
  text-decoration: none;
  color: #150D91;
  font-family: Tahoma, Arial;
}

a:active {
  text-decoration: none;
  color: #150D91;
  font-family: Tahoma, Arial;
}

/******************* ENLACE DEL FOOTER *************************/
.enlacefooter:link,
.enlacefooter:visited {
  text-decoration: underline;
  color: #ffffff;
}
.enlacefooter:hover {
  text-decoration: underline;
  color: #ffffff;
}
/**************************************************************/

/******************* ENLACE DEL CONTACTANOS *************************/
.enlacecontacto:link,
.enlacecontacto:visited {
  text-decoration: none;
  color: #000000;
}
.enlacecontacto:hover {
  text-decoration: none;
  color: #000000;
}
/**************************************************************/

/******************* ENLACE DE LA VENTANA EMERGENTE INDEX *************************/
.enlaceventana:link,
.enlaceventana:visited {
  text-decoration: none;
  color: #000000;
}
.enlaceventana:hover {
  text-decoration: none;
  color: #000000;
}
/**************************************************************/

/******************* ENLACE DEL MENU ADMIN ********************/
.enlaceMenuAdmin:link,
.enlaceMenuAdmin:visited {
  text-decoration: none;
  color: #000000;
}
.enlaceMenuAdmin:hover {
  text-decoration: none;
  color: #000000;
}
/**************************************************************/

/******************* ENLACE DEL MENU ADMIN ********************/
.paginador:link,
.paginador:visited {
  text-decoration: none;
  color: #000000;
}
.paginador:hover {
  text-decoration: none;
  color: #000000;
}
/**************************************************************/

body {
  color: #000000;
  width: 100%;
  font-size: 16px;
  font-family: Tahoma, Arial;
}

.img {
  width: 100%;
  height: auto;
}

.img2 {
  width: 40%;
  height: auto;
}

footer {
  width: 100%;
  height: 10%;
  padding-top: 1%;
  top: 40%;
  background: #6582B4;
}

header {
  width: 100%;
  /*background: #93c01f;*/
}

.contacto {
  font-size: 32px;
  color: #93c01f;
  text-align: left;
}

.tituloCategoria {
  font-size: 48px;
  color: #93c01f;
  text-align: center;
  font-weight: bold;
}

.nombProducto {
  font-size: 30px;
  color: #097b35;
  text-align: center;
  font-weight: bold;
}

.costoProducto {
  font-size: 22px;
  color: #000000;
  text-align: center;
  font-weight: bold;
}

.descripProducto {
  font-size: 16px;
  color: gray;
  text-align: center;
  font-weight: bold;
}

.historia {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  text-align: center;
}

.catalogo {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  text-align: center;
}

.contenedor {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

.productosMenu {
  width: 70%;
  height: auto;
  text-align: center;
}

.productosIndex {
  width: 100%;
  height: auto;
  text-align: center;
}

.menuProd {
  width: 30%;
  height: auto;
  text-align: center;
}

@media screen and (max-width: 20px) {
  .historia {
    width: 60%;
  }

  .menu {
    width: 20%;
  }

  .productos {
    width: 10%;
  }

  .img {
    width: 60%;
  }
}

h1 {
  color: #000000;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

h2 {
  color: #93c01f;
  font-size: 24px;
  text-align: center;
}

h3 {
  color: #2A3179;
  font-size: 20px;
  text-align: center;
}

h4 {
  color: #2A3179;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

.textoVentana {
  color: #93c01f;
  font-size: 18px;
  text-align: center;
  font-weight: lighter;
}
.centro {
  text-align: center;
}

.imgCentro {
  display: block;
  margin: 0 auto 0 auto;
}ç
/*fondos -------------------------------*/

.visible td {
  border-style: solid;
  border-width: 1px;
}

.visible tr.resaltar {
  color: #ff0000;
}

.categorias {
  font-size: 24px;
  color: #097b35;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

.nomCat {
  font-size: 18px;
  color: #93c01f;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
}

.info {
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

.txtFooter {
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.txtMision {
  font-size: 44px;
  text-align: center;
  color: #097b35;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.txt {
  font-size: 14px;
  color: #000000;
  /*font-weight: bold;*/
  font-family: Arial, Helvetica, sans-serif;
}

.txtEst {
  font-size: 14px;
  color: #ffffff;
  /*font-weight: bold;*/
  font-family: Arial, Helvetica, sans-serif;
}

.txtg {
  font-size: 24px;
  color: #000000;
  /*font-weight: bold;*/
  font-family: Arial, Helvetica, sans-serif;
}

.txtNosotros {
  font-size: 14px;
  color: gray;
  /*font-weight: bold;*/
  font-family: Arial, Helvetica, sans-serif;
}

.txtNosotrosPpal {
  font-size: 34px;
  color: #097b35;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.txtNosotrosBtn {
  font-size: 14px;
  color: #ffffff;
  background: #93c01f;
  font-family: Arial, Helvetica, sans-serif;
}

.txtDomicilioBtn {
  font-size: 24px;
  color: #ffffff;
  background: #097b35;
  font-family: Arial, Helvetica, sans-serif;
}

.txtContactoBtn {
  font-size: 24px;
  color: #000000;
  background: #93c01f;
  font-family: Arial, Helvetica, sans-serif;
}

.txtServicios {
  font-size: 14px;
  color: gray;
  /*font-weight: bold;*/
  font-family: Arial, Helvetica, sans-serif;
}

.boton {
  float: center;
  text-align: center;
  font-size: 14px;
  color: #93c01f;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/img_button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
  font-family: Arial, Helvetica, Sans-Serif;
}

.carousel-inner > div > img {
  width: 100%;
  display: block;
  margin: auto;
}