body {
  /*background: #EBECED;*/
  background: #ffffff;
  color: #333333; /*Gris oscuro*/
  font: 13px Arial;
  /*font-family: 'Philosopher', sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  line-height: 1.4;
  padding: 0px;
}

h1{ font-size:27px;}
h2{ font-size:25px;}
h3{ font-size:19px;}
h4{ font-size:17px;}
h5{ font-size:15px;}
h6{ font-size:13px;}


.derecha{
  text-align: right;
}
 
.header .header-container-front .country-flag {
    background-image: url("../img_web/anunciar/flags/spritesheet.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 210px auto;
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin-right: 5px;
    vertical-align: top;
    position: relative;
    margin-right: 0;
}

.header .header-container-front .sprite-AR{background-position:-32px -2px}
.header .header-container-front .sprite-AT{background-position:-62px -2px}
.header .header-container-front .sprite-BE{background-position:-142px -2px}
.header .header-container-front .sprite-BO{background-position:-122px -2px}
.header .header-container-front .sprite-BR{background-position:-152px -2px}
.header .header-container-front .sprite-CA{background-position:-2px -32px}
.header .header-container-front .sprite-CH{background-position:-32px -32px}
.header .header-container-front .sprite-CL{background-position:-62px -33px}
.header .header-container-front .sprite-CO{background-position:-92px -32px}
.header .header-container-front .sprite-COM{background-position:-245px -65px}
.header .header-container-front .sprite-CR{background-position:-152px -32px}
.header .header-container-front .sprite-DE{background-position:-2px -62px}
.header .header-container-front .sprite-DK{background-position:-32px -62px}
.header .header-container-front .sprite-DO{background-position:-62px -62px}
.header .header-container-front .sprite-EC{background-position:-92px -63px}
.header .header-container-front .sprite-ES{background-position:-122px -62px}
.header .header-container-front .sprite-FI{background-position:-152px -62px}
.header .header-container-front .sprite-FR{background-position:-2px -142px}
.header .header-container-front .sprite-GR{background-position:-65px -185px}
.header .header-container-front .sprite-GT{background-position:-62px -92px}
.header .header-container-front .sprite-HN{background-position:-92px -93px}
.header .header-container-front .sprite-IE{background-position:-245px -185px}
.header .header-container-front .sprite-IS{background-position:-305px -185px}
.header .header-container-front .sprite-IT{background-position:-5px -245px}
.header .header-container-front .sprite-LI{background-position:-65px -245px}
.header .header-container-front .sprite-MC{background-position:-125px -245px}
.header .header-container-front .sprite-MT{background-position:-185px -245px}
.header .header-container-front .sprite-MX{background-position:-122px -122px}
.header .header-container-front .sprite-NI{background-position:-152px -123px}
.header .header-container-front .sprite-NL{background-position:-5px -305px}
.header .header-container-front .sprite-NO{background-position:-65px -305px}
.header .header-container-front .sprite-PA{background-position:-62px -152px}
.header .header-container-front .sprite-PE{background-position:-92px -152px}
.header .header-container-front .sprite-PR{background-position:-122px -153px}
.header .header-container-front .sprite-PT{background-position:-152px -152px}
.header .header-container-front .sprite-PY{background-position:-182px -2px}
.header .header-container-front .sprite-SE{background-position:-182px -33px}
.header .header-container-front .sprite-SM{background-position:-365px -125px}
.header .header-container-front .sprite-SV{background-position:-182px -92px}
.header .header-container-front .sprite-GB,
.header .header-container-front .sprite-UK{background-position:-182px -122px}
.header .header-container-front .sprite-US{background-position:-182px -152px}
.header .header-container-front .sprite-UY{background-position:-2px -182px}
.header .header-container-front .sprite-VA{background-position:-65px -365px}
.header .header-container-front .sprite-VE{background-position:-62px -182px}

.header .header-container-front .dropdown-menu{
}

.header .menuflags{
  padding: 10px;
  min-width: max-content;
}

.header .menuflags ul {
    list-style: none;
}

.header .menuflags a {
    border-right: 0px solid #fff !important;
}

.header .menu-profile a {
    border-right: 0px solid #fff !important;
}


.label-form-search{
    margin-bottom: 0px;
}


.ocultar{
  display: none
}

/*
div.front-menu-left {
    overflow: scroll;
}
*/
.isStuck {
  width: 100%;
  position: fixed;
  top:65px;
  z-index: 20;
}

.pedir-donacion {
  background:  #ffcc00;
  padding: 10px;
  margin-bottom: 20px;
}

.text-info{
  text-align: justify;
  line-height:1.7 !important;
  font-size: 16px;
  color: #333333; /*Gris oscuro*/
}


.menu-iconos{
  padding-bottom: 20px;
}


/*CARRUSEL MAIN*/
.myCarouselMainDiv{
  border-bottom: 5px solid #f63;
}
.myCarouselMain{
  max-height:490px;
  min-height:97px
}
.myCarouselMain .text{
  background-color:rgba(0,0,0,0.6);
  width: 100%;
  color:#ffffff;
  position:absolute;
  left:0;
  bottom:0;
  line-height:1
}





/* INICIO DE GALERIA  */
.hide-bullets {
    list-style:none;
    margin-left:-40px;
}
#main_area .thumbnail {
    background: #000;
    min-height: 72px; /*si modifico este modifico el max-height de .img-auxiliar-galeria  */
    padding: 0;
}
#myCarousel-galery .carousel-inner>.item>img, #myCarousel-galery .carousel-inner>.item>a>img {
    width: 100%;
}
#myCarousel-galery .carousel-inner {
    min-height: 348px;
}
.img-auxiliar-galeria{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  max-height: 70px; /*si modifico este modifico el min-height de #main_area .thumbnail  */
}
.img-principal-galeria{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  max-height:348px
}
/* FIN DE GALERIA  */

