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


form{
	background-color: #D8D8D8;
	width:360px;
	border:1px solid #000000;
	border-radius:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: 0 0 10px #000;
	margin-left: 32%;
	margin-top: 6%;
	float: left;
	margin-bottom: 4%;
}
form h1{
	text-align:center;
	color: #070719;
	font-weight: bold;
	font-size:20px;
	padding-bottom: 9%;
}
form input, select{
	margin-left: 10px;
	margin-top: 10px;
	width: 250px;
	height: 27px;
	box-shadow: inset 0px 0px 3px #000;
	border:none; 
    border-radius: 6px;
	text-align: left;
	border: none;
}

form input, select: focus
{
	box-shadow: 0 0 3px #000;
    border: none; 
    border-radius: 6px;
    outline: 0px;
    -moz-transition:1s;
    -ms-transition:1s;
    -o-transition:1s;
    -webkit-transition:1s;
    transition:1s;
}

form p
{
	line-height: 10px;
}

form input[type=checkbox]
{
	border:none;
	width: 20px;
	box-shadow: 0px 0px 0px #000;
	float:left;
	margin-left:100px;
}

form label
{
	margin-right:100px;
}

form input:focus{
	box-shadow: 0 0 4px #000;
    border: none; 
    border-radius: 6px;
    outline: 0px;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
}

form select:focus{
	box-shadow: 0 0 4px #000;
    border: none; 
    border-radius: 6px;
    outline: 0px;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
}

fieldset{
	margin-top: 2px;
	border-radius: 4px;
	margin-bottom: 1px;
}

form button{
	font-size: 16px;
	font-weight: bold;
	background-color: #5882FA;
	color: white;
	border-radius: 6px;
	height: 40px;
	width: 200px;
	border-width: 0px 3px 0px 0px;
	border-color: #819FF7;
	font-family: sans-serif; 
	outline:none;

	margin: 20px 18px 20px 30px;
}

#boton_cancelar{
	margin-left: 30px;
	margin-right: 18px;
	font-size: 16px;
	font-weight: bold;
	background-color:#FE2E2E;
	color: white;
	border-radius: 6px;
	height: 40px;
	width: 200px;
	border-width: 0px 3px 0px 0px;
	border-color: #FA5858;
	font-family: sans-serif; 	
}

#boton_cancelar:hover{
	box-shadow: red 0px 0px 5px;
	background: #FE2E2E;
	-moz-transition:0.2s;
    -ms-transition:0.2s;
    -o-transition:0.2s;
    -webkit-transition:0.2s;
    transition:0.2s;
}

#boton_cancelar_opt{
	margin-left: 30px;
	margin-right: 18px;
	font-size: 16px;
	font-weight: bold;
	background-color:#FE2E2E;
	color: white;
	border-radius: 6px;
	height: 40px;
	width: 200px;
	border-width: 0px 3px 0px 0px;
	border-color: #FA5858;
	font-family: sans-serif; 	
}

#boton_cancelar_opt:hover{
	box-shadow: red 0px 0px 5px;
	background: #FE2E2E;
	-moz-transition:0.2s;
    -ms-transition:0.2s;
    -o-transition:0.2s;
    -webkit-transition:0.2s;
    transition:0.2s;
}





#form_transparente
{
	float:left;
	background-color: rgba(255,255,255,0);
	width:360px;
	border:none;
	margin-left: 32%;
	margin-top: 2%;
	float: left;
	margin-bottom: 2%;
	box-shadow: 0 0 0px #000;	
	}
	
#form_transparente button
{
	font-size: 16px;
	font-weight: bold;
	background-color: #5882FA;
	color: white;
	border-radius: 6px;
	height: 40px;
	width: 250px;
	border-width: 0px 3px 0px 0px;
	border-color: #819FF7;
	font-family: sans-serif; 
	margin-bottom:20px;
}


/* ----------------- Forms de Resultado Cuenta ------------------*/
#form_administrar_cuenta
{
	margin-left:19%;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0px #000;	
	width: 300px;
	margin-bottom: 3px;
	border:none;
}

#form_reporte_operaciones
{
	margin-left:5%;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0px #000;	
	width: 300px;
	margin-bottom: 3px;
	border: none;
}

#form_reporte_operaciones button
{
	width: 220px;	
}

#form_administrar_cuenta button
{
	width: 220px;
}

