@font-face {
    font-family: 'Heuristica Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Heuristica Regular'), url('Heuristica-Regular.woff') format('woff');
}


body {
    margin:0 0;
    font-family:Verdana;
    font-size:13px;
}
#page
{
    width:1000px; 
    height:auto;
    margin:0 auto;
}
#header
{
    width:1000px;
    height:375px;
    background-image:url('../images/header.jpg');
}
.wrapper
{
    overflow:hidden;
}

#content
{
    width:750px;
    height:auto;
    float:right;
    padding-bottom: 99999px;
    margin-bottom: -99999px;
}

#content1
{
    border:0;
    margin:0;
    padding:0;
}


#menu
{
    margin:0;
    padding:0;
    border:0;
}

#menu a
{
    color:black;
    padding-left:5px;
    padding-right:7px;
    font-weight:bold;
    font-size: 12px;
}

#menu a:hover, #menu a.active
{    
    color: black;
    background-color:#7e7e7d;
}
#menu .navbar-nav>li>a:hover, #menu .navbar-nav>li>a.active {
    color: #7e7e7d;
    background-color: transparent;
}
dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus
{
    text-decoration:none;color:#FAB800;background-color:#5A4A42
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus
{
    color:#FAB800;text-decoration:none;outline:0;background-color:#5A4A42
}

.navbar
{
    position: relative;
    min-height: 43px;
}

.navbar-default
{
    background-color: #ffc107;
    border-color: #ffc107;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background-color: #7e7e7d;
}

.dropdown-menu
{
    background-color: #cacaca;
    opacity:0.8;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

#footer1
{   
    padding-top:25px;
    background-color:#999999;
    color:#ffffff;
    min-height:100px;
    text-align:center;
    font-size: 15px;
}

#footer2
{      
    /*background-color:#292929;*/
    background-color: black;
    color:#fdfdfd;
    min-height:100px;
    font-size: 13px;
    font-weight:bold;
    padding: 1%;
    text-align:center;
}

.clearfix:after {
    display: block;
    font-size: 10px;
    /*content: "hola ";*/
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*estilos*/
h1{color:black; font-size:18px; text-transform:uppercase;} 
h2{font-size:16px;} 
.content{padding:10px; border:1px solid #DCDCDC; margin-bottom:20px; overflow:hidden;}
ul{list-style:none;}
ul li{text-align:justify; line-height:20px;}
.justify{text-align:justify;}
ul.objetivos li{padding:7px 0;}
.rojo{color:red;}
p{line-height:20px;}

.redes_sociales{height:100%; margin:0;}

/*.redes_sociales ul
{
    padding: 10px 2px;
    margin:0;
}*/

.redes_sociales li a
{
    padding:5px 0;
}

.redes_sociales li
{
    padding:0;
}

/*
.redes_sociales li a{float:left; height:100%; padding:25px 5px;}
*/

.logos li{float:left; margin-right:115px; margin-top:20px;}

.content-image p{float:left; width:250px; text-align:left;}
.content-image img{float:right; width:400px; padding-left:15px;}
.right{text-align:right;}
.row{margin-bottom:5px;}
.control-label{margin-top:6px; font-size: 14px; font-weight:500;}
a.btn {margin-top:15px;}
.help-block{color:Red;}
.clear{clear:both;}

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

.lblMsgError
{
    font-family:Verdana;
    font-size:8.5pt;
    color:Red;
    width:468px;
}
.txtVerdana7
{
    font-family:Verdana;
    Font-Size:7pt;
}
.divBtnMsg
{
    padding-left:0%; text-align:center;
}


.cajacafe
{
    background-color:#ffc107;
    margin:0;
}
.cajablanca1
{
    background-color:#ffffff;
    margin:0;
}

.cajablanca
{
    background-color:#ffffff;
    height:85px;
}

.heading1
{
    background-color: #ffffff;
    color: black;
    border-bottom:2px dotted black;
    font-weight: bold;
    font-size:15px;
    padding-left:0;
}

#menu
{
    display:flex
}

.anuncios
{
    text-align:center;
    border-bottom:none
}

.anuncios p
{
    text-align:left;
    font-weight:normal
}

.anuncios .nombre-evento,
.anuncios .nombre-empresa
{
    font-weight:bold;
    padding-top:10px;
}
.anuncios .nombre-evento a,
.anuncios .nombre-empresa a
{
    color:black;    
}

.anuncios .logo-evento-container
{
    height:200px;
    overflow:clip;
}

.anuncios .logo-oferta-container
{
    height:260px;
    overflow:clip;
}

.anuncios .texto-evento
{
    /*height:145px;*/
    overflow:hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    background:white;
    padding:0px 10px;
}

.anuncios .logo-evento
{
    /*max-height:100%;*/
    width:100%;
}

.anuncios .logo-empresa
{
    max-height:90px;
    padding: 2px 10px;
}

.anuncios .auspiciante-logo
{
    display:inline;
    max-height:20vh;
}

.footer-menu-ul > li
{
    display:inline-block;
}

footer a
{
    color:white
}

.footer-sup-row
{
    display:flex;
    justify-content:center
}

.footer-row,
#copyright
{
    max-width:1140px;
    width:100%;
}

#copyright
{
    margin-right:auto;
    margin-left:auto;
}

#carousel-eventos .carousel-control,
#carousel-ofertas .carousel-control
{
    background-image:none;
    /*background-color:red;*/
    opacity:1
}


#carousel-eventos .glyphicon-chevron-left,
#carousel-ofertas .glyphicon-chevron-left
{
    margin-left:0;
    left:0
}

#carousel-eventos .carousel-control,
#carousel-ofertas .carousel-control
{
    margin-left:0;    
    width:40px;
    color: #686a6f !important;
    height:90%;
}
#carousel-eventos .glyphicon-chevron-right::before,
#carousel-ofertas .glyphicon-chevron-right::before  {    
  vertical-align: text-bottom;
  
}
#carousel-eventos .glyphicon-chevron-right,
#carousel-ofertas .glyphicon-chevron-right
{
    margin-right:0;
    right:0;    
}
#carousel-eventos .glyphicon-chevron-left::before,
#carousel-ofertas .glyphicon-chevron-left::before{
    vertical-align: text-bottom;
}

#carousel-eventos .glyphicon-chevron-left,
#carousel-eventos .glyphicon-chevron-right,
#carousel-ofertas .glyphicon-chevron-left,
#carousel-ofertas .glyphicon-chevron-right
{
    width:40px;
    height:40px;
    background-color:white;
    border: 1px solid whitesmoke;    
    text-align:center;
}
.bg-gray {
    background:#E8E8E8;
}
#carousel-eventos .carousel-control,
#carousel-ofertas .carousel-control{
    display:none;
}
#carousel-eventos:hover .carousel-control,
#carousel-ofertas:hover .carousel-control{
    display:block;    
}