.oculto {
  display:none;
}


/* INICIO MENU IZQUEIRDO OCULTO */
/* tab normal */
.nav > li > a{
    background-color: #eee;     /*fondo gris*/
    color: #D64101 !important;  /*letra naranja*/
}

/* INICIO MENU mis perfil login register */
.menu .nav > li > a{
    background-color: #fff;     /*fondo gris*/
    color: #D64101 !important;  /*letra naranja*/
}

/* tab hover */
.nav > li > a:hover {
    background-color: #eee;    /*fondo gris*/
    color: #D64101;            /*letra naranja*/
    font-weight: bold;
}
/*tab activo*/
.nav-stacked > li.active > a {
    background-color: #D64101;
    color: #fff !important; 
    font-weight: bold;
}
/*tab activo:hover*/
.nav-stacked > li.active > a:hover {
    background-color: #eee !important;    /*fondo gris*/
    color: #D64101 !important;            /*letra naranja*/
    font-weight: bold !important;
}


/*
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #ffcc00;
    font-weight: bold;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #ffcc00;
    font-weight: bold;
}
*/
/* FIN MENU IZQUEIRDO OCULTO */


.container {
   /* width: 85%;*/
}
.opacity{
  opacity:0.4; /* Opacidad 60% */
}
.tachar{text-decoration:line-through;}

.background-white{
    background-color: #fff;
}

#column-left-redes {
    background-color: #fff;
    float: left;
    position: fixed;
    height: 122px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 35px;
    top: 194px;
    z-index: 3;
}


/*Menu left front*/
#showLeftPushOpen{
  font-size: 26px;
}

#showLeftPushClose{
  font-size: 26px;
}
#column-left-mobile {
    background-color: #fff;
    border: 2px solid #d2d2d2;
    border-radius: 0 8px 8px 0;
    float: left;
    position: fixed;
    height: 35px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
    width: 35px;
    top: 160px;
    z-index: 1200;
}
/*Menu left front*/



/*filtros ciudades*/
#showFiltersPushOpen{
  font-size: 26px;
}

#showFiltersPushClose{
  font-size: 26px;
}

#column-filters-mobile {
    background-color: #fff;
    border: 2px solid #d2d2d2;
    border-radius: 0 8px 8px 0;
    float: left;
    position: fixed;
    height: 35px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
    width: 35px;
    top: 205px;
    z-index: 1200;
    left: 0px;
}
/*filtros ciudades*/


.whatsapp {
    padding: 1px;
    height: 30px;
    width: 30px;
    margin-right: 2px;
}

.info_accomodations {
  padding-top: 10px;
  padding-bottom: 10px;
}

.see-more-articles{
  background: #D64101 none repeat scroll 0 0;
  color: #fff !important;
  display: inline-block;
  margin-bottom: 50px;
  padding: 10px 30px;
  text-transform: uppercase;
}


.leer-featured{
  border: 2px solid #D2D2D2;
  border-radius: 1px 1px 1px 1px;  
  color: #333333;  
  font-size: 9px;
  padding-left: 2px;
  padding-right: 2px;
}

.leer-table-price{
  border: 2px solid #D2D2D2;
  border-radius: 1px 1px 1px 1px;  
  color: blue;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration-line: underline; 
}

.orders {
  height: 40px;
  background: #fff;
  border: 1px solid #D2D2D2;
  margin-top: 10px;
}
.orders-select {
   float: right;
   padding: 10px;
}

.filters {
  background: #fff;
  border: 1px solid #D2D2D2;
  margin-top: 10px;
}


.filters .filter-cities{
  margin-left: 10px;
}

.coordenadas{
  display: none; 
}
.coordenadas .mapa-coor {
  background:#D8D8D8;
}

.store-icon {
    float: left;
    position: relative;
    width: 30px;
    padding-right: 5px;
}

.textPromocion {
  color: #2E2EFE;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #FF0000;
    background-color: #FFcc00;
    border-color: #FF0000;
}
.btn-danger{
    color: #fff;
    background-color: #FF0000;
    border-color: #FF0000;
}


