@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
}

nav {  min-height:60px;  }

.fs {
	background-image: url('../forsale3.png');
	width: 15px;
	height: 113px;
	position: absolute;
	top: 15px;
	left: 0;
}
.fs2 {
	width: 100%;
	line-height: 14px;
	height: 14px;
	font-size: 10px;
	background: #000;
	color: #1AFF00;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	font-weight: bold;
	z-index: 100000;
}

.fill { 
	/*
    min-height: calc(100% - 75px);
    height: calc(100% - 75px);*/
	min-height: 100%;
    height: 100%;
	padding-top: 75px;
	display: table;
	background-color:#f8f8f8; 
	vertical-align: middle;
	/*
	min-height:100%;
    height: 100%;
	*/
}

.fillinterior { 

    min-height: calc(100% - 60px);
    height: calc(100% - 60px);
}

.map {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: table-cell;
	vertical-align:middle;
	background-position:center;
  	background-size: cover;
}

.mapinterior {
	vertical-align:top;
}

.mapinterior h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 	2.2em;
	margin: 30px auto;
	border-bottom: 4px solid #EEE;
}

.mapinterior p {
	text-align: left;
	font-size: 	1.5em;
	line-height: 1.8em;
	margin: 40px auto;
	padding: 0 0 0 10px;
}


body {
    margin-bottom:0;
}

.medio { 
	position: relative;
  /* This helps to align to the middle but is not working on IE
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  */
  margin:auto;
  padding:10px 0px;
  text-align:center;
  height:auto;
}

.forma-buscador { display:block; }
.buscador, .boton-buscador, .sombrabuscador {
/*
    

    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
*/
border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.sombrabuscador:hover, .sombrabuscador:focus {
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
	/*box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);*/
}

.cse input.botonbuscador, input.botonbuscador {
	transition: all 0.15s ease-in-out 0s;
	background-color:#ff6600;
}

.botonbuscador:hover {
	background-color:#158c30;
}

.boton-buscador:hover {
	cursor:pointer;
}
.footer {
  position: relative;
  width: 100%;
  
  background-color: #EEE;
	border-top: solid 1px #e4e4e4;
}


.logocorn {
  height: 500px;
  width: 500px;
}


#searchForm  {
	margin:auto;
}


.apps {
background-image: url('../i1_1967ca6a.png');
background-size: 528px 68px;
	background-position: -132px -38px;
	opacity: .55;
	height: 30px;
width: 30px;
}
.apps:hover {
	opacity: 1;
}



.footerleft a, 
.footerright a {
	margin-left: 2px;
	margin-right: 2px;
	color: #666;
	font-size: 0.75em;
}