#carousel-eventos span.glyphicon:hover,
#carousel-ofertas span.glyphicon:hover
{
    background-color:black;
    color:white;
    border:none;
}

#copyright
{
    padding:10px;
}

.div-filtro
{
    margin: 0px auto;
}


.col-4
{
    width:33.33%
}

.col-8
{
    width:66.66%
}

img
{
    display: block;
    margin: auto;
}
.azul
{
    color:blue;
}

.backgroundcafe
{
    background-color:#5A4A42;
    color: #FAB900;
}

.panel-default > .panel-heading {
  color: #FAB900;
  border:0;
}

/*
.gris1 {
    background-color: #b1b1b1;
    color: #ffffff;
}
.gris2
{
    background-color: #8d8d8d;
    color: #ffffff;
}
.panel-heading-background3
{
    background-color: #585858;
    color: #ffffff;
}
.gris3
{
    background-color: #585858;
    color: #ffffff;
}
*/

.panel
{
    border:0;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}


.row .col-md-4{padding:0;}


.footer {
    margin:30px;
    font-size:x-small;
}
/*
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse
{
    float:right;
}
*/

#demo3 , #demo4
{
    padding:0px;
    /*padding-left:10px;*/
}

#demo3 li, #demo4 li
{
    font-size: 12px;
    /*background-color: #EAEAEA;*/
    margin-bottom: 10px;
    padding:5px; 
}

