@font-face {
	font-family:bebas;
	src:url(../fonts/bebas/BebasNeue-Regular.ttf);}

@font-face {
	font-family:garet;
	src:url(../fonts/garet/Garet-Book.ttf);}	

@font-face {
	font-family:dolce;
	src:url(../fonts/dolce/Dolce\ Vita.ttf);}	


html{
	font-size:18px;
}

.titulo{
	font-family: dolce;

}

.subtitulo{
	font-family: garet;
}

.subrayado{
	text-decoration: underline #3e3f94a0 4px;
}

.grande{
	font-size: 100px;
}

.mediano{
	font-size: 50px;
}

.pequeño{
	font-size: 30px;
}

.white{
	color: #FFF;
}
.grey{
	color:#969ba3;
}

.black{
	color: black;
}

.frutilla{
	color:#B2403C;
}

.lavanda{
color:#AA6B9C;
}

.blue{
	color:#3e3f94a0;
}

.ladrillo{
	color:#a23c37;
}

.violeta{
	color:#3f3d45;
}

.cursiva{
	font-style: italic;
}

.verde{
	color:#4A8268;
}

.pink{
	color:#ED1E79;
}


.middle{
	margin-left: auto;
	margin-right: auto;
}

.sinform{text-decoration: none;
}

a:hover{color:#B45836;}

p a:hover{color:#B45836;}

.whatsapp{text-decoration: none;
    color:#57CD63;
}

#vacio{
	height: 160px;
}

#espacio{
	height: 100px;
}


section{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}


/* Página no encontrada - ERROR 404*/

.error_404{
	width: 100%;
	height: 400px;
	background-image: url(../images/404.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: auto auto;
	display: flex;
	justify-content: center;
	align-items: center;
}


.boton_404{
background-color:#2b6498;	
color: #FFF;
}


.boton_404:hover{
	color: white;
background-color: rgb(204, 144, 144);

}

.container_404{
	width: 100%;
	height: 200px;
}

/* BOTONES REDES SOCIALES */


ul, ol{
list-style-type:none;
}

li{
	display: inline;
}

.posicion_fija{
	position:fixed;
	z-index:200;
	top:30px;
	right:10px;
	width:130px;
	background-color: white;
	border-radius: 20px;
}

.botonredes{
	width:20px;
	height:20px;
	right:20px;
	text-align:center;
	font-size:30px;
	z-index:100;
	margin-right: 5px;
	margin-top:20px;
}

.wap{
	padding-left: 12px;
	text-decoration:none;
	color:#0df053;
}


.IG{
	text-decoration:none;
	color:#D43377;
}

.FB{
	text-decoration:none;
	color:#4285F4;
	}


.wap:hover{
	text-decoration:none;
	color:#738B80;
}

.IG:hover{
	text-decoration:none;
	color:#738B80;
}

.FB:hover{
	text-decoration:none;
	color:#738B80;
}

/* Botón SUBIR */

.subir{
	position: fixed;
	right: 0px;
	bottom: 15px;
}

.contenedor_subir{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: #ffffff;
	z-index: 300;
	margin-right: 20px;
	color: #4A8268;
}

.icono{
	z-index: 100;
	font-size: 30px;
	margin-top: -43px;
	margin-left: 5px;
}

.btn_subir{
	color: #F57669;
}

.btn_subir:hover{
	color:#4A8268;
}


/* Barra de navegación*/

.nav_web .navbar {
background-color: #3E4094 !important;
min-height: 90px;
}

.navbar-toggler-icon{
	background-image: url(../images/menu.jpg);
}


.nav-link {
    padding: 0.5rem 1rem ;
    color:#4A8268;
	margin-right: 1rem;}

.nav-item a:hover{
	color:#B45836;
}

#reserva{
	margin-top: 50px;
	height: auto;
	width: 100%;
text-align: center;
}

.btn-reserva{
	width: auto;
	padding: 10px 20px;
	background-color:#4A8268;
	color: white;
}

#reserva a:hover{
	background-color: #3ec067;
	color:white;}


/* Estilo Inicio*/


#fondo_inicio{
  width: 100%;
  height: auto;
}

.d-item{
	height: 500px;
}

.d-img{
	height: 100%;
	object-fit: cover;
	filter: brightness(0.8);
}

/* Estilo Servicios*/

#servicios{
height: auto;
}