/* Small devices (landscape phones, 576px and up) */
.form-inline .contsearch { margin-bottom: 10px; }
.form-inline .buscador:focus { border-color:#ff6600; }

.footer {
	display: table;
	
}
.tablafooter {
	display: table-cell;
	height: 58px;
	vertical-align: middle;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.tablafooter div {
	display: block;
	vertical-align: middle;
	float: none;
	margin: auto;
	text-align: center;
}

.tablafooter div a {
	
}
.hamburguesa {
	display: none;
	position: absolute;
	top:10px;
	right: 10px;
	width: 24px;
	height: 24px;
	background: black;
	z-index: 3;
}
.contpubs {
	width: 100%;
	margin: 0 auto 20px;
	max-width: 768px;
}
.pubs {
	width: 100%;
	background: #EEE;
	margin: 10px auto;
	min-height: 300px;
	max-width: 360px;
	display: table;
	height: 300px;
	position: relative;
}
.pleft {
	float: none;
	text-align: left;
}

.pright {
	float: none;
}

.ad300x250{
	margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 100%;
	height: 250px;
	text-align: center;
	background: #FFF;
	
}

.pubs ul {
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-top: 2px;
}

.pubs ul li {
	width: 100%;
	width: calc(100% - 4px);
	margin-bottom: 2px;
}

.pubs ul li:last-child {
	margin-bottom: 0px;
}

.pubs ul li a {
	width: 100%;
	padding: 14px 2px 14px 20px;
	background: white;
	display: block;
	margin-bottom: 2px;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #666;
}

.pubs ul li a:hover {
	background: #f9f9f9;
	color: #000;
	border-left: 5px solid orange;
	padding: 14px 2px 14px 15px;
}


.antiscroll {
	overflow-y: scroll;
	padding-right: 15px;
	height: 100vh;
	width: 240px;
}




.adf1{
	height: auto;
	width: auto;
	margin: 10px auto;
	text-align: center;
}



.navbar-expand .navbar-nav {

    -ms-flex-direction: column; /* poner row */
    flex-direction: column;

}

.nav-item {

    background:white;
	margin-bottom: 1px;

}


.fixed-top {
    width: 240px;
	height: 100vh;
	position: fixed;
  left: -250px;
  top: 14px;
  background: #B8523D;
  
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 2;

}
	.titulo {
		display: block;
		position: absolute;
		top: 25px;
		left: 15px;
		background: #FFF;
		border-radius: 3px;
		padding: 4px 10px;
		border: 1px solid #EEE;
		z-index: 0;
		transition: 0.3s ease;
		box-sizing: border-box;
		font-family: 'Montserrat', sans-serif;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #000 !important;
	}
nav.menu {
  display:block;
	overflow: hidden;
	transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.navbar-nav {
    padding-left: 20px;
}
.hamburguesa:checked ~ nav.menu {
  display:block;
	left: -20px;
	
}
.hamburguesa:checked ~ label.menu__close {
  opacity: 1;
  visibility: visible;
}
.hamburguesa:checked ~ label.menu__button::before {

}

.menu-bars {
  display: block;
}
.menu-close {
  display: none;
}

.hamburguesa:checked + label.menu__button .menu-bars {
  display: none;
}
.hamburguesa:checked + label.menu__button .menu-close {
   display: block;
}

.menu__button {

  display:block;

	position: absolute;
	top:25px;
	right: 15px;

	background: #FFF;
	border-radius: 3px;
	padding: 4px;
	border: 1px solid #EEE;
	z-index: 4;
	

  cursor: pointer;
  transition: 0.3s ease;

  box-sizing: border-box;
}
.menu__button::before {

}
.menu__button:hover {
  background: #EEE;
	border: 1px solid #CCC;
}
.menu__close {
  position:fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  height: 100vh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 1;
}

.hamburguesa:checked ~ label.menu__close {
  opacity: 1;
  visibility: visible;
}


.search-container {
  width: 490px;
  display: block;
  margin: 0 auto;
}

input#search-bar {
  margin: 0 auto;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  font-size: 1rem;
  border: 1px solid #D0CFCE;
  outline: none;
}
input#search-bar:focus {
  border: 1px solid #008ABF;
  transition: 0.35s ease;
  color: #008ABF;
}
input#search-bar:focus::-webkit-input-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
input#search-bar:focus::-moz-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0.4;
}
input#search-bar:focus:-ms-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
.buscador:focus {
    box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.gsc-search-button, .gsc-search-button:hover {
	background-image: url('../search-icon.png')!important;
	background-size: contain;
	background-color: unset;
	border: none;
	float: right;
	width: 40px;
	height: 40px;
	top: 2px;
	right: 2px;
	cursor: pointer;

}

.botonbusca {
	background-image: url('../search-icon.png');
	background-size: contain;
	position: absolute;
	background-color: unset;
	border: none;
	float: right;
	width: 40px;
	height: 40px;
	top: 2px;
	right: 2px;
	cursor: pointer;
	opacity: 0.5;
}

.botonbusca:hover {
	opacity: 1;
	
}
.contsearch {
	width: 100%;
	display: block;
	position: relative;
	margin: auto;
}



/* buscador */
.gcse-search-wrapper { 
		min-height: 40px;
		background-color: #EEE;
		border-radius: 5px;
	}

	.gsc-control-wrapper-cse, .gsc-control-searchbox-only {
		background: #FFF;
		border: 1px solid #D0CFCE;
		outline: none;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
		transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
		border-radius: 5px;
	}
	
	.gsc-input-box {
		border: none!important;
		background: #FFF!important;
		
	}
	
	.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
		border: none!important;
		background-color: #FFF!important;
		width: 40px!important;
		float: right!important;
		padding: 0!important;
		margin: 0!important;
		height: 40px!important;
		opacity: 0.5;
	}
	
	.gsc-search-button-v2 svg {
		display: none;
	}
	
	.cse .gsc-control-cse, .gsc-control-cse {
		padding: 0!important;
		width: auto;
	}
	
	.gsc-input {
		width: 100%!important;
		padding-right: 0!important;
	}
	
	form.gsc-search-box {
		margin-bottom: 0!important;
	}
	
	table.gsc-search-box {
		margin-bottom: 0!important;
	}
	

	input.gsc-input {
		border: 1px solid #FFF;
		font-size: 17px!important;
		background: #FFF;
		padding: 4px 9px;
		width: 99%;
		height: 2em!important;
		line-height: 36px!important;
		color:rgba(0,0,0,.87);
	}
	.gsc-input-box {
		background: #fff none repeat scroll 0 0;
		margin: 0!important;
		padding: 0!important;
		height: auto;
		border-radius: 5px;
	}