#demo3 a
{
    color: #999999;
}

#demo3 li
{
    background-color: #CCCCCC;
}


/*
#demo3 li:nth-child(2n+1)  
{
    background-color: #FFF4C6;
}  
     
#demo3 li:nth-child(2n)    
{
    background-color: #CCCCCC;
}
*/

.links
{
    border-bottom:1px solid #CCCCCC;
    padding-bottom:5px;
    margin-bottom:10px;
    font-weight:
}


#panel3 .pagination>li>a, .pagination>li>span
{/*
    color:#5A4A42;
    background-color: #fab900;
    border: 1px solid #ffc650;*/
    color: #999999;
    background-color: white;
    border: 1px solid #CCCCCC;
}

#panel3 .panel-footer {
  padding: 10px 15px;
  background-color: #F5F5F5;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}


#panel2 .panel-footer {
    background-color: #F5F5F5;
}

#panel2 .pagination>li>a, .pagination>li>span {
    color: #999999;
    background-color: white;
    border: 1px solid #CCCCCC;
}


/*.nav-tabs > li.active > a
.nav-tabs > li.active > a:hover, */
.nav-tabs > li.active > a:focus 
{
    color: black;
    background-color: #7e7e7d;
    border-width: 1px;
    border-style: solid;
    border-color: #DDD #DDD transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    cursor: default;
}

.nav-tabs > li > a
{
    /*color: #fff;
    background-color: #fab900;*/
    color: black;
    background-color: #ffc107;
}
.nav-tabs > li.active > a
{
     color: black;
    background-color: #7e7e7d;
}

.nav-tabs > li > a:hover
{
    /*color: #fff;
    background-color: #fab900;*/
    color: black;
    background-color: #cacaca;
    border-color:#7e7e7d;
}


.nav-tabs > li.active > a:hover
{
    /*color: #fff;
    background-color: #fab900;*/
    color: black;
    background-color: #7e7e7d;
    border-color: #7e7e7d;
    
}