.contenedor_servicio{
height: auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.img_servicio{
	height: 300px;
	margin-left: 30px;
}

.s-img{
    width: 300px;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

/* Estilo Contacto*/

.contenedor_contacto{
	margin-bottom: 60px;
	margin-top: 50px;
	width: 100%;
	color:#323234;
}

.contenedor_contacto h2, p{
	color:#323234;
	text-align: left;
}

.contenedor_contacto a{
	color:#323234;
	font-size:20px;
	text-align: left;
}

#contacto a:hover{
	color:#2b6498;
}


#formulario_contacto{
	border: 2px solid rgba(59, 57, 57, 0.637);
	border-radius: 20px;
	padding: 20px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}


/* Estilo Nosotros*/

.nosotros{
	padding-top: 60px;
}

#nosotros{
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#texto_sobre{
	width: 100%;
}

#galeria_about{
	width: 400px;
	padding-left: 0px;
	margin-bottom: 40px;
	margin-left: 40px;
}

.c-item{
	height: 300px;
}

.c-img{
	height: 100%;
	object-fit: cover;
}

.foto_perfil{
	height:170px;
	width:170px;

}

/* Estilo Galeria Venta*/

#venta{
	height: auto;
}

.destacadas_web{
	display: flex;
	justify-content: space-between;
}

.galeria_venta{
	height: 250px;
	display: flex;
	justify-content: center;
}


.ver_mas{
	width: 150px;
	margin: 0px auto;
	text-align: center;
	margin-bottom: 50px;
}

.ver_propiedad{
	text-align: center;
	color: #2b52c7;
	font-weight: 600;
}

#alquiler{
		height: auto;
		margin-bottom: 80px;
	}

/* FILTRO DE PROPIEDADES*/

#filtro{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	height: auto;
	min-height: 150px;
}

.titulo_filtro{
	color: #696A69;
	text-align: center;
	font-size: 30px;
}

.formulario_filtro{
	height: auto;
	margin-bottom: 30px;
}

.btn-filtro{
	background-color: #65a6b7;
	border-radius: 10px;
	width: 200px;
	margin-top: 30px;
}

.btn-filtro:hover{
	background-color: #b1d4dc;
}

.boton_filtrar{
	text-align: center;
	float: left;
	height: 70px;
	margin-top: 6px;
}

.tabla_completa{
	height: 90px;
	text-align: right;
}

/* INICIO: Cuadro de propiedad */

.propiedades{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 600px;
	color:#313134;
}

.prop_filtro{
	height:auto;
	width: 100%;
	text-align:center;
}

.prop_filtro .propiedad{
	height:480px;
	width:350px;
	float:left;
	margin: 5px 20px 25px 5px;
	font-size: 16px;
	background-color:#8284c39e;
	border-radius: 20px;
}

.prop_filtro .propiedad h4{
	color:#313134;
	font-size:20px;
	padding-top: 5px;
}

.direccion{
	padding-top: 10px;
	color:#313134;
	text-align: center;
}

.prop_filtro .propiedad .info_prop #dormis{
	color:#313134;
	width:80px;
	margin-left:20px;
	float:left;	
	font-size: 25px;
	font-weight: 600;
	margin-top: -3px;
}

.vermas{
	color:#313134;
	height: 30px;
}

.link_vermas{
	color:#313134;
	font-weight: 600;
	text-decoration:none;
	list-style-type:none;	
}

.link_vermas:hover{
	color:#389259;
}


/* INICIO: Descripción de propiedad con galería */

.espacio{
	height: 40px;
}

.descripcion{
	height:500px;
	width:90%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	}

#info{
	height:auto;
	margin-right:1px;
	line-height:normal;
	padding-top: 30px;
	text-align:left;
	margin-left:10px;
}
	
.consulta_WAP{
	text-decoration:none;
	color:#46915e;
	font-size:20px;
}

#galeria{
	height:420px;
	width:550px;
	float: right;
	padding: 10px 10px 10px 10px;
	margin-top: 20px;
	border: 1px solid #7d87aa;
	border-radius: 1rem 1rem 1rem 1rem;
	margin-right: 30px;
}

.g-item{
	height: 400px;
	width:550px;
}

.g-img{
	height: 100%;
	object-fit: cover;
}

.contenedor_mapa{
	padding: 0px 50px;
	width: 50%;
}

#mapa{
	width: 100%;
	height: 400px;
}