.gsc-input {
	/*  background: orange; */
}

.gsc-search-box{
	/* background: green; */
}

.gsc-search-box-tools{
	/* background: blue; */ 
}

.gsib_a {
	padding: 0 9px!important;
	height: auto;
	margin-top: 0!important;
}

/* end buscador */








.navbar-nav .mr-auto {
		float: none;
	}
	.antiscroll .navbar-nav {
		float: none;
	}
.antiscroll .navbar-nav .nav-item .nav-link:hover {
		background-color: #f8f8f8;
		text-decoration: underline;
	}
.paraapps {
	display: none;
}
.cont {
		
	/* background-image: url('../forsale2.png');
		background-repeat: no-repeat;
	*/
	}
#lga {
	margin-bottom:30px;  height: 80px; font-size: 4em; margin: auto;
}
.logohome {
		max-height: 76px;
		width: auto;
		max-width: 240px;
	}

	
	.logodom {
		font-family: 'Montserrat', sans-serif;
		color: #000!important;
	}


/* inside cards */

#contenido .card .card-body h5 {
	border-bottom: 1px solid #CCC;
	padding-bottom: 8px;	
	padding-left: 3px;
	font-family: 'Montserrat', sans-serif;
}


#contenido .card .card-body ul {
	margin: 5px;
	list-style: none;
	padding: 0;
	margin-top: 20px;
}

#contenido .card .card-body li {
	background-color: #f8f8f8;
	clear: both;
	float: none;
	margin-bottom: 25px;
    display: inline-block;
    width: 100%;
	position: relative;
}
#contenido .card .card-body li a  {
	display: flow-root; /* cambiar a block si falla en algún navegador */
}


.card-columns .card {
		  -webkit-column-break-inside: avoid;
		  page-break-inside: avoid;
		  break-inside: avoid;
		display:flex;
	-ms-flex-negative: 0;
	 min-height: 1px;
	
	}
.card-columns {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
	
	-ms-flex-negative: 0;
	  height: auto;        

	flex: 0 0 auto; /*added*/

    }

@media (min-width: 768px) {
    .card-columns {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
	 	-moz-column-count: 2; /* Firefox */
	 	column-count: 2;
	}
}
@media (min-width: 1480px) {
    .card-columns {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
 -moz-column-count: 3; /* Firefox */
 column-count: 3;
    }
}
	
	.adprefooter{
		width: 100%;
		text-align: center;
		margin: 50px auto;
		min-height: 90px;
	}
	

	/* just for IE edge */
@supports (-ms-ime-align:auto) {
   #contenido .card .card-body li a  {
		display: block; /* cambiar a block si falla en algún navegador */
	}
	
	.card-columns .card {
		display:inline-block!important;
	}
}


#contenido .card .card-body li a:hover  {
	text-decoration: none;
	background-color: #EEE;
}

#contenido .card .card-body li a img {
	float: left;
	margin-right: 10px;
	border-radius: 3px;
}

#contenido .card .card-body li a h3 {
	font-size: 1.3rem;
	color: #111;
	margin-bottom: 5px;
}
#contenido .card .card-body li a h4 {
	font-size: 1.3rem;
	color: #111;
	margin-bottom: 5px;
}

#contenido .card .card-body li a p {
	font-size: 1rem;
	color: #212529;
	margin-bottom: 5px;
}
#contenido .card .card-body li a .metat {
	position: absolute;
	padding: 2px 3px;
	border: 1px solid #CCC;
	bottom: 5px;
	right: 5px;
	background: #fff;
	border-radius: 4px;
	color: #666;
	font-size:0.8rem;
}
#contenido .card .card-body li a .meta {
	color: #666;
	font-size:0.8rem;
}
#contenido .card .card-body li a .metax {
	color: #666;
	font-size:0.8rem;
	float: right;