#form_seccion_inmueble
{
	width: 500px;
	margin-left:260px;
}

/* ----------------- Form Login ------------------*/

#form_login input
{
	display:block;
	margin-top:-15px;
}

/* ----------------- Registro Inmuebles ------------------*/

#form_registro_inmuebles
{
	margin-left:2%;
	width: 300px;
	height:550px;
}

#form_registro_inmuebles button
{
	margin-left: 10px;
}

#form_registro_inmuebles label
{
	display:block;
	margin-left: 20px;
	text-align:left;
	margin-bottom: -18px;
}

#form_registro_inmuebles input,select
{
	margin-left: 0px;
	margin-right:10px;
}

#form_boton_cancelar_registro_inmuebles
{
	height:60px;
	margin-top:520px;
	margin-left:-341px;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0;
	border:none;
}

#form_boton_cancelar_registro_inmuebles button
{
	margin-top:1px;
}

#imagen_registro_inmuebles
{
	height:560px;
	width:550px;
	margin-top:55px;
	margin-left: -40px;
}

/* ----------------- forms Previsualizacion cuenta ------------------*/

#form_numero_cuenta
{
	width: 900px;
	margin-left: 100px;
	background-color: rgba(255,255,255,0);
	box-shadow:0 0 0;
	margin-top: 10px;
	border:none;
}

#form_numero_cuenta button
{
	height: 50px;
}
#form_numero_cuenta label
{
	color: #5882FA;
	font-weight: bold;
	float:left;
	margin-top  : 20px;
	margin-bottom: -40px;
}

#form_numero_cuenta span
{
	float:left;
	margin-top: 20px;
	margin-left: -60px;	
}

#form_numero_cuenta button
{
	margin-left: 180px;
	margin-top: 15px;
	float:right;
}


#form_numero_cuenta_alt
{
	width: 900px;
	margin-left: 100px;
	background-color: rgba(255,255,255,0);
	box-shadow:0 0 0;
	margin-top: 10px;
	border:none;
}

#form_numero_cuenta_alt button
{
	height: 50px;
}
#form_numero_cuenta_alt label
{
	color: #5882FA;
	font-weight: bold;
	float:left;
	margin-top  : 20px;
	margin-bottom: -40px;
}

#form_numero_cuenta_alt span
{
	float:left;
	margin-top: 20px;
	margin-left: -60px;	
}

#form_numero_cuenta_alt button
{
	margin-left: 180px;
	margin-top: 15px;
	float:right;
}




#form_mostrar_cuentas
{
	margin-left:10%;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0px #000;	
	width: 300px;
	margin-bottom: 3px;
	border: none;
	margin-top: -20px;
	
}

#form_mostrar_cuentas
{
	width: 350px;
}

#form_mostrar_cuentas button
{
	height: 50px;
	width: 250px;
}



#form_paga_linea
{
	margin-left:5%;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0px #000;	
	width: 300px;
	margin-bottom: 3px;
	border: none;
	margin-top: -20px;
}

#form_paga_linea
{
	width: 400px;
}

#form_paga_linea button
{
	width: 300px;
	height: 50px;
}

/* ----------------- forms Administracion de cuentas ------------------*/

#form_registrar_asignaciones
{
	margin-left:18%;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0px #000;	
	width: 300px;
	margin-bottom: 3px;
	border: none;
	margin-top:-7px;
}

#form_eliminar_asignacion
{
	margin-left:3%;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0px #000;	
	width: 300px;
	margin-bottom: 3px;
	border: none;
	margin-top:-7px;
	
}

#form_alta_usuario
{
	margin-left:18%;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0px #000;	
	width: 300px;
	margin-bottom: 3px;
	border: none;
	margin-top:-7px;
}

#form_elimina_usuario
{
	margin-left:3%;
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0px #000;	
	width: 300px;
	margin-bottom: 3px;
	border: none;
	margin-top:-7px;
	
}



/* ----------------- forms Administracion de cuentas ------------------*/

#form_lista_normal label
{
	display:block;
	font-weight:normal;
	margin-left:-10px;
	margin-bottom:-15px;
}

#form_lista_normal input
{
	margin-bottom:20px;
}

/* ----------------- forms pago online ------------------*/
#form_pago_online
{
	width:700px;
	margin-left:160px;
}

#form_pago_online h1
{
	margin-bottom: -20px;
}