iframe{
	width:600px;
	height:400px;
}

/* FIN: Descripción de propiedad con galería */


/* Estilo Pie de página*/

.fin_pagina{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #8a8686;
	border-bottom: 1px solid #8a8686;
	font-size: 14px;
	color:#969ba3;
	padding-top: 30px;
	padding-bottom: 30px;
}


#footer_nav {
	line-height:8px;
	font-family: garet;
	padding-left: 40px;
}

#footer_nav a:hover{
	color:#251071;
	font-weight: 600;
}

#pie_pag p{
	color:#969ba3;
}

#pie_pag a{color:#969ba3;}
#pie_pag a:hover{
	color:#251071;
font-weight: 600;}



footer{
	height:30px;
	box-sizing:border-box;
	padding-top: 10px;
	background-color: #FFF;
	text-align: right;
	font-size: 14px;
	margin-right: 20px;
	}

#diseno{
	height:100px;
	width:auto;
}

#desarrollo_PY{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
}

#img_py{
	height: 50px;
	width: 50px;
}
 
#texto_py{
	padding-top: 15px;
	margin-right: 10px;
	color: #686869;
	font-style: italic;
}












/* Estilo admin */

.navbar_admin{
	font-size: 16px;
}

/* Login */
#Login{
background-image: url("../admin/images/fondo_login.jpg");
background-size: cover;
background-repeat: no-repeat;
height: 600px;
}

