@media (min-width: 960px) {
	h1 { font-size: 2em !important; }
	h2 { font-size: 1.5em !important; }
	h3 { font-size: 1.17em !important; }
	h4 { font-size: 1em !important; }
	h5 { font-size: .83em !important; }
	h6 { font-size: .75em !important; }
	p { font-size: 1em !important; }
	.div-img-inmueble {
		width: 130px !important;
		vertical-align: middle;
	}
	.img-inmueble {
		object-fit: conver;
		height: 130;
		width: 130;
	}
}

@media (max-width: 959px) {
	h1 { font-size: 300% !important; }
	h2 { font-size: 250% !important; }
	h3 { font-size: 200% !important; }
	h4 { font-size: 140% !important; }
	h5 { font-size: 120% !important; }
	h6 { font-size: 100% !important; }
	p { font-size: 140% !important; }
	.div-img-inmueble {
		width: 130px !important;
		vertical-align: middle;
	}
	.img-inmueble {
		object-fit: conver;
		height: 130;
		width: 130;
	}
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


body, html, .login_form {
  height: 100%;
}

body {
    font-family: Helvetica, sans-serif;
	background: url("/view/img/fondo_crmedeb.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;

	/*background: -webkit-radial-gradient(#aae765, #e7f8d3, #dff5c5); /* For Safari 5.1 to 6.0 */
    /*background: -o-radial-gradient(#aae765, #e7f8d3, #dff5c5); /* For Opera 11.6 to 12.0 */
    /*background: -moz-radial-gradient(#aae765, #e7f8d3, #dff5c5); /* For Fx 3.6 to 15 */
    /*background: radial-gradient(#aae765, #e7f8d3, #dff5c5); /* Standard syntax (must be last) */*/
}

h1 { margin: 0; }
h2 { margin: 0; }
h3 { margin: 0; }
h4 { margin: 0; }
h5 { margin: 0; }
h6 { margin: 0; }

h1 {
	font-size: 1.8em;
	padding-bottom: 0.4em;
}

{
	margin: 0;
	padding: 0;
}

.login_form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: center;
  -moz-box-flex: center;
  -webkit-flex: center;
  -ms-flex: center;
  flex: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
}

.login-wrapper {
  max-width: 500px;
  width: 100%;
}

.logo {
  text-align: left;
}
.logo img {
  max-width: 350px;
  width: 100%;
  margin: 1em auto 0.5em;
}

form {
  padding: 2em 1em;
  font-family: helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
form label {
  color: #000;
  margin: 0 3% .25em;
  display: block;
  font-family: helvetica, sans-serif;
}
form input {
  width: 94%;
  padding: .5em .25em;
  margin: 0 3% 0.3em;
  font-size: 1.2em;
  border: 1px solid #000;
  outline: none;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
form input:focus {
  border: 2px solid #1fd100;
}
form button {
  width: 94%;
  margin: 0.5em 3% 0;
  border: none;
  background: #508316;
  padding: 1em 0;
  font-size: 1.25em;
  clear: both;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: none;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
}
form button:focus, form button:hover {
  background: #262626;
}

.hide-show {
  width: 94%;
  margin: -3.62em 3% 0 1.5%;
  position: relative;
  z-index: 5;
  display: none;
}
.hide-show span {
  background: #1fd100;
  font-size: 1em;
  padding: .5em;
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

form .validation-message {
  padding: .5em .25em;
  margin: 0 3% 0.3em;
  color: red;
  font-weight: bold;
}

.w3-sidebar{
background-color:#539c27;
}

.w3-container{
background-color:#dff5c5;
}