/* Custom style for dirind.com */

/* paleta cromatica dirind
DIRIND	paginas en general		 dirind #e1a94e cafe claro dirind_tema .css
DIE Electrica: 										die	#a31920	rojo sangre	die_tema.css
DI Iluminacion: 									 di	#245268 azul gris	di_tema.css
DAE Automatizacion y electronica: dae	#5f0f40 guinda	dae_tema.css
DIM Proveedores industriales: 		    dim	#228272	verde	dim_tema.css
o dim
DMM Indusstria metal mecanica y			dmm #616e6d	gris            dmm_tema.css
 metalurgia#616e6d	gris
DAP Alimentaria proveedores 			dag	#e36414 naranja fuerte	dap_tema.css
DAG Alimentaria empacadores 			dae	#fb8b24 naranja claro	dag_tema.css
DSI servicios industriales				dsi	#345227	verde hoja	dsi_tema.css
o profesionales

naranja: e55a00 pantone 021

//	temas cromaticos de cada directorio
$temas = array();
$temas['dirind'] = 'dirind_tema.css';
$temas['die'] =		 'die_tema.css';
$temas['di'] =      'di_tema.css';
$temas['dae'] =    'dae_tema.css';
$temas['dim'] =    'dim_tema.css';
$temas['dmm'] =    'dmm_tema.css';
$temas['dap'] =    'dap_tema.css';
$temas['dag'] =    'dag_tema.css';
$temas['dsi'] =    'dsi_tema.css';
$temas['general'] = 'morado.css';

*/

.blanca {
    color: #ffffff;
}

.naranja {
    color: #e55a00;
}

.verde {
    color: #006600;
}

/* color base de cada directorio */
.die {
    background-color: #a31920; /* rojo sangre */
}

.di, .dis {
    background-color: #245268; /* azul gris */
}

.dae, .daes {
    background-color: #5f0f40; /*  guinda */
}

.dim, .dims {
    background-color: #228272; /* verde */
}

.dmm, .dmms {
    background-color: #616e6d; /* gris */
}

.dap, .daps {
    background-color: #e36414; /* naranja fuerte */
}

.dag, .dags {
    background-color: #fb8b24; /* naranja claro */
}

.dsi, .dsis {
    background-color: #345227; /* verde hoja */
}

/* color del texto segun el directorio */
.color-die {
    color: #a31920; /* rojo sangre */
}

.color-di {
    color: #245268; /* azul gris */
}

.color-dae {
    color: #5f0f40; /*  guinda */
}

.color-dim {
    color: #228272; /* verde */
}

.color-dmm {
    color: #616e6d; /* gris */
}

.color-dap {
    color: #e36414; /* naranja fuerte */
}

.color-dag {
    color: #fb8b24; /* naranja claro */
}

.color-dsi {
    color: #345227; /* verde hoja */
}

/* otros */

/* .di h2, .die h2, .die h2, .dae h2, .dim h2, .dap h2, .dag h2, .dsi h2,	 */
.dhome h2,
.di, .die, .die, .dae, .dim, .dmm, .dap, .dag, .dsi {
    color: #ffffff !important;
    padding: 0px;
    margin: 0px;
}

.dis, .dies, .dies, .daes, .dims, .dmms, .daps, .dags, .dsis {
    color: #ffffff !important;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

/*
.di div, .die div, .die div, .dae div, .dim div, .dap div, .dag div, .dsi div	{
	vertical-align: middle;
	padding: .6em 1.2em .6em 1.2em;
	margin: 0px;
}
*/

/* generales */

h1 {
    font-size: 34px;
    margin-top: 0.4em;
}

a.blanca:link, a.blanca:visited {
    color: #ffffff;
}

a.blanca:focus {
    color: #EB7F37;
}

/* pagina home */
#home, #productos {
    background-color: #000000 !important; /* negro */
}


@media (min-width: 992px) {
    .fixedHeader .navbar-brand > img {
        height: 58px; /* 64 84 */
        width: auto;
    }
}

@media (min-width: 1025px) {
    .navbar > .container .navbar-brand {
        margin-left: 0;
        margin-top: 6px;
    }
}

.ddii {
    float: left;
    margin: 24px 0 0 18px;
    font-size: 24px;
    color: #000000;
    background: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}

.desde {
    float: left;
    margin: 34px 0 0 14px;
    font-size: 14px;
    color: #555;
    background: #ffffff;
}
/*
@media (max-width: 980px) {
    .ddii {
        float: left;
        padding: 0;
        font-size: 24px;
        color: #000000;
        background: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
    }

    .desde {
        float: left;
        margin: 0 0 0 14px;
        font-size: 14px;
        color: #555;
        background: #ffffff;
  }
}
*/
@media (min-width: 981px) {
    .ddii {
        float: left;
        padding: 0;
        font-size: 24px;
        color: #000000;
        background: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
    }

    .desde {
        float: left;
        padding:0;
        font-size: 14px;
        color: #555;
        background: #ffffff;
  }
}


