html{
  scroll-behavior: smooth;
}
<style>
body{
	margin:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
label{
	padding-right:5px; 
}
table{
	padding:10px;
	max-width:100%;
}
table td, th{
	table-layout: fixed;
	height:25px;
}
div{
	overflow-x:auto;
	max-width:100%;
}
nav.menu{
	font-size:20px;
	padding:10px;
	text-align:right;
	vertical-align:middle;
}
.dvads, .dvadsidx{
	margin:10px auto; 
	width:100%; 
	overflow-x:hidden;
}
[name='descfoto']{
	display:none;
}
#mibuscar{
	background-image: url('../img/buscar.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	width: 90%;
	font-size: 14px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ccc;
	margin: 0px 0px 5px 0px;
}
.img-subir{
	position:fixed; 
	top:100px;
	left:calc(100% - 40px);
	cursor:pointer;
	z-index:99998;
	border-radius:15px;
	opacity:0.3;
}
.img-bajar{
	position:fixed;
	top:calc(100% - 70px);
	left:calc(100% - 40px);
	cursor:pointer;
	z-index:99999;
	border-radius:15px;
	opacity:0.3;
}
.img-bajar:hover, .img-subir:hover{
	opacity:1;
}
.id-inm-min{
	width:100%; 
	overflow-y:hidden;
}
.id-inm-min h1{
	color:blue; 
	margin:10px 5px 0px 0px;
	font-size:16px;
}
.id-inm-min .div1 img{
	float:left;
	width:70px;
	height:70px;
	border:0px;
	max-width:90%;
	cursor:none;
	
}
.id-inm-min .div1{
	vertical-align:middle; 
	display:inline-block;
	max-width:25%;
	float:left;
	overflow:hidden;
	margin:10px 0px 10px 15px;
}
.id-inm-min .div2{
	vertical-align:middle; 
	display:inline-block;
	max-width:60%;
	margin-top:10px;
}
.id-inm .div1{
	vertical-align:middle; 
	display:inline-block;
	max-width:12%;
	margin-top:20px;
}
.id-inm .div2{
	vertical-align:middle; 
	display:inline-block;
	max-width:80%;
	margin-top:40px;
}
.id-inm h1{
	color:blue; 
	margin-top:0px;
	font-size:20px;
}
.id-inm .div1 img{
	max-width:100%;
}
.barra-nav{
	width:100%; 
	margin:5px 0px 5px 0px; 
	border-radius:5px; 
	background-color:lightblue;
	vertical-align:middle;
	min-height:30px;
	z-index:1; 
	position:sticky; 
	top:0; 
}
div.img-inv figure{
	display:inline-block;
	border: 2px solid lightblue;
	width:28%;
	height:auto;
	max-width:95%;
	border-radius:10px;
	background-color: lightblue;
	padding:10px 10px;
	margin:10px 1% 20px 1%;
}	
div.img-inv-inm figure{
	width:220px;
	margin:10px 10px;
}
div.img-inv figure.edit{
	background-color: lightgrey; 
}
div.img-inv figure.edit .icn40{
	margin-right:10px;
}
div.img-inv img{
	border: 2px solid lightblue;
	cursor:pointer;
	width:95%;
	height:320px;
	margin:0px;
	border-radius:10px;
}
div.img-inv-inm img{
	height:220px;
}
div.img-inv figcaption{
	padding:0px;
}
div.img-inv figcaption label b, div.img-inv figcaption p b{
	color:darkblue;
}
/*
div.img-inv{
	width:15px;
	height:15px;
	margin-left:5px;
	display:inline-block;
}*/
div.img-inv .logo-inmob{
	cursor:pointer;
	width:95%; 
	height:auto; 
	margin:10px 10px 0px 2%;
	border-radius:10px;
}
/*
div.img-inv{
	width:20px;
	height:20px;
	margin:0px;
	display:inline-block;
	vertical-align:middle;
}*/
div.img-inv input[type=text]{
	display:inline-block; 
	border:0;
	background-color:transparent;
	color:black;
	outline:none;
	width:30%;
}
div.img-inv label{
	display:inline-block; 
	margin-left:10px;
	font-weight:bold;
}
div.img-inv input[type=checkbox]{
	display:inline-block;
}
div.img-inv textarea{
	text-align:justify; 
	display:inline-block; 
	margin:2%; 
	resize:none; 
	word-wrap: break-word; 
	border:1px solid grey; 
	background-color:transparent;
	width:90%;
	color:black;
	padding:10px;
	font-size:14px;
	min-height:40px;
	border-radius:5px;
}
.btn-outline{
	border: solid 1px #3A44A9;
	font-size: 16px;
	color: #3A44A9;
	background: 0 0;
	border-radius:5px;
	transition: all .3s ease-in-out;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active{
	border: solid 2px #3A44A9;
	color: #CCF0F7;
	background: #3A44A9;
}
.bton{  
	width:90px;
	height:40px; 
	background-color:lightblue;
	margin:5px; padding:5px; 
	display:inline; 
	border-radius:10px; 
	cursor: pointer;
}
.tbcorreo input{
	border:1px solid black; 
	border-radius:5px;
	font-size:16px;
	width:94%;
	height:40px;
	margin:0px 0px 10px 2%;
}
.tbcorreo textarea{
	border:1px solid black; 
	border-radius:5px;
	font-size:16px;
	width:94%;
	resize:vertical;
	margin:0px 0px 10px 2%;
}
.tbcorreo label{
	font-size:18px;
	padding-left:2%;
}
#ocultarthead{
	float:left;
	margin-left:-10px;
	width:20px; 
	cursor:pointer;
}
.btfrm{ 
	width:70px;
	height:40px; 
	background-color:darkblue;
	margin:5px; padding:5px; 
	display:inline; 
	border-radius:5px; 
	cursor: pointer;
	color:white;
	font-size:16px;
}
.btfrm:hover,
.btfrm:focus{
  color: #ffffff;
  background-color: #48ACCA;
  border-color: #4B4DA6;
}
div.tb-stky{
	border:1px solid black;
	margin:0 auto;
	border-radius:5px;
	width:95%;
}
.tb-stky > .tb-dt thead tr td:first-child, .tb-dt thead tr:first-child{
	position:sticky;
	left:0px;
}
.tb-stky > .tb-dt thead{
	/* no needed */
	position: -moz-sticky; 
	position: -ms-sticky;
	position: -o-sticky; 
	/* no needed */
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top:0px;
} 
.ttlorep{
	color:black;
	padding-left:20px;
	font-size:20px !important;
	font-weight:bold;
}
.stkycht{	
	color:blue;
	cursor:pointer; 
	font-size:24px;
	background-color:#E6E6E6;
	font-weight:900;
	padding:5px 10px;
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
	height:50px;
	position:sticky;
	left:0px;
}
.tbcorreo{
	width:100%;
	padding:0px 0px;
	border-radius:10px;
	border-spacing:15px; 
	background-color:#B6E3EC;
	margin:0px auto;
}
.tb-dt{
	border-collapse:separate;
	border-spacing:0px;
	border:1px solid #ccc;
	padding:0px;
	width:100%;
}
.tb-dt td, .tb-dt th{
	padding:5px 10px;
	border:2px solid white;
	font-size:16px;
}
.tb-dt thead th, .tb-dt-ed thead th{
	 background-color:#E6E6E6;
	 font-size:16px;
	 padding:10px;
}
.tb-dt thead td, .tb-dt-ed thead td{
	font-size:16px;
	background-color:#E6E6E6;
	text-align:center;
	font-weight:bold;
	padding:10px;
}	
.tb-dt-ed tbody th{
	 background-color:#E6E6E6;
	 cursor:pointer;
	 padding:10px;
	 font-size:16px;
	 border:0;
}	 
.tb-dt-ed tbody td{
	font-size:16px;
	border:0;
	padding:10px;
}	
.tb-dt tbody td:hover, .tb-dt-ed tbody td:hover{
  background-color: lightgrey!important;
}	
.tb-dt tbody tr:nth-child(odd), .tb-dt-ed tbody tr:nth-child(odd){
	background-color:#DAEDF6;
}
.tb-dt tbody tr:nth-child(even), .tb-dt-ed tbody tr:nth-child(even){
	background-color:lightyellow; 
}
.tb-dt tfoot th, .tb-dt-ed tfoot th{
	 background-color:#E6E6E6;
	 font-size:16px;
}
.tb-dt tfoot td, .tb-dt-ed tfoot td{
	 font-size:16px;
}
div.tb-stky table thead tr:first-child td{
	padding-left:70px;
	text-align:left;
	border-left:0px;
}
.tb-dt-ed{
	width:80%;
}
.bar{
	height: 35px; 
	position:relative;
}	 
 .bar label{ 
	margin-right:4px;
	margin-left:10px;
	position: inherit;
	top:25%; 
}		
.tmenu td{
	padding:5px;
}
.btnsmt{
  color: #ffffff;
  background-color: #3A44A9;
  border-color: #3A44A9;
  cursor: pointer;
  border-radius:5px;
}
.btnsmt:hover,
.btnsmt:focus{
  color: #ffffff;
  background-color: #48ACCA;
  border-color: #4B4DA6;
}
.icn28{
	margin:5px 1px 0px 0px;
	width:28px;
	height:28px;
	cursor:pointer;
	vertical-align:top;
	border-radius:5px;
}
.icn35{
	width:35px !important;
	height:35px !important;
	border-radius: 4px;
	cursor:pointer;
	vertical-align:middle;
}
.icn40{
	width:40px !important;
	height:40px !important;
	border-radius: 4px;
	cursor:pointer;
	vertical-align:middle;
	margin-left:5px;
}
#txtbqda{
	height:25px;
	margin:5px 0px 0px 5px;
	border-radius:5px;
	border:1px solid black;
}
#tablas, #campos, #tftr, #perpag, #pagina, #tipoimp, #selord, #fch2, #seldoc, #ctgrs{
	height:30px;
	margin:5px 0px 0px 5px;
	border-radius:5px;
}
#fch1{
	height:28px;
	margin: 5px 3px 0px 3px;
}
#todas{
	margin:5px 0px 0px 5px;
}
#btnbrr{
	height:28px;
	width:28px;
	margin:5px 2px 0px 0px;
	font-weight:bold;
	font-size:18px;
}
#fldmdl{
	border-radius:10px;
}	  
#canvas{
	cursor:crosshair;
}	  
#dvvsts input[type=date]{
	font-size:18px; 
	height:30px;
	font-weight:normal;
	width:160px;
	vertical-align:middle;
} 
#dvvsts label{
	font-size:20px;
	font-weight:normal;
}
#dvvsts img{
	margin-top:5px;
	border-radius:5px;
	cursor:pointer;
	height:35px;
	display:inline-block;
	vertical-align:middle;
}
.red{
  background-color:#c22;
}
.blue{
	background-color:#22c;
	border:2px dashed #fff;
}
.white{
	background-color: #2E9AFE;
}
.black{
	background-color:#000;
}		  
.ntabsc{
	width:64%; 
	text-align:justify; 
	padding:20px 20px; 
	float:left;
}
#ctnt7m{	
	content:url("images/lgo.png");
	width: 50%; 
	margin: auto;
	padding-bottom:20px;
}
#ctnt7{	
	text-align:center;
	margin:auto;
	padding:80px 0px 80px 0px;
}
#ctnt7:before{
	content:'Venta de Inmuebles';
	color:darkblue;
	font-size:25px;
	font-weight:bold;
}
.bkgidx{
	padding:75px 0px 75px 0px; 
	background-image:url(images/bground.jpg); 
	background-size:100% 100%;
} 
.bkgidx img{
	border-radius:30px;
}
.frmmdl{
	max-width:50%; 
	position:fixed; 
	top:25%; 
	left:25%;
	
	display:none;
	z-index:11;
}
.frmmdl2{
	opacity:0.5; 
	background-color:lightgrey;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:10;
}
.dvml{
	width:60%;
	margin:0px auto;
}
.dvmn div{
	width:80%; 
}
.dvmn img{
	width:15%;
	cursor:pointer; 
	padding:10px;
}
#captcha{
	max-width:30%;
	margin:-15px 0px 0px 0px;
}
#menu{
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	cursor:pointer;
}
#frmrg{
	padding:2%;
	margin:auto;
	width:600px;
	max-width:95%;
	border:1px solid black;
	border-radius:10px;
}
#frmrg input[type=text], #frmrg input[type=password]{
	width:94%;
	height:30px;
	margin:5px;
	background-color:#EAF2F8;
	border-radius:5px;
	border-color:lightgrey;
}	
#frmrg label{
	font-size:20px;
	margin-left:10px;
}
table.verfoto, div.verfoto{
	width:50%; 
	border-radius:20px;
	border-spacing:5px;
	margin:10px auto;
	padding:20px 0px;
	background-color:#F2F2F2;
	overflow-x:visible;
}
div.verfoto div{
	overflow-x:visible;
}
.pub02{
	width:75%;
	margin:auto;
}
.pub02 ul{
	list-style-type:none;
	padding:0px 0px 10px 0px;
}
.pub02 li{
	display:inline-block; 
	padding:10px 10px 0px 0px;
}
#ifrm-ing, #ifrm-reg{
	z-index:99;
	top:3%;
	left:30%;
	height:90%;
	padding:20px 5px 0px 5px;
	border-radius:10px;
	border:2px solid black;
	background-color:white;
	position:fixed; 
	width:40%;
	max-width:100%;
}
.tmns{
	margin:0 auto; 
	width:90%;
}
.tmns h1{
	font-size:36px;
}
.tab_ing{
	width:90%;
	border-spacing:20px; 
	background-color:#F2F2F2;
	border: 5px solid lightblue;
	margin:auto;
	border-radius:20px; 
}
.tab_ing .div-ppal{
	display:inline-block; 
	width:33%;
}
.tab_ing .div-ppal-ver-txt{
	width:98%;
}
.tab_ing .div-ppal-ver-txt textarea{
	text-align:justify; 
	padding:10px; 
	font-size:18px; 
	width:94.5%; 
	resize:vertical;
	border-radius:5px;
}
.tab_ing .div-ppal-ver{
	display:inline-block; 
	width:24%;
}
.tab_ing .div-ppal-ver input[type=text], .tab_ing .div-ppal-ver input[type=number]{
	width:86%;
}
.tab_ing input[type=text], 
.tab_ing input[type=password],
.tab_ing input[type=number],
.tab_ing input[type=date]{
	width:90%;
	background-color:lightblue;
	height:40px;
	font-size:18px;
	border-radius:5px;
	display:inline-block;
	margin:5px 0px 10px 0px;
	display:inline-block;
	padding:2px 5px 2px 10px;
}		
.tab_ing select{
	width:92%;
	background-color:lightblue;
	height:30px;
	font-size:18px;
	border-radius:5px;
	padding:10px;
}
.tab_ing .logico{
	width:12%;
	background-color:lightblue;
	height:48px;
	font-size:18px;
	border-radius:5px;
	padding:0px;
	margin:5px 1px 10px 0px;
	display:inline-block;
}		
.tab_ing input[type=reset],
.tab_ing input[type=button],
.tab_ing input[type=submit]{	
	margin:5px;
	cursor: pointer;
	display:inline-block;
}
.tab_ing label{	
	font-size:20px;
	font-weight:bold;
	width:100%;
	text-align:left;
	margin-left:30px;
}
.input-captcha{
	padding: 10px 0 10px 5px;
	display: inline-block;
	border: 1px solid black;
	border-radius: 10px;
	box-sizing: border-box;
	width:40% !important;
	font-size:22px;
	text-align:center;
	vertical-align:top;
	margin-left:10px;
}
.button-captcha:hover, .button-btn:hover{
	background-color: darkblue;
	color:white;
}
.canvas-captcha{
	display: inline-block;
	border: 3px solid darkblue;
	border-radius: 10px;
	margin-left:10px;
	margin-top:5px;
	cursor:pointer;
	padding: 2px 12px 0px 10px;
	background-color: darkblue; 
}
.canvas-captcha:hover{
	background-color: lightblue;
	color:white;
}
.descgral h3{
	width:88%;
	text-align:justify;
	padding:0px 20px 20px 20px;
	border:1px solid lightblue;
	border-radius:10px;
	font-size:20px;
}
.img-mnto{
	width:75%;
	margin:20px auto;
	cursor:pointer;
	border-radius:10px;
}
b.usuario, p.usuario{
	font-size:14px !important;
}
.brttlo{
	color:darkblue;
	padding:10px;
	width:100%;
	z-index:1;
	background:lightblue;
	position:fixed; 
	left:0; 
	top:0px;
}
.brttlo .ttlo{
	font-size:36px;
}
.brttlo .sttlo{
	font-size:20px;
}
.brttlo a{
	text-decoration:none;
	padding:0px 5px; 
	color:darkblue; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.brttlo .menu a:hover, .brttlo .menu a:focus, .brttlo .menu a:active{
	color:red;
	font-weight:bold;
}
.mntl{
	display:none;
}
.dvmnnv{
	float:right; 
	margin-right:40px;
}
.dvmnnv .menu{
	font-size:20px;
	padding:20px;
	text-align:right;
	vertical-align:middle;
}
.red-social img, div.img-inv div .red-social img{
	display:inline-block;
	margin:5px; 
	height:40px; 
	cursor:pointer; 
	width:40px;
}
.red-social img#seguirtwr{
	display:inline-block;
	margin:5px; 
	height:38px; 
	width:auto;
	cursor:pointer; 
	border-radius:5px;
}
@media(max-width:1024px){
	.id-inm{
		margin:80px auto;
		width:70%; 
	}
	.id-inm .div1{ 
		max-width:20%;
	}
	.id-inm .div2{ 
		max-width:75%;
	}
	.dvml{
		width:80%;
	}
}
@media(max-width:1225px){
	.brttlo .ttlo{
		font-size:28px;
	}
	.brttlo .sttlo{
		font-size:20px;
	}
	.brttlo .menu{
		display:none;
	}
	.brttlo .menu a{
		display:block;
		text-align:left;
		padding:10px 20px;
	}
	.dvmnnv{
		margin-right:20px;
	}
	.mntl{
		display:block;
		cursor:pointer;
		font-size:36px;
		float:right;
		margin-right:20px;
	}
	.dvads, .dvadsidx{
		margin:5px 0px 10px 0px; 
		width:100%; 
	}
}
@media(min-width:1226px){
	nav.menu{
		display:block !important;
	}	
}
@media(max-width:767px){
	.red-social img{
		height:50px; 
		width:50px;
	}
	.red-social img#seguirtwr{
		height:48px; 
		width:auto;
	}
	nav.menu{
		font-size:18px;
		padding:10px;
		text-align:right;
	}
	.tmns{
		width:99%;
	}
	.tmns h1{
		font-size:24px;
	}
	.id-inm-min .div1{
		margin:2px;
		max-width:25%;
	}
	.id-inm-min .div1 img{
		max-width:85%;
		width:85%;
		height:auto;
		margin:5px;
	}
	.id-inm-min .div2{
		max-width:70%;
		margin:0 auto;
	}
	.id-inm{
		margin:60px auto;
		width:100% !important; 
		overflow-y:hidden;
		margin-bottom:5px !important;
	}
	.id-inm h1{
		color:blue; 
		margin-top:5px;
		font-size:20px;
	}
	.ttlo h1{
		font-size:18px !important;
		width:98% !important;
		
	}
	.ttlo h2{
		font-size:16px !important;
		width:98% !important;
	}
	b.usuario, p.usuario{
		font-size:12px !important;
	}
	.descgral h3{
		width:90%;
		max-width:90%;
		font-size:18px;
		padding:10px;
	}
	.bkgidx{
		padding:0px 0px 0px 0px; 
		background-image:none; 
	}
	.bkgidx img{
		border-radius:0px;
	}
	.pub02{
		width:100%;
		margin:auto;
	}
	input[type=text], input[type=number]{
		min-width:100px;
	}
	table{
		max-width:none !important;
	}
	#captcha{
		max-width:40%;
		margin:-15px 0px 0px 0px;
	}
	#menu{
		display:block;
		position:absolute;
		top:0;
		left:0;
		padding:10px 0px 0px 10px;
	}
	.ntabsc{
		width:90%; 
		padding:10px;
		float:none;
	}
	.frmmdl{
		max-width:90%; 
		position:fixed; 
		top:10%; left:5%;
	}
	.dvmn div{
		width:100%;			
	}
	.dvmn img{
		padding:5px 2px 5px 2px; 			
		width:20%;		
	}
	.dvmn h2{
		font-size:18px;
	}
	.dvml{
		width:100%;
	}
	.tbcorreo{
		border-radius:5px;
	}
	.icn40, .icn35{
		width:40px !important;
		height:40px !important;
		margin-left:5px;
		vertical-align:middle;
		border-radius: 4px;
	}
	.tb-dt, .tb-dt-ed{
		width:100% !important;
	}
	div.tb-stky{
		width:100% !important;
	}
	#ctnt7, [name='boton'], #bqda, #ocultarcol{
		display:none;
	}
	table.verfoto, div.verfoto{
		width:100%;
	}
	div.img-inv figure{
		display:inline-block;
		border: 2px solid lightblue;
		width:90%;
		max-width:96%;
		margin:5px 0px;
		height:auto;
		
	}		
	div.img-inv figure.edit .icn40{
		margin-right:0px;
	}
	div.img-inv img{
		border: 2px solid lightblue;
		cursor:pointer;
		width:90%;
		height:auto;
		margin:0px;		
	}
	div.img-inv input[type=text]{
		display:inline-block; 
		border:0;
		max-width:20%;
		padding:0px;
		margin:0px;
		background-color:transparent;
		color:black;
		outline:none;
	}
	#ifrm-reg, #ifrm-ing{
		top:3%;
		left:2%;
		width:95%;
		max-width:100%;
	}
	.tab_ing{
		width:95%;
	}
	.tab_ing .div-ppal, .tab_ing .div-ppal-ver{
		width:100%;
		margin:0px !important;
	}
	.tab_ing textarea{
		width:95%;
	}
	.tab_ing .div-ppal-ver-txt textarea{
		text-align:justify; 
		padding:5px; 
		font-size:16px; 
		width:93% !important; 
		resize:vertical;
	}
	.solopc{
		display:none;
	}
	#ctnt7m{	
		width: 90%; 
	}
	.img-mnto{
		width:95%;
	}
}
@media(max-width:640px){
	#captcha{
		max-width:80%;
		margin:-5px 0px 0px 0px;
	}
}
</style>