body{font-family: 'Open Sans', sans-serif;background-color: #F8F8F8;}
.yes-padding-bottom{padding-bottom:20px !important;}

/* ************************************************** */
/*              HEADER FROM WP                        */
/* ************************************************** */
.yes-margin-vertical {margin-top:5px !important; margin-bottom:0px !important;}

.ht-date {color: #999; font-size: 13px; line-height: 14px; font-weight: 400;}

.ht-social-share {display: inline-block; list-style: none; padding: 0; margin: 0;}
.ht-social-share span {color: #999; font-size: 13px; line-height: 14px; font-weight: 400;}
.ht-social-share li {display: inline-block;}
.ht-social-share li a {display: inline-block; color: #28913e; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.ht-social-share li a:hover {color: #fece0b; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.ht-search .btn-search {display: block; float: left; width: 15%; margin: 0 2.5% 0 0; border-radius: 0; background: transparent; border: 0; color: #28913E; padding: 3px 0;-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.ht-search .btn-search:hover {color: #f3bb38; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.ht-search input {display: block; float: left; width: 82.5%;font-size:13px; font-style:italic;line-height: 14px; padding: 5px 2px 0 2px; color: #999; font-weight: 400; border:0; box-shadow: none;}

.btn-home {display: block; float: right; margin: 0 0 0 10px; padding: 7px 10px; color: #636363; background: #fff; height:35px; border: solid 1px #636363; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-home i {display: block; float: left; color: #636363; margin: 0; font-size: 14px; line-height: 21px;}
.btn-home:hover {color: #fff; border:solid 1px #ccc; background: #ccc; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-home:hover i {color: #fff;}

.btn-login {display: block; float: right; margin: 0 0 0 10px; padding: 7px 10px; color: #fff; height:35px; background: #28913e; border: solid 1px #28913e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-login i {display: block; float: left; color: #fff; margin: 0 3px; font-size: 20px; line-height: 21px;}
.btn-login span {display: block; float: left; color: #fff;text-transform: uppercase; font-size: 12px; font-weight: 400; margin:0;}
.btn-login:hover {color: #28913e; border:solid 1px #28913e; background: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-login:hover i,
.btn-login:hover span {color: #28913e;}

.hb-btn-vivo {display: block; float: right; margin: 0;}
.hb-btn-vivo span {color: #fff; background: #f42f21; padding: 0 15px; text-transform: uppercase; display: block; float: left; font-size: 16px; line-height: 35px; font-weight: 600; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.hb-btn-vivo span:hover {background: #000; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear}

.btn-remates {font-weight: 600;background: #7092bf;color: white;border-radius: 0px;/*width: 85px;*/padding: 6px 8px;text-align: right;float: right;right: 0;line-height: 22px;margin-left: 5px;font-weight: 600;}


/*-------------NAVBAR--------------*/

.top-nav .navbar{background:#fff;}
.navbar {background-color: #28913e; border: none; height: auto}
.navbar-collapse { padding-left: 0; }
.navbar-nav { /*margin-top:30px;*/ }
.navbar-nav> li:first-child { margin-left: -15px;}
.navbar-nav .logo { /*margin-top:-20px; margin-right: 10px;*/ }
.navbar .navbar-nav li a {color:#fff; /*padding: 10px 6px;*/}
/* .navbar .navbar-nav li:first-child a {padding-left: 0px;} */
.navbar .navbar-nav li a:hover{background:#fff; color:#444545;}
ul.dropdown-menu li a{color:#444545 !important;}
ul.dropdown-menu li a:hover{color:#fff !important; background: #f3bb38 !important;}
.navbar-right{font-weight:600;}
.navbar-right i{/*color:#f3bb38;*/ margin-right:8px; font-size:18px;}

.navbar-right button.link_remates.btn.navbar-btn {background: #7092bf;color:#fff; font-weight:700; border-radius:0px;  margin-left:8px;}
.navbar-right button.link_remates.btn.navbar-btn:hover{color:#444545;}

.navbar-right button.registrarse.btn.navbar-btn {
  background: #f3bb38;
  color:#fff; 
  font-weight:700; 
  border-radius:0px;
  border: 2px solid #f3bb38;
}
.navbar-right button.registrarse.btn.navbar-btn:hover{background: #fff;color:#444545;}
.navbar-right button.ingresar.btn.navbar-btn {background: #28913e;color:#fff; font-weight:700; border-radius:0px;border: solid 1px #fff;}
.navbar-right button.ingresar.btn.navbar-btn:hover{background: #fff;color:#28913e;}
.navbar-right button.salir.btn.navbar-btn {background: #444545;color:#fff; font-weight:700; border-radius:0px;}
.navbar-right button.salir.btn.navbar-btn:hover{background: #fff;color:#444545;}

.navbar-toggle{background:#fff;}
.navbar-toggle .icon-bar{background:#f3bb38;}
.nav>li>a:focus, .nav>li>a:hover{background:#fff; color:#444545;}
/*-------------END NAVBAR--------------*/

/*-------------SLIDER--------------*/

.carousel-control{
	width:5%;
	background-image:none !important;
	/* top: 43% !important; */
	color: #474747 !important;
	text-shadow: 0 0px 0px rgb(0 0 0) !important;
    opacity: 1 !important;
}
.carousel-control:hover{
	color: #000 !important;
}

.carousel-control.right{right:-50px;}
.carousel-control.left{left:-50px;}
.carousel-inner{width: auto !important;}
.slider .info-slide{background-color: rgba(6, 4, 7, 0.58); position: absolute;width: 100%; bottom: 0; padding:15px 20px;}
.slider figure{position: relative; max-height:310px; width:100%; height: 310px;}
.slider figure img{min-width:100%; height:auto; height: 310px;
  object-fit: cover;}
.slider .info-slide img{float:left; margin-right:15px; margin-bottom:45px; margin-top:10px; margin-left:15px;}
.slider .info-slide p{color:#fff; margin-top:10px;}
.slider .info-slide h4 {font-family: 'Roboto Slab', serif; color:#fff; font-size:26px;line-height: 23px;}
.slider .info-slide span{font-size:20px;font-family: 'Roboto Slab', serif;}
.slider .derecha {padding-left:0px !important;}
.slider .izquierda {border: solid 2px #e3e3e3;padding:15px 20px;height:310px!important;}
.slider .izquierda p{color:#3f3f3f; font-size:12px;}
.slider .izquierda a{text-decoration-color: #28913e;}
.slider .izquierda h4{font-size:15px; color: #3f3f3f;}
.slider .izquierda h2{font-size:34px; color: #3c3c3c; font-weight:600; }
.slider .izquierda h3{font-family: roboto slab,serif;font-size:21px; color: #28913e; font-weight:600;  margin:10px 0 20px 0;}
button.ver-remate.btn{width: 100%;background: #28913e;color:#fff; border-radius:0px; font-size:13px;font-weight:700; margin:25px 0 15px 0; }
button.ver-remate.btn i{margin-right:5px;}
button.ver-remate.btn:hover{background: #fff;color:#28913e;}
button.lotes.btn{background: #f3bb38;color:#fff; border-radius:0px; font-size:13px;font-weight:700; margin:10px 0px; }
button.lotes.btn i{margin-right:5px;}
button.lotes.btn:hover{background: #fff;color:#444545;}
.izquierda span{top: 2px !important;}
a.link_preoferta_slider{color:#28913e;}
a.link_preoferta_slider:hover{color:#f3bb38;}

.con-preoferta-icon{max-height: 17px;}
/*-------------END SLIDER--------------*/

/*-------------COMO FUNCIONA--------------*/


.funcionamiento{padding:40px 0px 60px 0;}
.funcionamiento h3{color:#444545; font-family: 'Roboto Slab', serif; text-align:center; font-size:28px; font-weight:700; }
.funcionamiento p{color:#444545;font-size:16px; text-align:center;}
.row.iconos{margin-top:40px; text-align:center;}
.row.iconos .linea{border-right:2px solid #e1e1e1;}
.row.iconos h1{color:#f3bb38; font-family: 'Roboto Slab', serif; font-size:36px;font-weight:700;}
.verde{color:#008a38 !important;}
.azul{color:#2e69a9 !important;}
.row.iconos p{color:#444545; font-size:16px; font-weight:700; font-family: 'Roboto Slab', serif; text-align:left;}
.row.iconos ul{list-style:none; margin:0px; margin-top:10px;}
.row.iconos ul li{display:inline-block; margin-right:10px;}
.titulo_remate.funcion img{width:50px;}
.amarillo {color:#f3bb38;}

/*-------------END COMO FUNCIONA--------------*/

/*-------------END BOXES--------------*/

.box1{background: #e4a316; color:#fff; padding:20px 15px 34px 15px;}
.box1 a{color:#fff; font-weight:700;}
.box1 a:hover{color: #444545; text-decoration:none;}
.box2{background: #597897; color:#fff; padding:20px 15px 34px 15px;}
.box3{background: #45af4a; color:#fff; padding:20px 15px 34px 15px;}
.box4{background: #28913e; color:#fff; padding:20px 15px 20px 15px;}
.boxes h3 {font-family: 'Roboto Slab', serif; margin-top:5px;}
.boxes img{float:left; margin-right:15px; margin-bottom:60px;}


/*-------------END BOXES--------------*/

/*-------------FOOTER--------------*/

.info-empresa{background:#f3bb38; color:#fff; padding:15px 0px;}
.info-empresa a{color:#fff;}
.info-empresa a:hover{text-decoration:none; color:#434343;}
footer p{font-size:13px;}
footer p.qk{float:left; margin:10px 5px 0 0;}
.copyright {background:#fff; padding:15px 0; color:#434343; font-size:13px;}
.bg_last{background:url('../images/bg_last.png') no-repeat 0 0; background-size:cover;}
.oferta_actual{background:url('../images/oferta_bg.png') no-repeat 0 0;background-size:cover; padding:30px 15px; text-align:center;}
.oferta_actual h4{color:#fff;text-transform:uppercase; font-weight:bold;margin-bottom:15px; margin-top:0px;}
.oferta_actual h3{background:#fff; padding:10px; font-family: 'Open Sans', sans-serif !important; font-weight:bold !important;}
.botones{padding:25px 0px;}
.botones img{width:100%; height:auto; margin-bottom:15px;}

/*-------------END FOOTER--------------*/

/*-------------MARTILLEROS--------------*/

.activo_1 td{padding:30px 0px 30px 15px !important;}
.activo_1 td.activo_nombre{color:#434343;font-size:22px;font-weight:600;}
.activo_1 td.activo_nombre img{margin-right:15px; margin-bottom:0px !important;}
.activo_1 td.activo_oferta p{color:#28913e; float:left;font-weight:bold; font-size:22px;}
button.acept_oferta.btn.navbar-btn{float:right; margin:0px; background:#28913e; color:#fff; font-weight:bold; border-radius:0px;}
button.acept_oferta.btn.navbar-btn:hover{background:#f3bb38;}
.info-lote {padding:15px 0px;}
.numero_lote{color:#28913e; font-weight:bold;font-size:16px;}

/*----------END MARTILLEROS------------*/

/*-------------REMATES--------------*/
.tab-remate-lote.btn {color:#fff; background:#f3bb38;font-weight:bold; border-radius:0px; margin-right:5px; padding:6px 15px;}
.tab-remate-lote.btn:hover, .tab-remate-lote.btn:active, .tab-remate-lote.btn:focus{background:#28913e;}
.tab-remate-lote.btn.active{background:#28913e;}
.remates{padding:10px 0px 40px 0;}
.remates i{color:#7b7b7b; margin-right:10px;}
.remates i:hover{color:#75c479;}
.remates i:active{color:#e4a316;}
.titulo_remate, .titulo_remate_borde{padding:15px 0px; margin-bottom:10px;}
.titulo_remate h3, .titulo_remate_borde h3 {font-family: 'Roboto Slab', serif;color:#444545; font-weight:700; margin:0px;}
.titulo_remate img, .titulo_remate_borde img{float: left; margin-right: 10px;}
.titulo_remate_borde{border-bottom:2px solid #28913e;}
.bg{background: #45af4a; color:#fff;}
.table>thead>tr>th{border-bottom:0px;}
.bg2{background:#e7f6e8;}
.bg3{background:#597897; color:#fff;}
.bg4{background:#efefef;}
.bg6{background:#e3e1e2;}
.sidebar{margin-top:55px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px;}
.box-remate {background-color: #fff;padding:20px; margin-top:8%; border:1px solid #ccc;}
.box-remate h3 a { font-size: 0.85em; color:#333;}
.box-remate span { font-size: 1em; color:#999;}
.box-remate h4 { font-size: 1em; color:#28913e; display: inline-block;}
.box-remate p { font-size: 0.9em; color:#999; display: inline;}
.box-remate hr {margin:10px;} 
/*------sidebar boxes------*/

.box1-sidebar img{float:left; margin-bottom:15px; margin-right:10px;}
.box1-sidebar h3 {font-family: 'Roboto Slab', serif; margin:0px;}
.box2-sidebar img{float:right; margin-bottom:15px; margin-left:10px;}
.box2-sidebar h3 {font-family: 'Roboto Slab', serif; margin:0px;}
.box1-sidebar{background: #e4a316; color:#fff; padding:20px 15px;}
.box1-sidebar a{color:#fff; font-weight:700;}
.box1-sidebar a:hover{color: #444545; text-decoration:none;}
.box2-sidebar{background: #597897; color:#fff; padding:20px 15px;}
.sidebar a:hover {text-decoration:none;}
.box3-sidebar img{float:left; margin-bottom:15px; margin-right:10px;}
.box3-sidebar h3 {font-family: 'Roboto Slab', serif; margin:0px;}
.box3-sidebar{background: #45af4a; color:#fff; padding:20px 15px;}



/*-------------END REMATES--------------*/

/*-------------FICHA LOTE--------------*/
.ficha-remate{padding:0px 0px 30px 0;}
/*.ficha-remate img{float:left; margin-right: 10px;}*/
/* .ficha-remate img{margin: 30px;} */
.ficha-remate h1 { font-size: 3.7em; color:#444; font-weight: 600}
.ficha-remate h3 { font-size: 2em;color:#666; font-weight: 600;}
.ficha-remate h4 { margin-top:18px;font-size: 1.1em; color:#888; line-height: 25px;}
.boton.con-lote {text-align: right;}
.boton.con-lote p.ubi{float:none;}
.boton.con-lote button.descargar.btn.navbar-btn{margin-top:0px;}
.boton i.fa.fa-heart {font-size:30px;color: #f3bb38; margin-right: 10px; margin-top:10px;}
.boton p{color:#454545; font-size:16px;}
button.descargar.btn.navbar-btn{background:#767676; color:#fff; font-weight:600;}
button.descargar.btn.navbar-btn:hover{background:#e4a316; color:#fff;}
button.descargar.btn.navbar-btn i{margin-right:8px;}
.bg5{background: #767676; font-weight:700; color:#fff; font-size:20px;}
body > section > div > div.campos-ganados > div > table:nth-child(1){margin-bottom:0px; margin-top:30px;}
.table-responsive{border:0px;}
body > section > div > div.campos-ganados > div > table:nth-child(2){border:0px;}
.box-lote {background-color: #fff;padding:20px; margin-top:8%; border:1px solid #ccc;}
.box-lote .card-image { position: relative; margin: 20px 0 10px 0;}
.box-lote .card-label { position: absolute;top: 0;right: 0;}
.box-lote h3 a { font-size: 0.9em; color:#000;}
.box-lote span { font-size: 1em; color:#999;}
.box-lote h4 { font-size: 1.2em; color:#28913e; }
.box-lote p { font-size: 0.9em; color:#999; }
.box-lote .txt p { color:#000; }
.box-lote hr {margin:10px;} 
/*-------------END FICHA LOTE--------------*/


/*-------------DETALLE REMATE--------------*/

.detalle-remate{padding:10px 0px 40px 0;}
.lote i{font-size:30px;color: #f3bb38; margin-right: 10px; float:left; margin-top:10px;}
.detalle-remate img{float:left; margin-right: 10px;}
.detalle-remate h3{font-family: 'Roboto Slab', serif;color: #444545;font-weight: 700;margin: 0 0 15px 0;}
.numero-lote h4{padding:8px 15px; background:#45af4a; color:#fff; font-weight:600; float:left;}
.numero-lote {text-align:right;}
.numero-lote h5{color: #444545; font-size:16px; font-weight:600;float:right;}
.numero-lote i.fa.fa-heart{font-size:30px;color: #f3bb38; margin-right: 10px;}
.numero-lote h4.numero {padding:7px 15px; background:#fff; color:#454545; font-weight:600; float:left; border:1px solid #45af4a; margin-right:15px;}
p.ubi{float:right;}
.ubicacion{clear:both;}
.ubicacion h4{color:#fff; background: #45af4a; padding:10px; margin-bottom:0px;}
.row.time{background: url(../images/timer.png) no-repeat 0 0; background-size:cover; margin-left:0px;    min-height: 55px;}
.row.time p{color:#fff;font-weight:600; margin-bottom: 5px;}
.row.time h4{color:#fff;font-weight:700; font-size:34px;}
.row.time .col-lg-4{text-align:center;}
.realiza-oferta{margin-top:15px;}
.realiza-oferta p, .realiza-oferta h3 span {font-size:18px; font-weight:700;color:#acacac;}
.realiza-oferta h3{font-size:30px;font-family: 'Roboto', serif; margin-top:0px;}
.realiza-oferta h3 a{color:#767676;}
.realiza-oferta h3 a:hover, .realiza-oferta h3 a:focus, .realiza-oferta h3 a:active{color:#45af4a; text-decoration:none;}
.realiza-oferta.vivo-conlote h3 {margin-bottom:15px; text-align:center;}
.realiza-oferta i{font-size:30px; margin-right:5px; color:#45af4a;}
.fav {padding:10px 0 0 0;}
.video.conlote{margin-top:15px;}
.video{margin-top:10px;}
.video i{font-size:20px; color:#fff; background:#767676; padding:12px 10px; float:left;}
.video h3{margin:0px; padding:8px 10px;color:#fff; background: #cacaca; overflow:hidden; text-align:center; font-size:13px;font-weight:600;}
.video a:hover{text-decoration:none !important;}
.remate-titulo{margin: 40px 0px;}
.remate-titulo img{float:left; margin-right:10px;}
.remate-titulo.p{margin: 0px 0px 15px 0px;}
.remate-titulo.p h2 {margin-top:0px;}
.remate-titulo h2 {font-size:20px; font-weight:700; font-family: 'Roboto Slab', serif;}
.remate-titulo h2 span{font-size:24px; color:#28913e;}
.categoria-info h4{font-weight:700; color:#28913e; border-bottom:1px solid #ccc; padding-bottom:10px;}
.info.p{padding-bottom:40px;}
.info-remate {background-color: #fff; padding: 10px 20px 20px 20px;margin-top: 10px; border: 1px solid #ccc;}
.info-remate h3{font-size: 1.3em;color: #28913e;}
.info-remate h4{font-size: 1.7em;color: #000;}
.info-remate h4 .vendido{font-size: 0.8em;color: green}
.info-remate h4 .ofertado{font-size: 0.8em;color: red}
.info-remate h5{font-size: 1em;color: #000;margin:20px 0 0 0;}
.info-remate h5 p{line-height:20px;}
.info-remate h6{ text-transform: uppercase; letter-spacing: 1px;font-weight: 400;}
.info-remate img{ max-width: 100%; height: auto;}
.infolote .lote {float:right;}
.perfil.vivo-conlote{margin-bottom:15px;}
.perfil {background: #45af4a ; color:#fff; padding:15px 15px 30px 15px; margin:0px 0px 30px 0;}
.perfil img {float:left; margin-right:15px;}
.perfil a {color:#fff;}
.perfil a:hover{text-decoration:none; color:#454545;}
section.remate-vivo.hidden-lg.hidden-md{margin-bottom:20px;}
button.descargar-lote.btn.navbar-btn{background:#767676; color:#fff; font-weight:600; padding: 6px 32px;}
button.descargar-lote.btn.navbar-btn:hover{background:#e4a316; color:#fff;}
button.descargar-lote.btn.navbar-btn i{margin-right:8px;}
/*rotador*/

/*
.bx-wrapper {margin-bottom: 5px !important;}
.bx-viewport{height:500px;}
#bx-pager a img { width: 24.5%; margin: 0px 0px 20px 0px; height:115px; object-fit:cover;}
ul.bxslider{padding-left:0px !important;}
ul.bxslider img {padding: 0px; margin: 0px; width: 100%; height:500px; object-fit:cover;}
ul.bxslider li{display:inline-block;}
*/
.bxslider-wrap { visibility: hidden; }

.info-remate .card-image { position: relative; margin: 0;}
.bxslider-wrap .card-label { position: absolute;top: 0;right: 0;padding-right: 15px;}


.modal-dialog {
    width: 100%;
}
.modal.fade {
  z-index: 99999 !important;
}

.modal-body {
  text-align: center;
}


.media-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  text-align: center;
}

.media-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.plyr-container {
  max-width: 800px;
  margin: 0 auto;
}
.plyr {
  border-radius: 4px;
  margin-bottom: 15px;
}




span.slider-prev-prop  { 
    background: #1699bf;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 10px;
    position: absolute;
    z-index: 10000;
}

span.slider-next-prop  { 
    background: #1699bf;
    color: #FFFFFF;
    float: right;
    margin: 0 15px 0 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    z-index: 10000;
}

span.slider-next-prop:hover, 
span.slider-prev-prop:hover {background: #fff; cursor: pointer;}

span.slider-next-prop a, 
span.slider-prev-prop a { color:#fff; text-decoration: none; outline: none;}

span.slider-next-prop:hover a, 
span.slider-prev-prop:hover a {color:#1699bf;}

/*rotador*/
/*-------------END DETALLE REMATE--------------*/

/*-------------REMATE EN VIVO--------------*/
.otra-info{background:#f5f5f5; padding:20px 0px;}
.remate-titulo2{margin-bottom: 40px;}
.remate-titulo2 h2 {font-size:20px; font-weight:700; font-family: 'Roboto Slab', serif;margin-top:7px;}
.remate-titulo2 h2 span{font-size:24px; color:#28913e;}
.oferta{background: #efefef;margin-bottom:20px; overflow:hidden;}
.bg-oferta{background:url(../images/bg-oferta.png) no-repeat 0 0; background-size:cover; text-align:center; color:#fff; padding:10px;}
.bg-oferta h4{font-weight:700; font-size:15px;}
.bg-oferta h3{font-weight:700; font-size:30px; margin-top:5px;}
.bg-oferta p{display: inline;margin-right: 10px;}
button.ofertar.btn.navbar-btn {background:#ff0000 ;color:#fff; padding: 5px 43px;margin:0px;}
button.ofertar.btn.navbar-btn{font-size:18px; font-weight:700;}
button.ofertar.btn.navbar-btn span{font-size:20px;}
button.ofertar.btn.navbar-btn:hover{background:#454545;color:#fff;}
.oferta input{ text-align:center; font-size:16px; font-weight:700; width:100%;}
.su-oferta{font-weight:700; text-align:center;margin-top:5px; margin-bottom:5px;font-size: 12px;}
.btn-group{margin-left:43px;}
.btn-default {
    color: #b3b3b3;
    background-color: #fff;
    border-color: #b3b3b3;}
.video-youtube{margin-bottom:20px;}
.btn-default:hover{color:#5aaf5e;background:#e7f6e8;border-color:#5aaf5e;}

/*-------------END REMATE EN VIVO--------------*/

/*-------------REGLAMENTO--------------*/

.subtitulo{font-size:18px;}
.bajada-reglamento{font-weight:bold; margin-bottom:20px; font-size:16px;}

/*-------------END REGLAMENTO--------------*/

/*-------------CONTACTO--------------*/

.formulario-contacto{padding:30px 0px;}
.formulario-contacto input.campos, .formulario-contacto textarea{width:100%; padding:10px; margin:8px 0px;}
.formulario-contacto textarea{min-height:200px;}
.formulario-contacto input[type=submit]{background: #444545; color: #fff; font-weight: 700; border: 0px; padding:8px 15px;} 
.formulario-contacto input[type=submit]:hover{background: #f3bb38;}

/*-------------END CONTACTO--------------*/


/* slider */

.slider { padding-bottom: 24px;}

/* TODOS LOS REMATES */

.todos-remates, .publicidad {
  padding: 24px 0;
}

.banner-todos-remates {
  background-size: cover;
  min-height: 240px;
}

a.ver-remate.btn {
  width: 100%;
  background: #28913e;
  color: #fff;
  border-radius: 0px;
  font-size: 13px;
  font-weight: 700;
  margin: 25px 0 15px 0;
  max-width: 320px;
  transition: .3s;
}

a.ver-remate.btn:hover {
  background: #fff;
  color: #28913e;
}

.todos-remates{
  margin-top: 40px
}

.todos-remates .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  background-color: rgb(233, 233, 233);
}

.todos-remates .info h2{ text-transform: uppercase;}

.pl-md-0 { padding-left: 0; }
.pr-md-0 { padding-right: 0; }


/* publicidad */

.publicidad {
  margin-bottom: 48px;
}

.publicidad .iconos div>div {
  display: flex;
  align-items: center;
  border:1px solid #e1e1e1;
  height: 100px;
  justify-content: center;
  margin: 4px;
}

.publicidad img {
  max-width: 100%;
  height: auto;
}


/*  proximos remates  */
.proximos_remates td a {
  white-space: initial;
}

.proximos_remates .pills {
  margin: 0px auto 0;
  text-align: right;
}

.proximos_remates .label {
  display: inline-block;
}


.pt-1 { padding-top: .5rem;}
.table-responsive>.table-bordered>tbody>tr>td:first-child {
  border-left: 1px solid #ddd;
}

body{
  min-height: 100vh; 
  margin: 0; 
  
  display: grid;
  grid-template-rows: auto 1fr auto;
}

footer {
  min-height:50px; 
  padding-top: 24px;
}

.logo-rural img{
  transition: .5s;
}
.logo-rural:hover img{
  transform: scale(1.1);
}

/* slider remates home */

.items .item{
    border: 1px solid #d7d7d7;
    padding: 28px;
}

.izquierda {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.izquierda .casa{
   font-weight: bold;
   margin-bottom: 8px;
}
.izquierda .titulo{
  font-size: 1.8rem ;
  color: #008a38;
  font-weight: 800;
  height: 60px;
  margin-bottom: 12px;
} 

.izquierda .datos {
  font-weight: 800 !important;
  font-size: 17px !important;
  margin-top: 0;
  margin-bottom: 4px;
}

.izquierda .datos i{ 
  color: #28913e;
  margin-right: 4px;
}


.izquierda .ver-remate{
  display: block;
  width: 100%;
  text-align: center;
  background-color: #28913e;
  padding: 8px;
  color: white;
  text-decoration: none;
  transition: .3s;
  border: 1px solid transparent;
}

.izquierda .ver-remate:hover {
  background: #fff;
  color: #28913e;
  border: 1px solid #28913e;
}

.descargar-catalogo {
  background: #767676;
  color: #fff;
  padding: 12px;
  margin-top: 0;
  border-radius: 0;
}
.descargar-catalogo  i{
  margin-right: 8px;
}
.descargar-catalogo-disabled{
  opacity: .2 !important;
}
.descargar-catalogo-disabled:hover{
  color: #fff !important;
}
.concepto-remate {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcdcdc;
}

.wrap-img-casa {
  overflow: hidden;
  height: 437px;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap-img-casa img {
  max-width: 100% !important;
}

/* table remates single */




/* helpers */
.d-flex { display: flex;}
.align-center { align-items: center;}
.text-upper {text-transform: uppercase;}


@media screen and (max-width: 1199px){

.slider .info-slide h4{font-size:24px;}
.box1{padding:20px 15px 46px 15px;}
.box2{padding:20px 15px 54px 15px;}
.box3{padding:20px 15px 54px 15px;}
.box2-sidebar img{float:left; margin-right:5px; margin-left:0px;}
.box1-sidebar h3{font-size:20px;}
.box1-sidebar p{font-size:13px;}
.box1-sidebar img{margin-right:5px;}
.box2-sidebar h3{font-size:20px;}
.box2-sidebar p{font-size:13px;}
.btn{padding:6px 10px;}
.btn-group{margin:0px;}
}

@media screen and (max-width: 991px){
.navbar .navbar-nav li a{font-size:12px;}
.row.iconos .linea{border:none;}
.navbar-right button.registrarse.btn.navbar-btn, 
.navbar-right button.ingresar.btn.navbar-btn, 
.navbar-right button.salir.btn.navbar-btn, 
.navbar-right button.link_remates.btn.navbar-btn{font-size:12px;}
.slider .izquierda h4{text-align:left;}
.box4{padding:20px 15px 52px 15px;}
.box1-sidebar h3{font-size:24px;}
.box1-sidebar p{font-size:14px;}
.box1-sidebar img{margin-right:10px;}
.box2-sidebar h3{font-size:24px;}
.box2-sidebar p{font-size:14px;}
.box2-sidebar img{margin-right:10px;}
button.descargar-lote.btn.navbar-btn{float:none;}
.btn-group{margin-left:50px;}
button.acept_oferta.btn.navbar-btn{float:left;}
.activo_1 td.activo_oferta p{margin-right:10px;}
.numero-lote h5, .numero-lote i.fa.fa-heart{float: left;}
.boton.con-lote{text-align:left;}
.infolote .lote {float:left;}
.info-remate{padding-bottom:20px;}
p.ubi{margin-top:20px;}
.container {/*width: 900px;*/}
.carousel-control {
  bottom: -7% !important;
  top: unset !important;
  }
  .carousel-control.left {
    left: 40%;
    }
  .carousel-control.right {
    right: 40%;
    }
  .pl-md-0 { padding-left: 15px; }
  .pr-md-0 { padding-right: 15px; }  
}


@media screen and (max-width: 767px){
button.descargar.btn.navbar-btn{margin-top:15px;}
button.acept_oferta.btn.navbar-btn {float:right;}
.navbar {background-color: #28913e;border: none;}
.navbar-nav {
  margin: 7.5px 0px;
}
.navbar-nav {
  margin-top: 0px;
  margin-left: 8px;
}
.navbar-nav> li:first-child{
  margin-left: 0;
}
ul.dropdown-menu li a {
  color: #f0f0f0 !important;
}
.navbar-nav .logo {display:none;}

.media-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.proximos_remates td .label {
  display: inline-block;
}
.navbar-btn {
  margin-bottom: 5px;
}

/* table remate single responsive */

table.tb-remate-single {
  border: 0;
}
table.tb-remate-single td i {
  font-size: 2rem;
    margin-right: 8px;
}

table.tb-remate-single caption {
  font-size: 1.3em;
}

table.tb-remate-single thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

table.tb-remate-single tr {
  border: 3px solid #ddd;
  display: block;
  margin-bottom: 32px;
}

table.tb-remate-single td {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: .8em;
  text-align: right;
}

table.tb-remate-single td::before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label);
  float: left;
  font-weight: bolder;
  color: #000;
  text-transform: uppercase;
}


.ficha-remate img {
  margin: 0;
}

}

@media screen and (max-width: 765px){
.ficha-remate img{margin-bottom:0px;}	

}

@media screen and (max-width: 620px){
.btn-group{margin-left:0px;}

}

@media screen and (max-width: 617px){
.slider .info-slide span{font-size: 17px;}

}

@media screen and (max-width: 600px){
.activo_1 td.activo_nombre, .activo_1 td.activo_oferta p{font-size:18px;}
}
@media screen and (max-width: 566px){
.slider .info-slide img{float:none;}
.activo_1 td{padding:15px !important;}

}
@media screen and (max-width: 544px){
.activo_1 td.activo_oferta p{float:right;
 }
}
@media screen and (max-width: 531px){
.realiza-oferta h3, .realiza-oferta i{font-size:20px;}
}

@media screen and (max-width: 471px){
.btn{padding:4px 8px;}

}

@media screen and (max-width: 440px){
.video h3 span{font-size:22px;}
.video h3{padding:20px 15px;}
.video i{padding:29px 15px;}

.table-responsive.martilleros{overflow-x:scroll;}
}	

@media screen and (max-width: 423px){
.btn{padding:2px 6px;}
button.ofertar.btn.navbar-btn{width:100%;}
}

@media screen and (max-width: 404px){
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px;}
button.ofertar.btn.navbar-btn{font-size:13px;}
button.ofertar.btn.navbar-btn span{font-size:17px;}
.bg-oferta h3{font-size:25px;}
.bg-oferta h4{font-size:13px;}
}

@media screen and (max-width: 393px){
.ficha-remate img{margin-bottom:0px;}
}

@media screen and (max-width: 379px){
.video h3 span{font-size:15px;}
.video h3{padding:24px 15px;}
}

@media screen and (max-width: 375px){
.video h3{padding:24px 14px;}
}

@media screen and (max-width: 374px){
.btn{padding:2px 5px;}
}

@media screen and (max-width: 371px){
.video h3 {padding: 17px 14px;}
.video h3 {padding: 22px 14px;}
.video i {padding: 27px 14px;}
}
@media screen and (max-width: 342px){
p.ubi{float:left;}
}
@media screen and (max-width: 321px){
.video h3 {padding: 9px 14px;}
.video i {padding: 14px 14px;}
}