margin-right: 7px;
margin-bottom: 5px;
}

.trendingtopics span {
float: left;
font-size: 36px;
width: 50px;
text-align: center;
color: #CCC;
line-height: 40px;
padding: 0;
font-weight: bold;
}

.trendingtopics li a {
padding-left: 10px;
line-height: 40px;
color: #222;
	font-size: 1.2em;
}

@media (min-width: 330px) { 
	.ad300x250{
		margin: 0;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
		width: 300px;
		height: 250px;
		text-align: center;
		background: #FFF;
	}
	.mapinterior h1 {
		font-size: 	3em;
	}
}
@media (min-width: 576px) { 
.form-inline .contsearch  { width: 50%; margin-bottom: 0; }
	body { height: 100vh; }
#searchForm  { width: 80%;  }
	
	.fs {
	background-image: url('../forsale3.png');
	width: 15px;
	height: 230px;
	
  top: 50%;
  transform: translateY(-50%);
		
	position: absolute;
	right: 0;
	left: inherit;
}
	
	.footer {
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 58px; /* Vertically center the text there */
  
}
	.fs2 {
	font-size: 12px;
	}
	
	.tablafooter div {
	display: table-cell;
}
	.tablafooter div.footerleft {
	float: left;
	margin-left: 20px;
	
}
.tablafooter div.footerright {
	float: right;
	margin-right: 20px;
}
	.footerleft a, 
	.footerright a {
		margin-left: 10px;
		margin-right: 10px;
		color: #666;
		font-size: 0.9em;
	}
	
	.hamburguesa {
		display: none;
	}
	
	.fixed-top {
	display: flex;
	
	width: unset;
	height: unset;
}
.bg-light {

}
	body {
		background-image:none;
	}
.menu {
	background: white!important;
	/*
	background-image: url('../forsale.png')!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	*/
}

.navbar-expand .navbar-nav {

    -ms-flex-direction: row; /* poner row */
    flex-direction: row;

}
	
.navbar-nav {
    padding-left: 0;
}
nav.menu {
  display: -ms-flexbox;
  display:flex;
}

.nav-item {

    background:white;
	margin-bottom: 1px;

}
	.fixed-top {

    display: flex;
    width: 100%;
    height: 60px;
	position: fixed;
  left: 0;
  top: 15px;
  background: #B8523D;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  z-index: 2;

}
	.menu__button {
		display: none;
	}
	
	.antiscroll {
		overflow-y:hidden;
		padding-right: 0;
		height: 60px;
		display: contents;
		width: 100%;

	}
	
	
	.antiscroll .navbar-nav {
		float: right;
	}
	.antiscroll .mr-auto {
		float: left;
	}
	.antiscroll .navbar-nav .nav-item .nav-link {
		height: 60px; margin: 0; padding: 0 8px; line-height: 60px; margin-left: 10px; 
	}
	.antiscroll .mr-auto .nav-item .nav-link {
		margin-left: 0; margin-right: 20px; 
	}
	.antiscroll .navbar-nav .nav-item:first-child .nav-link {
		margin-left: 0;
	}

	.antiscroll .mr-auto .nav-item:last-child .nav-link {
		margin-right: 0;
	}
	
	.paraapps {
		display: block;
	}
	.antiscroll .navbar-nav .paraapps a.apps {
		margin-top: 15px; height: 30px; background-color:auto;
	}
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.form-inline .contsearch  {  width: 50%; }
#searchForm  {  width: 65%; }
	
	.pubs {
}
.pleft {
	float: left;
}

.pright {
	float: right;
}
	
	
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.form-inline .contsearch  {  width: 40%; }
#searchForm  {  width: 50%; }
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.form-inline .contsearch  {  width: 30%; }
#searchForm  {  width: 40%; }
 }
 
 @media (min-width: 1680px) { 
.form-inline .contsearch  {  width: 25%; }
#searchForm  {  width: 33%; }
 }

.btn-outline-success {
	color: #ff6600;
	background-color: transparent;
	background-image: none;
	border-color: #ff6600;
}

.btn-outline-success {
	color: #ff6600;
	background-color: transparent;
	background-image: none;
	border-color: #ff6600;
}

.btn-outline-success:hover {
	color: #fff;
	background-color: #ff6600;
	border-color: #ff6600;
}

.navbar-nav {
	margin-top: 0;
}