.btn-amarillo{color:black;background-color:#ffc107;border-color:#ffc107}
.btn-amarillo:hover, .btn-amarillo:focus, .btn-amarillo:active { color: black; border-color: #7e7e7d; }
.btn-cafe{color:#5a4a42;background-color:#5A4A42;border-color:#5A4A42; font-size:small}

.btnmodal{
    color:#FAB900;background-color:#5A4A42;border-color:#5A4A42; font-size:small;
}

.btnmodal:hover
{
    color:#5A4A42;
    background-color:#FAB900;border-color:#FAB900;
}
.white {
    color:White;
}

.amarillo {
    color:#fab900;
}

#btnclose:hover
{
    color:#fab900;
}

/*AQUI MODIFIQUE LA CLASE DE BOOTSTRAP QUE ESTABA EN HIDDEN*/
.modal {
  overflow-y: visible !important;
}
.modal-open {
  overflow: visible;
}


.modalContent1
{
    background-color: #fff;
}

.modalDialog1
{
    width:437px;
}

.linkAmarillo
{
    margin-top:5px;
    text-decoration:none;
    color: #FAB900;
    font-size:12px;
}
.linkAmarillo:hover
{
    color: #fff;
    text-decoration:none;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  .space-15{ margin:15px 0; }


.heuristica_regular { font-family: 'Heuristica Regular';}

  .user{color: #FAB900; font-size:15px; font-family:'Heuristica Regular';}
  .ceproem{ font-family: 'Heuristica Regular'; font-size:50px;}
  .aCeproem{ text-decoration:none; color:White; }
  .aCeproem:hover{color:White;  text-decoration:none;}
.sin-padding{ padding:0;}
.space-top-10{margin-top:10px;}
 .error{color:Red;}
 .linkCafe{color:#5B4A42;  text-decoration:none;}
 .linkCafe:hover{color:#FAB900; text-decoration:none;}
 .legend{ font-family: 'Heuristica Regular'; font-style:italic; color:white; font-size:15px; margin-top:-15px; }
 .oferta{ margin:0 10px; padding:10px 0; display: flex; align-items: center; }
 .oferta:hover{ background-color:#eeeeee; cursor:pointer;}
 .carousel-caption{ background-color:rgba(60, 48, 48, 0.5); margin-top:50px; font-size:14px; bottom:-10px; }
 
 /*MODAL*/
 .modal-header{ background-color:#ffc107; color:black; border-bottom: 2px solid #7e7e7d; font-family:'Heuristica Regular'; font-size:24px; }
 .modal-header .close{ color:black; opacity: 1; }
 
 h3{color:#5a4a42; text-transform:uppercase; font-size: 14px; font-weight:normal; margin-top:5px;}
 
 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ cursor:default;}
 
 blockquote { border: 1px solid #EBEBEB; border-left: 5px solid #5a4a42; } 
 blockquote h2{ font-size:14px; color:#5a4a42; font-weight:600; }
 blockquote p, blockquote ol{ font-size:12px; font-weight:normal; }

 .asterisco{ color:Red; margin-top:8px;}

.tbl_reencuento_redes
{
    width:217px;
    text-align:center;
    margin-top:-50px;
}

.tbl_reencuento_redes td { padding:5px;}

.tbl-registros thead { background-color: #5B4A42; color:White; } 

#cTotal, #cSi, #cNo, #cTalVez, #cTotalE, #cSiE, #cNoE, #cTalVezE, .fonte { font-size: xx-large; }
#cTotalE, #cTotal {color:#F9B800; }
#cSiE, #cSi, #cSiA, #cSiD { font-size: xx-large; color:#52CD90; }
#cNoE, #cNo, #cNoA, #cNoD{ font-size: xx-large; color:#F9482C; }
#cTalVezE, #cTalVez,#cTalVezA, #cTalVezD { font-size: xx-large; color:#F9BB2C; }

div a, h3 a, li.links a{ cursor:pointer; }

#todasOfertas a.btn, #tblPostulantes a.btn, #todasOfertasNoVigentes a.btn, #tblVistas a.btn{margin-top:0; margin-bottom:5px;}

.badge a {
    color:white;
}
.badge:hover {background-color:#fab900;}

.popover{ text-align: left; }

#ins_aprobadas .btn-sm, #ins_pendientes .btn-sm, #ins_rechazadas .btn-sm, #ins_eliminados .btn-sm {
    padding: 3px 7px;
    font-size: 10px;
    line-height: 2.1;
}

#tbl_enclab_pendientes .btn-sm, #tbl_enclab_aprobados .btn-sm, #tbl_enclab_rechazados .btn-sm {
    padding: 3px 7px;
    font-size: 10px;
    line-height: 2.1;
}
#tbl_enclab_pendientes a.btn, #tbl_enclab_aprobados a.btn, #tbl_enclab_rechazados a.btn{margin-top:0; margin-bottom:5px;}

.loader-big {
    position: fixed;
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.loader-big img {
    top: 50%;
    left: 50%;
}

.nomargin-leftright {
    margin-left: 0;
    margin-right: 0;
}

.blanco, .blanco:hover, .blanco:focus {
    color: #ffffff;
}

.margintop8 {
    margin-top: 8px;
}

.GridPager a, .GridPager span {
    display: block;
    height: 19px;
    width: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #a1dcf2;
    color: #000;
    border: 1px solid #3ac0f2;
}

.GridPager thead>tr>th, .GridPager tbody>tr>th, .GridPager tfoot>tr>th, .GridPager thead>tr>td, .GridPager tbody>tr>td, .GridPager tfoot>tr>td {
    padding: 3px;
}

.evento { border:1px solid #E1E1E1; margin:0 10px; padding:10px 0; }

a#lnkArchivo.btn, a#lnkEvento.btn { margin-top:0 }

.convenio { border-bottom:1px solid #E1E1E1; margin:0 10px; padding:10px 0; }

.img-logo {
    width: 75px;
    border-radius: 10px;
}

#tbleventosadmin a.btn {
    margin-top: 0;
    margin-bottom: 5px;
}

.letra_36 { font-size:36px; }
.letra_24 { font-size:24px; }
.letra_13 { font-size:13px; }

@media (min-width: 992px)  {

.bt_sociales  {
    padding: 110px 0 0 0;
}

}
.footer-row ol li{
    color:white;
    text-align:left;
}
#tbl_postulaciones a.btn {margin-top:0;}

.navbar-nav {
    margin: 0;
}

.btn-azul{ color: #fff; background-color: #001C43; border-color: #001C43;}
.btn-azul:hover, .btn-azul:focus, .btn-azul:active { color: #F5b400; }

.mayor {
    color: gray;
    font-size: 12px;
}
.flex-filtros-bolsa {
    display:flex; justify-content: center; flex-wrap: wrap;
}
.flex.filtros-bolsa-upper{
    display: flex; align-items: center;
}
.texto_cargo{
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#tbleventos h2 > a{
    color:black;
    font-weight:500;
}
@media (min-width: 768px) {
    .navbar-nav > li {
        margin-right:20px;
    }
    
}

@media (max-width: 767px) {
    .navbar-nav > li {
        margin-right:0;
        text-align:left;
    }
    #menu .container-fluid{
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }
    .redes_sociales{
        text-align:center;
    }
    .item .col-md-3 {
        margin-bottom:2rem;
    }
    .flex-filtros-bolsa {
        justify-content: flex-start; 
        display:block;
    }
    .flex.filtros-bolsa-upper{
        align-items: inherit;
    }
    #carousel-eventos .carousel-control, #carousel-ofertas .carousel-control {
      display: block;
    }
}

.navbar-default .navbar-toggle {
  border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
  background-color: white;
}
.eventonoticia{
    font-weight:bold;
    font-size:1.5em;
    margin-top:2rem;
    margin-bottom:1rem;
    padding-top:10px;
}
.logo-oferta-container p{
    margin-bottom:0;
}
.imagen_oferta{
    height:90px;
}
.compartir-carrusel{
    padding-top:10px;
    /*background:white;*/
    padding-right: 10px;
    padding-bottom: 5px;
}
.fondo-blanco{
    background:white;
}
.cerrarsesion{
    height:auto;
    display:block;
    padding:10px;
}
#eventos {
    background: #E8E8E8;
    margin-bottom:20px;
    -webkit-box-shadow: 0px 11px 16px -6px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 11px 16px -6px rgba(0,0,0,0.15);
    box-shadow: 0px 11px 16px -6px rgba(0,0,0,0.15);
}
.seccion_carrusel{
    width: 96%;    
    padding: 20px;
    margin-left: 2%;
}
#ofertas{
    border-bottom:solid 1px gray;
    -webkit-box-shadow: 0px 11px 16px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 11px 16px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 11px 16px -6px rgba(0,0,0,0.75);
    margin-bottom:20px;
}
.logo-oferta-container p{
    padding:0 10px;
}
.logo-oferta-container{    
    border:solid #E8E8E8 1px;
}

.whatsapp-fixed-button {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #32ba46;
  position: fixed;
  bottom: 10%;
  right: 40px;
  z-index: 999;
  text-align: center;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  /*display: none;*/
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.whatsapp-fixed-button i {
  font-size: 18px;
  line-height: 45px;
  color: #fff;
  position: relative;
  z-index: 10;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.circle {
    z-index: 999;
   width: 45px;
  height: 45px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: fixed;
  bottom: 10%;
  right: 40px;
}

.circle::before, .circle::after {
  content:"";
  position:absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border: 10px solid #32ba46;
  border-radius:100%;
  animation: latido linear 1.5s infinite;
}

.circle::after {
  animation-delay: -3.5s;
}

@keyframes latido {
  0% { width:70px; height:70px; border:10px solid #E8E8E8; }
  100% { width:120px; height:120px; border:10px solid transparent; }
}