/*mapa google*/
#map-canvas{width:100%;min-height:400px}
#map-canvas label{width:auto !important;display:inline !important}
#map-canvas img{max-width:none !important}

#map-canvas-details{width:100%;min-height:200px}
#map-canvas-details label{width:auto !important;display:inline !important}
#map-canvas-details img{max-width:none !important}


.back-dark {
  background: #EBECED;
}

.center {
  text-align: center;
}

.center img {
  display:block;
  margin:auto;
}
.line{
  border-bottom: solid 1px #e6e6e6;
  margin-bottom: 7px;
  margin-top: 7px;
}


/*head*/
.navbar-fixed-top, .navbar-fixed-bottom {
    left: 0;
    position: relative;
    right: 0;
    z-index: 1030;
}


/* INICIO ARTICULOS MAIN (Backend) */
.articulos-main{
  background:#fff;
  border: 1px solid #dedede;/*gris claro Todos los bordes*/
  margin-bottom: 10px;
  text-transform:uppercase;
  padding-left: 0px;
  padding-right: 0px;
}
.articulos-main:hover{
  background:#fff;
  border:solid 1px rgba(245, 121, 33, 0.8);
  -moz-box-shadow: 0 0 6px 2px rgba(245, 121, 33, 0.8);
  -webkit-box-shadow: 0 0 6px 2px rgba(245, 121, 33, 0.8);
  box-shadow: 0 0 6px 2px rgba(245, 121, 33, 0.8);
}
.articulos-main .articulos-titulo-clasificado{
  color: #D64101;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
.articulos-main .articulos-see-more{
  /*float: right;*/
  /*padding: 10px;*/
  padding-bottom: 10px;
}

.articulos-main .info {
    padding-bottom: 10px;
    padding-top: 10px;
}
/* FIN ARTICULOS MAIN */



.agrandar img {
    transition: transform 0.3s ease-in-out;
}

.agrandar img:hover {
    transform: scale(2.2);
}




/* este estilo se aplica cuando se va a editar un anuncio*/
.img-auxiliar{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  margin-left: 10px;
  width:135px;
  height:95px
}
/* este estilo se aplica a la medalla del top 10*/
.medalla-certificado{
  width:50px;
  /*height:95px*/
}
/* este estilo se aplica caundo se va a editar un anuncio*/
.detail-image-main{
  max-width:450px;
  max-height:450px
}

.logo{
  max-width:270px;
}

.flag{
  max-width:45px !important;
}

.required{
  color: #FF0000;
  font-size:22px;
  font-weight: bold;  
}

.red{
  color: #FF0000;
}

.blue{
  color: #2E2EFE;
}

.green{
  color: #088A08;
}

.orange{
  color: #D64101;
}

.yellow{
  color: #ffcc00;
}

.silver{
  color: #CCCCCC;
}

.asd{
  background: #ffcc00;
}






/* INICIO INDEX */
.categories-list{
  background: #F5F5F5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #ff7f27;
    float: left;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.categories-list a {
    color: #ff7f27;
    display: block;
    padding: 6px 15px 6px 45px;
    white-space: nowrap;
}

.categories-list a:hover {
    background-color: #ff7f27;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 0 0 3px 0 #ccc;
    -moz-box-shadow: 0 0 3px 0 #ccc;
    box-shadow: 0 0 3px 0 #ccc;
    text-decoration: none;
}

.categories-list a.active {
    background-color: #ff7f27;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 0 0 3px 0 #ccc;
    -moz-box-shadow: 0 0 3px 0 #ccc;
    box-shadow: 0 0 3px 0 #ccc;
}
/* FIN INDEX */



.error{background-color:#b94a48;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:12px;color:#fff;-webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.25);-moz-text-shadow:0 -1px 0 rgba(0,0,0,0.25);-ms-text-shadow:0 -1px 0 rgba(0,0,0,0.25);-o-text-shadow:0 -1px 0 rgba(0,0,0,0.25);text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline}




/*inicio  login*/
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* Fin login */


/* Inicio bootstrap3 sobreescrito */
.btn-warning {
    background-color: #D64101;
    border-color: #eea236;
    color: #fff;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #D64101;
    border-color: #eea236;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}
.list-group-item a {
    border-color: #eea236;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}
.list-group-item.dark {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}
.input-dark{
  color: #000;
}

/* Fin bootstrap3 sobreescrito */


.img-galery-small  {
    padding-bottom: 5px;
}

.img-thumbnail{
  max-height:450px;
}





.small-circle {
    width: 38px;  /* Tamaño pequeño */
    height: 38px;
    object-fit: cover; /* Ajusta la imagen dentro del círculo */
}








/*INICIO DE ANUNCIOS CUADRADOS: SE USAN EN EL INDEX*/
.posts-cuadro .post {
    background: #ffffff; 
    border: 1px solid #e0e0e0; /* Bordes más suaves */
    border-radius: 8px; /* Bordes redondeados para un efecto más suave */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra más sutil y difusa */
    cursor: pointer;
    margin: 0 0 30px; /* Espaciado más generoso entre anuncios */
    height: 420px;
    transition: all 0.3s ease; /* Transición suave para los efectos de hover */
}

/* Efecto hover más elegante */
.post:hover {
    background: #fafafa; /* Color de fondo sutilmente más claro */
    border: 1px solid #f17c20; /* Color de borde más sofisticado (naranja cálido) */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* Sombra más fuerte y difusa */
    transform: translateY(-5px); /* Elevar ligeramente el anuncio */
}

/* Descripción con un estilo más claro */
.posts-cuadro .post .description {
    font-size: 14px;
    color: #555; /* Color de texto suave */
    text-transform: capitalize; /* Título o descripción con la primera letra en mayúscula */
    line-height: 1.5;
    margin-bottom: 15px;
}

/* Título del anuncio en mayúsculas, pero con un toque elegante */
.posts-cuadro .post .item-content .item-info .item-meta p.title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    letter-spacing: 1px; /* Espaciado entre letras para un look más limpio */
    text-transform: uppercase;
    margin: 0;
}

/* Imagen más estilizada con bordes redondeados */
.posts-cuadro .post .item-image {
    padding: 0;
    min-height: 180px;
    border-radius: 8px; /* Bordes redondeados para las imágenes */
    overflow: hidden; /* Para asegurar que las imágenes redondeadas no se desborden */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* Sombra sutil alrededor de la imagen */
}

.posts-cuadro .post .item-content .item-title h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    text-transform: capitalize; /* Título más sofisticado con la primera letra en mayúscula */
    letter-spacing: 0.5px; /* Pequeño espaciado entre letras */
}

/* Estilo del enlace de "leer más" */
.posts-cuadro .post .item-content .item-info .read-link a {
    background: #f17c20; /* Naranja cálido y sofisticado */
    color: #fff;
    display: inline-block;
    padding: 12px 20px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 25px; /* Bordes redondeados para un estilo más moderno */
    transition: background-color 0.3s ease; /* Transición suave en el hover */
}

.posts-cuadro .post .item-content .item-info .read-link a:hover {
    background-color: #e66a00; /* Un tono más oscuro del naranja para el hover */
}

/* Alineación de la información en el pie de página */
.posts-cuadro .post .item-content .item-info {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px;
    margin-bottom: 15px;
    text-align: left; /* Alineación más elegante */
}

/* Imagen dentro del post, asegurando que no se estire */
.posts-cuadro .post .item-image img {
    max-height: 180px;
    width: 100%;
    object-fit: cover; /* Asegura que la imagen mantenga su aspecto */
    border-radius: 8px; /* Bordes redondeados para las imágenes */
    display: block;
    margin: 0 auto;
}
/* FIN NORMAL. Cuadro */




/* INICIO DESTACADO. Cuadro */
.posts-cuadro .post.featured {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Sombra más suave para dar profundidad */
    margin: 0 0 30px; /* Espaciado más generoso */
    background: #ffec62; /* Fondo amarillo suave y atractivo */
    height: 420px; /* Aumento de la altura mínima para un mayor impacto */
    border-radius: 8px; /* Bordes redondeados para un toque más moderno */
    position: relative; /* Para posicionar de forma correcta el texto y el icono */
    transition: all 0.3s ease; /* Transición suave en hover */
}

/* Efecto hover del destacado */
.posts-cuadro .post.featured:hover {
    background: #ffdb4d; /* Fondo ligeramente más oscuro cuando se pasa el mouse */
    border: 1px solid #f17c20; /* Color de borde más sofisticado (naranja cálido) */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* Sombra más fuerte y difusa */
    transform: translateY(-5px); /* Levanta el cuadro un poco al hacer hover */
}

/* Estilo del texto "Destacado" en el título */
.posts-cuadro .post .item-content .item-title .featured-text {
    position: absolute;
    right: -20px; /* Ajuste para que se vea mejor en el contenedor */
    top: -35px;
    z-index: 1; /* Asegura que el texto siempre quede encima */
}

/* Estilo del triángulo que señala al texto destacado */
.posts-cuadro .post .item-content .item-title .featured-text .corner {
    border-bottom-width: 35px; /* Triángulo más grande */
    border-right: 18px solid #ffcc00; /* Color más brillante para un mayor contraste */
    border-top: 35px solid transparent;
    content: "";
    display: block;
    position: absolute;
    left: -18px;
    top: 0;
    width: 0;
}

/* Estilo del texto dentro de la caja destacada */
.posts-cuadro .post .item-content .item-title .featured-text span {
    background-color: #ffcc00;
    color: #333;
    display: inline-block;
    font-weight: 700; /* Mayor peso en la fuente para hacerlo más notorio */
    line-height: 1;
    margin-right: 30px; /* Espaciado a la derecha */
    padding: 10px 25px 10px 15px; /* Padding más generoso para un toque más elegante */
    text-transform: uppercase; /* Mayúsculas para mayor énfasis */
    border-radius: 25px; /* Bordes redondeados para suavizar el diseño */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
    transition: background-color 0.3s ease; /* Transición suave en hover */
}

/* Efecto hover en el texto "Destacado" */
.posts-cuadro .post .item-content .item-title .featured-text span:hover {
    background-color: #f17c20; /* Cambiar color de fondo cuando se pasa el mouse */
}

/* Estilo del icono dentro del cuadro de "Destacado" */
.posts-cuadro .post .item-content .item-title .featured-text .fa {
    background-color: #ffcc00;
    border-radius: 50%;
    color: #ffffff;
    font-size: 32px; /* Aumento de tamaño del icono para mayor visibilidad */
    padding: 8px;
    position: absolute;
    right: 0;
    top: -12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave alrededor del icono */
    transition: background-color 0.3s ease; /* Transición suave en hover */
}

/* Efecto hover en el icono de "Destacado" */
.posts-cuadro .post .item-content .item-title .featured-text .fa:hover {
    background-color: #f17c20; /* Cambiar color de fondo en hover */
}

/* Ajustes para el carrusel interno (si lo tienes dentro del post) */
.posts-cuadro .post .carousel-inner {
    min-height: 180px; /* Aumentar la altura mínima para adaptarse a un diseño más amplio */
    border-radius: 8px; /* Bordes redondeados para un diseño más elegante */
    overflow: hidden; /* Asegura que las imágenes del carrusel no se desborden */
}

/* FIN DESTACADO. Cuadro */

/* INICIO CERTIFICADO. Cuadro*/
.posts-cuadro .post .item-content .item-info .item-badge {
    bottom: -8px;
    left: -20px;
    position: absolute;
}
.posts-cuadro .post .item-content .item-info .item-badge .corner {
    border-bottom-width: 28px;
    border-left: 15px solid #337ab7;
    border-top: 28px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0;
}
.posts-cuadro .post .item-content .item-info .item-badge img {
    position: absolute;
    top: -20px;
    max-width: 50px;
}
.posts-cuadro .post .item-content .item-info .item-badge span {
    background-color: #337ab7;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    margin-left: 30px;
    padding: 3px 10px 5px 20px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
/* FIN CERTIFICADO. Cuadro*/


.posts-cuadro .post .item-content .item-info .item-meta p.title .fa {
    color: #D64101;
}
.posts-cuadro .post .item-content {
    padding-bottom: 10px;
    padding-top: 10px;
}
.posts-cuadro .post .item-content .item-title {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
    min-height: 90px;
}













/*INICIO DE ANUNCIOS RECTANGULO*/
.posts-rectangulo .post {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dedede;
    box-shadow: 0 2px 5px 0 rgba(222, 222, 222, 0.5);
    margin: 10px 0 10px;
}
.post:hover{
  background:#fff;
  border:solid 1px rgba(245, 121, 33, 0.8);
  -moz-box-shadow: 0 0 6px 2px rgba(245, 121, 33, 0.8);
  -webkit-box-shadow: 0 0 6px 2px rgba(245, 121, 33, 0.8);
  box-shadow: 0 0 6px 2px rgba(245, 121, 33, 0.8);
}
.posts-rectangulo .post .description{
    text-transform:lowercase;
}
.posts-rectangulo .post .item-content .item-info .item-meta p.title {
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.city{
  color: #333;
}
.posts-rectangulo .post .item-content .item-info .item-meta {
    border-right: 1px solid #f2f2f2;
}
.posts-rectangulo .post .item-image {
    padding: 0;
}
.posts-rectangulo .post .item-content .item-title h3 {
    color: #D64101;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 2px;
    text-transform:uppercase;
}
.posts-rectangulo .post .item-content .item-info .read-link a {
    background: #D64101 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 10px 35px;
    text-transform: uppercase;
    border-color: #D64101;
}
.posts-rectangulo .post .item-content .item-info .read-link {
    text-align: right;
}
.posts-rectangulo .post .item-content .item-info.last {
    border: medium none;
    margin: 0;
    padding: 0;
}
.posts-rectangulo .post .item-content .item-info {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.posts-rectangulo .post img {
  max-height: 159px;
  display:block;
  margin:auto;
}

.articulos-main img {
  max-height: 120px;
  display:block;
  margin:auto;
}



/* Inicio Destacado*/
.posts-rectangulo .post.featured {
    border-bottom: 2px solid #D64101;
    border-top: 2px solid #D64101;
    box-shadow: 0 5px 10px 0 #dedede;
    margin: 10px 0 15px;
    background: #ffec62;
}
.posts-rectangulo .post .item-content .item-title .featured-text {
    position: absolute;
    right: -50px;
    top: -10px;
}
.posts-rectangulo .post .item-content .item-title .featured-text .corner {
    border-bottom-width: 29px;
    border-right: 15px solid #ffcc00;
    border-top: 29px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -15px;
    position: absolute;
    top: 0;
    width: 0;
}
.posts-rectangulo .post .item-content .item-title .featured-text span {
    background-color: #ffcc00;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    margin-right: 25px;
    padding: 8px 14px 8px 2px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
.posts-rectangulo .post .item-content .item-title .featured-text .fa {
    background-color: #ffcc00;
    border-radius: 100px;
    color: #ffffff;
    font-size: 19px;
    padding: 5px;
    position: absolute;
    right: 9px;
    top: 0;
}

.posts-rectangulo .post .carousel-inner{
  height: 150px;
}
/* Fin Destacado*/




/* Inicio Certificado */
.posts-rectangulo .post .item-content .item-info .item-badge {
    position: absolute;
}
.posts-rectangulo .post .item-content .item-info .item-badge .corner {
    border-bottom-width: 28px;
    border-left: 15px solid #337ab7;
    border-top: 27px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -15px;
    top: 1;
    width: 0;
}
.posts-rectangulo .post .item-content .item-info .item-badge img {
    left: 23px;
    max-width: 27px;
    position: absolute;
    top: -10px;
}
.posts-rectangulo .post .item-content .item-info .item-badge span {
    background-color: #337ab7;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    margin-left: 30px;
    padding: 3px 10px 5px 20px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
/* Fin Certificado */


.posts-rectangulo .post .item-content .item-info .item-meta p.title .fa {
    color: #D64101;
}
.posts-rectangulo .post .item-content {
    padding-bottom: 10px;
    padding-top: 10px;
}
.posts-rectangulo .post .item-content .item-title {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
}

.page-title {
    margin: 0 0 8px;
    text-align: center;
    background: #fff;
    border: 1px solid #D2D2D2;
}

.page-title .line {
    background-color: #ffcc00;
    display: inline-block;
    height: 5px;
    width: 100px;
}

.page-content {
    margin: 0 0 8px;
    text-align: center;
    background: #fff;
    border: 1px solid #D2D2D2;
    padding: 20px;
    line-height:1.7 !important;
}

.page-content .line {
    background-color: #ffcc00;
    display: inline-block;
    height: 5px;
    width: 100px;
}


















/* estilos para carrusles de anunciar.co */
.featured-country img{
  max-height: 250px;
}
.featured-country .text{
  width: 100%;
  color:#ffffff;
  margin-top:10px;
  position:absolute;
  left:0;
  bottom:0;
  padding:0px 10px 5px 10px;
  background-color:rgba(0,0,0,0.6);
  line-height:1
}



/* estilos para carruseles de cada sitio en los index */
.carrusel-site img{
  max-height: 500px;
}

/* estilos para carruseles de cada sitio en los index */
.carrusel-site-row{
  padding-top: 20px;
}
.carrusel-site .text{
  width: 100%;
  color:#ffffff;
  margin-top:10px;
  position:absolute;
  left:0;
  bottom:0;
  padding:0px 10px 5px 10px;
  background-color:rgba(0,0,0,0.7);
  line-height:1
}




img {
    height: auto;
    max-width: 100%;
}
a:active,a:focus,a:hover{color:#ec971f;text-decoration:none;outline:0}

.home .header .header-container-front {
  background-color: #fff;
  color: #333 !important;  /*letra oscura roco cambiar el color x el ratio contraste*/
}
.home .header .header-container-front .search {
  /*padding: 5px 5px 5px 5px;*/
  border-style: double;
}






/* INICIO DE HEADER */
.header {
    background-position: center center;
    margin-bottom: 5px;
}

.header-imag {
    background: #fff;
    /*background-image: url("../img_web/anunciar/header.png");*/
    background-image: url("../img_web/anunciar/header-10.png");*/
    /*background-image: url("../img_web/anunciar/header-12.png");*/
    background-position: center center;
    font-size: 13px;
    margin: 0 auto 20px;
    max-width: 1920px;
    border-bottom: 5px solid #f63;
    min-height: 300px;
}


.header-global {
    background: #fff;
    background-image: url("../img_web/anunciar/stores/anunciar/headerglobal.png");
    background-position: center center;
    font-size: 13px;
    margin: 0 auto 20px;
    max-width: 1920px;
    border-bottom: 5px solid #f63;
    min-height: 300px;
}

.header-back {
    background-image: url("../img_web/anunciar/header.png");
    min-height: 0px;
}


.header .header-container-front .logo{float:left;width:250px}
.header .header-container-front .menu{float:right;margin-right:auto;margin-left:auto;position:relative}
.header .header-container-front .menu a{
  color:#D64101;
  float:left;
  display:block;font-weight:600;
  padding:15px 12px;border-right:1px solid #eeeeee
}
.header .header-container-front .menu a .fa{margin-left:5px}
.header .header-container-front .menu a:hover{color:#ffcc00}
.header .header-container-front .menu a.last{padding-right:0;border:none}



.header .header-container-front .menu .submenu{
  display:none;background:#D64101;position:absolute;
  top:40px;right:0;z-index:991;
  text-align:right;
  -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
  box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
  -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px
}
.header .header-container-front .menu .submenu a{
  display:block;float:none;text-shadow:none;color:#ffffff;
  font-weight:normal;border:none;padding:10p|x;line-height:1;
  border-bottom:1px solid rgba(255,255,255,0.2)
}
.header .header-container-front .menu .submenu a.last{padding-bottom:10px;border:none}
.header .header-container-front .menu .submenu a:hover{background-color:rgba(255,255,255,0.1)}
.header .header-container-front .menu .submenu.open{display:block}




.nav-justified > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    font-weight: 700;
    color: #777;
    text-align: center;
    background-color: #e5e5e5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e5e5e5));
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e5e5e5 100%);
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5', GradientType=0 );
    background-repeat: repeat-x;
    border-bottom: 1px solid #d5d5d5;
}





.header .header-container-front .search{float:right;margin-top:5px;margin-right:10px}
.header .header-container-front .search .input-search{position:relative}
.header .header-container-front .search .input-search input{
  border:none;
  padding:10px 40px 10px 10px;
  line-height:1;
  width:300px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px
}
.header .header-container-front .search .input-search button{
  border:none;position:absolute;
  top:0;right:0;text-align:center;padding:10px 15px;
  -webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;
  -moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;
  border-top-right-radius:2px;border-bottom-right-radius:2px
}






.header .title{padding:20px;text-align:center}
.header .title h2{
  color:#ffffff;margin:0 0 30px;
  font-size:45px;text-shadow:2px 2px 3px rgba(0,0,0,0.7)
}
.header .title a{
  display:inline-block;color:#ffffff;
  font-size:16px;background-color:#D64101;
  padding:10px 30px;text-transform:uppercase
}
.header .title a:hover{background-color:#ec971f;color:#ffffff}



















.search-form{
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px;
}

.headeroscuro {
  background-color: rgba(0, 0, 0, 0.4);
}

.header2 {
    background: #fff;
    background-image: url("../img_web/anunciar/header.png");
    /*background-image: url("../img_web/anunciar/header-10.png");*/
    /*background-image: url("../img_web/anunciar/header-12.png");*/
    background-position: center center;
    font-size: 13px;
    margin: 0 auto 20px;
    max-width: 1920px;
    border-bottom: 5px solid #f63;
}

.header2 .search-box{position:relative;padding-top: 25px;padding-bottom:5px;}
.header2 .search-box .search-form{width:700px;margin:0 auto}
.header2 .search-box .search-form h2{color:#ffffff;margin:0 0 30px;font-size:45px;text-shadow:2px 2px 3px rgba(0,0,0,0.7);text-align:center}
.header2 .search-box .search-form h1{color:#ffffff;margin:0 0 30px;font-size:45px;text-shadow:2px 2px 3px rgba(0,0,0,0.7);text-align:center}
.header2 .search-box .search-form .search-input{width:100%;position:relative}
.header2 .search-box .search-form .search-input input{
  width:100%;padding:15px 20px;height:50px;border:none;
  -moz-border-radius:2px;-webkit-border-radius:2px;
  border-radius:2px
}
.header2 .search-box .search-form .search-input button{
  background:#D64101;border:none;position:absolute;
  top:0;right:-2px;color:#ffffff;height:50px;
  cursor:pointer;width:70px;-webkit-border-top-right-radius:2px;
  -webkit-border-bottom-right-radius:2px;-moz-border-radius-topright:2px;
  -moz-border-radius-bottomright:2px;border-top-right-radius:2px;border-bottom-right-radius:2px
}
.header2 .search-box .search-form .search-input button .fa{font-size:18px}
.header2 .search-box .search-form .search-input button:hover{background-color:#ffcc00;text-shadow:2px 2px 3px rgba(0,0,0,0.6)}


.header.fixed .header-container-front{
  position:fixed;
  width:100%;
  left:0;
  top:0;
  /*background-color:rgba(0,0,0,0.8);*/
  padding:3px;
  z-index:101;
  margin:0
}
/* FIN DE HEADER */




















/* BOTON CREAR CLASIFICADO */
.myButtonGreen {
  -moz-box-shadow:inset 0px -8px 14px 0px #3dc21b;
  -webkit-box-shadow:inset 0px -8px 14px 0px #3dc21b;
  box-shadow:inset 0px -8px 14px 0px #3dc21b;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #127a2e), color-stop(1, #5cbf2a));
  background:-moz-linear-gradient(top, #127a2e 5%, #5cbf2a 100%);
  background:-webkit-linear-gradient(top, #127a2e 5%, #5cbf2a 100%);
  background:-o-linear-gradient(top, #127a2e 5%, #5cbf2a 100%);
  background:-ms-linear-gradient(top, #127a2e 5%, #5cbf2a 100%);
  background:linear-gradient(to bottom, #127a2e 5%, #5cbf2a 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#127a2e', endColorstr='#5cbf2a',GradientType=0);
  background-color:#127a2e;
  border:6px solid #18ab29;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  padding:10px 20px;
  text-decoration:none;
  text-shadow:2px 2px 0px #2f6627;
  margin-bottom: 10px;
}
.myButtonGreen:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #127a2e));
  background:-moz-linear-gradient(top, #5cbf2a 5%, #127a2e 100%);
  background:-webkit-linear-gradient(top, #5cbf2a 5%, #127a2e 100%);
  background:-o-linear-gradient(top, #5cbf2a 5%, #127a2e 100%);
  background:-ms-linear-gradient(top, #5cbf2a 5%, #127a2e 100%);
  background:linear-gradient(to bottom, #5cbf2a 5%, #127a2e 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#127a2e',GradientType=0);
  background-color:#5cbf2a;
}
.myButtonGreen:active {
  position:relative;
  top:1px;
}


/* BOTON DESTACAR ANUNCIO */
.myButtonDestacado {
  -moz-box-shadow:inset 0px -3px 7px 0px #f29c93;
  -webkit-box-shadow:inset 0px -3px 7px 0px #f29c93;
  box-shadow:inset 0px -3px 7px 0px #f29c93;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
  background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
  background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
  background-color:#fe1a00;
  border:5px solid #d83526;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  padding:8px;
  text-decoration:none;
  text-shadow:0px 1px 0px #b23e35;
  margin-bottom: 10px;
}
.myButtonDestacado:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
  background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
  background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
  background-color:#ce0100;
}
.myButtonDestacado:active {
  position:relative;
  top:1px;
}

/* BOTON COMPRAR ESPACIO */
.myButtonBuySpace {
  -moz-box-shadow:inset 0px -3px 7px 0px #f2cc00;
  -webkit-box-shadow:inset 0px -3px 7px 0px #f2cc00;
  box-shadow:inset 0px -3px 7px 0px #f2cc00;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fFDD00), color-stop(1, #ce0100));
  background:-moz-linear-gradient(top, #fFDD00 5%, #ce0100 100%);
  background:-webkit-linear-gradient(top, #fFDD00 5%, #ce0100 100%);
  background:-o-linear-gradient(top, #fFDD00 5%, #ce0100 100%);
  background:-ms-linear-gradient(top, #fFDD00 5%, #ce0100 100%);
  background:linear-gradient(to bottom, #fFDD00 5%, #ce0100 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fFDD00', endColorstr='#ce0100',GradientType=0);
  background-color:#fFDD00;
  border:5px solid #d83526;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  padding:10px 31px;
  text-decoration:none;
  text-shadow:0px 1px 0px #b23e35;
  margin-bottom: 10px;
}
.myButtonBuySpace:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fFDD00));
  background:-moz-linear-gradient(top, #ce0100 5%, #fFDD00 100%);
  background:-webkit-linear-gradient(top, #ce0100 5%, #fFDD00 100%);
  background:-o-linear-gradient(top, #ce0100 5%, #fFDD00 100%);
  background:-ms-linear-gradient(top, #ce0100 5%, #fFDD00 100%);
  background:linear-gradient(to bottom, #ce0100 5%, #fFDD00 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fFDD00',GradientType=0);
  background-color:#ce0100;
}
.myButtonBuySpace:active {
  position:relative;
  top:1px;
}

.deleteFilterState{
  cursor:pointer;
  text-decoration-line: underline; 
}

.tabladestacado  {border-collapse:collapse;border-spacing:0;}
.tabladestacado td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tabladestacado th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tabladestacado .tg-5sm1{background-color:#036400;vertical-align:top}
.tabladestacado .tg-yw4l{vertical-align:top}
.tabladestacado h2{color: #fff; font-weight: bold}
.tabladestacado h3{color: #D64101;font-weight: bold}
.tabladestacado .subrayado{color: #08298A;font-size:9px}





.carousel-control {
  width: 48px !important;
}




@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .show-big{
    display: none
  }
  .donar{
    margin: 20px;
    padding: 20px;
    font-size: 18px;
  }


  /* INICIO DESTACADO. Cuadro*/
  .posts-cuadro .post.featured {
    height: 450px;
  }

  .posts-cuadro .post {
    height: 450px;
  }


}

/* Small devices (tablets, 768px and up) @screen-sm-min */
@media (min-width: 768px) { 
  .show-small{
    display: none;
  }
}

@media only screen and (max-width: 1200px){
  .header .container{width:100%}
}
@media only screen and (max-width: 730px){
  .header2 .search-box .search-form{width:100%}
}