.main-container{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-container > .login,
.main-container > .hero-body{
	height: auto;
	width: 100%;
	max-width: 500px;
	min-width: 300px;
}

.admin_404{
	width: 1000px;
	height: 400px;
	background-image: url(../admin/images/404.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: auto auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.error_404 .subtitle{
	margin-bottom: 40px;
}

.main-container .login{
border: 1px black solid;
padding: 30px 20px;
border-radius: 20%;
background-color: #ffffffa2;
}

.login h3{
	text-align: center;
	padding-bottom: 20px;
}

.login label{
	font-size: 20px;
	width: 100%;
	text-align: center;
}

.login .form-control{
	width: 300px;
	margin: 0px auto;
}

.inicio_sesion{
	padding-top: 30px;
	}

.login 	.col-sm-10 {
	width: 100%;
	}	

.btn_iniciosesion{
	display: inline;
	justify-content: center;
	text-align: center;
}

.title_inicio{
	color: grey;
	text-align: center;
	font-style: italic;
	font-size: 20px;
	font-weight: 200;
}

.desarrollado{
	width: 450px;
	height: 80px;
	margin: -60px auto 0px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.img_py{
	margin-top: -5px;
	margin-left: 10px;
}

.py{
text-decoration: none;
color: black;
}

.py:hover{
	color: rgb(252, 24, 161);
}

.circulo{
	border: 1px solid transparent;
	border-radius: 50%;
}


.resaltador{
	background-color: rgba(255, 255, 0, 0.336);
	padding: 5px;
	border-radius: 10px;
	width: auto;
	max-width: 700px;
	font-weight: 700;
}

.guardar{
	color: #000;
    background-color: #e7a01a;
    border-color: #e7a01a;
	margin-top: 30px;
	margin-bottom: 30px;
}

.guardar:hover{
	color: #ffffff;
    background-color: #ca8403;
    border-color: #e7a01a;
}

.actualizar{
	color: #000;
    background-color: #1ae7e4;
    border-color: #1ae7e4;
	margin-top: 30px;
	margin-bottom: 30px;
}

.actualizar:hover{
    background-color: #1ae7e4b3;
    border-color: #1ae7e4;
}

.eliminar{
	color: #ffffff;
    background-color: #dc3545;
    border-color: #dc3545;
	margin-top: 30px;
	margin-bottom: 30px;
}

.eliminar:hover{
	color: #ffffff;
    background-color: #ad1222;
    border-color: #97212d;
}

.buscar{
	color: #000;
    background-color: #2da924;
    border-color: #2da924;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
	margin-right: 20px;
}

.buscar:hover{
    background-color: #2da92477;
    border-color: #2da92477;
}

#logo_admin{
	width: 100px;
	height: 100px;
	background-image: url(../images/logo.jpg);
	border-radius: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 100;
	top: 10px;
	left: 20px;

}

.btn-salir{
	width: auto;
	padding: 10px 20px;
	background-color:#9379b3;
	width: 80px;
	font-size: 16px;
}

.title{
	font-size: 30px;
	margin-top: 40px;
	color: #6f2d2a;
}

.subtitle{
	font-size: 25px;
	color: #455246;
	margin-top:-10px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.titulo_login{
	width: 100%;
	position:absolute;
	z-index: 100;
	top:5px
}

.home{
	margin-top: 100px;
	padding-left: 100px;
	color: #738B80;
}

.contenedor_tareas{
	display: flex;
	justify-content: space-around;
	text-align: center;
}

.contenedor_mensajes{
	width: 45%;
	margin-right: 30px;
	height: auto;
}

.contenedor_agenda{
	width: 50%;
	height: auto;
}

.sistema_admin{
	height: 80px;
	float: left;
	width: 45%;
	padding-left: 40px;
	padding-top: 20px;
}

.referencia{
	color: #4f4f4f;
	font-style: italic;
	margin-bottom: 30px;
}

.botones_tareas{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

#acordeon_filtro{
	margin-bottom: 30px;
}

#filtro{
	height: 250px;
	font-size: 16px;
}

#filtro input {
	font-size: 16px;
}

#filtro select {
	font-size: 16px;
}

.filtro_admin{
	margin-top: 32.5px;
	font-size: 16px;
}

.todo_admin{
	font-size: 16px;
	float: right;
}

.btn_opciones{
	font-size: 16px;
	display: inline-block;
	background-color: transparent;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.1rem 0.75rem;
	font-size: 1rem;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contenedor_carrusel{
	display: flex;
	justify-content: center;
}

.img_ejemplo{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.actualizar_img{
	width: 100%;
	height: 200px;
	border: 1px solid black;
	text-align: center;
	padding-top: 10px;
	border-radius: 20px;
}

.img-tabla{
	height: 100px;
}

.img-tabla2{
	height: 60px;
}

.btn-tabla{
	margin-top: 50px;
}

.contenedor_subir_img{
	padding-top: 20px;
	width: 30%;
	height: 250px;
	border: 1px rgb(102, 102, 102) solid;
	border-radius: 20px;
	float: right;
}

.col_actualizar{
	width: 400px;
}

.col_actualizar2{
	width: 350px;
}

.col_20{
	max-width: 60px;
}

.table{
	font-size: 16px;
}

.table a{
	font-size: 16px;
}


/* Propiedades por propietario*/
.columna-20{
	width: 20%;
	height: auto;
	float: left;
	}
	
	.columna-80{
	width: 80%;
	height: auto;
	float: left;
	padding-left: 30px;
	}

/* Administraciones */
	.contratos{
		height: auto;
		margin-bottom: 20px;
	}

.tabla_caja{
width: 95%;
margin-left: auto;
margin-right: auto;
}

.cambios_web{
margin-top: 60px;
width: 90%;
margin-right: auto;
margin-left: auto;
}

.divisor{
	margin-right: auto;
	margin-left: auto;
	color:#062378;
}

.texto{
	height: 200px;
}

.contacto-item{
	height: 350px;
}

.contacto-img{
	height: 100%;
	object-fit: cover;
	filter: opacity(0.3);
}


/* RECIBOS */

.totales_recibo{
	width: 100%;
}

.totales{
	color: #000;
    background-color: #e7a01a;
    border-color: #e7a01a;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 200px;
	text-align: center;
}

.columna-40{
	width: 40%;
	height: auto;
	float: left;
	}
	
.columna-60{
	width: 60%;
	height: auto;
	float: left;
	padding-left: 50px;
	}

.columna-50{
width: 50%;
height: auto;
float: left;
margin-left: 50px;
padding-left: 30px;
}	

#mes{
	width: 80px;
	}

	.cuadro_info{
		width: 90%;
		border: 1px solid rgb(125, 125, 125);
		border-radius: 10px;
		padding: 10px 20px;
		margin-bottom: 10px;
	}
	
	.cuadro_info .col-auto{
	width: 200px;
	margin-bottom: 10px;
	}
	
	.deudor{
		color: #8b2828;
		font-weight: 600;
	}
	
	.acreedor{
		color: #096e36;
		font-weight: 600;
	}
	
	.cobrar_propietario{
		height: 280px;
		background-color: #8ac2e7;
		padding: 10px 0px 10px 10px;
		margin: 20px 0px;
	}
	
	.cobrar_propietario .col-form-label{
		width: 180px;
	}
	
	.cobrar_propietario .detalle{
		width: 390px;
	}

.detalle_descuento{
height: 100px;
margin-top: 10px;
width: 400px;
}

.red{
	color: #8b2828;
	font-style: italic;
}

.descontar_alquiler{
	width: 150px;
}

.otros_conceptos .col-auto{
	width: 200px;
	margin-bottom: 10px;
	}

.otros_conceptos .col-form-label{
	width: 220px;
	margin-bottom: 5px;
}

.contenedor_punitorios{
	width: 100%;
	height: auto;
	background-color: #b9656572;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	border-radius: 20px;
}

.contenedor_punitorios .col-form-label{
	width: 210px;
}

.punitorios{
	color: #8b2828;
	font-style: italic;
	font-weight: 600;
}

#detalle_cobro{
	height: auto;
	background-color: #cecece9d;
	padding-top: 10px;
}

.boton_totales{
	text-align: center;
	width: 200px;
	margin: 10px auto;
	}

/* VISTA RECIBO */

.contenedor_recibo{
	width: 950px;
	height: auto;
	border: 2px solid black;
	margin: 20px auto;
}

.contenedor_recibo2{
	width: 950px;
	height: auto;
	border: 2px solid black;
	margin: 20px auto;
	page-break-before:always;
}

.info_inmobiliaria{
	width: 100%;
	height: 220px;
	border-bottom:  2px solid black;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.datos_inmob{
width: 40%;
height: 180px;
margin-left: 10px;

}

.logo_inmob{
height: 60px;
margin-top: 5px;
margin-bottom: 10px;
}

.texto_inmob{
	height: 90px;
	font-size: 12px;
	padding-top: 10px;
}

.doc_recibo{
width: 20%;
height: 140px;
margin: 10px;
background-image: url(../img/recibo_x.jpg);
background-size: contain;
background-repeat: no-repeat;
margin-left: 90px;
}

.nro_recibo{
	width: 40%;
	margin: 0px 25px;
	text-align: right;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
}

.detalle_recibo{
	margin: 30px 0px 40px 20px;
	height: auto;

}

.detalle_recibo .th_sm{
width: 150px;
}

.mediano{
font-size: 18px;
}

.info_inquilino{
	margin: 10px;
}


.info_inquilino h5{
	text-align: center;
}

.usuario_cobro{
	height: 50px;
	width: 100%;
	text-align: right;
	font-style: italic;
	color: #4f4f4f;
	padding: 10px 20px;
	border-top: 2px solid black;
}


/* RECIBO COMUN */
.formulario_recibo{
	display: block;
	width: 660px;
	padding: 0rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-color: #fff;
	background-clip: padding-box;
	border: 0px;
	border-bottom: 1px solid #ced4da;
}

.recibo_comun{
padding: 20px;
}


.recibo_comun .lineas_recibo{
width: 150px;
}


.referencia2{
	color: #4f4f4f;
	font-style: italic;
	margin-left: 50px;
	font-weight: 600;
	text-align: center;
}

.doc_recibo{
width: 20%;
height: 140px;
margin: 10px;
background-image: url(../admin/images/recibo_x.jpg);
background-size: contain;
background-repeat: no-repeat;
margin-left: 90px;
}

/* LIQUIDACIÓN AL PROPIETARIO */

.liquidacion_propietario .col-form-label{
	width: 200px;
}

#liquidacion .detalle {
	width: auto;
	}

.contenedor_opciones{
	width: 500px;
	border: 1px solid black;
	border-radius: 20px;
	background-color: #d5d5d5;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}



/* HISTORIAL RECIBOS */	
.btn_movimientos{
	margin-bottom: 10px;
	margin-right: 20px;
}

.anulado{
	font-weight: 600;
	background-color: rgba(232, 141, 141, 0.847);
	height: 30px;
	padding: 5px;
	margin-top: 10px;
	border-radius: 10px;
	color: #343434;
	text-align: center;
}

#anulado{
	width: 95%;
	margin-left:15px;
	height: 100px;
	background-color: #dbabab62;
	border: 1px solid #8b2828;
	color: #8b2828;
	text-align: center;
	font-weight: 600;
	font-size: 32px;
}

/* RECIBO SALDO DEUDOR */

#recibo_saldo{
	width: 800px;
	height: auto;
	background-color: #cecece9d;
	padding:20px;
}

