.tooltip {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.tooltip .tooltiptext {
  visibility: hidden;
  max-width: 370px;
  /*background-color: #f8f9e6;*/
  color: #f8f9e6;
  text-align: left;
  font: .8rem gotham_light;
  border: .5px solid #E0B104;
  border-radius: 10px;
  padding: 3px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  /*flexBox*/
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #E0B104 transparent transparent transparent;
}
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
.tooltip .tooltiptext span {
    /*flexBox*/
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.tooltip .tooltiptext p { margin: 0; padding: 0;}
a.anuncie-aqui { text-decoration: none; }
.anuncie-aqui {
    width: 100%;
    max-width: 370px;
    height: 80px;
    margin: 15px; padding: 0;
    color:#F8F9E6;
    background-color: #E0B104;
    border: 2px solid #E0B104;
    border-radius: 50px;
    /* flex-box */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.anuncie-aqui span {
    margin: 15px 20px;
    text-transform: capitalize;
    font-size: 2rem;
}
.anuncie-aqui .login-icon {
    width: 51px;
	height: 36px;
	margin: 0;
	padding: 22px 14.5px;
	border-radius: 50px;
	/*float: left;*/
	background: url("../images/logo-hoja.png") center no-repeat;
	background-color: #6C972E;
}
#appEmpresa .main {
    /*width: 100%;*/
    font-family: gotham_medium, gotham_regular, courier;
    font-size: 1rem;
    border: 2px solid #E0B104;
    border-radius: 25px;
    margin: 5px;
    padding: 0 30px 10px;
}
.main div.titulo-empresa {
    height:45px;
    width: 100%;
    color:#f8f9e6;
    background-color: #E0B104; 
    border: 2.5px solid #E0B104;
    padding: -10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font: 1.4rem gotham_medium, gothan_medium_regular, courier;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.5s linear;
    /*my-1*/
    margin: 25px auto;
    /*flex-Box*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
#appEmpresas .main div.titulo-empresa {justify-content: space-between;}
#appEmpresa .main div.titulo-empresa {justify-content: flex-start;}
#appEmpresa .main div.titulo-empresa a {
    color: inherit;
    text-decoration: none;
    /*flex-box*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
    
.titulo-empresa > span {
    text-align: left;
    padding-left: 15px;
    width: 100%;
    
    /*flex-box*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.titulo-empresa > span img { padding-right: 10px;}
.titulo-empresa input {
    font-family: 'gotham_light', 'gothan_medium_regular', courier;
    font-size: .7rem;
    color: #E0B104; /*Color Primario*/
    background: #f8f9e6;
    height: 30px; 
    margin: auto 15px; 
    border: none;
    outline: none; 
    padding: 10px;
    border-radius: 25px; 
    border: 1px solid rgba(224, 177, 4, 0.7);
    width: 40%;
    float: right;
}





.consultar-color-01 { background-color: #58ccbb; }
.consultar-color-02 { background-color: #3d4775; }
.consultar-color-03 { background-color: #6c972e; }
.consultar-color-04 { background-color: #ea6887; }
.consultar-color-05 { background-color: #ffc936; }
.consultar-color-06 { background-color: #e27d39; }
.consultar-color-07 { background-color: #8355a3; }
.consultar-color-08 { background-color: #286f7f; }
.icon-cat {
    border-radius: 50px;
    background-repeat: no-repeat;
    width: 35px; /*or your image's width*/
    height: 35px; /*or your image's height*/
    margin: 0 10px 0 0;
    padding: 5px;
}
.tabs li > a { transition: all 0.5s linear; }
.tab-cat-01 li > a { color: #58ccbb; background-color: #f8f9e6; border: 1px solid #58ccbb; }
.tab-cat-01 li > a:hover { background: rgba(88, 204, 187,.5); }
.tab-cat-01 li.is-active > a { color: #f8f9e6; background-color: #58ccbb; }
.tab-cat-02 li > a { color: #3d4775; background-color: #f8f9e6; border: 1px solid #3d4775; }
.tab-cat-02 li > a:hover { background: rgba(248, 249, 230,.5); }
.tab-cat-02 li.is-active > a { color: #f8f9e6; background-color: #3d4775; }
.tab-cat-03 li > a { color: #6c972e; background-color: #f8f9e6; border: 1px solid #6c972e; }
.tab-cat-03 li > a:hover { background: rgba(108, 151, 46,.5); }
.tab-cat-03 li.is-active > a { color: #f8f9e6; background-color: #6c972e; }
.tab-cat-04 li > a { color: #ea6887; background-color: #f8f9e6; border: 1px solid #ea6887; }
.tab-cat-04 li > a:hover { background: rgba(234, 104, 135,.5); }
.tab-cat-04 li.is-active > a { color: #f8f9e6; background-color: #ea6887; }
.tab-cat-05 li > a { color: #ffc936; background-color: #f8f9e6; border: 1px solid #ffc936; }
.tab-cat-05 li > a:hover { background: rgba(255, 201, 54,.5); }
.tab-cat-05 li.is-active > a { color: #f8f9e6; background-color: #ffc936; }
.tab-cat-06 li > a { color: #e27d39; background-color: #f8f9e6; border: 1px solid #e27d39; }
.tab-cat-06 li > a:hover { background: rgba(226, 125, 57,.5); }
.tab-cat-06 li.is-active > a { color: #f8f9e6; background-color: #e27d39; }
.tab-cat-07 li > a { color: #8355a3; background-color: #f8f9e6; border: 1px solid #8355a3; }
.tab-cat-07 li > a:hover { background: rgba(131, 85, 163,.5); }
.tab-cat-07 li.is-active > a { color: #f8f9e6; background-color: #8355a3; }
.tab-cat-08 li > a { color: #286f7f; background-color: #f8f9e6; border: 1px solid #286f7f; }
.tab-cat-08 li > a:hover { background: rgba(131, 85, 163,.5); }
.tab-cat-08 li.is-active > a { color: #f8f9e6; background-color: #286f7f; }
.color-01 {color: #58ccbb;} .bgcolor-01 {background-color: #58ccbb;}
.color-02 {color: #3d4775;} .bgcolor-02 {background-color: #3d4775;}
.color-03 {color: #6c972e;} .bgcolor-03 {background-color: #6c972e;}
.color-04 {color: #ea6887;} .bgcolor-04 {background-color: #ea6887;}
.color-05 {color: #ffc936;} .bgcolor-05 {background-color: #ffc936;}
.color-06 {color: #e27d39;} .bgcolor-06 {background-color: #e27d39;}
.color-07 {color: #8355a3;} .bgcolor-07 {background-color: #8355a3;}
.color-08 {color: #286f7f;} .bgcolor-08 {background-color: #286f7f;}
.borde-cat-01 {border: 2px solid #58ccbb;}
.borde-cat-02 {border: 2px solid #3d4775;}
.borde-cat-03 {border: 2px solid #6c972e;}
.borde-cat-04 {border: 2px solid #ea6887;}
.borde-cat-05 {border: 2px solid #ffc936;}
.borde-cat-06 {border: 2px solid #e27d39;}
.borde-cat-07 {border: 2px solid #8355a3;}
.borde-cat-08 {border: 2px solid #286f7f;}
.boton-cat { font: .7rem gotham_light, courier; 
    text-transform: uppercase; width: 150px; height: 20px;
        display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s linear;
}
.boton-cat-01, .boton-cat-01:visited {border: 2px solid #58ccbb; color: #f8f9e6; background-color: #58ccbb; }
.boton-cat-01:hover { background-color: #f8f9e6; color: #58ccbb; }
.boton-cat-02 { border: 2px solid #3d4775; color: #f8f9e6; background-color: #3d4775; }
.boton-cat-02:hover { background-color: #f8f9e6; color: #3d4775; }
.boton-cat-03 { border: 2px solid #6c972e; color: #f8f9e6; background-color: #6c972e; }
.boton-cat-03:hover { background-color: #f8f9e6; color: #6c972e; }
.boton-cat-04 { border: 2px solid #ea6887; color: #f8f9e6; background-color: #ea6887; }
.boton-cat-04:hover { background-color: #f8f9e6; color: #ea6887; }
.boton-cat-05 { border: 2px solid #ffc936; color: #f8f9e6; background-color: #ffc936; }
.boton-cat-05:hover { border: 2px solid #ffc936; color: #f8f9e6; background-color: #ffc936; }
.boton-cat-06 { border: 2px solid #e27d39; color: #f8f9e6; background-color: #e27d39; }
.boton-cat-06:hover { background-color: #f8f9e6; color: #e27d39; }
.boton-cat-07 { border: 2px solid #8355a3; color: #f8f9e6; background-color: #8355a3; }
.boton-cat-07:hover { background-color: #f8f9e6; color: #8355a3; }
.boton-cat-08 { border: 2px solid #286f7f; color: #f8f9e6; background-color: #286f7f; }
.boton-cat-08:hover { background-color: #f8f9e6; color: #286f7f; }
.boton-consulta { font: .7rem gotham_light, courier; 
    text-transform: uppercase; width: 150px; height: 20px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s linear;
}
.boton-consulta-01 { color: #58ccbb; background-color: #f8f9e6; border: 1px solid #58ccbb; }
.boton-consulta-01:hover { background-color: #58ccbb; color: #f8f9e6; border: 1px solid #f8f9e6; }
.boton-consulta-02 { color: #3d4775; background-color: #f8f9e6; border: 1px solid #3d4775; }
.boton-consulta-02:hover { background-color: #3d4775; color: #f8f9e6; border: 1px solid #f8f9e6; }
.boton-consulta-03 { color: #6c972e; background-color: #f8f9e6; border: 1px solid #6c972e; }
.boton-consulta-03:hover { background-color: #6c972e; color: #f8f9e6; border: 1px solid #f8f9e6; }
.boton-consulta-04 { color: #ea6887; background-color: #f8f9e6; border: 1px solid #ea6887; }
.boton-consulta-04:hover { background-color: #ea6887; color: #f8f9e6; border: 1px solid #f8f9e6; }
.boton-consulta-05 { color: #ffc936; background-color: #f8f9e6; border: 1px solid #ffc936; }
.boton-consulta-05:hover { background-color: #ffc936; color: #f8f9e6; border: 1px solid #f8f9e6; }
.boton-consulta-06 { color: #e27d39; background-color: #f8f9e6; border: 1px solid #e27d39; }
.boton-consulta-06:hover { background-color: #e27d39; color: #f8f9e6; border: 1px solid #f8f9e6; }
.boton-consulta-07 { color: #8355a3; background-color: #f8f9e6; border: 1px solid #8355a3; }
.boton-consulta-07:hover { background-color: #8355a3; color: #f8f9e6; border: 1px solid #f8f9e6; }
.boton-consulta-08 { color: #286f7f; background-color: #f8f9e6; border: 1px solid #286f7f; }
.boton-consulta-08:hover { background-color: #286f7f; color: #f8f9e6; border: 1px solid #f8f9e6; }
/* checkboxes */
span label {
	cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px; /* 10 px padding right + 15px input type*/
    margin-right: 10px; /* margin between inputs types */
}
span label:after {  
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;  
    left: 0;
}
input[type=checkbox] { display: none; }
span label:after { background: url('../images/item-select-off.png') right center no-repeat; margin-top: 2px; }
input[type=checkbox]:checked + label:after { background: url('../images/item-select-on.png') right center no-repeat; } 
.main {
    font-family: gotham_medium;
    font-size: 1rem;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    border-radius: 25px;
    margin: 10px;
}
.main .empresa-title {
    margin: 5px 0 15px;
    /*flexbox*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.main>div>span {
    margin-right: 5px;
    padding: 5px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.main .contenido {
    /*flexbox*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
section.main>section {
    width: 90%;
    border-top: 1px solid #6c972e;
    /*flexBox*/
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
}
section.main>div {
    /*flexBox*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
section.main section>div {
    color: #E0B104;
}
section.main section:first-child { border-top: none; }
.main section div p {margin: 5px 0; padding: 0;}
section.main .datos {
    width: 100%;
    /*flexBox*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
section.main section>p {
    margin: 0;
    padding: 5px 0 0;
}
.main .column-contact {
    padding: 10px 0;
    /*flexbox*/
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}
.main .column-contact img { position: relative; float: left; width: 146px; height: 146px; margin: 0 5px 5px 0; border: 2px solid white; border-radius: 10px; }
.main .column-contact .contact {
    font: small-caps 1.5rem gotham_bold;
    text-align: center;
    color: #f8f9e6;
    background-color: #E0B104;
    border: 2px solid #E0B104;
    border-radius: 10px;
    width: 143px;
    height: 70px;
    margin: auto;
    padding: 0 0 7px;
	box-shadow: 0 1px 3px #999999;
    transition: all 0.4s linear;
    /*flexbox  */
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
}
.main .column-contact .contact:hover {
    color: #E0B104;
    background-color: #f8f9e6;
}

.main section.producto {
    /*flexbox*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-end;
}
.main .empresa-nombre { font-weight: bold; font-size: 1.1rem;}

#box-consulta .modal-body {
    font: .8rem gotham_medium;
    /* flex-box */
    display: flex;
    flex-flow: column wrap;
}
#box-consulta .modal-body p,
#box-consulta .modal-body label,
#box-consulta .modal-body textarea {
    padding: 5px;
    /*width: 100%;*/
}
#appEmpresas .main {
    /*width: 100%;*/
    font-family: gotham_medium, gotham_regular, courier;
    font-size: 1rem;
    border: 2px solid #E0B104;
    border-radius: 25px;
    margin: 5px;
    padding: 0 30px 10px;
}
#appEmpresas .main div { width: 100%; }
.main .contenido {
        /*flexbox*/
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
    }
#appEmpresas .main ul.empresas-list { width: 100%; list-style: none; padding: 0;}
#appEmpresas .main ul.empresas-list>li { padding: 5px 0; 
border-bottom: 1px solid #6c972e;}
#appEmpresas .main ul>li {
    /*flexBox*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

#appEmpresas .main ul>li div.empresas-datos {
    /*flexBox*/
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
}
#appEmpresas .main ul>li img { width: 85px; max-height: 85px; margin-right: 10px; }
#appEmpresas .main ul>li div.empresas-datos a.empresa-nombre,
#appEmpresas .main ul>li div.empresas-datos a.empresa-nombre:hover,
#appEmpresas .main ul>li div.empresas-datos a.empresa-nombre:visited {
    text-decoration: none;
    color: black;
    cursor: pointer;
    min-height: 30px;
    font: 1.2rem gotham_bold;
}
#appEmpresas .main ul>li div.empresas-datos p.empresa-razonSocial {
    max-height:15px;
    padding: 5px 0; margin: 0;
    font: .8rem gotham_light;
}
.main .compartir {flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 5px 20px;}
.main .compartir span.empr-social a, 
.main .compartir span.empr-social a:visited { text-decoration: none; }
.main .empresa-datos div,
.main .compartir div,
.main .empresa-productos div { text-transform: uppercase; }
.main .empresa-productos a, .main .empresa-productos a:visited { color: black; }
.main .volver-atras {
    text-decoration: none;
    color: #f8f9e6;
    background-color: #E0B104;
    border: 1px solid #E0B104;
    margin: 20px;
    padding: 5px;
    border-radius: 25px;
    /*flexBox*/
    align-self: center;
}
.main .volver-atras:hover { color: #E0B104; background-color: #f8f9e6; }
@media screen and (max-width: 800px) {
    
}