a.portada .row {
    border: 1px solid transparent;
}

a.portada:hover .row {
    border: 2px solid #ffffff;
}

.desde {
    float: left;
    margin: 34px 0 0 14px;
    font-size: 14px;
    color: #555;
    background: #ffffff;
}

.nav {
    margin-top: 18px;
}

.buscar {
    background-color: #ffbf6b !important;
}

.flecha {
    max-height: 72px;
    padding: 0px 12px 6px 36px;
    margin: -12px 0 12px 0;
}

.black {
    background-color: #000000; /* negro */
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}

.escoja {
    color: #ffffff;
    text-transform: uppercase;
    padding: 24px 0px 0px 48px;
    font-size: 20px;
    text-align: center;
}

.dhome, .icono, .escoja {
    margin: 0px;
    height: 90px; /* 104 */
}

.nom a {
    vertical-align: middle !important;
    font-size: 30px;
    line-height: 36px !important;
    padding: 0.5em 0em 0em 0em;
    /*	vertical-align: middle; */
    display: block;
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
}

.desc a {
    line-height: 1.2 !important;

    /*	padding: 1em 1.2em 0em 1em; */
    padding: 1em 0em 0em 0em;
    display: block;
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
}

.icono a {
    display: block;
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
}

.dhome h2 a, .dhome p a {
    display: block;
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
    /*	 font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;  */
}

@media (max-width: 991px) {
    .icono {
        display: none !important;
    }
}


.img-responsivev { /* responsiva con el limite en el eje vertical, no horizontal */
    display: block;
    max-height: 100%;
    width: auto;
}

.img-responsive0 {
    display: block;
    max-height: 96px;
    width: auto;
    padding: .84em 1em 1em 1em;
}

@media (max-width: 768px) {
    .img-responsive0 {
        display: none;
    }

    .ddii {
        float: left;
        margin: 0;
        padding-top: 32px;
        font-size: 14px;
        color: #000000;
        background: #ffffff;
        /*	font-family: Arial, san-serif; */
        text-transform: uppercase;
        font-weight: 700;
    }

    .desde {
        display: none;
    }

    .dhome h2 {
        display: block;
        text-decoration: none;
        background-color: transparent;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
    }

    .dhome p {
        font-size: 12px;
        line-height: 1.2;
    }
}

/* nombre del visitante */
#vnombre {
    background: transparent;
    font-size: 0.8em;
    color: #46a6de;
    border: 0px solid #000;
    margin: 0px;
    padding: 1px;
}


/* header */
/* logotipo */
.navbar-brand1 > img {
    width: 72px;
    height: 72px;
    margin: -18px 0px;
}

.navbar-brand > img {
    width: 163px; /* 180 72px; */
    height: auto;
    margin: -18px 0px;
}

.header1 .navbar-nav > li a {
    /*	text-transform:uppercase;
        font-weight: 400;
    */
    line-height: 14px;
}

main {
    margin-top: 16px;
}

/* espacio entre el cuerpo de la pagina y el header */
@media (min-width: 768px) {
    main {
        margin-top: 64px;
    }
}

@media (min-width: 992px) {
    main {
        margin-top: 96px; /* 64px; */
    }
}