/* HOME - tareas y mensajes */
.contenedor_tareas{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}


.tareas_pedidos{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.tareas_pedidos h5{
	text-decoration: underline;
}

.contenedor_btn_pedidos{
	width: auto;
	height: auto;
	padding: 10px;
	background-color: #e6df1f;
	border-radius: 20px;
	margin-right: 20px;
}

.contenedor_mensajes{
	background-color: #c3d0da;
	padding: 20px 10px;
	border-radius: 10px;
	margin-top: 40px;
	width: 35%;
	height: auto;
	text-align: center;
}

.contenedor_mensajes a{
text-decoration: none;
}

.contenedor_alerta_mje{
	width:80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 20px;
}

.contenedor_alerta_tarea{
	width:280px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.contenedor_agenda{
	margin-top: 40px;
	width: 64%;
	height: auto;
	background-color: #abd1a889;
	padding: 20px 10px;
	border-radius: 10px;
	text-align: center;
}

.nueva_tarea{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

#acordeon_asignar_tareas{
	width: 500px;
}

.fecha_mje{
font-size: 20px;
font-weight: 600;
color: #343434;
}

.no_leido{
	font-weight: 600;
	color: rgb(114, 42, 42);
}

.leido{
	font-weight: 600;
	color: rgb(51, 134, 57);
}

.botones_tareas{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.btn_tareas .btn{
margin-top: 30px;
}

.total_alquiler{
	margin-left: 100px;
	margin-bottom: 20px;
}














/* VISTA SITIO WEB */

.botones_web{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	}
	
	.boton_web{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	}
	
	.publicar_web{
		padding-top: 7px;
		text-align: center;
		margin: 10px auto;
	}
	
	.opciones_web{
		text-align:center;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		background-color: #f4ebd1;
		margin-left: 60px;
		height: 170px;
		padding-top: 10px;
		border-radius: 10px;
		margin-bottom: 20px;
	}

.destacada{
	font-size: 16px;
}

.propiedad_info{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.texto_propiedad{
	width: 600px;
}

.instructivo{
	text-decoration: none;
	color: #747474;
	font-style: italic;
}




















@media all and (min-width:600px) and (max-width:1000px) {


	/* BOTONES REDES SOCIALES */


	ul, ol{
	list-style-type:none;
	}
	
	.posicion_fija{
		top:100px;
		right:10px;
	}
	
	.botonredes{
		font-size:25px;
	}

	
/* Barra de navegación*/

#logo{
	width: 120px;
	height: 120px;
}

.nav-link {
	text-align: center;
}

.nav-item a:hover{
	color:#B45836;
}

.grande{
	font-size: 80px;
}

.mediano{
	font-size: 50px;
}

/* Estilo Inicio*/


#fondo_inicio{
	width: 100%;
	height: auto;
  }
  
.d-item{
	height: 500px;
}


/* Estilo Nosotros*/

#nosotros{
	height: auto;
	padding-top: 40px;
	display: inline;
	justify-content: center;
	align-items: center;
}

#texto_sobre{
	margin-top: 40px;
	width: 100%;
}

#galeria_about{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.c-item{
	height: 300px;
}