#spans
{
	font-weight: bold;
	padding-top: 5px;
}

#form_pago_online ul li 
{
	list-style: none;
	text-align:left;
	padding-left:30px;
}

#form_pago_online button 
{
	margin-left: -30px;
}

#inmueble_derivada
{
	float:right;
	margin-right: 348px;
	font-weight: inherit;
}

#documentos
{
	float:right;
	margin-right: 332px;
}

#total
{
	float:right;
	margin-right: 320px;
}

.inputs
{
	float:right;
	margin-right: 120px;
}

.correos
{
	float:right;
	margin-right: 40px;
}

#form_cancelar_online
{
	background-color: rgba(255,255,255,0);
	box-shadow: 0 0 0 ;
	width: 250PX;
	height: 45px;
	margin-left: 100px;
	margin-top: 22px;
	border: none;
}

#form_cancelar_online button
{
	margin-top: 0px;
}

#form_asignacion_cuenta
{
	height: 400px;
	text-align: left;
}

/*------------------ form asignacion y elimina cuenta ---------------------*/
#form_asignacion_cuenta span
{
	margin-left: 15px;
}

#form_asignacion_cuenta input
{
	float:right;
	margin-right: 20px;
}

#form_asignacion_cuenta button
{
	margin-left:85px;
}

/*------------------ form resultado_lista_pagos ---------------------*/

#form_lista_pagos
{
	text-align:left;
	width: 700px;
	margin-left:170px;
}

#form_lista_pagos h1
{
	margin-bottom: -30px;
}

#form_lista_pagos ul li
{
	list-style:none;
}

#form_lista_pagos label
{
	float:right;
	margin-right: 50px;
}

#form_principal
{
	background-color: rgba(255,255,255,0);
	width:220px;
	box-shadow: 0 0 0;
	margin-left: 20px;
	margin-top: 0px;
	margin-left: 120px;
	border:none;
}

#form_principal button
{
	margin-left: 20px;
}
/*------------------ form resultado_lista_pagos ---------------------*/

#form_registro_usuarios
{
	width: 500px;
	margin-left: 250px;	
}

#form_registro_usuarios p
{
	padding-left: 30px;
	padding-right: 30px;
}

#form_registro_usuarios label
{
	display:block;
	text-align:left;
}

#form_registro_usuarios span
{
	color: Red;
}

#form_registro_usuarios input
{
	margin-right: 200px;
	margin-top: -15px;
}

#form_registro_usuarios select
{
	margin-right: 190px;
	margin-top: -15px;
}

#form_registro_usuarios label
{
	margin-left: 30px;
	margin-bottom: -15px;
}

#form_registro_usuarios button
{
	margin-left:30px;
}

#form_cancelar_registro
{
	width: 200px;
	height: 40px;
	box-shadow:0 0 0;
	background-color: rgba(255,255,255,0);
	margin-left: 30px;
	margin-top: 21px;
	border:none;
}

#form_cancelar_registro button
{
	margin-top:0px;
	margin-left: 00px;
}

/*------------------ form resultado registro usuario ---------------------*/

#form_resultado_usuario
{
	width: 200px;
	height: 40px;
	box-shadow:0 0 0;
	background-color: rgba(255,255,255,0);
	margin-left: 350px;
	border:none;
	margin-top: 30px;	
	margin: 30px 0px 70px 380px;
}

/*------------------ form resultado eliminar asignacion ---------------------*/

#form_eliminar_resultado
{
	width: 200px;
	height: 40px;
	box-shadow:0 0 0;
	background-color: rgba(255,255,255,0);
	margin-left: 350px;
	border:none;
	margin-top: 30px;	
	margin: 30px 0px 70px 380px;
}

#reducir_texto
{
	line-height: 20px;
}

/*------------------ form  Passwords ---------------------*/

#field_password
{
	margin:4px;
	text-align: left;
}

#field_password label
{
	margin-bottom: -15px;
	display:block;
	margin-left: 15px;
}

#field_password button
{
	margin-left: 60px;
}

#field_password legend
{
	text-align:center;
	font-size:16px;
}

#field_register
{
	margin:4px;
	text-align: left;
	margin-top:-70px;
}

#field_register label
{
	margin-bottom: -15px;
	display:block;
	margin-left: 20px;
}

#field_register button
{
	margin-left: 60px;
}

#field_register legend
{
	text-align:center;
	font-size:16px;
}