@media (min-width: 1200px) {
    main {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    main {
        margin-top: 4px;
    }
}

footer {
    color: #bbbbbb; /* 848789; eee; 777; */
    background: #111;
    border-top: 1px solid #111;
}

.footer1 {
    color: #bbbbbb; /* 848789; eee; 777; */
    background: #111;
    border-top: 1px solid #111;
    /*	padding-top: 18px; */
    margin-top: 0;
}

ul.quickMenu li a:hover {
    color: #bbbbbb; /* 555; */
    text-decoration: underline;
}

h2 {
    color: #46a6de;
}

h3 {
    color: #00617f;
}

/* /home */

.pinInfo h4 {
    color: #ffffff;
}

.exchica {
    font-size: 10px;
    font-weight: normal;
}

.chica {
    font-size: .7em;
    font-weight: normal;
}

.grande {
    font-size: 16px;
}

.alacabeza {
    vertical-align: top !important;
}

.alpie {
    vertical-align: baseline !important;
}

/* despliegue de clasificaciones */
h4 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.cla {
    font-size: .8em;
    line-height: 1 !important;
    padding: 0px;
    margin: 0px 0px 12px 0px;
}

.letras {
    font-size: .8em;
}

.clasifs .row .col-sm-3 {
    line-height: 1;
    padding-bottom: 1em;
}

.imagen-responsiva {
    /*  display: block; */
    height: auto;
    max-width: 100%;
}

/*
.imagen-responsivav {
  display: block;
  height: 100%;
  width: auto;
}
*/

.imagen-acotada {
/*
    display: block;
    max-height: 240px;
    width: auto;
*/
    width: 100%;
    height: auto;
}

/* breadcrumbs y tip */
.tip {
    font-size: 12px;
    color: #747678;
    margin-bottom: 6px;
}

/* paginas */

.flotar {
    float: right;
    width: 38%; /* width: 38%px; */
    margin: 0px;
    padding: 0em 0em 1.2em 1.2em;
    background-color: transparent;
}

.flotal {
    float: left;
    width: 38%; /* width: 38%px; */
    margin: 0px;
    padding: 0em 1.2em 1.2em 0em;
    background-color: transparent;
}

.destaca {
    background-color: #46a6de;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 6px;
}

.destaca2 {
    color: #ffffff;
    background-color: #6ba1c4;
    font-weight: bold;
    padding: 4px 6px;
}

/* buscador */
.etiqueta {
    display: inline-block;
    max-width: 100%;
    font-weight: bold;
}

.fbe, .fb_i, .fbkw {
    margin: .5em;
    border: 1px solid #efefef;
    padding: .5em .5em .5em 1em;
}

.bform-group {
    line-height: 1;
    /*
      height: 30px;
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px;
      margin-bottom: 15px;
    */
}

/* anuncios */
.anuncios {
    margin: 0px;
    padding: 0px;
    border: 1px solid #efefef;
}

/* directorios */
.pagination {
    margin: -6px 0 -4px 0;
    padding: 0;
}

ul.lista {
    font-size: .8em;
    line-height: 1.3em;
    margin-left: 0px;
}

.marco_ma {
    margin: 1em 0em 1em 0em;
    padding: 0.5em 1em 0.5em 1em;
    /*	border: 1px solid #a31920; */
    border-radius: 6px;
    overflow: hidden;
    /*	color: #a31920; */
    font-size: 1.2em;
    line-height: 1.2em;
}

.sep-lista {
    margin-top: 1em;
}

/* anuncios de lista de empresas */

.listado {
    margin: 0px;
}

.fija {
    display: none;
}

/*
.fija	{
	margin-top: 1.2em;
	padding: 0;
	position: relative;
    display: inline-block;
}
*/

.fija .row, .cerom {
    margin: 0px;
}

.an2 {
    padding: 0 3px 0 0;
}

.an3 {
    padding: 0 0 0 3px;
    text-align: center;
}

.par-chico {
    display: none;
}

.an6i, .an7d, .an8 {
    margin-bottom: 1em;
    /*	margin: 1em 0em 0em 0em; */
    padding: 0px 6px 0px 0px;
}

/*
.an7d	{
	margin: 1em 0em 0em 0em;
	padding: 0px 6px 0px 0px;
}

.an8	{
	margin: 1em 0em 0em 0em;
	padding: 0px 6px 0px 0px;
}
*/

/* las divisiones de los anuncios 6 y 7 cambian en 991 a renglones o columnas */
@media (min-width: 992px) {
    .fija {
        margin-top: 1.2em;
        padding: 0;
        position: relative; /* position: fixed;, absolute, static, relative; */
        display: inline-block;
    }

}

@media (max-width: 991px) {
    .fija {
        display: none;
    }

    .an3 .imagen-responsiva {
        width: 50%;
    }

    .par-chico {
        display: inline-block;
        width: 100%;
    }
}

/* listado de empresas */
.listotota {
    margin: 0.5em 0 0 0; /* 7em */
    padding: 0px 24px 12px 24px;
}

.tabla-botones {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.tabla-botones > tbody > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
 /*border-top: 1px solid transparent */
}

.listotota .ras {
    padding-left: 0;
    padding-right: 0;
}

.listotota .marco {
    margin: 1em 0em 1em 0em;
    padding: 0em 1em .5em 1em;
    border: 1px solid #e0e5e5; /* efefef; */
    border-radius: 12px;
    overflow: hidden;
}

.listotota .marco .nombre {
    font-size: 1.2em;
    color: #ffffff;
    padding: 0.2em 1em 0.2em 1em;
    margin: 0px;
}

/* en el estilo de cada industria
.titulo {
	background-color: #d62029;
	color: #ffffff;
}
*/

/* despliegue de un solo producto */
.superboton {
    margin: 2em -1em 0em -1em;
    padding-bottom: -10em;
}

.superboton .dir {
    padding-left: 0;
}

.superboton .ind {
    padding-top: .56em;
    padding-right: 0 !important;
    line-height: 24px; /* como h2 */
}

.btn-sm {
    padding: 0px 12px;
    font-size: 14px;
    border-radius: 50px;
    margin-top: -4px;
}

.superboton .listotota {
    margin-top: 1em !important;
}

.separador4 {
    margin-top: 1em;
    padding-top: 0.5em
}

/* productos */
.marco {
    margin: 1em 0em 1em 0em;
    padding: 0.5em 1em 0.5em 1em;
    border: 1px solid #e0e5e5; /* efefef; */
    border-radius: 12px;
    overflow: hidden;
}

/* division flotante a la derecha */
.flotar {
    float: right;
    width: 20%;
    margin: 0px;
    padding: 0px 0px 14px 14px;
    overflow: hidden;
    white-space: nowrap;
}

/* titulo; para empresas anunciantes; se define en el tema del directorio
.titulo {
	background-color: #46a6de;
}
*/

/* nombres de las empresas no anunciantes */
.titulo2 {
    background-color: #cccccc; /* 999999; */
}

.listotota .marco .prod {
    background-color: #efefef;
    padding: .5em 1em 0em 1em;
    margin: 0px;
    overflow: hidden;
}

/* listas de buscan y ofrecen empleos, tablas */
.tdid {
    width: 4em;
}

.tddate {
    width: 6em;
}

.tdlast {
    border-bottom: 1px solid #245268 !important;
}

/* divisiones de los anuncios, de 12, 8 4 y 2 columnas */
.imagen-ajustada {
    display: block;
    height: 100%;
    width: auto;
}

.an1 {
    padding: 0px 20px 0px 20px;
}

.an2i {
    padding: 0px 3px 0px 20px;
}

.an2d {
    padding: 0px 20px 0px 3px;
}

.borde {
    border: 1px solid #000000 !important;
    /*	height: 96px; */
    /*	max-height: 96px !important; */
    padding: 0px 0px 0px 20px;
    overflow: hidden;
}

.borde12 {
    border: 1px solid #000000 !important;
    height: 96px;
    /*	max-height: 96px !important; */
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.bordei {
    border: 1px solid #000000 !important;
    height: 96px;
    /*	max-height: 96px !important; */
    padding: 0px 6px 0px 0px;
    overflow: hidden;
}

.borded {
    border: 1px solid #000000 !important;
    height: 96px;
    /*	max-height: 96px !important; */
    padding: 0px 0px 0px 6px;
    overflow: hidden;
}

/* en help se usa el strong */
strong {
    font-weight: bold !important;
    color: #000000;
}

/* estilos de impresion */
@media print {
    .print {
        display: none !important;
    }
}

.btn-smallllll {
    padding: 0px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 6px;
    vertical-align: middle;
}

/* descripcion de las empresas */
/* raya esta al fondo del estilo de cada una */
.raya2 {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 12px;
}

/* estilos para monografias */
.centro {
    text-align: center;
}

.italica {
    font-style: italic;
}

.mayusculas {
    text-transform: uppercase;
}

.ni {
    font-weight: bold;
    font-style: italic;
}

/* lista bullets 1 */
ul.bullets1 {
    margin-top: 1em;
    list-style-type: disc;
}

ul.bullets2 {
    margin-top: 1em;
    list-style-type: circle;
}

ul.bullets3 {
    margin-top: 1em;
    list-style-type: square;
}

ul.nobullets {
    margin-top: 1em;
    list-style-type: none;
}

.fderecha {
    position: float;
    text-align: right;
    margin-left: 0.5em;
    padding: 0.5em;
}

.fizquierda {
    position: float;
    text-align: left;
    margin-right: 0.5em;
    padding: 0.5em;
}

/* main home */
.logo-home, .logo-light {
    height: 72px !important;
    width: 65px !important;
}

/* espacio entre el cuerpo de la pagina y el header */
@media (min-width: 768px) {
    main.home {
        margin-top: 48px; /* 64px; */
    }
}

@media (min-width: 992px) {
    main.home {
        margin-top: -12px; /* 64px; */
    }
}

@media (min-width: 1200px) {
    main.home {
        margin-top: -12px; /* 0 */
    }
}

@media (max-width: 767px) {
    main.home {
        margin-top: 4px;
    }
}

/* lema */
.lema {
    color: #000000 !important;
    font-size: 14px !important;
    font-style: italic !important;
}

.pb-1 {
    padding-bottom: 1rem;
}

.ml-auto {
    margin-left: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(255, 0, 0, 0.9);
    border-radius: 0.25rem;
    font-size: 1rem;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.card-title {
    font-weight: 700;
    font-family: "Montserrat", "Times New Roman", serif;
    color: #3C4858;
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
    padding: 10px 30px 10px 10px;
}

.mtop    {
    margin-top: 94px;
}