.c-img{
	height: 100%;
	object-fit: cover;
}

.foto_perfil{
	height:170px;
	width:170px;

}


/* Estilo Galeria Venta*/

.destacadas_web{
	display: inline;
	justify-content: center;
}

.cuadro_venta{
	margin-bottom: 20px;
}

/* Estilo Servicios*/

#servicios{
	height: auto;
	}
	
	.contenedor_servicio{
	height: auto;
	display: inline;
	justify-content: center;
	align-items: center;
	}
	
	.img_servicio{
		height: 300px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
	}
	
	.s-img{
	    width: 300px;
		height: 100%;
		object-fit: cover;
		border-radius: 20px;
	}


/* INICIO: Descripción de propiedad con galería */

.espacio{
	height: 40px;
}

.descripcion{
	display: inline;
	justify-content: center;
}

#info{
	padding-top: 10px;
	margin-left:30px;
}

#galeria{
	float: none;
	margin-left: 30px;
}

.contenedor_mapa{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#mapa{
	width: 100%;
	height: 400px;
}

iframe{
	width:500px;
	height:400px;
}

/* INICIO: Filtro de propiedades */

#filtro{
	height:auto;
	width:580px;
	margin-bottom:20px;
	padding-top:20px;
}

#filtro .col{
	flex: none;
}

#filtro .row{
	width: 400px;
}

#tabla_completa{
	height: 160px;
}


}
















@media all and (max-width:599px) {

	html{
		font-size:14px;
	}

	.grande{
		font-size: 50px;
	}
	
	.mediano{
		font-size: 35px;
	}
	
	.pequeño{
		font-size: 22px;
	}


	/* BOTONES REDES SOCIALES */


	ul, ol{
		list-style-type:none;
		}
		
		.posicion_fija{
			top:100px;
			right:10px;
		}
		
		.botonredes{
			font-size:25px;
		}
	
		
	/* Barra de navegación*/
	
	#logo{
		width: 120px;
		height: 120px;
	}
	
	.nav-link {
		text-align: center;
}
	
	.nav-item a:hover{
		color:#B45836;
	}
	
	.carrito_nav{
		margin-right: 0px;
		margin-top: 10px;
	}

	.navcarrito{
		padding: 0.5rem 1rem ;
		color:#4A8268;

	}

	/* Estilo Inicio*/
	
	
	#fondo_inicio{
		width: 100%;
		height: auto;
	  }
	  
	  .d-item{
		  height: 430px;
	  }
	
	
	/* Estilo Nosotros*/
	
	#nosotros{
		height: auto;
		padding-top: 40px;
		display: inline;
		justify-content: center;
		align-items: center;
	}
	
	#texto_sobre{
		margin-top: 40px;
		width: 100%;
	}
	
	#galeria_about{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.c-item{
		height: 300px;
	}
	
	.c-img{
		height: 100%;
		object-fit: cover;
	}
	

	.foto_perfil{
		height:170px;
		width:170px;
	
	}

	/* Nos presentamos */
	#aboutus{
		height:auto;
	}
	
	.perfil{
		height:300px;
		width:100%;
		float:none;
	}
	
	.foto_perfil{
		height:200px;
		width:200px;
		margin-left: auto;
		margin-right: auto;
	}



/* Estilo Galeria Venta*/

.destacadas_web{
	display: inline;
	justify-content: center;
}

.cuadro_venta{
	margin-bottom: 20px;
}

.prop_filtro .propiedad{
	height:480px;
	width:350px;
	float:none;
	margin: 5px 20px 25px 5px;
	font-size: 16px;
	background-color:#8284c39e;
	border-radius: 20px;
}


/* INICIO: Descripción de propiedad con galería */

.espacio{
	height: 40px;
}

.descripcion{
	display: inline;
	justify-content: center;
}

#info{
	padding-top: 10px;
	margin-left:30px;
}

#galeria{
	height:300px;
	width:300px;
	float: none;
	margin-left: 30px;
}

.g-item{
	height: 280px;
}

.contenedor_mapa{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#mapa{
	width: 100%;
	height: 300px;
}

iframe{
	width:90%;
	margin-left: auto;
	margin-right: auto;
	height:300px;
}

.margen-top{
	padding-top: 30px;
}



/* INICIO: Filtro de propiedades */

form{
	margin-top: 20px;
}

#filtro{
	height:auto;
	width:90%;
	margin-left: 40px;
	margin-bottom:20px;
}	
	
#filtro .col{
	flex: none;
}

#filtro .row{
	width: 300px;
}

#tabla_completa{
	height: 90px;
}


select{
	color: #5D5D65;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
	float: none;
	width: auto;
	margin-right: 20px;
	margin-top: 3px;
}

#boton_filtrar{
	text-align: center;
	float: none;
}


/* Estilo Servicios*/

#servicios{
	height: auto;
	}
	
	.contenedor_servicio{
	height: auto;
	display: inline;
	justify-content: center;
	align-items: center;
	}
	
	.img_servicio{
		height: 300px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
	}
	
	.s-img{
	    width: 300px;
		height: 100%;
		object-fit: cover;
		border-radius: 20px;
	}

#formulario_contacto{
	border: 2px solid rgba(59, 57, 57, 0.637);
	border-radius: 20px;
	padding: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}



/* Estilo Pie de página*/

.fin_pagina{
	display: inline;
}


#pie_pag p{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border-top: 1px solid #8a8686;
	padding-top: 20px;
}

#footer_nav{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #8a8686;
	padding-bottom: 20px;
}



}